:root{color-scheme:dark;--bg: #010b2e;--bg-glow: rgba(2, 84, 236, .22);--fg: #ffffff;--muted: #97bbff;--accent: #0254ec;--accent-fg: #ffffff;--success: #22c55e;--danger: #ff9bbe;--surface: #081a4d;--surface-border: #173aaa;--t-base: #0a1e57;--t-border: #2748b8;--t-fg: #ffffff;--t-correct: #22c55e;--t-correct-fg: #01123f;--t-present: #ffff00;--t-present-fg: #01123f;--t-absent: #050f33;--key-bg: #081a4d;--key-fg: #ffffff;--key-border: #2748b8;--tile: clamp(3rem, 7vw, 4rem);--gap: clamp(.35rem, 2vw, .55rem);--pad: clamp(1rem, 4vw, 2.4rem)}:root[data-theme=light]{color-scheme:light;--bg: #ffffff;--bg-glow: rgba(2, 84, 236, .07);--fg: #01123f;--muted: #173aaa;--accent: #0254ec;--accent-fg: #ffffff;--success: #16a34a;--danger: #c2185b;--surface: #f3f7ff;--surface-border: #97bbff;--t-base: #ffffff;--t-border: #97bbff;--t-fg: #01123f;--t-correct: #16a34a;--t-correct-fg: #ffffff;--t-present: #ffe000;--t-present-fg: #01123f;--t-absent: #e2eafb;--key-bg: #f3f7ff;--key-fg: #01123f;--key-border: #6197ff}html,body{height:100%}html{min-height:100%;background:var(--bg);background-image:radial-gradient(circle at top,var(--bg-glow),var(--bg));background-attachment:fixed}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:transparent;color:var(--fg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;padding:calc(env(safe-area-inset-top) + var(--pad)) calc(env(safe-area-inset-right) + var(--pad)) calc(env(safe-area-inset-bottom) + var(--pad)) calc(env(safe-area-inset-left) + var(--pad))}button{font:inherit;cursor:pointer;touch-action:manipulation}.app{max-width:900px;margin:0 auto;display:grid;gap:var(--pad)}.app__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.title h1{margin:0;font-size:clamp(1.8rem,4vw,2.4rem);display:flex;align-items:center;gap:.5rem}.title__logo{width:1.15em;height:1.15em;flex-shrink:0;border-radius:22%}.title p{margin:.2rem 0 0;color:var(--muted);font-size:clamp(.9rem,2.8vw,1rem)}.actions{display:flex;flex-wrap:wrap;gap:.5rem}.btn{border:none;border-radius:999px;padding:.55rem 1.15rem;font-weight:600;background:var(--surface);border:1px solid var(--surface-border);color:var(--fg);transition:transform .16s ease,opacity .16s ease;min-height:44px}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0);opacity:.85}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn--ghost{background:transparent;border:1px solid var(--muted);color:var(--fg)}.btn--accent{background:var(--accent);border-color:transparent;color:var(--accent-fg)}.controls{background:var(--surface);border:1px solid var(--surface-border);border-radius:18px;padding:1rem 1.2rem;display:grid;gap:.8rem;align-items:center;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.controls__buttons{display:flex;gap:.5rem;flex-wrap:wrap}.controls__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;color:var(--muted);font-size:clamp(.85rem,2.4vw,.95rem)}.streak-flair{font-weight:600;color:#ff9bbe}.streak-flair--hot{animation:streak-pulse .6s ease-in-out 2}@keyframes streak-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.mode-toggle{display:flex;justify-content:flex-end;gap:.4rem}.chip{border-radius:999px;border:1px solid var(--muted);padding:.4rem 1rem;background:transparent;color:var(--fg);font-weight:600}.chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chip[data-active=true]{background:var(--accent);color:var(--accent-fg);border-color:transparent}.definition{display:grid;gap:.36rem;max-width:min(660px,100%);margin:0 auto;width:100%;text-align:center;background:var(--surface);border:1px solid var(--surface-border);border-radius:16px;padding:1.15rem 1.35rem}.definition h2{margin:0;font-size:1.1rem}.definition p{margin:0}.message{min-height:1.4rem;font-weight:600;text-align:center;color:var(--accent);margin:0}.message[data-tone=error]{color:var(--danger)}.message[data-tone=success]{color:var(--success)}.grid{display:grid;gap:var(--gap);justify-content:center}.grid__row{display:grid;gap:var(--gap);justify-content:center;grid-template-columns:repeat(var(--cols, 5),var(--tile))}.grid__row--active .t{border-color:var(--accent)}.t{width:var(--tile);height:var(--tile);display:grid;place-items:center;border-radius:12px;border:2px solid var(--t-border);background:var(--t-base);color:var(--t-fg);font-size:clamp(1.5rem,5vw,2.2rem);font-weight:700;text-transform:uppercase;letter-spacing:.08em;transition:transform .16s ease,background .16s ease,border-color .16s ease}.t--correct{background:var(--t-correct);border-color:var(--t-correct);color:var(--t-correct-fg)}.t--present{background:var(--t-present);border-color:var(--t-present);color:var(--t-present-fg)}.t--absent{background:var(--t-absent);border-color:var(--t-absent)}.keyboard{display:grid;gap:.45rem;justify-content:center;max-width:520px;margin:0 auto;width:100%}.keyboard__row{display:flex;justify-content:center;gap:.45rem}.keyboard__row:nth-child(2){padding-inline:1rem}.key{border:1.5px solid var(--key-border);border-radius:10px;padding:.65rem .45rem;min-width:2.6rem;min-height:44px;background:var(--key-bg);color:var(--key-fg);font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:background .14s ease,color .14s ease}.key:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.key--wide{flex:1.6 0 auto;min-width:3.5rem}.key[data-state=absent]{background:var(--t-absent)}.key[data-state=present]{background:var(--t-present);color:var(--t-present-fg)}.key[data-state=correct]{background:var(--t-correct);color:var(--t-correct-fg)}.scoreboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.score{background:var(--surface);border:1px solid var(--surface-border);border-radius:16px;padding:.9rem 1rem;display:grid;gap:.25rem;text-align:center}.score__label{color:var(--muted);font-size:.85rem}.score__value{font-size:1.4rem;font-weight:700}.footer{display:grid;gap:.5rem;text-align:center;color:var(--muted);font-size:clamp(.85rem,2.4vw,.95rem);padding:1rem 0}.footer__link{color:var(--accent);text-decoration:none;font-weight:500}.footer__link:hover{text-decoration:underline}.footer__link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.modal{background:var(--surface);color:var(--fg);border:1px solid var(--surface-border);border-radius:16px;width:min(520px,92vw);max-height:90vh;padding:0;box-shadow:0 24px 60px #06021466}.modal::backdrop{background:#080416bf}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1.2rem 1.5rem .5rem}.modal__header h2{margin:0}.modal__body{padding:0 1.5rem 1.5rem;display:grid;gap:.75rem}.modal__body p{margin:0}.modal__actions{display:flex;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.modal__status{margin:.5rem 0 0;font-size:.9rem;color:var(--muted)}.modal__status[data-tone=success]{color:var(--success)}.modal__status[data-tone=error]{color:var(--danger)}.modal ul{margin:0;padding-left:1.2rem;display:grid;gap:.5rem}.result__streak{font-weight:600;color:var(--accent)}.field{display:grid;gap:.35rem}.field label{font-size:.85rem;color:var(--muted);font-weight:600}.input{font:inherit;padding:.55rem .75rem;border-radius:10px;border:1px solid var(--surface-border);background:var(--t-base);color:var(--fg);width:100%}.input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}textarea.input{resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.hint{margin:0;font-size:.8rem;color:var(--muted)}.tabs{display:flex;flex-wrap:wrap;gap:.4rem}.subheading{margin:0;font-size:1rem}.rule{border:none;border-top:1px solid var(--surface-border);margin:.25rem 0;width:100%}.btn--small{min-height:32px;padding:.25rem .75rem;font-size:.85rem}.wordlists{display:grid;gap:.5rem}.wordlists__row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.wordlists__pick{display:flex;align-items:center;gap:.5rem;cursor:pointer}.wordlists__meta{color:var(--muted);font-size:.85rem}.warnings{font-size:.85rem;color:var(--muted)}.warnings summary{cursor:pointer}.modal--wide{width:min(880px,94vw)}.studio{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:start}@media(max-width:720px){.studio{grid-template-columns:1fr}}.studio__editor{display:grid;gap:.9rem;min-width:0}.studio__group{border:1px solid var(--surface-border);border-radius:12px;padding:.6rem .8rem .8rem;display:grid;gap:.45rem;margin:0}.studio__group legend{font-size:.85rem;font-weight:700;color:var(--muted);padding:0 .3rem}.studio__token{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.studio__token>label{font-size:.9rem}.studio__inputs{display:flex;align-items:center;gap:.4rem}.studio__inputs input[type=color]{inline-size:2.2rem;block-size:2.2rem;padding:0;border:1px solid var(--surface-border);border-radius:8px;background:none;cursor:pointer}.studio__hex{width:6.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;padding:.35rem .5rem}.studio__actions{justify-content:flex-start}.studio__preview{position:sticky;top:0;border-radius:16px;overflow:hidden;border:1px solid var(--surface-border);background:var(--bg);color:var(--fg);display:grid}.studio__preview-inner{padding:1rem;display:grid;gap:.7rem;background:var(--bg);background-image:radial-gradient(circle at top,var(--bg-glow),var(--bg))}.studio__preview-header{display:flex;align-items:center;gap:.5rem;font-size:1.1rem}.studio__preview-muted{color:var(--muted);margin:0;font-size:.9rem}.studio__preview-tiles{display:flex;gap:.4rem;--tile: 2.6rem}.studio__preview-tiles .t{font-size:1.4rem}.studio__preview-keys{display:flex;gap:.4rem}.studio__preview-buttons{display:flex;gap:.5rem}.studio__preview-card{background:var(--surface);border:1px solid var(--surface-border);border-radius:12px;padding:.7rem .9rem;display:grid;gap:.25rem}.studio__preview .message{text-align:left;min-height:0}.studio__contrast{padding:.8rem 1rem;border-top:1px solid var(--surface-border);background:var(--surface);font-size:.85rem;display:grid;gap:.4rem;justify-items:start}.studio__contrast p{margin:0;font-weight:600}.studio__contrast-ok{color:var(--success)}.studio__contrast-bad{color:var(--danger)}.studio__contrast ul{margin:0;padding-left:1.1rem;display:grid;gap:.2rem}#confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:4000}.confetti-piece{position:absolute;top:-12vh;width:12px;height:18px;border-radius:2px;opacity:0;animation:confetti-fall var(--dur, 1.4s) linear var(--delay, 0s) forwards}@keyframes confetti-fall{0%{transform:translate3d(0,-10vh,0) rotate(0);opacity:1}to{transform:translate3d(var(--dx, 0),110vh,0) rotate(var(--rot, 360deg));opacity:0}}@media(max-width:640px){.controls{grid-template-columns:1fr}.mode-toggle{justify-content:flex-start}.actions{width:100%;justify-content:flex-start}}@media(max-width:480px){:root{--tile: clamp(2.5rem, 8vw, 3.5rem);--gap: clamp(.25rem, 1.5vw, .4rem);--pad: clamp(.75rem, 3vw, 1.5rem)}.keyboard{max-width:100%}.key{min-width:2rem;min-height:40px;font-size:.9rem;padding:.65rem .3rem}.key--wide{min-width:2.5rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}