:root{--bg:#eeeae2;--bg-deep:#ded9ce;--ink:#18142a;--muted:#6f6976;--line:#c5bfba;--surface:#fcfaf6c2;--surface-solid:#faf8f3;--tile:#f8f5ef;--tile-border:#afa8ad;--key:#d9d4cc;--key-hover:#cbc5bb;--correct:#6955d9;--correct-dark:#4d3cb9;--present:#ed704d;--present-dark:#c94f31;--absent:#88828b;--cyan:#3dd1df;--cyan-dark:#087a89;--chrome:linear-gradient(180deg, #fff 0%, #9ba8b4 37%, #f8ffff 54%, #6b7787 79%, #f7ffff 100%);--shadow:0 18px 45px #22183621;--mono:"SFMono-Regular", "Cascadia Mono", Consolas, monospace;--sans:"Avenir Next", Avenir, "Segoe UI", Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#100d1b;--bg-deep:#080611;--ink:#f1edf7;--muted:#a29aaa;--line:#3b3548;--surface:#1c172ad1;--surface-solid:#1d182a;--tile:#221c31;--tile-border:#544b64;--key:#2c2639;--key-hover:#3a3249;--absent:#514b59;--shadow:0 20px 60px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=dark] .site-shell:before{background:radial-gradient(circle at 50% 9%,#6955d93d,#0000 34%),radial-gradient(circle at 26% 38%,#3dd1df14,#0000 35%),linear-gradient(#0000 60%,#5f50a014)}:root[data-theme=dark] .season-strip strong{color:#fff;text-shadow:0 1px 1px #1a123d;background:linear-gradient(#8b7bea 0%,#5b49c7 34%,#35276f 57%,#1c163b 100%);border-color:#9f94ef;box-shadow:inset 0 1px #ffffff73,inset 0 -1px #00000080,0 0 0 1px #3dd1df1f,0 6px 18px #0f082866}@media (prefers-color-scheme:dark){:root[data-theme=system]{--bg:#100d1b;--bg-deep:#080611;--ink:#f1edf7;--muted:#a29aaa;--line:#3b3548;--surface:#1c172ad1;--surface-solid:#1d182a;--tile:#221c31;--tile-border:#544b64;--key:#2c2639;--key-hover:#3a3249;--absent:#514b59;--shadow:0 20px 60px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=system] .site-shell:before{background:radial-gradient(circle at 50% 9%,#6955d93d,#0000 34%),radial-gradient(circle at 26% 38%,#3dd1df14,#0000 35%),linear-gradient(#0000 60%,#5f50a014)}:root[data-theme=system] .season-strip strong{color:#fff;text-shadow:0 1px 1px #1a123d;background:linear-gradient(#8b7bea 0%,#5b49c7 34%,#35276f 57%,#1c163b 100%);border-color:#9f94ef;box-shadow:inset 0 1px #ffffff73,inset 0 -1px #00000080,0 0 0 1px #3dd1df1f,0 6px 18px #0f082866}}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{min-height:100%;color:var(--ink);background:var(--bg);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.site-shell{isolation:isolate;background-image:linear-gradient(#6658820e 1px,#0000 1px),linear-gradient(90deg,#6658820e 1px,#0000 1px);background-size:28px 28px;min-height:100dvh;position:relative;overflow:hidden}.site-shell:before{content:"";z-index:-3;pointer-events:none;background:radial-gradient(circle at 50% 10%,#ffffffbf,#0000 38%),linear-gradient(#0000 60%,#5f50a014);position:fixed;inset:0}.site-shell:after{content:"";z-index:-1;pointer-events:none;opacity:.13;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#0000 0 3px,#1a122d26 4px);position:fixed;inset:0}.ambient{z-index:-2;filter:blur(70px);opacity:.32;pointer-events:none;border-radius:999px;position:fixed}.ambient-one{background:#85e8ed;width:300px;height:300px;top:24%;left:-110px}.ambient-two{background:#9178ee;width:360px;height:360px;top:62%;right:-180px}.topbar{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;height:82px;padding:0 clamp(16px,4vw,42px);display:grid;position:relative}.brand{color:var(--ink);text-align:center;min-width:270px;padding:5px 42px 4px 0;line-height:.85;text-decoration:none;position:relative}.brand-typebox{white-space:nowrap;justify-content:flex-start;align-items:baseline;width:198px;display:inline-flex}.brand-word{text-align:left;letter-spacing:-.075em;transform-origin:50%;background:linear-gradient(100deg, var(--correct) 5%, var(--ink) 46%, var(--cyan-dark) 95%);color:#0000;text-shadow:2px 2px 0 color-mix(in srgb, var(--present) 24%, transparent);-webkit-background-clip:text;background-clip:text;font-size:43.5px;font-weight:900;display:inline-block;transform:rotate(-1.5deg)skew(-5deg)}.brand-word.settled{animation:.63s cubic-bezier(.2,.9,.25,1.35) both clunky-settle}.cursor{color:var(--present);font:800 36px/.8 var(--mono);margin-left:3px;animation:.86s step-end infinite blink;display:inline-block;transform:translateY(-1px)}.brand-tag{font:500 10.5px/1 var(--mono);letter-spacing:.24em;color:var(--muted);margin:10px 0 0 1px;display:block}.icon-button{border:1px solid var(--line);background:var(--surface);width:39px;height:39px;font:800 17px/1 var(--mono);cursor:pointer;border-radius:50%;transition:transform .18s,background .18s;box-shadow:inset 0 1px #ffffff80}.icon-button:hover{background:var(--surface-solid);transform:translateY(-2px)}.top-actions{justify-content:flex-end;gap:9px;display:flex}.stats-icon{justify-content:center;align-items:flex-end;gap:3px;padding-bottom:10px;display:inline-flex}.stats-icon span{background:currentColor;border-radius:2px;width:4px;display:block}.stats-icon span:first-child{height:8px}.stats-icon span:nth-child(2){height:15px}.stats-icon span:nth-child(3){height:11px}.gear{font-size:19px}.game{flex-direction:column;align-items:center;width:min(100%,560px);min-height:calc(100dvh - 142px);margin:0 auto;padding:26px 20px 30px;display:flex}.season-strip{width:100%;font:500 9px/1 var(--mono);letter-spacing:.16em;color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin-bottom:24px;display:grid}.season-strip:before,.season-strip:after{display:none}.season-strip span:last-child{text-align:right}.season-strip strong{color:var(--ink);font:900 13px/1 var(--sans);letter-spacing:.13em;background:var(--chrome);text-shadow:0 1px #ffffffb3;border:1px solid #8f9aa5;border-radius:999px;padding:6px 16px;position:relative}.puzzle-heading{text-align:center;width:100%}.eyebrow{color:var(--cyan-dark);font:500 10px/1.2 var(--mono);letter-spacing:.19em;margin:0}.puzzle-meta{font:500 9px/1 var(--mono);letter-spacing:.12em;color:var(--muted);justify-content:center;align-items:center;gap:10px;margin:8px 0 17px;display:flex}.meta-dot{background:var(--present);border-radius:50%;width:3px;height:3px}.category-card{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:13px;justify-content:space-between;align-items:center;min-height:70px;padding:12px 14px 12px 18px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb3,0 8px 24px #231c320f}.category-card:before{content:"";background:linear-gradient(var(--cyan), var(--correct));width:4px;position:absolute;inset:0 auto 0 0}.tiny-label{font:500 8px/1 var(--mono);letter-spacing:.18em;color:var(--muted);margin-bottom:6px;display:block}.category-card strong{letter-spacing:-.025em;font-size:20px;line-height:1}.length-pill{color:var(--surface-solid);background:var(--ink);font:700 9px/1 var(--mono);letter-spacing:.1em;box-shadow:3px 3px 0 var(--cyan);border-radius:7px;flex:none;margin-left:15px;padding:9px 12px}.twist-ribbon{border:1px solid var(--present);background:color-mix(in srgb, var(--present) 13%, var(--surface));color:var(--present-dark);font:800 10px/1 var(--sans);letter-spacing:.1em;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:10px;padding:8px 12px;display:flex}.twist-ribbon span{font-size:15px}.twist-ribbon small{color:var(--muted);font:500 9px/1.2 var(--mono);letter-spacing:0}.board{flex-direction:column;gap:7px;margin:25px auto 4px;display:flex}.board-row{--tile-size:clamp(48px, 13vw, 58px);grid-template-columns:repeat(var(--length), var(--tile-size));gap:7px;display:grid}.tile{width:var(--tile-size);aspect-ratio:1;border:1.5px solid var(--tile-border);background:var(--tile);box-shadow:inset 0 1px #ffffffb3, 0 3px 0 color-mix(in srgb, var(--tile-border) 70%, transparent);transform-style:preserve-3d;border-radius:7px;place-items:center;display:grid;position:relative}.tile.filled:not(.correct):not(.present):not(.absent){border-color:var(--ink);animation:.12s ease-out pop}.tile-letter{letter-spacing:-.03em;font-size:clamp(22px,6vw,29px);font-weight:900;line-height:1}.tile-symbol{color:#fff;font-size:7px;line-height:1;position:absolute;top:5px;right:5px}.tile.correct,.tile.present,.tile.absent{color:#fff;box-shadow:inset 0 1px #ffffff59,0 3px #1410243d}.board-row.revealing .tile.correct,.board-row.revealing .tile.present,.board-row.revealing .tile.absent{animation:flip .55s var(--delay) both}.tile.correct{background:linear-gradient(145deg, #7c69e4, var(--correct-dark));border-color:var(--correct-dark)}.tile.present{background:linear-gradient(145deg, #f28866, var(--present-dark));border-color:var(--present-dark)}.tile.absent{background:linear-gradient(145deg,#9b959e,#6f6973);border-color:#6f6973}.shake{animation:.32s ease-in-out shake}.message{height:27px;color:var(--present-dark);font:700 11px/1 var(--mono);letter-spacing:.05em;justify-content:center;align-items:center;display:flex}.keyboard{width:100%;max-width:520px;margin-top:5px}.keyboard-row{justify-content:center;gap:5px;margin-bottom:6px;display:flex}.key{border:1px solid color-mix(in srgb, var(--line) 80%, transparent);background:var(--key);cursor:pointer;touch-action:manipulation;border-bottom-width:3px;border-radius:7px;flex:1;min-width:0;max-width:43px;height:51px;padding:0;font-size:12px;font-weight:800;transition:transform 80ms,background .15s}.key:hover{background:var(--key-hover)}.key:active{border-bottom-width:1px;transform:translateY(2px)}.key-wide{max-width:64px;font:700 8px/1 var(--mono);letter-spacing:-.02em;flex:1.55}.delete{font-size:17px}.key.correct{color:#fff;background:var(--correct);border-color:var(--correct-dark)}.key.present{color:#fff;background:var(--present);border-color:var(--present-dark)}.key.absent{color:#fff;background:var(--absent);border-color:color-mix(in srgb, var(--absent) 60%, black)}.feedback-key{border-top:1px solid var(--line);width:100%;color:var(--muted);font:500 7px/1 var(--mono);letter-spacing:.04em;justify-content:center;gap:16px;margin-top:22px;padding-top:13px;display:flex}.feedback-key span{align-items:center;gap:5px;display:flex}.mini{color:#fff;border-radius:2px;place-items:center;width:13px;height:13px;font-size:5px;font-style:normal;display:grid}.mini.correct{background:var(--correct)}.mini.present{background:var(--present)}.mini.absent{background:var(--absent)}.reveal-card{text-align:center;border:1px solid var(--line);background:var(--surface);width:100%;box-shadow:var(--shadow), inset 0 1px #fffc;border-radius:16px;margin:21px 0 4px;padding:31px 24px 20px;animation:.55s ease-out both revealUp;position:relative;overflow:hidden}.reveal-card:before{content:"";z-index:-1;background:radial-gradient(circle at 10% 0,#3dd1df38,#0000 30%),radial-gradient(circle at 95% 15%,#6955d933,#0000 38%);position:absolute;inset:0}.reveal-stamp{background:var(--present);color:#fff;width:122px;font:800 7px/1 var(--mono);letter-spacing:.09em;padding:4px 0;position:absolute;top:18px;right:-23px;transform:rotate(32deg)}.reveal-kicker{color:var(--cyan-dark);font:500 9px/1 var(--mono);letter-spacing:.15em;margin:0 0 8px}.failure-heading{color:var(--present-dark);font:900 24px/1 var(--sans);letter-spacing:-.02em;margin:4px 0 3px}.failure-intro{color:var(--muted);font:600 9px/1.4 var(--mono);letter-spacing:.05em;margin:0 0 14px}.reveal-card h1{letter-spacing:.11em;text-indent:.11em;background:var(--chrome);color:#0000;-webkit-text-stroke:1px #606a77;filter:drop-shadow(1px 2px #19142873);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(38px,12vw,57px);font-weight:900;line-height:1;transform:skew(-5deg)}.reveal-copy{max-width:430px;font:500 14px/1.55 var(--sans);color:color-mix(in srgb, var(--ink) 88%, var(--muted));margin:17px auto 18px}.result-line{color:var(--muted);font:600 8px/1 var(--mono);letter-spacing:.1em;justify-content:center;align-items:center;gap:10px;display:flex}.result-line i{background:var(--present);border-radius:50%;width:3px;height:3px}.share-button{color:#fff;background:linear-gradient(135deg, var(--correct), var(--correct-dark));width:100%;max-width:330px;height:52px;font:800 11px/1 var(--mono);letter-spacing:.09em;cursor:pointer;border:0;border-radius:9px;justify-content:space-between;align-items:center;margin:20px auto 14px;padding:0 7px 0 20px;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:4px 5px #32277f}.share-button:hover{transform:translateY(-2px);box-shadow:4px 7px #32277f}.share-button:active{transform:translateY(3px);box-shadow:2px 2px #32277f}.share-button b{background:#ffffff29;border-radius:6px;place-items:center;width:39px;height:38px;font-size:19px;display:grid}.reveal-card.failure{border:2px solid color-mix(in srgb, var(--present) 75%, var(--line));background:color-mix(in srgb, var(--surface-solid) 91%, var(--present) 9%);box-shadow:0 18px 45px #69221b33,inset 0 1px #ffffff8c}.reveal-card.failure:before{background:repeating-linear-gradient(-45deg,#ed704d0e 0 8px,#0000 8px 16px),radial-gradient(circle at 50% 0,#ed704d33,#0000 44%)}.reveal-card.failure .reveal-stamp{background:#a93628}.reveal-card.failure .reveal-kicker{color:var(--present-dark)}.reveal-card.failure h1{background:linear-gradient(180deg, #f7b09b 0%, var(--present) 42%, #922f25 100%);-webkit-text-stroke-color:#7d291f;filter:drop-shadow(1px 2px #4a130f59);-webkit-background-clip:text;background-clip:text}.reveal-card.failure .result-line{color:var(--present-dark);font-weight:700}.share-button.failure-share{max-width:270px;height:44px;color:var(--present-dark);border:1px solid var(--present);box-shadow:3px 4px 0 color-mix(in srgb, var(--present) 34%, transparent);background:0 0;margin-top:18px;font-size:9px}.share-button.failure-share:hover{box-shadow:3px 6px 0 color-mix(in srgb, var(--present) 34%, transparent)}.share-button.failure-share:active{box-shadow:1px 1px 0 color-mix(in srgb, var(--present) 34%, transparent)}.share-button.failure-share b{background:color-mix(in srgb, var(--present) 14%, transparent);width:34px;height:32px}.next-puzzle{color:var(--muted);justify-content:center;align-items:baseline;gap:10px;display:flex}.next-puzzle span{font:500 7px/1 var(--mono);letter-spacing:.11em}.next-puzzle strong{color:var(--ink);font:500 13px/1 var(--mono);letter-spacing:.04em}.footer{border-top:1px solid var(--line);min-height:60px;font:500 7px/1 var(--mono);letter-spacing:.12em;color:var(--muted);justify-content:space-between;align-items:center;gap:18px;padding:14px clamp(16px,4vw,42px);display:flex}.footer nav{gap:14px;display:flex}.footer a{color:var(--muted);text-decoration:none}.footer a:hover{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.legal-shell{background:var(--bg);background-image:linear-gradient(#6658820e 1px,#0000 1px),linear-gradient(90deg,#6658820e 1px,#0000 1px);background-size:28px 28px;min-height:100dvh;padding:46px 20px 34px}.legal-brand{width:fit-content;color:var(--ink);letter-spacing:-.075em;margin:0 auto 30px;font-size:34px;font-weight:900;text-decoration:none;display:block;transform:rotate(-1.5deg)skew(-5deg)}.legal-brand span{color:var(--present);margin-left:3px;animation:.86s step-end infinite blink}.legal-card{border:1px solid var(--line);background:var(--surface-solid);width:min(100%,720px);box-shadow:var(--shadow), inset 0 1px #fff9;border-radius:16px;margin:0 auto;padding:clamp(28px,6vw,58px)}.legal-eyebrow{color:var(--cyan-dark);font:600 9px/1 var(--mono);letter-spacing:.16em;margin:0 0 9px}.legal-card>h1{letter-spacing:-.05em;margin:0;font-size:clamp(38px,8vw,60px);line-height:.95}.legal-updated{color:var(--muted);font:500 9px/1 var(--mono);margin:12px 0 28px}.legal-copy{color:color-mix(in srgb, var(--ink) 86%, var(--muted));font-size:15px;line-height:1.7}.legal-copy h2{color:var(--ink);letter-spacing:-.015em;margin:29px 0 5px;font-size:17px}.legal-copy p{margin:0 0 12px}.legal-copy a{color:var(--correct);text-underline-offset:3px;font-weight:700}.legal-nav{width:min(100%,720px);font:600 8px/1 var(--mono);letter-spacing:.1em;flex-wrap:wrap;justify-content:center;gap:18px;margin:22px auto 0;display:flex}.legal-nav a{color:var(--muted);text-transform:uppercase;text-underline-offset:3px}.test-deck{border:1px solid var(--present);background:color-mix(in srgb, var(--surface-solid) 92%, var(--present) 8%);width:min(100% - 24px,640px);box-shadow:4px 5px 0 color-mix(in srgb, var(--present) 48%, transparent), var(--shadow);border-radius:11px;grid-template-columns:auto 1fr auto;align-items:end;gap:11px;margin:0 auto 24px;padding:11px;display:grid;position:relative}.test-deck:before{content:"";border:1px dashed color-mix(in srgb, var(--present) 28%, transparent);pointer-events:none;border-radius:6px;position:absolute;inset:4px}.test-deck-label{color:var(--present-dark);font:800 10px/1 var(--mono);letter-spacing:.09em;white-space:nowrap;z-index:1;align-self:center;padding:0 7px;position:relative}.test-deck-label i{background:var(--present);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--present) 18%, transparent);border-radius:50%;margin-right:6px;display:inline-block}.test-deck-label small{color:var(--muted);font:500 6px/1 var(--mono);letter-spacing:.08em;margin:6px 0 0 14px;display:block}.test-deck label{z-index:1;min-width:0;position:relative}.test-deck label>span{color:var(--muted);font:600 7px/1 var(--mono);letter-spacing:.1em;margin-bottom:5px;display:block}.test-deck select{border:1px solid var(--line);background:var(--tile);width:100%;height:38px;color:var(--ink);font:600 9px/1 var(--mono);cursor:pointer;border-radius:6px;padding:0 32px 0 10px}.test-deck button{border:1px solid var(--present-dark);background:var(--present);color:#fff;height:38px;font:800 8px/1 var(--mono);letter-spacing:.06em;cursor:pointer;z-index:1;white-space:nowrap;border-bottom-width:3px;border-radius:6px;padding:0 13px;position:relative}.test-deck button:active{border-bottom-width:1px;transform:translateY(2px)}.test-deck button span{vertical-align:-1px;margin-right:4px;font-size:15px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#0c0917b8;place-items:center;padding:20px;animation:.18s ease-out both fadeIn;display:grid;position:fixed;inset:0}.modal{background:var(--surface-solid);border:1px solid #9993a3;border-radius:16px;width:min(100%,450px);max-height:min(90dvh,680px);padding:37px 34px 31px;position:relative;overflow:auto;box-shadow:0 28px 90px #0006,inset 0 1px #fffc}.modal:before{content:"";background:linear-gradient(90deg, var(--cyan), var(--correct) 50%, var(--present));height:7px;position:absolute;top:0;left:0;right:0}.modal-close{border:1px solid var(--line);background:var(--key);cursor:pointer;border-radius:50%;width:31px;height:31px;font-size:22px;line-height:26px;position:absolute;top:14px;right:15px}.modal-eyebrow{letter-spacing:.18em;margin:0 0 7px;color:var(--cyan-dark)!important;font:600 8px/1 var(--mono)!important}.modal h2{letter-spacing:-.04em;margin:0 0 13px;font-size:29px}.modal h2 em{color:var(--correct);font-style:normal}.modal>p:not(.modal-eyebrow):not(.settings-note){color:var(--muted);margin:0;font-size:13px;line-height:1.55}.example-row{justify-content:center;gap:5px;margin:24px 0 21px;display:flex}.example-row span{border:1.5px solid var(--tile-border);background:var(--tile);border-radius:6px;place-items:center;width:48px;height:48px;font-size:22px;font-weight:900;display:grid;position:relative}.example-row span.correct,.example-row span.present,.example-row span.absent{color:#fff}.example-row span.correct{background:var(--correct)}.example-row span.present{background:var(--present)}.example-row span.absent{background:var(--absent)}.example-row b{font-size:6px;position:absolute;top:3px;right:4px}.rules{gap:13px;margin:0;padding:0;list-style:none;display:grid}.rules li{color:var(--muted);align-items:center;gap:12px;font-size:11px;line-height:1.45;display:flex}.rules strong{color:var(--ink);font-size:12px}.rules i{color:#fff;border-radius:4px;flex:none;place-items:center;width:28px;height:28px;font-style:normal;display:grid}.rule-correct{background:var(--correct)}.rule-present{background:var(--present)}.rule-absent{background:var(--absent)}.twist-note{border:1px solid color-mix(in srgb, var(--present) 55%, var(--line));background:color-mix(in srgb, var(--present) 8%, var(--surface));border-radius:8px;flex-direction:column;gap:4px;margin:22px 0 18px;padding:12px 14px;display:flex}.twist-note strong{color:var(--present-dark);font:800 9px/1 var(--mono);letter-spacing:.08em}.twist-note span{color:var(--muted);font:500 9px/1.4 var(--mono)}.modal-primary{background:var(--ink);width:100%;color:var(--surface-solid);font:800 10px/1 var(--mono);letter-spacing:.1em;cursor:pointer;box-shadow:3px 4px 0 var(--cyan);border:0;border-radius:8px;padding:15px}.stat-grid{grid-template-columns:repeat(4,1fr);gap:5px;margin:25px 0 29px;display:grid}.stat-grid div{text-align:center;border-right:1px solid var(--line)}.stat-grid div:last-child{border:0}.stat-grid strong{font-size:28px;line-height:1;display:block}.stat-grid span{color:var(--muted);font:600 7px/1 var(--mono);letter-spacing:.1em;margin-top:8px;display:block}.distribution-title{font:700 9px/1 var(--mono);letter-spacing:.12em;margin:0 0 14px}.distribution{gap:7px;display:grid}.distribution>div{grid-template-columns:17px 1fr;align-items:center;gap:6px;display:grid}.distribution>div>span{font:600 10px/1 var(--mono)}.distribution i{background:var(--correct);color:#fff;min-width:25px;height:19px;font:normal 700 8px/1 var(--mono);justify-content:flex-end;align-items:center;padding-right:6px;transition:width .4s;display:flex}.modal-countdown{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;margin-top:28px;padding-top:20px;display:flex}.modal-countdown span{color:var(--muted);font:600 8px/1 var(--mono);letter-spacing:.1em}.modal-countdown strong{font:500 20px/1 var(--mono)}.theme-options{gap:8px;margin:25px 0 20px;display:grid}.theme-options button{border:1px solid var(--line);background:var(--surface);cursor:pointer;text-align:left;border-radius:9px;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;min-height:62px;padding:7px 15px 7px 7px;display:grid}.theme-options button.selected{border-color:var(--correct);box-shadow:0 0 0 1px var(--correct)}.theme-options button>span{font:700 10px/1 var(--mono);letter-spacing:.08em}.theme-options button>b{color:var(--correct)}.theme-preview{background:#eee;border:1px solid #aaa;border-radius:5px;width:45px;height:45px;position:relative;overflow:hidden}.theme-preview:before{content:"";background:#5e50c9;border-radius:2px;width:31px;height:8px;position:absolute;top:7px;left:6px}.theme-preview:after{content:"";background:#c7c2ba;border-radius:2px;width:22px;height:18px;position:absolute;top:20px;left:6px}.theme-preview.dark{background:#171322}.theme-preview.dark:after{background:#423a51}.theme-preview.system{background:linear-gradient(135deg,#eee 50%,#171322 50%)}.settings-note{color:var(--muted);font:500 9px/1.5 var(--mono)}.loading-screen{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100dvh;display:flex}.loading-logo{letter-spacing:-.075em;font-size:36px;font-weight:900;transform:rotate(-1.5deg)skew(-5deg)}.loading-logo span{color:var(--present);animation:1s step-end infinite blink}.loading-screen p{color:var(--muted);font:500 8px/1 var(--mono);letter-spacing:.14em;margin:0}.loading-bar{background:var(--line);border-radius:4px;width:160px;height:4px;overflow:hidden}.loading-bar i{background:linear-gradient(90deg, var(--correct), var(--cyan));width:40%;height:100%;animation:1.1s ease-in-out infinite loading;display:block}@keyframes blink{50%{opacity:0}}@keyframes pop{50%{transform:scale(1.07)}}@keyframes flip{0%{transform:rotateX(0)}48%{transform:rotateX(90deg)}52%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@keyframes revealUp{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}}@keyframes loading{0%{transform:translate(-110%)}to{transform:translate(350%)}}@keyframes clunky-settle{0%{transform:rotate(-1.5deg)skew(-5deg)}35%{transform:rotate(2.4deg)skew(-8deg)scale(1.06)}68%{transform:rotate(-2.2deg)skew(-3deg)scale(.985)}to{transform:rotate(-1.5deg)skew(-5deg)}}@media (max-width:620px){.topbar{height:82px;padding:0 13px}.icon-button{width:36px;height:36px}.brand-typebox{width:171px}.brand-word{font-size:37.5px}.cursor{font-size:31px}.brand-tag{font-size:9px}.brand{min-width:225px;padding-right:32px}.top-actions{gap:5px}.game{min-height:calc(100dvh - 122px);padding:19px 11px 23px}.season-strip{margin-bottom:18px;padding:0 5px}.season-strip strong{padding:6px 12px;font-size:11px}.category-card{margin-inline:2px}.board{gap:6px;margin-top:20px}.board-row{--tile-size:min(12.2vw, 54px);gap:6px}.tile{border-radius:6px}.key{height:49px;font-size:11px}.keyboard-row{gap:4px;margin-bottom:5px}.keyboard{width:calc(100% + 5px)}.feedback-key{gap:10px}.test-deck{grid-template-columns:1fr auto}.test-deck-label{grid-column:1/-1}.test-deck-label small{margin-left:8px;display:inline}.footer{flex-direction:column;justify-content:center;gap:10px;padding:15px 13px}.footer p{margin:0}.footer p:first-child{display:none}}@media (max-width:370px){.game{padding-inline:7px}.board-row{--tile-size:min(12vw, 46px);gap:5px}.feedback-key{gap:7px;font-size:6px}.mini{width:11px;height:11px}.brand-tag{display:none}.brand{min-width:170px;padding-right:18px}.brand-typebox{width:146px}.brand-word{font-size:32px}.cursor{font-size:27px}.modal{padding:34px 22px 26px}.example-row span{width:43px;height:43px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}