@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101815;--panel:#16201b;--ink:#f0f4eb;--muted:#a1b1a7;--line:#2c3c32;--lime:#d9f578}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 'DM Sans',system-ui,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--lime)}a:focus-visible,button:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--lime);outline-offset:5px}header,main,footer{max-width:1160px;margin:auto}header{padding:28px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand small{font:10px monospace;letter-spacing:2px;color:var(--muted);margin-left:18px}.mark{font-family:'Space Grotesk',sans-serif;border:1px solid var(--line);border-radius:10px;padding:4px 10px;font-size:19px}.mark span{color:var(--lime)}.back{font-size:13px;color:var(--muted)}main{padding:0 28px}.intro{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;padding:88px 0 64px;align-items:center}.eyebrow{font:10px/1.5 monospace;letter-spacing:2px;color:var(--lime)}h1,h2,h3{font-family:'Space Grotesk',sans-serif;line-height:1.1;letter-spacing:-1.5px}h1{font-size:clamp(54px,7vw,86px);margin:22px 0 28px;font-weight:500}h1 em{font-style:normal;color:var(--lime)}.intro p:not(.eyebrow),.instructions,.outro p:not(.eyebrow){color:var(--muted)}.orbit{position:relative;height:270px;display:grid;place-items:center;perspective:700px}.orbit small{position:absolute;bottom:0;font:9px monospace;letter-spacing:3px;color:var(--muted)}.ring{position:absolute;width:230px;height:230px;border:1px solid #a2bf7b44;border-radius:50%;transform:rotateX(65deg) rotateZ(-20deg);animation:orbit 14s linear infinite}.ring.b{width:300px;height:300px;animation-direction:reverse;transform:rotateY(60deg) rotateZ(30deg)}.ring:before{content:'';width:9px;height:9px;background:var(--lime);border-radius:100%;position:absolute;top:20px;left:40px;box-shadow:0 0 20px #d9f57866}.bot{width:106px;height:100px;background:linear-gradient(135deg,#d9f578,#8bae5e);border-radius:26px;transform:rotateY(-22deg) rotateX(12deg) rotateZ(6deg);box-shadow:12px 12px 0 #526e3b,24px 28px 70px #0008;display:flex;gap:23px;justify-content:center;align-items:center;animation:float 6s ease-in-out infinite;position:relative}.bot i{display:block;width:12px;height:20px;border-radius:5px;background:#17251c}.bot span{position:absolute;width:25px;height:4px;border-radius:4px;background:#17251c;top:75px}.panel{border:1px solid var(--line);border-radius:22px;padding:30px;margin:26px 0;background:var(--panel)}.section-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.section-top h2{font-size:30px;font-weight:500;margin:9px 0 16px}.section-top>a{font-size:12px;color:var(--muted)}.skyline img{width:100%;display:block;margin:10px 0;border-radius:12px}.skyline>p{font-size:11px;color:var(--muted)}.instructions{font-size:13px;max-width:740px}.scores{display:flex;gap:24px;font:10px monospace;letter-spacing:1px}.scores b{display:block;color:var(--lime);font:30px 'Space Grotesk',sans-serif;letter-spacing:0}.game-wrap{position:relative;background:#0e1712;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-top:24px}canvas{display:block;width:100%;height:auto;touch-action:none}.overlay{position:absolute;inset:0;background:#101815e8;backdrop-filter:blur(5px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:16px}.overlay[hidden]{display:none}.overlay h3{font-size:clamp(25px,4vw,44px);font-weight:500;margin:14px 0}.overlay p{font-size:12px;color:var(--muted)}button,select{font:13px 'DM Sans',sans-serif;border:1px solid var(--line);color:var(--ink);background:transparent;border-radius:9px;padding:10px 17px;cursor:pointer}button:hover{border-color:var(--lime)}button:disabled{opacity:.4;cursor:default}#start{color:#17201c;background:var(--lime);border-color:var(--lime);padding:12px 24px;margin-top:10px}.game-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:20px}.game-controls>div{display:flex;gap:9px;align-items:center}.game-controls label{font-size:11px;color:var(--muted);margin-left:10px}.game-controls select{padding:8px;background:var(--bg);margin-left:6px}#game-status{font-size:12px;color:var(--muted)}.dpad{text-align:center;margin:24px auto 0;display:none}.dpad button{width:54px;height:48px;margin:3px;font-size:20px}.outro{padding:64px 0 80px}.outro h2{font-size:clamp(35px,5vw,56px);font-weight:500}.outro div{display:flex;gap:30px;margin-top:26px}.outro a{font-size:13px;color:var(--lime)}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;padding:24px 28px;font-size:10px;color:var(--muted)}@keyframes orbit{to{rotate:360deg}}@keyframes float{50%{translate:0 -12px;rotate:-5deg}}@media(pointer:coarse){.dpad{display:block}}@media(max-width:700px){header{padding:20px}.brand small{display:none}main{padding:0 18px}.intro{grid-template-columns:1fr;padding:48px 0 24px;gap:0}.orbit{height:220px;margin-top:15px}.ring{width:180px;height:180px}.ring.b{width:230px;height:230px}.panel{padding:20px 14px;border-radius:15px}.section-top h2{font-size:24px}.section-top>a{max-width:80px;text-align:right}.scores{gap:12px}.scores b{font-size:24px}.game-controls{flex-direction:column;align-items:flex-start}.game-controls label{margin-left:0}.game-controls button,select{padding:8px 11px}footer{flex-direction:column;padding:22px 18px}.outro{padding:44px 0}.overlay .eyebrow{font-size:8px}.overlay p{font-size:10px}.dpad{display:block}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}