*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family:"Press Start 2P",monospace,sans-serif;touch-action:none;user-select:none;-webkit-user-select:none}#game-root{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;background:#000814}#gameCanvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges;max-width:100%;max-height:100%}#ui-overlay{position:absolute;top:0;left:0;right:0;pointer-events:none;z-index:10}#hud{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 12px;background:linear-gradient(180deg,rgba(0,0,0,.85) 0%,transparent 100%)}#hud-left,#hud-right{display:flex;flex-direction:column;gap:4px}#hud-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;z-index:15;display:none}#hud-center.visible{display:block}#zone-label{font-size:5px;color:#a8d8eab3;letter-spacing:3px;text-shadow:1px 1px 0 #000;line-height:1;margin-bottom:2px}#zone-name{font-size:10px;color:#ffe066;text-shadow:0 0 12px #ffbe0b,2px 2px 0 #000;letter-spacing:2px;line-height:1;white-space:nowrap}#score-display,#level-display,#time-display{color:#ffe066;font-size:8px;text-shadow:1px 1px 0 #000,2px 2px 0 rgba(0,0,0,.5);white-space:nowrap}#level-display{color:#a8d8ea}#time-display{color:#ffb3b3}#energy-bar-wrap{display:flex;align-items:center;gap:6px}#energy-label{color:#ff6b9d;font-size:6px;text-shadow:1px 1px 0 #000}#energy-bar-bg{width:80px;height:8px;background:#1a1a2e;border:1px solid #444;border-radius:2px;overflow:hidden}#energy-bar{height:100%;width:100%;background:linear-gradient(90deg,#ff006e,#ff6b9d,#ffbe0b);transition:width .3s ease;border-radius:2px}#event-banner{text-align:center;padding:8px 16px;margin:4px auto;background:#ff6b35e6;border:2px solid #ffbe0b;color:#fff;font-size:7px;line-height:1.6;max-width:90%;border-radius:4px;text-shadow:1px 1px 0 #000;animation:bannerPop .3s ease;box-shadow:0 0 20px #ffbe0b80}@keyframes bannerPop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}#boss-taunt{position:absolute;top:155px;left:50%;transform:translate(-50%);z-index:18;width:88%;max-width:320px;background:#000000d9;border:1px solid #ff0040;border-radius:4px;padding:8px 12px;color:#ff4060;font-size:5.5px;font-family:"Press Start 2P",monospace;text-align:center;line-height:1.8;box-shadow:0 0 16px #ff004059;animation:bossFlash .8s ease-in-out infinite alternate}#boss-health-wrap{position:absolute;top:56px;right:12px;z-index:20;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 10px;background:#000000d1;border:1px solid #ff0040;border-radius:4px;box-shadow:0 0 16px #ff004066;white-space:nowrap}#boss-name-label{color:#ff0040;font-size:7px;text-shadow:0 0 8px #ff0040}#boss-hp-bg{width:130px;height:8px;background:#1a0a0a;border:1px solid #ff0040;border-radius:2px;overflow:hidden}#boss-hp-bar{height:100%;width:100%;background:linear-gradient(90deg,#ff0040,#ff6b00);transition:width .3s ease}.hidden{display:none!important}#mobile-controls{position:absolute;bottom:16px;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-end;padding:0 16px;z-index:20;pointer-events:none}#dpad{display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:all}.dpad-row{display:flex;align-items:center;gap:2px}.dpad-center{width:36px;height:36px;background:#ffffff0d;border-radius:4px}.dpad-btn{width:36px;height:36px;background:#ffd64626;border:2px solid rgba(255,214,70,.4);border-radius:6px;color:#ffe066;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;transition:background .1s}.dpad-btn:active,.dpad-btn.active{background:#ffd64666;border-color:#ffe066}#action-buttons{pointer-events:all}.action-btn{width:68px;height:68px;background:radial-gradient(circle at 40% 35%,#2a2510,#1a1800 60%,#0d0c00);border:2px solid rgba(255,214,70,.5);border-radius:50%;box-shadow:0 0 0 2px #ffd64626,0 0 12px 3px #ffd64640,0 4px 16px #000000b3,inset 0 1px 3px #ffffff14;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:7px;left:15px;width:32px;height:10px;background:#ffffff12;border-radius:50%;pointer-events:none}.action-btn-icon{font-size:28px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.action-btn:active{transform:scale(.9);box-shadow:0 0 0 2px #ffffff1f,0 2px 8px #00000080,inset 0 1px 2px #ffffff0d;animation:none}@keyframes action-pulse{0%,to{box-shadow:0 0 0 3px #ffbe0b59,0 0 14px 4px #ffc81e8c,0 4px 12px #0009,inset 0 2px 4px #ffffff59}50%{box-shadow:0 0 0 5px #ffbe0b8c,0 0 24px 8px #ffdc32bf,0 4px 12px #0009,inset 0 2px 4px #ffffff59}}@media(min-width:768px){#mobile-controls{display:none}}#screen-overlay{position:absolute;inset:0;background:#000512c7;display:flex;align-items:center;justify-content:center;z-index:100}#screen-overlay.dlg-mode{align-items:stretch;background:#000000eb}#screen-overlay.dlg-mode #screen-content{width:100%;max-width:100%;height:100%;padding:0;background:transparent;border:none;box-shadow:none;border-radius:0}.dlg-scene{border-radius:10px;overflow:hidden;background:radial-gradient(circle at 8% 12%,#fff .6px,transparent .6px),radial-gradient(circle at 72% 6%,#fff .5px,transparent .5px),radial-gradient(circle at 38% 4%,#fff .7px,transparent .7px),radial-gradient(circle at 91% 18%,#fff .4px,transparent .4px),radial-gradient(circle at 55% 9%,#fff .5px,transparent .5px),radial-gradient(circle at 22% 22%,#fff .4px,transparent .4px),radial-gradient(circle at 64% 28%,rgba(200,200,255,.9) .5px,transparent .5px),radial-gradient(circle at 15% 38%,#fff .6px,transparent .6px),radial-gradient(circle at 83% 32%,rgba(255,230,200,.8) .4px,transparent .4px),radial-gradient(circle at 47% 42%,#fff .5px,transparent .5px),radial-gradient(circle at 5% 55%,rgba(200,200,255,.7) .6px,transparent .6px),radial-gradient(circle at 78% 50%,#fff .4px,transparent .4px),radial-gradient(circle at 33% 60%,#fff .5px,transparent .5px),radial-gradient(circle at 60% 65%,rgba(255,255,200,.8) .4px,transparent .4px),radial-gradient(circle at 88% 70%,#fff .5px,transparent .5px),radial-gradient(circle at 18% 75%,#fff .6px,transparent .6px),radial-gradient(circle at 42% 80%,rgba(200,220,255,.7) .4px,transparent .4px),radial-gradient(circle at 70% 85%,#fff .5px,transparent .5px),radial-gradient(circle at 95% 90%,rgba(255,230,200,.8) .6px,transparent .6px),radial-gradient(circle at 28% 92%,#fff .4px,transparent .4px),linear-gradient(180deg,#060c22,#0c0630,#08041a);box-shadow:0 0 30px #643cc84d,0 0 60px #000c}.dlg-portraits{display:flex;justify-content:space-around;align-items:flex-end;padding:20px 20px 0;gap:10px}.dlg-portrait{height:150px;width:auto;max-width:44%;object-fit:contain;image-rendering:pixelated;filter:brightness(1.05);transition:opacity .25s ease,filter .25s ease}.dlg-portrait.dlg-inactive{opacity:.22;filter:grayscale(.7) brightness(.3)}.dlg-box{background:#02051cf5;border-top:2px solid #ffe066;padding:10px 14px;min-height:72px;position:relative;box-shadow:inset 0 0 20px #00000080}.dlg-name{font-size:7px;color:#ffe066;margin-bottom:6px;text-shadow:0 0 10px #ffbe0b;letter-spacing:1px}.dlg-text{font-size:6.5px;color:#dde4ff;line-height:1.75;min-height:34px}.dlg-continue{font-size:7px;color:#ffe066;text-align:right;margin-top:4px;animation:dlg-blink .7s infinite}@keyframes dlg-blink{0%,to{opacity:1}50%{opacity:.1}}.dlg-skip{position:absolute;bottom:8px;right:12px;font-family:"Press Start 2P",monospace;font-size:5px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#ffffff59;padding:4px 8px;cursor:pointer}.dlg-skip:hover{color:#fff;border-color:#fff}#screen-content{text-align:center;padding:20px 24px;max-width:420px;width:92%;background:#000519d1;border:2px solid rgba(255,224,102,.35);border-radius:8px;box-shadow:0 0 40px #ffbe0b2e,inset 0 0 30px #0006}.sc-logo{margin-bottom:12px;line-height:1}.sc-year{font-size:11px;color:#ffe0668c;letter-spacing:6px;text-shadow:0 0 10px #ffbe0b;margin-bottom:2px}.sc-titleword{font-size:22px;color:#ffe066;text-shadow:0 0 20px #ffbe0b,0 0 50px rgba(255,190,11,.5),3px 3px 0 #7a5a00;animation:titlePulse 2s ease-in-out infinite alternate;letter-spacing:2px}.sc-neno{font-size:13px;color:#ff6b9d;text-shadow:0 0 15px #ff6b9d,2px 2px 0 #6a0030;margin-top:2px;letter-spacing:8px}@keyframes titlePulse{0%{text-shadow:0 0 15px #ffbe0b,3px 3px 0 #7a5a00}to{text-shadow:0 0 35px #ffbe0b,0 0 70px rgba(255,190,11,.6),3px 3px 0 #7a5a00}}.sc-countdown{margin:8px 0 10px;text-align:center;background:#ff509614;border:1px solid rgba(255,80,150,.25);border-radius:6px;padding:10px 14px 8px;box-shadow:0 0 18px #ff509626}.sc-cd-label{font-size:5.5px;color:#ffa0c8d9;letter-spacing:1px;margin-bottom:8px;text-shadow:0 0 8px rgba(255,100,180,.6)}.sc-cd-digits{display:flex;align-items:flex-end;justify-content:center;gap:4px}.sc-cd-unit{display:flex;flex-direction:column;align-items:center;gap:2px}.sc-cd-num{font-size:18px;color:#ff6b9d;text-shadow:0 0 12px #ff6b9d,0 0 30px rgba(255,80,150,.5),2px 2px 0 #6a0030;line-height:1;animation:cdPulse 1s ease-in-out infinite alternate;min-width:26px;text-align:center}.sc-cd-sub{font-size:4px;color:#ffa0c88c;letter-spacing:.5px}.sc-cd-sep{font-size:14px;color:#ff6b9d99;line-height:1.2;align-self:center;margin-bottom:10px}.sc-cd-artists{font-size:4.5px;color:#ffa0c880;letter-spacing:1.5px;margin-top:6px;text-transform:uppercase}.sc-cd-locked{color:#ff6b9d59!important;text-shadow:none!important;filter:blur(4px);animation:none!important;letter-spacing:2px}.sc-cd-teaser{font-size:4.5px;color:#ffa0c88c;letter-spacing:.5px;margin-top:7px;line-height:1.6;text-align:center}.sc-countdown-reveal{border-color:#ffd70066!important;box-shadow:0 0 24px #ffd70040!important;background:#ffd7000f!important;animation:revealPulse 1.2s ease-in-out infinite alternate}.sc-cd-reveal-label{font-size:5.5px;color:#ffd700bf;letter-spacing:1px;margin-bottom:8px;text-shadow:0 0 8px rgba(255,215,0,.5)}@keyframes revealPulse{0%{box-shadow:0 0 14px #ffd70033}to{box-shadow:0 0 32px #ffd70073}}.sc-cd-released{font-size:8px;color:#ffe066;text-shadow:0 0 16px #ffbe0b;padding:4px 0}.sc-cd-link{color:#ff6b9d;text-decoration:none;text-shadow:0 0 10px #ff6b9d;border-bottom:1px solid rgba(255,107,157,.4)}.sc-cd-link:hover{color:#fff;border-color:#fff}@keyframes cdPulse{0%{text-shadow:0 0 8px #ff6b9d,2px 2px 0 #6a0030}to{text-shadow:0 0 20px #ff6b9d,0 0 40px rgba(255,80,150,.6),2px 2px 0 #6a0030}}.sc-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,224,102,.4),transparent);margin:10px 0}.sc-tagline{color:#a8d8ea;font-size:5.5px;line-height:1.85;margin-bottom:8px;text-shadow:1px 1px 0 #000;text-align:center}.sc-collectibles{display:flex;justify-content:center;gap:8px;margin-bottom:10px;font-size:18px;filter:drop-shadow(0 0 4px rgba(255,255,255,.3))}.sc-hint{color:#c8c8dcb3;font-size:5px;line-height:2.2;margin-bottom:14px;border-top:1px solid rgba(255,255,255,.08);padding-top:8px}.sc-btns{display:flex;justify-content:center;gap:8px;margin-top:16px;margin-bottom:10px;flex-wrap:wrap}.sc-btn{border:none;font-family:"Press Start 2P",monospace;font-size:7px;cursor:pointer;padding:9px 16px;border-radius:4px;transition:all .1s}.sc-btn-play{background:#ffe066;color:#1a1000;border-bottom:4px solid #c8a000;box-shadow:0 0 16px #ffe06666}.sc-btn-play:hover{background:#ffdb4d;transform:translateY(-2px);box-shadow:0 0 24px #ffe06699}.sc-btn-play:active{transform:translateY(2px);border-bottom-width:1px}.sc-btn-rank{background:#ffffff14;color:#a8d8ea;border:1px solid rgba(168,216,234,.35);border-bottom:3px solid rgba(100,180,210,.4)}.sc-btn-rank:hover{background:#a8d8ea1f;transform:translateY(-1px)}.sc-credit{font-size:5px;color:#b4b4c880;letter-spacing:2px;margin-top:4px}.screen-btn{display:inline-block;background:#ffe066;color:#000;border:none;padding:10px 20px;font-family:"Press Start 2P",monospace;font-size:8px;cursor:pointer;margin:6px 4px;border-radius:4px;border-bottom:4px solid #c8a000;transition:all .1s;text-shadow:none}.screen-btn:hover{background:#ffbe0b;transform:translateY(-1px)}.screen-btn:active{transform:translateY(2px);border-bottom-width:1px}.screen-btn.secondary{background:#2d6a4f;color:#d8f3dc;border-bottom-color:#1b4332}.screen-btn.danger{background:#c1121f;color:#fff;border-bottom-color:#780000}@keyframes glow{0%{text-shadow:0 0 10px #ffbe0b,2px 2px 0 #000}to{text-shadow:0 0 30px #ffbe0b,0 0 60px #ff6b9d,2px 2px 0 #000}}.item-legend{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:10px 0}.item-chip{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#eee;font-size:6px;padding:3px 6px;border-radius:3px}#score-final{color:#ffe066;font-size:16px;text-shadow:0 0 20px #ffbe0b;margin:12px 0}.ranking-entry{display:flex;align-items:center;gap:8px;color:#ccc;font-size:7px;padding:5px 10px;border-bottom:1px solid rgba(255,255,255,.1)}.ranking-name{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-score{text-align:right;color:#ffe066}.name-input{font-family:"Press Start 2P",monospace;font-size:10px;background:#000000b3;border:2px solid #ffe066;border-radius:6px;color:#fff;padding:8px 12px;width:200px;text-align:center;outline:none;margin:6px 0 2px}.name-input:focus{border-color:#06d6a0;box-shadow:0 0 8px #06d6a0}.stars{color:#ffe066;font-size:12px}.sc-title{font-size:20px;color:#ffe066;text-shadow:0 0 20px #ffbe0b,3px 3px 0 #7a5a00;margin-bottom:8px}.sc-subtitle{font-size:9px;color:#a8d8ea;text-shadow:1px 1px 0 #000;margin-bottom:12px}.sc-desc{font-size:7px;color:#ccc;line-height:2;margin-bottom:14px}@keyframes floatUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-60px)}}.float-text{position:absolute;pointer-events:none;font-family:"Press Start 2P",monospace;font-size:8px;text-shadow:1px 1px 0 #000;animation:floatUp 1.2s ease-out forwards;z-index:50;white-space:nowrap}#requirements-panel{position:absolute;left:12px;top:56px;display:flex;flex-direction:column;gap:4px;pointer-events:none}.req-row{display:flex;align-items:center;gap:5px;background:#000000b8;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:3px 7px 3px 4px}.req-emoji{font-size:14px;line-height:1}.req-bar-bg{width:52px;height:5px;background:#ffffff1a;border-radius:3px;overflow:hidden}.req-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.req-count{color:#ffe066;font-size:5px;font-family:"Press Start 2P",monospace;white-space:nowrap;min-width:24px}.req-row.req-done{border-color:#06d6a0;background:#06d6a01f}.req-row.req-done .req-count{color:#06d6a0}.req-boss-ready{background:#ff004033;border:1px solid #ff0040;border-radius:4px;padding:4px 8px;color:#ff0040;font-size:6px;font-family:"Press Start 2P",monospace;text-align:center;animation:bossFlash .6s ease-in-out infinite alternate}@keyframes bossFlash{0%{opacity:.7}to{opacity:1;box-shadow:0 0 8px #ff0040}}#collect-log{position:absolute;right:12px;top:60px;display:flex;flex-direction:column;align-items:flex-end;gap:4px;pointer-events:none}.collect-pill{background:#000000c7;border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:3px 10px 3px 6px;display:flex;align-items:center;gap:5px;animation:pillIn .2s ease,pillOut .4s ease 2.6s forwards;white-space:nowrap}.collect-pill .pill-emoji{font-size:16px;line-height:1}.collect-pill .pill-label{color:#eee;font-size:6px;font-family:"Press Start 2P",monospace}.collect-pill .pill-pts{font-size:7px;font-family:"Press Start 2P",monospace;font-weight:700}.collect-pill.combo-pill{border-color:#ff6b9d;background:#280014e0}@keyframes pillIn{0%{opacity:0;transform:translate(20px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes pillOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}#bottom-score-bar{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.85) 0%,transparent 100%);padding:6px 14px 8px;text-align:center;pointer-events:none}#bottom-score-label{color:#ffe066b3;font-size:7px;font-family:"Press Start 2P",monospace}#bottom-score-pts{color:#ffe066;font-size:9px;font-family:"Press Start 2P",monospace;text-shadow:0 0 12px #ffbe0b}#game-root:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.07) 2px,rgba(0,0,0,.07) 4px);pointer-events:none;z-index:5}