@font-face{font-family:Plex;src:url('/fonts/IBMPlexMono-Regular.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#080d1b;color:#f1f6ff;font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background-image:radial-gradient(ellipse at 10% 20%,#18284d55,transparent 45%),radial-gradient(ellipse at 90% 70%,#522a6540,transparent 45%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:1px solid #33425c;border-radius:10px;background:#142036;cursor:pointer;min-height:44px;padding:10px 16px;transition:background .15s,transform .15s}button:hover{background:#23334e}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #adffdf;outline-offset:4px}a{color:inherit;text-decoration:none}.shell{max-width:1100px;margin:auto;padding:0 40px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #243047;padding:24px 0}.home{font-size:21px;font-weight:800;letter-spacing:4px}.home span{font:12px Plex,monospace;color:#93a3be;letter-spacing:2px}.header-actions{display:flex;gap:10px}.header-actions button{font-size:14px;padding:6px 14px}.intro{display:flex;align-items:end;justify-content:space-between;padding:28px 0 24px}.eyebrow,.stat-label,.sequence{font:12px Plex,monospace;letter-spacing:1.6px;color:#a4b6d0;margin:0}.intro .eyebrow{color:#7debcf;margin-bottom:12px}h1{font-size:clamp(32px,4.4vw,53px);line-height:1;letter-spacing:-2px;margin:0;font-weight:850}h1>span{color:#94a9cb;margin-left:10px}.title-dot{color:#94ffd9}.subtitle{font-size:15px;color:#a4b6d0;margin:0 0 3px;line-height:1.6}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 252px;gap:28px}.arena{position:relative;border:1px solid #31425f;border-radius:18px;overflow:hidden;isolation:isolate;background:#0c1428;box-shadow:0 20px 70px #0004}.arena-top{position:absolute;top:20px;left:24px;right:24px;display:flex;justify-content:space-between;z-index:1;pointer-events:none}.stat-label{display:block;letter-spacing:1px;font-size:11px}.arena-top strong{font:38px/1.3 Plex,monospace;font-variant-numeric:tabular-nums;letter-spacing:-2px;margin-right:10px}.stat-unit{color:#8b9ebc;font-size:13px}.record{text-align:right}.record strong{font-size:26px;margin:0;color:#b5c6e2}#game{display:block;width:100%;height:min(61vh,610px);min-height:420px;touch-action:none}aside{padding-top:0}.next-card{border:1px solid #34405b;border-radius:16px;background:linear-gradient(140deg,#1a2440,#111a2b);padding:20px}.card-heading{display:flex;align-items:center;justify-content:space-between}.card-heading .eyebrow{font-size:11px;letter-spacing:1px}.sequence{color:#7debcf}#next{display:block;width:100%;height:136px}.next-card p{text-align:center;margin:0;font-size:14px;color:#d1ddf0}.instructions{padding:26px 4px}.instructions p{color:#a9bad3;font-size:15px;line-height:1.7;margin:12px 0 20px}.key-hint{display:flex;align-items:center;gap:6px;margin:10px 0;font-size:14px;color:#a9bad3}.key-hint span{margin-left:7px}kbd{font:12px Plex,monospace;border:1px solid #3b4b65;border-bottom-width:3px;border-radius:5px;min-width:26px;text-align:center;padding:2px 6px;color:#d8e5fa}.local-note{font-size:12px;color:#8ea1bf;line-height:1.8;margin:0 4px}.status{position:absolute;bottom:0;left:0;right:0;background:#0a1225dd;border-top:1px solid #293855;min-height:42px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;padding:8px 14px;text-align:center}.status-dot{width:6px;height:6px;border-radius:50%;background:#7defc9;box-shadow:0 0 12px #7defc9;flex-shrink:0}.controls{display:grid;grid-template-columns:52px 52px 1fr 1.5fr;gap:10px;margin-top:14px;width:calc(100% - 280px)}.controls button{height:50px}.controls #rotate>span:first-child{font-size:21px;vertical-align:middle;margin-right:5px}.primary{background:#a0f9dd;color:#091c23;border-color:#a0f9dd;font-weight:700}.primary:hover{background:#c1ffe9}.controls .primary{display:flex;justify-content:space-around;align-items:center}.overlay{position:absolute;inset:0;z-index:3;background:#090f23e8;backdrop-filter:blur(10px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px}.overlay[hidden]{display:none}.overlay h2{font-size:36px;letter-spacing:-1px;margin:15px 0}.overlay p:not(.eyebrow){color:#bac9df;margin:0 0 24px;max-width:30ch}.overlay button{min-width:180px}footer{display:flex;align-items:center;justify-content:space-between;padding:16px 0 26px;width:calc(100% - 280px)}footer>span{font:10px Plex,monospace;letter-spacing:1px;color:#889ab7}footer button{background:transparent;border:none;color:#b2c1d8;font-size:13px;padding:6px 0;min-height:44px}@media(min-width:1000px) and (max-height:850px){header{padding:14px 0}.intro{padding:20px 0}#game{height:58vh;min-height:390px}}@media(max-width:760px){.shell{padding:0 16px;max-width:570px}header{padding:12px 0}.home{font-size:18px}.home span{font-size:10px}.header-actions{gap:6px}.header-actions button{min-height:40px;padding:5px 10px}.intro{padding:20px 0 16px}.intro .eyebrow{font-size:10px;letter-spacing:1.2px;margin-bottom:10px}h1{font-size:32px;letter-spacing:-1px}.subtitle{display:none}.game-layout{display:block}aside{display:none}#game{height:calc(100svh - 285px);min-height:310px;max-height:640px}.arena{border-radius:14px}.arena-top{top:14px;left:18px;right:18px}.arena-top strong{font-size:30px}.record strong{font-size:23px}.controls,footer{width:100%}.controls{grid-template-columns:44px 44px 1fr 1.25fr;gap:7px;margin-top:10px}.controls button{height:48px;padding:6px 8px;font-size:14px}footer{padding:4px 0 10px}footer>span{font-size:9px;letter-spacing:.5px}.status{font-size:12px;padding:6px 10px}.overlay h2{font-size:30px}}@media(prefers-reduced-motion:reduce){button{transition:none}}@media(max-width:350px){h1{font-size:27px}.stat-unit{display:none}.home span{display:none}}