:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#07040a;color:#f8fafc}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% 0,rgba(239,68,68,.18),transparent 34rem),linear-gradient(180deg,#0f0713,#050407)}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}.game-shell{width:100%;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);display:flex;justify-content:center;align-items:stretch;overflow:hidden}.game-frame{position:relative;width:min(100%,430px);height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;background:#120817;border-left:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.08);box-shadow:0 0 48px #00000073}.hud{padding:8px 10px 7px;background:linear-gradient(180deg,#1b1022,#130a19);border-bottom:1px solid rgba(255,255,255,.08);display:grid;gap:4px;z-index:2}.hud-topline,.hud-metrics,.hud-status,.meter-row,.skill-gauge,.speed-row,.timer-grid{display:flex;align-items:center}.hud-topline,.hud-metrics,.hud-status{justify-content:space-between;gap:8px;min-width:0}.hud-topline strong,.hud-status span,.hud-metrics span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-topline{font-size:.88rem}.hud-topline span,.hud-status,.hud-metrics{font-size:.74rem;color:#d6c6df}.hud b{color:#fff7ad}.meter-row{gap:7px;font-size:.7rem}.meter-row span{width:4.6rem;color:#cbd5e1}.meter-row b{width:2.25rem;text-align:right;font-size:.68rem}.meter{position:relative;flex:1;height:7px;overflow:hidden;background:#ffffff1c;border:1px solid rgba(255,255,255,.08)}.meter i{position:absolute;inset:0 auto 0 0;display:block;transition:width .12s linear}.meter-gold i{background:linear-gradient(90deg,#f59e0b,#fde047)}.meter-violet i{background:linear-gradient(90deg,#8b5cf6,#c084fc)}.meter-danger i{background:linear-gradient(90deg,#ef4444,#fb7185)}.meter-life i{background:linear-gradient(90deg,#22c55e,#86efac)}.battle-panel{position:relative;min-height:0;overflow:hidden;background:#100713}.battle-canvas{display:block;width:100%;height:100%;image-rendering:pixelated;touch-action:manipulation}.toast{position:absolute;left:50%;bottom:10px;max-width:calc(100% - 24px);transform:translate(-50%);padding:7px 10px;background:#0f172adb;border:1px solid rgba(250,204,21,.4);color:#fef3c7;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.controls{padding:7px 8px calc(8px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#150b1c,#09060d);border-top:1px solid rgba(255,255,255,.08);display:grid;gap:6px;z-index:2}.skill-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.skill-button,.speed-row button,.choice-options button,.result-actions button{border:1px solid rgba(255,255,255,.12);background:#ffffff12;cursor:pointer}.skill-button{min-height:44px;padding:5px 4px;display:grid;gap:2px;align-content:center;border-radius:6px}.skill-button span{font-size:.76rem;font-weight:800;color:#f8fafc}.skill-button small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.58rem;color:#cbd5e1}.skill-button.is-selected{border-color:#c084fcbf;background:#581c875c}.skill-button.is-ready{animation:readyPulse .8s ease-in-out infinite}.skill-gauge{gap:7px;font-size:.72rem}.skill-gauge span{width:6.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e9d5ff}.skill-gauge b{width:2.4rem;color:#fde68a;text-align:right;font-size:.68rem}.meter-skill{height:8px}.meter-skill i{background:linear-gradient(90deg,#c084fc,#67e8f9,#facc15)}.speed-row{gap:5px}.speed-row button{flex:1;min-height:34px;border-radius:6px;color:#dbeafe;font-size:.78rem;font-weight:750}.speed-row button.is-active{border-color:#67e8f9cc;background:#0891b252;color:#ecfeff}.timer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.timer-chip{min-width:0;padding:4px 5px;display:flex;justify-content:space-between;gap:4px;align-items:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:5px;font-size:.67rem}.timer-chip span{color:#cbd5e1}.timer-chip b{color:#fef3c7}.choice-backdrop,.result-backdrop{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:12px;background:#05040894;-webkit-backdrop-filter:brightness(.7);backdrop-filter:brightness(.7)}.choice-modal{width:min(100%,392px);padding:12px;background:#140c1cf5;border:1px solid rgba(250,204,21,.32);border-radius:8px;box-shadow:0 18px 60px #0000008c}.choice-head{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:8px}.choice-head strong{font-size:1rem}.choice-head span{color:#fde68a;font-size:.78rem;white-space:nowrap}.choice-timer{height:8px;margin-bottom:10px;overflow:hidden;background:#ffffff1a}.choice-timer i{display:block;height:100%;background:linear-gradient(90deg,#ef4444,#facc15);transition:width .1s linear}.choice-options{display:grid;gap:8px}.choice-options button{min-height:82px;padding:9px 10px;display:grid;gap:3px;text-align:left;border-radius:7px}.choice-options button:active,.result-actions button:active,.speed-row button:active,.skill-button:active{transform:translateY(1px)}.choice-options strong{color:#f8fafc;font-size:.9rem}.choice-options span{color:#fde68a;font-size:.76rem}.choice-options small{color:#d8c7e6;font-size:.7rem;line-height:1.25}.choice-options em{color:#93c5fd;font-size:.64rem;font-style:normal}.result-panel{width:min(100%,390px);max-height:calc(100dvh - 24px);overflow:hidden;padding:14px;display:grid;gap:9px;background:#110a16fa;border:1px solid rgba(251,113,133,.42);border-radius:8px;text-align:center;box-shadow:0 20px 72px #000000b3}.result-kicker{margin:0;color:#fda4af;font-weight:750}.result-panel h1{margin:0;color:#fff7ed;font-size:1.45rem}.final-score{display:grid;gap:2px}.final-score span,.run-code span{color:#cbd5e1;font-size:.72rem}.final-score strong{color:#facc15;font-size:2rem;line-height:1.05}.rank-line{font-size:.9rem}.result-stats{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.result-stats div{min-width:0;padding:5px 7px;display:flex;justify-content:space-between;gap:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:5px;font-size:.68rem}.result-stats dt{color:#cbd5e1}.result-stats dd{margin:0;color:#fef3c7;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.run-code{padding:7px;display:grid;gap:3px;background:#00000040;border:1px solid rgba(250,204,21,.18);border-radius:6px}.run-code b{color:#fef3c7;font-size:.8rem}.loot-box{position:relative;width:76px;height:54px;margin:0 auto}.box-body,.box-lid,.box-glow{position:absolute;left:50%;transform:translate(-50%);display:block}.box-body{bottom:0;width:64px;height:34px;background:#92400e;border:4px solid #451a03}.box-lid{bottom:30px;width:72px;height:18px;background:#f59e0b;border:4px solid #451a03;transition:transform .18s ease}.box-glow{bottom:16px;width:18px;height:18px;background:#fde68a}.loot-box.is-open .box-lid{transform:translate(-50%,-12px) rotate(-7deg)}.loot-box.is-open .box-glow{box-shadow:0 0 24px 12px #facc158c}.loot-message{margin:0;color:#fde68a;font-size:.74rem}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.result-actions button{min-height:44px;padding:8px 10px;border-radius:6px;background:#ffffff14;font-size:.82rem;font-weight:800}.result-actions button:first-child{border-color:#facc1575;color:#fef3c7}.result-actions button:last-child{border-color:#67e8f96b;color:#ecfeff}.debug-probe{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@keyframes readyPulse{0%,to{box-shadow:0 0 #facc1500}50%{box-shadow:0 0 18px #facc159e}}@media(max-height:690px){.hud{padding-top:5px;padding-bottom:5px;gap:3px}.controls{padding-top:5px;gap:4px}.skill-button{min-height:38px}.choice-options button{min-height:72px}}@media(min-width:720px){.game-shell{align-items:center}.game-frame{height:min(100dvh,900px)}}