@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;900&family=Inter:wght@400;500;600;700&display=swap";:root{--bg-0:#0b0d12;--bg-1:#12161e;--bg-2:#1a1f2a;--bg-3:#232a37;--line:#2e3646;--bronze:#8a6a3c;--bronze-hi:#c9a45c;--gold:#ffcf5a;--gold-deep:#d9a12a;--radiant:#5fd068;--dire:#e5484d;--mana:#4da3ff;--text:#e8e2d4;--text-dim:#9aa1ad;--text-faint:#6b7280;--ult:#c58bff;--radius:8px;--font-head:"Cinzel","Trajan Pro",Georgia,serif;--font-body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--buncss-light: ;--buncss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg-0);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;height:100%;margin:0;font-size:13px}button{font:inherit;color:inherit}h1,h2,h3,h4{margin:0}.viewport{position:fixed;overflow:hidden;background:radial-gradient(ellipse at 50% -10%,#c9a45c1f,transparent 55%),radial-gradient(ellipse at 0% 100%,#5fd0680f,transparent 50%),radial-gradient(ellipse at 100% 100%,#e5484d0f,transparent 50%),var(--bg-0);user-select:none;inset:0}.stage{position:absolute;transform-origin:0 0;display:flex;flex-direction:column;top:0;left:0}.screen{display:flex;flex-direction:column;flex:1;min-height:0}.loading{font-family:var(--font-head);color:var(--bronze-hi);justify-content:center;align-items: center;font-size:22px}.panel{background:linear-gradient(180deg,var(--bg-2),var(--bg-1));border:1px solid var(--line);border-radius:var(--radius);border-top-color:#c9a45c59;min-height:0;padding:8px 10px 10px;box-shadow:0 6px 20px #00000059,inset 0 1px #ffffff08}.panel-title{font-family:var(--font-head);letter-spacing:.12em;text-transform:uppercase;color:var(--bronze-hi);display:flex;align-items: center;gap:8px;margin-bottom:7px;font-size:13px;font-weight:700}.panel-title .cap{font-family:var(--font-body);letter-spacing:0;text-transform:none;color:var(--text-dim);margin-left:auto;font-size:12px;font-weight:600}.panel-title .cap.full{color:var(--gold)}.panel-title .hint{font-family:var(--font-body);letter-spacing:0;text-transform:none;color:var(--text-faint);margin-left:auto;font-size:11px;font-weight:500}.sub-title{letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);display:flex;align-items:baseline;gap:8px;margin:8px 0 5px;font-size:10.5px;font-weight:700}.sub-title small{letter-spacing:0;text-transform:none;color:var(--text-faint);font-weight:500}.btn{display:inline-flex;border:1px solid var(--bronze);color:var(--text);cursor:pointer;white-space:nowrap;background:linear-gradient(#2b3242,#1b2029);border-radius:6px;align-items: center;gap:6px;height:34px;padding:0 12px;transition:transform 80ms,border-color .12s,background .12s;font-weight:600}.btn:hover:not(:disabled){border-color:var(--bronze-hi);background:linear-gradient(#343c4f,#222835)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)inset;color:var(--gold)}.btn-ready{font-family:var(--font-head);letter-spacing:.1em;text-transform:uppercase;color:#10240f;background:linear-gradient(#7ee488,#3d9e46);border:1px solid #8ff09a;height:42px;padding:0 24px;font-size:16px;font-weight:900;box-shadow:0 0 16px #5fd06859}.btn-ready:hover:not(:disabled){background:linear-gradient(#95f09e,#47b351);border-color:#b6ffbd}.btn-ready.big{height:50px;padding:0 40px;font-size:18px}.btn-danger{color:#ffb4b6;border-color:#7d2e31}.btn-danger:hover:not(:disabled){border-color:var(--dire);background:linear-gradient(#4a2427,#2c1618)}.btn-upgrade{border-color:var(--gold-deep);color:var(--gold);animation:1.4s ease-in-out infinite pulse-gold}.btn-ghost{border-color:var(--line);background:0 0;height:30px}.cost{color:var(--gold);font-variant-numeric:tabular-nums;font-weight:700}.cost.poor{color:var(--dire)}.gold{color:var(--gold)}.mana{color:var(--mana)}.bar{position:relative;overflow:hidden;background:#0000008c;border-radius:3px;height:6px}.bar>div{border-radius:inherit;height:100%;transition:width .3s}.hp-bar>div{background:linear-gradient(#7ee488,#3a9a43)}.mana-bar>div{background:linear-gradient(#7fbcff,#2f74c9)}.bar.mini{border-radius:2px;height:9px}.bar.mini>span{position:absolute;text-align:center;color:#fff;text-shadow:0 1px 1px #000;font-size:8.5px;font-weight:700;line-height:9px;inset:0}.tooltip{position:absolute;z-index:1000;pointer-events:none;border:1px solid var(--bronze);background:linear-gradient(#1d2330,#12161e);border-radius:8px;max-width:280px;padding:10px 12px;font-size:12.5px;line-height:1.45;box-shadow:0 10px 30px #0009}.tip-head{display:flex;align-items: center;gap:10px;margin-bottom:4px}.tip-glyph{font-size:26px;line-height:1}.tip-title{font-family:var(--font-head);color:var(--gold);font-size:15px;font-weight:700}.tip-sub{color:var(--text-dim);font-size:11.5px}.tip-meta{display:flex;color:var(--text-dim);gap:12px;margin:4px 0;font-size:12px}.tip-body p{color:var(--text);margin:6px 0 0}.tip-stats{list-style:none;color:#bfe3c3;margin:6px 0 0;padding:0}.tip-foot{border-top:1px solid var(--line);color:var(--text-faint);margin-top:8px;padding-top:6px;font-size:11px}.toasts{position:absolute;display:flex;pointer-events:none;z-index:900;flex-direction:column;align-items: center;gap:5px;top:64px;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--bronze);animation:4.5s forwards toast;background:#12161ef0;border-radius:20px;padding:6px 16px;font-size:12.5px;box-shadow:0 6px 18px #00000073}@keyframes toast{0%{opacity:0;transform:translateY(8px)}6%,80%{opacity:1;transform:none}to{opacity:0;transform:translateY(-4px)}}.lord-select{position:relative;overflow:hidden;justify-content:center;align-items: center;gap:28px;padding:24px}.ls-head{text-align:center}.ls-kicker{font-family:var(--font-head);color:var(--bronze-hi);letter-spacing:.3em;text-transform:uppercase;font-size:13px}.ls-head h1{font-family:var(--font-head);letter-spacing:.04em;color:var(--gold);text-shadow:0 2px 24px #ffcf5a40;margin:6px 0;font-size:44px;font-weight:900}.ls-head p{color:var(--text-dim);margin:0;font-size:14px}.lord-cards{display:flex;gap:24px}.lord-card{--lord-c:var(--bronze-hi);position:relative;display:flex;text-align:center;cursor:pointer;border:1px solid var(--bronze);background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--lord-c)28%,transparent),transparent 65%),linear-gradient(180deg,var(--bg-2),var(--bg-1));animation:.4s both rise;border-radius:14px;flex-direction:column;align-items: center;gap:8px;width:300px;min-height:380px;padding:28px 24px 22px;transition:transform .16s,border-color .16s,box-shadow .16s;box-shadow:0 14px 40px #00000080}.lord-card:hover{border-color:var(--lord-c);box-shadow:0 18px 48px #0009,0 0 0 1px var(--lord-c),0 0 30px color-mix(in srgb,var(--lord-c)35%,transparent);transform:translateY(-6px)}.lord-glyph{filter:drop-shadow(0 6px 14px #0009);font-size:76px;line-height:1.1}.lord-name{font-family:var(--font-head);color:var(--text);font-size:26px;font-weight:900}.lord-title{font-family:var(--font-head);color:var(--lord-c);display:flex;align-items: center;gap:8px;font-size:16px;font-weight:700}.lord-kind{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line);color:var(--text-dim);border-radius:10px;padding:2px 7px;font-size:10px}.lord-kind.active{border-color:var(--gold-deep);color:var(--gold)}.lord-desc{color:var(--text-dim);flex:1;margin:6px 0 0;font-size:13.5px;line-height:1.5}.lord-pick{font-family:var(--font-head);letter-spacing:.2em;text-transform:uppercase;color:var(--bronze-hi);font-size:13px;font-weight:700}.lord-card:hover .lord-pick{color:var(--gold)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pulse-gold{0%,to{box-shadow:0 0 0 1px #ffcf5a99,0 0 6px #ffcf5a40}50%{box-shadow:0 0 0 2px #ffcf5a,0 0 18px #ffcf5a99}}@keyframes bob{0%{transform:translateY(0)}to{transform:translateY(-2px)}}.standings{display:flex;overflow:hidden;flex-direction:column}.standings ol{list-style:none;display:flex;overflow:auto;flex-direction:column;gap:4px;margin:0;padding:0}.stand{display:flex;background:#00000038;border:1px solid #0000;border-radius:6px;align-items: center;gap:7px;padding:5px 6px;transition:transform .2s}.stand.you{border-color:var(--gold-deep);background:linear-gradient(90deg,#ffcf5a1f,#0003)}.stand.hl{border-color:var(--radiant)}.stand.you.hl{border-color:var(--gold)}.stand.dead{opacity:.4;filter:grayscale(1)}.stand-rank{text-align:center;font-family:var(--font-head);color:var(--text-faint);width:14px;font-size:12px;font-weight:700}.stand-lord{display:grid;border:1.5px solid var(--bronze);background:var(--bg-3);border-radius:50%;flex:none;place-items: center;width:26px;height:26px;font-size:14px}.stand-main{flex:1;min-width:0}.stand-name{display:flex;align-items: center;gap:4px;font-size:11.5px;font-weight:600}.stand-name>span:first-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.you-tag{text-transform:uppercase;color:#1a1306;background:var(--gold);border-radius:3px;padding:0 4px;font-size:9px;font-style:normal;font-weight:800}.streak{margin-left:auto;font-size:10px;font-weight:700}.streak.win{color:#ffae5a}.streak.loss{color:#8cc4ff}.stand-hp{display:flex;align-items: center;gap:5px;margin-top:3px}.stand-hp .bar{flex:1}.stand-hp-num{font-variant-numeric:tabular-nums;text-align:right;width:22px;font-size:10.5px;font-weight:700}.go-main{justify-content:center}.go-place{text-align:center;border:1px solid var(--bronze);background:radial-gradient(ellipse at 50% 0%,#c9a45c2e,transparent 70%),linear-gradient(180deg,var(--bg-2),var(--bg-1));animation:.4s both rise;border-radius:16px;padding:30px 80px}.go-place.won{border-color:var(--gold);box-shadow:0 0 60px #ffcf5a40}.go-kicker{font-family:var(--font-head);letter-spacing:.25em;text-transform:uppercase;color:var(--text-dim)}.go-rank{font-family:var(--font-head);color:var(--gold);text-shadow:0 0 40px #ffcf5a66;font-size:110px;font-weight:900;line-height:1}.go-text{margin-top:6px;font-size:18px;font-weight:600}.go-winner,.go-round{color:var(--text-dim);margin-top:4px}.btn-reroll{height:38px}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.toast{animation-duration:4.5s!important}}:root{--hud-bg:#090b0fcc;--hud-bg-2:#161a22db;--hud-line:#c9a45c6b;--hud-line-dim:#c9a45c2e}.ls-world{position:absolute;z-index:0;filter:blur(6px)brightness(.5)saturate(.9);pointer-events:none;inset:-20px}.lord-select>:not(.ls-world){position:relative;z-index:1}.lord-card{background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--lord-c)28%,transparent),transparent 65%),linear-gradient(180deg,#1a1f2aeb,#0c0e13f0);border-color:var(--hud-line);border-radius:6px}.screen.play{position:relative;overflow:hidden;background:radial-gradient(at 50% 40%,#1b2a1d,#0a0d0b 75%)}.play-world{position:absolute;inset:0}.hud{position:absolute;pointer-events:none;z-index:10;inset:0}.hud>*{pointer-events:auto}.hud-panel,.hud-top,.hud-players .hp-row,.hud-roster,.hud-inv,.hud-unit,.mystery,.result-toast{background:linear-gradient(180deg,var(--hud-bg-2),var(--hud-bg));border:1px solid var(--hud-line);backdrop-filter:blur(2px);box-shadow:0 4px 16px #0000008c,inset 0 1px #ffe6aa14,inset 0 0 0 1px #0009}.hud-top{position:absolute;display:flex;border-top:none;border-radius:0 0 10px 10px;align-items: center;gap:14px;min-width:400px;padding:4px 16px 5px 8px;top:0;left:50%;transform:translate(-50%)}.ht-emblem{color:var(--gold);border:1px solid var(--hud-line);background:radial-gradient(circle,#3a2c14,#120e07);border-radius:50%;width:42px;height:42px;padding:4px;box-shadow:0 0 12px #ffcf5a40}.ht-emblem svg{animation:18s linear infinite spin;width:100%;height:100%}@keyframes spin{to{transform:rotate(360deg)}}.ht-main{text-align:center;flex:1;line-height:1.1}.ht-title{font-family:var(--font-head);color:var(--text);white-space:nowrap;font-size:16px;font-weight:700}.ht-title b{color:var(--gold)}.ht-phase.prep{color:var(--radiant)}.ht-phase.battle{color:var(--dire)}.ht-phase.over{color:var(--bronze-hi)}.ht-sub{font-family:var(--font-head);color:var(--text);font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:20px;font-weight:900}.phase-battle .ht-sub{color:#ffb4b6;padding-top:3px;font-size:13px;font-weight:700}.ht-sub.urgent{color:var(--dire);animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.55}}.ht-stat{display:flex;font-variant-numeric:tabular-nums;white-space:nowrap;align-items: center;gap:5px;font-size:16px;font-weight:700}.ht-stat.full{color:var(--gold)}.ht-ico{filter:grayscale(.3);font-size:14px}.ht-stat.coins b{color:var(--gold);font-size:19px}.ht-coin{display:grid;color:#3a2a06;background:radial-gradient(circle at 35% 30%,#fff1b0,#f2b632 55%,#a8740f);border-radius:50%;place-items: center;width:20px;height:20px;font-size:12px;font-weight:900;box-shadow:0 0 6px #ffcf5a80}.hud-players{position:absolute;display:flex;flex-direction:column;gap:3px;width:178px;top:6px;left:6px}.hp-row{display:flex;border-radius:4px;align-items: center;gap:6px;padding:3px 6px 3px 3px;transition:transform .2s,opacity .2s}.hp-row.you{border-color:var(--gold);box-shadow:0 0 10px #ffcf5a40,inset 0 0 0 1px #ffcf5a40}.hp-row.vs{border-color:var(--dire);transform:translate(4px);box-shadow:0 0 12px #e5484d73}.hp-row.dead{opacity:.4;filter:grayscale(1)}.hp-port{position:relative;display:grid;border:1px solid color-mix(in srgb,var(--lord-c)70%,#000);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--lord-c)55%,#000),#0b0d10 85%);border-radius:3px;flex:none;place-items: center;width:36px;height:36px;font-size:21px;box-shadow:inset 0 0 6px #000c}.hp-vs{position:absolute;background:var(--dire);display:grid;border-radius:50%;place-items: center;width:16px;height:16px;font-size:11px;font-style:normal;bottom:-5px;right:-5px}.hp-main{flex:1;min-width:0}.hp-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items: center;gap:4px;font-size:12px;font-weight:700}.hp-row.you .hp-name{color:var(--gold)}.hp-lord{color:var(--text-faint);font-size:10px;line-height:1.1}.hp-barrow{display:flex;align-items: center;gap:5px;margin-top:2px}.hp-barrow .bar{flex:1;height:5px}.hp-num{text-align:right;font-variant-numeric:tabular-nums;min-width:22px;font-size:11px;font-weight:700}.hud-dock{position:absolute;display:flex;background:linear-gradient(180deg,var(--hud-bg-2),var(--hud-bg));border:1px solid var(--hud-line);border-radius:6px;align-items: flex-end;gap:6px;padding:6px 8px 4px 6px;bottom:6px;left:6px;box-shadow:0 4px 16px #0000008c}.dock-lord{border:1px solid color-mix(in srgb,var(--lord-c)80%,#000);background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--lord-c)60%,#000),#08090b 80%);display:flex;border-radius:4px;flex-direction:column;justify-content:center;align-items: center;width:84px;height:92px;margin-right:4px;box-shadow:inset 0 0 14px #000000e6,0 0 0 1px #000000b3}.dock-lord-glyph{filter:drop-shadow(0 3px 6px #000c);font-size:46px;line-height:1.1}.dock-lord-name{font-family:var(--font-head);color:var(--text);font-size:11px;font-weight:700}.key-wrap{display:flex;flex-direction:column;align-items: center;gap:2px;width:64px}.key-btn{position:relative;cursor:pointer;display:grid;background:linear-gradient(160deg,#343a47,#171a21 60%,#0e1014);border:1px solid #6e5631;border-radius:3px;place-items: center;width:62px;height:62px;padding:0;transition:transform 80ms,border-color .12s,box-shadow .12s;box-shadow:inset 1px 1px #ffffff1f,inset -1px -1px #0009,0 2px 6px #0009}.key-btn:hover:not(:disabled){border-color:var(--gold);box-shadow:inset 1px 1px #ffffff2e,0 0 10px #ffcf5a59}.key-btn:active:not(:disabled){transform:translateY(1px)}.key-btn.active{border-color:var(--gold);box-shadow:0 0 14px #ffcf5a99,inset 0 0 12px #ffcf5a40}.key-btn:disabled{cursor:not-allowed;filter:grayscale(.85)brightness(.7)}.key-letter{position:absolute;color:var(--gold);text-shadow:0 1px 1px #000;font-size:10px;font-weight:800;top:1px;left:3px}.key-face{display:flex;flex-direction:column;align-items: center;gap:1px}.key-glyph{font-size:26px;line-height:1}.key-glyph.mys{font-family:var(--font-head);color:#c9a0ff;text-shadow:0 0 12px #b46cffcc;font-size:34px;font-weight:900}.key-glyph.tavern{font-size:22px}.tavern-stars{letter-spacing:-.5px;color:#3b3f48;font-size:8.5px}.tavern-stars i{font-style:normal}.tavern-stars i.on{text-shadow:0 0 4px}.key-badge{position:absolute;border:1px solid var(--hud-line);color:var(--gold);font-variant-numeric:tabular-nums;background:#0b0d10;border-radius:3px;padding:1px 4px;font-size:9.5px;font-weight:800;bottom:-3px;right:-3px}.key-badge.poor{color:var(--dire)}.key-label{color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70px;font-size:10.5px;font-weight:600}.odds{list-style:none;margin:6px 0 0;padding:0;font-weight:600}.odds b{float:right;margin-left:18px}.stars{letter-spacing:-1px;text-shadow:0 0 3px #000000e6;white-space:nowrap;font-size:10px}.hud-ready{cursor:pointer;font-family:var(--font-head);letter-spacing:.1em;text-transform:uppercase;color:#0f240f;display:flex;animation:2.4s ease-in-out infinite ready-pulse;background:linear-gradient(#8af094,#3a9a43);border:1px solid #a6f5ae;border-radius:4px;align-items: center;gap:8px;height:34px;margin-left:2px;padding:0 10px 0 14px;font-size:14px;font-weight:900;box-shadow:0 0 14px #5fd06873,inset 0 1px #fff6}@keyframes ready-pulse{50%{box-shadow:0 0 22px #5fd068bf,inset 0 1px #fff6}}.hud-ready:hover{background:linear-gradient(#a2f7aa,#46b04f)}.hud-ready kbd{font-family:var(--font-body);letter-spacing:0;text-transform:none;color:#e8ffe9;background:#00000040;border-radius:3px;padding:2px 4px;font-size:9.5px}.hud-unit-slot{position:absolute;bottom:130px;left:6px;pointer-events:none!important}.hud-unit-slot>*{pointer-events:auto}.hud-banner{position:absolute;border:1px solid var(--gold);color:var(--gold);background:#281e08eb;border-radius:4px;padding:6px 16px;font-weight:700;top:70px;left:50%;transform:translate(-50%);pointer-events:none!important}.hud-roster{position:absolute;display:flex;border-radius:6px;flex-direction:column;width:270px;max-height:calc(100% - 196px);padding:5px;top:6px;right:6px}.roster-head,.roster-sub,.inv-head{font-family:var(--font-head);letter-spacing:.1em;text-transform:uppercase;color:var(--bronze-hi);display:flex;align-items:baseline;gap:8px;padding:0 2px 4px;font-size:12px;font-weight:700}.roster-head span,.roster-sub span{font-family:var(--font-body);color:var(--text-dim);letter-spacing:0;margin-left:auto}.roster-sub{padding-top:2px;font-size:10.5px}.roster-list{overflow-y:auto;display:flex;scrollbar-width:thin;flex-direction:column;gap:3px;min-height:0}.roster-empty,.bench-empty{color:var(--text-faint);text-align:center;padding:6px;font-size:11px}.bench-zone{border:1px dashed var(--hud-line-dim);display:flex;border-radius:4px;flex-direction:column;gap:3px;margin-top:4px;padding:3px}body.drag-hero .bench-zone{border-color:var(--bronze-hi)}.bench-zone.drop-over{border-color:var(--gold);background:#ffcf5a14}.rrow{position:relative;display:flex;cursor:pointer;background:linear-gradient(90deg,color-mix(in srgb,var(--hero-c)18%,#00000059),#0000004d);border:1px solid #ffffff0d;border-radius:4px;gap:6px;padding:3px}.rrow:hover{border-color:var(--hud-line)}.rrow.selected{border-color:var(--gold);box-shadow:inset 0 0 0 1px #ffcf5a66}.rrow.bench{opacity:.85}.rrow.drop-over,.rrow.targetable:hover{border-color:var(--radiant);box-shadow:0 0 10px #5fd06880}.lord-targeting .rrow{border-color:#ffcf5a80}.rr-left{display:flex;flex-direction:column;flex:none;align-items: center;width:42px}.rr-port{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 70%,color-mix(in srgb,var(--hero-c)45%,#111),#07080a);border:1px solid #000c;border-radius:3px;width:42px;height:38px}.rr-port .portrait{position:absolute;width:calc(100% + 8px);height:calc(100% + 8px);inset:-2px -4px -6px}.rr-lvl{position:absolute;text-align:center;color:var(--gold);background:#000c;border-top-right-radius:3px;min-width:16px;padding:0 2px;font-size:10px;font-weight:800;line-height:13px;bottom:0;left:0}.rr-hp{color:var(--radiant);font-variant-numeric:tabular-nums;font-size:10px;font-weight:700;line-height:12px}.rr-body{flex:1;min-width:0}.rr-name{display:flex;white-space:nowrap;align-items: center;gap:5px;font-size:12px;font-weight:700;line-height:16px}.rr-name>span:first-child{overflow:hidden;text-overflow:ellipsis}.rr-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);background:#ffffff14;border-radius:2px;padding:0 4px;font-size:9px;font-style:normal}.rr-kills{color:var(--text-dim);font-size:10px}.rr-slots{display:flex;gap:2px;margin-top:2px}.rs-gap{width:4px}.rs{position:relative;display:grid;background:linear-gradient(160deg,#262b35,#0e1014);border:1px solid #000000e6;border-radius:2px;flex:none;place-items: center;width:26px;height:26px;font-size:15px;box-shadow:inset 0 0 0 1px #ffffff0a}.rs.filled{box-shadow:inset 0 0 0 1px var(--star),inset 0 0 8px color-mix(in srgb,var(--star)35%,transparent)}.rs.item.empty{background:linear-gradient(160deg,#1d2129,#0b0c0f);border-style:dashed;border-color:#2e3442}.rs.spell.empty{border-color:#2e3442}.rs.sealed{color:var(--text-faint);background:repeating-linear-gradient(45deg,#15181e,#15181e 3px,#0e1014 3px 6px);font-size:9px}.rs.drop-over,.rs.targetable:hover{border-color:var(--radiant);box-shadow:0 0 8px #5fd068b3}body.drag-spellInv .rs.spell:not(.sealed),body.drag-itemInv .rs.item,body.drag-spellSlot .rs.spell:not(.sealed){border-color:#5fd06899}.rr-up{position:absolute;cursor:pointer;color:#2a1d02;animation:1.2s ease-in-out infinite pulse-gold;background:linear-gradient(#ffe07a,#d9a12a);border:1px solid #ffe28a;border-radius:3px;height:17px;padding:0 6px;font-size:10px;font-weight:800;top:2px;right:4px}.hud-br{position:absolute;display:flex;flex-direction:row-reverse;align-items: flex-end;gap:6px;bottom:6px;right:6px;pointer-events:none!important}.hud-br>*{pointer-events:auto}.hud-inv{border-radius:6px;width:270px;padding:5px 6px 6px}.hud-inv.drop-over{border-color:var(--gold)}.inv-head small{font-family:var(--font-body);letter-spacing:0;text-transform:none;color:var(--text-faint);margin-left:auto;font-size:9.5px;font-weight:500}.inv-cells{display:grid;grid-template-columns:repeat(6,40px);overflow-y:auto;justify-content:space-between;gap:3px;max-height:172px}.inv-cell{display:grid;box-shadow:inset 0 0 0 1px var(--star),inset 0 0 10px color-mix(in srgb,var(--star)30%,transparent);cursor:grab;background:linear-gradient(160deg,#2a303b,#0e1014);border:1px solid #000000e6;border-radius:3px;place-items: center;width:40px;height:40px;font-size:22px}.inv-cell.spell{border-radius:50%}.inv-cell.empty{cursor:default;background:#00000059;border-color:#232833;box-shadow:inset 0 0 6px #000c}.inv-cell:not(.empty):hover{filter:brightness(1.2);transform:translateY(-1px)}.inv-cell.selected{outline:2px solid var(--gold);outline-offset:1px;animation:1.2s ease-in-out infinite pulse-gold}.hud-unit{position:relative;animation:.18s both rise;border-radius:6px;width:222px;padding:6px 7px 7px}.unit-x{position:absolute;color:var(--text-faint);cursor:pointer;background:0 0;border:none;font-size:11px;top:3px;right:4px}.unit-top{display:flex;gap:7px}.unit-port{border:1px solid var(--hud-line);background:radial-gradient(circle at 50% 70%,color-mix(in srgb,var(--hero-c)45%,#111),#07080a);overflow:hidden;border-radius:3px;flex:none;width:64px;height:64px}.unit-port .portrait{width:100%;height:100%}.unit-name{font-family:var(--font-head);color:var(--gold);font-size:15px;font-weight:700;line-height:1.2}.unit-sub{color:var(--text-dim);margin-top:2px;font-size:11px}.unit-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2px 6px;margin:6px 0}.ust{display:flex;color:var(--text-dim);justify-content:space-between;font-size:10.5px}.ust b{color:var(--text);font-variant-numeric:tabular-nums}.ust.hp b{color:var(--radiant)}.ust.mana b{color:var(--mana)}.ust.str b{color:#e5484d}.ust.agi b{color:#5fd068}.ust.int b{color:#4da3ff}.unit-hint{color:var(--gold);margin-bottom:4px;font-size:11px}.unit-actions{display:flex;gap:6px}.btn.sm{flex:1;justify-content:center;height:26px;padding:0 9px;font-size:11.5px}.mystery{position:absolute;display:flex;animation:.16s ease-out both shop-in;z-index:20;background:#06080c99;border:1px solid #c9a45c4d;border-radius:6px;gap:6px;padding:8px 6px 8px 10px;top:60px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #00000073}@keyframes shop-in{0%{opacity:0;transform:translate(-50%)translateY(-8px)scale(.98)}}.my-grid{display:grid;grid-template-columns:repeat(5,134px);grid-template-rows:auto auto auto;gap:4px 6px}.my-cell{position:relative;color:var(--text);cursor:pointer;display:flex;background:0 0;border:none;border-radius:4px;flex-direction:column;align-items: center;margin:0;padding:0;transition:background .12s}.my-cell:not(.sold):hover{background:radial-gradient(ellipse at 50% 60%,color-mix(in srgb,var(--star)16%,transparent),transparent 70%)}.my-cell.sold{cursor:default}.my-cell.poor{filter:saturate(.35)brightness(.7)}.my-cell.poor .my-price b{color:var(--dire)}.my-hero{grid-row:1;height:176px;padding-top:2px}.my-hname{display:flex;font-family:var(--font-head);white-space:nowrap;text-shadow:0 1px 3px #000,0 0 6px #000;align-items: center;gap:4px;font-size:13px;font-weight:700}.my-hname i{font-size:12px;font-style:normal}.my-figure{position:relative;display:block;width:124px;height:128px}.my-figure:before{content:"";position:absolute;background:radial-gradient(ellipse,color-mix(in srgb,var(--star)35%,#0009),transparent 70%);border-radius:50%;height:14px;bottom:2px;left:22%;right:22%}.my-figure .portrait{position:relative;width:100%;height:100%;transition:transform .15s}.my-hero:not(.sold):hover .my-figure .portrait{transform:translateY(-3px)scale(1.04)}.my-hero.dup .my-figure:after{content:"";position:absolute;pointer-events:none;animation:1.6s ease-in-out infinite beacon;background:radial-gradient(at 50% 90%,#ffd6668c,#ffc43c1f 50%,#0000 72%);inset:-6px 14px 0}.my-hero.dup .my-figure .portrait{filter:drop-shadow(0 0 6px #ffcf5ad9)}.my-beam{position:absolute;clip-path:polygon(30% 0,70% 0,100% 100%,0 100%);filter:blur(1.5px);pointer-events:none;animation:1.4s ease-in-out infinite beam-pulse;background:linear-gradient(#ffeca0f2,#ffd25a73 45%,#ffbe3c14 85%,#0000);width:58%;top:-14px;bottom:6px;left:50%;transform:translate(-50%)}.my-beam:after{content:"";position:absolute;animation:1.2s linear infinite beam-motes;opacity:.8;background:radial-gradient(circle,#ffffdcf2 0 1.5px,#0000 2px) 0 0/14px 18px;inset:0}.my-uplv{position:absolute;white-space:nowrap;color:#1a1206;pointer-events:none;animation:1.4s ease-in-out infinite uplv-bob;background:linear-gradient(#ffe58a,#f0b93a);border-radius:9px;padding:1px 7px;font-size:11px;font-weight:700;top:4px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #ffcf5acc}@keyframes beam-pulse{50%{opacity:.6}}@keyframes beam-motes{to{background-position:0 -18px}}@keyframes uplv-bob{50%{transform:translate(-50%)translateY(-3px)}}@keyframes beacon{50%{opacity:.55}}.my-price{display:flex;align-items: center;gap:6px;font-size:11px;line-height:14px}.my-price b{color:var(--gold);opacity:.9;font-weight:700}.my-icon-cell{justify-content:flex-start;gap:2px;height:92px;padding-top:4px}.my-icon{display:grid;box-shadow:inset 1px 1px 0 #ffffff24,inset -1px -1px 0 #000000b3,inset 0 0 0 1px var(--star),0 0 8px color-mix(in srgb,var(--star)30%,transparent);background:linear-gradient(150deg,#39404e,#151820 55%,#0b0d11);border:1px solid #000000e6;border-radius:3px;flex:none;place-items: center;width:46px;height:46px;transition:transform .12s;font-size:26px}.my-icon-cell.spell .my-icon{background:radial-gradient(circle at 40% 35%,#3a3550,#12101a 70%)}.my-icon-cell.ult .my-icon{border-radius:50%}.my-icon-cell:not(.sold):hover .my-icon{transform:translateY(-2px)}.my-icon-cell.sold:before{content:"";border:1px dashed #ffffff14;border-radius:3px;width:46px;height:46px}.my-iname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #000;max-width:128px;font-size:11px;font-weight:600}.my-side{display:flex;border-left:1px solid #c9a45c2e;flex-direction:column;gap:6px;padding-left:4px}.my-side-btn{cursor:pointer;border:1px solid var(--hud-line);color:var(--text);display:flex;background:linear-gradient(160deg,#2b303ce6,#0e1014e6);border-radius:3px;flex-direction:column;justify-content:center;align-items: center;width:36px;height:36px;font-size:17px;line-height:1}.my-side-btn:hover{border-color:var(--gold)}.my-side-btn.close{color:var(--dire);font-size:15px}.my-side-btn.on{border-color:var(--gold);box-shadow:0 0 10px #ffcf5a80}.my-side-cost{color:var(--gold);font-size:9px;font-weight:800}.my-side-cost.poor{color:var(--dire)}.result-toast{position:absolute;text-align:center;animation:.25s both rise;z-index:25;border-radius:8px;width:340px;margin:0 auto;padding:10px 14px 12px;top:70px;left:0;right:0}.result-toast.win{border-color:var(--radiant);box-shadow:0 0 30px #5fd06840}.result-toast.loss{border-color:var(--dire);box-shadow:0 0 30px #e5484d40}.rt-label{font-family:var(--font-head);letter-spacing:.1em;text-transform:uppercase;color:var(--bronze-hi);font-size:40px;font-weight:900;line-height:1.1}.win .rt-label{color:var(--radiant);text-shadow:0 0 20px #5fd06880}.loss .rt-label{color:var(--dire);text-shadow:0 0 20px #e5484d80}.rt-sub{font-size:15px;font-weight:700}.rt-sub.dmg{color:var(--dire);font-size:20px}.rt-list{list-style:none;margin:8px 0;padding:0;font-size:11px}.rt-list li{display:grid;grid-template-columns:1fr 16px 1fr 30px;color:var(--text-dim);gap:4px;padding:1px 0}.rt-list li>span:first-child{text-align:right}.rt-list .w{color:var(--text);font-weight:700}.rt-list i{color:var(--bronze-hi);font-style:normal}.rt-list b{color:var(--dire);text-align:right}.rt-btn{position:relative;overflow:hidden;height:34px;font-size:14px}.rt-timer{position:absolute;transform-origin:left;animation:linear both drain;background:#00000073;width:100%;height:3px;bottom:0;left:0}@keyframes drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.go-overlay{position:absolute;z-index:60;display:flex;backdrop-filter:blur(3px);background:radial-gradient(at 50% 40%,#0a0c108c,#040507e0);justify-content:center;align-items: center;gap:16px;padding:40px 60px;inset:0}.go-overlay .go-main{display:flex;flex-direction:column;flex:0 auto;align-items: center;gap:18px}.go-overlay>.standings{flex:none;width:240px}.stage:has(.mystery) .toasts{top:452px}.roster-tabs{display:flex;align-items: center;gap:4px;padding:0 0 5px}.roster-tab{display:flex;cursor:pointer;font-family:var(--font-head);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);background:linear-gradient(#282d38b3,#0c0e12cc);border:1px solid #ffffff14;border-radius:3px;align-items: center;gap:5px;height:28px;padding:0 10px 0 7px;font-size:11.5px;font-weight:700}.roster-tab svg{width:16px;height:16px}.roster-tab:hover{color:var(--text)}.roster-tab.on{color:#d9ecff;background:linear-gradient(#305c96d9,#10203ae6);border-color:#5aa8ff;box-shadow:0 0 10px #4da3ff8c,inset 0 0 8px #78beff59}.roster-count{color:var(--text-dim);margin-left:auto;padding-right:3px;font-size:12px;font-weight:700}.rrow{flex-direction:column;gap:2px;padding:3px 4px 3px 3px}.rr-main{display:flex;align-items: center;gap:4px}.rr-cls{display:grid;border:1px solid var(--cls-c);background:color-mix(in srgb,var(--cls-c)30%,#0b0d10);box-shadow:0 0 5px color-mix(in srgb,var(--cls-c)50%,transparent);flex:none;place-items: center;width:14px;height:14px;margin:0 2px 0 1px;transform:rotate(45deg)}.rr-cls i{color:var(--cls-c);font-size:9px;font-style:normal;line-height:1;transform:rotate(-45deg)}.rr-main .rr-port{flex:none}.rr-main .rr-slots{flex:1;gap:2px;min-width:0;margin-top:0}.rr-main .rs{width:29px;height:29px}.rr-hpline{display:flex;align-items: center;gap:5px;padding-left:20px}.rr-hpline .rr-hp{text-align:left;min-width:30px}.rr-hpbar{overflow:hidden;background:#0009;border-radius:2px;flex:1;height:4px}.rr-hpbar>div{background:linear-gradient(90deg,#3a9a43,#5fd068 70%,#6fc6ff);width:100%;height:100%}.rrow .rr-up{height:15px;font-size:9.5px;top:auto;bottom:1px}.unit-slots{display:flex;flex-direction:column;gap:3px;margin-bottom:6px}.unit-slot-row{display:flex;gap:2px}.unit-slot-row .rs{width:28px;height:28px}.stage.compact .hp-lord{display:none}.stage.compact .hud-players{gap:2px}.stage.compact .hp-row{padding:2px 5px 2px 2px}.stage.compact .hp-port{width:30px;height:30px;font-size:17px}.stage.compact .hud-roster{max-height:calc(100% - 180px)}html,body{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.viewport.mobile{background:var(--bg-0);-webkit-touch-callout:none}.mstage{position:absolute;overflow:hidden;width:100%;height:100%;inset:0}.mplay{height:100%;display:flex;overflow:hidden;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background:#07090c;flex-direction:column;height:100dvh}.mplay .hud-top{position:relative;padding:calc(4px + env(safe-area-inset-top))8px 4px 6px;z-index:5;border-left:none;border-right:none;border-radius:0;flex:none;gap:8px;width:100%;min-width:0;left:auto;transform:none}.mplay .ht-emblem{flex:none;width:30px;height:30px;padding:2px}.mplay .ht-main{text-align:left;min-width:0}.mplay .ht-title{font-size:13px}.mplay .ht-sub{font-size:15px}.mplay.phase-battle .ht-sub{padding-top:1px;font-size:11px}.mplay .ht-stat{gap:3px;font-size:13px}.mplay .ht-stat.coins b{font-size:16px}.mplay .ht-coin{width:17px;height:17px;font-size:10px}.mplay .hud-ready{flex:none;height:40px;padding:0 14px;font-size:14px}.mplay .hud-ready kbd{display:none}.m-world{position:relative;aspect-ratio:600/520;overflow:hidden;background:#0b0e0c;flex:none;width:100%;max-height:52dvh}.m-scroll{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;display:flex;padding:6px 6px calc(10px + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:6px;min-height:0}.m-scroll>*{flex:none}.mplay .hud-players{position:static;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;flex-direction:row;gap:4px;width:auto;margin:0 -6px;padding:0 6px 2px}.mplay .hud-players::-webkit-scrollbar{display:none}.mplay .hp-row{flex:none;width:124px;padding:3px 5px 3px 3px}.mplay .hp-row.vs{transform:none}.mplay .hp-lord{display:none}.mplay .hp-port{width:30px;height:30px;font-size:17px}.mbar{position:sticky;z-index:3;display:flex;border:1px solid var(--gold);color:var(--text);background:#281e08f5;border-radius:6px;align-items: center;gap:8px;padding:8px 10px;font-size:12.5px;line-height:1.3;top:-6px}.mbar>span:not(.mbar-glyph){flex:1;min-width:0}.mbar b{color:var(--gold)}.mbar-glyph{font-size:22px}.mbar .btn.sm{flex:none;height:34px}.mplay .hud-dock{position:static;align-items:stretch;gap:6px;width:100%;padding:6px}.mplay .dock-lord{flex:none;width:58px;height:auto;min-height:72px;margin-right:0}.mplay .dock-lord-glyph{font-size:30px}.mplay .key-wrap{flex:1;width:auto;min-width:0}.mplay .key-btn{width:100%;height:58px}.mplay .key-letter{display:none}.mplay .key-label{max-width:100%;font-size:11.5px}.mplay .hud-unit{width:auto}.mplay .unit-stats{grid-template-columns:repeat(3,1fr)}.mplay .btn.sm{height:38px;font-size:13px}.mplay .hud-roster{position:static;width:auto;max-height:none}.mplay .roster-list{overflow:visible}.mplay .rrow{padding:4px}.mplay .rr-port{width:46px;height:44px}.mplay .rs,.mplay .rr-main .rs,.mplay .unit-slot-row .rs{width:36px;height:36px;font-size:19px}.mplay .rr-main .rr-slots{flex-wrap:nowrap}.mplay .roster-tab{flex:1;justify-content:center;height:38px;font-size:13px}.mplay .rrow .rr-up{height:22px;font-size:11px}.mplay .rr-slots{flex-wrap:wrap;gap:3px}.mplay .rr-up{height:24px;font-size:11.5px;top:3px}.mplay.assigning .rs.spell:not(.sealed),.mplay.assigning .rs.item{border-color:#5fd068b3}.mplay .hud-inv{width:auto}.mplay .inv-cells{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:5px;max-height:none}.mplay .inv-cell{width:auto;height:46px;font-size:24px}.mplay .inv-cell.spell{border-radius:10px}.msheet{position:fixed;z-index:40;display:flex;animation:.2s ease-out both sheet-in;padding:env(safe-area-inset-top)env(safe-area-inset-right)0 env(safe-area-inset-left);background:#07090d;flex-direction:column;inset:0}@keyframes sheet-in{0%{transform:translateY(30px);opacity:0}}.msheet-head{display:flex;border-bottom:1px solid var(--hud-line);background:linear-gradient(180deg,var(--hud-bg-2),var(--hud-bg));flex:none;align-items: center;gap:8px;padding:8px 10px}.msheet-title{font-family:var(--font-head);letter-spacing:.08em;text-transform:uppercase;color:#d7b8ff;display:flex;flex:1;align-items: center;gap:6px;font-size:15px;font-weight:900}.msheet-coins{display:flex;color:var(--gold);align-items: center;gap:4px;font-size:17px;font-weight:800}.msheet .my-side{border-left:none;flex-direction:row-reverse;padding-left:0}.msheet .my-side-btn{width:44px;height:44px}.msheet-body{overflow-y:auto;padding:4px 10px calc(16px + env(safe-area-inset-bottom));flex:1;min-height:0}.msheet-sub{letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin:10px 0 6px;font-size:11px;font-weight:700}.msheet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.msheet .my-cell{background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;min-width:0}.msheet .my-cell.sold{background:0 0;border-style:dashed;min-height:90px}.msheet .my-hero{height:auto;padding:6px 2px}.msheet .my-hero.sold{min-height:150px}.msheet .my-hname{overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:12px}.msheet .my-figure{width:100%;height:96px}.msheet .my-icon-cell{height:auto;padding:8px 2px 6px}.msheet .my-iname{max-width:100%}.msheet-hint{text-align:center;color:var(--text-faint);margin:14px 0 0;font-size:11px}.mstage .toasts{top:calc(56px + env(safe-area-inset-top));width:calc(100% - 24px);bottom:auto}.mstage .toast{text-align:center;max-width:100%}.mplay .result-toast{position:fixed;top:calc(56px + env(safe-area-inset-top));width:calc(100% - 24px);max-width:380px}.mplay .rt-label{font-size:34px}.mplay .go-overlay{position:fixed;overflow-y:auto;padding:calc(20px + env(safe-area-inset-top))12px calc(20px + env(safe-area-inset-bottom));flex-direction:column;justify-content:flex-start}.mplay .go-place{padding:18px 26px}.mplay .go-rank{font-size:76px}.mplay .go-overlay>.standings{width:100%;max-width:380px}.mstage .tooltip{max-width:calc(100vw - 16px)}.msheet .my-cell{grid-row:auto;grid-column:auto}.stage:has(.msheet) .toasts{top:auto;bottom:calc(16px + env(safe-area-inset-bottom));z-index:950}.tip-agh{display:flex;color:#bfe0ff;background:#1e467838;border:1px solid #4da3ff4d;border-radius:5px;align-items: flex-start;gap:7px;margin-top:7px;padding:6px 8px;font-size:12px}.tip-agh.on{background:#2864b452;border-color:#5aa8ff;box-shadow:0 0 10px #4da3ff40}.tip-agh-title{color:#7fc4ff;letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.agh-glyph{flex:none;margin-top:1px}.rs.agh{box-shadow:inset 0 0 0 1px #5aa8ff,inset 0 0 8px #4da3ff73}.rs-agh{position:absolute;display:grid;background:#0b1a2c;border:1px solid #5aa8ff;border-radius:2px;place-items: center;width:12px;height:12px;font-style:normal;bottom:-3px;right:-3px}.rs-agh svg{width:10px;height:10px}.rs-innate{position:absolute;border-style:solid;border-width:6px 6px 0 0;border-color:var(--kit-c)transparent transparent transparent;opacity:.9;pointer-events:none;width:0;height:0;top:1px;left:1px}.rs.ult{box-shadow:inset 0 0 0 1px var(--gold),inset 0 0 8px #ffcf5a59}.rs-ult{position:absolute;color:#2a1d02;background:var(--gold);pointer-events:none;border-radius:0 2px;padding:0 1px;font-size:7.5px;font-style:normal;font-weight:900;line-height:9px;top:-1px;right:0}.rs.warn{border-color:var(--dire)!important;box-shadow:0 0 8px #e5484dcc!important}.rs-warn{position:absolute;white-space:nowrap;color:#ffd6d7;border:1px solid var(--dire);pointer-events:none;z-index:5;background:#3c0c0ef2;border-radius:3px;padding:2px 6px;font-size:10.5px;font-weight:700;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.mplay .rs-innate{border-width:8px 8px 0 0}.mplay .rs-ult{font-size:9px;line-height:11px}.ht-timer{display:block;color:var(--gold);text-shadow:0 0 10px #ffcf5a59;width:-moz-fit-content;width:fit-content;margin:0 auto;font-size:24px;line-height:1}.ht-timer.urgent{color:var(--dire);text-shadow:0 0 12px #e5484db3;animation:.5s ease-in-out infinite alternate timer-pulse}@keyframes timer-pulse{to{transform:scale(1.18)}}.mplay .ht-timer{margin:0;font-size:20px}.rt-next{position:relative;color:var(--text-dim);margin-top:4px;padding-bottom:6px;font-size:12px}.rt-next b{color:var(--gold)}.rt-next .rt-timer{background:var(--gold);opacity:.6;border-radius:2px}.sell-zone{position:absolute;z-index:30;display:flex;color:#ff9f2e;animation:.15s ease-out both sz-in;background:linear-gradient(#3c1e06eb,#1e0e04f0);border:2px dashed #ffa03cb3;border-radius:8px;align-items: center;gap:14px;width:314px;height:116px;padding:0 18px;bottom:6px;left:6px;box-shadow:0 0 24px #ff8c2859}@keyframes sz-in{0%{opacity:0;transform:translateY(12px)}}.sell-zone.over{background:linear-gradient(#6e3608f2,#3c1a04f5);border-style:solid;border-color:#ffc06a;box-shadow:0 0 36px #ffa03cb3}.sell-zone.destroy{color:#ff6b6b;background:linear-gradient(#460c0eeb,#220608f0);border-color:#e5484dbf}.sz-can{position:relative;display:flex;pointer-events:none;flex-direction:column;flex:none;justify-content:flex-end;align-items: center;width:56px;height:70px}.sz-can svg{filter:drop-shadow(0 0 8px currentColor);width:46px;height:50px}.sell-zone.over .sz-can svg{transform:scale(1.1)}.sz-arrow{position:absolute;animation:.8s ease-in-out infinite sz-arrow;font-size:18px;top:-4px}@keyframes sz-arrow{50%{transform:translateY(7px);opacity:.6}}.sz-text{pointer-events:none;min-width:0}.sz-value{font-family:var(--font-head);color:var(--gold);text-shadow:0 0 12px #ffcf5a80;font-size:30px;font-weight:900;line-height:1}.sell-zone.destroy .sz-value{color:#ff6b6b;text-shadow:0 0 12px #e5484d99}.sz-name{color:#ffd9b0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;margin-top:4px;font-size:12px;font-weight:600}.mplay .sell-zone{position:fixed;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));width:auto;height:88px}