:root{--bg: #0F172A;--bg-deep: #0B1220;--panel: rgba(15, 23, 42, .92);--border: rgba(255, 255, 255, .16);--border-strong: rgba(255, 255, 255, .32);--text: #F4F1E6;--text-muted: #9AA3B2;--primary: #E3242B;--primary-soft: #B0171D;--accent: #0F9D58;--gold: #D9A62E;--gold-bright: #FFD54A;--sky: #8ED6F0;--shadow-lg: 0 18px 60px rgba(0, 0, 0, .65);--font-h: "Press Start 2P", monospace;--font-b: "VT323", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:radial-gradient(ellipse 90% 60% at 50% -10%,rgba(227,36,43,.16),transparent 60%),radial-gradient(ellipse 70% 50% at 85% 110%,rgba(15,157,88,.1),transparent 55%),var(--bg-deep);color:var(--text);font-family:var(--font-b);font-size:19px;line-height:1.5;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px 12px;image-rendering:pixelated}button{font-family:inherit}.page{width:100%;max-width:1080px;display:flex;flex-direction:column;align-items:center;gap:14px}.stage{width:100%;display:flex;flex-direction:column;align-items:center;gap:14px}.frame{position:relative;width:100%;max-width:1024px;border:4px solid #1E293B;outline:2px solid rgba(255,255,255,.22);border-radius:10px;overflow:hidden;background:#000;box-shadow:var(--shadow-lg)}.game-canvas{display:block;width:100%;height:auto;aspect-ratio:384 / 240;image-rendering:pixelated;image-rendering:crisp-edges;background:#000}.frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.028) 0px,rgba(255,255,255,.028) 1px,transparent 1px,transparent 4px);mix-blend-mode:overlay}.hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:linear-gradient(to bottom,rgba(4,8,16,.72),transparent);font-family:var(--font-h);font-size:10px;z-index:5;pointer-events:none}.hud-left,.hud-center,.hud-right{display:flex;align-items:center;gap:14px}.hud-right{pointer-events:auto}.hud-item{display:flex;align-items:center;gap:8px}.hud-label{color:var(--text-muted)}.hud-value{color:var(--text)}.hud-gold{color:var(--gold-bright);text-shadow:0 0 8px rgba(255,213,74,.55)}.hud-lives{gap:6px}.hud-level{color:var(--text);display:flex;align-items:center;gap:6px;text-shadow:0 2px 0 rgba(0,0,0,.6)}.gold-chip{font-size:8px;color:#0b1220;background:linear-gradient(135deg,var(--gold-bright),var(--gold));padding:3px 7px;border-radius:3px;box-shadow:0 0 10px #ffd54ab3;animation:goldPulse .8s infinite alternate}@keyframes goldPulse{0%{filter:brightness(1)}to{filter:brightness(1.35)}}.icon-btn{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:#0f172ab3;border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer;transition:transform .15s ease,background .15s ease}.icon-btn:hover{background:#ffffff24;transform:translateY(-2px)}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0408108c;z-index:10;animation:fadeIn .25s ease}.banner-only{background:#04081059;pointer-events:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.panel{background:var(--panel);border:3px solid rgba(255,255,255,.35);border-radius:12px;padding:30px 34px;max-width:560px;width:calc(100% - 40px);text-align:center;box-shadow:var(--shadow-lg);animation:panelIn .3s ease}@keyframes panelIn{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}.small-panel{max-width:440px;padding:26px}.title-panel{padding:34px 30px 28px}.title-kicker{font-family:var(--font-h);font-size:13px;color:var(--gold-bright);letter-spacing:.1em;margin-bottom:14px;text-shadow:0 0 12px rgba(255,213,74,.5)}.title-main{font-family:var(--font-h);font-size:clamp(26px,5.4vw,46px);line-height:1.25;color:var(--text);text-shadow:0 4px 0 rgba(0,0,0,.45),0 0 26px rgba(227,36,43,.35);margin-bottom:12px}.title-accent{color:var(--primary);text-shadow:0 4px 0 rgba(0,0,0,.45),0 0 26px rgba(227,36,43,.6)}.title-sub{color:var(--text-muted);font-size:21px;margin-bottom:6px}.title-rule{color:var(--accent);letter-spacing:.35em;margin:6px 0 16px}.title-controls{display:flex;flex-direction:column;gap:8px;color:var(--text-muted);font-size:18px;margin-bottom:22px}.title-controls div{display:flex;align-items:center;justify-content:center;gap:7px}.title-controls b{color:var(--text);font-weight:400}.high-line{margin-top:16px;display:inline-flex;align-items:center;gap:8px;color:var(--gold-bright);font-family:var(--font-h);font-size:10px}.level-banner{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 34px;background:var(--panel);border:3px solid rgba(255,255,255,.35);border-radius:12px;box-shadow:var(--shadow-lg);animation:panelIn .25s ease}.banner-num{font-family:var(--font-h);font-size:11px;color:var(--gold-bright);letter-spacing:.15em}.banner-name{font-family:var(--font-h);font-size:clamp(16px,3.4vw,26px);color:var(--text);text-shadow:0 3px 0 rgba(0,0,0,.4)}.banner-ar{font-size:22px;color:var(--accent)}.panel h2{font-family:var(--font-h);font-size:22px;margin-bottom:10px;letter-spacing:.05em}.panel h2.red{color:var(--primary);text-shadow:0 0 18px rgba(227,36,43,.5)}.panel h2.green{color:var(--accent);text-shadow:0 0 18px rgba(15,157,88,.5)}.ar-line{color:var(--text-muted);font-size:20px;margin-bottom:16px}.win-text{color:var(--text);font-size:20px;margin-bottom:14px}.score-line{font-family:var(--font-h);font-size:13px;color:var(--gold-bright);margin:6px 0 14px}.new-high{font-family:var(--font-h);font-size:10px;color:#7cfc9a;margin-bottom:14px;animation:goldPulse .7s infinite alternate}.panel-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn-primary,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--font-h);font-size:11px;padding:14px 22px;border-radius:8px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-soft));color:#fff;border:2px solid rgba(255,255,255,.35);box-shadow:0 6px 24px #e3242b66}.btn-primary:hover{transform:translateY(-3px);filter:brightness(1.12);box-shadow:0 10px 30px #e3242b8c}.btn-ghost{background:#ffffff0f;color:var(--text);border:2px solid var(--border-strong)}.btn-ghost:hover{background:#ffffff24;transform:translateY(-3px)}.touch-controls{position:fixed;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:space-between;padding:0 22px 24px;pointer-events:none;z-index:20;user-select:none;-webkit-user-select:none;touch-action:none}.touch-dpad{display:flex;gap:12px;pointer-events:auto}.touch-btn{width:66px;height:66px;display:inline-flex;align-items:center;justify-content:center;background:#0f172ab8;border:2px solid rgba(255,255,255,.4);border-radius:14px;color:var(--text);cursor:pointer;touch-action:none;transition:background .1s ease,transform .1s ease}.touch-btn:active{background:#e3242b99;transform:scale(.94)}.touch-jump{width:82px;height:82px;border-radius:50%;pointer-events:auto;background:#e3242b80}.jump-ico{transform:rotate(-90deg)}.footnote{color:var(--text-muted);font-size:17px;text-align:center;letter-spacing:.04em}@media (max-width: 640px){body{padding:10px 6px}.hud{padding:8px 10px;font-size:8px}.hud-center{display:none}.hud-left{gap:10px}.panel{padding:22px 18px}.title-controls{font-size:16px}.frame{border-width:3px}}@media (prefers-reduced-motion: reduce){.overlay,.panel,.level-banner{animation:none}.game-canvas{image-rendering:auto}}.boot-error{position:fixed;top:8px;left:50%;transform:translate(-50%);background:#7f1d1d;border:2px solid #fca5a5;color:#fecaca;font-family:monospace;font-size:12px;padding:8px 14px;border-radius:8px;z-index:99;max-width:92vw}