:root{--ink:#f3e9d6;--muted:#b9a98c;--panel:#16120ed1;--panel-solid:#1a1511;--bronze:#8a6a3a;--gold:#e8b65a;--hp:#b8322c;--amber:#ffa31a;--serif:"Cinzel", "Trajan Pro", Georgia, "Times New Roman", serif;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px)}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--serif);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;background:#14110e;margin:0;overflow:hidden}#app,#game{width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}.hud{padding:calc(12px + var(--safe-t)) calc(14px + var(--safe-r)) calc(12px + var(--safe-b)) calc(14px + var(--safe-l));font-size:14px;position:absolute;inset:0}.hud-tl{top:calc(12px + var(--safe-t));left:calc(14px + var(--safe-l));align-items:center;gap:10px;display:flex;position:absolute}.hud-level{background:var(--panel-solid);border:2px solid var(--gold);border-radius:50%;place-items:center;width:40px;height:40px;font-size:18px;font-weight:700;display:grid}.hud-hp{background:var(--panel);border:1px solid var(--bronze);border-radius:3px;width:200px;height:16px;position:relative;overflow:hidden}.hud-hp-fill{background:linear-gradient(#d0463d, var(--hp));height:100%;transition:width .15s}.hud-hp-text{text-shadow:0 1px 2px #000;place-items:center;font-size:11px;display:grid;position:absolute;inset:0}.hud-tc{top:calc(8px + var(--safe-t));text-align:center;position:absolute;left:50%;transform:translate(-50%)}.hud-timer{letter-spacing:1px;text-shadow:0 2px 4px #000;font-size:30px;font-weight:700}.hud-boss{color:var(--muted);text-shadow:0 1px 2px #000;font-size:12px}.hud-tr{top:calc(12px + var(--safe-t));right:calc(14px + var(--safe-r));gap:8px;display:flex;position:absolute}.hud-chip{background:var(--panel);border:1px solid var(--bronze);border-radius:4px;align-items:center;gap:6px;padding:5px 10px;display:flex}.core-icon{background:var(--amber);clip-path:polygon(50% 0,100% 40%,50% 100%,0 40%);width:10px;height:14px;box-shadow:0 0 6px var(--amber)}.gem-icon{clip-path:polygon(50% 0,100% 40%,50% 100%,0 40%);background:#7fe6ff;width:11px;height:15px;display:inline-block;box-shadow:0 0 6px #40d0ff}.hud-gem-chip b{color:#9eeeff}.hud-dash{right:calc(18px + var(--safe-r));bottom:calc(22px + var(--safe-b));border:2px solid var(--bronze);background:conic-gradient(#000000a6 calc(var(--cd,0) * 360deg), var(--panel) 0);width:56px;height:56px;color:var(--muted);border-radius:50%;place-items:center;font-size:11px;display:grid;position:absolute}.hud-dash.ready{border-color:var(--gold);color:var(--ink)}.hud-xp{left:calc(14px + var(--safe-l));right:calc(14px + var(--safe-r));bottom:calc(6px + var(--safe-b));background:var(--panel);border:1px solid var(--bronze);border-radius:3px;height:6px;position:absolute;overflow:hidden}.hud-xp-fill{background:linear-gradient(90deg, #c88a2a, var(--gold));height:100%}.hud-debug{left:calc(14px + var(--safe-l));top:calc(60px + var(--safe-t));color:#9f9;text-shadow:0 1px 1px #000;font:11px ui-monospace,monospace;position:absolute}[hidden]{display:none!important}button{color:inherit;font-family:inherit}.vignette{pointer-events:none;background:radial-gradient(at 50% 46%,#0000 62%,#14100a52 100%);position:absolute;inset:0}.fx-layer{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}.fx-flash{opacity:0;position:absolute;inset:0}.fx-red{background:radial-gradient(#a0141000 55%,#aa161280 100%)}.fx-gold{background:radial-gradient(at 50% 55%,#ffd67852 0%,#ffbe5000 65%)}.dmg{color:#f6ecd6;text-shadow:0 1px #000,0 0 3px #000,1px 1px 2px #000;will-change:transform, opacity;white-space:nowrap;font-size:17px;font-weight:700;position:absolute;top:0;left:0}.dmg.big{color:var(--gold);font-size:25px}.dmg.player{color:#ff6a5a;font-size:22px}.hud-tc{flex-direction:column;align-items:center;display:flex}.hud-bossbar{width:min(420px,56vw);margin-top:4px;display:none}.hud-bossbar.on{display:block}.hud-bossbar-name{letter-spacing:2px;text-transform:uppercase;color:var(--gold);text-shadow:0 1px 3px #000;margin-bottom:3px;font-size:12px}.hud-bossbar-track{background:var(--panel);border:1px solid var(--gold);border-radius:3px;height:12px;overflow:hidden;box-shadow:0 0 0 1px #000,0 2px 8px #0009}.hud-bossbar-fill{background:linear-gradient(#cf4a3f,#8e2620);height:100%;transition:width .12s}.hud-pause{z-index:4;pointer-events:auto;top:calc(12px + var(--safe-t));left:calc(14px + var(--safe-l));border:1px solid var(--bronze);background:var(--panel);border-radius:6px;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:0;display:none;position:absolute}.hud-pause i{background:var(--ink);border-radius:1px;width:4px;height:16px}body.touch .hud-pause{display:flex}body.touch .hud-pause[hidden]{display:none!important}body.touch .hud-tl{left:calc(62px + var(--safe-l))}.hud-dash{z-index:4}body.touch .hud-dash{pointer-events:auto;width:88px;height:88px;right:calc(24px + var(--safe-r));bottom:calc(30px + var(--safe-b));border-width:3px;font-size:14px}body.touch .hud-dash-label{font-size:0}body.touch .hud-dash-label:after{content:"Dash";letter-spacing:1px;font-size:15px}.touch-zone{z-index:3;pointer-events:auto;touch-action:none;width:50%;position:absolute;top:0;bottom:0;left:0}.touch-stick{opacity:0;pointer-events:none;background:#16120e59;border:2px solid #e8b65ab3;border-radius:50%;width:116px;height:116px;position:fixed;top:0;left:0;box-shadow:0 0 14px #e8b65a40}.touch-stick.on{opacity:1}.touch-knob{border:2px solid var(--gold);background:radial-gradient(circle at 35% 30%,#f6d58e,#b98a35);border-radius:50%;width:52px;height:52px;position:absolute;top:50%;left:50%;box-shadow:0 2px 8px #0009}.overlay{z-index:10;pointer-events:auto;padding:calc(12px + var(--safe-t)) calc(12px + var(--safe-r)) calc(12px + var(--safe-b)) calc(12px + var(--safe-l));background:#0a0806bd;place-items:center;animation:.25s ease-out overlay-in;display:grid;position:absolute;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.panel{text-align:center;border:2px solid var(--gold);background:linear-gradient(#251d16,#17120e);border-radius:8px;min-width:min(360px,90vw);padding:26px 30px 22px;box-shadow:0 0 0 1px #000,0 12px 40px #000000b3}.btn{letter-spacing:1px;border:1px solid var(--bronze);cursor:pointer;background:#2a2119;border-radius:5px;min-width:120px;min-height:44px;padding:8px 22px;font-size:16px}.btn:hover:not(:disabled),.btn:focus-visible{border-color:var(--gold);background:#382b1e;outline:none}.btn:disabled{opacity:.4;cursor:default}.btn-primary{border-color:var(--gold);color:#1a1208;background:linear-gradient(#c88a2a,#8f611b);font-weight:700}.btn-primary:hover:not(:disabled),.btn-primary:focus-visible{background:linear-gradient(#e0a43e,#a97220)}.hint{color:var(--muted);letter-spacing:1px;margin:12px 0 0;font-size:12px}.pause-panel,.death-panel{flex-direction:column;align-items:center;gap:12px;display:flex}.pause-title,.death-title{letter-spacing:3px;color:var(--gold);text-shadow:0 2px 6px #000;margin:0 0 8px;font-size:34px}.death{background:radial-gradient(#280806c7,#080403eb)}.death-title{color:#e0705f}.stats{grid-template-columns:1fr 1fr;gap:10px 26px;width:100%;margin:0 0 10px;display:grid}.stats div{border:1px solid var(--bronze);background:#0000004d;border-radius:4px;flex-direction:column;align-items:center;padding:10px 14px;display:flex}.stats dt{letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);font-size:11px}.stats dd{color:var(--ink);margin:4px 0 0;font-size:28px;font-weight:700}.lu-panel{text-align:center;width:min(940px,100%)}.lu-title{letter-spacing:4px;color:var(--gold);text-shadow:0 2px 8px #000,0 0 24px #e8b65a59;margin:0;font-size:clamp(28px,5vw,46px)}.lu-sub{letter-spacing:2px;color:var(--muted);margin:4px 0 0;font-size:15px}.lu-cards{justify-content:center;gap:16px;margin:24px 0 20px;display:flex}.card{text-align:left;border:2px solid var(--bronze);cursor:pointer;background:linear-gradient(#2a2118,#17120e);border-radius:6px;flex-direction:column;flex:1 1 0;align-items:flex-start;gap:10px;max-width:290px;min-height:250px;padding:18px 16px 14px;transition:transform .12s,border-color .12s;animation:.3s ease-out backwards card-in;display:flex;position:relative;box-shadow:0 6px 18px #0000008c}.card:nth-child(2){animation-delay:50ms}.card:nth-child(3){animation-delay:.1s}@keyframes card-in{0%{opacity:0;transform:translateY(14px)}}.card:hover,.card:focus-visible{border-color:var(--gold);outline:none;transform:translateY(-4px)}.card-key{border:1px solid var(--bronze);width:24px;height:24px;color:var(--muted);border-radius:4px;place-items:center;font-size:13px;display:grid;position:absolute;top:10px;right:12px}.card-cat{letter-spacing:2px;text-transform:uppercase;color:var(--bronze);filter:brightness(1.35);font-size:11px}.card-name{color:var(--gold);font-size:22px;font-weight:700;line-height:1.15}.card-desc{color:var(--ink);flex:1;font-size:15px;line-height:1.4}.card-hint{color:#9eeeff;font-size:12px;line-height:1.35}.card-evolution{background:linear-gradient(#16303a,#0f1a20);border-color:#40d0ff;box-shadow:0 0 22px #40d0ff59,0 6px 18px #0000008c}.card-evolution .card-cat,.card-evolution .rank-text{color:#9eeeff;filter:none}.card-cost{color:#9eeeff;align-items:center;gap:6px;font-weight:700;display:flex}.card-rank{justify-content:space-between;align-items:center;width:100%;display:flex}.pips{gap:5px;display:flex}.pip{border:1px solid var(--bronze);background:0 0;width:12px;height:12px;transform:rotate(45deg)scale(.85)}.pip.on{background:var(--bronze)}.pip.new{background:var(--amber);border-color:var(--gold);box-shadow:0 0 8px var(--amber)}.rank-text{color:var(--muted);font-size:12px}.lu-actions{justify-content:center;gap:14px;display:flex}@media (max-width:640px){.hud-hp{width:118px}.hud-tc{top:calc(58px + var(--safe-t))}.hud-timer{font-size:26px}.hud-bossbar{width:72vw}.hud-chip{padding:4px 7px;font-size:13px}.lu-cards{flex-direction:column;gap:10px;margin:14px 0}.card{flex:none;gap:6px;width:100%;max-width:none;min-height:0;padding:12px 14px 10px}.card-name{font-size:19px}.card-desc{font-size:13px}.stats dd{font-size:24px}}@media (max-height:480px) and (min-width:641px){.overlay{padding-top:calc(6px + var(--safe-t));padding-bottom:calc(6px + var(--safe-b))}.lu-sub{display:none}.lu-title{font-size:26px}.lu-cards{gap:10px;margin:10px 0}.card{gap:6px;min-height:0;padding:12px 12px 10px}.card-name{font-size:17px}.card-desc{font-size:12px;line-height:1.3}.panel{padding:14px 22px 12px}.pause-title,.death-title{margin-bottom:2px;font-size:26px}.stats{gap:6px 14px}.stats dd{font-size:20px}.stats div{padding:5px 10px}.death-panel,.pause-panel{gap:8px}.hud-bossbar{width:36vw}}.btn-setting{opacity:.85;font-size:14px}.btn:focus-visible,.card:focus-visible{outline:2px solid var(--gold);outline-offset:3px}