:root{--night:#03090d;--panel:#0b1920;--line:#1d414d;--lime:#9de83b;--sun:#ffe44f;--white:#f7fbfc}*{box-sizing:border-box}html{background:var(--night)}body{margin:0;overflow-x:hidden;color:var(--white);font:16px/1.5 'Nunito',sans-serif;background:radial-gradient(circle at 78% 10%,rgba(85,229,255,.12),transparent 25rem),radial-gradient(circle at 10% 48%,rgba(157,232,59,.09),transparent 26rem),var(--night);min-height:100vh}.game-bar{height:76px;border-bottom:1px solid rgba(157,232,59,.38);background:rgba(0,0,0,.76);display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100% - 1060px)/2));box-shadow:0 10px 30px rgba(0,0,0,.35)}.mini-brand{width:190px;height:68px;overflow:hidden}.mini-brand img{width:100%;height:100%;object-fit:cover;object-position:center 46%}.home-link{color:#e4ffc2;text-decoration:none;font-weight:900}main{width:min(1060px,100%);margin:auto;padding:40px 22px 80px}.arcade-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:24px}.arcade-heading>p{max-width:500px;color:#b9ced5;font-size:1.03rem;margin:0 0 8px}.kicker{color:var(--lime);font-weight:900;letter-spacing:.2em;font-size:.76rem;margin:0}.arcade-heading h1{font:700 clamp(3.4rem,8vw,6.8rem)/.85 'Fredoka';letter-spacing:-.055em;margin:10px 0 0}.arcade-heading h1 span{color:var(--sun);text-shadow:0 0 28px rgba(255,228,79,.28)}.cabinet{position:relative;background:linear-gradient(145deg,#132a33,#071116 55%,#0d2027);border:1px solid #2e5662;border-radius:30px;padding:18px 22px 28px;box-shadow:0 45px 110px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.07)}.cabinet:before{content:'';position:absolute;inset:8px;border:1px solid rgba(157,232,59,.14);border-radius:23px;pointer-events:none}.scorebar{position:relative;display:grid;grid-template-columns:repeat(3,1fr) auto;align-items:center;gap:12px;padding:5px 5px 18px}.scorebar div{display:grid}.scorebar small{color:#87a5ad;font-size:.69rem;letter-spacing:.16em;font-weight:900}.scorebar b{font:700 1.28rem 'Fredoka';color:var(--sun);letter-spacing:.04em}.scorebar button,.start-card button,.message-card button,.solar-fact button{background:var(--lime);color:#061014;padding:12px 20px;border:0;border-radius:999px;font:900 1rem 'Nunito';cursor:pointer;box-shadow:0 6px 0 #568b1e;transition:transform .12s,box-shadow .12s}.scorebar button:active,.start-card button:active,.message-card button:active,.solar-fact button:active{transform:translateY(4px);box-shadow:0 2px 0 #568b1e}.screen-frame{position:relative;width:min(646px,100%);margin:auto;aspect-ratio:19/21;border:3px solid var(--lime);border-radius:19px;overflow:hidden;background:#02070b;box-shadow:0 0 0 8px #071216,0 0 42px rgba(157,232,59,.18)}canvas{display:block;width:100%;height:100%;background:#02070b;touch-action:none;outline:none}.start-card,.message-card{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;text-align:center;padding:35px;background:rgba(2,8,11,.91);backdrop-filter:blur(9px);z-index:2}.start-card[hidden],.message-card[hidden]{display:none}.hero-sun{width:128px;height:128px;background:url('solar-arcade-sprites.png') 0 0/512px 256px;border-radius:50%;filter:drop-shadow(0 0 22px rgba(255,228,79,.48))}.eyebrow{font-size:.76rem!important;letter-spacing:.17em;color:var(--lime)!important;font-weight:900!important;margin-top:18px!important}.start-card h2,.message-card h2{font:700 clamp(2.2rem,6vw,4rem)/.95 'Fredoka';margin:7px 0 12px}.start-card p,.message-card p{max-width:440px;color:#c1d3d8;margin:0 0 24px;font-weight:700}.mobile-help{display:none}.controls{width:210px;height:150px;margin:24px auto 7px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:8px}.controls button{background:linear-gradient(#21434e,#112b34);color:#fff;border:1px solid #3c6470;border-radius:16px;font-size:1.3rem;box-shadow:0 6px 0 #02080b;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}.controls button:active{transform:translateY(4px);box-shadow:0 2px 0 #02080b;background:var(--lime);color:#071014}.controls .up{grid-column:2}.controls .left{grid-column:1}.controls .down{grid-column:2}.controls .right{grid-column:3}.key-tip{text-align:center;color:#78959e;font-size:.84rem}.legend{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 26px;border-top:1px solid #1c3942;margin-top:18px;padding-top:19px;color:#a8bec4;font-size:.83rem;font-weight:800}.legend i{display:inline-block;vertical-align:-2px;margin-right:7px}.cloud-dot{width:15px;height:10px;background:#e2f8ff;border-radius:9px}.storm-dot{width:15px;height:15px;background:#425c7d;border-radius:50%;box-shadow:0 0 7px #55e5ff}.worker-dot{width:14px;height:14px;background:#ff8c25;border-radius:4px}.solar-fact{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-top:27px;padding:24px 28px;border-radius:22px;background:#f5f7e8;color:#152025}.fact-sun{font-size:3rem}.solar-fact small{color:#5d8525;font-weight:900;letter-spacing:.15em}.solar-fact p{margin:3px 0 0;font-weight:800}.solar-fact button{white-space:nowrap}footer{border-top:1px solid #1b343c;max-width:1060px;margin:auto;padding:30px 22px 46px;color:#78949b;display:flex;justify-content:space-between;gap:20px}footer a{color:var(--lime)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:750px){.game-bar{height:66px;padding:0 13px}.mini-brand{width:148px;height:59px}.home-link{font-size:.8rem}main{padding:26px 8px 58px}.arcade-heading{display:block;padding:0 9px;margin-bottom:18px}.arcade-heading h1{font-size:clamp(3.5rem,17vw,5rem)}.arcade-heading>p{font-size:.95rem;margin-top:17px}.cabinet{padding:11px 7px 22px;border-radius:19px}.cabinet:before{inset:4px;border-radius:15px}.scorebar{grid-template-columns:repeat(3,1fr);gap:5px;padding:7px 4px 13px}.scorebar small{font-size:.59rem}.scorebar b{font-size:1rem}.scorebar button{grid-column:1/-1;padding:8px;margin:4px 4px 0;font-size:.86rem}.screen-frame{border-width:2px;border-radius:11px;box-shadow:0 0 0 4px #071216}.start-card,.message-card{padding:22px}.hero-sun{width:92px;height:92px;background-size:368px 184px}.start-card h2,.message-card h2{font-size:2.25rem}.start-card p,.message-card p{font-size:.9rem}.mobile-help{display:flex;justify-content:center;gap:10px;margin:17px 0 -7px;color:#a9c0c6;font-size:.75rem}.mobile-help b{color:var(--lime);letter-spacing:.12em}.controls{width:220px;height:154px;margin-top:17px}.controls button{min-width:64px;min-height:68px}.key-tip{display:none}.legend{gap:8px 14px;font-size:.72rem;padding:16px 8px 0}.solar-fact{grid-template-columns:auto 1fr;padding:18px 14px;gap:10px;margin-left:4px;margin-right:4px}.fact-sun{font-size:2rem}.solar-fact p{font-size:.88rem}.solar-fact button{grid-column:1/-1;padding:10px}footer{flex-direction:column;padding-left:17px;padding-right:17px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.joystick{position:relative;width:190px;height:190px;margin:25px auto 8px;border-radius:50%;touch-action:none;user-select:none;background:radial-gradient(circle,#1d3e49 0 25%,#102832 26% 52%,#07171e 53%);border:2px solid #3b6571;box-shadow:inset 0 0 28px rgba(0,0,0,.65),0 10px 25px rgba(0,0,0,.42),0 0 24px rgba(157,232,59,.08)}.joystick:after{content:'';position:absolute;inset:13px;border:1px solid rgba(157,232,59,.2);border-radius:50%;pointer-events:none}.joystick-knob{position:absolute;z-index:2;left:50%;top:50%;width:76px;height:76px;margin:-38px;border-radius:50%;border:2px solid #b9fb64;background:radial-gradient(circle at 35% 28%,#baf46b,#6ba42e 52%,#315918);box-shadow:0 8px 12px rgba(0,0,0,.5),inset 0 3px 4px rgba(255,255,255,.35);transition:transform .06s linear;touch-action:none}.joystick-arrow{position:absolute;color:#70909a;font-size:.8rem;pointer-events:none}.joystick-arrow.north{top:10px;left:50%;transform:translateX(-50%)}.joystick-arrow.east{right:11px;top:50%;transform:translateY(-50%)}.joystick-arrow.south{bottom:9px;left:50%;transform:translateX(-50%)}.joystick-arrow.west{left:11px;top:50%;transform:translateY(-50%)}
@media(max-width:750px){.joystick{width:210px;height:210px}.joystick-knob{width:84px;height:84px;margin:-42px}.screen-frame{width:100%}.mobile-help{display:flex}}