:root{--accent: #E84F2C;--ink: #1B1916;--paper: #F5F0E6;--ink-12: color-mix(in oklab, var(--ink) 12%, var(--paper));--ink-20: color-mix(in oklab, var(--ink) 20%, var(--paper));--ink-40: color-mix(in oklab, var(--ink) 40%, var(--paper));--ink-60: color-mix(in oklab, var(--ink) 60%, var(--paper));--ink-80: color-mix(in oklab, var(--ink) 80%, var(--paper));--paper-soft: color-mix(in oklab, var(--paper) 92%, var(--ink));--paper-soft2: color-mix(in oklab, var(--paper) 85%, var(--ink));--green: #2E8B57;--yellow: #C9A227;--gray-state: var(--ink-40);--radius: 4px;--radius-lg: 14px;--shadow-soft: 0 1px 0 rgba(0,0,0,.04), 0 6px 24px rgba(0,0,0,.05);--shadow-pop: 0 1px 0 rgba(0,0,0,.05), 0 14px 40px rgba(0,0,0,.1);--sans: "Inter Tight", "Helvetica Neue", Helvetica, system-ui, sans-serif;--serif: "Instrument Serif", "Cormorant Garamond", "Times New Roman", Georgia, serif;--mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace}:root[data-theme=light]{--paper: #FAFAF8}:root[data-theme=dark]{--paper: #15130F;--ink: #F2EDE2}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.4;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background-image:radial-gradient(at 12% 8%,color-mix(in oklab,var(--accent) 7%,transparent),transparent 50%),radial-gradient(at 88% 92%,color-mix(in oklab,var(--ink) 6%,transparent),transparent 55%)}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}::selection{background:color-mix(in oklab,var(--accent) 70%,transparent);color:var(--paper)}.app{min-height:100dvh;display:flex;flex-direction:column;align-items:stretch;max-width:720px;margin:0 auto;padding:18px 22px 24px;gap:14px}.hdr{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:4px 2px 10px;border-bottom:1px solid var(--ink-12)}.hdr__left{display:flex;gap:6px;justify-content:flex-start}.hdr__right{display:flex;gap:6px;justify-content:flex-end}.iconbtn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:transparent;color:var(--ink);border:1px solid var(--ink-12);border-radius:999px;transition:background .15s ease,border-color .15s ease,transform .15s ease}.iconbtn:hover{background:var(--ink-12);border-color:var(--ink-20)}.iconbtn:active{transform:translateY(1px)}.hdr__brand{font-family:var(--serif);font-size:clamp(28px,5vw,38px);line-height:1;letter-spacing:-.01em;font-style:italic;display:inline-flex;align-items:baseline;gap:2px;-webkit-user-select:none;user-select:none}.hdr__don{font-style:italic;color:var(--accent);font-weight:400;margin-right:4px;position:relative}.hdr__don:after{content:"";position:absolute;left:-2px;right:-2px;top:56%;height:2px;background:var(--accent);transform:rotate(-6deg);border-radius:2px}.hdr__word{font-style:italic;color:var(--ink)}.hdr__tld{font-family:var(--mono);font-style:normal;font-size:.42em;color:var(--ink-60);align-self:baseline;margin-left:2px;letter-spacing:.04em;transform:translateY(-.55em)}.hud{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px}.hud__chip{display:flex;flex-direction:column;gap:4px;padding:8px 12px;border:1px solid var(--ink-12);border-radius:var(--radius-lg);background:var(--paper-soft);min-width:92px}.hud__chip[data-tone=accent]{background:color-mix(in oklab,var(--accent) 8%,var(--paper));border-color:color-mix(in oklab,var(--accent) 25%,var(--paper))}.hud__label{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-60)}.hud__val{font-family:var(--serif);font-size:22px;line-height:1;display:flex;align-items:baseline;gap:4px}.hud__sub{font-size:13px;color:var(--ink-40)}.hud__center{text-align:center}.hud__title{font-family:var(--serif);font-style:italic;font-size:clamp(18px,3.5vw,24px);line-height:1.1;letter-spacing:-.01em}.hud__sub2{font-size:12px;color:var(--ink-60);margin-top:2px}.pip{display:inline-block;width:9px;height:9px;margin-right:3px;border-radius:999px;background:transparent;border:1.5px solid var(--ink-40)}.pip--on{background:var(--accent);border-color:var(--accent)}.stage{display:flex;flex-direction:column;align-items:center;gap:14px;flex:1}.board{display:grid;grid-template-rows:repeat(6,1fr);gap:6px;width:min(360px,100%)}.row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.row--shake{animation:shake .42s cubic-bezier(.36,.07,.19,.97)}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.tile{aspect-ratio:1 / 1;display:grid;place-items:center;font-family:var(--serif);font-weight:500;font-size:clamp(22px,6vw,30px);line-height:1;text-transform:uppercase;-webkit-user-select:none;user-select:none;position:relative;transition:transform .12s ease}.tile--outline{background:transparent;border:1.5px solid var(--ink-20);border-radius:var(--radius);color:var(--ink)}.tile--outline.tile--filled{border-color:var(--ink-40);background:color-mix(in oklab,var(--paper) 90%,var(--ink));transform:scale(1.03)}.tile--outline.tile--green{background:var(--green);color:var(--paper);border-color:var(--green)}.tile--outline.tile--yellow{background:var(--accent);color:var(--paper);border-color:var(--accent)}.tile--outline.tile--gray{background:var(--paper-soft2);color:var(--ink-60);border-color:var(--ink-12)}.tile--solid{background:var(--paper-soft);border:none;border-radius:6px;color:var(--ink)}.tile--solid.tile--filled{background:color-mix(in oklab,var(--paper) 75%,var(--ink))}.tile--solid.tile--green{background:var(--green);color:var(--paper)}.tile--solid.tile--yellow{background:var(--accent);color:var(--paper)}.tile--solid.tile--gray{background:var(--ink-12);color:var(--ink-60)}.tile--stamp{background:var(--paper);border:1.5px dashed var(--ink-40);border-radius:2px;color:var(--ink)}.tile--stamp:before{content:"";position:absolute;inset:3px;border:1px solid var(--ink-12);border-radius:1px;pointer-events:none}.tile--stamp.tile--filled{border-color:var(--ink)}.tile--stamp.tile--green{border-style:solid;background:var(--green);color:var(--paper);border-color:var(--green)}.tile--stamp.tile--green:before{border-color:#ffffff40}.tile--stamp.tile--yellow{border-style:solid;background:var(--accent);color:var(--paper);border-color:var(--accent)}.tile--stamp.tile--yellow:before{border-color:#ffffff4d}.tile--stamp.tile--gray{border-style:solid;background:var(--paper-soft2);border-color:var(--ink-12);color:var(--ink-40)}.row--reveal .tile{animation:flip .55s ease forwards;animation-delay:calc(var(--i) * .12s)}@keyframes flip{0%{transform:rotateX(0)}45%{transform:rotateX(90deg)}55%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.actions{display:flex;gap:10px;justify-content:center}.btn{display:inline-flex;align-items:center;gap:4px;padding:9px 16px;border-radius:999px;font-size:13px;font-weight:500;letter-spacing:.01em;background:var(--paper-soft);color:var(--ink);border:1px solid var(--ink-12);transition:background .15s ease,border-color .15s ease,transform .15s ease}.btn:hover:not(:disabled){background:var(--ink-12);border-color:var(--ink-20)}.btn:active:not(:disabled){transform:translateY(1px)}.btn--ghost{background:transparent}.btn--danger{color:var(--accent);border-color:color-mix(in oklab,var(--accent) 40%,var(--paper))}.btn--danger:hover:not(:disabled){background:color-mix(in oklab,var(--accent) 10%,var(--paper))}.btn--solid{background:var(--ink);color:var(--paper);border-color:var(--ink);padding:10px 18px}.btn--solid:hover:not(:disabled){background:color-mix(in oklab,var(--ink) 85%,var(--accent));border-color:color-mix(in oklab,var(--ink) 85%,var(--accent))}.kb{display:flex;flex-direction:column;gap:6px;width:100%;max-width:540px}.kb__row{display:flex;gap:5px;justify-content:center}.key{flex:1 1 32px;max-width:42px;height:50px;padding:0;background:var(--paper-soft);color:var(--ink);border:1px solid var(--ink-12);border-radius:6px;font-family:var(--sans);font-weight:500;font-size:14px;transition:transform .08s ease,background .12s ease,border-color .12s ease;position:relative}.key:hover{background:var(--ink-12)}.key:active{transform:translateY(1px) scale(.97)}.key--wide{flex:1.5 1 50px;max-width:70px;font-size:12px;font-weight:600;letter-spacing:.03em}.key--green{background:var(--green);color:var(--paper);border-color:var(--green)}.key--yellow{background:var(--accent);color:var(--paper);border-color:var(--accent)}.key--gray{background:var(--ink-12);color:var(--ink-40);border-color:transparent}.key--danger:after{content:"";position:absolute;top:4px;right:4px;width:5px;height:5px;background:var(--paper);border-radius:999px;box-shadow:0 0 0 1px var(--accent)}.key--green.key--danger:after,.key--yellow.key--danger:after{background:var(--paper);box-shadow:0 0 0 1px var(--paper)}.toast{position:fixed;left:50%;top:24%;transform:translate(-50%);background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:999px;font-size:13px;font-weight:500;box-shadow:var(--shadow-pop);z-index:30;animation:toastIn .22s ease}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.modal{position:fixed;inset:0;background:color-mix(in oklab,var(--ink) 35%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:40;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal__card{background:var(--paper);border:1px solid var(--ink-12);border-radius:18px;max-width:460px;width:100%;box-shadow:var(--shadow-pop);overflow:hidden;animation:popIn .25s cubic-bezier(.2,.9,.3,1.2)}@keyframes popIn{0%{transform:scale(.94) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal__head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 6px}.modal__title{font-family:var(--serif);font-style:italic;font-size:28px;font-weight:400;margin:0;letter-spacing:-.01em}.modal__x{background:transparent;border:none;font-size:24px;color:var(--ink-60);width:32px;height:32px;border-radius:999px;display:grid;place-items:center;line-height:1}.modal__x:hover{background:var(--ink-12);color:var(--ink)}.modal__body{padding:4px 22px 22px}.modal__cta{margin-top:18px;display:flex;justify-content:flex-end}.modal__cta--center{justify-content:center}.prose p{margin:0 0 10px}.prose .kicker{font-family:var(--serif);font-style:italic;font-size:22px;color:var(--accent);margin-top:14px;line-height:1.2}.end__big{font-family:var(--serif);font-style:italic;font-size:32px;line-height:1;margin-bottom:8px!important;letter-spacing:-.01em}.answer{display:inline-block;font-family:var(--mono);background:var(--ink);color:var(--paper);padding:1px 8px;border-radius:4px;letter-spacing:.05em;font-size:.92em}.rules{list-style:none;padding:0;margin:12px 0;display:flex;flex-direction:column;gap:10px}.rules li{display:flex;align-items:center;gap:12px;font-size:14px}.sw{width:28px;height:28px;border-radius:4px;flex:0 0 auto;display:inline-block}.sw--green{background:var(--green)}.sw--yellow{background:var(--accent)}.sw--gray{background:var(--paper-soft2);border:1px solid var(--ink-12)}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.stat{text-align:center;padding:12px 6px;border:1px solid var(--ink-12);border-radius:10px;background:var(--paper-soft)}.stat__n{font-family:var(--serif);font-style:italic;font-size:26px;line-height:1;color:var(--ink)}.stat__l{margin-top:6px;font-family:var(--mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-60)}@media(max-width:480px){.app{padding:12px 14px 18px}.hud{gap:10px}.hud__chip{min-width:80px;padding:7px 10px}.hud__title{font-size:16px}.hud__sub2{font-size:11px}.board{width:100%;max-width:320px}.key{height:46px;font-size:13px;flex-basis:28px;max-width:36px}.key--wide{font-size:10.5px}.stats{grid-template-columns:repeat(3,1fr)}}.hist__title{font-family:"Instrument Serif",serif;margin:1.2em 0 .5em;font-size:1.05em}.hist{display:flex;flex-direction:column;gap:4px;margin-bottom:1em}.hist__row{display:flex;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:.85em}.hist__lbl{width:1.2em;text-align:right;opacity:.6}.hist__bar{background:var(--ink);color:var(--paper);padding:1px 8px;min-width:2em;border-radius:2px;transition:width .4s ease}.hist__bar--peak{background:var(--accent)}.countdown{font-family:JetBrains Mono,monospace;font-size:.85em;opacity:.65;margin-top:.6em;text-align:center}body:has(.modal){overflow:hidden}app-board,app-row,app-tile,app-keyboard,app-toast,app-modal,app-rules,app-stats,app-end-game{display:contents}