:root{--bg:#11141e;--paper:#fff0d6;--orange:#ff9c3c;--muted:#959aac;--line:#303442}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% 40%,#282b3f 0,transparent 55%),var(--bg);color:var(--paper);font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #ffcc78;outline-offset:4px}a{color:inherit;text-decoration:none}button[hidden],div[hidden]{display:none!important}header{max-width:1220px;margin:auto;padding:24px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.logo{font-size:29px;letter-spacing:-1.5px;font-weight:1000;display:flex;gap:20px;align-items:center}.logo span{font:10px monospace;letter-spacing:1px;color:var(--muted)}.top-actions{display:flex;gap:8px}.icon{border:1px solid #444756;background:#181c28;color:var(--paper);padding:10px 13px;border-radius:8px;font-size:12px;min-height:40px}main{max-width:1160px;margin:32px auto 40px;display:grid;grid-template-columns:1fr 480px;gap:72px;padding:0 32px;align-items:center}.eyebrow{font:10px/1.6 monospace;letter-spacing:2px;color:var(--orange)}h1{font-size:clamp(60px,6.8vw,91px);line-height:.89;font-weight:1000;letter-spacing:-5px;margin:28px 0}h1 em{font-style:normal;color:var(--orange)}.lead{font-size:23px;line-height:1.35;color:#d8d8df;letter-spacing:-.5px;margin:24px 0 30px}.instruction{display:flex;gap:20px;align-items:flex-start;margin-bottom:18px}.instruction b{font:12px monospace;border:1px solid #6d523d;color:var(--orange);padding:9px;border-radius:50%}.instruction p{margin:0;max-width:270px;color:#b4b7c5;font-size:14px;line-height:1.6}.stamp{border:2px solid #9c7150;color:#b98b61;display:inline-block;border-radius:50%;width:133px;height:133px;text-align:center;padding-top:36px;font:10px/1.5 monospace;transform:rotate(-14deg);margin-top:15px}.stamp strong{font-size:14px}.fine{font:11px/1.5 monospace;color:var(--muted);margin-top:24px}.other{font-size:12px;border-bottom:1px solid #636576;padding-bottom:4px}.machine{border:1px solid #575569;background:#202330;border-radius:24px;padding:11px;box-shadow:0 35px 80px #0008,0 0 0 6px #171924,0 0 60px #fc913010}.game-head{height:37px;display:flex;align-items:center;gap:8px;padding:0 11px;font:9px monospace;letter-spacing:1px;color:#ddd0b6}.live-dot{color:var(--orange);font-size:13px}.zero{margin-left:auto;font-size:8px;color:#9297a9}.viewport{aspect-ratio:440/670;position:relative;overflow:hidden;border-radius:14px;background:#151e32}.viewport canvas{width:100%;height:100%;display:block;touch-action:manipulation}.hud{position:absolute;top:22px;left:22px;right:22px;display:flex;justify-content:space-between;pointer-events:none}.hud small{font:9px monospace;letter-spacing:2px;color:#bec6d9}.hud strong{display:block;font-size:48px;line-height:1.12;letter-spacing:-3px;color:#fff0d6;text-shadow:0 2px 15px #0004}.hud strong span{font-size:17px;letter-spacing:0;margin-left:3px}.hud-right{text-align:right}.hud-right strong{font-size:29px;letter-spacing:-1px}.combo-hud{position:absolute;top:107px;left:24px;pointer-events:none;font:9px monospace;letter-spacing:1.5px;color:#bac4d5}.pips{display:flex;gap:5px;margin-top:8px}.pips i{width:25px;height:4px;background:#ffffff22;border-radius:4px;transition:background .2s}.pips i.on{background:#ffc173;box-shadow:0 0 9px #ffae48}.callout{position:absolute;top:185px;left:10px;right:10px;text-align:center;color:#ffe1a1;font-weight:900;font-size:20px;letter-spacing:1px;pointer-events:none;text-shadow:0 2px 8px #0009}.overlay{position:absolute;inset:0;background:linear-gradient(#0d142048,#0d1420ce 42%,#0d1420dd);display:flex;align-items:center;justify-content:center;padding:25px}.modal{text-align:center;width:100%;max-width:340px;margin-top:55px}.modal .eyebrow{color:#ffd492}.modal h2{font-size:39px;line-height:.96;letter-spacing:-1.7px;margin:15px 0 20px}.modal>p:not(.eyebrow){color:#d5d8e1;font-size:13px;line-height:1.6}.modes{display:flex;gap:7px;justify-content:center;margin:22px 0 12px}.modes button{border:1px solid #727688;background:#202c3ac9;color:#dedde1;font-size:12px;padding:10px 24px;border-radius:6px}.modes .selected{border-color:var(--orange);color:var(--orange);background:#573d246b}.primary{width:100%;padding:18px 8px;background:var(--orange);color:#231910;border:0;border-radius:8px;font-weight:900;box-shadow:0 4px 0 #99551e}.secondary{width:100%;border:1px solid #7a7e91;border-radius:8px;background:#172236d9;color:var(--paper);padding:12px 10px;margin-top:10px;font-size:12px;font-weight:bold}.text-button{border:0;background:none;color:#d8dbe4;text-decoration:underline;font-size:12px;padding:15px}.modal .tiny{font:10px/1.6 monospace!important;color:#b8bfd0!important;margin:15px 0 0}.deck{padding:13px 5px 4px}.drop{border:0;border-radius:9px;background:var(--orange);color:#211711;width:100%;padding:17px 20px;display:flex;justify-content:space-between;font:900 15px Arial;letter-spacing:1px;box-shadow:0 4px 0 #a8551c;touch-action:manipulation}.drop:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px 0 #a8551c}.drop:not(:disabled):hover{background:#ffb258}.deck-meta{display:flex;justify-content:space-between;margin:17px 1px 2px;font:9px monospace;letter-spacing:1px;color:#bac0d1}footer{max-width:1160px;margin:auto;padding:25px 32px 32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;font:11px monospace;color:#999fb2}@media(max-width:900px){main{gap:30px;grid-template-columns:1fr 430px}h1{font-size:62px;letter-spacing:-3px}.instruction p{font-size:12px}.stamp{display:none}}@media(max-width:740px){body{background:#11141e}header{padding:12px 15px}.logo{font-size:25px}.logo span{display:none}.icon{padding:9px;font-size:11px}main{display:block;margin:15px auto 20px;padding:0 12px;max-width:460px}.editorial{margin:0 6px 15px}.editorial>.eyebrow,.lead,.instruction,.stamp,.fine,.other{display:none}h1{font-size:27px;letter-spacing:-1px;line-height:1;margin:0}h1 br{display:none}h1 em{margin-left:5px}.machine{padding:7px;border-radius:19px;box-shadow:0 12px 40px #0005}.game-head{height:29px;font-size:8px}.viewport{aspect-ratio:440/650;max-height:calc(100svh - 222px);min-height:345px}.hud{top:17px;left:18px;right:18px}.hud strong{font-size:40px}.hud-right strong{font-size:27px}.combo-hud{top:94px;left:19px}.callout{top:150px;font-size:17px}.modal{margin-top:45px}.modal h2{font-size:33px}.modal .eyebrow{font-size:9px}.modal>p:not(.eyebrow){font-size:12px}.modes{margin:16px 0 10px}.primary{padding:15px 7px;font-size:13px}.deck{padding-top:10px}.drop{padding:15px;font-size:13px}.deck-meta{margin-top:13px;font-size:8px}footer{padding:15px;flex-wrap:wrap;font-size:10px}footer>span{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Keep the complete result panel reachable on short phone screens. */
.modal{margin-top:0;padding-top:40px;max-height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.overlay{padding-top:15px;padding-bottom:15px}@media(max-width:740px){.modal{margin-top:0;padding-top:25px}}