:root{--ink:#171821;--paper:#f7f4ed;--blue:#5c66e8;--lime:#cafa70;--green:#157347;--green-bg:#c9f3d5;--red:#a52a37;--red-bg:#ffd5d8;--muted:#64656d;--line:#d9d5ca;--shadow:0 20px 50px rgba(23,24,33,.13)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.45 ui-rounded,"Arial Rounded MT Bold",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.topbar{height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(16px,4vw,60px);border-bottom:1px solid var(--line);background:rgba(255,254,250,.9)}.topbar a,.topbar button{color:inherit;font:700 13px/1 inherit}.back{text-decoration:none}.brand{font-weight:900}.brand i{display:inline-grid;place-items:center;width:25px;height:25px;margin-right:6px;border-radius:7px;background:var(--lime);font-style:normal}.how-button{justify-self:end;border:0;border-bottom:1px solid;background:none;padding:4px 0;cursor:pointer}main{max-width:1220px;margin:auto;padding:58px clamp(14px,4vw,50px) 80px}.intro{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:end;margin-bottom:34px}.eyebrow{margin:0 0 8px;text-transform:uppercase;font-size:11px;letter-spacing:.14em;font-weight:900;color:var(--muted)}h1{font-size:clamp(45px,6vw,75px);line-height:1.08;letter-spacing:-.01em;word-spacing:.025em;margin:0}h1 em{font-style:normal;color:var(--blue)}.how-panel{border-left:3px solid var(--lime);padding:5px 0 5px 22px}.how-panel p{margin:8px 0 0;color:var(--muted)}.game-shell{background:var(--ink);color:white;border-radius:28px;padding:clamp(14px,2.5vw,30px);box-shadow:var(--shadow)}.game-head{display:grid;grid-template-columns:150px 1fr 150px;align-items:center;gap:18px;margin-bottom:20px}.stat{text-align:center}.stat span,.challenge span{display:block;text-transform:uppercase;font-weight:850;font-size:10px;letter-spacing:.13em;color:#bfc0c8}.stat strong{font-size:52px;line-height:1}.stat small{display:block;color:#bfc0c8}.challenge{text-align:center;padding:17px;border:1px solid #3c3d49;border-radius:18px;background:#20212b}.challenge strong{display:block;font-size:clamp(24px,3.2vw,38px);line-height:1.12;letter-spacing:-.01em;word-spacing:.02em}.status-row{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 2px}.status-row p{margin:0;color:#dedee4;font-weight:650}.status-row button,.dialog-actions button{border:0;border-radius:999px;padding:12px 22px;background:var(--lime);color:#17200d;font:850 14px inherit;cursor:pointer}.status-row button:disabled{opacity:.55;cursor:not-allowed}.grid-wrap{background:#fff;border-radius:20px;padding:clamp(8px,1.8vw,18px)}.number-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:clamp(3px,.75vw,9px)}.number-cell{position:relative;aspect-ratio:1;min-width:0;border:0;border-radius:50%;background:#e7e6e4;color:var(--ink);font:800 clamp(12px,2.2vw,23px)/1 inherit;cursor:pointer;transition:transform .12s,background .12s}.number-cell:hover:not(:disabled){background:#d9d8d5;transform:translateY(-2px)}.number-cell:focus-visible,.topbar a:focus-visible,button:focus-visible,input:focus-visible{outline:4px solid #ffd45f;outline-offset:3px}.number-cell:disabled{cursor:default}.number-cell.correct{background:var(--green-bg);color:#063d24;outline:3px solid var(--green)}.number-cell.wrong{background:var(--red-bg);color:#6f0c18;outline:3px solid var(--red)}.number-cell.correct::after,.number-cell.wrong::after{position:absolute;right:7%;top:2%;font-size:.55em}.number-cell.correct::after{content:"✓"}.number-cell.wrong::after{content:"×"}.number-cell.pulse{animation:pop .32s ease}.results{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:54px;padding:0 8px}.results h2{font-size:38px;line-height:1.1;letter-spacing:-.01em;word-spacing:.02em;margin:0}.results>div>p:last-child{color:var(--muted);max-width:440px}.results ol{margin:0;padding:0;list-style:none;counter-reset:rank}.results li{counter-increment:rank;display:flex;align-items:center;padding:12px 4px;border-bottom:1px solid var(--line);font-weight:800}.results li:not(.empty)::before{content:counter(rank);display:grid;place-items:center;width:28px;height:28px;margin-right:12px;border-radius:50%;background:#e2defb;color:#3c3587;font-size:12px}.results li b{margin-left:auto;font-size:22px}.results .empty{color:var(--muted);font-weight:500}.clear-scores{grid-column:2;justify-self:end;border:0;border-bottom:1px solid;background:none;color:var(--muted);cursor:pointer}dialog{width:min(430px,calc(100% - 28px));border:0;border-radius:22px;padding:28px;box-shadow:var(--shadow)}dialog::backdrop{background:rgba(23,24,33,.7)}dialog h2{font-size:34px;line-height:1.1;letter-spacing:-.01em;word-spacing:.02em;margin:0}dialog label{display:block;margin:22px 0 6px;font-weight:800}dialog input{width:100%;padding:13px;border:2px solid var(--line);border-radius:10px;font:inherit}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.dialog-actions .secondary{background:#ecebe6;color:var(--ink)}@keyframes pop{50%{transform:scale(1.16)}}@media(max-width:700px){.topbar{grid-template-columns:1fr auto}.brand{display:none}main{padding-top:38px}.intro{grid-template-columns:1fr;gap:20px}.how-panel{display:none}.how-panel.open{display:block}.game-shell{border-radius:20px}.game-head{grid-template-columns:70px 1fr 70px;gap:7px}.stat strong{font-size:38px}.challenge{padding:12px 5px}.challenge strong{font-size:21px}.number-grid{gap:4px}.number-cell{font-size:clamp(10px,3.3vw,15px)}.status-row{align-items:flex-start;flex-direction:column;padding:4px 2px 12px}.status-row button{width:100%}.results{grid-template-columns:1fr;gap:18px}.clear-scores{grid-column:1}.score-stat small{font-size:0}.score-stat small::after{content:"pts";font-size:11px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}