@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fef3c7;background:#151038;font-family:"Press Start 2P",monospace}*{box-sizing:border-box;image-rendering:pixelated}body{background:linear-gradient(#1b154d 0%,#151038 48%,#0c0923 100%);min-width:320px;min-height:100vh;margin:0}button{font:inherit}.shell{width:min(1320px,100%);margin:0 auto;padding:24px 16px 40px}.hero{align-items:start;gap:16px;margin-bottom:18px;display:grid}.hero-copy,.status-board,.game-panel{background:#2a205f;border:4px solid #0b0a16;box-shadow:inset 0 0 0 4px #4d3f92,0 8px #0b0a16}.hero-copy{padding:20px}.eyebrow{color:#f59e0b;text-transform:uppercase;margin:0;font-size:10px;line-height:1.8}h1{color:#fff7d6;text-transform:uppercase;margin:18px 0 0;font-size:clamp(26px,5vw,54px);line-height:1.2}.summary{color:#d9d0ff;max-width:760px;margin:18px 0 0;font-size:12px;line-height:2}.controls{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.controls span,.restart{color:#fff7d6;background:#43368a;border:3px solid #0b0a16;justify-content:center;align-items:center;min-height:44px;padding:0 14px;font-size:10px;line-height:1.6;display:inline-flex}.restart{color:#1a122e;cursor:pointer;background:#f59e0b}.status-board{gap:10px;padding:16px;display:grid}.status-card,.hud-item{background:#3b2f76;border:3px solid #0b0a16;padding:14px}.status-card span,.hud-item span{color:#f8b84e;text-transform:uppercase;font-size:9px;line-height:1.8;display:block}.status-card strong,.hud-item strong{color:#fff7d6;text-transform:uppercase;margin-top:10px;font-size:14px;line-height:1.8;display:block}.game-panel{padding:16px}.hud{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.hud-item{min-width:220px}.viewport{background:linear-gradient(#3e2e86 0 55%,#6dbef7 55% 72%,#35754d 72% 100%);border:4px solid #0b0a16;height:720px;position:relative;overflow:hidden}.world,.player,.finish-portal,.parallax{position:absolute;inset:0 auto auto 0}.parallax{pointer-events:none;width:2400px;height:100%}.parallax-back{background:radial-gradient(circle at 12% 12%,#ffd26b 0 60px,#0000 61px),linear-gradient(#0000 0 68%,#ffffff14 68% 70%,#0000 70%)}.parallax-front{background:repeating-linear-gradient(90deg,#0000 0 120px,#ffffff14 120px 136px)}.platform{background:#7bd24e;border:3px solid #0b0a16;position:absolute}.platform.ground{background:linear-gradient(#7bd24e 0 22%,#2f7d3f 22% 100%)}.hazard{clip-path:polygon(50% 0%,100% 100%,0% 100%);background:repeating-linear-gradient(90deg,#ff784f 0 10px,#ffb347 10px 20px);position:absolute}.player{z-index:4;background:linear-gradient(#f59e0b 0 24%,#fef3c7 24% 56%,#d97706 56% 100%);border:3px solid #0b0a16;width:44px;height:58px}.player-face{background:linear-gradient(90deg,#0000 0 8px,#111827 8px 12px,#0000 12px 18px,#111827 18px 22px,#0000 22px);height:10px;position:absolute;inset:18px 8px auto}.finish-portal{color:#fff7d6;text-transform:uppercase;z-index:3;background:linear-gradient(#6ee7ff 0%,#3b82f6 45%,#1d4ed8 100%);border:4px solid #0b0a16;justify-content:center;align-items:center;width:96px;height:112px;font-size:12px;line-height:1.6;display:flex;top:508px}.message{color:#1b153d;opacity:0;background:#f59e0b;border:4px solid #0b0a16;max-width:340px;padding:14px;font-size:10px;line-height:1.8;transition:opacity .18s,transform .18s;position:absolute;top:16px;right:16px;transform:translateY(-8px)}.message.visible{opacity:1;transform:translateY(0)}@media (width>=980px){.hero{grid-template-columns:1.2fr .8fr}}@media (width<=860px){.viewport{height:560px}.status-card strong,.hud-item strong{font-size:12px}}