@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Share+Tech+Mono&display=swap);*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input{-webkit-user-select:text;user-select:text}:root{--bg-primary:#0a0e1a;--bg-secondary:#111827;--bg-card:rgba(17, 24, 39, 0.8);--primary:#00f2fe;--primary-glow:rgba(0, 242, 254, 0.3);--secondary:#7b2ff7;--accent:#ff6b6b;--text:#e2e8f0;--text-dim:#64748b;--text-bright:#ffffff;--border:rgba(255, 255, 255, 0.08);--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--font-display:'Outfit',sans-serif;--font-mono:'Share Tech Mono',monospace;--downstairs-game-top:93px}body,html{width:100%;height:100%;overflow:hidden;background:var(--bg-primary);color:var(--text);font-family:var(--font-display);-webkit-font-smoothing:antialiased}.bg-stars{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;background-image:radial-gradient(2px 2px at 20% 30%,rgba(0,242,254,.3),transparent),radial-gradient(2px 2px at 40% 70%,rgba(123,47,247,.2),transparent),radial-gradient(1px 1px at 60% 20%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 80% 50%,rgba(0,242,254,.2),transparent),radial-gradient(1px 1px at 10% 80%,rgba(255,255,255,.2),transparent),radial-gradient(1.5px 1.5px at 50% 10%,rgba(123,47,247,.3),transparent),radial-gradient(1px 1px at 90% 90%,rgba(0,242,254,.2),transparent),radial-gradient(1px 1px at 30% 50%,rgba(255,255,255,.15),transparent);animation:8s ease-in-out infinite alternate starsTwinkle}@keyframes starsTwinkle{0%{opacity:.6}50%{opacity:1}100%{opacity:.7}}.bg-glow{position:fixed;top:-30%;left:-30%;width:160%;height:160%;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 30% 20%,rgba(0,242,254,.06) 0,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(123,47,247,.05) 0,transparent 50%);animation:15s ease-in-out infinite alternate glowShift}@keyframes glowShift{0%{transform:translate(0,0) scale(1)}100%{transform:translate(3%,-3%) scale(1.05)}}.app-container{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.game-header{width:100%;max-width:500px;display:flex;align-items:center;padding:10px 20px;flex-shrink:0}.game-header .logo{font-family:var(--font-display);font-size:1.3rem;font-weight:800;letter-spacing:2px;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 10px var(--primary-glow)}.header-actions{display:flex;gap:8px}.icon-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;font-size:18px}.icon-btn:hover{color:var(--primary);border-color:var(--primary);box-shadow:0 0 12px var(--primary-glow)}.icon-btn.hidden{display:none}.hud{width:100%;max-width:500px;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto;align-items:center;gap:6px;padding:6px 16px;flex-shrink:0;white-space:nowrap}.hud-item{display:flex;flex-direction:row;align-items:center;gap:6px}.hud-item:nth-child(2){justify-content:center}.hud-item:nth-child(3){justify-content:flex-end;min-width:0}.hud-label{font-family:var(--font-display);font-size:.8rem;font-weight:600;color:var(--text-dim);letter-spacing:1px}.hud-value{font-family:var(--font-mono);font-size:1.15rem;font-weight:800;color:var(--primary);text-shadow:0 0 10px rgba(255,107,107,.3)}.hud-value.health{color:var(--accent);text-shadow:none}.health-grid{display:flex;gap:3px;align-items:center;margin-top:0;height:14px}.health-unit{width:7px;height:12px;background:rgba(255,255,255,.1);border-radius:1.5px;transition:.2s}@media (max-width:500px){.hud{gap:3px;padding:5px 6px}.hud-item{gap:4px}.hud-label{font-size:.68rem}.hud-value{font-size:1rem}.health-grid{gap:2px}.health-unit{width:5px;height:11px}}.health-unit.active:nth-child(-n+3){background:#ef4444;box-shadow:0 0 6px rgba(239,68,68,.6)}.health-unit.active:nth-child(n+4):nth-child(-n+6){background:#f59e0b;box-shadow:0 0 6px rgba(245,158,11,.6)}.health-unit.active:nth-child(n+7){background:#10b981;box-shadow:0 0 6px rgba(16,185,129,.6)}.game-area{flex:1;display:flex;align-items:center;justify-content:center;width:100%;max-width:500px;position:relative;min-height:0}.canvas-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}#game-canvas{display:block;background:rgba(8,12,28,.9);border:1px solid var(--border);border-radius:12px;box-shadow:0 0 30px rgba(0,242,254,.05),inset 0 0 20px rgba(0,0,0,.3);max-width:100%;max-height:100%}.overlay{position:fixed;top:var(--downstairs-game-top);left:0;width:100vw;height:calc(100vh - var(--downstairs-game-top));height:calc(100dvh - var(--downstairs-game-top));display:flex;align-items:center;justify-content:center;z-index:10005;border-radius:0;overflow-y:auto}.overlay::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(10,14,26,.88);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.overlay.hidden{display:none}.overlay-content{position:relative;z-index:1;text-align:center;padding:32px 16px;max-width:340px;width:100%}@media (max-width:500px){.overlay-content{padding:24px 8px}}.overlay-content h2{font-family:var(--font-display);font-size:1.8rem;font-weight:800;margin-bottom:8px;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.overlay-content .subtitle{color:var(--text-dim);font-size:.9rem;margin-bottom:24px}.overlay-content .gameover-title{font-size:2.2rem;background:linear-gradient(135deg,var(--accent),#ff9a9e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.controls-guide{text-align:left;background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:24px}.controls-guide h3{font-size:.85rem;color:var(--primary);margin-bottom:10px;letter-spacing:1px}.controls-guide ul{list-style:none;padding:0}.controls-guide li{font-size:.8rem;color:var(--text-dim);padding:4px 0}.controls-guide kbd{display:inline-block;padding:2px 8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:4px;font-family:var(--font-mono);font-size:.75rem;color:var(--text-bright);margin:0 2px}.primary-btn{display:inline-block;padding:12px 36px;border:none;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--bg-primary);font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:1px;cursor:pointer;transition:.25s;box-shadow:0 4px 15px var(--primary-glow)}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--primary-glow)}.primary-btn:active{transform:translateY(0)}.final-stats{display:flex;justify-content:center;gap:32px;margin:20px 0}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-label{font-family:var(--font-mono);font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.stat-value{font-family:var(--font-mono);font-size:1.6rem;font-weight:800;color:var(--primary)}.mobile-controls{display:none;width:100%;max-width:500px;padding:12px 16px 20px;margin-top:10px;flex-shrink:0}@media (max-width:768px){:root{--mobile-browser-toolbar-clearance:28px}.app-container{padding-bottom:calc(92px + var(--mobile-browser-toolbar-clearance) + env(safe-area-inset-bottom))}.mobile-controls{display:flex;position:fixed;z-index:10004;right:0;bottom:calc(var(--mobile-browser-toolbar-clearance) + env(safe-area-inset-bottom));left:0;width:100%;max-width:none;min-height:92px;margin:0;padding:8px 24px;justify-content:space-between;align-items:center;background:linear-gradient(180deg,rgba(10,14,26,.88),var(--bg-primary) 36%);border-top:1px solid var(--border);box-shadow:0 -10px 24px rgba(0,0,0,.2)}}.dpad-group{display:flex;gap:10px}.ctrl-btn{border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none}.round-btn{width:72px;height:72px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border);color:var(--text);font-size:30px}.round-btn:active{background:rgba(0,242,254,.15);border-color:var(--primary);color:var(--primary);box-shadow:0 0 15px var(--primary-glow)}.action-group{display:flex;gap:10px}.action-btn{width:56px;height:56px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border);color:var(--text);font-size:24px}.action-btn:active{background:rgba(123,47,247,.15);border-color:var(--secondary);color:var(--secondary);box-shadow:0 0 15px rgba(123,47,247,.3)}.btn-label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:1px}.floor-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:3rem;font-weight:800;color:var(--primary);text-shadow:0 0 30px var(--primary-glow);pointer-events:none;animation:1.2s ease-out forwards floorPop;z-index:5}@keyframes floorPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}100%{opacity:0;transform:translate(-50%,-80%) scale(1)}}.new-record-panel{margin:12px 0}.new-record-panel.hidden{display:none}.glow-text{font-size:1rem;font-weight:600;color:var(--warning);text-shadow:0 0 10px rgba(245,158,11,.4);margin-bottom:10px}.new-record-panel input{width:80%;padding:10px 16px;border-radius:8px;border:1px solid var(--border);background:rgba(255,255,255,.05);color:var(--text-bright);font-family:var(--font-display);font-size:.9rem;text-align:center;outline:0;transition:border-color .2s}.new-record-panel input:focus{border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.primary-btn.compact{padding:8px 24px;font-size:.85rem}.gameover-leaderboard h3{font-size:.9rem;color:var(--primary);margin-bottom:8px;letter-spacing:1px}.leaderboard-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:.75rem}.leaderboard-table th{padding:6px 8px;color:var(--text-dim);font-weight:400;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border)}.leaderboard-table td{padding:8px;color:var(--text);border-bottom:1px solid rgba(255,255,255,.03)}.leaderboard-table tr:first-child td{color:var(--warning)}#pause-fab{position:static;z-index:auto;width:36px;height:36px;background:var(--bg-card);font-size:16px;backdrop-filter:none}#pause-fab:hover{color:var(--primary);border-color:var(--primary)}@media (max-width:768px){:root{--downstairs-game-top:90px}.app-container{align-items:center;width:100%}.game-header,.hud,.mobile-controls{width:calc(100% - 6px);max-width:none}.game-header{padding:4px 3px}.hud{padding:3px}.game-area{width:100%;max-width:none;align-self:center}.mobile-controls{padding:8px 10px 10px;margin-top:8px}.canvas-wrapper{width:100%;padding:0 3px;box-sizing:border-box}#game-canvas{border-radius:8px;max-width:calc(100% - 6px)}.game-header .logo{font-size:1rem}.icon-btn{width:32px;height:32px;border-radius:9px}.hud-label{font-size:.72rem}.hud-value{font-size:1rem}.health-grid{margin-top:2px}.overlay-content h2{font-size:1.4rem}.overlay-content .gameover-title{font-size:1.8rem}}@media (max-width:400px){.action-btn,.round-btn{width:62px;height:62px;font-size:28px}}@keyframes damageFlash{0%,100%,50%{box-shadow:0 0 30px rgba(0,242,254,.05),inset 0 0 20px rgba(0,0,0,.3)}25%{box-shadow:0 0 30px rgba(239,68,68,.4),inset 0 0 30px rgba(239,68,68,.15)}75%{box-shadow:0 0 30px rgba(239,68,68,.3),inset 0 0 25px rgba(239,68,68,.1)}}#game-canvas.damage{animation:.5s ease-out damageFlash}.touch-hint{font-size:.75rem;color:var(--text-dim);text-align:center;margin-top:4px;opacity:.6}@media (min-width:769px){.touch-hint{display:none}}.gameover-ad-slot{width:100%;max-width:320px;margin:12px auto;min-height:0;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:8px;background:rgba(255,255,255,.02)}.gameover-ad-slot:empty{margin:0;background:0 0}.gameover-ad-slot ins{margin:0 auto}.seo-description{position:absolute;top:200vh;left:50%;transform:translateX(-50%);width:100%;max-width:600px;padding:20px;color:var(--text-dim);font-size:.85rem;line-height:1.6;text-align:justify}