:root{--rose: oklch(.682 .23 353);--rose-deep: oklch(.52 .21 353);--danger: oklch(.66 .25 18);--gold: oklch(.88 .11 88);--gold-deep: oklch(.68 .13 82);--cyan: oklch(.9 .1 210);--cyan-deep: oklch(.72 .13 215);--poison: oklch(.87 .19 140);--violet: oklch(.7 .11 300);--ember: oklch(.76 .17 55);--outline: #0b0910;--stone-0: #15111a;--stone-1: #2a2333;--stone-2: #3f3549;--stone-3: #57496a;--stone-4: #7a6a8f;--panel: #1f1927;--panel-2: #2a2333;--well: #100c15;--bevel-hi: #4d4160;--bevel-lo: #0d0a11;--line: #3a3146;--text: oklch(.95 .012 80);--text-dim: oklch(.78 .014 80);--text-faint: oklch(.62 .014 80);--display: "Noto Serif SC", "Songti SC", "STSong", "SimSun", "Source Han Serif SC", serif;--body: "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;--mono: "SF Mono", "JetBrains Mono", Menlo, Consolas, ui-monospace, monospace;--z-sheet: 5;--z-overlay: 10;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--outline);color:var(--text);font-family:var(--body);font-size:13px;overflow:hidden;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}kbd{font-family:var(--mono);font-size:.78em;padding:0 4px;border:1px solid var(--outline);box-shadow:inset 0 -1px 0 var(--bevel-lo),inset 0 1px 0 var(--bevel-hi);background:var(--panel-2);color:var(--text-dim)}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.muted{color:var(--text-dim)}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.pf{background:var(--panel);border:2px solid var(--outline);box-shadow:inset 2px 2px 0 var(--bevel-hi),inset -2px -2px 0 var(--bevel-lo)}.pf:not(button){clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px)}.sunken{background:var(--well);border:2px solid var(--outline);box-shadow:inset 2px 2px 0 var(--bevel-lo),inset -1px -1px 0 var(--stone-1)}.ico{display:inline-block;width:11px;height:11px;flex:none}.ico.heart{background:var(--rose);clip-path:polygon(50% 100%,0 40%,0 15%,20% 0,50% 22%,80% 0,100% 15%,100% 40%)}.ico.coin{background:var(--gold);box-shadow:inset -2px -2px 0 var(--gold-deep);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}.ico.boss{background:var(--rose);clip-path:polygon(50% 0,100% 45%,100% 100%,75% 80%,50% 100%,25% 80%,0 100%,0 45%)}.ico.shrine{background:var(--cyan);clip-path:polygon(0 0,100% 0,100% 15%,60% 50%,100% 85%,100% 100%,0 100%,0 85%,40% 50%,0 15%)}.ico.shrine.big{width:34px;height:44px}.ico.bag{width:16px;height:16px;background:var(--gold-deep);clip-path:polygon(30% 0,70% 0,70% 20%,100% 20%,100% 100%,0 100%,0 20%,30% 20%);box-shadow:inset 0 -5px 0 var(--gold)}.ico.lock{width:10px;height:12px;background:var(--rose);clip-path:polygon(20% 40%,20% 15%,35% 0,65% 0,80% 15%,80% 40%,100% 40%,100% 100%,0 100%,0 40%);position:relative}.ico.lock:after{content:"";position:absolute;left:35%;top:12%;width:30%;height:28%;background:var(--panel)}.icon{position:relative;display:inline-grid;place-items:center;flex:none;width:32px;height:32px}.icon.sm{width:20px;height:20px}.icon.lg{width:48px;height:48px}.icon img{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;object-fit:contain}.icon .glyph{display:none;font:700 .55em var(--display);color:var(--gold);width:100%;height:100%;place-items:center;font-size:60%}.icon.sm .glyph{font-size:11px}.icon.md .glyph{font-size:15px}.icon.lg .glyph{font-size:22px}.icon img[hidden]+.glyph{display:grid}.icon.slot-empty{border:2px dashed var(--stone-2)}.icon.glyph-only .glyph{display:grid;font-size:18px}.icon.glyph-only.md .glyph{font-size:20px}#app{height:100dvh;display:grid;grid-template-rows:1fr}#arena{position:relative;min-width:0;min-height:0;background:var(--outline)}#game{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none}#game,#hud>:not(#loadout){user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#hud img{-webkit-user-drag:none}#hud :is(input,textarea,select,[contenteditable]:not([contenteditable=false])){user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}#hud button{touch-action:manipulation}#overlay,#loadout,#rotation-overlay{touch-action:pan-y;overscroll-behavior:contain}#strip{pointer-events:none}#strip button{pointer-events:auto}#hud{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;padding:10px 12px}.hud-top{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:start}.vitals{display:flex;flex-direction:column;gap:6px;width:min(250px,100%);padding:9px 10px 8px}.hp-row,.sub-row{display:flex;align-items:center;gap:7px}.hp-row .ico.heart{width:14px;height:14px}.sub-row .coin{display:inline-flex;align-items:center;gap:5px;color:var(--gold);font-weight:700;font-size:14px}.bar{position:relative;flex:1;height:16px;overflow:hidden}.bar i{display:block;height:100%;width:100%;transition:width .12s linear;box-shadow:inset 0 2px #ffffff47,inset 0 -2px #00000059}.bar.hp.low i{background:var(--danger);animation:hp-throb .8s steps(2) infinite}.bar .bar-text{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff;text-shadow:1px 1px 0 var(--outline),-1px 1px 0 var(--outline),1px -1px 0 var(--outline),-1px -1px 0 var(--outline)}.bar.xp{height:8px}.bar.xp i{background:var(--violet);box-shadow:inset 0 1px #ffffff40}.bar.boss{height:12px}.bar.boss i{background:var(--rose)}.lv{font-size:11px;color:var(--violet);font-weight:700}@keyframes hp-throb{0%,to{filter:brightness(1)}50%{filter:brightness(1.35)}}.clock{text-align:center;min-width:168px;padding:6px 16px 7px}.clock-num{font-size:42px;line-height:1;font-weight:700;color:var(--gold);text-shadow:0 3px 0 var(--outline);letter-spacing:.02em}.clock.danger .clock-num{color:var(--danger);animation:throb .6s steps(2) infinite}.clock.frozen .clock-num{color:var(--cyan);animation:none}.clock.stopped .clock-num{color:var(--text-dim);animation:none}.sand{height:8px;overflow:hidden;margin:5px 0 4px}.sand i{display:block;height:100%;width:100%;background:var(--gold);transition:width .1s linear;box-shadow:inset 0 1px #ffffff4d}.clock.danger .sand i{background:var(--danger)}.clock.frozen .sand i{background:var(--cyan)}.clock-sub{display:flex;justify-content:center;gap:8px;font-size:11px;color:var(--text-dim)}.clock-state{color:var(--cyan);font-weight:700;min-width:2em}.clock-state:empty{display:none}.clock.stopped .clock-state{color:var(--text-dim)}@keyframes throb{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.nav{justify-self:end;display:grid;gap:6px;font-size:12px;width:190px;padding:8px}#minimap{width:100%;height:104px;display:block;image-rendering:pixelated}.objs{display:grid;gap:3px}.obj{display:grid;grid-template-columns:12px auto 16px 1fr auto;align-items:center;gap:6px}.obj .lbl{color:var(--text-dim)}.obj .cost{color:var(--gold);font-weight:700;display:inline-flex;align-items:center;gap:3px}.obj .cost .ico{width:9px;height:9px}.compass{width:16px;height:16px;position:relative}.compass:before{content:"";position:absolute;left:50%;top:50%;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:11px solid currentColor;transform:translate(-50%,-60%) rotate(var(--rot, 0deg));transform-origin:50% 70%}#boss-compass{color:var(--rose)}#shrine-compass{color:var(--cyan)}.compass.here:before{border:none;width:6px;height:6px;background:currentColor;transform:translate(-50%,-50%)}.arena-nav{justify-self:end;display:grid;gap:7px;width:190px;padding:8px 10px 9px;font-size:12px}.an-head{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--display);letter-spacing:.1em;font-size:13px;color:var(--gold)}.an-wave{font-size:11px;color:var(--text-dim);letter-spacing:0}.an-wave:empty{display:none}.bar.kills i{background:var(--gold)}.arena-nav.full .bar.kills i{background:var(--rose)}.arena-nav.done .bar.kills i{background:var(--stone-3)}.an-row{display:flex;align-items:center;gap:6px;color:var(--text-dim)}.an-row .ico{width:12px;height:12px;flex:none}.an-row .lbl{flex:1}.an-row .cost{color:var(--gold);font-weight:700;display:inline-flex;align-items:center;gap:3px}.an-row .cost .ico{width:9px;height:9px}.an-row.boss.coming,.an-row.boss.here{color:var(--rose);font-weight:700}.an-row.boss.here{animation:throb .6s steps(2) infinite}.an-row.boss.down{color:var(--text-faint)}.an-row.boss.down .ico{opacity:.5}.boss-bar{align-self:center;width:min(460px,64%);display:flex;align-items:center;gap:10px;font-size:13px;font-family:var(--display);letter-spacing:.1em;color:var(--rose);margin-top:6px;padding:5px 10px}.hud-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.strip{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;padding:6px 7px}.wslots,.rslots{display:inline-flex;gap:4px}.rslots{padding-left:8px;border-left:2px solid var(--outline);box-shadow:inset 2px 0 0 var(--bevel-hi)}.slot{position:relative;width:44px;height:44px;display:grid;place-items:center;padding:0;background:var(--well);border:2px solid var(--outline);box-shadow:inset 2px 2px 0 var(--bevel-lo),inset -1px -1px 0 var(--stone-1);overflow:hidden;cursor:pointer;transition:box-shadow .12s ease}.slot.r{width:28px;height:28px}.slot.r.more{font-size:11px;font-weight:700;color:var(--text-dim)}.slot.empty{background:transparent;border-style:dashed;border-color:var(--stone-2);box-shadow:none}.slot .cd{position:absolute;left:0;right:0;bottom:0;height:0;background:#0b0910b8;z-index:1}.slot .icon{position:relative}.slot .lv{position:absolute;right:1px;bottom:0;font-size:10px;font-weight:700;color:var(--gold);text-shadow:1px 1px 0 var(--outline),-1px 1px 0 var(--outline),1px -1px 0 var(--outline),-1px -1px 0 var(--outline);z-index:2}.slot:hover{box-shadow:inset 0 0 0 2px var(--stone-3),inset 2px 2px 0 var(--bevel-lo)}.slot.selected,.slot:focus-visible{box-shadow:inset 0 0 0 2px var(--gold);outline:none}.slot:focus-visible{box-shadow:inset 0 0 0 2px var(--cyan)}.bag{display:inline-flex;align-items:center;gap:5px;height:44px;padding:0 8px;background:var(--panel-2);border:2px solid var(--outline);box-shadow:inset 2px 2px 0 var(--bevel-hi),inset -2px -2px 0 var(--bevel-lo);cursor:pointer}.bag:hover{background:var(--stone-2)}.bag[aria-expanded=true]{background:var(--well);box-shadow:inset 2px 2px 0 var(--bevel-lo),inset 0 0 0 2px var(--gold)}.bag:active{transform:translateY(1px)}.room{display:inline-flex;align-items:center;gap:7px;font-family:var(--display);letter-spacing:.1em;font-size:13px;color:var(--text);padding:6px 12px}.room .ico.lock{display:none}.room.locked .ico.lock{display:inline-block}.room.locked{color:var(--text)}.room .count{color:var(--rose);font-weight:700;letter-spacing:0}.room .count:empty{display:none}.room:not(.fighting) .count{color:var(--text-faint);font-weight:400}.sheet{pointer-events:auto;position:absolute;left:12px;bottom:66px;width:min(600px,calc(100% - 24px));max-height:calc(100% - 150px);overflow:auto;padding:10px;z-index:var(--z-sheet)}#hud:has(#loadout:not([hidden])) #touchpad{display:none}.backpack{display:grid;grid-template-columns:auto minmax(220px,1fr);gap:12px;align-items:start}.bp-grid{display:grid;gap:10px}.bp-sec{display:grid;gap:5px}.bp-h{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--text-dim);padding:0 2px}.bp-h b{color:var(--text);font-weight:700}.bp-cells{display:grid;gap:4px;padding:6px;background:var(--well);border:2px solid var(--outline);box-shadow:inset 2px 2px 0 var(--bevel-lo),inset -1px -1px 0 var(--stone-1)}.bp-cells.weapons{grid-template-columns:repeat(4,48px)}.bp-cells.relics{grid-template-columns:repeat(5,40px)}.cell{position:relative;display:grid;place-items:center;width:48px;height:48px;padding:0;background:var(--panel-2);border:2px solid var(--outline);box-shadow:inset 2px 2px 0 var(--bevel-hi),inset -2px -2px 0 var(--bevel-lo);cursor:pointer}.relics .cell{width:40px;height:40px}.cell.ghost{background:var(--stone-0);box-shadow:none;border-color:var(--stone-1);cursor:default}.cell.empty{background:transparent;border-style:dashed;border-color:var(--stone-2);box-shadow:none}.cell.empty .plus{width:10px;height:10px;background:var(--stone-2);clip-path:polygon(40% 0,60% 0,60% 40%,100% 40%,100% 60%,60% 60%,60% 100%,40% 100%,40% 60%,0 60%,0 40%,40% 40%)}.cell .lv{position:absolute;right:2px;bottom:0;font-size:10px;font-weight:700;color:var(--gold);text-shadow:1px 1px 0 var(--outline),-1px 1px 0 var(--outline),1px -1px 0 var(--outline),-1px -1px 0 var(--outline)}.cell:hover:not(.ghost){background:var(--stone-2)}.cell.selected{background:var(--stone-1);box-shadow:inset 0 0 0 2px var(--gold),inset 2px 2px 0 var(--bevel-lo)}.cell:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--cyan)}.cell.selected:focus-visible{box-shadow:inset 0 0 0 2px var(--cyan),inset 0 0 0 4px var(--gold)}.cell:active{transform:translateY(1px)}.bp-detail{min-height:170px;padding:10px 12px;background:var(--well);border:2px solid var(--outline);box-shadow:inset 2px 2px 0 var(--bevel-lo),inset -1px -1px 0 var(--stone-1)}.det{display:grid;gap:8px}.det-head{display:flex;gap:10px;align-items:center}.det-head .icon.lg{background:var(--panel-2);border:2px solid var(--outline);box-shadow:inset 2px 2px 0 var(--bevel-hi),inset -2px -2px 0 var(--bevel-lo);padding:4px}.det-title{display:grid;gap:4px;min-width:0}.det-title b{font-size:16px;font-weight:700;line-height:1.2}.tags{display:flex;flex-wrap:wrap;gap:4px}.chip{display:inline-flex;align-items:center;height:18px;padding:0 6px;font-size:11px;font-weight:600;line-height:1;color:var(--text-dim);background:var(--panel-2);border:1px solid var(--outline);box-shadow:inset 0 1px 0 var(--bevel-hi)}.chip.lv{color:var(--gold)}.chip.new{color:var(--cyan)}.chip.syn{color:var(--poison)}.chip.fam.ballistic{color:#f4e7c3}.chip.fam.blast{color:var(--ember)}.chip.fam.poison{color:var(--poison)}.chip.fam.arc{color:var(--cyan)}.chip.fam.utility{color:var(--violet)}.pips{display:inline-flex;gap:2px}.pips i{width:8px;height:5px;background:var(--stone-1);border:1px solid var(--outline)}.pips i.on{background:var(--gold)}.det-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.det-nums .stat{display:grid;gap:2px;padding:5px 8px;background:var(--panel);border:2px solid var(--outline);box-shadow:inset 2px 2px 0 var(--bevel-hi),inset -2px -2px 0 var(--bevel-lo)}.det-nums .stat span{font-size:11px;color:var(--text-dim)}.det-nums .stat b{font-size:18px;line-height:1.1;color:var(--text)}.det-sub{font-size:12px;color:var(--text-dim)}.det p{margin:0;line-height:1.5;font-size:12.5px}.det-fx{color:var(--text)}.det-next{color:var(--text-dim);font-family:var(--mono);font-size:11.5px}.det-req{color:var(--text-faint);font-size:11.5px}.det-trade{display:grid;gap:4px}.det .up,.trade .up,.tradeoff .up{color:var(--poison)}.det .down,.trade .down,.tradeoff .down{color:var(--rose)}.det .none{color:var(--text-faint)}.det.empty .det-fx{color:var(--text-dim)}#touchpad{position:fixed;left:0;top:0;width:140px;height:140px;transform:translate(-50%,-50%);pointer-events:none;display:none}#touchpad.active{display:block}#touchpad .pad-base{width:100%;height:100%;border-radius:50%;border:2px solid oklch(.9 .1 210 / .4);background:#09060a59;position:relative}#touchpad .pad-knob{position:absolute;width:52px;height:52px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:oklch(.72 .13 215 / .55);border:2px solid var(--cyan)}#touchpad.active .pad-knob{background:oklch(.72 .13 215 / .8)}@media(pointer:coarse){.bag kbd{display:none}}#rotation-overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;overflow:auto;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:#08060cf0}.rotation-card{width:min(360px,100%);padding:24px 18px;text-align:center}.rotate-icon{width:64px;height:64px;color:var(--gold)}.rotation-card h1{font:700 26px var(--display);color:var(--gold);margin:16px 0 10px}.rotation-card p{line-height:1.7;color:var(--text-dim)}.rotation-card .row{justify-content:center}#rotation-status:empty{display:none}#overlay{position:absolute;inset:0;display:grid;place-items:center;background:#08060cb8;z-index:var(--z-overlay);padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));overflow:auto;align-items:safe center}.panel{width:min(760px,100%);padding:14px 18px 18px;filter:drop-shadow(0 6px 0 rgba(0,0,0,.5));--accent: var(--rose)}.panel.cyan{--accent: var(--cyan)}.panel.gold{--accent: var(--gold)}.panel.violet{--accent: var(--violet)}.panel.danger{--accent: var(--danger)}.panel.intro{width:min(440px,100%)}.panel.narrow{width:min(520px,100%)}.panel h1{font:700 40px/1.1 var(--display);margin:0 0 4px;letter-spacing:.1em;color:var(--accent)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:-14px -18px 14px;padding:10px 18px;background:var(--stone-1);border-bottom:2px solid var(--outline);box-shadow:inset 2px 2px 0 var(--bevel-hi),inset 0 -2px 0 var(--bevel-lo)}.panel h2{font:700 20px/1.2 var(--display);margin:0;letter-spacing:.06em;color:var(--accent);display:flex;align-items:baseline;gap:10px}.panel h2 .muted{font-size:14px;font-weight:400;color:var(--text-dim)}.panel-badges{display:flex;gap:6px}.badge{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 8px;font-size:13px;font-weight:700;background:var(--well);border:2px solid var(--outline);box-shadow:inset 2px 2px 0 var(--bevel-lo)}.badge.coin{color:var(--gold)}.badge.hp{color:var(--rose)}.badge.gain{color:var(--poison)}.panel p{margin:6px 0;color:var(--text-dim);line-height:1.55;font-size:14px}.panel p b{color:var(--text)}.mode-pick{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px}.mode-btn{display:grid;grid-template-columns:26px 1fr;grid-template-rows:auto auto;column-gap:10px;row-gap:3px;align-items:center;text-align:left;padding:10px 12px 11px;cursor:pointer;background:var(--panel-2);color:var(--text-dim);transition:background .12s ease}.mode-btn.arena{--mode: var(--rose)}.mode-btn.dungeon{--mode: var(--cyan)}.mode-btn .mode-ico{grid-row:1 / 3;width:24px;height:24px;image-rendering:pixelated}.mode-btn.arena .mode-ico{background:radial-gradient(circle,var(--mode) 0 22%,transparent 23% 52%,var(--mode) 53% 74%,transparent 75%)}.mode-btn.dungeon .mode-ico{background:conic-gradient(var(--mode) 0 25%,transparent 0 50%,var(--mode) 0 75%,transparent 0);box-shadow:inset 0 0 0 2px var(--mode)}.mode-btn b{font:700 16px/1.2 var(--display);letter-spacing:.08em;color:var(--text)}.mode-btn small{font-size:12px;line-height:1.4}.mode-btn:hover{background:var(--stone-2)}.mode-btn[aria-checked=true]{background:var(--stone-2);color:var(--text);border-color:var(--mode);box-shadow:inset 2px 2px 0 var(--bevel-hi),inset -2px -2px 0 var(--bevel-lo),0 0 0 1px var(--mode)}.mode-btn[aria-checked=true] b{color:var(--mode)}.mode-btn[aria-checked=true] b:after{content:"✓";margin-left:6px;font-size:12px;font-family:var(--body)}.mode-btn:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.badge.mode{color:var(--text);font-family:var(--display);letter-spacing:.1em;font-weight:700}.goal{color:var(--text)!important;font-size:15px!important;margin:0 0 16px!important}.flavor{font-family:var(--display);font-size:14px!important;margin:0 0 12px!important}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:16px}.row.end{justify-content:flex-end}.row.settings{gap:16px;margin-top:12px}.btn{appearance:none;border:2px solid var(--outline);background:var(--panel-2);box-shadow:inset 2px 2px 0 var(--bevel-hi),inset -2px -2px 0 var(--bevel-lo),0 2px 0 var(--outline);padding:9px 16px;cursor:pointer;font-weight:700;font-size:14px;transition:background .12s ease}.btn:hover{background:var(--stone-2)}.btn:active{transform:translateY(2px);box-shadow:inset 2px 2px 0 var(--bevel-lo),inset -2px -2px 0 var(--bevel-hi)}.btn.primary{background:var(--accent);color:var(--outline);box-shadow:inset 2px 2px #ffffff59,inset -2px -2px #00000059,0 2px 0 var(--outline)}.btn.primary:hover{filter:brightness(1.1);background:var(--accent)}.btn.primary kbd{background:#00000038;border-color:#0000004d;color:inherit;box-shadow:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{background:transparent;box-shadow:inset 0 0 0 1px var(--line)}.btn.ghost:hover{background:var(--stone-1)}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choices.two{grid-template-columns:1fr 1fr}.item{text-align:left;padding:10px 10px 8px;cursor:pointer;display:flex;flex-direction:column;gap:7px;min-height:150px;--rim: var(--stone-3);transition:background .12s ease}.item.rare{--rim: var(--violet)}.item.epic{--rim: var(--gold)}.item.synergy{--rim: var(--poison)}.item:hover:not(:disabled),.item:focus-visible{background:var(--stone-1);box-shadow:inset 0 0 0 2px var(--rim),inset 2px 2px 0 var(--bevel-hi);outline:none}.item:focus-visible{box-shadow:inset 0 0 0 2px var(--cyan),inset 2px 2px 0 var(--bevel-hi)}.item:active:not(:disabled){transform:translateY(1px)}.item:disabled{cursor:not-allowed}.item:disabled>*{opacity:.5}.item:disabled .item-foot{opacity:1}.item-top{display:flex;align-items:flex-start;gap:9px}.item-top .icon{background:var(--well);border:2px solid var(--outline);box-shadow:inset 2px 2px 0 var(--bevel-lo),inset 0 0 0 2px var(--rim);width:44px;height:44px;padding:4px}.item-top kbd{margin-left:auto}.item-title{display:grid;gap:4px;min-width:0}.item-title b{font-size:15px;line-height:1.25}.item.epic .item-title b{color:var(--gold)}.item.rare .item-title b{color:var(--violet)}.item-fx{font-size:12.5px;color:var(--text);line-height:1.5}.item-fx.trade{display:grid;gap:2px}.item-nums{font-size:11.5px;color:var(--text-dim);line-height:1.5}.item-foot{margin-top:auto;display:flex;justify-content:flex-end;align-items:center;padding-top:6px;border-top:1px solid var(--outline);box-shadow:0 -1px 0 var(--bevel-hi) inset}.item-foot .hint{font-size:11px;color:var(--text-faint);letter-spacing:.1em}.price{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;font-size:13px;font-weight:700;font-family:var(--mono);background:var(--well);border:2px solid var(--outline);box-shadow:inset 2px 2px 0 var(--bevel-lo);color:var(--gold)}.price.hp{color:var(--rose)}.price.none{color:var(--text-dim)}.price.no{color:var(--text-faint)}.shrine-body{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;align-items:center;padding:6px 4px}.shrine-body .ico.shrine.big{grid-row:1 / 3}.shrine-time{display:flex;align-items:baseline;gap:10px;font-size:30px;font-weight:700}.shrine-time .from{color:var(--text-dim)}.shrine-time .to{color:var(--cyan)}.shrine-time .arrow{color:var(--text-faint);font-size:20px}.shrine-time small{font-size:13px;color:var(--text-dim)}.shrine-body p{margin:0}.stats{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:6px 12px;margin:0;padding:10px 12px;font-size:13px}.stats dt{color:var(--text-dim)}.stats dd{margin:0}.stats dd small{color:var(--text-faint);margin-left:6px;font-size:11px}.run-stats{margin-top:12px}.run-stats summary{cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--text-dim);padding:4px 2px}.run-stats[open] summary{margin-bottom:6px}.help{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:0;font-size:13.5px;line-height:1.5}.help dt{color:var(--text);font-weight:700}.help dd{margin:0;color:var(--text-dim)}.help kbd{margin:0 1px}.seed{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--text-dim)}.seed input{font:13px var(--mono);color:var(--text);padding:8px 10px;width:150px}.seed input::placeholder{color:var(--text-faint)}.toggle{display:inline-flex;gap:6px;align-items:center;font-size:13px;color:var(--text-dim);cursor:pointer}.toggle input{accent-color:var(--cyan);width:14px;height:14px}.panel .backpack{margin-bottom:4px}@media(max-width:760px){#hud{padding:8px}.hud-top{grid-template-columns:1fr 1fr;gap:8px}.clock{grid-column:1 / -1;order:-1;justify-self:center;min-width:140px;padding:3px 14px 5px}.clock-num{font-size:32px}.vitals{width:100%}.nav,.arena-nav{width:100%;justify-self:stretch}.mode-btn small{font-size:11px}#minimap{height:72px}.obj .lbl{display:none}.obj{grid-template-columns:12px 16px 1fr auto}.slot{width:40px;height:40px}.slot.r{width:24px;height:24px}.strip{gap:6px;padding:5px}.choices,.choices.two{grid-template-columns:1fr}.item{min-height:0}.stats{grid-template-columns:auto 1fr}.help{grid-template-columns:1fr;gap:2px 0}.help dd{margin-bottom:8px}.panel h1{font-size:32px}.panel{padding:12px 12px 14px}.panel-head{margin:-12px -12px 12px;padding:8px 12px}.room{font-size:12px;padding:5px 9px}}@media(max-width:640px){.mode-pick{grid-template-columns:1fr;gap:8px}.sheet{left:8px;right:8px;width:auto;bottom:60px;max-height:calc(100% - 120px);padding:8px}.backpack{grid-template-columns:1fr;gap:8px}.bp-detail{order:-1;min-height:0}.bp-cells.weapons{grid-template-columns:repeat(4,1fr)}.bp-cells.relics{grid-template-columns:repeat(5,1fr)}.cell,.relics .cell{width:auto;height:auto;aspect-ratio:1}.det-nums .stat b{font-size:16px}}#app[data-reduced-motion=true] *{animation:none!important;transition:none!important}#app[data-skin=astra],#app[data-skin=fable]{--outline: #100e15;--panel: #242125;--panel-2: #373034;--well: #14151b;--stone-0: #1a1b23;--stone-1: #373034;--stone-2: #51434a;--stone-3: #73615e;--stone-4: #a18a74;--bevel-hi: #80705a;--bevel-lo: #171319;--line: #554841;--gold: #efd08a;--gold-deep: #ac7944;--rose: #ed8178;--rose-deep: #a74657;--cyan: #94d5cf;--violet: #b5a6d3;--text: #f4ecd7;--text-dim: #c9baa8;--text-faint: #b09d90}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.pixel-digits{display:inline-block;width:auto;height:10px;flex:none;vertical-align:middle;shape-rendering:crispEdges}.pf,.pf:not(button){border:8px solid transparent;border-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' shape-rendering='crispEdges'%3E%3Cpath fill='%23100e15' d='M4 0h16v2h2v2h2v16h-2v2h-2v2H4v-2H2v-2H0V4h2V2h2z'/%3E%3Cpath fill='%2380705a' d='M4 2h16v2h2v16h-2v2H4v-2H2V4h2z'/%3E%3Cpath fill='%234e413c' d='M6 4h12v2h2v12h-2v2H6v-2H4V6h2z'/%3E%3Cpath fill='%23242125' d='M8 6h8v2h2v8h-2v2H8v-2H6V8h2z'/%3E%3Cpath fill='%23e4bf79' d='M4 4h2v2H4zM18 4h2v2h-2zM4 18h2v2H4zM18 18h2v2h-2z'/%3E%3Cpath fill='%23100e15' d='M6 6h2v2H6zM16 6h2v2h-2zM6 16h2v2H6zM16 16h2v2h-2z'/%3E%3C/svg%3E") 8 stretch;background:var(--panel);background-clip:padding-box;box-shadow:none;clip-path:none}.vitals,.clock,.arena-nav,.nav,.panel,.strip{position:relative}.vitals:before,.clock:before,.arena-nav:before,.nav:before,.panel:before,.strip:before{content:"";position:absolute;pointer-events:none;inset:-8px;background:linear-gradient(var(--gold),var(--gold)) left 4px top 4px / 4px 4px no-repeat,linear-gradient(var(--gold),var(--gold)) right 4px top 4px / 4px 4px no-repeat,linear-gradient(var(--gold-deep),var(--gold-deep)) left 4px bottom 4px / 4px 4px no-repeat,linear-gradient(var(--gold-deep),var(--gold-deep)) right 4px bottom 4px / 4px 4px no-repeat}.clock{border-image-outset:2px}.clock:after{content:"";position:absolute;width:8px;height:4px;left:calc(50% - 4px);bottom:-10px;background:var(--gold-deep);box-shadow:2px 4px 0 -1px var(--outline)}#hud{padding:max(12px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.hud-top{gap:14px}.vitals{width:236px;padding:5px 7px;gap:7px}.hp-row{gap:8px}.hp-row .ico.heart{width:24px;height:22px}.bar.hp{height:18px}.bar i,.sand i{transition:none}.bar.hp i{background:var(--rose)}.bar.xp{height:6px}.sub-row{padding-left:2px}.sub-row .coin{gap:7px}.sub-row .coin .pixel-digits{height:15px}.lv{color:var(--text-dim)}.clock{min-width:176px;padding:4px 10px 5px}.clock-face{display:flex;align-items:center;justify-content:center;gap:10px}.clock-face .ico{width:20px;height:28px}.clock-num{line-height:1;font-size:30px;letter-spacing:0;display:flex;align-items:center;min-height:35px;filter:drop-shadow(2px 2px 0 var(--outline))}.clock-num .pixel-digits{height:30px}.clock-sub{font-size:11px;gap:6px}.sand{height:6px;margin:6px 0}.arena-nav{width:208px;padding:5px 7px 6px;gap:6px}.an-head{font-family:var(--body);font-size:12px;font-weight:700;letter-spacing:0}.an-wave{font:11px var(--body)}.bar.kills{height:20px}.bar.kills .pixel-digits{height:10px}.an-row{font-size:11px;gap:6px}.an-row .ico{width:16px;height:16px}.an-row .cost .ico{width:12px;height:12px}.an-row .cost .pixel-digits{height:10px}.an-row.boss{color:var(--text)}.nav{padding:4px}.strip{gap:7px;padding:3px}.slot.empty{border:2px solid var(--stone-2);background:var(--well)}.slot.empty:after{content:"";width:4px;height:4px;background:var(--stone-2)}.hud-actions{display:flex;gap:8px;align-items:center}.room{padding:3px 6px;font:12px var(--body);letter-spacing:0}.pause-btn{width:44px;height:44px;display:grid;place-items:center;padding:0;cursor:pointer;pointer-events:auto}.pause-btn:hover{background:var(--stone-2)}.pause-btn:active{transform:translateY(2px)}.ico.pause{width:16px;height:18px;background:linear-gradient(to right,var(--gold) 0 37.5%,transparent 37.5% 62.5%,var(--gold) 62.5%)}.ico.heart,.ico.coin,.ico.shrine,.ico.boss{clip-path:none;box-shadow:none;background-color:transparent;background-size:100% 100%;background-repeat:no-repeat;image-rendering:pixelated}.ico.heart{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 11' shape-rendering='crispEdges'%3E%3Cpath fill='%23100e15' d='M1 0h4v1h2V0h4v1h1v5h-1v1h-1v1H9v1H8v1H7v1H5v-1H4V9H3V8H2V7H1V6H0V1h1z'/%3E%3Cpath fill='%23a74657' d='M1 2h4v1h2V2h4v4h-1v1H9v1H8v1H7v1H5V9H4V8H3V7H2V6H1z'/%3E%3Cpath fill='%23ed8178' d='M2 1h2v1h1v1h2V2h1V1h2v4H9v1H8v1H7v1H5V7H4V6H3V5H2z'/%3E%3Cpath fill='%23ffceb0' d='M2 2h2v1H2zM2 3h1v1H2z'/%3E%3C/svg%3E")}.ico.coin{width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' shape-rendering='crispEdges'%3E%3Cpath fill='%23100e15' d='M3 0h4v1h2v2h1v4H9v2H7v1H3V9H1V7H0V3h1V1h2z'/%3E%3Cpath fill='%23ac7944' d='M3 1h4v1h1v1h1v4H8v1H7v1H3V8H2V7H1V3h1V2h1z'/%3E%3Cpath fill='%23efd08a' d='M3 1h3v1h1v1h1v3H7v1H6v1H3V7H2V3h1z'/%3E%3Cpath fill='%23fff1bd' d='M3 2h2v1H3zM2 3h1v2H2z'/%3E%3Cpath fill='%23ac7944' d='M5 3h1v3H5z'/%3E%3C/svg%3E")}.ico.shrine{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 14' shape-rendering='crispEdges'%3E%3Cpath fill='%23100e15' d='M0 0h10v3H9v2H8v1H7v2h1v1h1v2h1v3H0v-3h1V9h1V8h1V6H2V5H1V3H0z'/%3E%3Cpath fill='%2394d5cf' d='M2 3h6v2H7v1H6v2h1v1h1v2H2V9h1V8h1V6H3V5H2z'/%3E%3Cpath fill='%233c747d' d='M2 3h1v2H2zM7 3h1v2H7zM3 9h1v2H3z'/%3E%3Cpath fill='%23efd08a' d='M1 1h8v1H1zM1 12h8v1H1zM4 9h2v2H4z'/%3E%3C/svg%3E")}.ico.boss{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' shape-rendering='crispEdges'%3E%3Cpath fill='%23100e15' d='M0 0h2v2h1V1h4v1h1V0h2v7H8v3H2V7H0z'/%3E%3Cpath fill='%23ed8178' d='M1 1h1v3h1V2h4v2h1V1h1v5H7v3H3V6H1z'/%3E%3Cpath fill='%23100e15' d='M3 4h1v2H3zM6 4h1v2H6zM4 7h2v1H4z'/%3E%3C/svg%3E")}.panel{padding:16px;filter:none}.panel.pause{width:min(560px,100%);--accent: var(--gold)}.panel-head{margin:-8px -8px 16px;padding:10px 8px;background:none;box-shadow:none;border-bottom:2px solid var(--line)}.panel h2{font-family:var(--body);font-size:20px;letter-spacing:0}.current-mode{color:var(--text-dim);font-size:12px}.run-settings{display:grid;grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:10px}.run-settings label{font-size:13px;color:var(--text)}.run-settings select{appearance:auto;min-height:44px;width:100%;min-width:0;padding:8px;border:2px solid var(--bevel-hi);border-radius:0;background:var(--well);color:var(--text);font:14px var(--body);cursor:pointer}.panel p.setting-note{font-size:12px;margin:8px 0 0;color:var(--text-dim)}.pause-pack{margin-top:16px}.pause-pack summary,.run-stats summary{min-height:36px;padding:8px 0;font-size:13px;cursor:pointer;color:var(--text-dim)}.pause-pack[open] summary{margin-bottom:8px}.pause-pack .backpack{grid-template-columns:1fr}.pause-pack .bp-grid{display:flex;flex-wrap:wrap}.toggle{min-height:36px}.toggle input{width:18px;height:18px}.btn{min-height:44px;font-size:13px;padding:8px 12px}.item{border-width:8px}.item:hover:not(:disabled),.item:focus-visible{box-shadow:inset 0 0 0 2px var(--rim)}.item:focus-visible{outline:2px solid var(--cyan);outline-offset:-2px}.sheet{bottom:82px}#touchpad .pad-base{border-radius:50%}#touchpad .pad-knob{border-radius:0;clip-path:polygon(25% 0,75% 0,75% 10%,90% 10%,90% 25%,100% 25%,100% 75%,90% 75%,90% 90%,75% 90%,75% 100%,25% 100%,25% 90%,10% 90%,10% 75%,0 75%,0 25%,10% 25%,10% 10%,25% 10%)}@media(max-width:760px){#hud{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.hud-top{grid-template-columns:minmax(0,1fr) auto;gap:8px}.vitals{width:100%;max-width:236px;padding:3px 4px;grid-column:1;grid-row:1}.clock{order:0;grid-column:2;grid-row:1;min-width:148px;padding:3px 6px}.clock-num .pixel-digits{height:25px}.clock-face{gap:6px}.clock-face .ico{width:16px;height:24px}.clock-sub{font-size:11px;gap:4px}.arena-nav,.nav{grid-column:1 / -1;width:min(300px,100%);justify-self:end}.arena-nav{grid-template-columns:1fr 1fr;gap:5px 10px;padding:3px 5px}.an-head{grid-column:1;grid-row:1}.bar.kills{grid-column:2;grid-row:1;height:18px}.an-row{font-size:11px;gap:4px}.nav{width:150px}#minimap{height:60px}.strip{gap:4px;padding:1px}.wslots{gap:2px}.slot{width:36px;height:40px}.slot .icon.md{width:28px;height:28px}.bag{padding:0 6px;height:40px}.bag kbd{display:none}.hud-actions,.hud-bottom{gap:4px}.room{padding:2px 3px;font-size:11px}.room .count{display:none}.rslots{max-width:84px;flex-wrap:wrap;gap:2px;padding-left:2px}.slot.r{width:24px;height:24px}.panel{padding:12px}.panel-head{margin:-4px -4px 12px}.sheet{bottom:76px}}@media(max-width:440px){.room{display:none}.vitals{gap:5px}.hp-row .ico.heart{width:20px;height:20px}.hp-row,.sub-row{gap:4px}.sub-row .coin .pixel-digits{height:10px}.run-settings{grid-template-columns:auto 1fr}.panel-badges{flex-wrap:wrap}}@media(max-height:520px)and (orientation:landscape){#hud{padding:max(6px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.hud-top{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px}.vitals{width:min(198px,100%);padding:2px 4px;gap:4px;grid-column:1;grid-row:1}.hp-row .ico.heart{width:18px;height:18px}.clock{min-width:144px;padding:1px 5px;grid-column:2;grid-row:1}.clock-num{min-height:25px}.clock-num .pixel-digits{height:24px}.clock-face .ico{width:14px;height:22px}.sand{margin:3px 0;height:4px}.arena-nav,.nav{grid-column:3;grid-row:1;justify-self:end;width:min(192px,100%)}.arena-nav{display:grid;grid-template-columns:1fr;gap:3px;padding:2px 4px}.arena-nav .an-head,.arena-nav .bar.kills{grid-column:auto;grid-row:auto}.bar.kills{height:16px}.an-row .ico{width:12px;height:12px}.nav{width:154px}#minimap{height:44px}.strip{padding:0;gap:4px}.slot,.bag{height:44px}.sheet{bottom:calc(66px + env(safe-area-inset-bottom));max-height:calc(100% - 80px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}@media(pointer:coarse)and (max-width:600px){.rslots{display:none}.slot,.bag{min-height:44px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}