@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@600;800&display=swap";:root{--bg: #070a10;--panel: rgba(14, 20, 30, .94);--panel2: rgba(24, 32, 46, .95);--line: #2c3a52;--line2: #4a5f80;--text: #dde6f2;--dim: #8a9ab0;--gold: #ffd36a;--accent: #4fc3ff;--good: #7dff8a;--bad: #ff7070;--warn: #ffb050;--title: "Cinzel", Georgia, serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:14px/1.4 Segoe UI,system-ui,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}#cv{position:fixed;top:0;right:0;bottom:0;left:0;display:none}#screen{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#screen>*{pointer-events:auto}#tooltip{position:fixed;z-index:100;display:none;max-width:380px;background:#080c14f7;border:1px solid var(--line2);border-radius:8px;padding:9px 11px;pointer-events:none;box-shadow:0 8px 30px #0009;font-size:13px}#netstatus{position:fixed;top:10px;left:50%;transform:translate(-50%);background:#5a1a1a;color:#fff;padding:6px 14px;border-radius:6px;display:none;z-index:200}.tt-title{font-weight:700;font-size:14px}.tt-title .key{float:right;color:var(--dim);font-size:12px;border:1px solid var(--line2);border-radius:4px;padding:0 5px;margin-left:10px}.tt-sub{color:var(--dim);font-size:12px}.tt-body{margin-top:5px}.tt-body b{color:var(--gold)}.tt-body.leg{color:#ffb86a;font-style:italic}.tt-meta{margin-top:6px;color:#a8c4e0;font-size:12px}.stat{color:#9fe39f}.good{color:var(--good)!important}.bad{color:var(--bad)!important}.dim{color:var(--dim)}.warn{color:var(--warn)}.prim{color:var(--gold)}table.types{border-collapse:collapse;margin-top:4px}table.types td{border:1px solid var(--line);padding:2px 5px;text-align:center;font-size:11px}small{font-size:11px}.small{font-size:12px}.note{color:var(--dim);font-size:12px;margin:6px 0}.err{color:var(--bad);min-height:18px;margin-top:6px}.btn{background:linear-gradient(#2a3a56,#1b2638);color:var(--text);border:1px solid var(--line2);border-radius:7px;padding:8px 14px;cursor:pointer;font:inherit;transition:filter .15s,transform .05s}.btn:hover:not(:disabled){filter:brightness(1.25)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default}.btn.big{padding:12px 18px;font-size:16px;width:100%;margin:5px 0}.btn.small{padding:4px 9px;font-size:12px}.btn.primary{background:linear-gradient(#2f7a4a,#1d4f30);border-color:#4ea870}.btn.danger{background:linear-gradient(#7a2f2f,#4f1d1d);border-color:#a84e4e}.btn.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.btn.wide{width:100%;margin:4px 0;text-align:left}input{background:#0d1420;border:1px solid var(--line2);color:var(--text);border-radius:6px;padding:8px 10px;font:inherit}label{display:block;color:var(--dim)}label input{width:100%;margin-top:4px}.row{display:flex;gap:8px;align-items:center;margin:6px 0}.row input{flex:1}.menu{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:radial-gradient(ellipse at 50% 30%,#12304a,#070a10 70%),#070a10}.menu:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(79,195,255,.03) 0 2px,transparent 2px 6px);pointer-events:none}.logo{text-align:center}.logo-t{font-family:var(--title);font-size:56px;font-weight:800;letter-spacing:3px;color:#cfeaff;text-shadow:0 0 24px #2a8fd0,0 4px 0 #0a1a2a}.logo-s{color:#8ab4d4;font-size:16px;letter-spacing:1px}.card{width:380px;background:var(--panel);border:1px solid var(--line2);border-radius:12px;padding:22px;box-shadow:0 20px 60px #0009;position:relative}.card .lang{justify-content:center}.lobby{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:18px 24px;gap:14px;background:radial-gradient(ellipse at 50% 0%,#10243a,#070a10 70%);overflow:auto}.h1{font-family:var(--title);font-size:26px;color:#cfeaff}.h2{font-family:var(--title);font-size:17px;margin-bottom:8px;color:#cfeaff}.h3{font-weight:700;color:#cfeaff;margin:10px 0 6px;border-bottom:1px solid var(--line);padding-bottom:3px}.lobby-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}.code b{font-size:22px;letter-spacing:4px;color:var(--gold)}.players{display:flex;gap:10px;flex-wrap:wrap}.pl{display:flex;gap:8px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 12px;min-width:190px}.pl.ready{border-color:#4ea870}.pl .pic{font-size:26px}.tag{font-size:10px;background:#2a3a56;border-radius:4px;padding:1px 5px;color:var(--gold)}.lobby-main{display:grid;grid-template-columns:1fr 420px;gap:18px;flex:1;min-height:0}.heroes{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;overflow:auto}.hgroup{margin-bottom:10px}.hg-t{font-weight:700;margin-bottom:6px}.hg-t.str_heroes{color:#ff8a6a}.hg-t.agi_heroes{color:#8aff8a}.hg-t.int_heroes{color:#8ac8ff}.hgrid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.hcard{background:linear-gradient(180deg,color-mix(in srgb,var(--hc) 30%,#111a26),#111a26);border:2px solid #23324a;border-radius:10px;padding:8px 4px;text-align:center;cursor:pointer;transition:transform .1s,border-color .1s}.hcard:hover{transform:translateY(-2px);border-color:var(--hc)}.hcard.sel{border-color:var(--gold);box-shadow:0 0 14px color-mix(in srgb,var(--hc) 60%,transparent)}.hcard.taken{opacity:.55}.hic{font-size:30px}.hn{font-size:11px;margin-top:2px}.hdetail{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;overflow:auto}.hd-head{display:flex;gap:12px;align-items:center}.hd-ic{font-size:40px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--hc);box-shadow:0 0 18px var(--hc)}.lore{font-style:italic;color:#a8b8cc;margin:8px 0}.hd-stats{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12px;margin-bottom:8px}.hd-ab{display:flex;gap:10px;margin:8px 0}.ab-ic{font-size:22px;width:40px;height:40px;flex:none;display:flex;align-items:center;justify-content:center;background:#1a2436;border:1px solid var(--line2);border-radius:8px;position:relative}.ab-ic .k{position:absolute;bottom:-2px;right:2px;font-size:10px;color:var(--gold)}.hd-ab b{color:var(--gold)}.lobby-bottom{display:flex;gap:20px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap}.dtable{border-collapse:collapse;background:var(--panel);border-radius:10px;font-size:12px}.dtable td,.dtable th{border:1px solid var(--line);padding:3px 9px;text-align:center}.dtable td:first-child{text-align:left;color:var(--dim)}.dtable .cur{background:#ffd36a1f}.actions{display:flex;flex-direction:column;gap:6px;min-width:240px}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#hud>*{pointer-events:auto}#party{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:6px}.pf{display:flex;gap:6px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:5px 8px;width:210px}.pf.dead{opacity:.6}.pf .pic{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex:none}.pinfo{flex:1}.pn{font-size:12px}.pbar{height:6px;background:#111;border-radius:3px;margin-top:3px;overflow:hidden}.pbar>div{height:100%}.pbar.hp>div{background:#3ad06a}.pbar.mp>div{background:#3a7ad0}#topright{position:absolute;top:10px;right:10px;width:222px;display:flex;flex-direction:column;gap:6px;pointer-events:none}#zoneName{text-align:center;font-family:var(--title);color:#cfeaff;text-shadow:0 2px 4px #000}#mm{background:#05070a;border:2px solid var(--line2);border-radius:8px;width:222px;height:200px;pointer-events:auto}#tracker{font-size:12px;text-shadow:0 1px 2px #000}.tq{background:#0a0e16b3;border-left:3px solid var(--gold);padding:4px 7px;margin-bottom:4px;border-radius:4px}.tq.warn{border-color:var(--bad)}#bossbar{position:absolute;top:12px;left:50%;transform:translate(-50%);width:520px;display:none;pointer-events:none}#bossbar .bn{text-align:center;font-family:var(--title);color:#ffb0a0;text-shadow:0 2px 4px #000;font-size:16px}#bossbar .bb{height:18px;background:#200;border:2px solid #6a2a2a;border-radius:9px;overflow:hidden;position:relative}#bossbar .bf{height:100%;background:linear-gradient(#e04040,#8a1a1a);transition:width .15s}#bossbar .bt{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font-size:11px;line-height:14px;text-shadow:0 1px 2px #000}#banner{position:absolute;top:22%;left:0;right:0;text-align:center;pointer-events:none;opacity:0}#banner.show{animation:banner 3.2s ease forwards}#banner .bt{font-family:var(--title);font-size:40px;font-weight:800;text-shadow:0 3px 12px #000,0 0 30px rgba(0,0,0,.8)}#banner .bs{color:#cfd8e6;font-size:16px;text-shadow:0 2px 6px #000}@keyframes banner{0%{opacity:0;transform:translateY(10px)}12%{opacity:1;transform:none}75%{opacity:1}to{opacity:0}}#center-msg{position:absolute;top:34%;left:0;right:0;text-align:center;color:#ffd0a0;font-size:18px;text-shadow:0 2px 6px #000;pointer-events:none;opacity:0;font-weight:600}#center-msg.show{animation:cmsg 2.4s ease forwards}@keyframes cmsg{0%{opacity:0}10%{opacity:1}75%{opacity:1}to{opacity:0}}#log{position:absolute;left:10px;bottom:150px;width:420px;font-size:13px;pointer-events:none;text-shadow:0 1px 3px #000,0 0 2px #000}.lm{transition:opacity 1s;margin:2px 0}.lm.fade{opacity:0}#chat{position:absolute;left:10px;bottom:122px;display:none}#chat.on{display:block}#chatin{width:420px}#buffs{position:absolute;left:50%;transform:translate(-50%);bottom:132px;display:flex;gap:4px}.buff{width:30px;height:30px;background:#12301a;border:1px solid #3a8a4a;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px;position:relative}.buff.deb{background:#301212;border-color:#8a3a3a}.buff span{position:absolute;bottom:-2px;right:1px;font-size:9px;text-shadow:0 0 2px #000,0 0 2px #000}.buff i{position:absolute;top:-3px;left:1px;font-size:9px;font-style:normal;color:var(--gold)}#bottom{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;gap:10px;align-items:flex-end;background:linear-gradient(#0a0e16eb,#06090ef5);border:1px solid var(--line2);border-radius:14px;padding:10px 12px;box-shadow:0 10px 40px #0009}#portrait{position:relative;width:74px;cursor:pointer}#portrait .pic{width:74px;height:74px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;border:3px solid #0a0f18;box-shadow:0 0 0 2px var(--line2)}#portrait .lv{position:absolute;left:-4px;bottom:8px;background:#0d1420;border:2px solid var(--gold);color:var(--gold);border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px}#portrait .xp{height:6px;background:#111;border-radius:3px;margin-top:4px;overflow:hidden}#portrait .xpf{height:100%;background:linear-gradient(90deg,#8a4aff,#c08aff)}#portrait .pts{position:absolute;top:-6px;right:-6px;background:#2f7a4a;border-radius:10px;font-size:11px;padding:0 5px;font-weight:700}#portrait .pts:empty{display:none}#mid{display:flex;flex-direction:column;gap:6px}#bars{display:flex;flex-direction:column;gap:3px;width:300px}.bar{height:16px;background:#0a0d12;border-radius:4px;position:relative;overflow:hidden;border:1px solid #000}.bar .f{height:100%;transition:width .12s}.bar.hp .f{background:linear-gradient(#4ade6a,#1f8a3a)}.bar.mp .f{background:linear-gradient(#4a8aff,#1f4a9a)}.bar span{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font-size:11px;line-height:15px;text-shadow:0 1px 2px #000;font-weight:600}#abil{display:flex;gap:6px}.ab{width:70px;height:70px;background:radial-gradient(#22324a,#121a28);border:2px solid var(--line2);border-radius:10px;position:relative;cursor:pointer;overflow:hidden}.ab .ic{font-size:34px;text-align:center;line-height:66px}.ab.unlearned .ic{filter:grayscale(1) brightness(.5)}.ab.passive{border-style:dashed}.ab.nomana{border-color:#3a5aff}.ab.nomana .ic{filter:saturate(.3) brightness(.6)}.ab .cd{position:absolute;left:0;right:0;bottom:0;background:#000000a6}.ab .cdt{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;text-shadow:0 0 4px #000}.ab .key{position:absolute;top:2px;left:5px;font-size:11px;color:var(--gold);font-weight:700;text-shadow:0 0 3px #000}.ab .mana{position:absolute;bottom:2px;right:4px;font-size:10px;color:#8ab4ff;text-shadow:0 0 3px #000}.ab .lvls{position:absolute;bottom:3px;left:4px;display:flex;gap:2px}.ab .lvls i{width:7px;height:7px;border-radius:50%;background:#222;border:1px solid #555}.ab .lvls i.on{background:var(--gold);border-color:#a07a20}.ab .learn{position:absolute;top:2px;right:2px;width:22px;height:22px;border-radius:50%;border:1px solid #4ea870;background:#2f7a4a;color:#fff;font-weight:800;cursor:pointer;display:none;padding:0;line-height:18px;animation:pulse 1.2s infinite}@keyframes pulse{50%{box-shadow:0 0 10px #4ea870}}#smini{display:grid;grid-template-columns:1fr;gap:3px;width:128px;font-size:12px}.sm{background:#0d1420;border:1px solid var(--line);border-radius:6px;padding:2px 6px;display:flex;justify-content:space-between;align-items:center;gap:4px;cursor:help}.sm small{color:var(--dim);font-size:10px}.sm.attr{justify-content:space-around;font-size:11px}#invwrap{display:flex;flex-direction:column;gap:4px}.slots{display:grid;grid-template-columns:repeat(3,44px);gap:4px}#bag{opacity:.9}#bag .slot{background:#10161f}.slot{width:44px;height:44px;background:#0d1420;border:2px solid #26324a;border-radius:7px;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.slot.filled{background:radial-gradient(#22324a,#0d1420)}.slot.fsel{box-shadow:0 0 0 2px #fff inset,0 0 12px var(--gold)}.slot .iic{font-size:24px}.slot .ch{position:absolute;bottom:0;right:3px;font-size:11px;font-weight:700;text-shadow:0 0 3px #000}.slot .hk{position:absolute;top:0;left:3px;font-size:9px;color:var(--dim)}#buttons{display:grid;grid-template-columns:repeat(2,36px);gap:4px}.hb{width:36px;height:30px;background:#1a2436;border:1px solid var(--line2);border-radius:6px;cursor:pointer;font-size:15px;position:relative;padding:0;color:#fff}.hb .dot{position:absolute;top:-3px;right:-3px;width:10px;height:10px;border-radius:50%;background:#ffd040;box-shadow:0 0 6px #ffd040}#death{position:absolute;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(transparent 30%,#3c00008c);pointer-events:none;font-size:18px;text-shadow:0 2px 6px #000}#death .dt{font-family:var(--title);font-size:46px;color:#ff6a6a}#rolls{position:absolute;right:10px;bottom:140px;display:flex;flex-direction:column;gap:6px}.roll{background:var(--panel);border:2px solid;border-radius:10px;padding:8px 10px;width:300px}.roll .iic{font-size:20px}.rb{display:flex;gap:6px;margin-top:6px}#bigmap{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#000000bf}#bigmap.on{display:flex}#bigmap canvas{height:92vh;width:auto;border:2px solid var(--line2);border-radius:10px}#panel{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#00000059}.pwin{background:var(--panel);border:1px solid var(--line2);border-radius:14px;width:min(760px,94vw);max-height:82vh;display:flex;flex-direction:column;box-shadow:0 24px 70px #000000b3}.pwin.menu,.pwin.waypoint,.pwin.tablet{width:440px}.ph{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line);font-family:var(--title);font-size:18px;color:#cfeaff}.x{background:none;border:none;color:var(--dim);font-size:18px;cursor:pointer}.pb{padding:12px 16px;overflow:auto}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.attr-row,.sp-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:3px 4px;border-radius:5px}.sp-row{grid-template-columns:1fr auto 26px 56px}.attr-row:hover,.sp-row:hover{background:#ffffff0a}.attr-row small,.sp-row small{color:var(--dim)}.attr-row.prim span,.attr-row.prim b{color:var(--gold)}.pts-badge{float:right;font-size:12px;color:var(--good)}.tal-tier{display:grid;grid-template-columns:70px 1fr 1fr;gap:8px;margin-bottom:8px;align-items:stretch}.tal-tier.locked{opacity:.5}.tt-lv{display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--gold);background:#0d1420;border-radius:8px}.tal{text-align:left;background:#121a28;border:2px solid var(--line);border-radius:10px;padding:8px 10px;color:var(--text);cursor:pointer;font:inherit}.tal:hover:not(:disabled){border-color:var(--gold)}.tal.chosen{border-color:var(--gold);background:#2a2410}.tal.other{opacity:.4}.tal:disabled{cursor:default}.tn{font-weight:700;color:#ffe0a0}.td{font-size:12px;color:#b8c4d4}.gslots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.gslot{background:#0d1420;border:2px solid var(--line);border-radius:10px;padding:10px;text-align:center;min-height:92px;cursor:pointer}.gslot.sel{border-color:var(--gold)}.gslot.locked{opacity:.5}.gic{font-size:26px}.glist{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.glyph{display:flex;gap:8px;text-align:left;background:#121a28;border:1px solid var(--line);border-radius:8px;padding:6px 8px;color:var(--text);cursor:pointer;font:inherit}.glyph:hover:not(:disabled){border-color:var(--gold)}.glyph:disabled{opacity:.45;cursor:default}.glyph.used{border-color:#4ea870;opacity:.6}.tabs{display:flex;gap:4px;margin-bottom:10px;flex-wrap:wrap}.tab{background:#121a28;border:1px solid var(--line);color:var(--dim);border-radius:6px;padding:5px 12px;cursor:pointer;font:inherit}.tab.on{color:var(--text);border-color:var(--gold)}.qrow{background:#121a28;border:1px solid var(--line);border-radius:8px;padding:8px 10px;margin-bottom:6px;position:relative}.qrow.done{opacity:.55}.qrow.active{border-color:var(--gold)}.qrow .btn{position:absolute;right:10px;top:10px}.qn{font-weight:700}.qs{color:var(--dim);font-weight:400}.rew{color:#c0d890}.shop-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}.shop-it{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;background:#121a28;border:1px solid var(--line);border-radius:8px;padding:6px 8px}.shop-it .iic{font-size:24px;text-align:center}.sn{font-size:13px}.sn small{color:#9fe39f}.fslots{display:flex;gap:10px;justify-content:center;margin:12px 0}.fslot{width:60px;height:60px;border:2px dashed var(--line2);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:30px;color:var(--dim)}.tablet{font-size:15px;line-height:1.6;font-style:italic}.runes{font-size:34px;letter-spacing:12px;text-align:center;margin-top:10px;color:#d0a0ff;font-style:normal;text-shadow:0 0 10px #8a4aff}.menu-p .row{margin:8px 0}.vic{text-align:center}.vt{font-size:16px;margin-bottom:10px;font-style:italic;color:#cfeaff}.vtab{margin:10px auto;border-collapse:collapse}.vtab td,.vtab th{border:1px solid var(--line);padding:4px 12px}.vic .row{justify-content:center;margin-top:12px}@media(max-width:1100px){.lobby-main{grid-template-columns:1fr}.hgrid{grid-template-columns:repeat(4,1fr)}#bottom{transform:translate(-50%) scale(.85);transform-origin:bottom center}}#bottom{background:linear-gradient(180deg,#2b2620,#1c1915 45%,#120f0c);border:2px solid #5e4c30;border-radius:6px 6px 0 0;bottom:0;padding:10px 92px;box-shadow:0 -2px #2a2116 inset,0 10px 40px #000c,inset 0 1px #ffdc961f}#bottom:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid rgba(160,130,80,.25);border-radius:4px;pointer-events:none}.globe{position:absolute;bottom:4px;width:118px;height:118px;border-radius:50%;background:url(/sprites/ui/bar_hp_background.webp) center/cover;filter:drop-shadow(0 4px 10px #000);cursor:help}.globe.hp{left:-40px}.globe.mp{right:-40px;background-image:url(/sprites/ui/bar_mp_background.webp)}.globe .gf{position:absolute;left:0;right:0;bottom:0;border-radius:0 0 59px 59px;background:url(/sprites/ui/bar_hp.webp) center bottom/118px 118px no-repeat;transition:height .15s}.globe.mp .gf{background-image:url(/sprites/ui/bar_mp.webp)}.globe .gf{border-radius:0;clip-path:circle(59px at 50% calc(100% - 59px))}.globe .gglass{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.28),transparent 32%);box-shadow:inset 0 0 0 4px #3a3024,inset 0 0 0 6px #8a7048,0 0 0 2px #120f0c;pointer-events:none}.globe span{position:absolute;left:0;right:0;top:46px;text-align:center;font:700 15px var(--title);color:#fff;text-shadow:0 0 4px #000,0 0 2px #000;pointer-events:none}.ab{background:radial-gradient(#2a241c,#14110d);border-color:#6b5a3c;border-radius:4px}.slot{background:#15120e;border-color:#4a3d28;border-radius:3px}.slot.filled{background:radial-gradient(#2a241c,#15120e)}.sm{background:#15120e;border-color:#4a3d28}.hb{background:#231e17;border-color:#6b5a3c}#portrait .pic{box-shadow:0 0 0 2px #8a7048}.pwin{background:#14110df7;border-color:#6b5a3c}.ph{border-color:#4a3d28;color:#e8d6a8}.pf,.tq,.roll{background:#14110de0;border-color:#4a3d28}#mm{border-color:#6b5a3c}.note.credits{font-size:11px;opacity:.8}.note.credits a,.menu-p a{color:#c8a868}#saves{width:100%;max-height:42vh;overflow:auto;position:relative}.saves{display:flex;flex-direction:column;gap:8px}.save{background:linear-gradient(180deg,#142133,#0d1520);border:1px solid #2a3c56;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.save .sv-h{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.save .sv-h span{display:inline-flex;align-items:center;gap:6px}.save .sv-h span.mine{color:var(--gold)}.save .row{display:flex;gap:8px}img.portrait{border-radius:50%;border:1px solid #5a4a2a;background:#0b0f16;object-fit:cover;vertical-align:middle;flex:none}.heroes.locked .hcard{cursor:default;opacity:.45}.heroes.locked .hcard.sel{opacity:1}.btn.danger{border-color:#7a3030;color:#f0a0a0}.pic-ic{display:inline-block;vertical-align:middle;background-image:url(/sprites/icons.webp);background-repeat:no-repeat;border-radius:4px;image-rendering:auto}.tt-title .pic-ic,.tt-title img.portrait{margin-right:4px;box-shadow:0 0 0 1px #000a}.ab .ic{line-height:0;display:flex;align-items:center;justify-content:center;height:66px}.ab .ic .pic-ic{border-radius:6px}.slot .iic,.shop-it .iic,.roll .iic{line-height:0;display:flex}.hic img.portrait{border-color:color-mix(in srgb,var(--hc) 70%,#000);width:54px;height:54px}.hd-ic{overflow:hidden}.hd-ic img.portrait{width:64px;height:64px;border:none}.ab-ic{overflow:hidden}.ab-ic .pic-ic{border-radius:7px}.tal .tn .pic-ic{margin-right:2px}#panel{z-index:5;padding-bottom:150px;box-sizing:border-box}#panel .pwin{max-height:calc(100vh - 190px)}#bottom{z-index:6}.fslots.over .fslot{border-color:var(--gold);background:#ffc85014}.fslot{cursor:pointer}#updbar{position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:200;background:#1d3a24;border:1px solid #4ea870;color:#e8ffe8;padding:7px 12px;border-radius:8px;display:flex;gap:10px;align-items:center;font-size:13px;box-shadow:0 6px 20px #00000080}.slot.noforge{opacity:.35;filter:grayscale(.7)}.row.vol{display:flex;align-items:center;gap:10px}.row.vol input[type=range]{flex:1;accent-color:#c8a868}.pwin.stash{width:min(420px,94vw)}.stash-grid{display:grid;grid-template-columns:repeat(6,44px);gap:6px;justify-content:center;margin:10px 0}.stash-grid .slot.over{box-shadow:0 0 0 2px var(--gold) inset}.pwin.smith{width:min(820px,96vw)}.tab.myth{color:#ff8aa8}.recipes{display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 330px);overflow:auto;padding-right:4px}.recipe{display:grid;grid-template-columns:1fr;gap:6px;background:#17121a;border:1px solid #3a2530;border-radius:9px;padding:8px 10px}.recipe.ready{border-color:#ff3d6e;box-shadow:0 0 12px #ff3d6e40}.recipe .rc-out{display:flex;gap:10px;align-items:flex-start}.recipe .rc-req{display:flex;flex-wrap:wrap;gap:6px}.recipe .req{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:2px 8px 2px 3px;border-radius:6px;border:1px solid var(--rc, #ff9a2e);opacity:.45}.recipe .req.have{opacity:1;background:#ffffff0d}.recipe .req.have:after{content:"✓";color:#6fe08a;margin-left:2px}.recipe .btn{justify-self:end}.pwin.equip{width:min(620px,96vw)}.doll-wrap{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}.doll{display:grid;grid-template-columns:repeat(3,66px);gap:8px;padding:10px;background:radial-gradient(ellipse at 50% 40%,#2a2218,#120f0c 75%);border:1px solid #4a3d28;border-radius:10px}.dslot{width:66px;height:66px;border:2px solid #3a3022;border-radius:8px;background:#00000059;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative}.dslot .dk{font-size:20px;opacity:.28;filter:grayscale(1)}.dslot small{font-size:9px;color:#8a7a60;margin-top:2px;text-align:center;line-height:1}.dslot.filled{background:radial-gradient(#2a241c,#15120e)}.dslot.over{box-shadow:0 0 0 2px var(--gold) inset}.doll-sum{flex:1;min-width:200px;font-size:13px}.doll-sum .leg{color:#ffc070;display:flex;gap:6px;align-items:center;margin:3px 0}.ab .lvls i.m{background:#3a2a10}.ab .lvls i.m.on{background:#ffb040;box-shadow:0 0 4px #ffb040}.login-stage{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#02090e url(/ui/login-tiny.webp) center/cover}.login-art{--u: calc(max(100vw, 150vh) / 1536);position:absolute;left:50%;top:50%;width:max(100vw,150vh);height:max(66.667vw,100vh);transform:translate(-50%,-50%);background:url(/ui/login.webp) center / 100% 100% no-repeat}.login-art>*{position:absolute;box-sizing:border-box}.lg-field{background:#011018;border:none;outline:none;color:#d6e7ee;font:calc(var(--u) * 15) "Segoe UI",sans-serif;padding:0 calc(var(--u) * 6);border-radius:calc(var(--u) * 3)}.lg-field::placeholder{color:#7f939d}.lg-field:focus{box-shadow:0 0 0 calc(var(--u) * 1.5) #78dcf059}.lg-eye{background:transparent;border:none;cursor:pointer;border-radius:50%}.lg-eye.on{box-shadow:inset 0 0 0 calc(var(--u) * 2) #78dcf080}.lg-btn{background:transparent;border:none;cursor:pointer;color:transparent;border-radius:calc(var(--u) * 8);transition:box-shadow .15s,background .15s}.lg-btn:hover{background:#78e6f014;box-shadow:0 0 calc(var(--u) * 22) #6ee6f059}.lg-btn:active{background:#00000026}.lg-check{display:flex;align-items:center;gap:calc(var(--u) * 9);cursor:pointer;color:transparent}.lg-check input{display:none}.lg-check i{width:calc(var(--u) * 21);height:calc(var(--u) * 21);margin-left:calc(var(--u) * 2);border-radius:calc(var(--u) * 3);background:#02141c;border:calc(var(--u) * 1.5) solid #8fd8de;flex:none;display:flex;align-items:center;justify-content:center}.lg-check input:checked+i:after{content:"✓";color:#c6f6f8;font:bold calc(var(--u) * 16) "Segoe UI",sans-serif;line-height:1}.lg-forgot{color:transparent;border-radius:calc(var(--u) * 4)}.lg-forgot:hover{background:#78dcf014}.lg-link{color:#9fd9e6;text-align:center;font:calc(var(--u) * 14) "Segoe UI",sans-serif;text-decoration:none;text-shadow:0 0 calc(var(--u) * 6) #000,0 0 calc(var(--u) * 3) #000}.lg-link:hover{color:#d6f6ff;text-decoration:underline}.lg-msg{text-align:center;color:#ffb3a6;font:calc(var(--u) * 14) "Segoe UI",sans-serif;text-shadow:0 0 calc(var(--u) * 5) #000,0 0 calc(var(--u) * 2) #000}.lg-msg.pending{color:#bfe9f2}.reg-card{display:flex;flex-direction:column;gap:calc(var(--u) * 10);padding:calc(var(--u) * 16) calc(var(--u) * 20);background:#020e14f0;border:calc(var(--u) * 1.5) solid #6f6040;border-radius:calc(var(--u) * 10);box-shadow:0 0 calc(var(--u) * 30) #000000b3}.reg-card .reg-t{color:#e8d7a6;font:calc(var(--u) * 19) Georgia,serif;text-align:center;letter-spacing:.05em}.reg-card input{background:#011018;border:calc(var(--u) * 1) solid #24404a;color:#d6e7ee;font:calc(var(--u) * 15) "Segoe UI",sans-serif;padding:calc(var(--u) * 9) calc(var(--u) * 12);border-radius:calc(var(--u) * 4);outline:none}.reg-card input:focus{border-color:#6fc8d6}.reg-card .lg-btn2{margin-top:calc(var(--u) * 4);padding:calc(var(--u) * 11);background:linear-gradient(#1d5f68,#0b343b);color:#f2e6c4;border:calc(var(--u) * 1.5) solid #b59a5c;border-radius:calc(var(--u) * 6);font:bold calc(var(--u) * 16) Georgia,serif;letter-spacing:.08em;cursor:pointer}.reg-card .lg-btn2:hover{box-shadow:0 0 calc(var(--u) * 18) #6ee6f059}.reg-card .lg-link{position:static}.lg-lang{position:fixed;top:12px;right:14px;display:flex;gap:6px;z-index:2}.lg-lang button{background:#020e14cc;color:#b9d3da;border:1px solid #355560;border-radius:6px;padding:4px 9px;cursor:pointer;font-size:12px}.lg-lang button.on{border-color:#c8a868;color:#f2e6c4}.menu,.lobby{background:linear-gradient(#02080db8,#02080ddb),url(/ui/login.webp) center / cover!important}.acct{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 2px 10px}.acct small{color:var(--dim)}.riddle-q{font-style:italic;font-size:16px}.riddle-a{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.pwin.riddle,.pwin.sigil{width:min(520px,94vw)}.recipe .rc-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}:root{--panel: #11191d;--panel2: #182328;--line: #3e4a48;--line2: #877454;--text: #e0e6df;--dim: #a2afa9;--gold: #dfbc77;--accent: #80c8d4;--hud-scale: 1;--ui: "/original/ui/p1/";cursor:url(/original/ui/p1/cursors/normal.png) 3 3,default}button,a,.slot,.dslot,.ab,.hcard,#portrait{cursor:url(/original/ui/p1/cursors/normal.png) 3 3,pointer}button:disabled,[aria-disabled=true]{cursor:url(/original/ui/p1/cursors/forbidden.png) 16 16,not-allowed}:is(button,a,input,.slot,.dslot,.ab):focus-visible{outline:2px solid #9cdee5;outline-offset:3px}.ui-glyph{object-fit:contain;vertical-align:middle;pointer-events:none;flex:none}.pwin,.card,.heroes,.detail,#tooltip{border:14px solid transparent;border-radius:0;border-image:url(/original/ui/p1/window.png) 144 128 128 128 fill / 14px stretch;background:#10191d;box-shadow:0 16px 52px #000b}.card{width:min(410px,calc(100vw - 28px));padding:15px 18px}.heroes,.detail{padding:12px}.pwin{max-width:calc(100vw - 28px)}.pwin.menu{position:relative;inset:auto;gap:0;align-items:stretch;justify-content:flex-start;background:#10191d!important}.ph{min-height:52px;padding:0 2px;border:8px solid transparent;border-left-width:20px;border-right-width:20px;border-image:url(/original/ui/p1/header.png) 32 80 32 80 fill / 8px 20px stretch;color:#e5d6b3;background:transparent;font-family:Georgia,Times New Roman,serif}.ph>span{padding:0 8px;font-size:18px}.window-heading{display:flex;align-items:center;gap:9px}.ph .x{color:#d0be91;width:28px;height:28px;flex:none;font-size:19px}.pb{padding:14px 10px;scrollbar-gutter:stable}#tooltip{border-width:8px;border-image-width:8px;padding:8px 10px;background:#091115}.btn,.tab,.lg-btn2{--button-art: url(/original/ui/p1/button_normal.png);border:solid transparent;border-width:8px 16px;border-radius:0;border-image:var(--button-art) 26 64 26 64 fill / 8px 16px stretch;background:transparent;color:#e4dfce;padding:3px 10px;min-height:38px;box-shadow:none;text-shadow:0 1px 3px #000;transition:color .12s,transform .08s}.btn:hover:not(:disabled),.tab:hover:not(:disabled),.lg-btn2:hover{--button-art: url(/original/ui/p1/button_hover.png);filter:none;color:#e4fbff}.btn:active:not(:disabled),.tab:active:not(:disabled),.lg-btn2:active{--button-art: url(/original/ui/p1/button_pressed.png);transform:translateY(1px)}.btn:disabled,.tab:disabled{--button-art: url(/original/ui/p1/button_disabled.png);opacity:.54}.btn.primary{color:#c4edcf}.btn.danger{color:#f0a899}.btn.primary,.btn.danger{background:transparent;border-color:transparent}.btn.on,.tab.on{--button-art: url(/original/ui/p1/button_hover.png);color:#e8d4a1;box-shadow:none;border-color:transparent}.btn.big{min-height:49px;padding:6px 10px;font-family:Georgia,serif;font-size:17px}.btn.small{min-height:27px;padding:0 3px;border-width:5px 9px;border-image-width:5px 9px}.tab{min-height:33px;padding:1px 8px;font-size:12px}.tabs{gap:5px}input:not([type=checkbox]):not([type=range]){border-color:#71664d;background-color:#091419;color:#e1e9e6;border-radius:2px}input[type=checkbox]:not(#lg-rem){-moz-appearance:none;appearance:none;-webkit-appearance:none;width:24px;height:24px;flex:0 0 24px;border:none;border-radius:0;padding:0;margin:0;background:url(/original/ui/p1/checkbox_off.png) center/contain;vertical-align:middle}input[type=checkbox]:not(#lg-rem):checked{background-image:url(/original/ui/p1/checkbox_on.png)}input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;background:transparent;padding:0;height:26px}input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:2px;background:#263b40 url(/original/ui/p1/slider_track.png) center/100% 100%;box-shadow:inset 0 1px 3px #000}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:23px;height:23px;margin-top:-7px;border:none;background:url(/original/ui/p1/slider_thumb.png) center/contain}input[type=range]::-moz-range-track{height:8px;background:#263b40;border:1px solid #8c7954}input[type=range]::-moz-range-thumb{width:23px;height:23px;border:none;background:url(/original/ui/p1/slider_thumb.png) center/contain}*{scrollbar-width:thin;scrollbar-color:#88744e #0c151a}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0c151a}::-webkit-scrollbar-thumb{border:2px solid #0c151a;border-radius:2px;background:#786745 url(/original/ui/p1/scroll_thumb.png) center/100% 100%}.brand-logo{display:block;width:min(560px,86vw);max-height:28vh;object-fit:contain;margin:0 auto;filter:drop-shadow(0 6px 8px #000b)}.logo-s{font-size:13px;letter-spacing:.07em;color:#b0c6c6;margin-top:8px}.menu:not(.pwin){gap:clamp(12px,2vh,22px);justify-content:flex-start;padding:18px 12px 24px;overflow-y:auto}.menu:not(.pwin)>.logo,.menu:not(.pwin)>.card{flex-shrink:0}.menu:before{display:none}.menu:not(.pwin),.lobby{background:linear-gradient(#02080da8,#02080dd4),url(/original/ui/p1/menu_background.png) center/cover!important}.p1-login{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:22px;padding:clamp(24px,5vh,70px) 12px 24px;overflow-y:auto;background:linear-gradient(#02080d30,#02080d70),url(/original/ui/p1/menu_background.png) center/cover}.p1-login>*{flex-shrink:0}.p1-login .brand-logo{width:min(520px,84vw);max-height:25vh}.login-card{display:flex;flex-direction:column;gap:12px;width:min(420px,calc(100vw - 28px))}.login-heading{color:#e2d0a4;font:20px Georgia,serif;text-align:center;margin-bottom:4px}.login-card input:not([type=checkbox]){width:100%;height:42px;font:14px Segoe UI,sans-serif;padding:8px 12px}.login-password{position:relative}.login-password input{padding-right:44px!important}.password-eye{position:absolute;top:4px;right:4px;width:34px;height:34px;padding:5px;border:none;color:#aa9b77;background:none}.password-eye.on,.password-eye:hover{color:#a5e4e8}.login-card .btn.big{margin:0}.login-options{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:11px}.login-options .remember{display:flex;align-items:center;gap:6px;color:#c4cec7}.p1-login #lg-rem{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:22px;height:22px;border:none;padding:0;margin:0;background:url(/original/ui/p1/checkbox_off.png) center/contain}.p1-login #lg-rem:checked{background-image:url(/original/ui/p1/checkbox_on.png)}.p1-login #lg-rem:checked,input[type=checkbox]:not(#lg-rem):checked{filter:brightness(1.5)}.login-card a{color:#b2d5d9;text-decoration:none}.login-card a:hover{color:#e4d3aa;text-decoration:underline}.login-card #lg-switch{text-align:center;font-size:12px}.login-card .lg-msg{min-height:18px;font:12px/1.5 Segoe UI,sans-serif}.p1-login .lg-lang button{border-width:5px 9px;border-image-width:5px 9px;background:transparent;padding:0 5px;font-size:12px}.p1-login .lg-lang button.on{border-color:transparent;box-shadow:none}.logo-t{line-height:1}.card .acct{font-size:12px}.card .note.credits{margin-top:12px}.lobby-top .h1{color:#d6d6bc}.hcard{background:#101c21;border-color:#49514b;border-radius:3px}.hcard.sel{border-color:#d1b371}.save,.pl,.qrow,.shop-it,.tal,.glyph,.gslot,.recipe,.pf,.tq,.roll{background-color:#132025;border-color:#53605b;border-radius:3px}.save{background:#132025}.h2,.h3{color:#d5cfad}#bottom{width:1120px;min-height:152px;height:auto;bottom:4px;left:50%;padding:10px 104px;gap:12px;align-items:center;justify-content:center;border:12px solid transparent;border-radius:0;border-image:url(/original/ui/p1/hud.png) 144 128 128 128 fill / 12px stretch;background:#10191c url(/original/ui/p1/stone.png) center/256px 256px;transform:translate(-50%) scale(var(--hud-scale));transform-origin:bottom center;box-shadow:0 -5px 28px #0009;isolation:isolate}#bottom:before{display:none}.globe{width:128px;height:128px;bottom:-1px;border-radius:0;background:url(/original/ui/p1/orb_empty.png) center/100% 100% no-repeat;filter:drop-shadow(0 5px 8px #000b);cursor:help}.globe.hp{left:-21px}.globe.mp{right:-21px;background-image:url(/original/ui/p1/orb_empty.png)}.gwell{position:absolute;top:15%;right:15%;bottom:15%;left:15%;overflow:hidden;border-radius:50%}.globe .gf{position:absolute;inset:auto 0 0;width:100%;height:100%;clip-path:none;border-radius:0;background:url(/original/ui/p1/liquid_hp.png) center bottom/100% auto no-repeat;transition:height .18s}.globe.mp .gf{background-image:url(/original/ui/p1/liquid_mp.png)}.gf:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:#fda49e99;box-shadow:0 1px 4px #cf202055}.mp .gf:before{background:#b1e9ff99;box-shadow:0 1px 4px #209fff55}.globe .gglass{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/original/ui/p1/orb_frame.png) center/100% 100% no-repeat;box-shadow:none;border-radius:0;pointer-events:none}.gshine{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:url(/original/ui/p1/orb_glass.png) center/100% 100% no-repeat}.globe .gvalue{top:44%;font:700 18px Georgia,serif;letter-spacing:.01em;color:#fff4df;text-shadow:0 2px 3px #000,0 0 8px #000}.globe .gmax{position:absolute;left:0;right:0;top:62%;text-align:center;color:#d6e2e2;font:10px Georgia,serif;text-shadow:0 1px 3px #000;pointer-events:none}#portrait{width:72px;flex:0 0 72px}#portrait .pic{width:68px;height:68px;margin:2px;border:6px solid transparent;background-clip:padding-box!important;border-radius:50%;box-shadow:none}#portrait:after{content:"";position:absolute;left:-4px;top:-5px;width:80px;height:80px;background:url(/original/ui/p1/portrait.png) center/contain no-repeat;pointer-events:none}#portrait .lv{left:-4px;bottom:5px;z-index:1;width:24px;height:24px;border:1px solid #ac915b;color:#e7d4a8;background:#111b20;font-size:11px}#portrait .pts{z-index:1;background:#34634a;border:1px solid #a6b58b}#portrait .xp{height:5px;margin-top:8px;background:#091116;border:1px solid #655a40;border-radius:0}#portrait .xpf{background:linear-gradient(90deg,#257c89,#a3ded9)}#mid{flex:0 0 278px;gap:0}#abil{gap:6px}.ab{width:65px;height:65px;flex:none;border:5px solid transparent;border-radius:0;border-image:url(/original/ui/p1/slot.png) 22 fill / 5px stretch;background:#0a1419;overflow:visible}.ab .ic{position:absolute;top:0;right:0;bottom:0;left:0;height:auto;line-height:0}.ab .ic .pic-ic{transform:scale(.82);border-radius:0}.ab .key{top:-3px;left:-1px;color:#f3dca0;z-index:2;font-size:10px;text-shadow:0 1px 2px #000,0 0 4px #000}.ab .mana{bottom:-2px;right:-1px;z-index:2;font-size:9px}.ab .lvls{bottom:-12px;left:0;right:0;justify-content:center}.ab .lvls i{width:6px;height:4px;border-radius:0;border-color:#776a49}.ab .lvls i.on{background:#dfbd7c}.ab .learn{right:-10px;top:-11px;z-index:3;width:19px;height:19px;font-size:15px;line-height:15px;border-radius:3px;background:#214e43;border-color:#b6c2a0}.ab .cd{inset:auto 0 0;z-index:1;background:#061018c4}.ab .cdt{z-index:2;font-size:20px;pointer-events:none}.ab.passive{filter:saturate(.65)}#smini{width:106px;flex:0 0 106px;gap:3px}.sm{background:#0c171b;border:1px solid #425454;border-radius:1px;font-size:11px;padding:1px 4px}.sm small{font-size:9px}.sm.attr{font-size:10px}#invwrap{width:248px;flex:0 0 248px;gap:5px}#invwrap .slots{grid-template-columns:repeat(6,38px);gap:4px;position:relative}#invwrap .slots:before{content:attr(aria-label);position:absolute;left:0;top:-12px;color:#aeb8ad;font:9px Georgia,serif;letter-spacing:.06em;pointer-events:none}#invwrap #inv:before{content:none}#invwrap #bag{opacity:.85}.slot,.dslot,.fslot{--slot-frame: url(/original/ui/p1/rarity_0.png);border:5px solid transparent;border-radius:0;border-image:var(--slot-frame) 22 fill / 5px stretch;background:#0c1519}[data-rarity="0"]{--slot-frame: url(/original/ui/p1/rarity_0.png)}[data-rarity="1"]{--slot-frame: url(/original/ui/p1/rarity_1.png)}[data-rarity="2"]{--slot-frame: url(/original/ui/p1/rarity_2.png)}[data-rarity="3"]{--slot-frame: url(/original/ui/p1/rarity_3.png)}[data-rarity="4"]{--slot-frame: url(/original/ui/p1/rarity_4.png)}[data-rarity="5"]{--slot-frame: url(/original/ui/p1/rarity_5.png)}#invwrap .slot{width:38px;height:38px}.slot.filled,.dslot.filled{background:#101b1f}.slot .pic-ic{transform:scale(.84)}.slot .hk{left:-3px;top:-3px;z-index:1;font-size:8px;color:#d4c4a1;text-shadow:0 0 3px #000}.slot .ch{right:-2px;bottom:-3px;z-index:1;font-size:10px}.slot.fsel,.dslot.over,.slot.over{outline:2px solid #d5b875;outline-offset:0;box-shadow:0 0 9px #d5b87566}#buttons{grid-template-columns:repeat(2,32px);gap:4px;flex:0 0 68px}.hb{width:32px;height:24px;border:3px solid transparent;border-image:url(/original/ui/p1/slot.png) 22 fill / 3px stretch;border-radius:0;background:#111e22;line-height:1}.hb .ui-glyph{width:20px;height:20px;filter:brightness(1.6) saturate(.7)}.hb:hover{filter:brightness(1.3)}.hb .dot{width:7px;height:7px;right:-4px;top:-4px}#buffs{bottom:calc(166px * var(--hud-scale))}#log{bottom:calc(176px * var(--hud-scale))}#chat{bottom:calc(156px * var(--hud-scale))}#rolls{bottom:calc(172px * var(--hud-scale))}#panel{padding:8px 0 calc(172px * var(--hud-scale))}#panel .pwin{max-height:calc(100vh - 184px * var(--hud-scale))}#mm{border:12px solid transparent;border-image:url(/original/ui/p1/minimap.png) 144 128 128 128 / 12px stretch;border-radius:0;width:228px;height:206px;background:#050b10}#topright{width:228px}#bigmap canvas{border:12px solid transparent;border-image:url(/original/ui/p1/minimap.png) 144 128 128 128 / 12px stretch;border-radius:0}.pwin.equip{width:min(780px,96vw)}.doll-wrap{gap:20px;flex-wrap:nowrap}.doll{position:relative;display:block;flex:0 0 330px;width:330px;height:382px;padding:0;border:1px solid #53615c;border-radius:0;background:radial-gradient(ellipse at 50% 44%,#25393b,#0b151b 73%);overflow:hidden}.doll-figure{position:absolute;left:49px;top:11px;width:232px;height:316px;object-fit:contain;opacity:.26;filter:grayscale(.7);pointer-events:none}.doll .dslot{position:absolute;left:var(--slot-x);top:var(--slot-y);width:56px;height:56px;border-width:4px;border-image-width:4px;background:#101b20dc}.dslot .slot-backplate{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;width:56px;height:56px;opacity:.7;filter:grayscale(1);object-fit:contain;pointer-events:none}.dslot small{position:absolute;bottom:1px;left:-2px;right:-2px;font-size:9px;line-height:1;color:#c5c8b2;text-shadow:0 1px 2px #000}.dslot .pic-ic{transform:scale(.93)}.doll-sum{min-width:150px;font-size:12px}.doll-sum .h3{margin-top:4px}.tal-tier{grid-template-columns:60px 1fr 1fr}@media(max-width:1100px){#bottom{transform:translate(-50%) scale(var(--hud-scale))}}@media(max-width:760px){.doll-wrap{flex-wrap:wrap;justify-content:center}.doll-sum{flex:1 0 100%}.stats-grid{grid-template-columns:1fr}#topright{transform:scale(.75);transform-origin:top right}.brand-logo{max-height:23vh}.hgrid{grid-template-columns:repeat(4,1fr)}.lobby{padding:12px}}@media(max-height:800px){.brand-logo{max-height:18vh}.menu:not(.pwin){gap:10px;padding-top:12px}.card{padding:6px 12px}.btn.big{min-height:42px;padding:2px 8px;font-size:16px;margin:4px 0}}@media(prefers-reduced-motion:reduce){.globe .gf,.btn{transition:none}.ab .learn{animation:none}}