:root{--bg: #0b0d24;--bg2: #12143a;--panel: rgba(255, 255, 255, .045);--panel2: rgba(255, 255, 255, .075);--line: rgba(255, 255, 255, .11);--ink: #f0eeff;--dim: #8f8ec4;--acc: #3ce0ff;--hot: #ff3d8b;--gold: #ffb43d;--lime: #9dff5c;--danger: #ff5c5c;--r: 14px;--nav-h: 62px;--hud-h: 58px;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font:400 15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{position:fixed;top:0;right:0;bottom:0;left:0}.screen-host{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:radial-gradient(120% 60% at 100% 0%,rgba(255,61,139,.13) 0%,transparent 60%),radial-gradient(90% 50% at 0% 100%,rgba(60,224,255,.1) 0%,transparent 60%),linear-gradient(180deg,#101235 0%,var(--bg) 60%)}.screen-in{animation:scr-in .22s ease}@keyframes scr-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.screen-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 12px calc(var(--nav-h) + 20px);-webkit-overflow-scrolling:touch}h1{font:800 22px/1.1 system-ui;letter-spacing:.5px;margin:0;text-transform:uppercase}h2{font:700 16px/1.2 system-ui;margin:0}h3{font:700 13px/1.2 system-ui;margin:18px 0 8px;color:var(--dim);text-transform:uppercase;letter-spacing:1.4px}.sec{display:flex;align-items:baseline;gap:8px;margin:18px 0 10px;font:800 13px/1 system-ui;text-transform:uppercase;letter-spacing:1.6px;color:var(--dim)}.sec em{font:400 11px/1 system-ui;color:var(--dim);opacity:.8;margin-left:auto}.hint{font-size:12px;color:var(--dim);margin:8px 0}.hint.warn{color:var(--gold)}.hud{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:10px 12px;background:#08091cd1;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-top:max(10px,env(safe-area-inset-top))}.hud-rank{display:flex;align-items:center;gap:8px;min-width:0}.hud-rank-badge{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;font:800 15px system-ui;color:#08091c;background:linear-gradient(145deg,var(--gold),#ff8a3d);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.hud-rank-meta{min-width:0}.hud-rank-title{font:700 11px system-ui;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:96px}.xpbar{width:96px;height:5px;border-radius:9px;background:#ffffff1f;overflow:hidden;margin-top:3px}.xpbar i{display:block;height:100%;background:linear-gradient(90deg,var(--acc),var(--hot))}.hud-wallets{margin-left:auto;display:flex;gap:5px;flex-wrap:nowrap}.wallet{display:flex;align-items:center;gap:3px;padding:5px 8px;font:700 12px system-ui;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:9px}.wallet span{font-size:13px}.wallet em{font:400 10px system-ui;color:var(--dim);font-style:normal}.wallet b{font:600 9px system-ui;color:var(--acc);margin-left:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 16px;margin-top:10px;font:700 14px system-ui;letter-spacing:.4px;color:var(--ink);background:var(--panel2);border:1px solid var(--line);border-radius:var(--r);cursor:pointer;transition:transform .08s ease,filter .15s ease}.btn:active:not([disabled]){transform:scale(.975)}.btn[disabled]{opacity:.38}.btn em{font:700 12px system-ui;font-style:normal;opacity:.85}.btn-primary{background:linear-gradient(135deg,var(--acc),#2aa8d8);border-color:transparent;color:#04121b}.btn-cta{background:linear-gradient(135deg,var(--hot),#b81f63);border-color:transparent;color:#fff;font-size:16px;padding:16px;box-shadow:0 8px 26px #ff3d8b4d}.btn-star{background:linear-gradient(135deg,var(--gold),#e07a1f);border-color:transparent;color:#241000}.btn-ghost{background:transparent}.btn-danger{background:transparent;border-color:#ff5c5c80;color:var(--danger)}.btn-sm{width:auto;padding:8px 12px;margin:0;font-size:12px;border-radius:10px}.chips{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.chips-scroll{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.chips-scroll::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;padding:7px 12px;font:700 12px system-ui;color:var(--dim);background:var(--panel);border:1px solid var(--line);border-radius:999px;cursor:pointer}.chip.on{color:#04121b;background:var(--acc);border-color:transparent}.tags{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.tag{font:700 10px system-ui;text-transform:uppercase;letter-spacing:.8px;font-style:normal;padding:4px 8px;border-radius:6px;color:var(--acc);background:#3ce0ff1f}.tag.hot{color:var(--hot);background:#ff3d8b26}.rewards{display:flex;gap:6px;flex-wrap:wrap}.rw{font:700 12px system-ui;padding:4px 8px;border-radius:8px;background:var(--panel);border:1px solid var(--line)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:14px;margin-top:12px}.nav{position:absolute;left:0;right:0;bottom:0;height:var(--nav-h);display:flex;background:#08091ced;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding-bottom:env(safe-area-inset-bottom)}.nav-item{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;border:0;color:var(--dim);cursor:pointer}.nav-item.on{color:var(--acc)}.nav-item.on:before{content:"";position:absolute;top:0;left:22%;right:22%;height:2px;background:var(--acc);box-shadow:0 0 12px var(--acc)}.nav-icon{font-size:19px}.nav-label{font:700 9.5px system-ui;letter-spacing:.4px}.nav-badge{position:absolute;top:6px;right:22%;min-width:16px;height:16px;padding:0 4px;display:grid;place-items:center;font:800 10px system-ui;font-style:normal;color:#fff;background:var(--hot);border-radius:9px}.ztabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.ztabs::-webkit-scrollbar{display:none}.ztab{flex:0 0 auto;width:96px;padding:10px 8px;text-align:center;cursor:pointer;background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:12px;display:flex;flex-direction:column;gap:3px}.ztab.on{border-color:var(--acc);background:#3ce0ff1a}.ztab.locked{opacity:.42}.ztab-emoji{font-size:20px}.ztab-name{font:700 10px system-ui;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ztab-stars{font:600 9px system-ui;color:var(--gold)}.zone-head{margin:14px 0 10px}.zone-head p{margin:6px 0 0;font-size:12.5px;color:var(--dim)}.stage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:6px}.stage{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;color:var(--ink);background:var(--panel);border:1px solid var(--line);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.stage.done{background:#3ce0ff17;border-color:#3ce0ff66}.stage.boss{background:#ff3d8b1f;border-color:#ff3d8b73}.stage.locked{opacity:.35}.stage-n{font:800 19px system-ui}.stage-stars{font-size:11px;color:var(--gold);letter-spacing:1px}.squad-strip{margin:16px auto 0;max-width:380px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r)}.squad-head{display:flex;align-items:baseline;gap:8px}.squad-head span{font:800 11px system-ui;text-transform:uppercase;letter-spacing:1.2px;color:var(--dim)}.squad-head em{font:700 11px system-ui;font-style:normal;color:var(--acc)}.squad-slots{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.squad-chip{width:38px;height:38px;padding:0;display:grid;place-items:center;font-size:19px;color:var(--ink);background:var(--bg2);border:1px solid var(--line);cursor:pointer;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);transition:transform .08s ease}.squad-chip:active{transform:scale(.92)}.squad-chip.empty{color:var(--dim);background:#ffffff08}.squad-edit{color:var(--acc);border-color:#3ce0ff66}.squad-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.squad-row .squad-slots{margin-right:auto}.rhead{display:flex;align-items:center;gap:10px;margin:4px 0 8px}.rhead-meta{margin-left:auto;display:flex;gap:10px;font:700 11px system-ui;color:var(--dim)}.coll-bar{font:600 11px system-ui;color:var(--lime);background:#9dff5c14;border:1px solid rgba(157,255,92,.22);border-radius:10px;padding:7px 10px}.ugrid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:9px;margin-top:10px}.utile{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px 8px;cursor:pointer;color:var(--ink);background:linear-gradient(180deg,color-mix(in srgb,var(--rar) 16%,transparent),transparent 62%),var(--panel);border:1px solid color-mix(in srgb,var(--rar) 45%,transparent);border-radius:12px}.utile.locked{filter:grayscale(1);opacity:.5}.utile.sel{outline:2px solid var(--acc);outline-offset:-2px}.utile-emoji{font-size:30px;line-height:1.1}.utile-name{font:700 10.5px system-ui;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.utile-stars{font-size:9px;color:var(--gold);letter-spacing:.5px}.utile-lvl{font:600 9px system-ui;color:var(--dim)}.utile-pow{font:800 11px system-ui;color:var(--acc)}.utile-lock{font:700 9px system-ui;color:var(--dim)}.utile-shards{position:absolute;top:5px;right:5px;font:700 9px system-ui;font-style:normal;color:var(--lime)}.utile-dot{position:absolute;top:6px;left:6px;width:8px;height:8px;border-radius:50%;background:var(--hot);box-shadow:0 0 8px var(--hot)}#sheet-host{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none}#sheet-host.on{pointer-events:auto}.sheet-back{position:absolute;top:0;right:0;bottom:0;left:0;background:#04051099;opacity:0;transition:opacity .2s}#sheet-host.on .sheet-back{opacity:1}.sheet{position:absolute;left:0;right:0;bottom:0;max-height:88%;display:flex;flex-direction:column;background:linear-gradient(180deg,#171a44,#0d0f2c);border-top:1px solid var(--line);border-radius:20px 20px 0 0;transform:translateY(100%);transition:transform .26s cubic-bezier(.2,.8,.3,1);padding-bottom:env(safe-area-inset-bottom)}#sheet-host.on .sheet{transform:none}.sheet-grip{width:42px;height:4px;border-radius:9px;background:var(--line);margin:9px auto 2px;flex:0 0 auto}.sheet-body{overflow-y:auto;padding:10px 15px 20px}.usheet-head{display:flex;gap:12px;align-items:center}.usheet-emoji{width:62px;height:62px;flex:0 0 62px;display:grid;place-items:center;font-size:32px;background:color-mix(in srgb,var(--rar) 20%,var(--bg2));border:2px solid var(--rar);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.usheet-title h2{font-size:19px}.usheet-sub{font:600 11px system-ui;color:var(--dim);margin-top:2px}.usheet-stars{font-size:12px;color:var(--gold);margin-top:3px}.usheet-stars em{color:var(--dim);font-style:normal;font-size:11px;margin-left:6px}.usheet-desc{font-size:13px;color:#cdcaf0;margin:12px 0 6px}.stats{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}.stat{display:flex;justify-content:space-between;gap:10px;padding:8px 11px;background:#12143a;font-size:12.5px}.stat b{color:var(--dim);font-weight:600}.stat span{font-weight:700;text-align:right}.stat em{font-style:normal;font-weight:400;color:var(--dim);font-size:11px}.talents{display:grid;gap:8px}.talent{display:flex;gap:10px;padding:10px;border-radius:10px;background:var(--panel);border:1px solid var(--line);opacity:.5}.talent.on{opacity:1;border-color:#ffb43d73;background:#ffb43d14}.talent-star{font:800 13px system-ui;color:var(--gold);flex:0 0 30px}.talent b{display:block;font-size:13px}.talent span{display:block;font-size:11.5px;color:var(--dim);margin-top:2px}.usheet-actions{display:flex;gap:8px}.usheet-actions .btn{flex:1}.usheet-actions .btn:last-child:not(:first-child){flex:0 0 84px}.usheet-h{margin-top:18px}.slots{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}.slot{position:relative;aspect-ratio:.82;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;background:var(--panel);border:1px dashed var(--line);border-radius:12px}.slot.on{border-style:solid;border-color:var(--acc);background:#3ce0ff1a}.slot-emoji{font-size:26px}.slot-empty{font-size:24px;color:var(--dim)}.slot-name{font:700 9px system-ui;color:var(--dim);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.slot-pow{font:800 10px system-ui;color:var(--acc)}.slot-x{position:absolute;top:2px;right:4px;background:none;border:0;color:var(--dim);font-size:15px}.brief-meta{display:flex;gap:12px;font:700 11px system-ui;color:var(--dim);margin-top:6px}.ebriefs{display:grid;gap:7px}.ebrief{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:10px;background:var(--panel);border:1px solid var(--line)}.ebrief.new{border-color:#ff3d8b80;background:#ff3d8b14}.ebrief-emoji{font-size:22px;flex:0 0 26px}.ebrief b{display:block;font-size:12.5px}.ebrief span{display:block;font-size:11px;color:var(--dim);margin-top:2px}.cards{display:grid;gap:10px}.cards.two{grid-template-columns:repeat(2,1fr)}.card{padding:13px;border-radius:var(--r);background:var(--panel);border:1px solid var(--line)}.card.hot{border-color:#ff3d8b80;background:#ff3d8b14}.card.dim{opacity:.55}.card-head{display:flex;gap:11px;align-items:flex-start}.card-emoji{font-size:28px;flex:0 0 34px;text-align:center}.card-head b{display:block;font-size:14px}.card-head span{display:block;font-size:11.5px;color:var(--dim);margin-top:3px}.card-odds{font:600 10.5px system-ui;color:var(--dim);margin-top:9px}.card-odds i{color:var(--acc);font-style:normal;font-weight:800;text-transform:uppercase;margin-right:5px}.card-pity{font:700 10.5px system-ui;color:var(--gold);margin-top:6px}.card.mini{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;border-color:color-mix(in srgb,var(--rar) 45%,transparent)}.card.mini b{font-size:11.5px}.mini-n{font:700 11px system-ui;color:var(--lime)}.pull-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.pull{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 5px;border-radius:12px;background:var(--panel);border:1px solid color-mix(in srgb,var(--rar) 55%,transparent);animation:pull-in .3s ease backwards}@keyframes pull-in{0%{opacity:0;transform:scale(.85)}}.pull-emoji{font-size:28px}.pull b{font:700 10px system-ui;text-align:center}.pull-tag{font:700 9.5px system-ui;color:var(--gold)}.quests{display:grid;gap:8px}.quest{display:flex;gap:10px;align-items:center;padding:10px 11px;border-radius:12px;background:var(--panel);border:1px solid var(--line)}.quest.ready{border-color:#3ce0ff80;background:#3ce0ff14}.quest.done{opacity:.45}.quest-emoji{font-size:22px;flex:0 0 26px;text-align:center}.quest-main{flex:1;min-width:0}.quest-main b{font-size:12.5px}.quest-main b em{font-style:normal;font-size:10px;color:var(--dim);margin-left:5px}.quest-bar{height:5px;border-radius:9px;background:#ffffff1f;overflow:hidden;margin:5px 0 3px}.quest-bar.big{height:9px;margin:10px 0}.quest-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--acc),var(--lime))}.quest-n{font:600 10px system-ui;color:var(--dim)}.quest-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:0 0 auto}.tiles{display:grid;gap:8px;margin-top:12px}.tile{position:relative;display:flex;gap:12px;align-items:center;padding:13px;cursor:pointer;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);color:var(--ink);text-align:left}.tile-icon{font-size:24px;flex:0 0 30px;text-align:center}.tile-main b{display:block;font-size:14px}.tile-main span{display:block;font-size:11.5px;color:var(--dim);margin-top:2px}.lgrid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin:8px 0}.lcell{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 2px;border-radius:8px;background:var(--bg2);border:1px solid var(--line)}.lcell.past{opacity:.38}.lcell.today{border-color:var(--gold);background:#ffb43d1f}.lcell-day{font:700 8px system-ui;color:var(--dim)}.lcell-emoji{font-size:15px}.lcell-n{font:700 8px system-ui;color:var(--ink)}.forge{text-align:center}.forge-emoji{font-size:46px}.forge-n{font:800 26px system-ui;margin-top:4px}.forge-n em{font:600 13px system-ui;color:var(--dim);font-style:normal}.ppanel{padding:14px;border-radius:var(--r);background:var(--panel);border:1px solid rgba(255,180,61,.3)}.pxp{font:700 12px system-ui;color:var(--gold)}.pbuy{display:flex;gap:8px}.pbuy .btn{flex:1}.badge-owned{margin-top:10px;text-align:center;font:800 11px system-ui;letter-spacing:1.4px;text-transform:uppercase;color:var(--gold)}.phead{display:grid;grid-template-columns:34px 1fr 1fr;gap:6px;margin:14px 0 6px;font:800 10px system-ui;text-transform:uppercase;letter-spacing:1px;color:var(--dim);text-align:center}.ptrack{display:grid;gap:6px}.prow{display:grid;grid-template-columns:34px 1fr 1fr;gap:6px;align-items:stretch;opacity:.55}.prow.on{opacity:1}.ptier{display:grid;place-items:center;font:800 13px system-ui;color:var(--dim);background:var(--panel);border:1px solid var(--line);border-radius:8px}.pcell{position:relative;display:flex;gap:6px;flex-wrap:wrap;align-items:center;justify-content:center;min-height:46px;padding:6px;cursor:pointer;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:10px}.pcell.empty{background:none;border-style:dashed}.pcell.reached{border-color:#3ce0ff73}.pcell.claimed{opacity:.38}.pcell.locked{opacity:.5}.pcell-item{display:flex;flex-direction:column;align-items:center;font-size:16px}.pcell-item em{font:700 9px system-ui;font-style:normal;color:var(--dim)}.pcell-tick,.pcell-lock{position:absolute;top:3px;right:5px;font-size:11px;font-style:normal;color:var(--acc)}.pcard{display:flex;gap:12px;align-items:center;margin-bottom:10px}.pcard-rank{width:46px;height:46px;display:grid;place-items:center;font:800 18px system-ui;color:#08091c;background:linear-gradient(145deg,var(--gold),#ff8a3d);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.pcard b{display:block;font-size:15px}.pcard span{display:block;font-size:11.5px;color:var(--dim)}.prow-set{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 2px;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink);font-size:13px;text-align:left}.prow-set b{font-weight:600;color:var(--dim)}.prow-set span{font-weight:700}.prow-set.tap{cursor:pointer}.sw{width:38px;height:21px;border-radius:99px;background:#ffffff26;position:relative}.sw:after{content:"";position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:50%;background:var(--dim);transition:.18s}.sw.on{background:#3ce0ff59}.sw.on:after{left:19px;background:var(--acc)}.battle{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:#06071a}.btop{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:8px 10px;padding-top:max(8px,env(safe-area-inset-top));background:#06071ae6;border-bottom:1px solid var(--line)}.bico{width:38px;height:34px;flex:0 0 auto;display:grid;place-items:center;cursor:pointer;font:700 13px system-ui;color:var(--ink);background:var(--panel2);border:1px solid var(--line);border-radius:9px}.bico.wide{width:46px}.bwave{font:800 12px system-ui;letter-spacing:.6px;color:var(--dim);white-space:nowrap}.bcore{display:flex;align-items:center;gap:6px;margin-left:auto}.bcore span{font-size:15px}.bcore-bar{width:74px;height:8px;border-radius:9px;background:#ffffff21;overflow:hidden}.bcore-bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--lime),var(--acc));transition:width .2s}.bcore b{font:800 12px system-ui;color:var(--lime);min-width:20px}.bfield{flex:1;min-height:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.bfield::-webkit-scrollbar{height:0}.bfield canvas{display:block;height:100%;width:auto;max-width:none}.bbottom{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:8px 10px;background:#06071af2;border-top:1px solid var(--line)}.baether{display:flex;align-items:center;gap:3px;font:800 15px system-ui;color:var(--acc)}.baether span{font-size:14px}.bpick{position:absolute;z-index:6;display:none;gap:6px;padding:7px;background:#0e102ef7;border:1px solid rgba(60,224,255,.45);border-radius:14px;box-shadow:0 12px 34px #0000008c;animation:pick-in .12s ease}.bpick.on{display:flex}@keyframes pick-in{0%{opacity:0;transform:translateY(6px)}}.bpick-u{width:62px;padding:7px 4px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;color:var(--ink);background:var(--panel2);border:1px solid var(--line);border-radius:10px}.bpick-u:active{transform:scale(.94)}.bpick-u.poor{opacity:.42}.bpick-emoji{font-size:22px;line-height:1.1}.bpick-name{font:700 9px system-ui;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bpick-cost{font:700 10px system-ui;color:var(--acc)}.bpick-empty{padding:8px 12px;font:700 11px system-ui;color:var(--dim)}.bpick.unit{flex-direction:column;align-items:stretch;gap:8px;min-width:190px}.bpick-head{display:flex;align-items:center;gap:7px;padding:0 2px}.bpick-title{font:700 12px system-ui;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bpick-rank{font-size:9px;color:var(--gold);letter-spacing:2px}.bpick-acts{display:flex;gap:6px}.bpick-acts .btn{flex:1;margin:0}.bpick-acts .btn.poor{opacity:.5}.bhint{flex:0 0 auto;padding:5px 10px calc(6px + env(safe-area-inset-bottom));font:600 10px system-ui;color:var(--dim);text-align:center;background:#06071af2}.result{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:radial-gradient(80% 55% at 50% 30%,rgba(60,224,255,.18),transparent 70%),#06071a}.result.lose{background:radial-gradient(80% 55% at 50% 30%,rgba(255,61,139,.2),transparent 70%),#06071a}.result-card{width:100%;max-width:420px;max-height:100%;overflow-y:auto;text-align:center;padding:22px 18px;background:#12143ae6;border:1px solid var(--line);border-radius:20px}.result-emoji{font-size:54px}.result-card h1{margin:6px 0;font-size:24px}.result-sub{color:var(--dim);font-size:12px;margin:0 0 8px}.result-stars{font-size:30px;color:var(--gold);letter-spacing:5px}.result-meta{display:flex;justify-content:center;gap:14px;font:700 11px system-ui;color:var(--dim);margin-top:10px}.rlines{display:grid;gap:6px}.rline{display:flex;align-items:center;justify-content:center;gap:8px;padding:7px 10px;border-radius:10px;background:var(--panel);font:700 13px system-ui}.rline.big{background:#ffb43d24;border:1px solid rgba(255,180,61,.4);color:var(--gold)}.rline span{font-size:17px}.result-actions{margin-top:16px}#toast-host{position:fixed;left:0;right:0;bottom:calc(var(--nav-h) + 16px);z-index:90;display:flex;flex-direction:column;align-items:center;gap:7px;pointer-events:none}.toast{max-width:84%;padding:10px 15px;font:700 12.5px system-ui;color:var(--ink);background:#12143af5;border:1px solid var(--line);border-radius:11px;opacity:0;transform:translateY(10px);transition:.22s}.toast.toast-in{opacity:1;transform:none}.toast-ok{border-color:#9dff5c80}.toast-warn{border-color:#ffb43d99}#net-banner{position:fixed;top:0;left:0;right:0;z-index:95;padding:6px;font:700 11px system-ui;text-align:center;color:#241000;background:var(--gold);transform:translateY(-100%);transition:.25s}#net-banner.on{transform:none}#block-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;display:grid;place-items:center;padding:24px;background:#06071af7}.block-card{max-width:320px;text-align:center}.block-text{font-size:14px;margin-bottom:14px}.wide-only{display:none}@media (min-width: 820px){:root{--page: 760px;--nav-h: 66px}.narrow-only{display:none}.nav-item.wide-only,.rhead.wide-only{display:flex}.screen-host{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.hud{grid-row:1;padding:12px max(24px,calc((100% - var(--page)) / 2))}.hud-rank-title{max-width:none}.xpbar{width:150px}.hud-wallets{gap:8px}.wallet{padding:7px 11px;font-size:13px}.screen-body{grid-row:2;padding:20px max(24px,calc((100% - var(--page)) / 2)) 32px}.nav{grid-row:3;position:static;height:var(--nav-h);width:auto;justify-content:center;border-top:1px solid var(--line)}.nav-item{flex:0 1 124px;min-width:74px;border-radius:12px 12px 0 0}.nav-item.on{background:#3ce0ff12}.nav-icon{font-size:20px}.nav-label{font-size:clamp(9px,.8vw,10.5px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;padding:0 3px}.nav-badge{top:8px;right:18%}.screen-body>*{max-width:var(--page);margin-inline:auto}.screen-body>.btn{display:flex}.stage-grid{grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:12px}.stage-n{font-size:20px}.ugrid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.utile-emoji{font-size:32px}.slots{grid-template-columns:repeat(4,1fr);gap:12px}.slot{aspect-ratio:1.15}.cards,.quests,.tiles{grid-auto-rows:1fr}.cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.cards.two{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.quests{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.tiles{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.lgrid{grid-template-columns:repeat(14,minmax(0,1fr));gap:6px}.pull-grid{grid-template-columns:repeat(5,1fr)}.ebriefs{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.ztabs{flex-wrap:wrap;justify-content:center}.ztab{width:88px}.card{display:flex;flex-direction:column}.card>.btn:last-child{margin-top:auto}.zone-head{text-align:center}.rhead{justify-content:center}.rhead-meta{margin-left:0}.hint{text-align:center}.chips:not(.chips-scroll){justify-content:center}.chips-scroll{width:fit-content;max-width:100%;margin-inline:auto}.squad-row{justify-content:center}.squad-row .squad-slots{margin-right:0}.squad-strip{max-width:none;flex-direction:row;justify-content:space-between;gap:16px;padding:12px 16px}.sheet{left:50%;right:auto;top:50%;bottom:auto;width:min(640px,92vw);max-height:84vh;border:1px solid var(--line);border-radius:20px;transform:translate(-50%,-46%);opacity:0;transition:transform .22s cubic-bezier(.2,.8,.3,1),opacity .18s ease}#sheet-host.on .sheet{transform:translate(-50%,-50%);opacity:1}.sheet-grip{display:none}.sheet-body{padding:20px 22px 24px}#toast-host{bottom:calc(var(--nav-h) + 20px)}.btop,.bbottom,.bhint{padding-inline:max(16px,calc((100% - var(--page)) / 2))}.bfield canvas{margin-inline:auto}.bpick-u{width:72px;padding:9px 6px}.bpick-emoji{font-size:25px}.bpick-name{font-size:9.5px}.bwave{font-size:13px}}