:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#0c1020;color:#e7eafa}*{box-sizing:border-box}body{margin:0}a{color:#c0ef91}header,main,footer{max-width:1100px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:20px}header a{text-decoration:none;font-weight:800}.orbit-intro{max-width:720px;margin:20px auto 32px}.orbit-intro h1{font-size:clamp(36px,7vw,64px);line-height:1;margin:12px 0}.orbit-intro p{line-height:1.75;color:#bac3df}.orbit-kicker{color:#baff73!important;text-transform:uppercase;font-size:13px;letter-spacing:.12em}.orbit-game{max-width:650px;margin:auto;border:1px solid #3b345b;border-radius:20px;background:#14162b;overflow:hidden}.orbit-stats{display:flex;justify-content:space-around;padding:12px;gap:12px;font-size:12px;text-align:center}.orbit-stats strong{display:block;font-size:24px;color:#fff;margin-top:4px}.orbit-stage{position:relative}canvas{display:block;width:100%;height:auto;aspect-ratio:1;touch-action:none}.orbit-screen{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;background:rgba(12,15,34,.94);padding:28px;text-align:center}.orbit-screen[hidden]{display:none}.orbit-screen h2{font-size:28px;margin:0 0 12px}.orbit-screen p{max-width:420px;line-height:1.65;color:#c6cce4}.orbit-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.orbit-game button{font-family:inherit}.orbit-buttons button,.orbit-switch{background:#baff73;color:#162014;border:0;border-radius:12px;padding:14px 22px;font-size:16px;font-weight:800;cursor:pointer}.orbit-buttons button+button{background:#39305e;color:white}.orbit-switch{display:block;width:calc(100% - 24px);margin:12px}.orbit-hint{padding:0 16px;font-size:13px;line-height:1.5;color:#c5cbe0}.orbit-sound{display:block;margin:12px auto;background:none;border:1px solid #655b87;color:#dbe3fb;padding:10px;border-radius:8px}.orbit-guide{max-width:720px;margin:36px auto;line-height:1.8}.orbit-guide h2{font-size:25px}.orbit-guide ul{padding-left:22px}footer{font-size:13px;line-height:1.8;color:#a2acca}@media(max-width:500px){main{padding:10px}.orbit-intro{padding:12px;margin-top:0}.orbit-stats strong{font-size:20px}.orbit-screen{padding:18px}.orbit-screen h2{font-size:24px}.orbit-screen p{font-size:14px}.orbit-guide{padding:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Keep the whole arena and main input in view on laptop and mobile. */
.orbit-game{width:min(100%,650px,calc(100svh - 230px));min-width:290px;scroll-margin-top:12px}
.orbit-screen h2{font-size:clamp(20px,3vw,28px)}.orbit-screen p{margin:8px 0;font-size:14px;line-height:1.45}.orbit-buttons{gap:8px}.orbit-buttons button{padding:10px 14px;font-size:14px;min-height:44px}.orbit-final-score{font-size:22px!important;color:#ffe697!important;font-weight:800}.orbit-stats{padding:8px}.orbit-hint{margin:8px 12px;padding:0}.orbit-sound{margin:8px auto;padding:6px 12px;min-height:36px}
@media(max-height:650px) and (orientation:landscape){.orbit-game{width:min(100%,650px);min-width:0}.orbit-stage{width:55%;float:left}.orbit-stats{width:100%}.orbit-switch{width:40%;display:inline-block;margin:30px 2% 12px}.orbit-game::after{content:"";display:block;clear:both}.orbit-screen{padding:8px}.orbit-screen p{font-size:11px}.orbit-buttons button{font-size:12px;padding:7px;min-height:36px}}