:root{--stone-1: #5b4f4c;--stone-2: #463c3b;--stone-3: #2e2627;--stone-edge: #1c1617;--stone-hi: #7a6c66;--ink: #fff3e6;--ink-dim: #d9c6b4;--lava: #ff7a1a;--lava-hot: #ffd34a;--ember: #ffb347;--crystal: #7fe3ff;--leaf: #7cc04a;--danger: #ff3b2a;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#1a1016;color:var(--ink);font-family:var(--font);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none}#app{position:fixed;inset:0;overflow:hidden}#game{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}#ui{position:absolute;inset:0;pointer-events:none}#ui>*{pointer-events:auto}#ui .passthrough,#ui .passthrough *{pointer-events:none}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 120%,#8a2a10,#3a1420 45%,#1a1016);z-index:50;transition:opacity .4s}#loading.hidden{opacity:0;pointer-events:none}.load-card{width:min(360px,80vw);text-align:center}.load-title{font-size:clamp(30px,7vw,48px);font-weight:900;letter-spacing:.02em;color:var(--ink);text-shadow:0 4px 0 var(--stone-edge),0 0 24px rgba(255,122,26,.6);margin-bottom:18px}.load-bar{height:18px;border-radius:12px;background:var(--stone-3);border:3px solid var(--stone-edge);overflow:hidden;box-shadow:inset 0 3px #00000059}.load-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--lava),var(--lava-hot));transition:width .15s}.load-text{margin-top:10px;font-size:14px;color:var(--ink-dim)}.btn{appearance:none;border:none;font-family:var(--font);font-weight:800;color:var(--ink);cursor:pointer;min-height:52px;min-width:52px;padding:10px 22px;font-size:19px;border-radius:18px;background:linear-gradient(180deg,var(--stone-hi) 0%,var(--stone-1) 30%,var(--stone-2) 100%);box-shadow:0 5px 0 var(--stone-edge),0 8px 14px #00000073,inset 0 2px #ffffff26;text-shadow:0 2px 0 rgba(0,0,0,.45);transition:transform .08s,box-shadow .08s,filter .15s;touch-action:manipulation}.btn:hover{filter:brightness(1.12)}.btn:active,.btn.pressed{transform:translateY(4px);box-shadow:0 1px 0 var(--stone-edge),0 3px 6px #0006,inset 0 2px #ffffff1f}.btn:focus-visible{outline:3px solid var(--lava-hot);outline-offset:3px}.btn.primary{background:linear-gradient(180deg,#f0766a,#d9433a 38%,#b8302a);box-shadow:0 5px #7a1c17,0 8px 18px #d9433a59,inset 0 2px #ffffff4d}.btn.primary:active,.btn.primary.pressed{box-shadow:0 1px #7a1c17,0 3px 6px #0006,inset 0 2px #ffffff40}.btn.cool{background:linear-gradient(180deg,#a8f0ff,#4cc3e8 35%,#2a8cb8);box-shadow:0 5px #154a66,0 8px 18px #3cb4e659,inset 0 2px #ffffff59}.btn.icon{width:52px;height:52px;padding:0;border-radius:16px;display:inline-flex;align-items:center;justify-content:center}.btn.icon svg{width:26px;height:26px;fill:currentColor}.btn[disabled]{filter:grayscale(.8) brightness(.7);cursor:default}.hud{position:absolute;inset:0;pointer-events:none}.hud .chip{position:absolute;display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:14px;background:#1e1618b8;border:2px solid rgba(0,0,0,.4);box-shadow:inset 0 2px #ffffff14;font-weight:800;font-size:18px;text-shadow:0 2px 0 rgba(0,0,0,.5);font-variant-numeric:tabular-nums}.hud .chip small{font-size:12px;color:var(--ink-dim);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.hud-top-left{top:calc(12px + var(--safe-t));left:calc(12px + var(--safe-l));display:flex;flex-direction:column;gap:8px;position:absolute}.hud-top-left .chip{position:static}.hud-top-right{position:absolute;top:calc(12px + var(--safe-t));right:calc(12px + var(--safe-r));display:flex;gap:10px;pointer-events:auto}.ember-icon{width:16px;height:16px;transform:rotate(45deg);border-radius:3px;background:linear-gradient(135deg,var(--lava-hot),var(--lava));box-shadow:0 0 8px var(--lava)}.lava-meter{position:absolute;right:calc(18px + var(--safe-r));top:50%;transform:translateY(-50%);width:26px;height:min(46vh,300px);border-radius:14px;background:#1e1618b8;border:3px solid rgba(0,0,0,.45);overflow:hidden}.lava-meter .fill{position:absolute;left:0;right:0;bottom:0;height:0%;background:linear-gradient(0deg,#b3200a 0%,var(--lava) 60%,var(--lava-hot) 100%);transition:background .3s}.lava-meter.frozen .fill{background:linear-gradient(0deg,#2a5a8a,#4cc3e8 60%,#bff4ff)}.lava-meter .pebble-dot{position:absolute;left:50%;top:6px;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:#b9aea3;border:2px solid #2a2224;box-shadow:0 0 0 2px #8ffcff80}.lava-meter-label{position:absolute;right:calc(8px + var(--safe-r));top:calc(50% + min(23vh,150px) + 8px);width:48px;text-align:center;font-size:13px;font-weight:800;color:var(--ink);text-shadow:0 2px 0 rgba(0,0,0,.6);font-variant-numeric:tabular-nums}.lava-meter.danger{animation:meterPulse .5s infinite alternate}@keyframes meterPulse{0%{box-shadow:0 0 #ff3b2a66}to{box-shadow:0 0 14px 4px #ff3b2acc}}.edge-glow{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,#0000 52%,#ff280a8c);box-shadow:inset 0 0 #ff501e99}.edge-glow.frozen{background:radial-gradient(ellipse at center,#0000 55%,#78dcff73)}.center-msg{position:absolute;left:50%;top:22%;transform:translate(-50%,-50%);font-size:clamp(22px,5vw,38px);font-weight:900;text-align:center;text-shadow:0 3px 0 rgba(0,0,0,.6),0 0 18px rgba(255,140,40,.5);pointer-events:none;opacity:0;transition:opacity .3s,transform .3s;white-space:nowrap}.center-msg.show{opacity:1;transform:translate(-50%,-50%) scale(1.05)}.fps{position:absolute;left:calc(12px + var(--safe-l));bottom:calc(10px + var(--safe-b));font:700 12px ui-monospace,monospace;background:#0000008c;padding:3px 7px;border-radius:6px;pointer-events:none;white-space:pre}.touch{position:absolute;inset:0;pointer-events:none}.touch .stick-base{position:absolute;width:132px;height:132px;margin:-66px 0 0 -66px;border-radius:50%;background:#1e161859;border:3px solid rgba(255,243,230,.35);opacity:.55;transition:opacity .15s}.touch .stick-base.active{opacity:1}.touch .stick-knob{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;background:linear-gradient(180deg,var(--stone-hi),var(--stone-2));border:3px solid var(--stone-edge);box-shadow:0 4px 10px #00000073}.touch .jump-btn{position:absolute;right:calc(28px + var(--safe-r));bottom:calc(34px + var(--safe-b));width:104px;height:104px;border-radius:50%;pointer-events:auto;font-size:18px;font-weight:900;letter-spacing:.04em;touch-action:none}.touch .hint-zone{position:absolute;bottom:calc(150px + var(--safe-b));right:calc(30px + var(--safe-r));font-size:12px;color:#fff3e68c;font-weight:700}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l));background:#140a0e8c;animation:fadeIn .25s}.overlay.clear{background:transparent}@keyframes fadeIn{0%{opacity:0}}.panel{position:relative;width:min(460px,100%);max-height:100%;overflow-y:auto;padding:22px 22px 24px;border-radius:26px;background:linear-gradient(180deg,#5d504c,#463c3b 18%,#362d2e);border:4px solid var(--stone-edge);box-shadow:0 10px 0 var(--stone-edge),0 18px 40px #0000008c,inset 0 3px #ffffff1f;text-align:center;touch-action:pan-y}.panel h1,.panel h2{margin:0 0 14px;font-weight:900;text-shadow:0 3px 0 rgba(0,0,0,.5)}.panel h2{font-size:28px}.panel p{color:var(--ink-dim);line-height:1.45;margin:8px 0}.panel .stack{display:flex;flex-direction:column;gap:14px;margin-top:16px}.panel .row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:16px}.stars{display:flex;justify-content:center;gap:10px;margin:6px 0 4px;font-size:40px;line-height:1}.star.on{color:#ffd34a;text-shadow:0 3px 0 #8a5a0c,0 0 14px rgba(255,200,60,.6)}.star.off{color:#fff3e629;text-shadow:0 3px 0 rgba(0,0,0,.35)}.rotate-hint{position:absolute;left:50%;bottom:calc(205px + var(--safe-b));transform:translate(-50%);padding:6px 12px;border-radius:12px;background:#1e1618cc;font-size:13px;font-weight:700;pointer-events:none;display:none;white-space:nowrap}@media (orientation: portrait) and (max-width: 600px){.rotate-hint.enabled{display:block}}.tap-start{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:18vh;font-size:22px;font-weight:800;text-shadow:0 2px 0 rgba(0,0,0,.6);cursor:pointer}.tap-start span{animation:pulse 1.2s infinite alternate}@keyframes pulse{0%{opacity:.55}to{opacity:1}}@media (max-height: 460px){.hud .chip{font-size:15px;padding:4px 10px}.touch .jump-btn{width:88px;height:88px}.lava-meter{top:40%;height:34vh}.lava-meter-label{top:calc(40% + 17vh + 6px)}}