:root{--ink:#071323;--paper:#fffaf0;--blue:#55b7e8;--navy:#28527a;--gold:#f8c35a;--coral:#f36f45}*{box-sizing:border-box}.intro{display:grid;grid-template-columns:1.15fr .85fr}.hero-stage{margin:24px;align-self:center}.hero-stage img{display:block;width:100%}.hero-tag{position:absolute;left:6%;bottom:7%;padding:7px 10px;background:var(--navy);color:#fff;border:3px solid var(--ink);font-weight:900}.intro-copy{display:flex;flex-direction:column;justify-content:center}.dek{font-size:1.05rem;font-weight:900}.play,.result{width:min(980px,calc(100% - 20px));margin:14px auto 30px}.hud{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:9px}.hud div{padding:9px;text-align:center;background:#fff;border:3px solid var(--ink);border-radius:10px}.hud span{display:block;font-size:.7rem;font-weight:900}.hud b{font-size:1.25rem}.stage{position:relative;aspect-ratio:3/2;overflow:hidden;border:4px solid var(--ink);border-radius:24px;background:#17324d;box-shadow:0 9px 0 #07132333;touch-action:none}.world{position:absolute;inset:0;width:100%;height:100%}.sat{position:absolute;left:var(--beam);top:4%;width:58px;height:58px;border-radius:50%;background:var(--navy);border:6px solid var(--ink);transform:translateX(-50%)}.beam{position:absolute;left:var(--beam);top:12%;width:34%;height:78%;background:linear-gradient(#55b7e8aa,#55b7e822);clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);transform:translateX(-50%)}.drone{position:absolute;left:var(--drone);top:46%;width:20%;transform:translate(-50%,-50%);filter:drop-shadow(4px 5px 0 #07132344)}.signal{position:absolute;left:12px;right:12px;bottom:14px;height:20px;border:3px solid var(--ink);border-radius:99px;background:#fff;overflow:hidden}.signal i{display:block;width:var(--signal);height:100%;background:var(--blue)}.feedback{position:absolute;top:12px;right:12px;margin:0;padding:7px 10px;border:3px solid var(--ink);border-radius:8px;background:var(--paper);font-weight:950}.stage.lost .feedback{background:var(--gold)}.controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.steer{min-height:64px;border:3px solid var(--ink);border-radius:12px;background:var(--blue);box-shadow:0 5px 0 var(--ink);font-weight:950;font-size:1.1rem;touch-action:none}.packets{display:flex;gap:5px;justify-content:center}.packets i{width:18px;height:14px;border:3px solid var(--ink);background:#fff}.packets i.on{background:var(--coral)}.result{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:22px;background:var(--paper);border:4px solid var(--ink);border-radius:24px}.result-art img{width:100%}.score-line strong{font-size:4rem}.actions{display:flex;flex-wrap:wrap;gap:10px}.actions button{min-height:50px;padding:10px 16px;border:3px solid var(--ink);border-radius:10px;background:var(--gold);font-weight:900}.news-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px}@media(max-width:700px){.intro{display:block}.hero-stage{margin:10px}.hud{grid-template-columns:repeat(2,1fr)}.play{width:calc(100% - 12px)}.feedback{font-size:.7rem}.result{grid-template-columns:1fr}.score-line strong{font-size:3rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
[hidden]{display:none!important}