:root{--bg:#121213;--line:#3a3a3c;--key:#818384;--green:#538d4e;--gold:#b59f3b;--ink:#f8f8f8}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0}body{font-family:Arial,Helvetica,sans-serif}button{font:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #fff}.app-shell{background:radial-gradient(circle at 50% 35%, #202022 0, var(--bg) 45%);flex-direction:column;min-height:100dvh;display:flex;overflow:hidden}.topbar{background:#121213eb;border-bottom:1px solid #2e2e30;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;padding:0 clamp(16px,4vw,48px);display:grid}.header-side{align-items:center;display:flex}.header-actions{justify-content:flex-end;gap:9px}.brand{letter-spacing:.055em;margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(28px,4vw,38px);line-height:1;transform:scaleX(.94)}.brand span{color:var(--gold);margin:0 .015em;display:inline-block;transform:rotate(-7deg)}.hard-pill{color:#b5b5b6;letter-spacing:.08em;text-transform:uppercase;border:1px solid #343436;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:11px;font-weight:800;display:inline-flex}.hard-dot{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #538d4e29}.icon-button{color:#d5d5d6;cursor:pointer;background:0 0;border:1px solid #343436;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;font-size:18px;font-weight:800;display:grid}.icon-button:hover{background:#262628}.bars{justify-content:center;align-items:end;gap:3px;padding-bottom:9px;display:flex}.bars i{background:#d5d5d6;border-radius:1px;width:3px;display:block}.bars i:first-child{height:8px}.bars i:nth-child(2){height:14px}.bars i:nth-child(3){height:11px}.game{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(18px,2.5vh,27px);width:min(100%,520px);margin:0 auto;padding:18px 12px 14px;display:flex}.eyebrow{color:#707073;letter-spacing:.24em;align-items:center;gap:13px;width:100%;font-size:9px;font-weight:900;display:flex}.eyebrow span{background:#2e2e30;flex:1;height:1px}.board{gap:5px;display:grid}.board-row{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.tile{aspect-ratio:1;border:2px solid var(--line);color:#fff;text-transform:uppercase;place-items:center;width:clamp(48px,7.8vh,62px);font-size:clamp(25px,4vh,34px);font-weight:800;line-height:1;display:grid}.tile.filled{border-color:#565758;animation:90ms ease-out pop}.tile.filled.tile-revealing{transform-style:preserve-3d;border-color:#0000;animation:.58s both reveal}.tile-correct{--reveal-color:var(--green);background:var(--green)}.tile-present{--reveal-color:var(--gold);background:var(--gold)}.tile-absent{--reveal-color:var(--line);background:var(--line)}.keyboard{gap:6px;width:100%;display:grid}.key-row{justify-content:center;gap:clamp(3px,1vw,6px);display:flex}.key{background:var(--key);color:#fff;text-transform:uppercase;cursor:pointer;border:0;border-radius:4px;width:43px;min-width:0;height:55px;padding:0;font-size:13px;font-weight:800;transition:filter .12s,transform 60ms}.key:hover{filter:brightness(1.14)}.key:active{transform:translateY(2px)}.key-wide{width:66px;font-size:10px}.backspace{font-size:22px;font-weight:400}.key-correct{background:var(--green)}.key-present{background:var(--gold)}.key-absent{color:#a7a7a8;background:#3a3a3c}footer{color:#666668;letter-spacing:.03em;border-top:1px solid #242426;justify-content:center;align-items:center;gap:15px;min-height:51px;font-family:Georgia,serif;font-size:12px;font-style:italic;display:flex}.toast{z-index:20;color:#171718;text-align:center;background:#f8f8f8;border-radius:4px;max-width:calc(100vw - 32px);padding:12px 16px;font-size:13px;font-weight:800;animation:.18s ease-out toast-in;position:fixed;top:83px;left:50%;transform:translate(-50%);box-shadow:0 10px 32px #0000004d}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#1b1b1d;border:1px solid #3b3b3e;width:min(100%,470px);padding:36px;position:relative;box-shadow:0 26px 80px #0000008c}.close{color:#969698;cursor:pointer;background:0 0;border:0;width:34px;height:34px;font-size:27px;position:absolute;top:12px;right:14px}.kicker{color:var(--gold);letter-spacing:.2em;margin:0 0 6px;font-size:10px;font-weight:900}.modal h2{letter-spacing:.02em;text-transform:uppercase;margin:0 0 18px;font:44px/1 Impact,Arial Narrow Bold,sans-serif}.modal p{color:#b9b9ba;font-size:14px;line-height:1.55}.example{gap:5px;margin:22px 0 12px;display:flex}.mini{border:2px solid var(--line);place-items:center;width:42px;height:42px;font-size:22px;font-weight:800;display:grid}.mini.correct{border-color:var(--green);background:var(--green)}.mini.present{border-color:var(--gold);background:var(--gold)}.hard-note{border-left:3px solid var(--gold);color:#b9b9ba;background:#242426;margin:22px 0;padding:15px 17px;font-size:13px;line-height:1.5}.hard-note b{color:#fff;letter-spacing:.07em;font-size:11px}.modal .smallprint,.modal-muted{color:#77777a;font-size:12px}.stats-grid{background:#363638;grid-template-columns:repeat(4,1fr);gap:1px;margin:25px 0;display:grid}.stats-grid div{background:#222224;flex-direction:column;align-items:center;gap:5px;padding:17px 5px;display:flex}.stats-grid b{font-size:27px}.stats-grid span{color:#8e8e90;letter-spacing:.05em;text-transform:uppercase;font-size:9px;font-weight:800}.answer-label{text-align:center;letter-spacing:.08em;background:#242426;padding:12px}.answer-label b{color:var(--gold)}.share-button{background:var(--green);color:#fff;text-transform:uppercase;cursor:pointer;border:0;width:100%;padding:14px;font-weight:800}.share-button span{margin-left:8px}@keyframes pop{50%{transform:scale(1.08)}}@keyframes reveal{0%{background:0 0;border-color:#565758;transform:rotateX(0)}49%{background:0 0;border-color:#565758;transform:rotateX(90deg)}50%{background:var(--reveal-color);border-color:var(--reveal-color);transform:rotateX(90deg)}to{background:var(--reveal-color);border-color:var(--reveal-color);transform:rotateX(0)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}}@keyframes shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.shake{animation:.36s shake}@media (max-height:710px){.topbar{height:58px}.game{gap:12px;padding-top:10px}.tile{width:47px}.key{height:46px}footer{display:none}}@media (max-width:560px){.topbar{grid-template-columns:1fr auto 1fr;padding:0 12px}.hard-pill{justify-content:center;width:36px;height:36px;padding:0;font-size:0}.header-actions{gap:5px}.brand{font-size:29px}.game{justify-content:space-evenly}.key{flex:1;width:auto;max-width:43px}.key-wide{flex:1.45;max-width:62px}.modal{padding:32px 24px 26px}.modal h2{font-size:36px}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}