:root{--bg: #0d1020;--bg2: #141834;--panel: #1a1f42;--panel2: #232a55;--glass: rgba(255, 255, 255, .06);--glass2: rgba(255, 255, 255, .11);--line: rgba(148, 130, 255, .2);--line2: rgba(148, 130, 255, .45);--txt: #f2f3ff;--dim: #a4aad4;--gold: #ffc94d;--gem: #5ee6ff;--soul: #b98cff;--hp: #ff5e7a;--good: #5ef2a0;--bad: #ff5e6c;--accent: #7c5cff;--accent2: #b98cff;--c-common: #4ade80;--c-uncommon: #38bdf8;--c-rare: #c084fc;--c-epic: #fbbf24;--c-legendary: #f97316;--c-mythic: #ef4444;font-size:16px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{background:radial-gradient(1100px 500px at 50% -12%,rgba(124,92,255,.3),transparent 60%),radial-gradient(900px 500px at 85% 110%,rgba(94,230,255,.12),transparent 55%),var(--bg);color:var(--txt);font-family:Rubik,Segoe UI,system-ui,sans-serif;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:manipulation;overscroll-behavior:none}::selection{background:#7c5cff73}#app{display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:560px;margin:0 auto;width:100%;background:linear-gradient(180deg,rgba(124,92,255,.1),transparent 260px),var(--bg);border-left:1px solid rgba(255,255,255,.05);border-right:1px solid rgba(255,255,255,.05);box-shadow:0 0 80px #0000008c;position:relative}#topbar{display:flex;align-items:center;gap:6px;padding:10px;flex-wrap:wrap;background:#131730e6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.res{display:flex;align-items:center;gap:5px;font-weight:600;font-size:.95rem;background:var(--glass);border:1px solid var(--line);border-radius:999px;padding:4px 10px}.res .ico{width:16px;height:16px}.res.gold{color:var(--gold)}.res.ore{color:#e8915a}.res.gem{color:var(--gem)}.res.soul{color:var(--soul)}.res.pow{color:#ffb347}.res.pick{color:#c9a06a}.res.pick.low{color:var(--bad)}#tb-level{display:flex;flex-direction:column;gap:3px;min-width:56px;font-weight:800;font-size:.9rem;color:var(--gold)}#tb-level .lvxp{width:100%;height:5px;border-radius:99px;overflow:hidden;background:#0000008c;border:1px solid var(--line)}#tb-level .lvxp i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent2));box-shadow:0 0 8px #b98cffb3;transition:width .25s}#speed-btns{margin-left:auto;display:flex;gap:2px;background:var(--glass);border:1px solid var(--line);border-radius:999px;padding:3px}.spd{border:0;background:transparent;color:var(--dim);border-radius:999px;padding:4px 10px;font-weight:700;cursor:pointer;font-size:.78rem;transition:color .15s,background .15s}.spd.on{background:linear-gradient(135deg,var(--accent),#5a3fd4);color:#fff;box-shadow:0 0 12px #7c5cff80}.ftabs{display:flex;gap:5px}.ftab{flex:1;border:1px solid var(--line);background:var(--glass);color:var(--dim);border-radius:10px;padding:9px 2px;font-weight:700;font-size:.88rem;cursor:pointer;transition:color .15s,background .15s,border-color .15s}.ftab.on{background:linear-gradient(135deg,var(--accent),#5a3fd4);color:#fff;border-color:transparent;box-shadow:0 0 12px #7c5cff80}#skill-col{position:absolute;right:14px;bottom:40px;z-index:5;display:flex;flex-direction:row-reverse;align-items:center;gap:5px}.skbtn{width:58px;height:58px;border-radius:50%;border:2px solid var(--line2);background:radial-gradient(circle at 35% 30%,#ffe488,var(--gold) 60%,#b8862a);box-shadow:0 0 16px #ffc94d8c,inset 0 2px 4px #fff6;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s,filter .15s,box-shadow .15s;font-family:Rubik,sans-serif;color:#2a1c00;padding:0}.skbtn:active:not(:disabled){transform:scale(.9)}.skbtn .sk-ico{font-size:1.35rem;line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.skbtn .sk-cd{font-size:.68rem;font-weight:800;margin-top:-1px}.skbtn:disabled{cursor:default;filter:grayscale(.85) brightness(.55);box-shadow:none;border-color:var(--line)}.sk-lock{height:58px;width:33px;border-radius:9px;border:1px dashed var(--line2);background:#0a0c16b3;color:var(--dim);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:.55rem;font-weight:800;letter-spacing:.02em}.sk-lock .lk{font-size:.6rem}#auto-skill{position:absolute;left:14px;bottom:40px;z-index:5;width:52px;height:52px;border-radius:50%;border:2px solid var(--line);background:radial-gradient(circle at 35% 30%,#2a3050,#161a30 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s,filter .15s,box-shadow .15s;font-family:Rubik,sans-serif;color:var(--dim);opacity:.8}#auto-skill:active{transform:scale(.9)}#auto-skill #auto-skill-ico{font-size:1rem;line-height:1}#auto-skill #auto-skill-state{font-size:.56rem;font-weight:800;letter-spacing:.04em}#auto-skill.on{color:#fff;border-color:var(--accent2);opacity:1;background:radial-gradient(circle at 35% 30%,#b98cff,var(--accent) 65%,#4a2fb0);box-shadow:0 0 14px #7c5cff8c,inset 0 2px 4px #ffffff4d}#stage{position:relative;flex:0 0 auto;margin:10px;border-radius:16px;overflow:hidden;border:1px solid var(--line2);box-shadow:0 10px 32px #00000080,0 0 30px #7c5cff1a}#phaser-wrap{width:100%;aspect-ratio:4 / 3;background:#05060e}#phaser-wrap.ph-off{position:absolute;visibility:hidden;pointer-events:none}#phaser-wrap canvas{display:block}#mine-host{position:relative}#mine-host #phaser-wrap{border-radius:10px;overflow:hidden;cursor:pointer;touch-action:manipulation}#dj-host #phaser-wrap{border-radius:10px;overflow:hidden}.no-battle #skill-col,.no-battle #auto-skill{display:none}.no-battle #stage{margin:6px 10px;box-shadow:none;border-radius:12px}.no-battle #floorbar{position:static;background:#05060e99}@media(max-height:560px){#phaser-wrap{max-height:42dvh;width:auto;aspect-ratio:4 / 3;max-width:100%;margin:0 auto}}#floorbar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:8px;padding:6px 12px;background:linear-gradient(180deg,transparent,rgba(5,6,14,.85) 40%);font-size:.85rem;font-weight:700}#fb-floor{text-shadow:0 0 10px rgba(185,140,255,.6)}#floorbar .bar{flex:1;height:8px;background:#0000008c;border:1px solid var(--line2);border-radius:99px;overflow:hidden}#floorbar .bar>div{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent2),var(--gem));box-shadow:0 0 10px #b98cffb3;transition:width .2s}#fb-label{color:var(--dim)}.res-bar{position:sticky;top:6px;z-index:5;background:#0e101ee0!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 6px 18px #00000059}.pick-row{display:flex;align-items:center;gap:8px;padding:7px 2px;border-top:1px solid var(--line)}.pick-row:first-of-type{border-top:none}.pkico{width:22px;height:22px;flex-shrink:0}.btn.sm{padding:4px 9px;font-size:.72rem;border-radius:8px}.recipe-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:22px}.recipe{display:flex;align-items:center;gap:8px;padding:10px 9px;border-radius:12px;border:1px solid var(--line);background:#ffffff08;color:var(--txt);font-family:inherit;font-weight:600;font-size:.84rem;cursor:pointer;transition:border-color .15s,background .15s}.recipe:hover:not(:disabled){border-color:var(--accent2);background:#b98cff14}.recipe:disabled{opacity:.45;cursor:default}.recipe img{width:27px;height:27px;flex-shrink:0}.recipe .cost{margin-left:auto;color:#e8915a;font-size:.74rem;white-space:nowrap}.menu-item{display:flex;align-items:center;gap:10px;cursor:pointer;position:relative;transition:border-color .15s,transform .1s}.menu-item:hover{border-color:var(--accent2)}.menu-item:active{transform:scale(.985)}.menu-item .mico{width:26px;height:26px;flex-shrink:0}.menu-item .dot{position:absolute;top:8px;right:10px}#tabbar{display:flex;background:#131730f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);overflow-x:auto;scrollbar-width:none}.tab{flex:1;min-width:52px;padding:8px 2px 10px;text-align:center;cursor:pointer;color:var(--dim);font-size:.7rem;font-weight:600;position:relative;transition:color .15s}.tab .tico{display:block;width:26px;height:26px;margin:0 auto 3px;opacity:.65;transition:opacity .15s,filter .15s}.tab .temoji{font-size:1.5rem;line-height:26px;width:auto}.tab.on{color:var(--txt)}.tab.on .tico{opacity:1;filter:drop-shadow(0 0 7px rgba(185,140,255,.8))}.tab.on:before{content:"";position:absolute;top:0;left:22%;right:22%;height:2px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,transparent,var(--accent2),transparent);box-shadow:0 0 12px #b98cffcc}.tab .dot{position:absolute;top:4px;right:calc(50% - 19px);width:8px;height:8px;border-radius:50%;background:var(--hp);box-shadow:0 0 8px var(--hp)}#panel-root{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.panel{padding:4px 12px 12px;display:none}.panel.on{display:block}.ptitle{font-size:1.05rem;font-weight:700;letter-spacing:.02em;margin:12px 0 8px;display:flex;align-items:center;gap:8px}.ptitle .sub{font-size:.76rem;color:var(--dim);font-weight:500;margin-left:auto}.card{background:linear-gradient(180deg,var(--glass2),var(--glass));border:1px solid var(--line);border-radius:12px;padding:11px 12px;margin-bottom:6px;box-shadow:0 4px 16px #00000047}.row{display:flex;align-items:center;gap:8px;min-width:0}.row+.row{margin-top:5px}.grow{flex:1;min-width:0}.small{font-size:.78rem;color:var(--dim)}.statline{display:flex;justify-content:space-between;font-size:.85rem;padding:2px 0}.statline b{color:var(--gold);font-weight:600}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:6px}.grid2 .card{margin-bottom:0;height:100%}.stat-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}.slot-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}.slot-card{display:flex;align-items:center;gap:8px;cursor:pointer;transition:border-color .15s,transform .1s}.slot-card:active{transform:scale(.97)}.slot-card:hover{border-color:var(--accent2)}button.btn{background:var(--glass2);color:var(--txt);border:1px solid var(--line2);border-radius:10px;padding:9px 14px;font-weight:600;font-size:.88rem;font-family:inherit;cursor:pointer;white-space:nowrap;touch-action:manipulation;transition:transform .08s ease,filter .15s,box-shadow .15s,background .15s}button.btn:hover{filter:brightness(1.2)}button.btn:active{transform:scale(.95)}button.btn:disabled{opacity:.4;cursor:default;transform:none}button.btn.off{opacity:.4;cursor:default;transform:none}button.btn.primary{background:linear-gradient(135deg,var(--accent),#5a3fd4);border-color:#b98cff99;box-shadow:0 4px 18px #7c5cff66,inset 0 1px #ffffff2e}button.btn.gold{background:linear-gradient(135deg,#f0a832,#c47f0e);border-color:#ffc94d99;color:#1a1206;box-shadow:0 4px 18px #f0a83259,inset 0 1px #ffffff40}button.btn.danger{background:linear-gradient(135deg,#e14b63,#a02838);border-color:#ff5e7a8c;box-shadow:0 4px 18px #e14b634d}button.btn.big{padding:11px 18px;font-size:.95rem;border-radius:12px}.item{display:flex;align-items:center;gap:10px;background:var(--glass);border:1px solid var(--line);border-radius:12px;padding:7px 9px;margin-bottom:6px;transition:border-color .15s,background .15s}.item:hover{background:var(--glass2)}.item .iico{width:36px;height:36px;flex:0 0 auto;background:#00000080;border-radius:9px;border:2px solid var(--c-common)}.item.r-common .iico{border-color:var(--c-common)}.item.r-uncommon .iico{border-color:var(--c-uncommon);box-shadow:0 0 10px #38bdf859}.item.r-rare .iico{border-color:var(--c-rare);box-shadow:0 0 10px #c084fc66}.item.r-epic .iico{border-color:var(--c-epic);box-shadow:0 0 12px #fbbf2473}.item.r-legendary .iico{border-color:var(--c-legendary);box-shadow:0 0 14px #f9731680}.item.r-mythic .iico{border-color:var(--c-mythic);box-shadow:0 0 16px #ef444499}.item .iname{font-size:.86rem;font-weight:700;overflow-wrap:anywhere}.item .istat{font-size:.78rem;color:var(--dim);overflow-wrap:anywhere}.item>div[style*="flex-direction:column"]{flex-shrink:0}.inv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:5px}.equip-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.equip-grid .inv-cell{width:58px;flex:none}.inv-cell{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--glass);border:1.5px solid var(--line);border-radius:9px;cursor:pointer;transition:transform .08s,border-color .15s}.inv-cell img{width:68%;height:68%}.inv-cell:active{transform:scale(.93)}.inv-cell.r-common{border-color:var(--c-common)}.inv-cell.r-uncommon{border-color:var(--c-uncommon);box-shadow:0 0 8px #38bdf840}.inv-cell.r-rare{border-color:var(--c-rare);box-shadow:0 0 8px #c084fc4d}.inv-cell.r-epic{border-color:var(--c-epic);box-shadow:0 0 10px #fbbf2459}.inv-cell.r-legendary{border-color:var(--c-legendary);box-shadow:0 0 12px #f9731666}.inv-cell.r-mythic{border-color:var(--c-mythic);box-shadow:0 0 14px #ef444480}.ench-cell{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#00000040;border:2px dashed var(--line);border-radius:9px;font-size:1.1rem;cursor:pointer;padding:0;color:var(--dim)}.ench-cell:hover{border-color:var(--acc)}.ench-cell:active{transform:scale(.93)}.swap-row{display:flex;align-items:center;gap:8px;padding:5px 6px;margin-top:5px;border-radius:9px;background:#ffffff09;border:1px solid var(--line)}.swap-row img{width:30px;height:30px;flex-shrink:0}.swap-row .swname{font-size:.74rem;font-weight:700;line-height:1.15}.swap-row .istat{font-size:.62rem;color:var(--dim)}.inv-cell .c-up{position:absolute;top:1px;left:3px;font-size:.62rem;font-weight:800;color:var(--good)}.inv-cell .c-plus{position:absolute;top:1px;right:3px;font-size:.58rem;font-weight:800;color:var(--gold)}.inv-cell .c-lk{position:absolute;bottom:0;right:2px;font-size:.55rem}.inv-tip-float{display:none;position:fixed;width:190px;padding:8px 9px;background:var(--panel);border:1px solid var(--line2);border-radius:9px;z-index:200;pointer-events:none;box-shadow:0 8px 20px #0000008c;text-align:left}.inv-tip-float .iname{font-size:.74rem;font-weight:700}.inv-tip-float .istat{font-size:.66rem;color:var(--dim)}.r-common .iname{color:var(--c-common)}.r-uncommon .iname{color:var(--c-uncommon)}.r-rare .iname{color:var(--c-rare)}.r-epic .iname{color:var(--c-epic)}.r-legendary .iname{color:var(--c-legendary)}.r-mythic .iname{color:var(--c-mythic)}.slotrow{display:flex;align-items:center;gap:10px;margin-bottom:6px}.slotbox{width:42px;height:42px;border-radius:11px;background:#00000073;border:2px dashed var(--line2);display:flex;align-items:center;justify-content:center}.slotbox img{width:34px;height:34px}.talent{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.talent .row{width:100%}.talent .tico{width:30px;height:30px;background:#00000073;border-radius:8px;border:1px solid var(--line);flex-shrink:0}.talent .small{font-size:.68rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pips{display:flex;gap:3px;flex-wrap:wrap}.pip{width:8px;height:8px;border-radius:3px;background:#00000080;border:1px solid var(--line2)}.pip.on{background:var(--soul);border-color:var(--soul);box-shadow:0 0 7px #b98cffb3}.pet{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.pet .row{width:100%}.pet .pico{width:34px;height:34px;background:#00000073;border-radius:9px;border:1px solid var(--line);flex-shrink:0}.pet .small{font-size:.68rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.stars{color:var(--gold);font-size:.72rem;letter-spacing:1px;text-shadow:0 0 8px rgba(255,201,77,.5)}.quest{display:flex;align-items:center;gap:10px}.qbar{flex:1;height:8px;background:#00000080;border-radius:99px;overflow:hidden;border:1px solid var(--line)}.qbar>div{height:100%;border-radius:99px;background:linear-gradient(90deg,#2dd4a0,var(--good));box-shadow:0 0 8px #5ef2a080}#modal-root{position:fixed;inset:0;pointer-events:none;z-index:50}.modal input{font-size:16px}.modal-bg{position:absolute;inset:0;background:#04050c9e;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;pointer-events:all}.modal{width:min(92vw,420px);max-height:80dvh;overflow-y:auto;background:linear-gradient(180deg,#1a1f3d,#12152c);border:1px solid var(--line2);border-radius:18px;padding:18px;box-shadow:0 24px 64px #0009,0 0 48px #7c5cff29;animation:pop .18s cubic-bezier(.2,1.4,.4,1)}@keyframes pop{0%{transform:scale(.92) translateY(8px);opacity:0}}.modal h2{font-size:1.05rem;font-weight:700;margin-bottom:10px}.modal .actions{display:flex;gap:8px;margin-top:14px;justify-content:flex-end;flex-wrap:wrap}.modal input.inp{width:100%;padding:10px 12px;margin-bottom:8px;border-radius:10px;border:1px solid var(--line2);background:#00000059;color:var(--txt);font-family:inherit;font-size:.9rem;outline:none;transition:border-color .15s,box-shadow .15s}.modal input.inp:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7c5cff38}.modal input.inp::placeholder{color:var(--dim)}.adbox{height:140px;border-radius:12px;background:repeating-linear-gradient(45deg,#7c5cff14,#7c5cff14 12px,#5ee6ff0f 12px 24px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line2);color:var(--dim);font-weight:700}.adbar{width:80%;height:8px;background:#00000080;border-radius:99px;overflow:hidden}.abrow{display:flex;align-items:center;gap:8px;margin:6px 0;font-size:.74rem}.abrow>span{width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.abar{flex:1;height:12px;background:#0000008c;border:1px solid var(--line2);border-radius:99px;overflow:hidden}.abar>i{display:block;height:100%;background:linear-gradient(90deg,#59d98c,#2fae63);transition:width .25s ease}.abar.enemy>i{background:linear-gradient(90deg,#e86a6a,#c23b3b)}#ab-log b.crit{color:#ffb347}#ab-log .miss{opacity:.5}.adbar>div{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--gem),var(--accent2));width:0;transition:width .1s linear;box-shadow:0 0 8px #5ee6ff99}#toast-root{position:fixed;left:50%;bottom:96px;transform:translate(-50%);z-index:60;pointer-events:none}.toast{background:#1b2042f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line2);border-radius:999px;padding:8px 16px;font-size:.8rem;font-weight:600;margin-top:6px;box-shadow:0 8px 24px #00000073,0 0 20px #7c5cff26;animation:toastup 2.1s forwards;text-align:center}@keyframes toastup{0%{opacity:0;transform:translateY(10px) scale(.95)}10%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}.skins{display:flex;gap:10px;flex-wrap:wrap}.skin{width:56px;text-align:center;cursor:pointer;transition:transform .12s}.skin:hover{transform:translateY(-2px)}.skin img{width:48px;height:48px;border-radius:12px;border:2px solid var(--line2);background:#00000073;transition:border-color .15s,box-shadow .15s}.skin.on img{border-color:var(--gold);box-shadow:0 0 14px #ffc94d73}.skin .sname{font-size:.62rem;color:var(--dim)}.clsgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:8px 0}.cls{border:2px solid var(--line2);border-radius:12px;padding:8px 6px;text-align:center;cursor:pointer;background:#00000059;transition:transform .12s,box-shadow .12s}.cls:hover{transform:translateY(-2px)}.cls.on{box-shadow:0 0 12px #ffd75e66}.cls img{width:52px;height:52px}.clsname{font-weight:800;font-size:.8rem;margin-top:2px}.clsacc{font-size:.6rem;color:var(--dim)}.clsbonus{font-size:.62rem;color:var(--good);margin-top:3px;min-height:1.7em}.clsown{font-size:.6rem;color:var(--gold);font-weight:700}.clshead{display:flex;align-items:center;gap:10px;border-width:2px}.clshead .clslime{width:58px;height:58px;flex-shrink:0;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.chip{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;white-space:nowrap;background:#0006;border:1px solid var(--line2);border-radius:99px;padding:3px 9px}.chip img{width:14px;height:14px}.sk-row{display:flex;gap:5px;margin-bottom:8px}.sk-cell{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:7px 2px;border-radius:9px;cursor:pointer;background:#00000040;border:1.5px solid var(--line)}.sk-cell.on{border-color:var(--good);box-shadow:0 0 8px #5fd35f2e}.sk-cell.lock{opacity:.62;cursor:default}.sk-cell small{font-size:.56rem;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.sk-cell .skem{font-size:1.25rem;line-height:1}.sk-cell .skic{width:26px;height:26px}.passive{display:flex;align-items:center;gap:9px;padding:8px 9px;margin-bottom:6px;background:linear-gradient(180deg,var(--glass2),var(--glass));border:1px solid var(--line);border-radius:12px;cursor:pointer;box-shadow:0 3px 12px #00000038;transition:border-color .15s,transform .1s}.passive:hover{transform:translateY(-1px)}.passive.on{border-color:var(--good);box-shadow:0 0 10px #5fd35f2e}.passive.lock{opacity:.68}.pnum{font-size:.7rem;font-weight:800;color:var(--dim);width:20px;text-align:center;flex-shrink:0}.passive.on .pnum{color:var(--good)}.passive .pico{width:34px;height:34px;background:#00000073;border-radius:9px;border:1px solid var(--line);padding:4px;flex-shrink:0}.passive b{font-size:.8rem}.passive .small{font-size:.68rem}.peq{border-color:var(--good)!important;color:var(--good)!important}.plock{font-size:.68rem;color:var(--dim);flex-shrink:0;white-space:nowrap}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#9482ff40;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#9482ff73}@media(max-width:480px){:root{font-size:15px}#topbar{padding:6px 8px;gap:4px}.res{padding:3px 8px;font-size:.82rem;gap:4px}.res .ico{width:14px;height:14px}#tb-level{font-size:.8rem;min-width:48px}.spd{padding:3px 8px;font-size:.74rem}#stage{margin:6px;border-radius:12px}#floorbar{padding:4px 10px;font-size:.78rem}#skill-col{right:10px;bottom:32px;gap:4px}.skbtn{width:48px;height:48px}.skbtn .sk-ico{font-size:1.15rem}.sk-lock{height:48px;width:27px;font-size:.52rem}#auto-skill{width:44px;height:44px;left:10px;bottom:32px}.panel{padding:2px 8px 10px}.ptitle{margin:8px 0 6px;font-size:.95rem}.card{padding:10px;margin-bottom:6px;border-radius:11px}.statline{font-size:.82rem;padding:2px 0}.item{padding:6px 8px;gap:8px;margin-bottom:5px;border-radius:10px}.item .iico{width:32px;height:32px;border-radius:7px}.item .iname{font-size:.78rem}.item .istat{font-size:.7rem}.slotbox{width:38px;height:38px;border-radius:9px}.slotbox img,.talent .tico{width:30px;height:30px}.pet .pico{width:34px;height:34px}.tab{font-size:.6rem;padding:6px 0 8px;min-width:46px}.tab .tico{width:22px;height:22px}.tab .temoji{font-size:1.3rem;line-height:22px}button.btn{padding:7px 11px;font-size:.8rem;border-radius:9px}button.btn.big{padding:9px 14px;font-size:.88rem}.recipe-grid{gap:5px}.recipe{padding:6px 7px;font-size:.74rem}.modal{padding:14px;border-radius:14px}.toast{font-size:.74rem;padding:6px 12px}}@media(max-width:380px){:root{font-size:14px}.tab{min-width:42px}}#hv-timer{position:absolute;top:58px;left:50%;transform:translate(-50%);font-size:1.8rem;font-weight:900;color:var(--gold, #ffd75e);text-shadow:0 2px 10px rgba(0,0,0,.85);background:#131730bf;border:1px solid var(--line);border-radius:999px;padding:6px 18px;z-index:90;pointer-events:none}#mine-host #hv-timer{top:10px;z-index:5}