@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;--volcano-black: #0a0500;--volcano-deep: #120800;--volcano-ember: #ff4500;--volcano-lava: #ff6a00;--volcano-magma: #ff8c00;--volcano-flame: #ffb347;--volcano-glow: #ffd27a;--volcano-sky-top: #1a0a00;--volcano-sky-mid: #3d1200;--volcano-sky-dusk: #7a2e00;--volcano-horizon: #c45a00;--volcano-orange: #e06000;--stone-dark: #1c1410;--stone-mid: #2e2218;--stone-light: #4a3828;--stone-accent: #7a6050;--jade-water: #1a4a3a;--jade-pool: #0e3028;--jade-glow: rgba(30, 180, 120, .3);--jade-shimmer: #2aff9a;--panel-bg: rgba(12, 5, 0, .92);--panel-border: rgba(255, 110, 0, .55);--panel-glow: rgba(255, 80, 0, .2);--panel-inner: rgba(255, 140, 0, .04);--text-main: #fff0d8;--text-accent: #ffb347;--text-muted: #9a7a5a;--text-ember: #ff6a00;--text-gold: #ffe066;--text-jade: #2aff9a;--hp-green: #00ff88;--hp-yellow: #ffcc00;--hp-red: #ff3300;--xp-bar: #ff6a00;--rage-bar: #ff0000;--pixel-border-width: 3px;--pixel-shadow: 4px 4px 0px rgba(0, 0, 0, .75);--lava-glow: rgba(255, 106, 0, .45);--gold: #ffe066;--lava: #ff6a00}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,#0a0300cc,#140800b3,#1e0a0099 60%,#0a0300d9),radial-gradient(ellipse at 50% 0%,rgba(255,80,0,.18) 0%,rgba(180,50,0,.1) 35%,transparent 65%),radial-gradient(ellipse at 50% 60%,rgba(255,120,0,.12) 0%,transparent 55%),radial-gradient(ellipse at 50% 110%,rgba(255,60,0,.22) 0%,transparent 50%),url(/images/image.png);background-size:cover,cover,cover,cover,cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;background-color:var(--volcano-black);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,.07) 2px,rgba(0,0,0,.07) 4px);pointer-events:none;z-index:9999}body:before{content:"";position:fixed;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,var(--volcano-ember) 20%,var(--volcano-magma) 50%,var(--volcano-ember) 80%,transparent 100%);box-shadow:0 0 18px 4px #ff50008c;pointer-events:none;z-index:9998}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 #000c,0 0 28px var(--panel-glow),0 0 60px #ff32001a,inset 0 1px #ffa0500f,inset 0 0 0 1px #ff500014;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-panel-stone{background:linear-gradient(160deg,#1c140ef5,#120a04fa);border:var(--pixel-border-width) solid var(--stone-accent);box-shadow:4px 4px #000000e6,inset 0 1px #7a605026,inset 0 -1px #0006}.pixel-panel-jade{background:linear-gradient(160deg,#0e3028f2,#081c16f7);border:var(--pixel-border-width) solid rgba(42,255,154,.4);box-shadow:4px 4px #000c,0 0 24px var(--jade-glow),inset 0 1px #2aff9a0f}.pixel-bar-track{background:#000000a6;border:2px solid rgba(255,100,0,.28);image-rendering:pixelated}.pixel-bar-fill{image-rendering:pixelated;transition:width .25s steps(10,end)}.pixel-bar-fill-hp{background:linear-gradient(90deg,var(--hp-red) 0%,var(--volcano-lava) 50%,var(--volcano-flame) 100%);box-shadow:0 0 8px #ff3c00b3}.pixel-bar-fill-xp{background:linear-gradient(90deg,var(--volcano-orange) 0%,var(--gold) 100%);box-shadow:0 0 6px #ffc80080}.pixel-bar-fill-rage{background:linear-gradient(90deg,#600,#c00 60%,#f30);box-shadow:0 0 10px #f009;animation:ragePulse 1.2s ease-in-out infinite}input{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#0a0400e0;border:3px solid rgba(255,100,0,.35);color:var(--text-main);border-radius:0;box-shadow:inset 0 0 0 1px #00000080,4px 4px #000000a6;transition:border-color .14s ease,box-shadow .14s ease;outline:none}input::placeholder{color:#ffa05059}input:focus{border-color:#ff8c00e6;box-shadow:0 0 0 0 transparent,inset 0 0 0 1px #ffffff0d,4px 4px #c83c0066,0 0 14px #ff64004d}button{letter-spacing:1px;cursor:pointer}button:focus-visible{outline:3px solid rgba(255,140,0,.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}.px-btn-primary{background:linear-gradient(160deg,#c44000,#ff6a00,#ff9030);border:3px solid #ff8c00;color:#fff0d8;font-family:var(--pixel-font-sm);text-shadow:2px 2px 0 rgba(0,0,0,.7);box-shadow:4px 4px #000c,0 0 20px #ff640073,inset 0 1px #ffc87840}.px-btn-primary:hover{background:linear-gradient(160deg,#d45000,#ff7a10,#ffaa50);box-shadow:4px 4px #000c,0 0 30px #ff7800a6,inset 0 1px #ffdc8c4d}.px-btn-secondary{background:linear-gradient(160deg,var(--stone-dark) 0%,var(--stone-mid) 100%);border:3px solid var(--stone-accent);color:var(--text-accent);font-family:var(--pixel-font-sm);text-shadow:2px 2px 0 rgba(0,0,0,.7);box-shadow:4px 4px #000c,inset 0 1px #7a605026}.px-btn-secondary:hover{border-color:var(--volcano-flame);color:var(--volcano-glow);box-shadow:4px 4px #000c,0 0 16px #ff64004d,inset 0 1px #7a605033}.px-btn-danger{background:linear-gradient(160deg,#500,#900,#c20);border:3px solid #ff2200;color:#ffe0e0;font-family:var(--pixel-font-sm);text-shadow:2px 2px 0 rgba(0,0,0,.7);box-shadow:4px 4px #000c,0 0 18px #c8000066,inset 0 1px #ff646426}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0a030099;border-left:1px solid rgba(255,60,0,.12)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--volcano-lava),var(--volcano-ember));border-radius:0;box-shadow:0 0 6px #ff500080}.text-volcano-title{font-family:var(--pixel-font-sm);color:var(--volcano-flame);text-shadow:0 0 14px rgba(255,100,0,.7),0 0 30px rgba(255,60,0,.4),2px 2px 0 rgba(0,0,0,.8);animation:titleGlitch 8s ease-in-out infinite}.text-temple-sub{font-family:var(--pixel-font);color:var(--text-muted);letter-spacing:3px;text-transform:uppercase;font-size:1.1em}.text-jade{color:var(--jade-shimmer);text-shadow:0 0 10px rgba(42,255,154,.5)}.text-gold{color:var(--gold);text-shadow:0 0 8px rgba(255,200,0,.55)}.text-lava{color:var(--volcano-lava);text-shadow:0 0 8px rgba(255,100,0,.7),2px 2px 0 rgba(0,0,0,.8)}.divider-lava{height:2px;background:linear-gradient(90deg,transparent 0%,var(--volcano-ember) 25%,var(--volcano-magma) 50%,var(--volcano-ember) 75%,transparent 100%);box-shadow:0 0 10px #ff500073;margin:.75rem 0}.divider-stone{height:2px;background:linear-gradient(90deg,transparent 0%,var(--stone-accent) 30%,rgba(122,96,80,.6) 50%,var(--stone-accent) 70%,transparent 100%);margin:.75rem 0}.volcano-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#501400e6,#1e0500f2);border:2px solid var(--volcano-lava);color:var(--volcano-flame);font-family:var(--pixel-font-sm);font-size:.6em;padding:4px 10px;box-shadow:2px 2px #000c,0 0 14px #ff500066;text-shadow:1px 1px 0 rgba(0,0,0,.7);animation:emberGlow 2.5s ease-in-out infinite}.temple-gate-frame{position:relative;border:var(--pixel-border-width) solid rgba(255,110,0,.4);box-shadow:6px 6px #000000d9,0 0 40px #ff50002e,inset 0 0 20px #ff32000f}.temple-gate-frame:before,.temple-gate-frame:after{content:"";position:absolute;width:12px;height:12px;border-color:var(--volcano-magma);border-style:solid}.temple-gate-frame:before{top:-3px;left:-3px;border-width:3px 0 0 3px}.temple-gate-frame:after{bottom:-3px;right:-3px;border-width:0 3px 3px 0}.ember-particle{position:absolute;width:3px;height:3px;background:var(--volcano-lava);box-shadow:0 0 4px var(--volcano-lava);image-rendering:pixelated;pointer-events:none;animation:floatUp 2s ease-out infinite}.ember-particle:nth-child(2){animation-delay:.4s;left:20%;width:2px;height:2px}.ember-particle:nth-child(3){animation-delay:.8s;left:45%;background:var(--volcano-flame)}.ember-particle:nth-child(4){animation-delay:1.2s;left:65%;width:2px;height:2px}.ember-particle:nth-child(5){animation-delay:1.8s;left:80%;background:var(--gold);box-shadow:0 0 4px var(--gold)}@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) scale(1)}60%{opacity:.7;transform:translateY(-30px) scale(.85)}to{opacity:0;transform:translateY(-60px) scale(.5)}}@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 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:#ff640038}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 rgba(255,100,0,.7),0 0 40px rgba(255,60,0,.35);transform:none}93%{text-shadow:4px 0 0 rgba(255,0,0,.7),-4px 0 0 rgba(255,180,0,.7);transform:skew(1.5deg)}94%{text-shadow:-4px 0 0 rgba(255,0,0,.7),4px 0 0 rgba(255,180,0,.7);transform:skew(-1.5deg)}95%{text-shadow:0 0 20px rgba(255,100,0,.7),0 0 40px rgba(255,60,0,.35);transform:none}}@keyframes eruptPulse{0%,to{box-shadow:4px 4px #000c,0 0 20px #ff500059}50%{box-shadow:4px 4px #000c,0 0 40px #ff6400a6,0 0 80px #ff32004d}}@keyframes emberGlow{0%,to{box-shadow:2px 2px #000c,0 0 14px #ff500066;border-color:var(--volcano-lava)}50%{box-shadow:2px 2px #000c,0 0 24px #ff7800b3;border-color:var(--volcano-flame)}}@keyframes ragePulse{0%,to{box-shadow:0 0 8px #ff000080}50%{box-shadow:0 0 18px #ff0000d9}}@keyframes lavaFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}