:root{--bg:#0a0e14;--panel:#141a26d1;--panel-solid:#1b2130;--panel-2:#232b3d;--ink:#eef2f8;--ink-dim:#9aa6bd;--accent:#f2c53c;--accent-2:#5bb73a;--border:#60709473;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--ink);font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;background:var(--bg);height:100dvh;margin:0;padding:0;overflow:hidden}kbd{background:var(--panel-2);border:1px solid var(--border);border-bottom-width:2px;border-radius:5px;margin:0 1px;padding:1px 6px;font-family:inherit;font-size:.85em}.app{width:100vw;height:100dvh;position:relative;overflow:hidden}.stage{line-height:0;position:absolute;inset:0}.stage__canvas{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.status-bar{pointer-events:none;background:linear-gradient(#080b11e6,#080b1100);align-items:center;gap:24px;padding:12px 20px;display:flex;position:absolute;top:0;left:0;right:0}.status-bar__stats{gap:26px;display:flex}.status-bar__stat{flex-direction:column;line-height:1.15;display:flex}.status-bar__label{letter-spacing:1.6px;text-transform:uppercase;color:var(--ink-dim);font-size:10px}.status-bar__value{color:var(--accent);text-shadow:0 2px 6px #000c;font-size:26px;font-weight:700}.status-bar__value--mono{font-variant-numeric:tabular-nums;font-family:Consolas,ui-monospace,monospace}.status-bar__progress{border:1px solid var(--border);background:#0c1018bf;border-radius:8px;flex:1;max-width:420px;height:16px;position:relative;overflow:hidden}.status-bar__progress-fill{background:linear-gradient(90deg, #3f8b2f, var(--accent-2));height:100%;transition:width .12s linear}.status-bar__progress-text{letter-spacing:1.2px;color:var(--ink);text-shadow:0 1px 2px #000c;place-items:center;font-size:10px;line-height:1;display:grid;position:absolute;inset:0}.status-bar__buttons{pointer-events:auto;gap:10px;margin-left:auto;display:flex}.status-bar__button{border:1px solid var(--border);color:var(--ink);font:inherit;letter-spacing:.3px;white-space:nowrap;cursor:pointer;background:#1e2636e0;border-bottom-width:2px;border-radius:9px;padding:12px 20px;font-size:16px;font-weight:700;box-shadow:0 2px 8px #00000059}.status-bar__short{display:none}.status-bar__button:hover{background:#344058f2}.status-bar__button:active{transform:translateY(1px)}.overlay{text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#080c12bd;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px;line-height:1.55;display:flex;position:absolute;inset:0}.overlay__title{letter-spacing:1px;color:var(--accent);text-shadow:0 4px #8a6d12,0 8px 20px #0009;margin:0;font-size:clamp(34px,6vw,64px)}.overlay__body,.overlay__keys,.overlay__hint{text-wrap:balance;max-width:560px;margin:0}.overlay__keys{color:var(--ink-dim);text-wrap:wrap;max-width:680px;font-size:14px}.overlay__hint{color:var(--ink-dim);font-size:13px}.result{gap:30px;margin:2px 0 4px;display:flex}.result div{flex-direction:column;gap:2px;display:flex}.result dt{letter-spacing:1.6px;text-transform:uppercase;color:var(--ink-dim);font-size:10px}.result dd{color:var(--accent);margin:0;font-size:26px;font-weight:700}.result__form{flex-direction:column;align-items:center;gap:6px;display:flex}.result__label{letter-spacing:1.6px;text-transform:uppercase;color:var(--ink-dim);font-size:10px}.result__row{gap:8px;display:flex}.result__input{background:var(--panel-2);border:1px solid var(--border);color:var(--ink);font:inherit;border-radius:8px;width:160px;padding:9px 12px}.result__submit{color:#0e1a08;font:inherit;cursor:pointer;background:linear-gradient(#6cc455,#3f8b2f);border:1px solid #2b6620;border-radius:8px;padding:9px 16px;font-weight:700}.result__submit:hover{filter:brightness(1.08)}.result__submit:disabled{opacity:.6;cursor:default}.app__board{pointer-events:none;width:264px;transition:opacity .24s,transform .24s;position:absolute;top:92px;right:20px}.app__board--away{opacity:0;visibility:hidden;transition:opacity .24s,transform .24s,visibility 0s linear .24s;transform:translate(16px)}.board{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:left;border-radius:12px;padding:14px}.board--compact{width:min(320px,90vw);margin-top:8px}.board__title{color:var(--accent);margin:0;font-size:17px}.board__source{letter-spacing:1.6px;text-transform:uppercase;color:var(--ink-dim);margin:2px 0 10px;font-size:10px}.board__empty{color:var(--ink-dim);margin:0;font-size:13px}.board__list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.board__row{background:#232b3db3;border-radius:6px;grid-template-columns:16px minmax(0,1fr) auto auto;align-items:baseline;gap:8px;padding:5px 8px;font-size:13px;display:grid}.board__rank{color:var(--ink-dim)}.board__name{text-transform:uppercase;letter-spacing:.3px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board__score{color:var(--accent);font-weight:700}.board__time{color:var(--ink-dim);font-variant-numeric:tabular-nums;font-size:11px}@media (width<=1040px),(height<=620px){.app__board{display:none}}@media (width<=720px){.status-bar{flex-wrap:wrap;gap:12px}.status-bar__progress{order:3;max-width:none}}.credit{z-index:2;letter-spacing:.4px;color:var(--ink-dim);text-shadow:0 1px 3px #000000d9;pointer-events:auto;margin:0;font-size:12px;position:absolute;bottom:12px;left:16px}.credit a{color:var(--accent);border-bottom:1px solid #f2c53c73;text-decoration:none}.credit a:hover{border-bottom-color:var(--accent)}@media (width<=560px),(height<=520px){.status-bar{gap:12px;padding:8px 12px}.status-bar__stats{gap:14px}.status-bar__value{font-size:20px}.status-bar__buttons{gap:6px;width:100%}.status-bar__button{flex:auto;min-height:44px;padding:10px 8px;font-size:14px;line-height:1.2}.status-bar__progress{height:12px}.overlay{gap:10px;padding:20px}.overlay__title{font-size:clamp(30px,11vw,46px)}.overlay__body{font-size:15px}.overlay__keys,.overlay__hint{font-size:12px}.result{gap:20px}.result dd{font-size:21px}.credit{font-size:11px;bottom:8px;left:12px}}@media (width<=400px){.status-bar__button{padding:10px 6px;font-size:13px}.status-bar__long{display:none}.status-bar__short{display:inline}}.overlay__logo{margin:0 0 4px;line-height:0}.logo{filter:drop-shadow(0 10px 22px #0000008c);width:min(520px,86vw);height:auto;display:block}.logo__type{letter-spacing:6px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,Arial Black,sans-serif;font-size:128px;font-weight:900}.logo__toad{transform-origin:260px 100px;animation:2.6s ease-in-out infinite logo-bob}.logo__shine{transform-box:view-box;transform-origin:0 0;animation:4.5s ease-in-out infinite logo-shine}@keyframes logo-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes logo-shine{0%,62%{transform:translate(0)skew(-18deg)}to{transform:translate(980px)skew(-18deg)}}@media (prefers-reduced-motion:reduce){.logo__toad,.logo__pupils,.logo__shine{animation:none}.app__board,.app__board--away{transition:none;transform:none}}.logo__pupils{animation:11s ease-in-out infinite logo-glance}@keyframes logo-glance{0%,20%{transform:translate(0)}23%,33%{transform:translate(-4.5px,.5px)}36%,44%{transform:translate(4.5px,-.5px)}47%,55%{transform:translate(0)}58%,63%{transform:translate(3px,3px)}66%,74%{transform:translate(-3.5px,-2.5px)}78%,to{transform:translate(0)}}.board__actions{border-top:1px solid var(--border);align-items:center;gap:6px;margin-top:10px;padding-top:9px;display:flex}.board__warning{color:var(--ink-dim);margin-right:auto;font-size:11px}.board__button{pointer-events:auto;border:1px solid var(--border);color:var(--ink-dim);font:inherit;letter-spacing:.4px;cursor:pointer;background:#232b3de6;border-radius:6px;padding:5px 10px;font-size:11px}.board__button:hover{color:var(--ink);background:#344058f2}.board__button--danger{color:#ffd9d4;background:#782018bf;border-color:#e04a3c99}.board__button--danger:hover{color:#fff;background:#a02a1fe6}.result__error{color:#ffb4a8;max-width:320px;margin:0;font-size:14px;font-weight:600}.result__help{max-width:320px;color:var(--ink-dim);margin:0;font-size:11px}.crash{text-align:center;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:32px;display:flex;position:absolute;inset:0}.crash__title{color:var(--accent);margin:0;font-size:clamp(26px,5vw,40px)}.crash__body{max-width:460px;color:var(--ink);margin:0;line-height:1.55}.crash__button{color:#0e1a08;font:inherit;cursor:pointer;background:linear-gradient(#6cc455,#3f8b2f);border:1px solid #2b6620;border-radius:9px;padding:11px 22px;font-weight:700}.crash__detail{max-width:560px;color:var(--ink-dim);word-break:break-word;margin:4px 0 0;font-family:Consolas,ui-monospace,monospace;font-size:12px}