@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--pixel-font: "VT323", monospace;--pixel-font-sm: "Press Start 2P", monospace;--panel-bg: rgba(4, 8, 20, .94);--panel-border: rgba(90, 220, 255, .55);--panel-glow: rgba(0, 200, 255, .22);--text-main: #eef8ff;--text-accent: #7ae8ff;--text-muted: #9ab0c2;--lava: #ff6a00;--lava-glow: rgba(255, 106, 0, .4);--gold: #ffe066;--hp-green: #00ff88;--hp-yellow: #ffff00;--hp-red: #ff4444;--pixel-border-width: 3px;--pixel-shadow: 4px 4px 0px rgba(0,0,0,.6)}html{width:100%;height:100%}body{width:100%;min-height:100%}#root{width:100%;height:100%}html.game-view,html.game-view body,html.game-view #root{overflow:hidden;height:100%;touch-action:none}html.landing-view{overflow-y:auto;overflow-x:hidden;height:auto}html.landing-view body{overflow:visible;height:auto;min-height:100vh;touch-action:none}html.landing-view #root{height:auto;min-height:100vh;overflow:visible}body{background-image:linear-gradient(180deg,#02060cbd,#02060ce0),radial-gradient(ellipse at 50% 0%,rgba(0,200,255,.1) 0%,transparent 55%),radial-gradient(ellipse at 80% 100%,rgba(0,80,180,.08) 0%,transparent 50%),url(/images/image.png);background-size:cover,cover,cover,cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;background-color:#02040a;font-family:var(--pixel-font);color:var(--text-main);user-select:none;-webkit-user-select:none;touch-action:none;text-rendering:geometricPrecision;image-rendering:pixelated}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.06) 2px,rgba(0,0,0,.06) 4px);pointer-events:none;z-index:9999}button,input,textarea,select{font-family:var(--pixel-font)}.pixel-panel{background:var(--panel-bg);border:var(--pixel-border-width) solid var(--panel-border);box-shadow:4px 4px #000000b3,0 0 30px var(--panel-glow),inset 0 1px #ffffff0a;image-rendering:pixelated}.pixel-panel-notched{clip-path:polygon(0 8px,8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px))}.pixel-bar-track{background:#0000008c;border:2px solid rgba(0,200,255,.28);image-rendering:pixelated}.pixel-bar-fill{image-rendering:pixelated;transition:width .25s steps(10,end)}input{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#020810d1;border:3px solid rgba(90,220,255,.32);color:var(--text-main);border-radius:0;box-shadow:inset 0 0 0 1px #00000059,4px 4px #00000080;transition:border-color .14s ease,box-shadow .14s ease;outline:none}input::placeholder{color:#cbe9ff66}input:focus{border-color:#7ae8ffeb;box-shadow:0 0 0 0 transparent,inset 0 0 0 1px #ffffff0f,4px 4px #00b4ff4d}button{letter-spacing:1px}button:focus-visible{outline:3px solid rgba(122,232,255,.9);outline-offset:2px}.px-btn{position:relative;cursor:pointer;image-rendering:pixelated;transition:transform 80ms,box-shadow 80ms}.px-btn:active{transform:translate(2px,2px)!important;box-shadow:0 0 #0000!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0006}::-webkit-scrollbar-thumb{background:#5adcff4d;border-radius:0}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%) translateY(-8px)}15%{opacity:1;transform:translate(-50%) translateY(0)}75%{opacity:1}to{opacity:0}}@keyframes popIn{0%{transform:scale(.85) translate(-50%) translateY(-50%);opacity:0}to{transform:scale(1) translate(-50%) translateY(-50%);opacity:1}}@keyframes shieldPulse{0%,to{opacity:1;text-shadow:0 0 12px #ffe066cc,0 0 24px #ffe066aa}50%{opacity:.55;text-shadow:0 0 6px #ffe06644}}@keyframes floatUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-50px)}}@keyframes orbPulse{0%,to{transform:scale(1)}50%{transform:scale(1.14)}}@keyframes blinkCursor{0%,to{opacity:1}49%{opacity:1}50%{opacity:0}}@keyframes pixelSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes pixelBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes glitchFlicker{0%,95%,to{opacity:1;transform:none}96%{opacity:.8;transform:translate(2px)}97%{opacity:1;transform:translate(-2px)}98%{opacity:.9;transform:none}}@keyframes comboFlash{0%{background:#ffffff2e}to{background:transparent}}@keyframes powerupEntry{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes loadingPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.85}}@keyframes titleGlitch{0%,92%,to{text-shadow:0 0 20px #7ae8ffaa;transform:none}93%{text-shadow:4px 0 0 #ff006688,-4px 0 0 #00ffff88;transform:skew(1deg)}94%{text-shadow:-4px 0 0 #ff006688,4px 0 0 #00ffff88;transform:skew(-1deg)}95%{text-shadow:0 0 20px #7ae8ffaa;transform:none}}