:root{color-scheme:light dark;--correct: #4caf50;--correct-text: #1a1a1a;--present: #2b6cb0;--present-text: #ffffff;--absent: #3a3f44;--absent-text: #ffffff;--accent: #2b6cb0;--accent-strong:#1f5288;--accent-ring: #4c94dd;--bg: #eef1f6;--bg-accent: #e3e8f0;--surface: #ffffff;--surface-2: #f1f4f8;--surface-3: #e4e9f0;--text: #171a1f;--text-muted: #566072;--text-faint: #64748b;--border: #d5dbe4;--border-strong: #b8c0cc;--chrome-bg: #1b2330;--chrome-bg-2: #232d3d;--chrome-text: #f4f6fa;--chrome-muted: #aab4c4;--chrome-border: rgba(255, 255, 255, 0.10);--tile-empty-bg: #ffffff;--tile-empty-border: #cdd4de;--tile-filled-border:#7c8698;--tile-text: #171a1f;--key-tray: #d9dee6;--key-bg: #ffffff;--key-bg-active: #dfe4ec;--key-text: #10131a;--key-action-bg: #aab2c0;--key-action-active:#98a1b1;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, "Helvetica Neue", Arial, sans-serif;--fs-title: clamp(1.15rem, 0.95rem + 1.1vw, 1.6rem);--fs-h2: clamp(1.1rem, 0.98rem + 0.6vw, 1.35rem);--fs-body: clamp(0.9rem, 0.86rem + 0.2vw, 1rem);--fs-sm: 0.8rem;--fs-xs: 0.72rem;--sp-1: 0.25rem;--sp-2: 0.5rem;--sp-3: 0.75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 3rem;--r-xs: 5px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px;--r-pill: 999px;--shadow-1: 0 1px 2px rgba(16, 22, 34, 0.06), 0 1px 3px rgba(16, 22, 34, 0.10);--shadow-2: 0 4px 10px rgba(16, 22, 34, 0.08), 0 2px 4px rgba(16, 22, 34, 0.06);--shadow-3: 0 18px 50px rgba(16, 22, 34, 0.28);--shadow-key: 0 1px 0 rgba(16, 22, 34, 0.18), 0 2px 4px rgba(16, 22, 34, 0.14);--dur-fast: 120ms;--dur: 190ms;--ease: cubic-bezier(0.2, 0.7, 0.2, 1)}@media(prefers-color-scheme: dark){:root{--bg: #0f141c;--bg-accent: #141b26;--surface: #1a2130;--surface-2: #212a3a;--surface-3: #2a3446;--text: #eef2f8;--text-muted: #a5b0c1;--text-faint: #7d8899;--border: #2c3648;--border-strong: #3b475c;--chrome-bg: #0c1119;--chrome-bg-2: #121a26;--chrome-text: #f4f6fa;--chrome-muted: #9aa6b8;--chrome-border: rgba(255, 255, 255, 0.08);--tile-empty-bg: #141b27;--tile-empty-border: #384357;--tile-filled-border:#5a6883;--tile-text: #eef2f8;--key-tray: #202a3a;--key-bg: #33405a;--key-bg-active: #3f4e6d;--key-text: #f2f5fb;--key-action-bg: #47546f;--key-action-active:#54637f;--accent-ring: #6aa8e8;--shadow-1: 0 1px 2px rgba(0, 0, 0, 0.4);--shadow-2: 0 4px 12px rgba(0, 0, 0, 0.45);--shadow-3: 0 18px 50px rgba(0, 0, 0, 0.6);--shadow-key: 0 1px 0 rgba(0, 0, 0, 0.5), 0 2px 5px rgba(0, 0, 0, 0.45)}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}#game-board-lvl-1{display:flex;align-items:center;flex-direction:column}#game-board-lvl-2{display:flex;justify-content:center}#game-board-lvl-3{display:flex;justify-content:center;flex-wrap:wrap;margin-left:auto;margin-right:auto}#grid-1,#grid-2{margin-left:3px;margin-right:3px;margin-bottom:3px}#grid-3,#grid-4{margin:3px}.letter-box{position:relative;border:2px solid var(--tile-empty-border);border-radius:var(--r-xs);margin:3px;font-size:1.75rem;font-weight:700;line-height:1;height:2.75rem;width:2.75rem;display:flex;justify-content:center;align-items:center;text-transform:uppercase;color:var(--tile-text);background-color:var(--tile-empty-bg);box-shadow:var(--shadow-1);transition:border-color var(--dur) var(--ease),background-color var(--dur) var(--ease),transform var(--dur-fast) var(--ease)}.letter-box[data-state]::after{position:absolute;top:2px;right:3px;font-size:.72rem;line-height:1;font-weight:800;pointer-events:none}.letter-box[data-state=correct]::after{content:"✓"}.letter-box[data-state=present]::after{content:"◆"}.letter-box[data-state=absent]::after{content:"✕"}.filled-box{border-color:var(--tile-filled-border);box-shadow:var(--shadow-2)}.space-box::before{content:"";width:42%;height:3px;border-radius:2px;background:var(--tile-filled-border);opacity:.7}.letter-row{display:flex}@media(prefers-reduced-motion: no-preference){.letter-row.shake{animation:row-shake .42s cubic-bezier(0.36, 0.07, 0.19, 0.97) both}@keyframes row-shake{10%,90%{transform:translateX(-2px)}20%,80%{transform:translateX(4px)}30%,50%,70%{transform:translateX(-7px)}40%,60%{transform:translateX(7px)}}}.game-board-container{display:flex;flex-direction:column;justify-content:center;width:min(37.5rem,92vw)}@media(prefers-reduced-motion: no-preference){.filled-box{animation:tile-pop var(--dur-fast) var(--ease)}.letter-box[data-state]{animation:tile-reveal 260ms var(--ease)}@keyframes tile-pop{0%{transform:scale(0.9)}60%{transform:scale(1.06)}100%{transform:scale(1)}}@keyframes tile-reveal{0%{transform:scale(1)}45%{transform:scale(0.86)}100%{transform:scale(1)}}}#keyboard-cont{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;width:min(37.5rem,92vw);box-sizing:border-box;background:var(--key-tray);border:1px solid var(--border);border-radius:var(--r-lg);padding:.6rem .5rem;box-shadow:var(--shadow-2);position:relative;z-index:10;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}#keyboard-cont>div{display:flex;justify-content:center}.util-row{width:100%}.keyboard-button{font-family:var(--font);font-size:1.05rem;font-weight:600;color:var(--key-text);padding:.7rem .85rem;margin:0 .18rem;min-width:1.6rem;cursor:pointer;text-transform:uppercase;background:var(--key-bg);border:0;border-radius:var(--r-sm);box-shadow:var(--shadow-key);transition:background-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.keyboard-button:active{background:var(--key-bg-active)}.keyboard-button:focus-visible{outline:3px solid var(--accent-ring);outline-offset:2px;position:relative;z-index:1}.key-action{background:var(--key-action-bg);color:var(--key-text);font-size:.82rem;font-weight:700;letter-spacing:.02em}.key-action:active{background:var(--key-action-active)}.key-space{flex:1 1 auto;text-transform:none;letter-spacing:.04em}@media(prefers-reduced-motion: no-preference){.keyboard-button:active{transform:translateY(1px) scale(0.97)}}.keyboard-button[data-states]{text-shadow:0 1px 2px rgba(0,0,0,.55)}.key-pop{position:fixed;z-index:1500;translate:-50% calc(-100% - 10px);transform-origin:50% 120%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:max(2.6rem,var(--pop-key-w, 2.4rem)*1.5);padding:.35rem .5rem .5rem;font-family:var(--font);font-size:2rem;font-weight:700;line-height:1;text-transform:uppercase;color:var(--key-text);background:var(--key-bg);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--shadow-3);pointer-events:none;will-change:transform,opacity;opacity:0;transform:translateY(6px) scale(0.72);transition:opacity 90ms var(--ease),transform 150ms cubic-bezier(0.2, 1.3, 0.35, 1)}.key-pop::after{content:"";position:absolute;left:50%;bottom:-5px;width:12px;height:12px;background:var(--key-bg);border-right:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong);transform:translateX(-50%) rotate(45deg);border-bottom-right-radius:3px}.key-pop.is-visible{opacity:1;transform:translateY(0) scale(1)}.key-pop.is-hiding{opacity:0;transform:translateY(2px) scale(0.9);transition:opacity 110ms var(--ease),transform 110ms var(--ease)}@media(prefers-reduced-motion: reduce){.key-pop,.key-pop.is-hiding{transition:opacity 80ms linear;transform:none}.key-pop.is-visible{transform:none}}.toast-container{position:fixed;top:calc(var(--header-h) + .6rem);left:50%;transform:translateX(-50%);z-index:990;display:flex;flex-direction:column;align-items:center;gap:.5rem;width:max-content;max-width:min(92vw,30rem);pointer-events:none}.toast{pointer-events:auto;box-sizing:border-box;max-width:100%;padding:.7rem 1.1rem;border-radius:var(--r-md);font-size:var(--fs-sm);font-weight:700;line-height:1.35;text-align:center;color:#fff;box-shadow:var(--shadow-3);opacity:0;transform:translateY(-8px);transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}.toast.is-visible{opacity:1;transform:none}.toast.is-leaving{opacity:0;transform:translateY(-8px)}.toast-success{background:#2e7d32}.toast-error{background:#c62828}.toast-info{background:var(--accent)}@media(prefers-reduced-motion: reduce){.toast{transform:none;transition:opacity var(--dur-fast) linear}.toast.is-leaving{transform:none}}.im-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(8,12,20,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1100;padding:var(--sp-4)}.im-overlay[hidden]{display:none}@media(prefers-reduced-motion: no-preference){.im-overlay:not([hidden]) .im-dialog{animation:im-in var(--dur) var(--ease)}@keyframes im-in{from{opacity:0;transform:translateY(8px) scale(0.98)}to{opacity:1;transform:none}}}.im-dialog{position:relative;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-6) var(--sp-5) var(--sp-5);max-width:27rem;width:100%;max-height:min(85vh,42rem);overflow-y:auto;box-shadow:var(--shadow-3)}.im-dialog h2{margin:0 0 var(--sp-3);font-size:var(--fs-h2);font-weight:800;letter-spacing:-0.01em;text-align:center}.im-body p{margin:0 0 var(--sp-3);color:var(--text-muted);font-size:var(--fs-body);line-height:1.55}.im-legend{list-style:none;margin:0 0 var(--sp-3);padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}.im-legend li{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-sm);color:var(--text);line-height:1.3}.im-chip{position:relative;flex:0 0 auto;width:2.1rem;height:2.1rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-xs);font-weight:800;font-size:1rem;text-transform:uppercase}.im-chip::after{position:absolute;top:1px;right:3px;font-size:.6rem;font-weight:800;line-height:1}.im-correct{background:var(--correct);color:var(--correct-text)}.im-correct::after{content:"✓"}.im-present{background:var(--present);color:var(--present-text)}.im-present::after{content:"◆"}.im-absent{background:var(--absent);color:var(--absent-text)}.im-absent::after{content:"✕"}.im-got-it{display:block;width:100%;margin-top:var(--sp-5);padding:.7rem 1rem;font:inherit;font-weight:700;color:#fff;background:var(--accent);border:1px solid var(--accent);border-radius:var(--r-sm);cursor:pointer;transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.im-got-it:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.im-got-it:focus-visible{outline:3px solid var(--accent-ring);outline-offset:2px}.im-close{position:absolute;top:var(--sp-2);right:var(--sp-2);width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;color:var(--text-muted);background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-radius:var(--r-sm);cursor:pointer;transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.im-close:hover{background:var(--surface-2);color:var(--text)}.im-close:focus-visible{outline:3px solid var(--accent-ring);outline-offset:2px}#help-button{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--r-pill);color:var(--chrome-muted);background:rgba(0,0,0,0);border:0;cursor:pointer;transition:color var(--dur) var(--ease),background-color var(--dur) var(--ease)}#help-button:hover{color:var(--chrome-text);background:rgba(255,255,255,.08)}#help-button:focus-visible{outline:3px solid var(--accent-ring);outline-offset:2px}#help-button svg{width:1.45rem;height:1.45rem}#options-button{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--r-pill);color:var(--chrome-muted);background:rgba(0,0,0,0);border:0;cursor:pointer;transition:color var(--dur) var(--ease),background-color var(--dur) var(--ease)}#options-button:hover{color:var(--chrome-text);background:rgba(255,255,255,.08)}#options-button:focus-visible{outline:3px solid var(--accent-ring);outline-offset:2px}#options-button svg{width:1.4rem;height:1.4rem}.op-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(8,12,20,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1100;padding:var(--sp-4)}.op-overlay[hidden]{display:none}@media(prefers-reduced-motion: no-preference){.op-overlay:not([hidden]) .op-dialog{animation:op-in var(--dur) var(--ease)}@keyframes op-in{from{opacity:0;transform:translateY(8px) scale(0.98)}to{opacity:1;transform:none}}}.op-dialog{position:relative;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-6) var(--sp-5) var(--sp-5);max-width:27rem;width:100%;max-height:min(85vh,42rem);overflow-y:auto;box-shadow:var(--shadow-3)}.op-dialog h2{margin:0 0 var(--sp-3);font-size:var(--fs-h2);font-weight:800;letter-spacing:-0.01em;text-align:center}.op-desc{margin:0 0 var(--sp-4);color:var(--text-muted);font-size:var(--fs-body);line-height:1.55;text-align:center}.op-close{position:absolute;top:var(--sp-3);right:var(--sp-3);width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-muted);font-size:1rem;cursor:pointer;transition:color var(--dur) var(--ease),background-color var(--dur) var(--ease)}.op-close:hover{color:var(--text);background:var(--surface-3)}.op-close:focus-visible{outline:3px solid var(--accent-ring);outline-offset:2px}.op-seg{display:flex;flex-direction:column;gap:var(--sp-2);margin:0 0 var(--sp-3)}.op-seg-btn{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;padding:var(--sp-3) 2.6rem var(--sp-3) var(--sp-4);border:2px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface-2);color:var(--text);cursor:pointer;transition:border-color var(--dur) var(--ease),background-color var(--dur) var(--ease)}.op-seg-btn:hover{border-color:var(--accent)}.op-seg-btn:focus-visible{outline:3px solid var(--accent-ring);outline-offset:2px}.op-seg-label{font-size:var(--fs-body);font-weight:600}.op-seg-blurb{font-size:var(--fs-sm);color:var(--text-muted)}.op-seg-btn[aria-checked=true]{border-color:var(--accent);background:var(--surface);box-shadow:inset 0 0 0 1px var(--accent)}.op-seg-btn[aria-checked=true] .op-seg-label{font-weight:800}.op-seg-btn[aria-checked=true]::after{content:"✓";position:absolute;top:50%;right:var(--sp-4);transform:translateY(-50%);font-size:1.15rem;font-weight:900;line-height:1;color:var(--accent)}.op-status{min-height:1.1rem;margin:0 0 var(--sp-4);font-size:var(--fs-sm);color:var(--text-muted);text-align:center}.op-done{display:block;width:100%;padding:var(--sp-3) var(--sp-4);border:0;border-radius:var(--r-md);background:var(--accent);color:#fff;font-size:var(--fs-body);font-weight:700;cursor:pointer;transition:background-color var(--dur) var(--ease)}.op-done:hover{background:var(--accent-strong)}.op-done:focus-visible{outline:3px solid var(--accent-ring);outline-offset:2px}.eg-difficulty-intro{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);width:100%;margin:0 0 var(--sp-4);padding:var(--sp-3) var(--sp-4);border:1px dashed var(--accent);border-radius:var(--r-md);background:var(--surface-2);color:var(--text);font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:background-color var(--dur) var(--ease)}.eg-difficulty-intro[hidden]{display:none}.eg-difficulty-intro:hover{background:var(--surface-3)}.eg-difficulty-intro:focus-visible{outline:3px solid var(--accent-ring);outline-offset:2px}.eg-di-spark{font-size:1rem}.stats-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);width:100%;box-sizing:border-box;padding:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-4);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-1)}.stats-group{display:flex;align-items:center;gap:var(--sp-2)}.stat-btn{display:inline-flex;align-items:center;gap:.35rem;font:inherit;font-size:var(--fs-sm);font-weight:600;color:var(--text);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:.4rem .7rem;cursor:pointer;line-height:1;transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.stat-btn:hover{background:var(--surface-3);border-color:var(--accent)}.stat-btn:focus-visible{outline:3px solid var(--accent-ring);outline-offset:2px}.stat-btn.is-on{background:var(--present);border-color:var(--present);color:var(--present-text)}.stat-btn-icon{font-size:1rem;line-height:1}.timer-display{font-variant-numeric:tabular-nums;font-weight:700;font-size:1rem;min-width:3.2ch;text-align:left;color:var(--text)}.stats-streak{font-size:var(--fs-sm)}.stat-label{color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:var(--fs-xs)}.stat-value{display:inline-block;min-width:1.4rem;text-align:center;font-weight:800;font-size:1.15rem;color:var(--text);font-variant-numeric:tabular-nums}.visually-hidden{position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}.lb-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(8,12,20,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;padding:var(--sp-4)}.lb-overlay[hidden]{display:none}@media(prefers-reduced-motion: no-preference){.lb-overlay:not([hidden]) .lb-dialog{animation:lb-in var(--dur) var(--ease)}@keyframes lb-in{from{opacity:0;transform:translateY(8px) scale(0.98)}to{opacity:1;transform:none}}}.lb-dialog{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5) var(--sp-5);max-width:34rem;width:100%;max-height:90vh;overflow-y:auto;box-sizing:border-box;box-shadow:var(--shadow-3)}.lb-dialog h2{margin:0 0 var(--sp-1);font-size:var(--fs-h2);font-weight:800;letter-spacing:-0.01em}.lb-desc{margin:0 0 var(--sp-4);color:var(--text-muted);font-size:var(--fs-sm);line-height:1.4}.lb-list{margin:0 0 var(--sp-5)}.lb-row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-4);padding:var(--sp-2) 0;border-bottom:1px solid var(--border)}.lb-row dt{color:var(--text-muted)}.lb-row dd{margin:0;font-weight:800;font-variant-numeric:tabular-nums}.lb-close{width:100%;justify-content:center;padding:.6rem;font-size:var(--fs-body)}.lb-name{margin-bottom:var(--sp-5);padding:var(--sp-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md)}.lb-name-label{display:block;font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:.4rem}.lb-name-row{display:flex;gap:var(--sp-2)}.lb-name-input{flex:1 1 auto;min-width:0;font:inherit;font-size:var(--fs-body);padding:.5rem .7rem;border:2px solid var(--border-strong);border-radius:var(--r-sm);color:var(--text);background:var(--surface);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.lb-name-input::placeholder{color:var(--text-faint)}.lb-name-input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.lb-name-status{margin:.45rem 0 0;min-height:1.1em;font-size:var(--fs-xs);color:var(--text-muted)}.lb-global{margin-bottom:var(--sp-5)}.lb-global-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--sp-2);margin-bottom:var(--sp-3)}.lb-global h3,.lb-personal h3{margin:0;font-size:var(--fs-body);font-weight:700}.lb-personal-sub{font-weight:400;font-size:var(--fs-xs);color:var(--text-muted)}.lb-scope{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--r-sm);overflow:hidden}.lb-scope-btn{font:inherit;font-size:var(--fs-xs);font-weight:600;padding:.32rem .65rem;background:var(--surface-2);color:var(--text-muted);border:none;cursor:pointer;transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.lb-scope-btn:hover{color:var(--text);background:var(--surface-3)}.lb-scope-btn+.lb-scope-btn{border-left:1px solid var(--border-strong)}.lb-scope-btn.is-active{background:var(--accent);color:#fff;font-weight:800;text-decoration:underline}.lb-scope-btn:focus-visible{outline:3px solid var(--accent-ring);outline-offset:-1px}.lb-global-status{margin:0 0 var(--sp-2);min-height:1.1em;font-size:var(--fs-xs);color:var(--text-muted)}.lb-global-status:empty{display:none}.lb-global-status.is-unavailable{display:flex;gap:.5rem;align-items:flex-start;margin-top:var(--sp-1);padding:var(--sp-3);font-size:var(--fs-sm);font-weight:600;color:var(--text);background:var(--surface-2);border:1px solid var(--border-strong);border-left:4px solid var(--correct);border-radius:var(--r-sm)}.lb-global-status.is-unavailable::before{content:"⚠";font-weight:800;line-height:1.2;flex:0 0 auto}.lb-boards{display:flex;flex-wrap:wrap;gap:var(--sp-4)}.lb-board{flex:1 1 12rem;min-width:0}.lb-board-title{margin:0 0 var(--sp-2);font-size:var(--fs-sm);font-weight:700;color:var(--text);border-bottom:2px solid var(--border);padding-bottom:.28rem}.lb-rank-list{list-style:none;margin:0;padding:0}.lb-rank-row{display:flex;align-items:baseline;gap:.5rem;padding:.32rem .4rem;font-size:var(--fs-sm);border-bottom:1px solid var(--border)}.lb-rank{min-width:1.6ch;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text-muted)}.lb-rank-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-rank-value{font-weight:800;font-variant-numeric:tabular-nums}.lb-rank-row.is-you{background:color-mix(in srgb, var(--accent) 12%, transparent);border-left:4px solid var(--correct);padding-left:.55rem;font-weight:700;border-radius:0 var(--r-xs) var(--r-xs) 0}.lb-empty-row{padding:.4rem;font-size:var(--fs-xs);color:var(--text-muted);font-style:italic}@media(max-width: 480px){.lb-dialog{padding:var(--sp-4) var(--sp-4)}.lb-board{flex-basis:100%}}.eg-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(8,12,20,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;padding:var(--sp-4)}.eg-overlay[hidden]{display:none}@media(prefers-reduced-motion: no-preference){.eg-overlay:not([hidden]) .eg-dialog{animation:eg-in var(--dur) var(--ease)}@keyframes eg-in{from{opacity:0;transform:translateY(8px) scale(0.98)}to{opacity:1;transform:none}}}.eg-dialog{position:relative;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-6) var(--sp-5) var(--sp-5);max-width:24rem;width:100%;box-shadow:var(--shadow-3);text-align:center}.eg-dialog h2{margin:0 0 var(--sp-1);font-size:var(--fs-h2);font-weight:800;letter-spacing:-0.01em}.eg-desc{margin:0 0 var(--sp-5);color:var(--text-muted);font-size:var(--fs-sm);line-height:1.5}.eg-desc strong{color:var(--text)}.eg-actions{display:flex;flex-direction:column;gap:var(--sp-2)}.eg-btn{display:block;width:100%;padding:.65rem 1rem;font:inherit;font-weight:700;color:var(--text);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-sm);cursor:pointer;transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.eg-btn:hover{background:var(--surface-3);border-color:var(--accent)}.eg-btn:focus-visible{outline:3px solid var(--accent-ring);outline-offset:2px}.eg-btn-primary{color:#fff;background:var(--accent);border-color:var(--accent)}.eg-btn-primary:hover{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.eg-close{position:absolute;top:var(--sp-2);right:var(--sp-2);width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;color:var(--text-muted);background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-radius:var(--r-sm);cursor:pointer;transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.eg-close:hover{background:var(--surface-2);color:var(--text)}.eg-close:focus-visible{outline:3px solid var(--accent-ring);outline-offset:2px}.site-footer{flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--sp-2) var(--sp-5);padding:var(--sp-3) var(--sp-4);background:linear-gradient(0deg, var(--chrome-bg-2), var(--chrome-bg));border-top:1px solid var(--chrome-border);color:var(--chrome-muted);font-size:var(--fs-xs);text-align:center}.footer-credit{margin:0}.footer-credit strong{color:var(--chrome-text);font-weight:700}.footer-projects{display:inline-flex;align-items:center;gap:var(--sp-2)}.footer-projects-label{text-transform:uppercase;letter-spacing:.06em;color:var(--chrome-muted)}.footer-social{display:inline-flex;align-items:center;gap:var(--sp-1)}.footer-social svg{width:1rem;height:1rem;fill:currentColor;display:block}.site-footer a{color:#cdd7e6;text-decoration:none;font-weight:600;border-radius:var(--r-xs)}.site-footer a:hover{color:var(--chrome-text);text-decoration:underline}.site-footer a:focus-visible{outline:3px solid var(--accent-ring);outline-offset:3px}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font);font-size:var(--fs-body);color:var(--text);background:radial-gradient(120% 90% at 50% -10%, var(--bg-accent), transparent 60%),var(--bg);background-attachment:fixed;display:flex;flex-direction:column;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}:root{--header-h: 3.5rem}nav{position:sticky;top:0;z-index:900;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:0 clamp(.75rem,.4rem + 2vw,1.5rem);background:linear-gradient(180deg, var(--chrome-bg-2), var(--chrome-bg));border-bottom:1px solid var(--chrome-border);box-shadow:var(--shadow-1)}.nav-left{display:flex;align-items:center;gap:var(--sp-1);flex:0 0 auto}.nav-middle{display:flex;align-items:center;justify-content:center;flex:1 1 auto}.nav-right{display:flex;align-items:center;gap:var(--sp-1);flex:0 0 auto;justify-content:flex-end}h1{margin:0;font-size:var(--fs-title);font-weight:800;letter-spacing:-0.02em;color:var(--chrome-text);text-align:center;background:linear-gradient(180deg, #ffffff, #cdd7e6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}nav a{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--r-pill);color:var(--chrome-muted);text-decoration:none;transition:color var(--dur) var(--ease),background-color var(--dur) var(--ease)}nav a:hover{color:var(--chrome-text);background:rgba(255,255,255,.08)}nav a:focus-visible{outline:3px solid var(--accent-ring);outline-offset:2px}nav a svg{width:1.35rem;height:1.35rem;fill:currentColor;display:block}.game-container{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:clamp(1rem,3vw,2.5rem);width:100%;flex:1 1 auto;min-height:0;overflow-y:auto;padding:var(--sp-5) var(--sp-4)}.game-container>#keyboard-cont,.game-container>.game-board-container{margin-top:auto;margin-bottom:auto}@media(max-width: 1024px){html,body{overflow-x:hidden}nav i{font-size:1.15rem}.game-container{position:static;width:100%;min-height:calc(100dvh - var(--header-h));box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-2) calc(16.5rem + env(safe-area-inset-bottom))}.game-board-container{order:1;width:100%;max-width:27rem}.stats-bar{padding:.35rem .4rem;gap:var(--sp-2);margin-bottom:var(--sp-2)}.stat-btn{font-size:var(--fs-sm);padding:.35rem .55rem}#game-board-lvl-2,#game-board-lvl-3{width:100%;flex-wrap:wrap}.letter-box{box-sizing:border-box;width:min(8vw,2.5rem);height:min(8vw,2.5rem);font-size:min(5vw,1.7rem);margin:1.5px;border-radius:5px}.letter-box[data-state]::after{font-size:min(2.4vw,.68rem);top:1px;right:2px}#keyboard-cont{position:fixed;left:0;right:0;bottom:0;margin:0 auto;width:100%;max-width:34rem;z-index:500;border:none;border-radius:var(--r-lg) var(--r-lg) 0 0;padding:.5rem .4rem calc(.5rem + env(safe-area-inset-bottom));box-shadow:0 -6px 24px rgba(8,12,20,.28)}#keyboard-cont>div{width:100%;justify-content:center}.keyboard-button{flex:1 1 0;min-width:0;max-width:3rem;height:3.25rem;padding:0;margin:0 .15rem;font-size:min(4.4vw,1.1rem);display:flex;align-items:center;justify-content:center}.key-action{flex:1.6 1 0;max-width:4.5rem;font-size:min(3.4vw,.82rem)}.key-space{flex:4 1 0;max-width:none;font-size:min(3.6vw,.95rem)}.site-footer{padding-bottom:calc(15.5rem + env(safe-area-inset-bottom))}}@media(max-width: 380px){.keyboard-button{height:3rem}}html.native-ios{height:100%}html.native-ios body{height:100%;overflow:hidden;overscroll-behavior:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}html.native-ios .game-container{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}html.native-ios nav{height:auto;min-height:calc(var(--header-h) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}html.native-ios .site-footer{display:none}html.native-ios .nav-right{display:none}html.native-ios input,html.native-ios textarea,html.native-ios [contenteditable]:not([contenteditable=false]){-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}html.native-ios .lb-name-input{font-size:16px}