:root{color-scheme:dark;--bg: #0d1220;--panel: #151d33;--panel-edge: #2a3757;--text: #cfe0ff;--dim: #7a8bad;--accent: #4ad9ff;--warn: #ffd24a;--danger: #ff5a5a;--ok: #6dff8a}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Segoe UI,Microsoft YaHei,sans-serif;font-size:14px;overflow:hidden}#app{display:flex;gap:12px;height:100vh;padding:12px;align-items:stretch}#battle-wrap{position:relative;height:calc(100vh - 24px);aspect-ratio:480 / 720;flex:0 0 auto}#battle{width:100%;height:100%;display:block;background:#05070f;border:1px solid var(--panel-edge);border-radius:6px;image-rendering:auto}#side{flex:1 1 auto;min-width:300px;max-width:520px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.panel{background:var(--panel);border:1px solid var(--panel-edge);border-radius:8px;padding:10px 12px}.panel h3{margin:0 0 8px;font-size:13px;color:var(--accent);letter-spacing:1px}.row{display:flex;align-items:center;gap:8px;margin:5px 0}.label{width:74px;flex:0 0 auto;color:var(--dim)}.value{flex:0 0 auto;min-width:40px}.value.big{font-size:18px;font-weight:700;color:var(--warn)}.bar{flex:1 1 auto;height:12px;background:#0a0f1e;border:1px solid var(--panel-edge);border-radius:6px;overflow:hidden}.bar>div{height:100%;width:0%;transition:width .15s linear}.bar.hp>div{background:linear-gradient(90deg,#ff5a5a,#ff9a5a)}.bar.sup>div{background:linear-gradient(90deg,#2a7fff,#4ad9ff)}.bar.bp>div{background:linear-gradient(90deg,#8a5aff,#d24aff)}.bar.pressure>div{background:linear-gradient(90deg,orange,#ff3500)}.bar.boss>div{background:linear-gradient(90deg,#ff2020,#ff7020)}.bar.chain>div{background:linear-gradient(90deg,#ffd24a,#ff9a2a)}.bar.slot>div{background:linear-gradient(90deg,#23c26a,#6dff8a)}.bar.energy>div{background:linear-gradient(90deg,#23c26a,#6dff8a)}.boss-label{color:var(--danger);font-weight:700}button{background:#1d2b4d;border:1px solid var(--panel-edge);color:var(--text);border-radius:5px;padding:4px 10px;cursor:pointer;font-size:13px}button:hover{background:#27395f}button:disabled{opacity:.4;cursor:not-allowed}button.danger{border-color:#7a2a2a;color:#ff8a8a}#reels{display:flex;gap:10px;justify-content:center;margin:10px 0 6px}.reel{width:96px;height:74px;border:2px solid var(--panel-edge);border-radius:8px;background:#0a0f1e;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;color:var(--dim);padding:2px;text-align:center}.reel .reel-icon{font-size:24px;line-height:1.1}.reel .reel-name{font-size:10px}.reel.spinning{border-color:var(--warn);animation:reelshake .12s infinite}.reel.jackpot{border-color:var(--warn);box-shadow:0 0 16px var(--warn)}#match-badge{text-align:center;font-weight:700;margin:4px 0}#match-badge.pair{color:#4ad9ff}#match-badge.jackpot{color:var(--warn);font-size:16px}@keyframes reelshake{0%{transform:translateY(0)}50%{transform:translateY(2px)}to{transform:translateY(0)}}.pull-btn{display:block;width:100%;padding:10px;font-size:16px;font-weight:700;background:linear-gradient(180deg,#2a5a2a,#1d3d1d);border-color:#3a7a3a;color:var(--ok)}.pull-btn:disabled{background:#1a2438;color:var(--dim)}#buff-list{display:flex;flex-direction:column;gap:4px}.buff-row{display:flex;justify-content:space-between;align-items:center;background:#0a0f1e;border-radius:5px;padding:4px 8px}.buff-row .buff-name{font-weight:600}.buff-row .buff-time{color:var(--dim)}.inst-row{display:flex;justify-content:space-between;align-items:center;padding:2px 8px;font-size:12px}.inst-group-title{font-size:12px;color:var(--dim);margin-top:4px;border-top:1px dashed var(--panel-edge);padding-top:4px}.inst-count{color:var(--accent);font-weight:600}.gear-detail{font-size:11px;color:var(--dim);line-height:1.5}.gear-cols{display:flex;gap:10px}.gear-col{flex:1 1 0;min-width:0}.gear-title{font-size:12px;color:var(--dim);margin:6px 0 4px}.gear-item{background:#0a0f1e;border-radius:5px;padding:4px 8px;margin-bottom:4px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gear-item.equipped{border:1px solid var(--ok)}.gear-item button{float:right;padding:1px 6px;font-size:12px}.gear-item[data-equip]{cursor:pointer}.gear-item[data-equip]:hover{background:#101830}.q0{color:#b8c4d8}.q1{color:#6dff8a}.q2{color:#4ad9ff}.q3{color:#d24aff}.dim{color:var(--dim)}.hint{font-size:12px;color:var(--dim);margin:4px 0}.drop-log{font-size:12px;max-height:110px;overflow-y:auto;color:var(--dim)}.drop-log div{padding:1px 0}.ops-row{display:flex;gap:8px;margin-bottom:6px}.help{margin:4px 0;padding-left:18px;color:var(--dim);font-size:13px}#toasts{position:absolute;top:26px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.toast{background:#0a0f1ed9;border:1px solid var(--panel-edge);color:var(--warn);border-radius:6px;padding:4px 14px;font-size:13px;animation:toastfade 3s forwards}.toast.info{color:var(--accent)}.toast.danger{color:var(--danger)}@keyframes toastfade{0%{opacity:0;transform:translateY(-6px)}10%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0}}#pause-overlay{position:absolute;inset:0;background:#05070fb8;display:flex;align-items:center;justify-content:center;z-index:5}#pause-overlay.hidden{display:none}.pause-box{text-align:center}#pause-title{font-size:28px;font-weight:700;color:var(--warn)}.pause-hint{color:var(--dim);margin-top:8px}.hidden{display:none!important}#dev-controls{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;margin:6px 0}#dev-controls label{font-size:12px;color:var(--dim)}#dev-controls input{width:64px;background:#0a0f1e;color:var(--text);border:1px solid var(--panel-edge);border-radius:4px;padding:2px 4px}.dev-buttons{display:flex;gap:6px;align-items:center;margin:6px 0;flex-wrap:wrap;font-size:12px}#dbg-seed{width:80px;background:#0a0f1e;color:var(--text);border:1px solid var(--panel-edge);border-radius:4px;padding:2px 4px}.metrics{font-size:12px;color:var(--dim);border-top:1px dashed var(--panel-edge);margin-top:8px;padding-top:6px;line-height:1.7}.m-only{display:none}@media(max-width:820px){html,body{font-size:14px}#app{flex-direction:column;padding:0;gap:0;height:100dvh}#side{display:none}.m-only{display:flex}#battle-wrap{position:relative;width:100vw;height:100dvh;aspect-ratio:auto;flex:1 1 auto;overflow:hidden;border:none;border-radius:0;touch-action:none}#battle{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}#toasts{top:96px}#m-hud{position:absolute;top:0;left:0;right:0;z-index:4;flex-direction:column;gap:4px;padding:calc(env(safe-area-inset-top,0px) + 8px) 10px 0;pointer-events:none;background:linear-gradient(180deg,rgba(5,7,15,.75),transparent)}.m-hud-row{display:flex;align-items:center;gap:8px}.m-hp{position:relative;flex:1 1 auto;height:16px;background:#0a0f1eb3;border:1px solid var(--panel-edge);border-radius:8px;overflow:hidden}.m-hp>div{height:100%;background:linear-gradient(90deg,#ff5a5a,#ff9a5a);transition:width .15s linear}.m-hp>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 2px #000}.m-depth{font-size:12px;font-weight:700;color:var(--accent);background:#0a0f1eb3;border-radius:8px;padding:3px 8px;white-space:nowrap}.m-hud-row2{gap:6px}.m-sup{flex:1 1 auto;height:8px;background:#0a0f1eb3;border:1px solid var(--panel-edge);border-radius:4px;overflow:hidden}.m-sup>div{height:100%;background:linear-gradient(90deg,#2a7fff,#4ad9ff)}.m-mini{font-size:11px;color:var(--dim);min-width:20px;text-align:right}.m-chip{font-size:11px;padding:2px 7px;border-radius:8px;background:#0a0f1eb3;border:1px solid var(--panel-edge);color:var(--dim);white-space:nowrap}#m-mode.manual{color:var(--accent);border-color:var(--accent)}.m-boss{height:10px;margin-top:2px;background:#0a0f1eb3;border:1px solid #7a2a2a;border-radius:4px;overflow:hidden}.m-boss>div{height:100%;background:linear-gradient(90deg,#ff2020,#ff7020)}#m-controls{position:absolute;right:calc(env(safe-area-inset-right,0px) + 10px);bottom:calc(env(safe-area-inset-bottom,0px) + 14px);z-index:5;align-items:flex-end;justify-content:flex-end}#m-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.m-pill{min-width:96px;min-height:48px;border-radius:24px;padding:6px 16px;font-size:15px;font-weight:700;background:#0a0f1ed9;border:1px solid var(--panel-edge);color:var(--dim);box-shadow:0 2px 10px #00000080}.m-pill.ready{background:linear-gradient(180deg,#2a5a2a,#1d3d1d);border-color:#3a7a3a;color:var(--ok);animation:pulse 1.2s infinite}.m-pill.active{border-color:var(--warn);color:var(--warn)}.m-menu{display:flex;gap:8px}.m-menu button{width:48px;height:48px;border-radius:12px;font-size:20px;background:#0a0f1ed9;border:1px solid var(--panel-edge);color:var(--text);box-shadow:0 2px 10px #00000080}#joy-hint{position:absolute;left:14px;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);z-index:3;font-size:11px;color:var(--dim);background:#0a0f1e80;border-radius:8px;padding:3px 8px;pointer-events:none}#joy-base{position:absolute;z-index:6;width:116px;height:116px;border-radius:50%;border:2px solid rgba(74,217,255,.55);background:#0a0f1e59;pointer-events:none;transform:translate(-50%,-50%)}#joy-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;border-radius:50%;background:#4ad9ff8c;border:2px solid rgba(122,230,255,.9);transform:translate(-50%,-50%)}.m-sheet{position:absolute;left:50%;transform:translate(-50%);z-index:8;background:#0d1220f0;border:1px solid var(--panel-edge);border-radius:14px;padding:14px;box-shadow:0 8px 30px #0009;flex-direction:column;align-items:center}#m-slot-modal{bottom:120px;max-width:94vw}#m-slot-modal .m-reels{display:flex;gap:8px}#m-slot-modal .reel{width:84px;height:66px}#m-match-badge.pair{color:#4ad9ff;font-weight:700;margin-top:6px}#m-match-badge.jackpot{color:var(--warn);font-weight:700;font-size:16px;margin-top:6px}.m-sheet.fullscreen{inset:0;transform:none;max-width:none;border-radius:0;padding-top:calc(env(safe-area-inset-top,0px) + 8px)}#m-bag-overlay{overflow-y:auto}.m-bag-head{display:flex;justify-content:space-between;align-items:center;width:100%;padding:6px 4px 10px;border-bottom:1px solid var(--panel-edge)}.m-bag-head h3{margin:0;color:var(--accent);font-size:15px}.m-bag-head button{min-height:44px;padding:6px 14px}.m-bag-body{width:100%;padding:8px 4px calc(env(safe-area-inset-bottom,0px) + 20px)}.m-bag-body .gear-item{font-size:13px;white-space:normal}.m-bag-body .gear-item button{float:right;margin-left:6px;min-height:36px;min-width:52px}.m-bag-body .gear-detail{display:block;margin-top:2px}.drop-log{max-height:140px}.pause-hint{font-size:13px}}@keyframes pulse{0%,to{box-shadow:0 0 #6dff8a80}50%{box-shadow:0 0 0 8px #6dff8a00}}:root{--bg:#09111c;--panel:#121f30;--panel-edge:#2a3d51;--text:#dbe6ef;--dim:#8b9db0;--accent:#8ed8e6}body{background:radial-gradient(ellipse at 30% 0,#192e44 0,#0a111d 75%)}#app{gap:18px;padding:16px}#battle-wrap{height:min(calc(100vh - 32px),calc((100vw - 370px)*1.5));align-self:center}#battle{border-radius:12px;border-color:#46627a66;box-shadow:0 12px 45px #0007}#side{max-width:560px;gap:12px;scrollbar-width:thin;scrollbar-color:#32475c transparent;padding-right:6px}.brand{padding:4px 8px 0}.eyebrow{color:#7fa6bd;font-size:10px;letter-spacing:3px}h1{font-size:26px;letter-spacing:3px;margin:8px 0;font-weight:600}h1 span{display:block;font-size:9px;letter-spacing:4px;font-weight:400;color:#8197ab;margin-top:6px}.goal{color:#adcbd8;font-size:12px;line-height:1.6;margin:8px 0}.panel{padding:14px 16px;background:linear-gradient(140deg,#18293aee,#101c2bee);border-color:#354b6155;border-radius:12px}.panel h3{letter-spacing:1px;font-size:12px;font-weight:500;margin-bottom:10px}.bar{height:6px;border:0;border-radius:3px;background:#07121f}.bar.hp>div{background:linear-gradient(90deg,#6ba9b5,#a2e9d1)}.bar.sup>div{background:#6badd5}.bar.energy>div{background:linear-gradient(90deg,#728dbd,#b7a5da)}.resource-title{display:flex;align-items:center;justify-content:space-between}.resource-title span{color:#bac7d3;font-size:12px}.resource-title b{color:#edce98;font-size:23px;font-weight:500;margin-left:8px}.upgrade-row{display:flex;gap:8px;margin:8px 0;flex-wrap:wrap}.upgrade-row button{flex:1;min-height:38px;color:#c2e6ee;border-color:#4e7484}button{border-radius:7px;padding:6px 11px;background:#20364b;transition:background .15s,border-color .15s}button:hover{background:#2b4860;border-color:#7cafc0}button:disabled{opacity:.45;cursor:default}.harvest{font-size:11px;color:#9eafc0;border-top:1px solid #a9d7ff16;padding-top:9px;margin-top:10px}.hint{line-height:1.65}.reel{background:#0a1725;border-color:#3b526b;width:calc((100% - 20px)/3);height:65px;border-radius:9px}.reel .reel-icon{font-size:22px;color:#c6dce8}.pull-btn{background:linear-gradient(130deg,#375a62,#253c54);border-color:#689a9e;font-weight:500;letter-spacing:1px}.pull-btn:hover{background:#426b72}.gear-cols{display:flex;flex-direction:column;gap:12px}.gear-item{background:#0b1825;border:1px solid #2c435755;padding:11px;border-radius:8px;line-height:1.65;margin:5px 0}.gear-item.dim{color:var(--text)}.gear-detail{color:#9caebe;font-size:11px}.gear-item button{float:right;font-size:11px}details{border-top:1px solid #b6d3e817;padding:9px 0 0;margin-top:8px}summary{color:#a5b8c9;font-size:12px;cursor:pointer;padding:3px 0}.locked{font-size:12px;color:#8d9bab;padding:12px 4px}.queue-row{padding:8px;border:1px solid #668c9955;border-radius:8px;font-size:12px}.queue-row button{margin-left:8px}.drop-log{max-height:220px;font-size:11px}.drop-log>div{padding:7px 0;border-bottom:1px solid #ffffff09}.drop-log small{display:block;color:#b2c99e}.q0{color:#c6d2df}.q1{color:#99d8b2}.q2{color:#85bbee}.q3{color:#c6a0e5}.toast{background:#142b3aee;border:1px solid #62899766;font-size:12px;box-shadow:0 4px 16px #0003}#buff-panel:has(.dim:only-child){opacity:.75}@media(max-width:820px){#app{padding:0;gap:0}#battle-wrap{height:100dvh}#battle{border-radius:0}.m-bag-body{background:#101d2b}.m-hud-row2{gap:6px;flex-wrap:wrap}.m-chip{font-size:10px}.m-bag-head{background:#182c3d}.m-bag-body .upgrade-row{position:sticky;top:0;z-index:2;background:#101d2b;padding:8px 0}.m-pill.ready{background:#325d64;border-color:#8ebdbd;box-shadow:0 0 12px #83ced033}}