:root{--text: #f3f6fc;--muted: rgba(233, 240, 255, .55);--ok: #8dffc2;--danger: #ff90a8;--warn: #ffd27a;--timer: rgba(255, 255, 255, .92);--placeholder: rgba(233, 240, 255, .35);--solid-bg: #000000;--life: linear-gradient(180deg, #ffffff, #b9ffd8);--life-glow: 0 0 14px rgba(141, 255, 194, .5), inset 0 1px 0 rgba(255, 255, 255, .6);--life-lost: rgba(255, 255, 255, .09);--life-lost-inset: inset 0 1px 0 rgba(255, 255, 255, .08);--chart-grid: rgba(255, 255, 255, .1);--chart-line: rgba(141, 255, 194, .95);--chart-fill-top: rgba(141, 255, 194, .35);--chart-fill-bot: rgba(141, 255, 194, .02);--chart-dot: #ffffff;--graph-bg: rgba(0, 0, 0, .22);--ok-glow: rgba(141, 255, 194, .35);--feedback-shadow: 0 2px 12px rgba(0, 0, 0, .7);--crosshair: rgba(255, 255, 255, .55);--crosshair-glow: 0 0 8px rgba(255, 255, 255, .4);--rank-gold: #ffe08a;--rank-silver: #d7e0ef;--rank-bronze: #e0b090;--glass-bg: rgba(255, 255, 255, .06);--glass-bg-strong: rgba(255, 255, 255, .09);--glass-brd: rgba(255, 255, 255, .16);--glass-hi: rgba(255, 255, 255, .28);--blur: blur(26px) saturate(160%);--radius: 22px;--shadow: 0 10px 40px rgba(0, 0, 0, .5), inset 0 1px 0 var(--glass-hi), inset 0 -1px 0 rgba(255, 255, 255, .04);--font: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Space Grotesk", "Inter", system-ui, sans-serif}#app.ink-dark{--text: #12161f;--muted: rgba(18, 22, 34, .62);--ok: #0a6b3f;--danger: #b01e3f;--warn: #9a5a00;--timer: #12161f;--placeholder: rgba(18, 22, 34, .38);--life: linear-gradient(180deg, #1a8f55, #0a6b3f);--life-glow: 0 0 10px rgba(10, 107, 63, .35), inset 0 1px 0 rgba(255, 255, 255, .35);--life-lost: rgba(18, 22, 34, .12);--life-lost-inset: inset 0 1px 0 rgba(18, 22, 34, .08);--chart-grid: rgba(18, 22, 34, .12);--chart-line: rgba(10, 107, 63, .95);--chart-fill-top: rgba(10, 107, 63, .28);--chart-fill-bot: rgba(10, 107, 63, .02);--chart-dot: #12161f;--graph-bg: rgba(18, 22, 34, .08);--ok-glow: transparent;--feedback-shadow: 0 1px 0 rgba(255, 255, 255, .55);--crosshair: rgba(18, 22, 34, .55);--crosshair-glow: 0 0 8px rgba(18, 22, 34, .25);--rank-gold: #8a6200;--rank-silver: #4a5568;--rank-bronze: #8a5530;--glass-bg: rgba(255, 255, 255, .55);--glass-bg-strong: rgba(255, 255, 255, .7);--glass-brd: rgba(18, 22, 34, .18);--glass-hi: rgba(255, 255, 255, .75);--shadow: 0 10px 36px rgba(18, 22, 34, .16), inset 0 1px 0 var(--glass-hi), inset 0 -1px 0 rgba(18, 22, 34, .04)}#app.ink-dark .mode-btn,#app.ink-dark .menu-tab,#app.ink-dark .name-field input,#app.ink-dark #player-name,#app.ink-dark #music-yt,#app.ink-dark .lb-mode,#app.ink-dark .lb-refresh,#app.ink-dark .mp-mode,#app.ink-dark .mp-name-field input,#app.ink-dark #mp-name,#app.ink-dark .suggest-field input,#app.ink-dark .suggest-field textarea,#app.ink-dark .bg-hex-field input{border-color:#12162229;background:#ffffff73;color:var(--text)}#app.ink-dark .mode-btn:hover,#app.ink-dark .menu-tab:hover,#app.ink-dark .name-field input:focus,#app.ink-dark #player-name:focus,#app.ink-dark #music-yt:focus,#app.ink-dark .lb-mode:hover,#app.ink-dark .lb-refresh:hover,#app.ink-dark .mp-mode:hover{border-color:#12162259;background:#ffffffb3}#app.ink-dark .mode-btn.active,#app.ink-dark .menu-tab.active,#app.ink-dark .lb-mode.active,#app.ink-dark .mp-mode.active{border-color:#12162273;background:#ffffffd9;color:var(--text)}#app.ink-dark .music-panel,#app.ink-dark .gfx-toggle,#app.ink-dark .bg-theme-panel{border-color:#1216221f;background:#fff6}#app.ink-dark .gfx-toggle input[type=checkbox],#app.ink-dark input[type=range]{accent-color:#12161f}#app.ink-dark #result-overlay{background:#e8e4dc8c}#app.ink-dark .cta{background:#12161f;color:#f3f6fc;box-shadow:0 6px 24px #12162233}#app.ink-dark .cta:hover{background:#1c2230}#app.solid-bg #mode-select{background:radial-gradient(ellipse 48% 38% at 28% 45%,color-mix(in srgb,var(--solid-bg) 70%,transparent),transparent 55%),radial-gradient(ellipse at 50% 28%,color-mix(in srgb,var(--solid-bg) 55%,transparent),color-mix(in srgb,var(--solid-bg) 82%,transparent) 72%)}#app.ink-dark .ghost{color:var(--text);border-color:#12162247;background:#1216220f}#app.ink-dark .ghost:hover{background:#1216221a}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;height:100dvh;overflow:hidden;background:#000;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%}#game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}body.playing{touch-action:none;overscroll-behavior:none;user-select:none;-webkit-user-select:none}#yt-bg{position:fixed;width:1px;height:1px;left:-9999px;top:0;overflow:hidden;opacity:0;pointer-events:none}.hidden{display:none!important}.glass{background:var(--glass-bg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-brd);border-radius:var(--radius);box-shadow:var(--shadow)}#boot-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-content:center;gap:.3rem;text-align:center;background:radial-gradient(ellipse 50% 40% at 30% 40%,rgba(120,40,160,.22),transparent 55%),radial-gradient(ellipse 40% 35% at 75% 25%,rgba(180,60,140,.16),transparent 50%),radial-gradient(ellipse 80% 50% at 50% 100%,rgba(40,15,50,.35),transparent 55%),radial-gradient(ellipse at 50% 35%,#190a2d80,#05010a 72%)}.boot-brand{font-family:var(--font-display);font-weight:700;font-size:clamp(2.2rem,7vw,4rem);letter-spacing:-.01em;color:#fff;text-shadow:0 0 44px rgba(255,255,255,.35)}.boot-sub{font-weight:500;letter-spacing:.5em;color:var(--muted);margin-bottom:1.8rem;font-size:.85rem;padding-left:.5em}.boot-status{color:var(--muted);font-size:.98rem}.boot-bar{width:min(300px,70vw);height:5px;margin:.9rem auto 0;background:#ffffff14;border-radius:999px;overflow:hidden}#boot-fill{height:100%;width:8%;background:linear-gradient(90deg,#ffffff80,#fff);border-radius:999px;transition:width .25s ease}#mode-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:.75rem;overflow:hidden;background:radial-gradient(ellipse 48% 38% at 28% 45%,rgba(110,35,150,.18),transparent 55%),radial-gradient(ellipse 36% 30% at 74% 20%,rgba(160,50,130,.12),transparent 48%),radial-gradient(ellipse 90% 45% at 50% 110%,rgba(30,10,40,.4),transparent 50%),radial-gradient(ellipse at 50% 28%,#12082359,#00000080 72%)}.mode-panel{width:min(440px,92vw);max-height:min(92vh,calc(100dvh - 1.5rem));background:var(--glass-bg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-brd);border-radius:28px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}.mode-panel-scroll{flex:1 1 auto;min-height:0;padding:2rem 1.7rem 1.7rem;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent}.mode-panel-scroll::-webkit-scrollbar{width:6px}.mode-panel-scroll::-webkit-scrollbar-button{display:none;width:0;height:0}.mode-panel-scroll::-webkit-scrollbar-thumb{background:#ffffff47;border-radius:999px}.mode-panel-scroll::-webkit-scrollbar-track{background:transparent;margin:14px 0}.mode-panel-scroll::-webkit-scrollbar-corner{background:transparent}.menu-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem;margin-bottom:1.25rem;padding:.3rem;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.menu-tab{padding:.5rem .25rem;border:none;border-radius:10px;background:transparent;color:var(--muted);font-family:var(--font-display);font-size:.72rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;transition:background .15s,color .15s;touch-action:manipulation}.menu-tab:hover{color:var(--text)}.menu-tab.active{background:#ffffff1f;color:var(--text);box-shadow:inset 0 1px #ffffff1f}.lb-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.lb-title{font-family:var(--font-display);font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0}.lb-refresh{flex-shrink:0;padding:.4rem .75rem;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:var(--muted);font-family:var(--font);font-size:.78rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:border-color .15s,background .15s,color .15s,opacity .15s}.lb-refresh:hover:not(:disabled){color:var(--text);border-color:#ffffff59;background:#ffffff14}.lb-refresh:disabled{opacity:.55;cursor:wait}.lb-modes{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin:.2rem 0 1rem}.lb-mode{padding:.55rem .7rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff05;color:var(--muted);font-family:var(--font);font-size:.9rem;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.lb-mode:hover{color:var(--text);background:#ffffff0d}.lb-mode.active{border-color:#ffffff80;background:var(--glass-bg-strong);color:var(--text)}.lb-list{list-style:none;display:grid;gap:.4rem;max-height:min(52vh,360px);overflow-y:auto;margin:0;padding:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}.lb-row{display:grid;grid-template-columns:2rem 1fr auto;align-items:center;gap:.65rem;padding:.7rem .85rem;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.lb-side{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.lb-row.you{border-color:#ffffff59;background:#ffffff14}.lb-rank{font-family:var(--font-display);font-weight:700;font-variant-numeric:tabular-nums;color:var(--muted);font-size:.9rem}.lb-row:nth-child(1) .lb-rank{color:var(--rank-gold)}.lb-row:nth-child(2) .lb-rank{color:var(--rank-silver)}.lb-row:nth-child(3) .lb-rank{color:var(--rank-bronze)}.lb-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-score{font-variant-numeric:tabular-nums;font-weight:700;color:var(--text)}.lb-score span,.lb-hints span{display:block;font-size:.68rem;font-weight:500;color:var(--muted);text-align:right;letter-spacing:.04em;text-transform:uppercase}.lb-hints{font-variant-numeric:tabular-nums;font-weight:700;color:var(--muted);min-width:2.4rem;text-align:right}.lb-empty{color:var(--muted);font-size:.92rem;line-height:1.45;padding:1.4rem .2rem .4rem;text-align:center}.mp-modes{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin:.6rem 0 1rem}.mp-mode{padding:.55rem .7rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff05;color:var(--muted);font-family:var(--font);font-size:.9rem;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.mp-mode:hover{color:var(--text);background:#ffffff0d}.mp-mode.active{border-color:#ffffff80;background:var(--glass-bg-strong);color:var(--text)}.mp-searching{display:flex;align-items:center;gap:.65rem;margin:.9rem 0 .2rem;padding:.7rem .85rem;border-radius:12px;border:1px solid rgba(141,255,194,.28);background:#8dffc20f;font-size:.9rem;color:var(--text)}.mp-spinner{width:16px;height:16px;flex-shrink:0;border-radius:50%;border:2px solid rgba(141,255,194,.25);border-top-color:var(--ok);animation:mp-spin .8s linear infinite}@keyframes mp-spin{to{transform:rotate(360deg)}}.mp-cancel{margin-left:auto;padding:.35rem .7rem;font-size:.72rem}.mp-status{min-height:1.1rem;margin:.55rem 0 .2rem;font-size:.86rem;color:var(--muted);line-height:1.4}.mp-status.error{color:var(--danger)}.mp-status.ok{color:var(--ok)}.mp-lobby{margin-top:1.1rem}.mp-lobby-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.55rem}.mp-lobby-title{font-family:var(--font-display);font-weight:600;font-size:.95rem;letter-spacing:.02em}.mp-list{list-style:none;display:grid;gap:.4rem;max-height:min(40vh,280px);overflow-y:auto;margin:0;padding:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}.mp-row{display:flex;align-items:center;gap:.65rem;padding:.6rem .75rem;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.mp-row .mp-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px var(--ok-glow);flex-shrink:0}.mp-row .mp-player-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.mp-mode-tag{flex-shrink:0;padding:.18rem .5rem;border-radius:999px;font-size:.62rem;font-weight:700;letter-spacing:.08em;border:1px solid rgba(255,255,255,.16);background:#ffffff0d;color:var(--muted)}.mp-mode-tag.pro{border-color:#ff90a873;background:#ff90a81a;color:var(--danger)}.mp-mode-tag.casual{border-color:#8dffc266;background:#8dffc214;color:var(--ok)}#app.ink-dark .mp-mode-tag{background:#ffffff73}.mp-join{flex-shrink:0;padding:.4rem .9rem;border-radius:10px;border:1px solid rgba(141,255,194,.4);background:#8dffc21a;color:var(--text);font-family:var(--font);font-size:.78rem;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:border-color .15s,background .15s}.mp-join:hover:not(:disabled){border-color:var(--ok);background:#8dffc22e}.mp-join:disabled{opacity:.55;cursor:wait}.mp-empty{color:var(--muted);font-size:.9rem;line-height:1.45;padding:1rem .2rem .2rem;text-align:center}#app.ink-dark .mp-row .mp-dot{box-shadow:none}#app.ink-dark .mp-join{border-color:#0a6b3f80;background:#0a6b3f1f}.mode-panel h1{font-family:var(--font-display);font-size:2rem;font-weight:700;letter-spacing:-.02em}.beta-badge{display:inline-flex;align-items:center;position:relative;top:-1.05em;margin-left:.5rem;padding:.22rem .4rem .19rem;border:1px solid rgba(255,255,255,.22);border-radius:4px;background:#ffffff0f;color:var(--muted);font-family:var(--font-display);font-size:.5rem;font-weight:600;line-height:1;letter-spacing:.16em;text-transform:uppercase}#app.ink-dark .beta-badge{border-color:#12162233;background:#ffffff6b}.tagline{color:var(--muted);margin:.4rem 0 1.2rem;font-size:1.02rem}.name-field{display:grid;gap:.35rem;margin-bottom:.65rem}.name-label{font-family:var(--font-display);font-size:.72rem;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.name-label .optional{letter-spacing:.04em;text-transform:none;opacity:.7}.name-field input,#player-name{width:100%;padding:.8rem .95rem;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:var(--text);font-family:var(--font);font-size:16px;outline:none;transition:border-color .15s,background .15s}.name-field input::placeholder,#player-name::placeholder{color:var(--placeholder)}.name-field input:focus,#player-name:focus{border-color:#ffffff73;background:#ffffff12}#player-name.invalid{border-color:#ff90a8d9;animation:name-shake .35s ease}#tab-panel-suggest .cta,#tab-panel-bern .cta{margin-top:.35rem}#tab-panel-bern .cta:disabled{opacity:.55;cursor:not-allowed;filter:none}.bern-lock-note{color:var(--danger);font-size:.9rem;font-weight:600;margin:.35rem 0 .85rem;line-height:1.4}#tab-panel-bern .tagline.bern-locked-tagline{opacity:.7}body.bern-open{overflow:hidden}.bern-window{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:1.25rem}.bern-window.hidden{display:none}.bern-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#04060e9e;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.bern-frame{--bern-accent: #9b7bff;--bern-accent-soft: rgba(155, 123, 255, .16);--bern-ink: #1a1f2e;--bern-muted: #5f6780;--bern-line: rgba(26, 31, 46, .14);--bern-bg: rgba(255, 255, 255, .82);--bern-panel: rgba(255, 255, 255, .9);--bern-chip-bg: rgba(255, 255, 255, .95);--bern-titlebar: rgba(255, 255, 255, .88);position:relative;z-index:1;width:min(860px,100%);height:min(740px,calc(100dvh - 2.5rem));display:flex;flex-direction:column;color:var(--bern-ink);border-radius:22px;border:1px solid rgba(255,255,255,.22);box-shadow:0 28px 90px #0000008c,inset 0 1px #ffffff59;overflow:hidden;font-family:var(--font);transition:width .2s ease,height .2s ease,border-radius .2s ease}.bern-frame.theme-dark{--bern-accent: #c4a8ff;--bern-accent-soft: rgba(196, 168, 255, .14);--bern-ink: #eef0ff;--bern-muted: rgba(220, 224, 245, .62);--bern-line: rgba(255, 255, 255, .12);--bern-bg: rgba(12, 10, 22, .78);--bern-panel: rgba(18, 14, 32, .82);--bern-chip-bg: rgba(28, 22, 48, .92);--bern-titlebar: rgba(14, 10, 26, .86);border-color:#c4a8ff2e}.bern-bg{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;background:url(/miss-bern-bg.png) center / cover no-repeat;filter:blur(10px) saturate(1.15);transform:scale(1.06);pointer-events:none;z-index:0}.bern-bg-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 85% 75% at 50% 42%,transparent 35%,rgba(8,4,18,.72) 100%),linear-gradient(180deg,rgba(8,4,18,.35) 0%,transparent 28%,transparent 72%,rgba(8,4,18,.5) 100%);pointer-events:none;z-index:1}.bern-frame.maximized{width:min(100%,calc(100vw - 1rem));height:min(100%,calc(100dvh - 1rem));border-radius:16px}.bern-titlebar,.bern-body{position:relative;z-index:2}.bern-titlebar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;background:var(--bern-titlebar);border-bottom:1px solid var(--bern-line);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);flex-shrink:0}.bern-identity{display:flex;align-items:center;gap:.75rem;min-width:0}.bern-pfp{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:center 18%;border:2px solid rgba(196,168,255,.55);box-shadow:0 4px 16px #00000059;flex-shrink:0}.bern-eyebrow{display:block;font-family:var(--font-display);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bern-muted);margin-bottom:.12rem}.bern-titlebar h2{font-family:var(--font-display);font-size:1.2rem;font-weight:700;letter-spacing:-.02em;color:var(--bern-ink)}.bern-win-actions{display:flex;gap:.35rem;flex-shrink:0}.bern-win-btn{width:2.1rem;height:2.1rem;border-radius:10px;border:1px solid var(--bern-line);background:var(--bern-bg);color:var(--bern-ink);font-size:1.05rem;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background .15s,border-color .15s,color .15s}.bern-win-btn:hover{background:var(--bern-accent-soft);border-color:#9b7bff73}.bern-theme-ico{font-size:.95rem;line-height:1}.bern-ico-max{width:.72rem;height:.72rem;border:1.5px solid currentColor;border-radius:2px;display:block}.bern-win-btn.restoring .bern-ico-max{width:.55rem;height:.55rem;box-shadow:2px -2px 0 -.5px currentColor,2px -2px 0 .5px transparent}.bern-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding:1rem 1.1rem 1.1rem;gap:.75rem;background:var(--bern-bg);backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%)}.bern-def-search{display:flex;align-items:stretch;gap:.55rem;flex-shrink:0}.bern-def-search-field{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:.55rem;margin:0;padding:.55rem .85rem;border-radius:12px;border:1.5px solid var(--bern-line);background:var(--bern-panel);transition:border-color .15s,box-shadow .15s}.bern-def-search-field:focus-within{border-color:var(--bern-accent);box-shadow:0 0 0 3px var(--bern-accent-soft)}.bern-def-search-ico{display:grid;place-items:center;color:var(--bern-muted);flex-shrink:0}.bern-def-search-field input{flex:1 1 auto;min-width:0;border:none;outline:none;background:transparent;color:var(--bern-ink);font-family:var(--font);font-size:16px;padding:0}.bern-def-search-field input::placeholder{color:var(--bern-muted);opacity:.7}.bern-def-search-go{flex-shrink:0;border:none;border-radius:12px;padding:0 1rem;background:linear-gradient(135deg,#9b7bff,#7b5fe0);color:#fff;font-family:var(--font-display);font-size:.82rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:filter .15s,transform .12s,opacity .15s}.bern-def-search-go:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.bern-def-search-go:disabled{opacity:.7;cursor:wait}.bern-def-panel{flex-shrink:0;max-height:min(40%,300px);overflow:auto;border-radius:14px;border:1px solid var(--bern-line);background:var(--bern-panel);padding:.85rem .95rem .95rem;display:flex;flex-direction:column;gap:.65rem;scrollbar-width:thin;scrollbar-color:rgba(155,123,255,.35) transparent;animation:bern-def-in .18s ease}.bern-def-panel.hidden{display:none}.bern-def-panel.loading{border-color:#9b7bff59}.bern-def-panel.not-found{border-color:#9b7bff38}@keyframes bern-def-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.bern-def-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.65rem}.bern-def-heading{min-width:0;flex:1 1 auto}.bern-def-word{font-family:var(--font-display);font-size:clamp(1.15rem,2.8vw,1.45rem);font-weight:700;letter-spacing:-.02em;color:var(--bern-ink);line-height:1.2;word-break:break-word}.bern-def-meta{margin-top:.28rem;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--bern-muted);line-height:1.35}.bern-def-close{width:2.1rem;height:2.1rem;border-radius:10px;border:1px solid var(--bern-line);background:var(--bern-bg);color:var(--bern-ink);font-size:1.15rem;line-height:1;cursor:pointer;display:grid;place-items:center;flex-shrink:0;transition:background .15s,border-color .15s,color .15s}.bern-def-close:hover{background:var(--bern-accent-soft);border-color:#9b7bff73}.bern-def-body{display:grid;gap:.65rem}.bern-def-sense{display:grid;gap:.3rem}.bern-def-pos{font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--bern-accent)}.bern-def-list{margin:0;padding:0;list-style:none;display:grid;gap:.35rem}.bern-def-list li{font-family:var(--font);font-size:.9rem;line-height:1.45;color:var(--bern-ink);padding:.45rem .65rem;border-radius:10px;background:var(--bern-accent-soft);border:1px solid transparent}.bern-def-empty,.bern-def-loading{font-size:.88rem;color:var(--bern-muted);font-weight:500}.bern-def-links{display:flex;flex-wrap:wrap;gap:.45rem}.bern-def-link{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .7rem;border-radius:999px;border:1px solid var(--bern-line);background:transparent;color:var(--bern-ink);font-family:var(--font);font-size:.78rem;font-weight:600;text-decoration:none;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.bern-def-link:hover{background:var(--bern-accent-soft);border-color:#9b7bff73;color:var(--bern-accent)}.bern-def-link svg{flex-shrink:0;opacity:.8}.bern-tool-block{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:.75rem}.bern-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.65rem}.bern-sort{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.bern-sort-label{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--bern-muted);margin-right:.2rem}.bern-sort-btn{border:1px solid var(--bern-line);background:transparent;color:var(--bern-muted);font-family:var(--font);font-size:.84rem;font-weight:600;padding:.42rem .8rem;border-radius:999px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.bern-sort-btn:hover{color:var(--bern-ink);border-color:#9b7bff59;background:var(--bern-accent-soft)}.bern-sort-btn.active{background:var(--bern-accent);border-color:transparent;color:#fff}.bern-frame.theme-dark .bern-sort-btn.active{color:#1a1030}.bern-dir-btn{border:1px dashed var(--bern-line);background:transparent;color:var(--bern-ink);font-family:var(--font-display);font-size:.82rem;font-weight:700;letter-spacing:.03em;padding:.42rem .85rem;border-radius:999px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.bern-dir-btn:hover{background:var(--bern-accent-soft);border-color:#9b7bff73;border-style:solid}.bern-search{display:grid;gap:.7rem}.bern-fields{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.bern-field{display:grid;gap:.35rem;margin:0}.bern-field span{font-size:.76rem;font-weight:600;color:var(--bern-muted)}.bern-field input{width:100%;padding:.7rem .85rem;border-radius:12px;border:1.5px solid var(--bern-line);background:var(--bern-panel);color:var(--bern-ink);font-family:var(--font);font-size:16px;outline:none;transition:border-color .15s,box-shadow .15s}.bern-field input::placeholder{color:var(--bern-muted);opacity:.65}.bern-field input:focus{border-color:var(--bern-accent);box-shadow:0 0 0 3px var(--bern-accent-soft)}.bern-search-btn{justify-self:start;min-width:min(100%,200px);padding:.72rem 1.25rem;border:none;border-radius:12px;background:linear-gradient(135deg,#9b7bff,#7b5fe0);color:#fff;font-family:var(--font-display);font-size:.92rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:filter .15s,opacity .15s,transform .12s}.bern-search-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.bern-search-btn:disabled{opacity:.7;cursor:wait}.bern-meta{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.bern-summary{font-size:.9rem;color:var(--bern-ink);font-weight:500}.bern-summary .bern-hl{color:var(--bern-accent);font-weight:700}.bern-meta-right{display:flex;align-items:center;gap:.65rem;font-size:.86rem;color:var(--bern-muted);font-weight:600;white-space:nowrap}.bern-clear{border:none;background:none;color:var(--bern-accent);font-family:var(--font);font-size:.86rem;font-weight:700;cursor:pointer;padding:0}.bern-clear:hover{text-decoration:underline}.bern-results{flex:1 1 auto;min-height:0;overflow:auto;background:var(--bern-panel);border:1px solid var(--bern-line);border-radius:14px;padding:.85rem;display:flex;flex-wrap:wrap;align-content:flex-start;gap:.45rem;scrollbar-width:thin;scrollbar-color:rgba(155,123,255,.35) transparent}.bern-chip{border:1px solid var(--bern-line);background:var(--bern-chip-bg);color:var(--bern-ink);border-radius:9px;padding:.35rem .65rem;font-family:var(--font);font-size:.86rem;font-weight:500;cursor:pointer;transition:border-color .12s,background .12s,color .12s,transform .1s}.bern-chip:hover{border-color:#9b7bff73;background:var(--bern-accent-soft);transform:translateY(-1px)}.bern-chip.copied{border-color:var(--bern-accent);background:var(--bern-accent);color:#fff}.bern-toast{position:absolute;left:50%;bottom:1.1rem;transform:translate(-50%,.75rem);z-index:5;padding:.55rem 1rem;border-radius:999px;border:1px solid var(--bern-accent);background:var(--bern-accent);color:#fff;font-family:var(--font);font-size:.88rem;font-weight:600;box-shadow:0 8px 24px #00000038;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.bern-toast.show{opacity:1;transform:translate(-50%)}.bern-more{width:100%;text-align:center;color:var(--bern-muted);font-size:.82rem;font-weight:600;padding:.55rem 0 .15rem}@media(max-width:560px){.bern-window{padding:.5rem}.bern-fields{grid-template-columns:1fr}.bern-search-btn{width:100%;min-width:0}.bern-def-search{flex-direction:column}.bern-def-search-go{width:100%;min-height:2.5rem}.bern-def-panel{max-height:none}.bern-def-links{flex-direction:column}.bern-def-link{justify-content:center}.bern-frame{height:calc(100dvh - 1rem)}.bern-body{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.bern-tool-block{flex:0 0 auto;min-height:0}.bern-results{flex:0 0 auto;overflow:visible;max-height:none}.bern-toolbar{flex-direction:column;align-items:stretch}.bern-dir-btn{width:100%;text-align:center}}.name-status{min-height:1.1rem;margin:-.15rem 0 .55rem;font-size:.85rem;color:var(--muted)}.name-status.ok{color:var(--ok)}.name-status.err{color:var(--danger)}@keyframes name-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.best-line{color:var(--muted);font-size:.9rem;margin-bottom:1.1rem}.best-line span{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.mode-list{display:grid;gap:.6rem;margin-bottom:1.3rem}.mode-btn{text-align:left;padding:.95rem 1.05rem;border:1px solid rgba(255,255,255,.1);background:#ffffff05;color:var(--text);cursor:pointer;font-family:var(--font);border-radius:16px;transition:border-color .18s,background .18s,transform .18s}.mode-btn:hover{transform:translateY(-1px);background:#ffffff0d}.mode-btn.active{border-color:#ffffff8c;background:var(--glass-bg-strong);box-shadow:inset 0 1px 0 var(--glass-hi)}.mode-btn-featherine{display:flex;align-items:center;gap:.85rem}.mode-btn-featherine .mode-avatar{flex-shrink:0;width:44px;height:44px;border-radius:12px;object-fit:cover;object-position:center top;border:1px solid rgba(255,255,255,.18);background:#28143759}.mode-btn-featherine .mode-copy{min-width:0}.mode-btn-featherine.active{border-color:#ba8cff8c;background:linear-gradient(135deg,#5a287838,#ffffff0a)}.mode-title{display:block;font-family:var(--font-display);font-size:1.05rem;font-weight:600}.mode-desc{display:block;color:var(--muted);font-size:.92rem;margin-top:.15rem}.hint{color:var(--muted);font-size:.88rem;margin-bottom:1.1rem}.hint-mobile,html.mobile-ui .hint-desktop{display:none}html.mobile-ui .hint-mobile{display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.music-panel{margin-bottom:1.1rem;padding:.85rem .95rem;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff08}.music-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.45rem}.music-label{font-family:var(--font-display);font-size:.72rem;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.music-vol-val{font-size:.8rem;font-variant-numeric:tabular-nums;color:var(--muted)}.music-vol{display:block;margin-bottom:.65rem}.music-vol input[type=range]{width:100%;height:6px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#ffffff1f;border-radius:999px;outline:none;cursor:pointer}.music-vol input[type=range]::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:none;box-shadow:0 2px 8px #00000059;cursor:pointer}.music-vol input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:none;box-shadow:0 2px 8px #00000059;cursor:pointer}.music-track{display:flex;gap:.45rem}#music-yt{flex:1;min-width:0;padding:.65rem .8rem;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:var(--text);font-family:var(--font);font-size:16px;outline:none;transition:border-color .15s,background .15s}#music-yt::placeholder{color:var(--placeholder)}#music-yt:focus{border-color:#ffffff73;background:#ffffff12}.music-play{flex-shrink:0;padding:.65rem .9rem;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:var(--text);font-family:var(--font);font-weight:600;font-size:.85rem;cursor:pointer;transition:background .15s,border-color .15s}.music-play:hover{background:#ffffff29;border-color:#ffffff59}.music-default{display:block;width:100%;margin-top:.5rem;padding:.45rem .6rem;border:none;background:transparent;color:var(--muted);font-family:var(--font);font-size:.8rem;cursor:pointer;text-decoration:underline;text-underline-offset:.15em}.music-default:hover{color:var(--text)}.music-default.hidden{display:none}.music-status{margin-top:.45rem;min-height:1.1em;font-size:.8rem;color:var(--muted)}.music-status.ok{color:var(--ok)}.music-status.err{color:var(--danger)}.gfx-toggle{display:flex;align-items:flex-start;gap:.7rem;margin-bottom:1.1rem;padding:.85rem .95rem;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;cursor:pointer;-webkit-user-select:none;user-select:none}.gfx-toggle input[type=checkbox]{flex-shrink:0;width:1.05rem;height:1.05rem;margin-top:.12rem;accent-color:#fff;cursor:pointer}.gfx-toggle-body{display:flex;flex-direction:column;gap:.2rem;min-width:0}.gfx-toggle-title{font-family:var(--font-display);font-size:.72rem;letter-spacing:.12em;color:var(--text);text-transform:uppercase}.gfx-toggle-desc{font-size:.8rem;line-height:1.35;color:var(--muted)}.gfx-toggle:has(input:disabled){opacity:.55;cursor:not-allowed}#app.least-gfx,#app.save-gpu{--blur: none;--shadow: 0 4px 16px rgba(0, 0, 0, .35);--life-glow: none;--crosshair-glow: none;--ok-glow: transparent;--feedback-shadow: none}#app.least-gfx *,#app.save-gpu *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}#app.save-gpu .timer.urgent,#app.save-gpu #flash.error,#app.save-gpu #flash.gun,#app.save-gpu #flash.accept,#app.save-gpu .name-field.shake,#app.least-gfx .name-field.shake{animation:none}.bg-theme-panel{margin:-.35rem 0 1.1rem;padding:.85rem .95rem;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff08}#app.ink-dark .bg-theme-panel{border-color:#1216221f;background:#ffffff59}.bg-theme-head{display:flex;flex-direction:column;gap:.15rem;margin-bottom:.7rem}.bg-theme-title{font-family:var(--font-display);font-size:.72rem;letter-spacing:.12em;color:var(--text);text-transform:uppercase}.bg-theme-hint{font-size:.78rem;line-height:1.3;color:var(--muted)}.bg-theme-swatches{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.4rem;margin-bottom:.75rem}@media(max-width:420px){.bg-theme-swatches{grid-template-columns:repeat(5,minmax(0,1fr))}}.bg-swatch{aspect-ratio:1;border-radius:999px;border:2px solid rgba(255,255,255,.18);padding:0;cursor:pointer;box-shadow:inset 0 0 0 1px #0003;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.bg-swatch:hover{transform:scale(1.08)}.bg-swatch.active{border-color:var(--text);box-shadow:0 0 0 2px color-mix(in srgb,var(--text) 35%,transparent),inset 0 0 0 1px #00000026}.bg-theme-custom{display:flex;align-items:center;gap:.7rem}.bg-hex-ring{position:relative;width:2.6rem;height:2.6rem;flex-shrink:0;border-radius:999px;cursor:pointer;background:conic-gradient(#ff0040,#fc0,#33ff57,#00e5ff,#36f,#c3f,#ff0040);padding:3px;box-shadow:0 0 0 1px #ffffff1f}.bg-hex-ring input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;padding:0}.bg-hex-ring-face{display:block;width:100%;height:100%;border-radius:999px;background:#000;box-shadow:inset 0 0 0 1px #00000040;pointer-events:none}.bg-hex-field{flex:1;min-width:0}.bg-hex-field input{width:100%;padding:.55rem .7rem;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88rem;letter-spacing:.04em;outline:none}.bg-hex-field input:focus{border-color:#ffffff73;background:#ffffff12}#app.ink-dark .bg-hex-field input{border-color:#12162229;background:#ffffff8c}#app.ink-dark .bg-hex-field input:focus{border-color:#12162266}.hud-music{position:absolute;left:1.1rem;bottom:1.1rem;z-index:22;pointer-events:auto;width:min(200px,42vw);padding:.65rem .8rem;background:var(--glass-bg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-brd);border-radius:14px;box-shadow:var(--shadow)}.hud-music .music-head{margin-bottom:.35rem}.hud-music .music-vol{margin-bottom:0}.match-center{display:flex;align-items:stretch;gap:.65rem;flex:1;justify-content:center;min-width:0;max-width:min(560px,58vw)}.wpm-panel{position:relative;top:auto;left:auto;transform:none;z-index:22;pointer-events:none;flex:1;min-width:0;width:auto;display:flex;align-items:stretch;gap:.7rem;padding:.55rem .8rem .5rem;background:var(--glass-bg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-brd);border-radius:18px;box-shadow:var(--shadow)}.wpm-panel.flash .wpm-side{animation:wpm-pop .5s ease-out}.wpm-panel.has-word .wpm-word{color:var(--text)}@keyframes wpm-pop{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}.wpm-side{display:flex;flex-direction:column;justify-content:center;min-width:5.5rem;max-width:38%;flex-shrink:0}.wpm-label{font-family:var(--font-display);font-size:.58rem;letter-spacing:.14em;color:var(--muted)}.wpm-word{margin-top:.15rem;font-family:var(--font-display);font-size:.95rem;font-weight:700;letter-spacing:.04em;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.15}.wpm-live-row{display:flex;align-items:baseline;gap:.3rem;margin-top:.12rem}.wpm-live{font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:.02em;color:var(--ok);font-variant-numeric:tabular-nums;line-height:1.05;text-shadow:0 0 16px var(--ok-glow)}.wpm-unit{font-family:var(--font-display);font-size:.72rem;letter-spacing:.1em;color:var(--ok);opacity:.85}.wpm-chart{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}#wpm-graph{display:block;width:100%;flex:1;min-height:42px;height:auto;border-radius:8px;background:var(--graph-bg)}.wpm-foot{display:flex;justify-content:space-between;align-items:center;gap:.4rem;margin-top:.28rem;flex-shrink:0;min-width:0;font-size:.68rem;color:var(--muted);letter-spacing:.04em}.wpm-foot>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wpm-foot strong{color:var(--text);font-variant-numeric:tabular-nums}.wpm-hint{opacity:.7}html.mobile-ui .wpm-panel{gap:.5rem;padding:.45rem .7rem;align-items:center}html.mobile-ui .wpm-side{max-width:none;flex:1}html.mobile-ui .wpm-chart{flex:0 0 auto;flex-direction:row;align-items:center;justify-content:flex-end}html.mobile-ui #wpm-graph,html.mobile-ui .wpm-hint{display:none}html.mobile-ui .wpm-foot{margin-top:0;justify-content:flex-end;white-space:nowrap}.result-wpm{color:var(--muted);font-size:.98rem;margin:-.4rem 0 .75rem;font-variant-numeric:tabular-nums}.result-wpm strong{color:var(--ok);font-weight:700}#result-wpm-graph{display:block;width:100%;height:72px;margin:0 0 1.15rem;border-radius:12px;background:var(--graph-bg)}.cta,.ghost{font-family:var(--font);font-weight:600;letter-spacing:.02em;font-size:.95rem;padding:.9rem 1.2rem;border:none;cursor:pointer;width:100%;border-radius:16px;transition:transform .15s,background .15s;touch-action:manipulation}.cta{background:#ffffffeb;color:#06070c;box-shadow:0 6px 24px #ffffff24}.cta:hover{transform:translateY(-1px);background:#fff}.ghost{margin-top:.55rem;background:#ffffff0d;color:var(--muted);border:1px solid rgba(255,255,255,.12)}.ghost:hover{background:#ffffff17}#hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}.match-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.1rem 1.3rem}.fighter{min-width:116px;padding:.7rem .95rem;background:var(--glass-bg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-brd);border-radius:18px;box-shadow:var(--shadow)}.fighter .name{font-family:var(--font-display);font-size:.72rem;letter-spacing:.12em;color:var(--muted)}.fighter.bot{text-align:right}.fighter-head{display:flex;align-items:center;justify-content:flex-end;gap:.55rem}.bot-avatar{width:40px;height:40px;border-radius:12px;object-fit:cover;object-position:center top;border:1px solid rgba(186,140,255,.45);box-shadow:0 0 0 1px #0003}.bot-avatar.hidden{display:none}.lives{display:flex;gap:.4rem;margin-top:.5rem}.fighter.bot .lives{justify-content:flex-end}.life{width:15px;height:15px;border-radius:6px;background:var(--life);box-shadow:var(--life-glow)}.life.lost{background:var(--life-lost);box-shadow:var(--life-lost-inset)}.round-meta{text-align:center;padding:.6rem 1.1rem;background:var(--glass-bg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-brd);border-radius:18px;box-shadow:var(--shadow);min-width:150px;flex-shrink:0}.round-label{font-family:var(--font-display);font-size:.72rem;letter-spacing:.12em;color:var(--muted)}.prefix-label{margin-top:.35rem;font-family:var(--font-display);font-size:1.15rem;font-weight:600;letter-spacing:.02em;color:var(--text)}.suffix-len{margin-top:.3rem;font-size:.72rem;letter-spacing:.06em;color:var(--muted)}.score-line{margin-top:.35rem;font-family:var(--font-display);font-size:.78rem;letter-spacing:.1em;color:var(--ok);font-variant-numeric:tabular-nums}.timer{margin-top:.55rem;font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:.04em;color:var(--timer);font-variant-numeric:tabular-nums;transition:color .15s,text-shadow .15s}.timer.warn{color:var(--warn);text-shadow:0 0 16px color-mix(in srgb,var(--warn) 45%,transparent)}.timer.urgent{color:var(--danger);text-shadow:0 0 18px color-mix(in srgb,var(--danger) 55%,transparent);animation:timer-pulse .55s ease-in-out infinite}@keyframes timer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.feedback{position:absolute;left:50%;bottom:13%;transform:translate(-50%);min-height:1.4rem;padding:.45rem 1.1rem;text-align:center;color:var(--danger);font-weight:500;font-size:1.05rem;letter-spacing:.01em;border-radius:14px;text-shadow:var(--feedback-shadow)}.feedback.ok{color:var(--ok)}.hint-btn{position:absolute;left:50%;bottom:8.5%;transform:translate(-50%);pointer-events:auto;z-index:22;padding:.55rem 1.35rem;border-radius:999px;border:1px solid var(--glass-brd);background:var(--glass-bg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);color:var(--text);font-family:var(--font-display);font-weight:600;font-size:.85rem;letter-spacing:.12em;cursor:pointer;box-shadow:var(--shadow);transition:background .15s,transform .15s,opacity .15s}.hint-btn:hover:not(:disabled){background:var(--glass-bg-strong);transform:translate(-50%) translateY(-1px)}.hint-btn:disabled{opacity:.35;cursor:not-allowed}#controls-hint,#controls-hint-mobile{position:absolute;left:50%;bottom:3.5%;transform:translate(-50%);color:var(--muted);font-size:.85rem;letter-spacing:.02em;opacity:.6;text-align:center;max-width:min(92vw,420px);padding:0 .5rem;pointer-events:none}#controls-hint-mobile,html.mobile-ui #controls-hint{display:none}html.mobile-ui #controls-hint-mobile{display:block}#flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:18;pointer-events:none;opacity:0}#flash.error{animation:flash-red .4s ease-out}#flash.gun{animation:flash-gun .6s ease-out}#flash.accept{animation:flash-green .45s ease-out}@keyframes flash-red{0%{opacity:0;background:radial-gradient(circle,#ff506e00 35%,#ff506e66)}30%{opacity:1}to{opacity:0}}@keyframes flash-gun{0%{opacity:0;background:#ff3c5a00}10%{opacity:1;background:#ff3c5a99}35%{opacity:.5;background:radial-gradient(circle,#ff3c5a00 20%,#ff3c5a8c)}to{opacity:0}}@keyframes flash-green{0%{opacity:0;background:radial-gradient(circle,#8dffc200 45%,#8dffc24d)}25%{opacity:.85}to{opacity:0}}.word-dock{display:none;position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + var(--kbd-inset, 0px) + .65rem);transform:translate(-50%);z-index:24;pointer-events:auto;touch-action:manipulation;width:min(520px,calc(100vw - 1.2rem));align-items:center;gap:.45rem;padding:.45rem .5rem .45rem .75rem;background:var(--glass-bg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-brd);border-radius:18px;box-shadow:var(--shadow)}html.mobile-ui .word-dock{display:flex}html.mobile-ui:not(.play-active) .word-dock{visibility:hidden;pointer-events:none;opacity:0}html.mobile-ui.play-active .word-dock{visibility:visible;pointer-events:auto;opacity:1}html.mobile-ui.play-active:not(.play-prompt) .word-dock{opacity:.6}.word-dock-prefix{flex-shrink:0;font-family:var(--font-display);font-weight:700;font-size:.95rem;letter-spacing:.04em;color:var(--ok);max-width:28%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#word-input{flex:1 1 auto;min-width:0;border:none;outline:none;background:transparent;color:var(--text);font-family:var(--font-display);font-size:16px;font-weight:600;letter-spacing:.02em;padding:.55rem .2rem;caret-color:var(--ok)}#word-input::placeholder{color:var(--placeholder);font-weight:500}#word-input:disabled{opacity:.55}.word-submit{flex-shrink:0;min-width:3.4rem;min-height:2.7rem;padding:.55rem .85rem;border:none;border-radius:14px;background:#ffffffe6;color:#06070c;font-family:var(--font-display);font-weight:700;font-size:.85rem;letter-spacing:.08em;cursor:pointer;touch-action:manipulation}.word-submit:disabled{opacity:.4;cursor:not-allowed}#app.ink-dark .word-submit{background:#12161f;color:#f3f6fc}html.mobile-ui .feedback{bottom:calc(env(safe-area-inset-bottom,0px) + var(--kbd-inset, 0px) + 5.6rem);width:min(92vw,420px);font-size:.95rem}html.mobile-ui .hint-btn{bottom:calc(env(safe-area-inset-bottom,0px) + var(--kbd-inset, 0px) + 4.15rem);min-height:2.6rem}html.mobile-ui #controls-hint-mobile{bottom:calc(env(safe-area-inset-bottom,0px) + var(--kbd-inset, 0px) + .15rem);font-size:.72rem;opacity:.45}html.mobile-ui .hud-music{bottom:calc(env(safe-area-inset-bottom,0px) + var(--kbd-inset, 0px) + 4.15rem);left:max(.55rem,env(safe-area-inset-left,0px));width:min(148px,36vw)}#result-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:auto;padding:max(.75rem,env(safe-area-inset-top,0px)) max(.75rem,env(safe-area-inset-right,0px)) max(.75rem,env(safe-area-inset-bottom,0px)) max(.75rem,env(safe-area-inset-left,0px));overflow-y:auto;-webkit-overflow-scrolling:touch}.result-card{width:min(380px,90vw);padding:1.8rem;background:var(--glass-bg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-brd);border-radius:28px;box-shadow:var(--shadow);text-align:center;margin:auto}.result-card h2{font-family:var(--font-display);font-size:2rem;font-weight:700;letter-spacing:-.01em;margin-bottom:.5rem}.result-card p{color:var(--muted);margin-bottom:.75rem;font-size:1.02rem}.result-score{color:var(--muted);font-size:1.05rem;margin-bottom:1.3rem;font-variant-numeric:tabular-nums}.result-score strong{color:var(--text);font-weight:700}.result-score.is-new{color:var(--ok)}.result-score .new-best{display:block;font-family:var(--font-display);font-size:.72rem;letter-spacing:.16em;margin-bottom:.25rem}#crosshair{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--crosshair);box-shadow:var(--crosshair-glow);z-index:15;pointer-events:none}@media(max-width:900px){.match-center{max-width:min(520px,62vw)}.wpm-side{min-width:4.8rem}.wpm-word{font-size:.82rem}.wpm-live{font-size:1.15rem}}@media(max-width:640px){#mode-select{padding:.4rem;align-items:stretch;place-items:stretch}.mode-panel{width:100%;max-width:none;min-height:0;max-height:calc(100dvh - .8rem);border-radius:22px;margin:auto 0}.mode-panel-scroll{padding:1.15rem 1rem 1.25rem}.menu-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;margin-bottom:1rem}.menu-tab{padding:.55rem .15rem;font-size:.64rem;min-height:2.4rem}.mode-panel h1,.lb-title{font-size:1.45rem}.tagline{font-size:.95rem;margin-bottom:.9rem}.mode-btn{padding:.85rem .9rem;min-height:3rem}.cta,.ghost{min-height:3rem;padding:.85rem 1rem;font-size:.92rem}.lb-list,.mp-list{max-height:min(42vh,280px)}.lb-modes{grid-template-columns:1fr}.match-top{flex-wrap:wrap;gap:.55rem;padding:max(.65rem,env(safe-area-inset-top,0px)) .7rem .4rem}.match-center{order:-1;width:100%;max-width:none;flex-direction:column;gap:.45rem}.round-meta{width:100%;min-width:0;padding:.5rem .75rem}.fighter{min-width:0;flex:1;padding:.55rem .7rem}.fighter .name{font-size:.64rem}.bot-avatar{width:32px;height:32px;border-radius:10px}.life{width:12px;height:12px}.prefix-label{font-size:1.05rem}.timer{font-size:1.2rem}.wpm-panel{width:100%;gap:.55rem;padding:.45rem .6rem .4rem;border-radius:14px}.wpm-side{min-width:5rem;max-width:38%}.wpm-live{font-size:1.05rem}.wpm-word{font-size:.78rem}#wpm-graph{min-height:40px}.wpm-foot{font-size:.62rem}html.mobile-ui .hud-music{width:min(132px,34vw);padding:.45rem .55rem;border-radius:12px}html.mobile-ui .hud-music .music-head{margin-bottom:.2rem}.result-card{width:min(380px,100%);padding:1.35rem 1.15rem;border-radius:22px}.result-card h2{font-size:1.65rem}#crosshair{display:none}}@media(max-width:380px){.menu-tab{font-size:.58rem;letter-spacing:.01em}.word-dock-prefix{font-size:.82rem;max-width:24%}.word-submit{min-width:3rem;padding:.5rem .65rem}}@media(max-height:520px)and (orientation:landscape){.mode-panel{max-height:calc(100dvh - .6rem)}.mode-panel-scroll{padding:.85rem 1rem 1rem}html.mobile-ui .match-top{padding-top:.35rem}html.mobile-ui .wpm-panel{display:none}html.mobile-ui .word-dock{width:min(560px,calc(100vw - 8rem))}}