:root{--neon-orange: #ff8a3d;--neon-yellow: #ffd34d;--night-1: #0c0820;--night-2: #1a0d3a;--violet: #6a2cc0}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 50% -10%,#241148 0%,var(--night-1) 60%,#050310 100%);font-family:Trebuchet MS,system-ui,sans-serif;color:#fff;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.app{position:relative;height:100%;display:grid;place-items:center;padding:12px}.stage-wrap{display:grid;place-items:center;width:100%;height:100%}.stage{position:relative;width:min(96vw,calc(94vh * 2752 / 1536));max-width:1280px;overflow:hidden;border-radius:14px;box-shadow:0 0 0 2px #ff8a3d40,0 18px 60px #000000b3,0 0 80px #6a2cc059;background:#05030f}.layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.float{animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-1.2%)}}.card-hover{transition:filter .2s ease}.hotspot{position:absolute;background:transparent;border:0;padding:0;cursor:pointer;border-radius:12px}.hotspot:active{transform:scale(.98)}.hotspot:focus-visible{outline:3px solid var(--neon-yellow);outline-offset:2px}.layer-glow{animation:svg-glow 1.4s ease-in-out infinite;will-change:filter}@keyframes svg-glow{0%,to{filter:drop-shadow(0 0 2px rgba(255,211,77,0))}50%{filter:drop-shadow(0 0 16px rgba(255,211,77,.7))}}.screen-fade{animation:fadein .35s ease;width:100%;height:100%;display:grid;place-items:center}@keyframes fadein{0%{opacity:0}to{opacity:1}}.toast{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:30;background:#0a061aeb;border:2px solid var(--neon-orange);color:var(--neon-yellow);padding:14px 26px;border-radius:12px;font-weight:700;letter-spacing:1px;box-shadow:0 0 28px #ff8a3d99;animation:fadein .2s ease}.mute-btn{position:fixed;right:16px;top:16px;z-index:100;width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,138,61,.6);background:#0a061ab3;color:#fff;font-size:20px;cursor:pointer;display:grid;place-items:center;transition:transform .1s ease}.mute-btn:hover{transform:scale(1.08)}.game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;image-rendering:pixelated;touch-action:none}.hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:clamp(8px,2.2%,22px);pointer-events:none;font-family:"Press Start 2P",monospace}.hud-left{display:flex;align-items:baseline;gap:10px}.hud-right{display:flex;align-items:center;gap:clamp(10px,2vw,18px)}.hud-score{font-size:clamp(18px,3.4vw,34px);font-weight:900;color:var(--neon-yellow);text-shadow:0 0 10px rgba(255,211,77,.8),2px 2px 0 #000;letter-spacing:1px}.hud-mult{font-size:clamp(14px,2.4vw,24px);color:#6affb0;text-shadow:0 0 8px #6affb0,1px 1px 0 #000}.hud-oscars{display:flex;align-items:center;gap:8px;font-size:clamp(14px,2.6vw,26px);color:#fff;text-shadow:2px 2px 0 #000}.hud-collected{min-width:34px;font-size:clamp(12px,2vw,20px);color:#6affb0;text-align:center;text-shadow:2px 2px 0 #000}.hud-icon{width:clamp(24px,4vw,42px);height:clamp(24px,4vw,42px);object-fit:contain;filter:drop-shadow(0 0 7px rgba(106,255,176,.75))}.hud-hearts{display:flex;gap:4px;font-size:clamp(18px,3vw,30px)}.heart{filter:drop-shadow(0 0 6px rgba(255,60,90,.8))}.heart--off{filter:grayscale(1) brightness(.4);opacity:.5}.boss-progress-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.boss-progress-layer .boss-point-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill}.boss-point-meter{position:absolute;left:38.42%;top:10.86%;width:23.12%;height:3.72%;overflow:hidden;border-radius:3px;background:#0003}.boss-point-fill{height:100%;background:linear-gradient(90deg,#ff3b5f,#ff8a3d 55%,#ffd34d);box-shadow:0 0 14px #ff8a3de6}.boss-point-percent{position:absolute;left:47.2%;top:16.4%;width:5.6%;color:var(--neon-orange);font-family:"Press Start 2P",monospace;font-size:clamp(5px,.85vw,10px);font-weight:900;line-height:1;text-align:center;text-shadow:0 0 8px rgba(255,138,61,.9),1px 1px 0 #000}.tap-hint{position:absolute;bottom:5%;left:50%;transform:translate(-50%);color:#fff9;font-size:clamp(10px,1.8vw,16px);letter-spacing:2px;pointer-events:none;animation:blink 1.6s ease-in-out infinite}.boss-hint{bottom:2%}@keyframes blink{0%,to{opacity:.35}50%{opacity:.9}}.boss-hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:clamp(10px,2.2%,22px);font-family:"Press Start 2P",monospace;pointer-events:none}.boss-hp{display:grid;grid-template-columns:auto minmax(180px,34vw) auto;align-items:center;gap:10px;color:#fff;font-size:clamp(9px,1.4vw,15px);text-shadow:2px 2px 0 #000}.boss-hp b{color:var(--neon-yellow)}.boss-hp-meter{position:relative;height:clamp(12px,2vw,18px);overflow:hidden;border:2px solid rgba(255,138,61,.8);border-radius:4px;background:#00000085;box-shadow:0 0 12px #ff3c5f73}.boss-hp-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#ffd34d,#ff8a3d);box-shadow:0 0 14px #ff8a3dd9}.boss-hp-damage{position:absolute;right:0;top:0;height:100%;background:linear-gradient(90deg,#b0002a,#ff315d);box-shadow:0 0 14px #ff315de6}.boss-catch{display:flex;align-items:baseline;gap:12px;color:#6affb0;font-size:clamp(11px,1.8vw,20px);text-shadow:2px 2px 0 #000}.boss-catch b{color:#fff}.pause-btn{position:absolute;right:16px;top:58px;border:2px solid rgba(255,211,77,.7);border-radius:6px;background:#050310b8;color:var(--neon-yellow);padding:8px 12px;font-family:"Press Start 2P",monospace;font-size:10px;cursor:pointer}.pause-btn:hover{background:#ff8a3d38}.pause-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0503106b;pointer-events:auto}.pause-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.pause-button-art{z-index:1}.pause-choice{position:absolute;z-index:2;padding:0;border:0;background:transparent;cursor:pointer}.pause-choice:hover{transform:scale(1.02)}.pause-choice:active{transform:scale(.985)}.pause-resume{left:33.25%;top:41.08%;width:33.4%;height:8.8%}.pause-menu{left:33.21%;top:56.58%;width:33.4%;height:8.85%}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#050310c7;animation:fadein .3s ease}.boss-cutscene{align-items:end;background:#000;overflow:hidden;padding:0 0 clamp(18px,4%,34px)}.boss-cutscene-video{padding:0}.boss-cutscene-media{width:100%;height:100%;object-fit:fill}.cutscene-skip{position:absolute;right:16px;bottom:16px;border:2px solid rgba(255,211,77,.7);border-radius:6px;background:#050310bd;color:var(--neon-yellow);padding:8px 12px;font-family:"Press Start 2P",monospace;font-size:11px;cursor:pointer}.cutscene-skip:hover{background:#ff8a3d38}.boss-point-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.boss-cutscene-panel{position:relative;width:min(82%,520px);padding:clamp(14px,3%,24px)}.game-over-screen{background:#000000d1;overflow:hidden}.game-over-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.game-over-button-art{z-index:1}.game-over-value{position:absolute;z-index:2;left:58%;width:10%;color:var(--neon-orange);font-family:"Press Start 2P",monospace;font-size:clamp(12px,2.4vw,28px);line-height:1;text-align:right;text-shadow:0 0 10px rgba(255,138,61,.8),2px 2px 0 #000;pointer-events:none}.game-over-score{top:41.4%}.game-over-distance{top:50.9%}.game-over-oscars{top:60.1%}.game-over-button{position:absolute;z-index:3;padding:0;border:0;background:transparent;cursor:pointer}.game-over-button:hover{transform:scale(1.025)}.game-over-button:active{transform:scale(.985)}.game-over-retry{left:34.7%;top:68.3%;width:30.1%;height:10.7%}.game-over-menu{left:34.9%;top:80.5%;width:29.6%;height:9.3%}.win-screen{background:#000;overflow:hidden}.win-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.win-button-art{z-index:1}.win-value{position:absolute;z-index:2;left:61%;width:10%;color:var(--neon-orange);font-family:"Press Start 2P",monospace;font-size:clamp(14px,2.3vw,30px);line-height:1;text-align:right;text-shadow:0 0 10px rgba(255,138,61,.8),2px 2px 0 #000;pointer-events:none}.win-stars{top:54.1%}.win-oscars{top:62.7%}.win-popcorn{top:71.2%}.win-button{position:absolute;z-index:3;padding:0;border:0;background:transparent;cursor:pointer}.win-button:hover{transform:scale(1.02)}.win-button:active{transform:scale(.985)}.win-retry{left:25.8%;top:77.7%;width:23.4%;height:11.7%}.win-menu{left:50.4%;top:77.9%;width:23.4%;height:11.5%}.panel{width:min(80%,480px);background:linear-gradient(180deg,#1c0f3e,#0d0820);border:3px solid var(--neon-orange);border-radius:18px;padding:clamp(18px,4%,34px);text-align:center;box-shadow:0 0 50px #ff8a3d73}.panel h2{margin:0 0 18px;font-size:clamp(26px,5vw,44px);color:var(--neon-orange);text-shadow:0 0 18px rgba(255,138,61,.8),3px 3px 0 #000;letter-spacing:3px}.stats{display:grid;gap:8px;margin-bottom:22px}.stats>div{display:flex;justify-content:space-between;font-size:clamp(14px,2.6vw,20px);padding:6px 12px;background:#ffffff0d;border-radius:8px}.stats span{color:#bda9e6}.stats b{color:var(--neon-yellow)}.panel-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn{cursor:pointer;border:2px solid rgba(255,255,255,.4);background:#ffffff0f;color:#fff;padding:12px 22px;border-radius:10px;font-size:clamp(13px,2.4vw,18px);font-weight:700;letter-spacing:1px;transition:transform .1s ease,box-shadow .1s ease}.btn:hover{transform:translateY(-2px)}.btn--primary{border-color:var(--neon-orange);background:linear-gradient(180deg,#ff9a4d,#ff6a2d);color:#1a0d00;box-shadow:0 0 24px #ff8a3d99}.mobile-warning{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:var(--night-1);place-items:center;padding:20px}.mobile-warning-content{margin:0}@media(max-width:900px)and (hover:none),(pointer:coarse)and (max-width:1024px){.mobile-warning{display:grid}.app{display:none!important}}
