:root{--gold: #e6c065;--gold-dim: #9c7f3c;--panel: rgba(14, 12, 20, .86);--panel-border: rgba(230, 192, 101, .35);--text: #eee6d4;--muted: #9d968a;--red: #e0574e;--blue: #4f8fe8;--hp: #d8453b;--mp: #3f7fe0;--xp: #d9b24a;--font-title: "Cinzel", Georgia, serif;--font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0b0a10;color:var(--text);font-family:var(--font);font-size:calc(14px * var(--ui-scale, 1));user-select:none;-webkit-user-select:none}#game,#game canvas{position:fixed;inset:0;display:block}#game canvas{width:100%!important;height:100%!important}#nameplates,#ui{position:fixed;inset:0;pointer-events:none}#ui>*{pointer-events:auto}button{font-family:var(--font);cursor:pointer}.hidden{display:none!important}.screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#14101e8c,#06050aeb 75%);padding:calc(24px * var(--ui-scale, 1));overflow-y:auto}.title{font-family:var(--font-title);font-weight:800;font-size:clamp(calc(34px * var(--ui-scale, 1)),6vw,calc(64px * var(--ui-scale, 1)));letter-spacing:.06em;color:var(--gold);text-shadow:0 0 24px rgba(230,170,60,.45),0 3px 0 #5a3d10;margin:0;text-align:center}.subtitle{text-align:center;color:var(--muted);margin:6px 0 28px;letter-spacing:.2em;text-transform:uppercase;font-size:calc(12px * var(--ui-scale, 1))}.card{background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;box-shadow:0 20px 60px #0009,inset 0 0 40px #e6c0650a;padding:calc(24px * var(--ui-scale, 1))}.lobby{width:min(calc(440px * var(--ui-scale, 1)),100%)}.lobby label{display:block;font-size:calc(12px * var(--ui-scale, 1));color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}.lobby input{width:100%;padding:calc(12px * var(--ui-scale, 1)) calc(14px * var(--ui-scale, 1));font-size:calc(17px * var(--ui-scale, 1));font-family:var(--font);color:var(--text);background:#00000073;border:1px solid var(--panel-border);border-radius:6px;outline:none;user-select:text}.lobby input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #e6c06526}.btn-primary{width:100%;margin-top:14px;padding:calc(13px * var(--ui-scale, 1));font-family:var(--font-title);font-weight:800;font-size:calc(17px * var(--ui-scale, 1));letter-spacing:.1em;color:#1a1206;background:linear-gradient(180deg,#f3d488,#c9993f);border:1px solid #f6dc9a;border-radius:6px;box-shadow:0 6px 18px #c9993f4d}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-primary:disabled{opacity:.6;cursor:wait}.error{color:#ff8a80;min-height:calc(20px * var(--ui-scale, 1));margin-top:10px;font-size:calc(13px * var(--ui-scale, 1))}.server-list{margin-top:18px;border-top:1px solid rgba(255,255,255,.07);padding-top:14px}.server-list h3{margin:0 0 10px;font-size:calc(12px * var(--ui-scale, 1));color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-weight:600}.server-row{display:grid;grid-template-columns:1fr calc(120px * var(--ui-scale, 1)) calc(52px * var(--ui-scale, 1));align-items:center;gap:calc(10px * var(--ui-scale, 1));padding:calc(6px * var(--ui-scale, 1)) 0;font-size:calc(13px * var(--ui-scale, 1))}.server-row .bar{height:calc(6px * var(--ui-scale, 1));background:#ffffff14;border-radius:3px;overflow:hidden}.server-row .bar>div{height:100%;background:linear-gradient(90deg,var(--gold-dim),var(--gold))}.server-row .count{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.hint{color:var(--muted);font-size:calc(12px * var(--ui-scale, 1));line-height:1.5}.select-wrap{width:min(calc(980px * var(--ui-scale, 1)),100%)}.select-info{display:flex;justify-content:center;flex-wrap:wrap;gap:calc(10px * var(--ui-scale, 1)) calc(22px * var(--ui-scale, 1));margin-bottom:22px;color:var(--muted)}.select-info b{color:var(--text)}.class-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(200px * var(--ui-scale, 1)),1fr));gap:calc(16px * var(--ui-scale, 1))}.class-card{position:relative;text-align:left;color:var(--text);padding:calc(20px * var(--ui-scale, 1)) calc(18px * var(--ui-scale, 1));background:linear-gradient(180deg,#28203ad9,#100d18eb);border:1px solid var(--panel-border);border-radius:10px;transition:transform .15s,border-color .15s,box-shadow .15s;overflow:hidden}.class-card:hover:not(:disabled){transform:translateY(-4px);border-color:var(--gold);box-shadow:0 12px 30px #e6c0652e}.class-card:disabled{cursor:not-allowed;filter:grayscale(.8) brightness(.65)}.class-emblem{width:calc(64px * var(--ui-scale, 1));height:calc(64px * var(--ui-scale, 1));border-radius:50%;display:grid;place-items:center;font-size:calc(30px * var(--ui-scale, 1));margin-bottom:14px;border:2px solid rgba(255,255,255,.2)}.class-card h2{font-family:var(--font-title);margin:0 0 8px;font-size:calc(22px * var(--ui-scale, 1))}.class-card p{margin:0 0 12px;color:var(--muted);font-size:calc(13px * var(--ui-scale, 1));line-height:1.5}.class-card .stats{font-size:calc(12px * var(--ui-scale, 1));color:var(--text);opacity:.85}.ribbon{position:absolute;top:14px;right:-34px;transform:rotate(45deg);background:#5b4a2a;color:var(--gold);font-size:calc(11px * var(--ui-scale, 1));font-weight:700;padding:calc(4px * var(--ui-scale, 1)) calc(40px * var(--ui-scale, 1));letter-spacing:.1em}.plate{position:absolute;left:0;top:0;transform:translate(-50%,-100%);text-align:center;white-space:nowrap;font-size:calc(12px * var(--ui-scale, 1));font-weight:700;text-shadow:0 1px 2px #000,0 0 4px #000;will-change:transform}.plate .pbar{width:calc(64px * var(--ui-scale, 1));height:calc(5px * var(--ui-scale, 1));margin:2px auto 0;background:#000000b3;border:1px solid rgba(0,0,0,.9);border-radius:2px;overflow:hidden}.plate .pbar>div{height:100%;background:var(--hp)}.plate.npc{font-size:calc(11px * var(--ui-scale, 1));color:#e9d9a8}.plate.npc.aggro{color:#ff9d7a}.plate .lvl{color:var(--gold);margin-right:4px}.plate.loot{font-size:calc(11px * var(--ui-scale, 1));font-weight:600}.plate .fxicons{font-size:calc(13px * var(--ui-scale, 1));height:calc(14px * var(--ui-scale, 1))}.dmg{position:absolute;transform:translate(-50%,-50%);font-weight:800;font-size:calc(18px * var(--ui-scale, 1));text-shadow:0 2px 3px #000,0 0 6px rgba(0,0,0,.8);animation:dmg-float 1s ease-out forwards;pointer-events:none}.dmg.crit{font-size:calc(26px * var(--ui-scale, 1))}.dmg.small{font-size:calc(14px * var(--ui-scale, 1))}@keyframes dmg-float{0%{opacity:0;margin-top:0;scale:.6}12%{opacity:1;scale:1.15}30%{scale:1}to{opacity:0;margin-top:-60px}}.hud-top-left{position:fixed;top:14px;left:14px;padding:calc(10px * var(--ui-scale, 1)) calc(14px * var(--ui-scale, 1));min-width:calc(200px * var(--ui-scale, 1));font-size:calc(13px * var(--ui-scale, 1))}.hud-top-left .srv{font-family:var(--font-title);color:var(--gold);font-size:calc(15px * var(--ui-scale, 1));margin-bottom:6px}.team-score{display:flex;gap:calc(12px * var(--ui-scale, 1));align-items:center;font-weight:700}.hud-panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:8px}.hud-bottom{position:fixed;bottom:14px;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:calc(12px * var(--ui-scale, 1))}.unitframe{width:calc(290px * var(--ui-scale, 1));padding:calc(10px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1))}.unitframe .top{display:flex;align-items:center;gap:calc(10px * var(--ui-scale, 1));margin-bottom:8px}.lvl-badge{width:calc(38px * var(--ui-scale, 1));height:calc(38px * var(--ui-scale, 1));border-radius:50%;display:grid;place-items:center;font-family:var(--font-title);font-weight:800;font-size:calc(16px * var(--ui-scale, 1));color:var(--gold);border:2px solid var(--gold-dim);background:radial-gradient(circle,#2a2136,#120f18)}.unitframe .name{font-weight:700;font-size:calc(14px * var(--ui-scale, 1))}.unitframe .cls{font-size:calc(12px * var(--ui-scale, 1));color:var(--muted)}.bar{position:relative;height:calc(16px * var(--ui-scale, 1));background:#0000008c;border:1px solid rgba(0,0,0,.8);border-radius:3px;overflow:hidden;margin-top:4px}.bar>.fill{position:absolute;inset:0;transform-origin:left;transition:transform .15s}.bar.hp>.fill{background:linear-gradient(180deg,#ee6a5f,#a52c24)}.bar.mp>.fill{background:linear-gradient(180deg,#5d9cf5,#2551a8)}.bar.xp{height:calc(6px * var(--ui-scale, 1))}.bar.xp>.fill{background:linear-gradient(90deg,#a5812f,var(--xp))}.bar>span{position:absolute;inset:0;display:grid;place-items:center;font-size:calc(11px * var(--ui-scale, 1));font-weight:700;text-shadow:0 1px 2px #000;font-variant-numeric:tabular-nums}.skillbar{display:flex;gap:calc(6px * var(--ui-scale, 1));padding:calc(8px * var(--ui-scale, 1))}.slot{position:relative;width:calc(54px * var(--ui-scale, 1));height:calc(54px * var(--ui-scale, 1));border-radius:6px;border:1px solid var(--panel-border);background:linear-gradient(180deg,#2c2438,#15111c);display:grid;place-items:center;font-size:calc(24px * var(--ui-scale, 1));overflow:hidden}.slot .key{position:absolute;top:2px;left:4px;font-size:calc(10px * var(--ui-scale, 1));font-weight:700;color:var(--gold);text-shadow:0 1px 2px #000}.slot .mana{position:absolute;bottom:1px;right:3px;font-size:calc(10px * var(--ui-scale, 1));color:#8fb7ff;text-shadow:0 1px 2px #000}.slot .cd{position:absolute;inset:0;color:#fff;background:conic-gradient(rgba(0,0,0,.72) var(--p, 0%),transparent 0);display:grid;place-items:center;font-size:calc(15px * var(--ui-scale, 1));font-weight:800;text-shadow:0 1px 2px #000}.slot.locked{filter:grayscale(1) brightness(.45)}.slot.locked:after{content:attr(data-lock);position:absolute;inset:auto 0 2px;font-size:calc(10px * var(--ui-scale, 1));text-align:center;color:#fff}.slot.cooling>span:first-child{opacity:.3}.slot.locked .mana{display:none}.slot.nomana{box-shadow:inset 0 0 0 2px #3f7fe0cc;filter:brightness(.6)}.slot.flash{animation:slot-flash .25s}@keyframes slot-flash{0%{box-shadow:inset 0 0 0 30px #ffe6a080}}.elements{display:flex;flex-direction:column;gap:calc(6px * var(--ui-scale, 1));padding:calc(8px * var(--ui-scale, 1))}.el-btn{position:relative;width:calc(40px * var(--ui-scale, 1));height:calc(40px * var(--ui-scale, 1));border-radius:50%;border:2px solid rgba(255,255,255,.15);background:#15111c;font-size:calc(18px * var(--ui-scale, 1));display:grid;place-items:center;color:#fff;padding:0}.el-btn.locked{filter:grayscale(1) brightness(.4)}.el-btn.active{border-color:var(--el, var(--gold));box-shadow:0 0 14px var(--el, var(--gold))}.el-btn .k{position:absolute;bottom:-3px;right:-3px;font-size:calc(9px * var(--ui-scale, 1));background:#000;border-radius:3px;padding:0 calc(3px * var(--ui-scale, 1));color:var(--gold)}.sp-alert{position:fixed;bottom:186px;left:50%;transform:translate(-50%);padding:calc(6px * var(--ui-scale, 1)) calc(14px * var(--ui-scale, 1));font-weight:700;color:var(--gold);animation:pulse 1.4s infinite;cursor:pointer}@keyframes pulse{50%{box-shadow:0 0 18px #e6c0658c}}.minimap{position:fixed;top:14px;right:14px;padding:calc(6px * var(--ui-scale, 1))}.minimap canvas{display:block;border-radius:4px}.killfeed{position:fixed;top:calc(160px + 12px * var(--ui-scale, 1));right:14px;width:calc(290px * var(--ui-scale, 1));display:flex;flex-direction:column;gap:calc(4px * var(--ui-scale, 1));align-items:flex-end;pointer-events:none}.killfeed div{background:#0009;padding:calc(4px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1));border-radius:4px;font-size:calc(12px * var(--ui-scale, 1));font-weight:600;animation:fadeout 6s forwards}@keyframes fadeout{0%{opacity:0;transform:translate(20px)}6%,80%{opacity:1;transform:none}to{opacity:0}}.notices{position:fixed;top:22%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:calc(6px * var(--ui-scale, 1));pointer-events:none}.notices div{font-weight:700;font-size:calc(15px * var(--ui-scale, 1));padding:calc(6px * var(--ui-scale, 1)) calc(16px * var(--ui-scale, 1));background:#0000008c;border-radius:4px;text-shadow:0 1px 2px #000;animation:fadeout 3s forwards}.target-frame{position:fixed;top:14px;left:50%;transform:translate(-50%);width:calc(250px * var(--ui-scale, 1));padding:calc(8px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));text-align:center;pointer-events:none}.target-frame .tname{font-weight:700;font-size:calc(13px * var(--ui-scale, 1))}.death-overlay{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at center,#50000026,#2800008c);pointer-events:none}.death-overlay div{text-align:center;font-family:var(--font-title);font-size:calc(34px * var(--ui-scale, 1));color:#ff8a80;text-shadow:0 2px 10px #000}.death-overlay small{display:block;font-family:var(--font);font-size:calc(16px * var(--ui-scale, 1));color:var(--text);margin-top:8px}.controls-help{position:fixed;left:14px;bottom:14px;font-size:calc(11px * var(--ui-scale, 1));color:var(--muted);line-height:1.6;padding:calc(8px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));pointer-events:none}.controls-help b{color:var(--gold)}.panel{position:fixed;z-index:18;top:50%;left:50%;transform:translate(-50%,-50%);padding:calc(18px * var(--ui-scale, 1)) calc(20px * var(--ui-scale, 1));max-height:90vh;overflow-y:auto}.panel h2{font-family:var(--font-title);color:var(--gold);margin:0 0 14px;font-size:calc(20px * var(--ui-scale, 1));display:flex;justify-content:space-between;align-items:center}.panel .close{background:none;border:1px solid var(--panel-border);color:var(--muted);border-radius:4px;width:calc(28px * var(--ui-scale, 1));height:calc(28px * var(--ui-scale, 1));font-size:calc(14px * var(--ui-scale, 1))}.inv-layout{display:grid;grid-template-columns:calc(220px * var(--ui-scale, 1)) calc(290px * var(--ui-scale, 1));gap:calc(20px * var(--ui-scale, 1))}.equip-slots{display:grid;grid-template-columns:1fr 1fr;gap:calc(8px * var(--ui-scale, 1))}.equip-slot,.inv-cell{position:relative;border:1px solid rgba(255,255,255,.12);background:#0006;border-radius:6px;cursor:pointer}.equip-slot{height:calc(64px * var(--ui-scale, 1));padding:calc(6px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1));font-size:calc(11px * var(--ui-scale, 1))}.equip-slot .sname{color:var(--muted);font-size:calc(10px * var(--ui-scale, 1));text-transform:uppercase;letter-spacing:.08em}.equip-slot .iname{font-weight:700;margin-top:4px;font-size:calc(12px * var(--ui-scale, 1))}.inv-grid{display:grid;grid-template-columns:repeat(5,calc(52px * var(--ui-scale, 1)));gap:calc(6px * var(--ui-scale, 1))}.inv-cell{width:calc(52px * var(--ui-scale, 1));height:calc(52px * var(--ui-scale, 1));display:grid;place-items:center;font-size:calc(24px * var(--ui-scale, 1))}.inv-cell:hover,.equip-slot:hover{border-color:var(--gold)}.stat-list{margin-top:14px;display:grid;grid-template-columns:1fr auto;gap:calc(4px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));font-size:calc(13px * var(--ui-scale, 1))}.stat-list span:nth-child(2n){text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.tooltip{position:fixed;z-index:10;min-width:calc(180px * var(--ui-scale, 1));padding:calc(10px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));font-size:calc(12px * var(--ui-scale, 1));line-height:1.6;pointer-events:none}.tooltip .tt-name{font-weight:800;font-size:calc(14px * var(--ui-scale, 1))}.tooltip .tt-hint{color:var(--muted);margin-top:6px;font-size:calc(11px * var(--ui-scale, 1))}.tree{display:grid;grid-template-columns:repeat(3,calc(230px * var(--ui-scale, 1)));gap:calc(16px * var(--ui-scale, 1))}.branch{border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:calc(12px * var(--ui-scale, 1));background:#0000004d}.branch-col.closed,.branch.closed{opacity:.5;filter:grayscale(.6)}.branch.active{border-color:var(--el);box-shadow:0 0 18px color-mix(in srgb,var(--el) 35%,transparent)}.branch h3{margin:0;font-family:var(--font-title);color:var(--el)}.branch .eff{font-size:calc(12px * var(--ui-scale, 1));color:var(--muted);margin-bottom:10px}.tier{border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:calc(8px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1));margin-bottom:8px;font-size:calc(12px * var(--ui-scale, 1))}.tier.owned{border-color:var(--el);background:color-mix(in srgb,var(--el) 12%,transparent)}.tier.locked{opacity:.45}.tier b{display:block;font-size:calc(13px * var(--ui-scale, 1))}.tier .meta{color:var(--muted)}.small-btn{margin-top:6px;padding:calc(5px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1));font-size:calc(12px * var(--ui-scale, 1));font-weight:700;border-radius:4px;border:1px solid var(--gold-dim);background:linear-gradient(180deg,#4a3b1d,#2a2111);color:var(--gold)}.small-btn:disabled{opacity:.4;cursor:not-allowed}.skills-info{margin-top:16px;display:grid;grid-template-columns:repeat(5,1fr);gap:calc(8px * var(--ui-scale, 1));font-size:calc(11px * var(--ui-scale, 1))}.skills-info div{border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:calc(6px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1))}.skills-info b{display:block;font-size:calc(12px * var(--ui-scale, 1))}.scoreboard{width:min(calc(760px * var(--ui-scale, 1)),95vw);pointer-events:none}.scoreboard .cols{display:grid;grid-template-columns:1fr 1fr;gap:calc(16px * var(--ui-scale, 1))}.scoreboard table{width:100%;border-collapse:collapse;font-size:calc(13px * var(--ui-scale, 1))}.scoreboard th{text-align:left;font-size:calc(11px * var(--ui-scale, 1));color:var(--muted);font-weight:600;padding:calc(4px * var(--ui-scale, 1)) calc(6px * var(--ui-scale, 1))}.scoreboard td{padding:calc(5px * var(--ui-scale, 1)) calc(6px * var(--ui-scale, 1));border-top:1px solid rgba(255,255,255,.06);font-variant-numeric:tabular-nums}.scoreboard tr.me td{color:var(--gold);font-weight:700}@media (max-width: 900px){.controls-help{display:none}.inv-layout,.tree{grid-template-columns:1fr}}#ui>.tooltip{pointer-events:none;z-index:20}.tooltip .tt-stats{margin-top:6px}.tooltip .tt-row{display:grid;grid-template-columns:1fr auto calc(64px * var(--ui-scale, 1));gap:calc(8px * var(--ui-scale, 1));align-items:baseline}.tooltip .tt-row>:last-child{text-align:right;font-weight:700}.tt-up{color:#6ee787}.tt-down{color:#ff7b72}.tt-same{color:var(--muted)}.tooltip .tt-cmp{margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.1)}.inv-cell .badge{position:absolute;left:3px;bottom:1px;font-size:calc(11px * var(--ui-scale, 1));font-weight:800;line-height:1}.inv-cell .badge.up{color:#6ee787}.inv-cell .badge.down{color:#ff7b72}.inv-cell .badge.no{font-size:calc(10px * var(--ui-scale, 1))}.inv-cell .del{position:absolute;top:-7px;right:-7px;min-width:calc(20px * var(--ui-scale, 1));height:calc(20px * var(--ui-scale, 1));padding:0 calc(4px * var(--ui-scale, 1));border-radius:10px;border:1px solid #7a2a24;background:#3a1512;color:#ffb4a8;font-size:calc(11px * var(--ui-scale, 1));font-weight:700;line-height:calc(18px * var(--ui-scale, 1));display:none}.inv-cell:hover .del,.inv-cell.armed .del{display:block}.inv-cell .del.confirm{background:#c0392b;color:#fff;border-color:#ff8a80}.inv-cell.armed{border-color:#ff5c4d!important;box-shadow:0 0 10px #ff5c4d80!important}.bulk{display:flex;flex-wrap:wrap;gap:calc(6px * var(--ui-scale, 1))}.small-btn.danger{background:linear-gradient(180deg,#8a2a22,#5a1511);border-color:#ff8a80;color:#fff}.equip-slot{height:calc(76px * var(--ui-scale, 1))}.equip-slot .isum{margin-top:3px;font-size:calc(10px * var(--ui-scale, 1));color:var(--muted)}.inv-grid{padding-top:8px}.announce{position:fixed;top:64px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:calc(6px * var(--ui-scale, 1));pointer-events:none;z-index:5}.announce div{font-family:var(--font-title);font-weight:800;font-size:calc(17px * var(--ui-scale, 1));padding:calc(8px * var(--ui-scale, 1)) calc(20px * var(--ui-scale, 1));background:#0a080ed1;border:1px solid;border-radius:6px;text-shadow:0 1px 3px #000;animation:announce 6s forwards;white-space:nowrap}@keyframes announce{0%{opacity:0;transform:scale(1.4)}6%{opacity:1;transform:scale(1)}85%{opacity:1}to{opacity:0}}.channel{position:fixed;bottom:230px;left:50%;transform:translate(-50%);width:calc(260px * var(--ui-scale, 1));padding:calc(6px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1)) calc(8px * var(--ui-scale, 1));text-align:center;font-size:calc(12px * var(--ui-scale, 1));font-weight:700;pointer-events:none}.channel .bar>.fill{background:linear-gradient(90deg,#7fd8ff,#fff2b0)}.plate .loot-sub{font-size:calc(10px * var(--ui-scale, 1));font-weight:600;color:#d8cfbd;line-height:1.35}.plate.upg{font-size:calc(13px * var(--ui-scale, 1))}.inv-cell .plus{position:absolute;top:1px;left:3px;font-size:calc(10px * var(--ui-scale, 1));font-weight:800;color:var(--gold);text-shadow:0 1px 2px #000}.inv-cell .cls{position:absolute;bottom:1px;right:3px;font-size:calc(8px * var(--ui-scale, 1));font-weight:700;color:var(--muted)}.inv-cell.selected{border-color:var(--gold)!important;box-shadow:0 0 12px #e6c06599!important}.tooltip .tt-plus{margin-top:6px;font-size:calc(11px * var(--ui-scale, 1));color:var(--gold)}.up-layout{display:grid;grid-template-columns:calc(300px * var(--ui-scale, 1)) calc(300px * var(--ui-scale, 1));gap:calc(20px * var(--ui-scale, 1))}.up-card{border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:calc(12px * var(--ui-scale, 1)) calc(14px * var(--ui-scale, 1));background:#0000004d;font-size:calc(12px * var(--ui-scale, 1));line-height:1.6}.up-card .tt-row{display:grid;grid-template-columns:1fr auto calc(90px * var(--ui-scale, 1));gap:calc(8px * var(--ui-scale, 1))}.up-arrow{font-family:var(--font-title);font-size:calc(26px * var(--ui-scale, 1));font-weight:800;text-align:center;margin:6px 0;color:var(--gold)}.up-chance{margin-top:8px;font-size:calc(15px * var(--ui-scale, 1))}.up-warn{color:#ff8a80;font-size:calc(12px * var(--ui-scale, 1))}.up-progress{margin-top:12px;height:calc(14px * var(--ui-scale, 1));border-radius:7px;background:#0009;overflow:hidden;border:1px solid rgba(255,255,255,.15)}.up-progress>div{height:100%;width:0;background:linear-gradient(90deg,#ff3b1f,#ffd21f,#ff3b1f);background-size:200% 100%;animation:upbar .6s linear infinite}@keyframes upbar{to{background-position:-200% 0}}.up-table{margin-top:14px;display:flex;flex-wrap:wrap;gap:calc(4px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));font-size:calc(11px * var(--ui-scale, 1));color:var(--muted)}.up-table .cur{color:var(--gold);font-weight:700}.dialog-wrap{position:fixed;inset:0;display:grid;place-items:center;background:#00000059;z-index:30}.dialog{padding:calc(20px * var(--ui-scale, 1)) calc(24px * var(--ui-scale, 1));text-align:center;min-width:calc(320px * var(--ui-scale, 1))}.dialog p{margin:0 0 16px;font-size:calc(16px * var(--ui-scale, 1));font-weight:600}.dialog-btns{display:flex;gap:calc(10px * var(--ui-scale, 1));justify-content:center}.prompt-dialog{width:min(calc(460px * var(--ui-scale, 1)),92vw);min-width:0;background:linear-gradient(180deg,#28203afa,#100d18fa);border-color:#e6c0658c;box-shadow:0 20px 60px #0009,inset 0 0 40px #e6c0650d}.dialog-title{margin:0 0 12px;font-family:var(--font-title);font-size:calc(20px * var(--ui-scale, 1));color:var(--gold);letter-spacing:.02em}.dialog-text{margin:0 0 16px;font-size:calc(14px * var(--ui-scale, 1));line-height:1.55;color:var(--text)}.dialog-text .hint{display:inline-block;margin-top:6px}.dialog-text .gold{color:var(--gold)}.dialog-wrap:has(.prompt-dialog){background:#040308a6}.dialog-input{display:block;width:100%;margin:0 0 14px;padding:calc(10px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));font-family:var(--font);font-size:calc(15px * var(--ui-scale, 1));color:var(--text);background:#00000073;border:1px solid var(--panel-border);border-radius:6px;outline:none;caret-color:var(--gold)}.dialog-input::placeholder{color:var(--muted)}.dialog-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #e6c06526}.dialog-input:-webkit-autofill,.dialog-input:-webkit-autofill:hover,.dialog-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px #16121c inset;caret-color:var(--gold);transition:background-color 9999s ease-out 0s}.dialog .small-btn{padding:calc(8px * var(--ui-scale, 1)) calc(16px * var(--ui-scale, 1));font-size:calc(14px * var(--ui-scale, 1))}.bank-layout{display:grid;grid-template-columns:auto calc(30px * var(--ui-scale, 1)) auto;gap:calc(12px * var(--ui-scale, 1));align-items:start}.bank-grid{grid-template-columns:repeat(8,calc(52px * var(--ui-scale, 1)))}.bank-head{display:flex;justify-content:space-between;font-weight:700;margin-bottom:6px}.bank-head span{color:var(--muted);font-weight:600}.bank-arrows{align-self:center;font-size:calc(22px * var(--ui-scale, 1));color:var(--gold);text-align:center}.plate.boss{font-size:calc(15px * var(--ui-scale, 1));color:#ff8a70}.plate.boss .pbar{width:calc(130px * var(--ui-scale, 1));height:calc(8px * var(--ui-scale, 1))}.boss-tag{font-size:calc(10px * var(--ui-scale, 1));background:#b3261e;color:#fff;border-radius:3px;padding:calc(1px * var(--ui-scale, 1)) calc(5px * var(--ui-scale, 1));margin-left:4px;vertical-align:middle}@media (max-width: 1100px){.bank-grid{grid-template-columns:repeat(5,calc(52px * var(--ui-scale, 1)))}.bank-layout{grid-template-columns:1fr}}.hud-topleft{position:fixed;top:14px;left:14px;display:flex;align-items:flex-start;gap:calc(8px * var(--ui-scale, 1))}.hud-topleft .unitframe{width:calc(270px * var(--ui-scale, 1));padding:calc(10px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1))}.unitframe .top{margin-bottom:6px}.unitframe .who{min-width:0}.unitframe .bar.hp,.unitframe .bar.mp{height:calc(15px * var(--ui-scale, 1))}.uf-meta{margin-top:6px;font-size:calc(11px * var(--ui-scale, 1));color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uf-skills{display:flex;align-items:center;gap:calc(5px * var(--ui-scale, 1));margin-top:6px}.uf-elements{display:flex;gap:calc(5px * var(--ui-scale, 1))}.el-chip{position:relative;display:flex;align-items:center;gap:calc(3px * var(--ui-scale, 1));height:calc(24px * var(--ui-scale, 1));padding:0 calc(7px * var(--ui-scale, 1)) 0 calc(5px * var(--ui-scale, 1));border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#15111c;color:#fff;font-size:calc(12px * var(--ui-scale, 1))}.el-chip b{font-size:calc(12px * var(--ui-scale, 1));min-width:calc(8px * var(--ui-scale, 1))}.el-chip .k{font-size:calc(9px * var(--ui-scale, 1));color:var(--gold);opacity:.8;margin-left:1px}.el-chip.locked{opacity:.4;filter:grayscale(.8)}.el-chip.active{border-color:var(--el);box-shadow:0 0 10px var(--el)}.sp-badge{margin-left:auto;height:calc(19px * var(--ui-scale, 1));padding:0 calc(5px * var(--ui-scale, 1));border-radius:12px;border:1px solid var(--gold-dim);background:linear-gradient(180deg,#4a3b1d,#2a2111);color:var(--gold);font-size:calc(9px * var(--ui-scale, 1));font-weight:700;white-space:nowrap}.info-wrap{display:flex;flex-direction:column;gap:calc(6px * var(--ui-scale, 1));align-items:flex-start}.info-toggle{width:calc(32px * var(--ui-scale, 1));height:calc(32px * var(--ui-scale, 1));padding:0;font-size:calc(16px * var(--ui-scale, 1));font-weight:800;color:var(--muted)}.info-toggle.active{color:var(--gold);border-color:var(--gold-dim)}.info-wrap .controls-help{position:static;pointer-events:auto;font-size:calc(11px * var(--ui-scale, 1));line-height:1.55;padding:calc(8px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));white-space:nowrap}.team-score{position:fixed;top:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;flex-direction:column;gap:calc(2px * var(--ui-scale, 1));padding:calc(6px * var(--ui-scale, 1)) calc(20px * var(--ui-scale, 1));font-family:var(--font-title);font-size:calc(17px * var(--ui-scale, 1));pointer-events:none}.score-server{max-width:calc(260px * var(--ui-scale, 1));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--muted);font-family:var(--font-body, sans-serif);font-size:calc(10px * var(--ui-scale, 1));line-height:calc(14px * var(--ui-scale, 1))}.score-time{color:var(--muted);font-family:monospace;font-size:calc(10px * var(--ui-scale, 1));line-height:calc(12px * var(--ui-scale, 1));font-variant-numeric:tabular-nums;text-align:center}.score-teams{display:flex;align-items:center;gap:calc(14px * var(--ui-scale, 1))}.score-gulyabani{color:#e9b46a;font-family:var(--font-body, sans-serif);font-size:calc(11px * var(--ui-scale, 1));line-height:calc(14px * var(--ui-scale, 1));font-variant-numeric:tabular-nums;text-align:center}.score-gulyabani.up{color:#ff6a50;animation:gulyabani-pulse 1.2s ease-in-out infinite}@keyframes gulyabani-pulse{50%{opacity:.55}}.team-score b{font-size:calc(22px * var(--ui-scale, 1))}.team-score .vs{color:var(--muted);font-size:calc(14px * var(--ui-scale, 1))}.skillbar{position:fixed;bottom:12px;left:50%;transform:translate(-50%);gap:calc(5px * var(--ui-scale, 1));padding:calc(6px * var(--ui-scale, 1))}.skillbar .slot{width:calc(44px * var(--ui-scale, 1));height:calc(44px * var(--ui-scale, 1));font-size:calc(19px * var(--ui-scale, 1))}.skillbar .slot .cd{font-size:calc(13px * var(--ui-scale, 1))}.channel{bottom:80px}@media (max-width: 900px){.info-wrap .controls-help{display:block}}#ui>.skillbar2{position:fixed;display:flex;align-items:stretch;gap:calc(4px * var(--ui-scale, 1));padding:0;background:transparent;border:0;box-shadow:none;pointer-events:none;z-index:15;user-select:none}.sb-handle,.sb-rot{border:1px solid var(--panel-border);border-radius:6px;color:var(--gold);background:var(--panel);cursor:pointer;padding:calc(4px * var(--ui-scale, 1))}.sb-handle{pointer-events:auto;cursor:grab;touch-action:none}.skillbar2.moving .sb-handle{cursor:grabbing}.sb-body{display:flex;gap:calc(4px * var(--ui-scale, 1));padding:calc(4px * var(--ui-scale, 1));background:var(--panel);border:1px solid var(--panel-border);border-radius:8px;pointer-events:auto}.sb-slots{display:flex;gap:calc(4px * var(--ui-scale, 1))}.skillbar2.vertical,.skillbar2.vertical .sb-body,.skillbar2.vertical .sb-slots{flex-direction:column}.skillbar2 .slot{width:clamp(calc(25px * var(--ui-scale, 1)),7vw,calc(38px * var(--ui-scale, 1)));height:clamp(calc(25px * var(--ui-scale, 1)),7vh,calc(38px * var(--ui-scale, 1)));font-size:calc(17px * var(--ui-scale, 1));cursor:pointer;flex-shrink:0}.skillbar2 .slot.empty{background:#0c0a12b3}.skillbar2 .slot.drop{outline:2px solid var(--gold);outline-offset:-2px}.skillbar2 .cnt{position:absolute;bottom:1px;right:3px;font-size:calc(12px * var(--ui-scale, 1))}.skillbar2 .slot .cd{font-size:calc(12px * var(--ui-scale, 1))}.pot-hp{color:#ff5a4d}.pot-mp{color:#4f8fff}.pot-hp .ico,.inv-cell.pot-hp{filter:drop-shadow(0 0 3px #ff5a4d)}.pot-mp .ico,.inv-cell.pot-mp{filter:drop-shadow(0 0 3px #4f8fff)}.skillbar2.collapsed .sb-body{pointer-events:none}.skills-info [draggable=true],.inv-cell[draggable=true]{cursor:grab}.inv-potions{display:flex;justify-content:flex-end;gap:calc(6px * var(--ui-scale, 1));margin-bottom:8px}.inv-pot{display:grid;justify-items:center;gap:calc(1px * var(--ui-scale, 1));min-width:calc(38px * var(--ui-scale, 1));padding:calc(3px * var(--ui-scale, 1)) calc(5px * var(--ui-scale, 1));border:1px solid currentColor;border-radius:5px;background:#0003;cursor:grab}.inv-pot>span{font-size:calc(17px * var(--ui-scale, 1))}.inv-pot>small{font-size:calc(9px * var(--ui-scale, 1))}.inv-pot:hover,.inv-pot:focus-visible{background:#ffffff1a}#ui>.combat-log{position:fixed;left:12px;bottom:12px;display:flex;align-items:flex-start;gap:calc(4px * var(--ui-scale, 1));max-width:calc(100vw - calc(24px * var(--ui-scale, 1)));z-index:14;pointer-events:none}.log-handle{pointer-events:auto;touch-action:none;cursor:grab;color:var(--gold);background:var(--panel);border:1px solid var(--panel-border);border-radius:5px;padding:calc(4px * var(--ui-scale, 1))}.log-handle:active{cursor:grabbing}.log-body{width:min(calc(290px * var(--ui-scale, 1)),calc(100vw - calc(58px * var(--ui-scale, 1))));pointer-events:auto;padding:calc(7px * var(--ui-scale, 1))}.log-title{color:var(--muted);font-size:calc(10px * var(--ui-scale, 1));margin-bottom:5px}.log-entries{height:min(calc(132px * var(--ui-scale, 1)),30vh);overflow-y:auto;font-size:calc(11px * var(--ui-scale, 1));line-height:1.5;overflow-wrap:anywhere}.log-entries:empty:before{content:"Hasar, pot kullanımı ve kazandığın eşyalar burada listelenir.";color:var(--muted)}.log-row{display:flex;gap:calc(6px * var(--ui-scale, 1))}.log-row time{color:var(--muted);font-size:calc(9px * var(--ui-scale, 1));flex-shrink:0;padding-top:2px}.log-row.incoming{color:#ff8a80}.log-row.outgoing{color:#9ee9b1}.log-row.loot{color:var(--gold)}#ui>.chat-panel{position:fixed;right:12px;bottom:12px;display:flex;align-items:flex-start;gap:calc(4px * var(--ui-scale, 1));max-width:calc(100vw - calc(24px * var(--ui-scale, 1)));z-index:13;pointer-events:none}.chat-body{width:min(calc(330px * var(--ui-scale, 1)),calc(100vw - calc(58px * var(--ui-scale, 1))));padding:calc(8px * var(--ui-scale, 1));pointer-events:auto}.chat-handle{pointer-events:auto;touch-action:none;cursor:grab;color:var(--gold);background:var(--panel);border:1px solid var(--panel-border);border-radius:5px;padding:calc(4px * var(--ui-scale, 1))}.chat-handle:active{cursor:grabbing}.chat-title{color:var(--gold);font-size:calc(11px * var(--ui-scale, 1));margin-bottom:5px}.chat-messages{height:min(calc(140px * var(--ui-scale, 1)),25vh);overflow-y:auto;overflow-wrap:anywhere;font-size:calc(11px * var(--ui-scale, 1));line-height:1.5}.chat-form{display:flex;gap:calc(4px * var(--ui-scale, 1));margin-top:6px}.chat-form input{min-width:0;width:100%}.chat-form input,.chat-form select,.chat-form button{padding:calc(5px * var(--ui-scale, 1));font-size:calc(11px * var(--ui-scale, 1));border:1px solid var(--panel-border);border-radius:4px;color:var(--text);background:#18131f}.chat-form button{cursor:pointer}.chat-form button:disabled{opacity:.45;cursor:default}.chat-footer{display:flex;justify-content:space-between;gap:calc(8px * var(--ui-scale, 1));color:var(--muted);font-size:calc(9px * var(--ui-scale, 1));margin-top:4px}.plate .player-speech{color:#fff;font-size:calc(13px * var(--ui-scale, 1));font-weight:600;line-height:1.35;white-space:normal;overflow-wrap:anywhere;width:max-content;max-width:calc(240px * var(--ui-scale, 1));margin:0 auto 5px;text-align:center;text-shadow:0 1px 3px #000,0 0 5px #000}.chat-system{color:var(--gold)}#ui>.match-ui{pointer-events:none}.match-status{position:fixed;top:88px;left:50%;transform:translate(-50%);padding:calc(5px * var(--ui-scale, 1)) calc(10px * var(--ui-scale, 1));font-size:calc(11px * var(--ui-scale, 1));color:var(--gold);white-space:nowrap}.match-vote{position:fixed;top:32%;left:50%;transform:translate(-50%);padding:calc(18px * var(--ui-scale, 1));text-align:center;pointer-events:auto;z-index:40;max-width:90vw}.match-vote .active{border-color:var(--gold);background:#51401c}.bot-toggle{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:calc(4px * var(--ui-scale, 1));margin-top:calc(3px * var(--ui-scale, 1));pointer-events:auto;font-size:calc(10px * var(--ui-scale, 1));color:#cfc6b0;opacity:.8}.bot-toggle:hover{opacity:1}.bot-toggle .on{color:#8fe08f}.bot-toggle .off{color:#e88b80}.bot-toggle small{opacity:.75;margin-right:calc(2px * var(--ui-scale, 1))}.bot-toggle .bt-btn{font:inherit;padding:0 calc(6px * var(--ui-scale, 1));line-height:1.6;border:1px solid #5a4d33;border-radius:3px;background:#1f1a12cc;color:inherit;cursor:pointer}.bot-toggle .bt-btn.active{border-color:var(--gold);background:#51401c;color:var(--gold)}.bot-toggle .bt-btn.confirm{border-color:#e8a04a;background:#5a3410;color:#ffd08a}.bot-toggle .bt-btn:disabled{opacity:.45;cursor:not-allowed}.safe-warning{position:fixed;top:24%;width:100%;text-align:center;color:#ffb76b;font-size:calc(20px * var(--ui-scale, 1));text-shadow:0 2px 5px #000}.match-result{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(3px);display:grid;place-items:center;pointer-events:auto;z-index:100}.match-result>div{background:#0e0c14;text-align:center;padding:calc(30px * var(--ui-scale, 1))}.victory-points{color:var(--gold)}.market-items{display:grid;grid-template-columns:repeat(2,minmax(calc(140px * var(--ui-scale, 1)),1fr));gap:calc(10px * var(--ui-scale, 1))}.market-item{display:grid;gap:calc(8px * var(--ui-scale, 1));padding:calc(12px * var(--ui-scale, 1));border:1px solid var(--panel-border);border-radius:6px}.market-item small{color:var(--muted)}.match-status.countdown-active{text-align:center;padding:calc(8px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1))}.match-phase-label{font-size:calc(11px * var(--ui-scale, 1))}.match-countdown:empty,.match-phase-hint:empty{display:none}.match-countdown{font-size:calc(18px * var(--ui-scale, 1));font-weight:700;font-variant-numeric:tabular-nums;margin:3px 0}.match-phase-hint{color:var(--muted);font-size:calc(10px * var(--ui-scale, 1))}.inv-cell.basic-gear,.equip-slot.basic-gear{box-shadow:none!important;background:#252522;border-color:#55554e!important;color:#92928a}.basic-gear .iname,.basic-gear .plus{color:#92928a!important;text-shadow:none}.inv-cell.basic-gear{filter:saturate(.25)}.inv-cell.basic-gear:hover,.equip-slot.basic-gear:hover{border-color:#939087!important}.market-item{background:#252522;box-shadow:none;color:#a5a197}.mobile-controls{display:none}@media (max-width: 700px),(pointer: coarse) and (max-width: 1200px){:root{--edge: max(6px, env(safe-area-inset-left));--touch-slot: clamp(34px, 8.5vw, 44px)}.hud-topleft{top:max(6px,env(safe-area-inset-top));left:var(--edge);gap:3px}.hud-topleft .unitframe{width:min(43vw,210px);padding:5px}.info-wrap{display:none}.team-score{top:max(6px,env(safe-area-inset-top));left:auto;right:max(6px,env(safe-area-inset-right));transform:none;padding:4px 8px;max-width:46vw}.score-server{max-width:40vw}.minimap{top:78px;right:max(6px,env(safe-area-inset-right));padding:2px}.minimap canvas{width:clamp(52px,15vw,80px);height:clamp(52px,15vw,80px)}.match-status{top:79px;left:auto;right:calc(18vw + 12px);transform:none;max-width:42vw;white-space:normal;padding:3px 5px}.match-countdown{margin:1px 0}.match-phase-hint{display:none}.target-frame{top:126px;max-width:42vw}.announce{top:42%;max-width:90vw}.killfeed{top:155px;right:6px;width:44vw}.combat-log:not(.mobile-moved){left:var(--edge)!important;top:172px!important;right:auto!important;bottom:auto!important;transform:none!important;max-width:46vw;gap:2px}.log-body{width:calc(46vw - 24px);padding:4px}.log-entries{height:clamp(40px,10vh,76px)}.chat-panel:not(.mobile-moved){right:max(6px,env(safe-area-inset-right))!important;top:172px!important;left:auto!important;bottom:auto!important;transform:none!important;max-width:49vw;gap:2px}.chat-body{width:calc(49vw - 24px);padding:4px}.chat-messages{height:clamp(40px,10vh,76px)}.chat-form{flex-wrap:wrap;gap:2px}.chat-form input{order:-1;flex:1 0 100%;font-size:16px;padding:2px}.chat-form select{flex:1;min-width:0}.chat-footer{flex-wrap:wrap;gap:1px}.skillbar2:not(.mobile-moved),.skillbar2.vertical:not(.mobile-moved){left:auto!important;top:auto!important;right:max(8px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom))!important;transform:none!important;flex-direction:row;align-items:flex-end}.skillbar2 .sb-body,.skillbar2.vertical .sb-body{flex-direction:column;padding:4px}.skillbar2 .sb-slots,.skillbar2.vertical .sb-slots{display:grid;grid-template-columns:repeat(4,var(--touch-slot));gap:4px}.skillbar2.vertical .sb-slots{grid-template-columns:repeat(2,var(--touch-slot))}.skillbar2 .slot{width:var(--touch-slot);height:var(--touch-slot);touch-action:none}.sb-rot{align-self:flex-end}.mobile-controls{display:block;pointer-events:none!important;position:fixed;inset:0;z-index:16}.joystick{position:absolute;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));width:clamp(90px,24vw,118px);aspect-ratio:1;border:1px solid #d6c38b77;border-radius:50%;background:#17162288;pointer-events:auto;touch-action:none;display:grid;place-items:center;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.joystick-knob{width:38%;aspect-ratio:1;border-radius:50%;background:#b9a77aaa;border:1px solid #ffe2a0;pointer-events:none}.mobile-actions{position:absolute;left:max(8px,env(safe-area-inset-left));bottom:max(143px,calc(env(safe-area-inset-bottom) + 133px));display:grid;grid-template-columns:repeat(4,auto);gap:3px;pointer-events:auto}.mobile-actions button{min-height:30px;padding:4px 6px;color:var(--text);background:#211c2cdd;border:1px solid var(--panel-border);border-radius:5px;font-size:10px;touch-action:none}.panel{width:min(94vw,650px);max-width:94vw;max-height:84dvh;padding:10px;z-index:30;overflow:auto}.inv-layout,.tree,.bank-layout,.up-layout{grid-template-columns:minmax(0,1fr);gap:10px}.inv-grid,.bank-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.inv-cell{width:100%;max-width:52px}.dialog{width:min(90vw,440px);max-height:85dvh;overflow:auto}.screen{padding:12px;align-items:safe center}.class-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.class-card{padding:10px}}@media (pointer: coarse) and (max-width: 1200px) and (max-height: 520px){.combat-log:not(.mobile-moved),.chat-panel:not(.mobile-moved){top:6px!important}.combat-log:not(.mobile-moved){left:25vw!important}.chat-panel:not(.mobile-moved){right:25vw!important}.log-body,.chat-body{width:19vw}.log-entries,.chat-messages{height:36px}.chat-title,.chat-footer,.log-title{display:none}.hud-topleft .unitframe{width:22vw}.match-status{right:8px;top:66px;max-width:23vw}.minimap{top:110px}.target-frame{top:120px}}@media (pointer: coarse) and (max-width: 1200px) and (orientation: landscape){.minimap{top:auto;right:auto;left:max(14px,env(safe-area-inset-left));bottom:calc(max(14px,env(safe-area-inset-bottom)) + clamp(90px,24vw,118px) + 8px)}.killfeed{top:auto;right:auto;left:calc(max(14px,env(safe-area-inset-left)) + clamp(52px,15vw,80px) + 14px);bottom:calc(max(14px,env(safe-area-inset-bottom)) + clamp(90px,24vw,118px) + 8px);width:30vw;align-items:flex-start}.mobile-actions{left:auto;right:max(8px,env(safe-area-inset-right));bottom:calc(max(10px,env(safe-area-inset-bottom)) + 2 * var(--touch-slot) + 66px)}body:has(.skillbar2.vertical:not(.mobile-moved)) .mobile-actions{bottom:calc(max(10px,env(safe-area-inset-bottom)) + 4 * var(--touch-slot) + 76px)}}.mobile-moved{right:auto!important;bottom:auto!important;transform:none!important}.match-status .match-vote{position:static;transform:none;margin-top:6px;padding:calc(8px * var(--ui-scale, 1));width:min(300px,80vw);max-width:100%;white-space:normal}.match-status:has(.match-vote:not(.hidden)){z-index:40}.match-result .result-board{width:min(680px,90vw);max-height:50vh;overflow-y:auto;margin:4px auto 18px;text-align:left;pointer-events:auto}.match-result .result-board .cols{grid-template-columns:1fr 1fr}@media (max-width: 700px){.match-result .result-board .cols{grid-template-columns:1fr}}.match-result .result-winner{margin:2px 0 14px;font-family:var(--font-title);font-size:calc(20px * var(--ui-scale, 1));font-weight:800;text-shadow:0 2px 6px #000}.match-result .result-score{margin:4px 0 8px;font-family:var(--font-title);font-size:calc(30px * var(--ui-scale, 1));font-weight:800;text-shadow:0 2px 6px #000;font-variant-numeric:tabular-nums}.match-result .result-score-sep{margin:0 calc(14px * var(--ui-scale, 1));color:var(--muted)}.coin{display:inline-block;width:1.05em;height:1.05em;border-radius:50%;vertical-align:-.17em;background:radial-gradient(circle at 35% 30%,#fff6c4 0 12%,#f6d36a 30%,#d39b2a 68%,#8a5a12);box-shadow:inset 0 0 0 .09em #a8721c,inset 0 0 0 .17em #f4cf6b,0 0 .35em #ffc85073;flex-shrink:0}.uf-op{margin-left:auto;display:flex;align-items:center;gap:5px;padding:3px 8px 3px 5px;border-radius:999px;border:1px solid rgba(230,192,101,.45);background:linear-gradient(180deg,#4a3b1dd9,#1e180cd9);color:#ffe08a;font-weight:700;font-size:calc(12px * var(--ui-scale, 1));font-variant-numeric:tabular-nums;white-space:nowrap}.op-toggle{position:fixed;top:14px;right:256px;display:flex;align-items:center;gap:6px;padding:calc(7px * var(--ui-scale, 1)) calc(11px * var(--ui-scale, 1));color:var(--gold);font-weight:800;font-size:calc(14px * var(--ui-scale, 1))}.op-toggle .coin{font-size:calc(18px * var(--ui-scale, 1))}.op-toggle:hover,.op-toggle.active{border-color:var(--gold);box-shadow:0 0 14px #e6c06566}.op-toggle.active{background:linear-gradient(180deg,#5a4520,#2a2111)}.minimap canvas{cursor:crosshair}.guest-warning{color:#ff4d4d;font-weight:700;text-align:center;text-shadow:0 1px 2px #000}.guest-promo{color:#ffd76a}.game-guest-warning .guest-promo:before{content:"· ";color:#ffd76a}.lobby-guest-warning .guest-promo{display:block;margin-top:2px}.lobby-guest-warning{margin:-14px 0 14px;font-size:calc(14px * var(--ui-scale, 1))}.game-guest-warning{position:fixed;left:50%;bottom:0;transform:translate(-50%);font-size:calc(11px * var(--ui-scale, 1));line-height:1.1;white-space:nowrap;pointer-events:none!important;z-index:5}.plate .name-guest,.scoreboard .name-guest,.result-board .name-guest{color:#0b0b0b;text-shadow:0 0 3px rgba(255,255,255,.95),0 0 1px #fff}.plate .name-member{color:#fff}.gang-lead{display:inline-block;margin-right:2px;color:#ffd24a;font-weight:900;font-size:1.15em;line-height:1;text-shadow:0 0 4px #b8860b,0 1px 2px #000;font-variant-emoji:text}.plate .gang-tag{margin-left:4px;color:#e0a0ff;font-size:.85em;text-shadow:0 1px 2px #000,0 0 4px #000}.plate .name-party{color:#ffe14d;text-shadow:0 1px 2px #000,0 0 4px #000}body.guest-mode #ui>.skillbar2[style*="top: auto"]{bottom:24px!important}.chat-panel.read-only .chat-form input::placeholder{color:#ff8a80}.lobby-wrap{width:min(calc(1000px * var(--ui-scale, 1)),100%)}.lobby-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:calc(18px * var(--ui-scale, 1));align-items:start}.lobby-grid .lobby{width:auto}.lobby-side{display:grid;gap:calc(18px * var(--ui-scale, 1));min-width:0}.leaderboard-card h3{margin:0 0 10px;font-family:var(--font-title);color:var(--gold);font-size:calc(17px * var(--ui-scale, 1))}.leaderboard-card .lb-search input{font-size:calc(14px * var(--ui-scale, 1));padding:calc(8px * var(--ui-scale, 1)) calc(11px * var(--ui-scale, 1))}.lb-body{margin-top:10px}.lb-head,.lb-list li{display:grid;grid-template-columns:calc(44px * var(--ui-scale, 1)) minmax(0,1fr) auto;gap:8px;align-items:center}.lb-head{padding:0 8px 4px;color:var(--muted);font-size:calc(11px * var(--ui-scale, 1));text-transform:uppercase;letter-spacing:.08em}.lb-head span:last-child{text-align:right}.lb-list{list-style:none;margin:0;padding:0}.lb-list li{padding:calc(5px * var(--ui-scale, 1)) 8px;border-radius:4px;font-size:calc(13px * var(--ui-scale, 1))}.lb-list li:nth-child(odd){background:#ffffff08}.lb-list li.extra{margin-top:6px;border-top:1px dashed var(--panel-border)}.lb-list li.me{background:#e6c0651f}.lb-rank{color:var(--muted);font-weight:700;font-variant-numeric:tabular-nums}.lb-list li.r1 .lb-rank{color:#f5c542}.lb-list li.r2 .lb-rank{color:#c8cdd6}.lb-list li.r3 .lb-rank{color:#d08a4c}.lb-name{color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-list li.guest .lb-name{color:var(--muted);font-style:italic}.lb-list li.searched .lb-name{color:#ffe14d;font-weight:700}.lb-list li.has-btn{grid-template-columns:calc(44px * var(--ui-scale, 1)) minmax(0,1fr) auto auto}.lb-create{margin:0 0 0 8px;padding:2px 8px;font-size:calc(11px * var(--ui-scale, 1))}.lb-tabs{margin-bottom:10px}.lb-gang-sub{display:block;color:var(--muted);font-size:.8em}.dialog-error{color:#ffb0a8;font-size:.85em}.gang-total{margin:6px 0 0;color:var(--muted);font-size:calc(12px * var(--ui-scale, 1))}.gang-total b{color:var(--gold)}.gang-btns{display:flex;gap:8px;justify-content:flex-end}.gang-members li.deputy .gang-member{color:#c9e7ff}.gang-name-inline{color:#e0a0ff}.lb-gang-tag{margin-left:6px;font-size:.8em;color:#e0a0ff}.lb-guest-tag{margin-left:6px;font-size:.8em;font-style:normal;opacity:.75}.lb-vp{color:var(--gold);font-weight:700;font-variant-numeric:tabular-nums;text-align:right}.lb-note{margin-top:8px;color:var(--muted);font-size:calc(12px * var(--ui-scale, 1));text-align:center}.servers-card .server-list{margin-top:14px}.guest-nick,.guest-nick input{text-align:center}.guest-nick+.account-nick,.account-nick{color:var(--muted);font-size:calc(13px * var(--ui-scale, 1))}.account-nick b{color:#fff}.srv-cards{display:grid;gap:calc(8px * var(--ui-scale, 1))}.srv-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1.5fr);gap:calc(12px * var(--ui-scale, 1));align-items:center;padding:calc(9px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#00000047}.srv-card.closed{opacity:.75}.srv-card.war{border-color:#8a6a2a;box-shadow:inset 0 0 0 1px #8a6a2a55}.gang-war{margin-top:10px;padding-top:8px;border-top:1px solid #ffffff1a}.gang-war h4{margin:0 0 6px;color:var(--gold)}.gang-war-row{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin:4px 0}.gang-war-live{margin:0 0 6px}.srv-head{display:flex;flex-direction:column;gap:2px;min-width:0}.srv-head>b{font-family:var(--font-title);color:var(--gold);font-size:calc(15px * var(--ui-scale, 1))}.srv-st{font-size:calc(12px * var(--ui-scale, 1));color:var(--muted);font-variant-numeric:tabular-nums}.srv-st.prep b{color:#ffe08a}.srv-st.live{color:#ff8a6a}.srv-st.live b{color:#fff}.srv-st.wait{color:#9dff9d}.srv-meta{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;font-size:calc(12px * var(--ui-scale, 1))}.srv-meta .bar{height:calc(6px * var(--ui-scale, 1));background:#ffffff14;border-radius:3px;overflow:hidden}.srv-meta .bar>div{height:100%;background:linear-gradient(90deg,var(--gold-dim),var(--gold))}.srv-meta .count{color:var(--muted);font-variant-numeric:tabular-nums}.srv-score{display:flex;gap:6px;align-items:baseline;font-family:var(--font-title);font-size:calc(15px * var(--ui-scale, 1))}.srv-score span{color:var(--muted)}.srv-teams{display:grid;grid-template-columns:1fr 1fr;gap:8px}.team-btn{padding:calc(8px * var(--ui-scale, 1));border-radius:6px;font-weight:800;font-size:calc(13px * var(--ui-scale, 1));color:#fff;display:flex;justify-content:space-between}.team-btn span{font-weight:600;opacity:.85;font-variant-numeric:tabular-nums}.team-btn.t0{background:linear-gradient(180deg,#a8332c,#5e1a16);border:1px solid #e0574e}.team-btn.t1{background:linear-gradient(180deg,#2c5ea8,#16325e);border:1px solid #4f8fe8}.team-btn:hover:not(:disabled){filter:brightness(1.15)}.team-btn:disabled{filter:grayscale(.85);opacity:.45;cursor:not-allowed}.account h3{margin:0 0 10px;font-family:var(--font-title);color:var(--gold);font-size:calc(17px * var(--ui-scale, 1))}.account form{display:grid;gap:10px}.account label{margin-bottom:0}.account .loc-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.account label select{display:block;width:100%;margin-top:5px;padding:calc(8px * var(--ui-scale, 1)) calc(9px * var(--ui-scale, 1));font-family:var(--font);font-size:calc(14px * var(--ui-scale, 1));text-transform:none;letter-spacing:normal;color:var(--text);background:#00000073;border:1px solid var(--panel-border);border-radius:6px;outline:none}.account label select:focus{border-color:var(--gold)}.account label select:disabled{opacity:.5}.account label select option{background:#18131f;color:var(--text)}.acc-location{margin-top:4px}.acc-name .acc-rename{font-family:var(--font);font-size:calc(12px * var(--ui-scale, 1));margin-left:6px;vertical-align:middle}.acc-location .link{margin-left:6px}.account label input{margin-top:5px;font-size:calc(15px * var(--ui-scale, 1));padding:calc(9px * var(--ui-scale, 1)) calc(11px * var(--ui-scale, 1))}.account .btn-primary{margin-top:4px;font-size:calc(15px * var(--ui-scale, 1))}.acc-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:14px;border-bottom:1px solid var(--panel-border)}.acc-tabs button,.shop-tabs button{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:8px;font-weight:700;font-size:calc(13px * var(--ui-scale, 1))}.acc-tabs button.active,.shop-tabs button.active{color:var(--gold);border-bottom-color:var(--gold)}.acc-msg{padding:8px 10px;border-radius:6px;margin-bottom:12px;font-size:calc(13px * var(--ui-scale, 1));line-height:1.45}.acc-msg.ok{background:#50c8781f;border:1px solid rgba(120,230,150,.4);color:#a8f5bd}.acc-msg.error{background:#e0574e1f;border:1px solid rgba(255,138,128,.45);color:#ffb0a8}.link{background:none;border:0;padding:6px 0 0;color:var(--gold);font-size:calc(12px * var(--ui-scale, 1));text-decoration:underline}.acc-name{font-size:calc(20px * var(--ui-scale, 1));font-weight:800;color:#fff}.acc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 4px}.acc-stats>div{display:grid;justify-items:center;gap:2px;padding:8px 4px;border-radius:6px;background:#0000004d;border:1px solid rgba(255,255,255,.07);font-size:calc(16px * var(--ui-scale, 1))}.acc-stats b{font-variant-numeric:tabular-nums;color:#ffe08a}.acc-stats small{color:var(--muted);font-size:calc(11px * var(--ui-scale, 1))}.acc-guest{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07);color:var(--muted);font-size:calc(12px * var(--ui-scale, 1));line-height:1.6}.small-btn.wide{width:100%;margin-top:10px;padding:8px}.gang-card h3{margin:0 0 10px;font-family:var(--font-title);color:var(--gold);font-size:calc(17px * var(--ui-scale, 1))}.gang-name{font-size:calc(19px * var(--ui-scale, 1));font-weight:800;color:#e0a0ff;overflow-wrap:anywhere}.gang-members{list-style:none;margin:8px 0 0;padding:0}.gang-members li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:calc(4px * var(--ui-scale, 1)) 8px;border-radius:4px;font-size:calc(13px * var(--ui-scale, 1))}.gang-members li:nth-child(odd){background:#ffffff08}.gang-members li.leader .gang-member{color:#ffe08a;font-weight:700}.gang-member{color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gang-x{padding:0;margin-left:6px}.gang-cape{margin-top:8px;color:var(--muted);font-size:calc(12px * var(--ui-scale, 1));line-height:1.5}.cape-swatch{display:inline-block;width:.9em;height:1.1em;margin-right:6px;vertical-align:-.2em;border-radius:2px 2px 5px 5px;border:1px solid rgba(255,255,255,.35)}.cape-swatch.gold{background:linear-gradient(160deg,#fff1a8,#f2c230 45%,#a87a10)!important;border-color:#ffe9a0;box-shadow:0 0 6px #f2c230b3}.cape-picker{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.cape-pick{width:calc(24px * var(--ui-scale, 1));height:calc(24px * var(--ui-scale, 1));padding:0;border-radius:4px;border:2px solid rgba(255,255,255,.25);cursor:pointer}.cape-pick.active{border-color:var(--gold);box-shadow:0 0 0 2px #e6c06566}.gang-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:10px}.gang-form .small-btn{margin-top:0}.gang-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.gang-actions .small-btn{margin-top:0}.shop-wrap{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:#050409a8;padding:12px}.shop{background:linear-gradient(180deg,#17131f,#0f0c15);width:min(calc(560px * var(--ui-scale, 1)),100%);max-height:92dvh;overflow-y:auto;padding:calc(18px * var(--ui-scale, 1)) calc(20px * var(--ui-scale, 1));box-shadow:0 24px 70px #000000b3}.shop h2{font-family:var(--font-title);color:var(--gold);margin:0 0 12px;font-size:calc(19px * var(--ui-scale, 1));display:flex;justify-content:space-between;align-items:center;gap:10px}.shop h2 .close,.shop-wrap .close{background:none;border:1px solid var(--panel-border);color:var(--muted);border-radius:4px;width:calc(28px * var(--ui-scale, 1));height:calc(28px * var(--ui-scale, 1))}.shop-tabs{display:flex;gap:6px;margin-bottom:12px;border-bottom:1px solid var(--panel-border)}.packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0 14px}.pack{display:grid;justify-items:center;gap:8px;padding:14px 8px 10px;border-radius:8px;border:1px solid rgba(230,192,101,.25);background:radial-gradient(ellipse at top,#e6c0651f,#00000040 70%);transition:border-color .15s,box-shadow .15s}.pack.selected{border-color:var(--gold);box-shadow:0 0 18px #e6c06547}.pack-op{display:flex;align-items:center;gap:6px;font-size:calc(15px * var(--ui-scale, 1));color:var(--muted)}.pack-op b{font-size:calc(22px * var(--ui-scale, 1));color:#ffe08a;font-family:var(--font-title)}.pack-op .coin{font-size:calc(22px * var(--ui-scale, 1))}.pack-price{font-weight:800;color:#fff;font-size:calc(15px * var(--ui-scale, 1))}.pack small{color:var(--muted);font-size:calc(11px * var(--ui-scale, 1))}.qty{display:flex;align-items:center;gap:10px}.qty button{width:calc(30px * var(--ui-scale, 1));height:calc(30px * var(--ui-scale, 1));border-radius:50%;border:1px solid var(--gold-dim);background:linear-gradient(180deg,#4a3b1d,#2a2111);color:var(--gold);font-size:calc(17px * var(--ui-scale, 1));font-weight:800;line-height:1}.qty button:disabled{opacity:.35;cursor:not-allowed}.qty span{min-width:2ch;text-align:center;font-weight:800;font-size:calc(17px * var(--ui-scale, 1));font-variant-numeric:tabular-nums}.shop-total{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:baseline;padding:10px 12px;border-radius:6px;background:#00000059;border:1px solid rgba(255,255,255,.07);font-variant-numeric:tabular-nums}.shop-total span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:calc(12px * var(--ui-scale, 1))}.shop-total b{color:#ffe08a;font-size:calc(17px * var(--ui-scale, 1))}.pay-summary{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;padding:12px 14px;border-radius:8px;background:radial-gradient(ellipse at left,#e6c06529,#0000004d 70%);border:1px solid var(--panel-border);margin-bottom:14px}.pay-op{display:flex;align-items:center;gap:8px;font-family:var(--font-title);font-size:calc(22px * var(--ui-scale, 1));color:#ffe08a}.pay-op .coin{font-size:calc(28px * var(--ui-scale, 1))}.pay-lines{display:grid;grid-template-columns:1fr auto;gap:3px 12px;font-size:calc(13px * var(--ui-scale, 1));color:var(--muted);font-variant-numeric:tabular-nums}.pay-lines b{color:#fff;font-size:calc(15px * var(--ui-scale, 1));padding-top:4px;border-top:1px solid rgba(255,255,255,.12)}.card-form,.gift-form{display:grid;gap:10px}.card-form label,.gift-form label{display:grid;gap:5px;font-size:calc(12px * var(--ui-scale, 1));color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.card-form input,.card-form select,.gift-form input,.gift-form select{width:100%;padding:calc(9px * var(--ui-scale, 1)) calc(11px * var(--ui-scale, 1));font-size:calc(15px * var(--ui-scale, 1));font-family:var(--font);color:var(--text);background:#00000073;border:1px solid var(--panel-border);border-radius:6px;outline:none;user-select:text;text-transform:none;letter-spacing:normal}.card-form input:focus,.card-form select:focus,.gift-form input:focus,.gift-form select:focus{border-color:var(--gold)}.card-form input[name=number]{font-variant-numeric:tabular-nums;letter-spacing:.06em}.card-row{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:10px}.pay-btns{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:end}.pay-btns .small-btn{padding:calc(12px * var(--ui-scale, 1)) 14px;margin:0}.pay-btns .btn-primary{margin:0}.shop .error:empty{display:none}.shop-done{text-align:center;padding:10px 0 4px}.shop-done h3{font-family:var(--font-title);color:#9dff9d;margin:8px 0;font-size:calc(22px * var(--ui-scale, 1))}.shop-done p{line-height:1.6}.big-coin .coin{font-size:calc(56px * var(--ui-scale, 1));animation:coin-spin 1.4s ease-out}@keyframes coin-spin{0%{transform:rotateY(720deg) scale(.4);opacity:0}to{transform:none;opacity:1}}.market-panel{width:min(calc(560px * var(--ui-scale, 1)),94vw)}.market-panel .shop-tabs{margin-top:-4px}.premium-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.premium-item{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;text-align:left;padding:10px 12px;border-radius:6px;border:1px solid rgba(184,107,255,.35);background:linear-gradient(135deg,#b86bff1a,#0000004d);color:var(--text)}.premium-item:hover{border-color:#b86bff;box-shadow:0 0 14px #b86bff40}.premium-item .pi-icon{grid-row:span 2;font-size:calc(24px * var(--ui-scale, 1));align-self:center}.premium-item small{color:var(--muted);font-size:calc(11px * var(--ui-scale, 1))}.premium-title{font-family:var(--font-title);margin:8px 0 10px}.compare{width:100%;border-collapse:collapse;margin-bottom:10px;font-variant-numeric:tabular-nums}.compare th,.compare td{padding:6px 8px;text-align:center;border-bottom:1px solid rgba(255,255,255,.06)}.compare td:first-child{text-align:left;color:var(--muted)}.compare td.sel{background:#e6c0651f;color:#fff;font-weight:700}.compare .price-row td{color:#ffe08a;font-weight:700}.plus-pick{min-width:calc(54px * var(--ui-scale, 1));padding:5px 10px;border-radius:999px;border:1px solid var(--gold-dim);background:#00000059;color:var(--gold);font-weight:800;font-size:calc(14px * var(--ui-scale, 1))}.plus-pick.active{background:linear-gradient(180deg,#f3d488,#c9993f);color:#1a1206}.market-panel .btn-primary{font-size:calc(14px * var(--ui-scale, 1))}.warn{color:#ff8a80}.inv-cell.no-bank{opacity:.4}@media (max-width: 760px){.lobby-grid{grid-template-columns:minmax(0,1fr)}.srv-card{grid-template-columns:minmax(0,1fr) auto}.srv-teams{grid-column:1 / -1}.packs{grid-template-columns:minmax(0,1fr)}.pack{grid-template-columns:auto 1fr auto;justify-items:start;align-items:center}.pack small{grid-column:1 / -1}.pay-summary{grid-template-columns:minmax(0,1fr);gap:8px}.premium-list{grid-template-columns:minmax(0,1fr)}.card-row{grid-template-columns:1fr 1fr 1fr}}@media (max-width: 700px),(pointer: coarse) and (max-width: 1200px){.op-toggle{top:78px;right:calc(clamp(52px,15vw,80px) + 18px);padding:4px 7px;font-size:11px}.uf-op{padding:2px 6px 2px 4px;font-size:10px}.game-guest-warning{white-space:normal;width:38vw;font-size:9px}}.party-panel{position:fixed;right:14px;top:330px;z-index:12}.party-body{padding:6px;min-width:calc(200px * var(--ui-scale, 1))}.party-head{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:calc(12px * var(--ui-scale, 1));color:var(--gold)}.party-head b{flex:1;font-family:var(--font-title)}.party-head button{background:#00000059;border:1px solid var(--panel-border);color:var(--muted);border-radius:4px;padding:2px 6px;font-size:calc(11px * var(--ui-scale, 1))}.party-handle{cursor:grab;touch-action:none}.party-leave:hover{color:#ff8a80;border-color:#ff8a80}.party-list{display:flex;flex-direction:column;gap:4px}.party-panel.horizontal .party-list{flex-direction:row}.pm{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:6px;border:1px solid rgba(255,255,255,.07);background:#0000004d;cursor:pointer;min-width:calc(180px * var(--ui-scale, 1))}.pm:hover{border-color:var(--panel-border)}.pm.selected{border-color:#6ee787;box-shadow:0 0 8px #6ee78759}.pm.dead{opacity:.55}.pm-move{display:flex;flex-direction:column;gap:2px}.party-panel.horizontal .pm-move{flex-direction:row}.pm-move button{width:16px;height:14px;padding:0;font-size:9px;line-height:1;border-radius:3px;border:1px solid var(--panel-border);background:#0006;color:var(--gold)}.pm-move button:disabled{opacity:.25;cursor:default}.pm-main{flex:1;min-width:0}.pm-name{font-weight:700;font-size:calc(12px * var(--ui-scale, 1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-name small{color:var(--muted);font-weight:400}.pm-class{color:var(--muted);font-size:calc(10px * var(--ui-scale, 1))}.pm-hp{position:relative;height:10px;margin-top:2px;background:#0000008c;border-radius:3px;overflow:hidden}.pm-hp .fill{position:absolute;inset:0;transform-origin:left}.pm-line{position:relative;height:3px;margin-top:2px;background:#0000008c;border-radius:2px;overflow:hidden}.pm-line .fill{position:absolute;inset:0;transform-origin:left}.pm-mp .fill{background:var(--mp)}.pm-xp .fill{background:var(--xp)}.pm-hp span{position:relative;display:block;text-align:center;font-size:8px;line-height:10px;color:#fff;text-shadow:0 1px 1px #000}.crown{margin-right:3px;filter:drop-shadow(0 0 3px rgba(255,210,60,.8))}.party-invite{position:fixed;top:18%;left:50%;transform:translate(-50%);z-index:45;padding:12px 16px;text-align:center;min-width:calc(260px * var(--ui-scale, 1))}.party-invite p{margin:0 0 8px}.invite-timer{height:4px;margin-top:8px;background:#ffffff1a;border-radius:2px;overflow:hidden}.invite-timer div{height:100%;background:var(--gold);transform-origin:left}.ctx-menu{position:fixed;z-index:50;padding:4px;display:flex;flex-direction:column;min-width:140px}.ctx-title{padding:4px 8px;color:var(--muted);font-size:11px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:4px}.ctx-menu button{text-align:left;padding:6px 8px;background:none;border:0;color:var(--text);border-radius:4px;font-weight:600}.ctx-menu button:hover{background:#e6c06526;color:var(--gold)}.uf-branches{display:flex;gap:4px}.branch-chip b{font-size:calc(10px * var(--ui-scale, 1));margin:0 2px}.branch-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.branch-col{border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px}.branch-col.active{border-color:var(--el);box-shadow:inset 0 0 18px color-mix(in srgb,var(--el) 15%,transparent)}.branch-col h3{margin:0 0 6px;color:var(--el);font-size:calc(15px * var(--ui-scale, 1))}.branch-col .skills-info{margin-top:8px}@media (max-width: 760px){.branch-cols{grid-template-columns:1fr}}.dmg.heal-cross{font-size:calc(18px * var(--ui-scale, 1));text-shadow:0 0 6px #3dff7a}body.blinded #game:after,body.blinded:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,#05030a8c,#020105eb 70%);z-index:3;animation:blind-in .25s ease-out}@keyframes blind-in{0%{opacity:0}to{opacity:1}}.branch-col .skills-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.panel:has(.branch-cols){width:min(calc(900px * var(--ui-scale, 1)),96vw)}.hud-lobby{position:fixed;top:calc(14px + 40px * var(--ui-scale, 1));right:256px;width:calc(34px * var(--ui-scale, 1));height:calc(34px * var(--ui-scale, 1));padding:0;display:grid;place-items:center;color:var(--muted)}.hud-lobby svg,.hud-fullscreen svg,.lobby-fullscreen svg{width:60%;height:60%}.hud-fullscreen,.lobby-fullscreen{position:fixed;width:calc(34px * var(--ui-scale, 1));height:calc(34px * var(--ui-scale, 1));padding:0;display:grid;place-items:center;color:var(--muted)}.hud-fullscreen{top:calc(14px + 40px * var(--ui-scale, 1));right:calc(14px + 220px + 12px + 2px + 8px + 40px * var(--ui-scale, 1))}.lobby-fullscreen{top:14px;right:14px;z-index:5}.hud-fullscreen:hover,.lobby-fullscreen:hover,.hud-fullscreen.active,.lobby-fullscreen.active{color:var(--gold);border-color:var(--gold)}.hud-lobby:hover{color:#ff8a80;border-color:#ff8a80;box-shadow:0 0 10px #ff8a804d}.select-lobby{display:block;margin:22px auto 0;padding:8px 18px;font-size:calc(13px * var(--ui-scale, 1))}.dialog-wrap{z-index:60}@media (max-width: 700px),(pointer: coarse) and (max-width: 1200px){.hud-lobby{top:106px;right:calc(clamp(52px,15vw,80px) + 18px);width:28px;height:28px}.hud-fullscreen{top:106px;right:calc(clamp(52px,15vw,80px) + 52px);width:28px;height:28px}}.title-tag{text-align:center;margin-top:2px;font-family:var(--font-title);font-weight:800;letter-spacing:.4em;color:var(--gold-dim);font-size:calc(15px * var(--ui-scale, 1))}.screen{align-items:flex-start}.screen>*{margin-top:auto;margin-bottom:auto}@media (max-width: 760px){.lobby-wrap{padding-top:40px}}.plate .name-gm{color:#ffd24a;font-weight:800;text-shadow:0 0 6px rgba(255,196,40,.8),0 1px 2px #000}.plate .gm-tag{margin-left:5px;font-size:calc(12px * var(--ui-scale, 1));font-weight:900;letter-spacing:.08em;background:linear-gradient(180deg,#fff3b0,#ffc928 55%,#e08a00);color:#1a0f00;border:1px solid #fff6c8;border-radius:4px;padding:1px calc(6px * var(--ui-scale, 1));box-shadow:0 0 8px #ffc828f2,0 0 2px #000,0 1px 3px #000000e6;text-shadow:none}.plate .gm-side{margin-left:4px;font-weight:800;font-size:.9em}.gm-panel .gm-war button.active{border-color:#ffd24a;box-shadow:0 0 0 1px #ffd24a inset}.gm-panel .gm-war button:disabled{opacity:.45;cursor:not-allowed}.plate .gm-god{margin-left:3px;color:#ffe07a;font-weight:800}.announce .gm-announce{font-size:1.15em}.event-timer{position:fixed;top:calc(118px * var(--ui-scale, 1));left:50%;transform:translate(-50%);padding:calc(4px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));font-size:calc(13px * var(--ui-scale, 1));color:#ffd24a;border-color:#ffd24a99;pointer-events:auto;z-index:6}.event-timer span{margin-left:6px;font-variant-numeric:tabular-nums;color:var(--text)}.gm-panel{position:fixed;right:12px;top:50%;transform:translateY(-50%);width:calc(250px * var(--ui-scale, 1));max-height:80vh;overflow-y:auto;padding:calc(8px * var(--ui-scale, 1));border-color:#ffd24ab3;font-size:calc(12px * var(--ui-scale, 1));z-index:20;user-select:none}.gm-panel .gm-head{display:flex;justify-content:space-between;align-items:center;color:#ffd24a;font-family:var(--font-title)}.gm-panel.collapsed .gm-body{display:none}.gm-panel h4{margin:8px 0 4px;color:var(--gold);font-size:1em;border-bottom:1px solid var(--panel-border)}.gm-panel button,.gm-panel select,.gm-panel input[type=number],.gm-panel input[type=text]{font:inherit;padding:calc(3px * var(--ui-scale, 1)) calc(6px * var(--ui-scale, 1));border-radius:4px;border:1px solid var(--gold-dim);background:#1d1810;color:var(--text);min-width:0}.gm-panel button{background:linear-gradient(180deg,#4a3b1d,#2a2111);color:var(--gold);font-weight:700;cursor:pointer}.gm-panel button.danger{background:linear-gradient(180deg,#8a2a22,#5a1511);border-color:#ff8a80;color:#fff}.gm-panel .gm-row{display:flex;gap:4px;margin:4px 0;align-items:center;flex-wrap:wrap}.gm-panel .gm-row>input,.gm-panel .gm-row>select{flex:1}.gm-panel .gm-check{display:flex;gap:6px;align-items:center;margin:3px 0;cursor:pointer}.gm-panel .gm-power{display:flex;gap:6px;align-items:center;margin:4px 0}.gm-panel .gm-power input{flex:1}.gm-panel .gm-all span{color:var(--muted)}.gm-panel .gm-mode{background:#ffd24a26;border:1px dashed #ffd24a;border-radius:4px;padding:4px 6px;margin:4px 0;display:flex;justify-content:space-between;align-items:center;gap:6px;color:#ffd24a}.gm-panel .gm-target{border:1px solid var(--panel-border);border-radius:4px;padding:4px;margin:4px 0}.gm-panel .gm-target-name{display:flex;justify-content:space-between;align-items:center}.gm-panel .gm-event-now{margin-bottom:4px}body.gm-picking #game{cursor:crosshair}.lobby-announcement{margin:0 auto 10px;max-width:760px;padding:8px 14px;border:1px solid rgba(255,210,74,.6);border-radius:8px;background:#281e08d9;color:#ffe9a8;font-weight:600;text-align:center}.lobby-announcement.maintenance{border-color:#ff8a80}.lobby-announcement .pinned-line+.pinned-line,.lobby-announcement>div+.pinned-line{margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,210,74,.25)}.lobby-notices{max-width:760px;margin:0 auto}.lobby-notice{position:relative;margin:0 auto 8px;padding:8px 34px 8px 14px;border:1px solid rgba(255,210,74,.75);border-radius:8px;background:#2e2208eb;color:#f4e7c0;text-align:left;animation:lobby-notice-in .35s ease-out}.lobby-notice.private{border-color:#c79bff;background:#26143aeb}.lobby-notice-time{margin-left:6px;opacity:.6}.lobby-notice-close{position:absolute;top:4px;right:6px;border:0;background:none;color:inherit;font-size:18px;line-height:1;cursor:pointer;opacity:.7}.lobby-notice-close:hover{opacity:1}@keyframes lobby-notice-in{0%{opacity:0;transform:translateY(-6px)}}.account .staff-link{display:block;text-align:center;text-decoration:none}.free-badge{display:inline-block;padding:0 6px;border-radius:3px;background:#2f6b2f;color:#d9ffd0;font-weight:600;font-size:.92em}.compare .free{color:#8fe08f}.compare s{opacity:.55}.shop-register{text-align:center}.shop-register ul{text-align:left;margin:10px auto 14px;max-width:420px;padding-left:20px;line-height:1.6}.srv-event{display:inline-block;align-self:flex-start;margin-left:0;padding:0 6px;border-radius:3px;background:#2c2350;color:#d9c8ff;font-size:.8em;font-weight:600;vertical-align:middle;font-variant-numeric:tabular-nums}.srv-event b{color:#fff}.srv-card.event{box-shadow:inset 0 0 0 1px #b996ff73}.srv-badge{display:inline-block;margin-left:6px;padding:0 6px;border-radius:3px;background:#4a3416;color:#f2c96b;font-size:.8em;font-weight:600;vertical-align:middle}.top-stack{display:contents}@media (min-width: 701px) and (pointer: fine),(min-width: 1201px){#ui .top-stack{position:fixed;top:14px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:calc(6px * var(--ui-scale, 1));pointer-events:none;z-index:6}#ui .top-stack>.hud-panel:not(.hud-moved){position:relative;top:auto;left:auto;right:auto;transform:none;margin:0}#ui .top-stack>.hud-moved{position:fixed}#ui .announce{top:calc(var(--top-stack-bottom, 140px) + 10px)}}#ui .hud-movable{pointer-events:auto;cursor:grab;touch-action:none;user-select:none}#ui .hud-movable.hud-dragging{cursor:grabbing;opacity:.85}#ui .hud-movable.hud-moved{transform:none}.power-panel{margin-bottom:calc(12px * var(--ui-scale, 1));padding-bottom:calc(10px * var(--ui-scale, 1));border-bottom:1px solid rgba(255,255,255,.1)}.power-panel h3{margin:0 0 6px;color:var(--gold)}.power-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:8px}.power-tiles>div{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:6px 8px;display:flex;flex-direction:column}.power-tiles small{opacity:.75}.power-tiles b{font-size:1.35em;font-variant-numeric:tabular-nums}.power-table{width:100%;border-collapse:collapse;font-size:.92em;font-variant-numeric:tabular-nums}.power-table th,.power-table td{padding:3px 6px;text-align:right;border-bottom:1px solid rgba(255,255,255,.06)}.power-table th:first-child,.power-table td:first-child{text-align:left}.power-table tfoot th{color:var(--gold);border-top:1px solid rgba(255,255,255,.2)}.power-table .fx td{font-style:italic;opacity:.85}.power-table .muted-dash{opacity:.35}@media (max-width: 700px){.power-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}.lobby-referral{margin:0 auto 14px;max-width:760px;text-align:center;color:#f3e2b0;font-size:calc(14px * var(--ui-scale, 1))}.lobby-referral .ref-invite{font:inherit;font-weight:700;color:#ffd76a;text-decoration:underline;padding:0}.lobby-referral .ref-status{display:block;margin-top:3px;opacity:.85}.lobby-referral .acc-msg{margin-top:6px}.sound-ctl{position:fixed;z-index:6}.sound-ctl .sound-btn{width:calc(34px * var(--ui-scale, 1));height:calc(34px * var(--ui-scale, 1));padding:0;display:grid;place-items:center;color:var(--muted)}.sound-ctl .sound-btn svg{width:60%;height:60%}.sound-ctl .sound-btn:hover{color:var(--gold);border-color:var(--gold)}.sound-ctl .sound-btn.muted{color:#ff8a80}.hud-sound{top:calc(14px + 40px * var(--ui-scale, 1));right:calc(14px + 220px + 12px + 2px + 8px + 80px * var(--ui-scale, 1))}.lobby-sound{top:14px;right:calc(14px + 40px * var(--ui-scale, 1))}.sound-pop{position:absolute;top:calc(100% + 6px);right:0;width:230px;padding:10px 12px;display:grid;gap:8px;font-size:calc(13px * var(--ui-scale, 1))}.sound-pop label{display:grid;grid-template-columns:82px 1fr 28px;align-items:center;gap:8px;color:var(--muted)}.sound-pop label b{text-align:right;color:var(--gold);font-weight:600}.sound-pop input[type=range]{width:100%;accent-color:var(--gold)}.sound-pop .sound-mute{display:flex;gap:6px}.sound-pop .sound-mute small{opacity:.6}@media (max-width: 700px),(pointer: coarse) and (max-width: 1200px){.hud-sound{top:106px;right:calc(clamp(52px,15vw,80px) + 86px)}.hud-sound .sound-btn{width:28px;height:28px}}.rating-card{padding:calc(16px * var(--ui-scale, 1)) calc(20px * var(--ui-scale, 1))}.rating-card h3{margin:0 0 8px;font-family:var(--font-title);color:var(--gold);font-size:calc(17px * var(--ui-scale, 1))}.rating-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px}.rating-card .stars{display:flex;gap:2px}.rating-card .star{padding:0 2px;border:0;background:none;font-size:calc(28px * var(--ui-scale, 1));line-height:1;color:#ffffff2e;cursor:pointer;transition:color .1s,transform .1s}.rating-card .star.on{color:var(--gold);text-shadow:0 0 8px rgba(230,192,101,.45)}.rating-card .star:hover{transform:scale(1.15)}.rating-card .star:focus-visible{outline:1px solid var(--gold);border-radius:4px}.rating-card .star:disabled{cursor:wait}.rating-avg{color:var(--muted);font-size:calc(13px * var(--ui-scale, 1))}.rating-avg b{color:var(--text);font-size:1.15em}.rating-label,.rating-msg{display:block;margin-top:4px;color:var(--muted);font-size:calc(12px * var(--ui-scale, 1))}.rating-msg{color:#a8f5bd}.lobby-footer{margin-top:calc(22px * var(--ui-scale, 1));display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px}.lobby-footer .small-btn{margin:0;padding:calc(8px * var(--ui-scale, 1)) calc(16px * var(--ui-scale, 1));font-size:calc(13px * var(--ui-scale, 1))}.fb-dialog{width:min(92vw,calc(520px * var(--ui-scale, 1)));text-align:left}.fb-dialog h3{margin:0 0 6px;font-family:var(--font-title);color:var(--gold);font-size:calc(19px * var(--ui-scale, 1))}.dialog .fb-intro{margin:0 0 12px;font-size:calc(13px * var(--ui-scale, 1));font-weight:400;color:var(--muted)}.fb-topics{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.fb-topic input{position:absolute;opacity:0;pointer-events:none}.fb-topic span{display:inline-block;padding:5px 10px;border:1px solid rgba(255,255,255,.15);border-radius:999px;font-size:calc(12px * var(--ui-scale, 1));cursor:pointer}.fb-topic input:checked+span{border-color:var(--gold);color:var(--gold);background:#e6c0651f}.fb-topic input:focus-visible+span{outline:1px solid var(--gold)}.fb-dialog textarea,.fb-contact input{display:block;width:100%;box-sizing:border-box;padding:9px 11px;font:inherit;font-size:calc(14px * var(--ui-scale, 1));color:var(--text);background:#00000059;border:1px solid var(--panel-border);border-radius:6px;outline:none}.fb-dialog textarea{resize:vertical;min-height:110px}.fb-dialog textarea:focus,.fb-contact input:focus{border-color:var(--gold)}.fb-count{text-align:right;color:var(--muted);font-size:calc(11px * var(--ui-scale, 1));margin:2px 0 8px}.fb-contact{display:block;margin-bottom:10px;font-size:calc(12px * var(--ui-scale, 1));color:var(--muted)}.fb-contact input{margin-top:4px}.fb-reply{margin:0 0 10px}.fb-dialog .dialog-error{min-height:1.2em;margin-bottom:8px}.shop .op-full{color:#ff8a80}.trade-window{width:min(94vw,calc(560px * var(--ui-scale, 1)));z-index:22}.trade-sides{display:grid;grid-template-columns:1fr 1fr;gap:calc(12px * var(--ui-scale, 1))}.trade-side{border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 10px;background:#0003}.trade-side.confirmed{border-color:#78e69699;box-shadow:inset 0 0 14px #50c87826}.trade-window h3{margin:0 0 6px;font-size:calc(13px * var(--ui-scale, 1));color:var(--text);display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}.trade-ok{color:#9dffb0;font-size:.9em}.trade-items{display:flex;flex-wrap:wrap;gap:6px;min-height:calc(52px * var(--ui-scale, 1));align-content:flex-start}.trade-cell{padding:0;color:inherit;font:inherit;font-size:calc(24px * var(--ui-scale, 1))}.trade-cell.readonly{cursor:default}.trade-cell .plus,.trade-cell .cls{position:absolute;font-size:calc(10px * var(--ui-scale, 1));font-weight:700}.trade-cell .plus{top:2px;right:4px}.trade-cell .cls{bottom:2px;left:0;right:0;text-align:center;color:var(--muted)}.trade-empty{margin:0;align-self:center}.trade-op-row{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:calc(13px * var(--ui-scale, 1));color:var(--gold)}.trade-op{width:calc(110px * var(--ui-scale, 1));padding:5px 8px;font:inherit;color:var(--text);background:#00000059;border:1px solid var(--panel-border);border-radius:5px;outline:none}.trade-op:focus{border-color:var(--gold)}.trade-inv{margin-top:12px}.trade-after{margin:10px 0 6px;font-size:calc(13px * var(--ui-scale, 1))}.trade-after.over b{color:#ff8a80}.trade-window .acc-msg{margin:6px 0}.trade-window .dialog-btns{margin-top:8px}@media (max-width: 560px){.trade-sides{grid-template-columns:1fr}}.pinned-notices{max-width:min(calc(520px * var(--ui-scale, 1)),70vw);padding:calc(5px * var(--ui-scale, 1)) calc(12px * var(--ui-scale, 1));border-color:#ffd24a8c;background:#281e08b8;color:#ffe9a8;font-size:calc(12px * var(--ui-scale, 1));font-weight:600;text-align:center;pointer-events:none}.pinned-notices .pinned-line+.pinned-line{margin-top:3px;padding-top:3px;border-top:1px solid rgba(255,210,74,.2)}#ui>.rotate-guard{position:fixed;inset:0;z-index:1000;pointer-events:auto;touch-action:none;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 40%,#1f2a1cf2,#0c0f0bfa);color:#f1e6c4;text-align:center;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#ui>.rotate-guard.hidden{display:none}.rotate-guard-box{max-width:320px}.rotate-guard-box h2{margin:12px 0 8px;font-size:22px;color:#ffe2a0}.rotate-guard-box p{margin:0;font-size:15px;line-height:1.45;opacity:.85}.rotate-guard-phone{font-size:64px;display:inline-block;animation:rotate-guard-turn 2.2s ease-in-out infinite}@keyframes rotate-guard-turn{0%,25%{transform:rotate(0)}55%,85%{transform:rotate(-90deg)}to{transform:rotate(0)}}.lobby-homescreen{margin:6px auto 10px;max-width:640px;padding:8px 12px;border:1px solid var(--panel-border);border-radius:8px;background:#17162299;text-align:center;line-height:1.45}:where(body.no-zoom,body.no-zoom *){touch-action:manipulation}#ui>.reconnecting{position:fixed;inset:0;z-index:900;pointer-events:auto;display:grid;place-items:center;padding:24px;background:#0b0a10d9;color:#f1e6c4;text-align:center}.reconnecting-box{max-width:340px}.reconnecting-box h2{margin:12px 0 6px;color:#ffe2a0;font-size:22px}.reconnecting-box p{margin:0 0 8px;line-height:1.45}.reconnecting-box button{margin-top:8px}.reconnecting-spin{width:42px;height:42px;margin:0 auto;border:4px solid #e6c06544;border-top-color:#e6c065;border-radius:50%;animation:reconnecting-spin .9s linear infinite}@keyframes reconnecting-spin{to{transform:rotate(360deg)}}