:root{--bg: #070505;--panel: #15100d;--panel-2: #1f1813;--border: #4a3a26;--border-dark: #1a120c;--text: #d8c9a3;--muted: #8a7b62;--accent: #b3121b;--gold: #c9a55a;--hp: #a01010;--xp: #8a6a2a;--title: "Cinzel Decorative", "Cinzel", Georgia, serif;--font: "Cinzel", Georgia, serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font)}#game,#game canvas{position:fixed;inset:0}.hidden{display:none!important}.panel,#inventory,.panel-win,.skill,.xpbar,#minimap,.bag-btn,.toast,#tooltip{border:2px solid var(--border);box-shadow:0 0 0 2px var(--border-dark),inset 0 0 12px #000c}.screen{position:fixed;inset:0;display:grid;place-items:center;padding:16px;background:radial-gradient(ellipse at 50% 110%,rgba(200,40,10,.35),transparent 55%),radial-gradient(circle at 50% 35%,rgba(90,10,10,.25),transparent 60%),var(--bg);z-index:10}.panel{width:min(440px,100%);background:linear-gradient(180deg,var(--panel-2),var(--panel));padding:28px 24px;text-align:center}.title{font-family:var(--title);font-weight:900;font-size:56px;line-height:1.1;margin:0 0 10px;color:#d0302a;text-shadow:0 0 22px rgba(201,165,90,.45),0 0 8px rgba(179,18,27,.9),3px 3px 0 #000;letter-spacing:8px}.title span{color:#d0202a}.subtitle{color:var(--muted);margin:0 0 22px;font-size:14px;font-style:italic}form,#continue-box{display:flex;flex-direction:column;gap:10px;text-align:left}#continue-box{margin-bottom:18px}label{font-size:12px;font-weight:700;color:var(--muted);margin-top:6px;letter-spacing:1px;text-transform:uppercase}input{font:16px var(--font);padding:10px 12px;background:#0a0706;color:var(--text);border:2px solid var(--border);outline:none}input:focus{border-color:var(--gold)}#colors{display:flex;gap:10px;justify-content:space-between}.color-opt{flex:1;padding:6px 0 4px;background:#0a0706;border:2px solid var(--border);cursor:pointer;display:grid;place-items:center}.color-opt canvas{image-rendering:pixelated;width:64px;height:64px}#classes{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.class-opt{padding:4px 2px 6px;background:#0a0706;border:2px solid var(--border);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;font:700 11px var(--font);color:var(--muted)}.class-opt canvas{width:56px;height:56px}.class-opt.selected{border-color:var(--gold);color:var(--gold);background:#241a12;box-shadow:0 0 10px #c9a55a59}#class-desc{font-size:11px;color:var(--muted);margin:2px 0 4px;line-height:1.4;min-height:3em}.panel{width:min(480px,100%);max-height:calc(100vh - 32px);overflow:auto}.color-opt.selected{border-color:var(--gold);background:#241a12;box-shadow:0 0 10px #c9a55a59}.btn{font-family:var(--font);font-weight:700;font-size:15px;letter-spacing:2px;padding:13px;cursor:pointer;margin-top:8px}.btn.primary{background:linear-gradient(180deg,#7a1014,#4a080b);color:var(--gold);border:2px solid #8a6a3a;text-shadow:1px 1px 0 #000}.btn.primary:hover{background:linear-gradient(180deg,#8f161b,#5a0a0e)}.btn.primary:active{transform:translateY(1px)}.btn.primary:disabled{opacity:.6;cursor:wait}.btn.ghost{background:transparent;color:var(--muted);border:2px solid var(--border)}.error{color:#e05050;min-height:1em;font-size:13px;margin:12px 0 0}.controls{color:var(--muted);font-size:12px;margin:10px 0 0}#hud{position:fixed;inset:0;pointer-events:none;font-family:var(--font);z-index:5}#hud.hurt{animation:hurt .35s ease-out}@keyframes hurt{0%{box-shadow:inset 0 0 140px #a0000099}to{box-shadow:inset 0 0 0 transparent}}.hud-top-left{position:absolute;top:14px;left:16px;text-shadow:2px 2px 2px #000}#hud-name{font-size:18px;font-weight:700;color:var(--gold);margin-bottom:4px}#hud-level{font-size:12px;color:var(--text)}.hud-top-right{position:absolute;top:14px;right:16px;text-align:right;text-shadow:2px 2px 2px #000}#hud-zone{font-size:14px;font-weight:700;color:#d06040;margin-bottom:8px}#minimap{width:180px;height:180px;image-rendering:pixelated;opacity:.85}#hud-online{font-size:11px;color:var(--muted);margin-top:6px}.hud-bottom{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;align-items:flex-end;gap:14px;width:min(760px,calc(100vw - 260px))}.orb{position:relative;flex:none;width:96px;height:96px;border-radius:50%;background:#1a0505;border:4px solid #2a1f14;box-shadow:0 0 0 3px #6a5232,0 0 0 5px #120c08,inset 0 0 18px #000;overflow:hidden}.orb-fill{position:absolute;left:0;right:0;bottom:0;height:100%;background:radial-gradient(circle at 35% 28%,#ff5a4a,var(--hp) 40%,#3a0303);transition:height .15s linear}#hp-text{position:absolute;inset:0;display:grid;place-items:center;font-size:13px;font-weight:700;color:#f0e0c0;text-shadow:1px 1px 2px #000}.bar-col{flex:1;display:flex;flex-direction:column;gap:8px}.skills{display:flex;gap:8px}.skill{position:relative;flex:1;height:54px;background:linear-gradient(180deg,#1f1813,#0e0a08);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;overflow:hidden}.skill .key{font-size:14px;font-weight:700;color:var(--gold)}.skill .sname{font-size:9px;color:var(--muted);text-align:center;padding:0 3px;line-height:1.1}.skill{height:64px;justify-content:flex-end;padding-bottom:3px}.skill .ico{position:absolute;inset:0;background:center 40% / auto 78% no-repeat;opacity:.95;pointer-events:none}.skill .key{position:absolute;top:2px;left:5px;font-size:13px;text-shadow:0 0 3px #000,1px 1px 0 #000;z-index:1}.skill .sname{position:relative;z-index:1;color:#f0e2c0;text-shadow:0 0 3px #000,1px 1px 0 #000,-1px -1px 0 #000}.skill .cd,.skill .lock{z-index:2}.skill.ult{border-color:#8a1c1c;box-shadow:0 0 0 2px var(--border-dark),0 0 10px #ff3c1459,inset 0 0 12px #000c}.skill.ult .key{color:#ff6a3a}#hud-skillbuffs{margin-top:6px;display:flex;flex-direction:column;gap:4px;max-width:290px}.oly-win{width:min(860px,calc(100vw - 32px));max-height:calc(100vh - 100px)}.oly-body{overflow-y:auto;max-height:calc(100vh - 170px);padding:4px 14px 14px;display:flex;flex-direction:column;gap:8px}.oly-body .hint.gold{color:#ffd76a}.oly-status{padding:8px 10px;border:1px solid #6a5a3a;background:#1e160ab3;display:grid;gap:3px;font-weight:700}.oly-actions{display:flex;gap:10px}.oly-actions .d-btn{width:auto;flex:1}.oly-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.oly-class{border:1px solid #3d3732;background:#0a0706;padding:6px 8px;font-size:11px;display:grid;gap:2px}.oly-cname{font-weight:700;color:#e8d8b0;font-size:12px}.oly-hero{color:#ffd23f;font-weight:700;text-shadow:0 0 6px rgba(255,200,60,.6)}.oly-hero.none{color:#6a5a48;text-shadow:none}.oly-row{color:var(--muted)}@media(max-width:700px){.oly-grid{grid-template-columns:repeat(2,1fr)}}.castle-win{width:min(940px,calc(100vw - 32px));max-height:calc(100vh - 100px)}.castle-row{flex-wrap:wrap;border-color:#4a3a5a}.castle-owner{font-size:11px;color:#ffd76a;min-width:200px}.castle-siege{font-size:11px;color:#c8b8e8}.castle-siege.on{color:#ff6a5a;font-weight:700}.skill.hero-skill{white-space:pre;font-weight:900;color:#3a2200;background:radial-gradient(circle at 50% 35%,#ffe68a,#d09a20 70%);border-color:#ffe080;box-shadow:0 0 12px #ffc83ccc}.skill.hero-skill.cooling{filter:grayscale(.7) brightness(.7);box-shadow:none}.buff-chip{position:relative;padding:4px 8px 6px;background:#080604d1;border:1px solid;border-left-width:3px;box-shadow:0 0 8px #000c;overflow:hidden}.buff-chip b{display:block;font-size:11px;letter-spacing:1px;text-shadow:1px 1px 2px #000}.buff-chip span{display:block;font-size:10px;color:#f0e2c0;margin-top:1px}.buff-chip i{position:absolute;left:0;bottom:0;height:2px;opacity:.9;transition:width .9s linear}.skill .cd{position:absolute;left:0;right:0;bottom:0;height:0;background:#000000b3}.skill .lock{display:none}.skill.locked .lock{display:grid;place-items:center;position:absolute;inset:0;background:#000c;font-size:12px;color:var(--muted)}.xpbar{position:relative;height:14px;background:#0a0706}#xp-fill{height:100%;width:0;background:linear-gradient(90deg,#5a4416,#c9a55a);transition:width .25s}#xp-text{position:absolute;inset:0;display:grid;place-items:center;font-size:10px;font-weight:700;text-shadow:1px 1px 1px #000}#toasts{position:absolute;top:9%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}.toast{font-size:15px;font-weight:700;padding:8px 16px;background:#0a0706e0;text-shadow:1px 1px 2px #000;animation:pop .25s ease-out;transition:opacity .5s,transform .5s}.toast.level{color:var(--gold);border-color:var(--gold);font-size:18px}.toast.zone{color:#d06040;font-size:18px}.toast.safe{color:#a0c080}.toast.warn{color:#e05050}.toast.out{opacity:0;transform:translateY(-10px)}@keyframes pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}#death,#disconnected{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#3c000059,#000000bf)}#death h2,#disconnected h2{font-family:var(--title);font-size:64px;color:#b3121b;margin:0 0 12px;text-shadow:0 0 24px rgba(179,18,27,.8),3px 3px 0 #000}#disconnected{background:#000c;pointer-events:auto}#disconnected h2{font-size:28px;color:var(--text)}#death p,#disconnected p{font-size:14px}#boss-bar{position:absolute;top:14px;left:50%;transform:translate(-50%);width:min(460px,calc(100vw - 380px));min-width:220px;text-align:center}#boss-name{font-family:var(--title);font-weight:900;font-size:17px;color:#ff5a3a;text-shadow:0 0 10px rgba(179,18,27,.8),2px 2px 0 #000;margin-bottom:4px}.boss-track{height:14px;background:#120404;border:2px solid var(--border);box-shadow:0 0 0 2px var(--border-dark),inset 0 0 8px #000}#boss-fill{height:100%;width:100%;background:linear-gradient(180deg,#d02020,#6a0808);transition:width .15s}#hud-buffs{margin-top:10px;padding:6px 10px;font-size:12px;font-weight:700;color:#ffe8a0;background:#3c321473;border:1px solid rgba(255,232,160,.5);box-shadow:0 0 12px #ffe8a040}#hud-buffs span{display:block;font-size:10px;font-weight:400;color:#e8d8a8;margin-top:2px}#hud-gold{font-size:12px;color:var(--gold);margin-top:6px}#hud-holder{font-size:12px;font-weight:700;margin-top:6px;text-shadow:0 0 8px rgba(0,0,0,.9)}.inv-cell.hidden{display:none}.holder-title{margin-top:16px!important}#holder-status{font-size:12px;margin-bottom:6px}#holder-status b{font-size:14px}#holder-table{width:100%;border-collapse:collapse;font-size:10px}#holder-table th{text-align:left;color:var(--muted);font-weight:400;padding:2px 4px;border-bottom:1px solid var(--border)}#holder-table td{padding:3px 4px;border-bottom:1px solid #1e160f}#holder-table tr.cur td{background:#c9a55a24}#rank-table .tier{margin-left:4px;font-size:11px}.menu-btns{position:absolute;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;pointer-events:auto}.bag-btn{pointer-events:auto;font-family:var(--font);font-weight:700;font-size:13px;padding:10px 14px;color:var(--gold);background:linear-gradient(180deg,#1f1813,#0e0a08);cursor:pointer}.bag-btn:hover{border-color:var(--gold)}#inventory,.panel-win{position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);width:min(640px,calc(100vw - 32px));max-height:calc(100vh - 140px);overflow:auto;pointer-events:auto;background:linear-gradient(180deg,#1f1813fa,#0e0a08fa)}.inv-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;font-family:var(--title);font-size:18px;color:var(--gold);border-bottom:2px solid var(--border)}.inv-header button{font-family:var(--font);font-size:12px;background:none;border:2px solid var(--border);color:var(--muted);padding:2px 8px;cursor:pointer}.inv-body{display:flex;gap:18px;padding:14px}.inv-body.hidden{display:none}.inv-tabs{display:flex;gap:6px;margin-left:18px;margin-right:auto}.inv-header .inv-tab{font-size:13px;letter-spacing:1px;text-transform:uppercase}.inv-header .inv-tab.on{color:var(--gold);border-color:var(--gold);background:#c9a55a1f}#inv-skills{padding:12px 14px 14px;max-height:min(640px,calc(100vh - 160px));overflow-y:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}#inv-skills.hidden{display:none}.sk-intro{grid-column:1 / -1;margin:0 0 2px;color:var(--muted);font-size:12px}.sk-card{display:flex;gap:10px;padding:8px;border:1px solid #3d3732;background:#0a0706d9}.sk-card.ult{border-color:#8a1c1c}.sk-card.high{border-color:#6a3aa8}.sk-card.locked{opacity:.6}.sk-ico{width:56px;height:56px;flex:none;border:1px solid #5a4a30;box-shadow:inset 0 0 8px #000}.sk-body{min-width:0;font-size:12px}.sk-title{display:flex;justify-content:space-between;gap:8px;color:#f0e2c0;font-size:14px}.sk-key{color:var(--gold);font-weight:700;border:1px solid #5a4a30;padding:0 6px;font-size:11px;height:fit-content}.sk-meta{color:var(--muted);font-size:11px;margin:2px 0 4px}.sk-desc{color:#d8c8a8;margin-bottom:4px}.sk-body ul{margin:0;padding-left:16px;color:#ffd76a}@media(max-width:760px){#inv-skills{grid-template-columns:1fr}}.inv-left{flex:none;width:170px}.equip-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.eq-slot{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}.eq-slot span{font-size:10px;color:var(--muted)}#inv-stats{display:flex;flex-direction:column;gap:5px;font-size:12px}.stat-row{display:flex;justify-content:space-between;color:var(--muted)}.stat-row b{color:var(--text)}.inv-right{flex:1;min-width:0}#inv-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.inv-cell{aspect-ratio:1;width:100%;min-width:44px;background:#0a0706;border:2px solid #2e2418;box-shadow:inset 0 0 8px #000;display:grid;place-items:center}.eq-slot .inv-cell{width:56px}.inv-cell.filled{cursor:pointer;background:#17110c}.inv-cell.filled:hover{background:#241a12}.inv-cell img{width:92%;image-rendering:auto;pointer-events:none}.inv-footer{display:flex;justify-content:space-between;gap:10px;margin-top:10px;font-size:11px}#inv-gold{color:var(--gold);font-weight:700}.inv-hint{color:var(--muted)}#tooltip{position:fixed;z-index:20;display:flex;gap:14px;align-items:flex-start;max-width:560px;padding:10px 14px;background:#060403f5;font-size:12px;line-height:1.6;text-align:center;pointer-events:none}.tip-name{font-size:15px;font-weight:700;margin-bottom:2px}.tip-sub{color:var(--muted);margin-bottom:6px;font-size:11px}.tip-stat{color:#7a7aff}.tip-stat .up{color:#60d060}.tip-stat .down{color:#e05050}.tip-cmp,.tip-value{color:var(--muted);margin-top:6px}.tip-hint{color:#5e523e;margin-top:4px;font-size:11px}#tooltip.hidden{display:none}.tip-item{width:250px}.tip-item+.tip-item{border-left:1px solid #3a2e20;padding-left:14px;opacity:.85}.tip-title{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.tip-cr{font-weight:700;margin-bottom:6px;color:var(--muted)}.tip-cr.up{color:#60d060}.tip-cr.down{color:#e05050}.tip-set{color:#3ce03c;margin-top:6px;font-weight:700}.tip-setb{color:#4a5e4a;font-size:11px}.tip-setb.on{color:#3ce03c}.inv-cell{position:relative}.cmp{position:absolute;top:1px;right:3px;font-size:12px;font-weight:700;text-shadow:0 0 3px #000,0 0 3px #000;pointer-events:none}.cmp.up,.inv-hint .up{color:#50e050}.cmp.down,.inv-hint .down{color:#e04848}.inv-hint{font-size:11px;margin-top:6px}.stat-row.cr{color:var(--gold);font-weight:700;border-bottom:1px solid #3a2e20;padding-bottom:4px}.stat-row.cr b{color:#ffd76a;font-size:14px}#inventory{position:absolute}#sellall-modal{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(320px,calc(100% - 32px));padding:16px;background:#0a0705fa;border:2px solid var(--gold);box-shadow:0 0 30px #000;font-size:12px;text-align:center}#sellall-modal h4{margin:0 0 8px;color:var(--gold);font-family:var(--title)}#sellall-list{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:10px auto;width:fit-content}#sellall-modal .row{display:flex;gap:8px;justify-content:center}.toast.loot-set{color:#3ce03c;border-color:#2a8a2a;font-size:16px}.toast.loot-common{color:#e0e0e0}.toast.loot-rare{color:#7a7aff;border-color:#4a4aa0}.toast.loot-epic{color:#ff4de8;border-color:#c02aa8;font-size:15px;text-shadow:0 0 8px rgba(255,77,232,.7)}.toast.loot-legendary{color:#c9a55a;border-color:#c9a55a;font-size:18px}.toast.loot-gold{color:var(--gold);font-size:13px}.orb.mana .orb-fill{background:radial-gradient(circle at 35% 28%,#6a8aff,#1a3aa0 40%,#050a3a)}.orb.mana{background:#05051a}#mp-text{position:absolute;inset:0;display:grid;place-items:center;font-size:13px;font-weight:700;color:#d8e0ff;text-shadow:1px 1px 2px #000}.points-btn{margin-top:8px;pointer-events:auto;font-family:var(--font);font-weight:700;font-size:12px;color:#ffe8a0;background:#5a140abf;border:1px solid #c9a55a;padding:5px 10px;cursor:pointer;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 14px #ffc85a99}}.panel-win{width:min(680px,calc(100vw - 32px))}.char-body,.rank-body{padding:14px 16px}.char-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:14px}#char-name{font-family:var(--title);font-size:20px;color:var(--gold)}#char-level{font-size:12px;color:var(--muted)}#char-points{font-size:13px;font-weight:700;color:#ffe8a0}.char-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}.attr-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:8px 10px;margin-bottom:8px;background:#00000059;border:1px solid #2e2418}.attr-row .an{font-size:14px;font-weight:700;color:var(--gold)}.attr-row .ah{grid-column:1 / -1;font-size:10px;color:var(--muted)}.attr-row .av{font-size:16px;font-weight:700}.attr-row .av small{font-size:11px;color:#7a7aff;margin-left:3px}.attr-row button{width:26px;height:26px;font:700 16px var(--font);color:#ffe8a0;background:#5a1010;border:1px solid #c9a55a;cursor:pointer}.attr-row button:disabled{opacity:.25;cursor:default}#char-stats{font-size:12px}#char-stats h5{margin:10px 0 4px;font-size:11px;color:#d06040;text-transform:uppercase;letter-spacing:1px}#char-stats h5:first-child{margin-top:0}.rank-body{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}#rank-table{width:100%;border-collapse:collapse;font-size:12px}#rank-table th{text-align:left;color:var(--muted);font-size:10px;text-transform:uppercase;padding:4px 6px;border-bottom:1px solid var(--border)}#rank-table td{padding:5px 6px;border-bottom:1px solid #1e160f}#rank-table tr.me td{color:#ffe8a0;background:#c9a55a1f}#rank-table tr:nth-child(1) td:first-child{color:#ffd23f}#rank-table .wl{color:#9a7aff;font-size:10px;margin-left:4px}.rank-main{max-height:52vh;overflow:auto}.char-respec{display:flex;align-items:center;gap:10px;margin-top:14px;padding-top:10px;border-top:1px solid var(--border)}.char-respec span{font-size:11px;color:var(--muted)}#char-respec.armed,#treepanel .tree-bar .btn.armed{color:#ffd0a0;border-color:#ff7a3a;box-shadow:0 0 10px #ff6e2880}.bag-btn.tree-btn.glow{color:#ffe8a0;border-color:#ffb040;box-shadow:0 0 0 2px var(--border-dark),0 0 12px #ffaa3299;animation:tree-glow 1.6s ease-in-out infinite}@keyframes tree-glow{50%{box-shadow:0 0 0 2px var(--border-dark),0 0 20px #ffbe46e6}}#treepanel{width:min(980px,calc(100vw - 32px))}.tree-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px 0;font-size:12px;color:var(--muted)}.tree-pts b{font-size:18px;color:#ffd060;margin-right:2px}.tree-body{display:grid;grid-template-columns:250px minmax(0,1fr);gap:16px;padding:12px 16px 16px}.tree-list{display:flex;flex-direction:column;gap:6px}.tree-skill{display:flex;gap:8px;align-items:center;text-align:left;padding:6px 8px;background:#140e0acc;border:1px solid #3a2c1e;color:var(--text);cursor:pointer;font-family:var(--font)}.tree-skill:hover{border-color:#7a5a30}.tree-skill.on{border-color:#c9a55a;background:#4632148c;box-shadow:inset 0 0 10px #c9a55a40}.tree-skill.legend .ico{box-shadow:0 0 10px #ffb030;border-color:#ffb030}.tree-skill .txt{display:flex;flex-direction:column;flex:1;min-width:0}.tree-skill b{font-size:12px;color:var(--gold)}.tree-skill small{font-size:10px;color:var(--muted)}.tree-mini{display:block;height:4px;margin-top:4px;background:#1a120c;border:1px solid #3a2c1e}.tree-mini>span{display:block;height:100%;background:linear-gradient(90deg,#a06a20,#ffd060)}#treepanel .ico{flex:none;width:34px;height:34px;background-size:cover;border:1px solid #6a5030}#treepanel .ico.big{width:64px;height:64px;border:2px solid #c9a55a}.tree-head{display:flex;gap:14px;align-items:flex-start}.tree-head h4{margin:0;font-family:var(--title);color:var(--gold);font-size:20px}.tree-kind{font-size:11px;color:#c08a50;text-transform:uppercase;letter-spacing:1px}.tree-desc{margin:4px 0;font-size:12px}.tree-now{font-size:11px;color:#9ad0ff}.tree-nodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 6px;position:relative}.tree-node{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding:10px 8px;background:#100b08d9;border:1px solid #3a2c1e;position:relative}.tree-node:after{content:"";position:absolute;left:50%;bottom:-14px;width:2px;height:14px;background:#4a3a24}.tree-node.some:after,.tree-node.max:after{background:#c9a55a}.tree-node .ring{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;font-size:22px;color:#7a6a50;border:2px solid #4a3a24;background:radial-gradient(circle,#241a10,#0c0806)}.tree-node.some .ring{color:#ffd88a;border-color:#c9a55a;box-shadow:0 0 10px #c9a55a73}.tree-node.max .ring{color:#fff2c0;border-color:#ffb030;box-shadow:0 0 16px #ffb030cc}.tree-node b{font-size:13px;color:var(--gold)}.tree-node .cnt{font-size:12px;color:#ffe8a0;font-weight:700}.tree-node .bonus{font-size:11px;color:var(--muted);min-height:28px}.tree-node .btn{min-width:64px;font-size:16px;padding:2px 10px}.tree-gate{margin-top:14px;padding:10px;border:1px solid #5a3a1a;background:linear-gradient(180deg,#3c1e0a59,#0a060499)}.tree-gate-title{font-family:var(--title);color:#ffb050;text-align:center;font-size:14px}.tree-prog{height:6px;margin:6px 0 10px;background:#1a0e06;border:1px solid #5a3a1a}.tree-prog>div{height:100%;background:linear-gradient(90deg,#a04010,#ffb030);box-shadow:0 0 8px #ff8a20}.tree-sups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tree-sup{display:flex;flex-direction:column;gap:4px;text-align:left;padding:9px 10px;background:#0e0906e6;border:1px solid #4a3020;color:var(--text);font-family:var(--font);font-size:11px;cursor:default}.tree-sup b{font-size:13px;color:#ffb050}.tree-sup.locked{opacity:.55}.tree-sup.ready{cursor:pointer;border-color:#ff9a30;box-shadow:0 0 12px #ff8c2873}.tree-sup.ready:hover{background:#3c1e0ae6}.tree-sup.chosen{border-color:#ffd060;background:#50320abf;box-shadow:0 0 18px #ffc850b3}.tree-sup.chosen b{color:#fff0b0}.tree-sup.other{opacity:.35}.tree-hint{font-size:11px;color:var(--muted);margin:10px 0 0}.tree-locked{font-size:13px;padding:20px;text-align:center}@media(max-width:640px){.tree-body{grid-template-columns:1fr}.tree-list{flex-direction:row;overflow-x:auto}.tree-skill{min-width:150px}}#rankpanel{overflow-x:hidden;width:min(1280px,calc(100vw - 32px));min-width:min(520px,calc(100vw - 32px));min-height:300px;max-width:calc(100vw - 16px);max-height:calc(100vh - 60px);resize:both}#rankpanel:not(.hidden){display:flex;flex-direction:column}#rank-table .rank-wallet{white-space:nowrap;font-size:11px}#rank-table .rank-wallet a{color:#9ab8ff;text-decoration:none}#rank-table .rank-wallet a:hover{color:#d0e0ff;text-decoration:underline}#rank-table .rank-wallet a.gmgn{margin-left:6px;padding:0 4px;border:1px solid rgba(154,184,255,.4);border-radius:3px;font-size:9px;letter-spacing:.5px}#rankpanel .rank-body{flex:1;min-height:0;grid-template-columns:minmax(0,2.3fr) minmax(240px,1fr)}#rankpanel .rank-main{max-height:none;min-height:0}#rankpanel .rank-side{min-width:0;overflow-x:auto}#rankpanel.big{width:calc(100vw - 32px);height:calc(100vh - 80px);transform:translate(-50%,-50%)}#rank-table td{white-space:nowrap}#rank-table td:nth-child(2){white-space:normal;overflow-wrap:anywhere;min-width:140px}.rank-tools{display:flex;gap:6px}#rank-mine{margin-top:8px;font-size:12px;color:#ffe8a0}.rank-side h4{margin:0 0 8px;font-family:var(--title);color:var(--gold)}.rank-side label{display:block;margin:10px 0 4px;font-size:11px}.rank-side .row{display:flex;gap:6px}.rank-side input[type=text],.rank-side #nick-input{flex:1;min-width:0;font-size:14px;padding:6px 8px}#wallet-status{font-size:12px;color:var(--text);margin-bottom:6px;word-break:break-all}.rank-side .check{display:flex;gap:6px;align-items:flex-start;text-transform:none;letter-spacing:0;font-weight:400;color:var(--text);font-size:12px}.rank-side .hint{font-size:10px;color:var(--muted)}.btn.small{font-size:12px;padding:7px 10px;margin-top:0;letter-spacing:1px}.btn.wallet{width:100%;background:linear-gradient(180deg,#4a2a8a,#2a1658);color:#e8dcff;border:2px solid #8a6ad8}.btn.wallet:hover{background:linear-gradient(180deg,#5a36a0,#341c6a)}.or-sep{display:flex;align-items:center;gap:10px;margin:16px 0 6px;color:var(--muted);font-size:12px}.or-sep:before,.or-sep:after{content:"";flex:1;height:1px;background:var(--border)}.wallet-note{font-size:11px;color:var(--muted);margin:6px 0 0}#hud-diff{font-family:var(--title);font-size:15px;font-weight:900;margin-bottom:2px;text-shadow:0 0 8px rgba(0,0,0,.9),2px 2px 0 #000}.diff-body{padding:12px 16px;max-height:64vh;overflow:auto}#diff-hint{margin:0 0 10px;font-size:12px;color:var(--muted)}.diff-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:8px 10px;margin-bottom:6px;background:#00000059;border:1px solid #2e2418}.diff-row.current{border-color:var(--gold);background:#c9a55a1a}.diff-row.locked{opacity:.45}.diff-row.uber{border-color:#8a1010;background:linear-gradient(90deg,#78000059,#00000059)}.diff-name{font-family:var(--title);font-weight:900;font-size:15px}.diff-info{font-size:10px;color:var(--muted);margin-top:2px}.diff-req{font-size:11px;color:var(--text);white-space:nowrap}.diff-row .btn{white-space:nowrap}.diff-row .btn:disabled{opacity:.5;cursor:default}@media(max-width:640px){.char-cols,.rank-body,#rankpanel .rank-body{grid-template-columns:1fr}}@media(max-width:640px){.title{font-size:40px;letter-spacing:5px}.orb{width:72px;height:72px}.skill .sname{display:none}#minimap{width:120px;height:120px}.inv-body{flex-direction:column}.inv-left{width:100%}.equip-grid{grid-template-columns:repeat(3,1fr)}#inv-grid{grid-template-columns:repeat(4,1fr)}.bag-btn{bottom:auto;top:170px}}#lootfeed{position:absolute;left:16px;bottom:150px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;pointer-events:none;max-width:320px}.loot-line{font-size:12px;font-weight:700;padding:2px 8px;background:#080503b3;border-left:3px solid #5e523e;color:#e0e0e0;text-shadow:1px 1px 0 #000;transition:opacity .7s}.loot-line.out{opacity:0}.loot-line.gold{color:#ffd23f;border-color:#a8862a}.loot-line.warn{color:#ff7a5a;border-color:#a83a2a}.loot-line.loot-rare{color:#7a7aff;border-color:#4a4aa0}.loot-line.loot-epic{color:#ff4de8;border-color:#c02aa8;text-shadow:0 0 6px rgba(255,77,232,.6)}.loot-line.loot-set{color:#3ce03c;border-color:#2a8a2a}.loot-line.loot-legendary{color:#c9a55a;border-color:#c9a55a}.diff-body h4{margin:8px 0 6px;color:var(--gold);font-family:var(--title)}#dialog{width:min(520px,calc(100vw - 32px))}#dialog-text{padding:14px 18px;font-size:13px;line-height:1.6;color:var(--text)}#dialog-text p{margin:0 0 8px}.dialog-hint{color:var(--gold);font-weight:700}#shoppanel{width:min(560px,calc(100vw - 32px))}.shop-body{padding:12px 14px}#shop-list{display:flex;flex-direction:column;gap:6px}.shop-row{display:grid;grid-template-columns:48px 1fr auto auto;gap:10px;align-items:center;padding:4px;border:1px solid #2e2418;background:#0a070599}.shop-row:hover{border-color:var(--gold)}.shop-row .inv-cell{width:44px;min-width:44px}.shop-name{font-weight:700;font-size:13px}.shop-type{font-size:11px;color:var(--muted)}.shop-price{font-weight:700;color:var(--gold);font-size:12px;white-space:nowrap}.shop-price.poor{color:#a04a3a}#login.screen{display:block;padding:0;overflow:hidden;background:#050302}#login-stage{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:max(100vw,148.67vh);aspect-ratio:1115 / 750;background:url(/assets/ui/login_bg.jpg?v=20) center / 100% 100% no-repeat}#login-stage .title{display:none}#login-stage{container-type:inline-size}.title-sub{position:absolute;left:50%;top:44.2%;transform:translate(-50%);padding-left:.9em;font:900 2.1cqw var(--title, Cinzel),serif;letter-spacing:.9em;color:#ffb060;text-shadow:0 0 14px rgba(255,90,20,.9),0 0 4px #000,2px 2px 0 #000;pointer-events:none;white-space:nowrap}.d-panel{position:absolute;left:50%;top:48.6%;transform:translate(-50%);width:32%;min-width:320px;min-height:40%;display:flex;flex-direction:column;gap:10px;padding:22px 26px;background:linear-gradient(180deg,#0e0b09f0,#060403f5);border:3px solid #3d3732;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #6a5f52,inset 0 0 40px #000000e6,0 14px 50px #000000d9;text-align:left}.d-panel:before{content:"";position:absolute;inset:5px;border:1px solid rgba(201,165,90,.22);pointer-events:none}.d-panel:after{content:"";position:absolute;inset:-3px;pointer-events:none;background:radial-gradient(circle,#8a7a62 0 3px,transparent 4px) top left / 14px 14px no-repeat,radial-gradient(circle,#8a7a62 0 3px,transparent 4px) top right / 14px 14px no-repeat,radial-gradient(circle,#8a7a62 0 3px,transparent 4px) bottom left / 14px 14px no-repeat,radial-gradient(circle,#8a7a62 0 3px,transparent 4px) bottom right / 14px 14px no-repeat}.d-panel.wide{width:44%;min-width:440px;top:46.5%;min-height:0;max-height:51%;overflow-y:auto;gap:8px}#create-form #colors .color-opt canvas{width:38px;height:38px}#create-form #colors{justify-content:flex-start}#create-form.d-panel.wide{top:auto;bottom:2vh;width:min(1100px,95vw);min-width:0;max-height:92vh;overflow-x:hidden;padding:20px 24px}.create-cols{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(0,1.15fr);gap:22px;align-items:start}.create-left{display:flex;flex-direction:column;gap:9px}#create-form #classes{grid-template-columns:repeat(4,1fr);gap:6px}#create-form .class-opt{padding:6px 3px 7px}#create-form #classes .class-opt canvas{width:72px;height:72px}.class-opt-name{font-size:12px;letter-spacing:1px}.class-opt-role{font:400 9px var(--font);color:#8a7a62;text-align:center;line-height:1.2;min-height:2.4em}.class-opt.selected .class-opt-role{color:#c9a55a}#class-card{background:#050403b3;border:1px solid #3d3732;box-shadow:inset 0 0 24px #000;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.cc-head{display:flex;gap:16px;align-items:center}.cc-portrait{flex:none;width:132px;height:132px;display:grid;place-items:center;border:2px solid #8a6a3a;background:radial-gradient(circle at 50% 60%,#ff781e47,#000000e6 70%);box-shadow:0 0 18px #ff6e144d,inset 0 0 20px #000}.cc-portrait canvas{width:128px;height:128px}.cc-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.cc-name{font:900 26px var(--title, var(--font));color:#ffc070;letter-spacing:3px;text-shadow:0 0 10px rgba(255,110,20,.5),2px 2px 0 #000}.cc-role{font:italic 700 13px var(--font);color:#c9a55a;margin-bottom:4px}.cc-ratings{display:grid;gap:3px}.cc-rating{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.cc-rlabel{width:92px}.cc-pips{display:flex;gap:3px}.cc-pips i{width:16px;height:8px;background:#241e19;border:1px solid #3d3732}.cc-pips i.on{background:linear-gradient(180deg,#ffb050,#c0501a);border-color:#ff9a40;box-shadow:0 0 5px #ff822880}.cc-lore{margin:2px 0;font-size:13px;line-height:1.5;color:#e0d2b0}.cc-sub{font:700 11px var(--font);color:#c9a55a;letter-spacing:3px;text-transform:uppercase;border-bottom:1px solid #3d3732;padding-bottom:2px}.cc-tips{margin:0;padding-left:18px;font-size:12px;line-height:1.5;color:#d8c9a3}.cc-skills{display:grid;grid-template-columns:1fr 1fr;gap:5px}.cc-skill{display:flex;gap:7px;align-items:flex-start;padding:4px 6px;background:#0a0706;border:1px solid #2e2924}.cc-skill.ult{border-color:#7a2a1a}.cc-skill.high{border-color:#4a3a6a}.cc-key{flex:none;min-width:26px;padding:2px 3px;text-align:center;font:700 10px var(--font);color:#ffd9a0;background:#2a2622;border:1px solid #5f574d}.cc-skill.ult .cc-key{color:#ff8060}.cc-skill.high .cc-key{color:#c8a8ff}.cc-stext{min-width:0}.cc-sname{font:700 12px var(--font);color:#e8d8b0}.cc-slv{margin-left:6px;font-weight:400;font-size:10px;color:#8a7a62}.cc-sdesc{font-size:11px;line-height:1.35;color:var(--muted)}.d-label{font:700 13px var(--font);color:#c9a55a;letter-spacing:3px;text-transform:uppercase;text-shadow:0 0 6px rgba(0,0,0,.9)}.d-panel input{background:#050403;border:2px solid #3d3732;box-shadow:inset 0 0 8px #000;color:var(--text)}.d-panel input:focus{border-color:#8a6a3a}.d-btn{align-self:center;width:72%;padding:9px 10px;font:700 14px var(--font);letter-spacing:3px;text-transform:uppercase;color:#d8c9a3;background:linear-gradient(180deg,#4a443d,#2a2622 55%,#1c1916);border:2px solid #5f574d;box-shadow:inset 0 1px #ffffff24,inset 0 -2px #0000008c,0 0 0 1px #000;cursor:pointer;text-shadow:1px 1px 0 #000}.d-btn:hover:not(:disabled){color:#ffd9a0;border-color:#a0763e;box-shadow:inset 0 1px #ffffff24,inset 0 -2px #0000008c,0 0 0 1px #000,0 0 14px #ff6e1466}.d-btn:active:not(:disabled){transform:translateY(1px)}.d-btn:disabled{opacity:.5;cursor:default}.d-btn.primary{color:#ffc070}.d-btn.wallet{color:#c8b4ff}.d-row{display:flex;gap:10px}.d-row .d-btn{width:auto;flex:1}#login .wallet-note,#login .error{text-align:center;margin:0}#char-list{display:flex;flex-direction:column;gap:5px;max-height:210px;overflow:auto}.char-row{display:flex;align-items:center;gap:10px;padding:4px 8px;background:#070504;border:1px solid #2e2924;cursor:pointer;font:inherit;color:inherit;text-align:left}.char-row:hover{border-color:#6a5a40}.char-row.selected{border-color:#c07a2a;box-shadow:inset 0 0 12px #ff6e1440}.char-row canvas{width:40px;height:40px;flex:none}.char-info{flex:1;min-width:0}.char-name{font-weight:700;font-size:14px;color:#e8d8b0}.char-sub{font-size:11px;color:var(--muted)}.char-forget{background:none;border:none;color:#6a5a48;font:700 12px var(--font);cursor:pointer;padding:4px}.char-forget:hover{color:#e05050}.char-empty{font-size:12px;color:var(--muted);padding:10px 4px;text-align:center}#login .controls{text-align:center;font-size:10px;margin:0;line-height:1.5}@media(max-width:760px),(max-aspect-ratio:1/1),(max-height:500px){#login.screen{overflow:auto}#login-stage{position:relative;left:0;top:0;transform:none;width:100%;min-height:100%;aspect-ratio:auto;background-size:cover;background-position:center top;display:flex;flex-direction:column;align-items:center;padding:28px 16px 48px}#login-stage .title{display:block;font-size:40px;margin-bottom:0}.title-sub{position:static;transform:none;font-size:16px;margin:4px 0 22vh}#create-form #classes{grid-template-columns:repeat(4,1fr)}#create-form.d-panel.wide{position:relative;bottom:auto;transform:none;width:min(560px,100%);max-height:none;padding:16px}.create-cols{grid-template-columns:1fr}#create-form #classes .class-opt canvas{width:56px;height:56px}.cc-portrait{width:100px;height:100px}.cc-portrait canvas{width:96px;height:96px}.cc-skills{grid-template-columns:1fr}.d-panel,.d-panel.wide{position:relative;left:0;top:0;transform:none;width:min(440px,100%);min-width:0;min-height:0}}#inventory{width:min(920px,calc(100vw - 32px))}#inv-grid .inv-cell{min-width:0}.autosell{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px}.autosell select{font:700 11px var(--font);background:#0a0706;color:var(--text);border:1px solid var(--border);padding:3px 4px}.cmp.up.big{font-size:13px;letter-spacing:-2px;color:#6aff6a;text-shadow:0 0 6px rgba(80,255,80,.8),0 0 3px #000}.auto-btn{color:#9ad8ff}.auto-btn.on{color:#fff;border-color:#4ab8ff;background:linear-gradient(180deg,#1e4a7a,#0e2440);box-shadow:0 0 12px #4ab8ff99}#auto-badge{position:absolute;left:50%;bottom:132px;transform:translate(-50%);padding:4px 14px;font-size:12px;font-weight:700;letter-spacing:1px;color:#bfe6ff;background:#0a1e32cc;border:1px solid #4ab8ff;pointer-events:none;animation:autopulse 1.6s ease-in-out infinite}@keyframes autopulse{50%{opacity:.55}}#hud-price{display:block;margin-top:4px;font-size:12px;font-weight:700;color:var(--gold);text-decoration:none;pointer-events:auto;text-shadow:1px 1px 0 #000}#hud-price[href]:hover{text-decoration:underline}#hud-price.up{color:#6ae06a}#hud-price.down{color:#e86060}#hud-quest{white-space:pre-line;line-height:1.35;margin-top:6px;max-width:260px;margin-left:auto;font-size:12px;font-weight:700;color:#d8a8ff;text-shadow:1px 1px 0 #000}.quest-box{margin-top:10px;padding:10px 12px;border:1px solid #8a6a2a;background:#281c0899}.quest-box.done{border-color:#3a6a3a;background:#0a1e0a80}.quest-title{font-weight:700;color:#ffd23f;font-size:14px;margin-bottom:6px}.quest-box.done .quest-title{color:#6ae06a}.quest-reward{color:#d8a8ff}.quest-status{color:var(--gold);font-weight:700;margin-bottom:0!important}.quest-box.new{border-color:#ffd23f;box-shadow:0 0 14px #ffd23f40}.quest-box.accepted{border-color:#6a8ad8;background:#0c122899}.quest-box.accepted .quest-title{color:#c8d8ff}.quest-badge{float:right;font-size:11px;font-weight:700;padding:2px 7px;border:1px solid currentColor;opacity:.85}.quest-accept{width:100%;margin-top:8px}.clan-name{color:#5aff6a}.game-menu{width:min(420px,94vw)}.gm-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px}.gm-btn{width:100%;text-align:left}.gm-row{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;font-size:13px;padding:6px 4px;border-bottom:1px solid #2a2018}.gm-row small{grid-column:2;color:var(--muted);font-size:11px}.gm-slider{grid-template-columns:140px 1fr 48px}.gm-slider input{width:100%;accent-color:#c9a55a}.gm-body h4{margin:0 0 4px;color:var(--gold)}.almanac{width:min(980px,96vw);max-height:86vh;display:flex;flex-direction:column}.alm-tabs{display:flex;gap:6px;padding:8px 12px 0}.alm-tabs .active{border-color:var(--gold);color:#1a0e04;background:linear-gradient(180deg,#ffe08a,#c9a55a);box-shadow:0 0 10px #ffc85a59}.alm-body{overflow-y:auto;padding:8px 12px 14px}.alm-group{margin:12px 0 6px;color:var(--gold);font-size:13px}.alm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px}.alm-card{padding:6px 8px;border:1px solid #3a2e22;background:#0a080699;opacity:.6}.alm-card.got{opacity:1;border-color:#3a9a3a;background:#0c280e99}.alm-card.got .alm-name{color:#6aff6a}.alm-name{font-weight:700;font-size:12px;color:#c8b89a}.alm-desc{font-size:11px;color:var(--muted, #9a8a70)}.alm-cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.alm-item{display:flex;align-items:center;gap:5px;padding:2px 4px;font-size:11px;color:#8a7a64;border:1px solid transparent;flex-wrap:wrap}.alm-item img{width:26px;height:26px;filter:grayscale(.85) brightness(.6)}.alm-item.got{color:#6aff6a;border-color:#2f6a34;background:#0c280e80}.alm-item.got img{filter:none}.alm-iname{flex:1;min-width:60px}.alm-sig{font-size:10px;color:#b08ad8}.alm-ok{font-size:10px;color:#6aff6a;font-weight:700}.alm-sets{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.alm-set{padding:6px 8px;border:1px solid #2a4a2a;background:#060e068c}.alm-set.got{border-color:#3ce03c;box-shadow:0 0 10px #3ce03c40}.alm-bonus{font-size:10px;color:#8ac88a}.alm-collection{margin:8px 12px 0;padding:8px 10px;border:1px solid #6a5a2a;background:linear-gradient(180deg,#3c2c0a99,#0a0704cc)}.alm-col-head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#ffd76a;font-size:13px}.alm-col-now{color:#8aff8a;font-size:12px}.alm-col-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:6px}.alm-col-step{position:relative;padding:5px 7px 7px;border:1px solid #3d3732;background:#0a0706;font-size:11px;display:grid;gap:1px;overflow:hidden}.alm-col-step b{color:#e8d8b0}.alm-col-step span{color:var(--muted)}.alm-col-step.got{border-color:#4aaa4a}.alm-col-step.got span{color:#8aff8a}.alm-col-step i{position:absolute;left:0;bottom:0;height:3px;background:#ffd23f}.alm-col-step.got i{background:#4aff4a}.alm-col-tip{margin:6px 0 0;font-size:11px;color:#d8c8a8}@media(max-width:700px){.alm-col-steps{grid-template-columns:1fr}}.stash-win{width:min(560px,96vw)}body.stash-open:not(.touch) .stash-win{left:10px;transform:translateY(-55%)}body.stash-open:not(.touch) #inventory{left:auto;right:10px;transform:translateY(-55%);width:min(900px,calc(100vw - 600px))}.trade-win{width:min(520px,96vw)}body.trade-open:not(.touch) .trade-win{left:10px;transform:translateY(-55%)}body.trade-open:not(.touch) #inventory{left:auto;right:10px;transform:translateY(-55%);width:min(900px,calc(100vw - 560px))}.trade-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;padding:4px 10px 8px}.trade-side-head{display:flex;align-items:center;gap:10px;padding:8px 10px 0;font-size:12px}.trade-who{color:var(--gold);letter-spacing:1px;text-transform:uppercase}.trade-gold{color:#ffd76a}.trade-gold-input{width:110px;font:12px var(--font);background:#0a0706;color:#ffd76a;border:1px solid var(--border);padding:3px 6px}.trade-status{margin-left:auto;color:var(--muted);font-size:11px}.trade-status.ok{color:#6aff6a;font-weight:700}.trade-actions{display:flex;gap:8px;padding:4px 10px 8px}.trade-ok.on{background:#1f4a1f;border-color:#6aff6a;color:#d8ffd8}.trade-win .hint{padding:0 10px 10px;margin:0}.stash-pages{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;padding:8px 10px 4px}.stash-pg{font-size:10px;padding:3px 0;background:#140e0a;color:#8a7a64;border:1px solid #3a2e22;cursor:pointer;font-family:inherit}.stash-pg.used{color:#e8d8b0;border-color:#6a5030}.stash-pg.active{color:#fff;border-color:var(--gold);background:#3a2a14}.stash-pages.shared{align-items:center;border-top:1px solid rgba(201,165,90,.25);padding-top:4px}.stash-pages.shared .stash-pg{color:#9ad8ff}.stash-pages.shared .stash-pg:disabled{opacity:.35;cursor:not-allowed}.stash-shared-label{font-size:11px;color:#9ad8ff;margin-right:4px}.stash-shared-note{padding:2px 10px 0;margin:0;font-size:11px;color:#9ad8ff}.stash-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;padding:6px 10px}.stash-win .hint{padding:0 10px 10px;margin:0}.inv-cell.r-epic img{animation:item-glow-epic 2.4s ease-in-out infinite}.inv-cell.r-set img{animation:item-glow-set 2.4s ease-in-out infinite}.inv-cell.r-legendary img{animation:item-glow-uni 1.8s ease-in-out infinite}.inv-cell.r-epic{box-shadow:inset 0 0 10px #ff4de859}.inv-cell.r-set{box-shadow:inset 0 0 10px #3ce03c59}.inv-cell.r-legendary{box-shadow:inset 0 0 14px #ffb43c8c}.inv-cell.r-mythic img{animation:item-glow-myth 1.4s ease-in-out infinite}.inv-cell.r-mythic{box-shadow:inset 0 0 16px #ff5014bf,0 0 6px #ff5a1499;border-color:#ff6a1a}@keyframes item-glow-myth{50%{filter:drop-shadow(0 0 6px #ff5a1a) brightness(1.25)}}@keyframes item-glow-epic{50%{filter:drop-shadow(0 0 4px #ff4de8) brightness(1.12)}}@keyframes item-glow-set{50%{filter:drop-shadow(0 0 4px #3ce03c) brightness(1.12)}}@keyframes item-glow-uni{50%{filter:drop-shadow(0 0 6px #ffc040) brightness(1.2)}}.clan-lv{color:var(--gold);font-size:13px}.clan-bank{margin:8px 0 12px;padding:8px 10px;border:1px solid #2f6a34;background:#0a220c8c}.clan-bank-head{font-size:12px;color:#b8f0b8;margin-bottom:5px}.clan-bar{height:9px;background:#0c120c;border:1px solid #2f6a34}.clan-fill{height:100%;background:linear-gradient(90deg,#2a9a3a,#8aff8a);box-shadow:0 0 8px #78ff7880}#travel-count{position:absolute;left:50%;top:22%;transform:translate(-50%);min-width:230px;padding:12px 20px 14px;text-align:center;pointer-events:auto;background:#080e1ce6;border:2px solid #6ab8ff;box-shadow:0 0 24px #50a0ff80;font-family:Cinzel,serif;z-index:6}#travel-count .tc-title{font-size:13px;color:#bfe0ff;letter-spacing:1px}#travel-num{font-size:44px;line-height:1.1;font-weight:700;color:#e8f4ff;text-shadow:0 0 14px #4aa8ff}#travel-count .tc-bar{height:7px;margin:4px 0 6px;background:#0a1424;border:1px solid #2e5c8a}#travel-fill{height:100%;width:0;background:linear-gradient(90deg,#3a8aff,#b8e4ff);box-shadow:0 0 8px #6ab8ff}#travel-count .tc-hint{font-size:10px;color:#8aa8c8;margin-bottom:8px}#travel-count.hit{animation:travel-hit .6s ease-out}@keyframes travel-hit{0%{border-color:#ff3a2a;box-shadow:0 0 30px #ff321ee6}to{border-color:#6ab8ff;box-shadow:0 0 24px #50a0ff80}}#portal-confirm{position:absolute;left:50%;top:30%;transform:translate(-50%);padding:16px 22px;text-align:center;pointer-events:auto;background:#080e1cf2;border:2px solid #6ab8ff;box-shadow:0 0 24px #50a0ff80}#portal-confirm p{margin:0 0 12px;font-size:14px;font-weight:700;color:#bfe0ff}#portal-confirm .row{display:flex;gap:10px;justify-content:center}#mercpanel{width:min(560px,calc(100vw - 32px))}#merc-list{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}#merc-revive{margin-bottom:12px;padding:8px 10px;border:1px solid #8a2a1a;background:#3c0a068c}#merc-revive .hint{margin:0 0 6px;color:#ffb090}.merc-row{grid-template-columns:22px 1fr auto auto}.merc-row.current{border-color:#ffb080}.merc-dot{width:16px;height:16px;border-radius:50%;box-shadow:0 0 8px currentColor;justify-self:center}#automap{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:5}#automap #minimap{width:min(80vh,80vw);height:min(80vh,80vw);opacity:.8;border:none;box-shadow:none;background:transparent;image-rendering:pixelated}#map-hint{font-size:11px;color:var(--muted);margin-top:4px}body:not(.touch) .touch-only{display:none!important}body.touch .desk-only{display:none!important}body.touch{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}body.touch input,body.touch select{-webkit-user-select:text;user-select:text}body.touch #game,body.touch #game canvas{touch-action:none}body.touch #hud{height:100dvh}#joy-zone{position:absolute;left:0;bottom:0;width:45vw;height:72dvh;pointer-events:auto;touch-action:none}#joy-base{position:absolute;left:calc(92px + env(safe-area-inset-left));top:calc(100% - 92px);width:124px;height:124px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid rgba(201,165,90,.4);background:radial-gradient(circle,#00000026,#00000080);opacity:.5;transition:opacity .2s}#joy-base.on{opacity:1;transition:none}#joy-knob{position:absolute;left:50%;top:50%;width:54px;height:54px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid #c9a55a;background:radial-gradient(circle at 35% 30%,#7a5f3a,#2a1f14);box-shadow:0 0 10px #000c}#touch-pad{position:absolute;right:calc(10px + env(safe-area-inset-right));bottom:10px;width:222px;height:220px;pointer-events:none}body.touch #skills{position:absolute;inset:0;display:block}body.touch .skill{position:absolute;width:58px;height:58px;border-radius:50%;padding:0;gap:0;pointer-events:auto;touch-action:none;transition:transform .06s}body.touch .skill .key{display:none}body.touch .skill .ico{background-size:cover;background-position:center}body.touch .skill{justify-content:flex-end;padding-bottom:9px}body.touch .skill .sname{display:block;font-size:8.5px;line-height:1.05;color:var(--text);padding:0 6px}body.touch .skill.pressed{transform:scale(.9);border-color:var(--gold)}body.touch .skill[data-slot=basic]{right:0;bottom:0;width:84px;height:84px;border-color:#8a6a3a}body.touch .skill[data-slot=basic] .sname{font-size:10px;color:var(--gold)}body.touch .skill[data-slot="0"]{right:105px;bottom:13px}body.touch .skill[data-slot="1"]{right:78px;bottom:78px}body.touch .skill[data-slot="2"]{right:13px;bottom:105px}body.touch .skill[data-slot="3"]{right:161px;bottom:67px}body.touch .skill[data-slot="4"]{right:72px;bottom:159px}body.touch .skill.locked .lock{font-size:11px}#touch-action{position:absolute;right:calc(244px + env(safe-area-inset-right));bottom:22px;max-width:180px;padding:12px 18px;pointer-events:auto;touch-action:none;font:700 14px var(--font);color:#ffe8a0;background:linear-gradient(180deg,#4a3418,#1e1408);border:2px solid #c9a55a;border-radius:24px;box-shadow:0 0 14px #ffc85a73;animation:pulse 1.6s ease-in-out infinite}#touch-menu{position:absolute;top:calc(6px + env(safe-area-inset-top));right:calc(6px + env(safe-area-inset-right));width:44px;height:44px;pointer-events:auto;font-size:22px;color:var(--gold);background:linear-gradient(180deg,#1f1813,#0e0a08);border:2px solid var(--border);box-shadow:0 0 0 2px var(--border-dark)}body.touch .menu-btns{display:none;top:calc(56px + env(safe-area-inset-top));right:calc(6px + env(safe-area-inset-right));bottom:auto;max-height:calc(100dvh - 66px);overflow-y:auto;z-index:8}body.touch .menu-btns.open{display:flex}body.touch .bag-btn{padding:11px 16px;text-align:left}body.touch .hud-bottom{top:calc(4px + env(safe-area-inset-top));bottom:auto;width:min(330px,42vw);gap:8px;align-items:center}body.touch .orb{width:50px;height:50px;border-width:3px}body.touch #hp-text,body.touch #mp-text{font-size:10px}body.touch .bar-col{gap:0}body.touch .xpbar{height:10px}body.touch #xp-text{font-size:8px}body.touch .hud-top-left{top:calc(6px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));max-width:26vw}body.touch #hud-name{font-size:14px;margin-bottom:1px}body.touch #hud-level,body.touch #hud-gold,body.touch #hud-holder{font-size:10px;margin-top:2px}body.touch .points-btn{font-size:10px;padding:6px 8px}body.touch .hud-top-right{top:calc(6px + env(safe-area-inset-top));right:calc(58px + env(safe-area-inset-right));max-width:26vw}body.touch #hud-diff{font-size:12px}body.touch #hud-zone{font-size:11px;margin-bottom:2px}body.touch #map-hint,body.touch #hud-online{display:none}body.touch #hud-price{font-size:10px}body.touch #hud-quest{font-size:10px;max-width:26vw}body.touch #boss-bar{top:64px;width:min(360px,50vw);min-width:0}body.touch #auto-badge{top:62px;bottom:auto;font-size:10px;max-width:60vw;text-align:center}body.touch #toasts{top:76px}body.touch .toast{font-size:12px}body.touch #lootfeed{left:calc(8px + env(safe-area-inset-left));bottom:auto;top:34%;max-width:40vw}body.touch .loot-line{font-size:10px}body.touch #automap #minimap{width:min(92vh,92vw);height:min(92vh,92vw)}@media(max-height:560px),(max-width:700px){body.touch #inventory,body.touch .panel-win{top:0;left:0;transform:none;width:100vw!important;height:100dvh;max-height:100dvh;border-width:0;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);box-sizing:border-box}body.touch .rank-main,body.touch .diff-body{max-height:none}body.touch #rankpanel{resize:none}}body.touch .inv-header button{min-width:44px;min-height:36px;font-size:16px}body.touch .inv-hint{display:none}body.touch #inv-grid{gap:5px}@media(max-width:640px){body.touch #inv-grid{grid-template-columns:repeat(6,1fr)}}body.touch .attr-row button{min-width:36px;min-height:32px}body.touch .btn.small{padding:9px 12px}body.touch #tooltip{left:50%!important;top:calc(6px + env(safe-area-inset-top))!important;transform:translate(-50%);pointer-events:auto;flex-wrap:wrap;justify-content:center;max-width:calc(100vw - 12px);max-height:calc(100dvh - 12px);overflow-y:auto;box-sizing:border-box;z-index:30}body.touch .tip-item{width:min(250px,44vw)}.tip-actions{flex-basis:100%;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:4px}.tip-actions .btn{font-size:13px}#rotate-hint{position:fixed;inset:0;z-index:50;display:none;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;background:#050302f2;color:var(--gold);font-family:var(--title)}#rotate-hint p{margin:0;font-size:18px}.rotate-icon{font-size:56px;animation:rotate-phone 1.8s ease-in-out infinite}@keyframes rotate-phone{50%{transform:rotate(90deg)}}@media(orientation:portrait){body.touch.in-game:not(.rotate-ok) #rotate-hint{display:flex!important}body.touch .hud-bottom{top:142px;width:80vw}body.touch #boss-bar,body.touch #auto-badge{top:200px}body.touch #toasts{top:230px}}@media(max-height:500px){#login-stage{padding-top:10px}#login-stage .title{font-size:28px;margin-bottom:3vh}}#login-error a,#create-error a{color:#c8b4ff;font-weight:700}.error .line-wait{color:#e8d9b0}body.touch #hud:has(#inventory:not(.hidden),.panel-win:not(.hidden)) :is(.hud-top-left,.hud-top-right,.hud-bottom,#lootfeed,#boss-bar,#auto-badge){display:none}#socialpanel{width:min(920px,calc(100vw - 32px));max-height:calc(100vh - 120px)}#social-body{overflow-y:auto;max-height:calc(100vh - 230px)}.clan-list .soc-row{flex-wrap:wrap}#gamemenu .gm-next,.gm-next{color:#ffd8a0;border-left:3px solid #c8322a;padding-left:8px}#chat .chat-row.hero,#chat .chat-row.hero b{color:#5ab4ff}#chat .chat-row.hero b{text-shadow:0 0 6px rgba(60,140,255,.6)}.skull{margin-left:4px;font-size:13px}.rank-tabs{display:flex;gap:6px;margin-bottom:6px}.rank-tabs button{flex:1;padding:5px 8px;background:#140e0acc;border:1px solid var(--border);color:var(--muted);font-family:var(--title);font-size:12px;cursor:pointer}.rank-tabs button.on{color:#ffe8a0;border-color:#c9a55a;background:#3c2c0cb3}.soc-row.soc-leader{border-color:#c9a55a;background:#3c2c0c80}.soc-badge{font-size:9px;font-weight:700;letter-spacing:1px;color:#1a1006;background:#ffd060;padding:1px 5px}.soc-lead{font-size:12px;color:#ffe8a0;margin:0 0 8px}#party-frame{margin-top:8px;width:fit-content;min-width:150px;max-width:200px;padding:6px 8px;pointer-events:auto;cursor:pointer;background:#0a0806b3;border:1px solid #4a3a24;font-size:11px}#party-frame:hover{border-color:#c9a55a}#party-frame .pf-title{font-family:var(--title);font-size:11px;color:var(--gold);margin-bottom:3px}#party-frame .pf-row{display:flex;gap:5px;align-items:center;color:var(--text);line-height:1.5}#party-frame .pf-row.off{opacity:.45}#party-frame .pf-row.lead .pf-name{color:#ffd060;font-weight:700}#party-frame .pf-crown{width:12px;color:#ffd060}#party-frame .pf-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#party-frame .pf-lv,#party-frame .pf-more{color:var(--muted);font-size:10px}body.touch #party-frame{max-width:140px;font-size:10px}#player-menu{position:fixed;z-index:50;min-width:180px;padding:4px;pointer-events:auto;background:linear-gradient(180deg,#1f1813fa,#0e0a08fa);border:2px solid var(--border);box-shadow:0 0 0 2px var(--border-dark),0 6px 20px #000000b3}#player-menu .pm-title{font-family:var(--title);color:var(--gold);font-size:13px;padding:4px 8px 6px;border-bottom:1px solid var(--border);margin-bottom:3px}#player-menu button{display:block;width:100%;text-align:left;padding:6px 10px;background:none;border:0;color:var(--text);font-family:var(--font);font-size:12px;cursor:pointer}#player-menu button:hover{background:#c9a55a2e;color:#ffe8a0}.rank-badge{min-width:34px;text-align:center;color:#ffd060;font-size:12px;text-shadow:0 0 6px rgba(255,200,80,.5)}.rank-name{font-size:11px;color:var(--gold);min-width:92px}.soc-row.rank-leader{border-color:#c9a55a;background:#3c2c0c99}.soc-row.rank-general{border-color:#8a6a2a}.war-row{border-color:#8a1a1a;background:#32080899}.war-icon{color:#ff5a3a;font-size:16px}.war-score{font-weight:700;font-size:14px;min-width:70px;text-align:center}.war-score.win{color:#6aff6a}.war-score.lose{color:#ff6a5a}.war-score.tie{color:#e8d8a8}#social-tabs{display:flex;gap:4px;padding:10px 14px 0}#social-tabs button{flex:1;font:700 12px var(--font);color:var(--muted);background:#120d09;border:1px solid var(--border);padding:8px;cursor:pointer}#social-tabs button.on{color:var(--gold);border-color:var(--gold);background:#241a12}#social-body{padding:12px 16px 16px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}#social-body h4{margin:6px 0 0;color:var(--gold);font-family:var(--title)}#social-body .hint{font-size:11px;color:var(--muted);margin:0;line-height:1.5}.soc-list{display:flex;flex-direction:column;gap:4px;width:100%}.soc-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid #2e2418;background:#0a070599;font-size:12px}.soc-row.off{opacity:.5}.soc-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 6px #4ade80;flex:none}.soc-row.off .soc-dot{background:#555;box-shadow:none}.soc-name{font-weight:700;color:var(--text)}.soc-sub{flex:1;color:var(--muted);font-size:11px}.soc-form{display:flex;gap:6px;width:100%}.soc-form input{flex:1;min-width:0;font-size:13px;padding:6px 8px}.soc-form input.soc-tag{flex:0 0 64px;text-transform:uppercase}.soc-bonus{margin:0;color:#7aff7a;font-weight:700;font-size:12px}.btn.pvp-on{background:linear-gradient(180deg,#8a1010,#4a0606);color:#ffd0d0}#invite-pop{position:absolute;left:50%;top:22%;transform:translate(-50%);z-index:9;padding:14px 20px;text-align:center;pointer-events:auto;background:#100a06f5;border:2px solid var(--gold);box-shadow:0 0 22px #c9a55a73}#invite-pop p{margin:0 0 10px;font-weight:700;color:#ffe8a0}#invite-pop .row{display:flex;gap:10px;justify-content:center}#alert-banner{position:absolute;left:0;right:0;margin:0 auto;width:fit-content;top:20%;z-index:8;padding:14px 28px;text-align:center;pointer-events:none;max-width:80vw;font-family:var(--title);background:#0a0404d1;border:2px solid #8a2a1a;animation:pop .25s ease-out}#alert-text{font-size:22px;font-weight:900;letter-spacing:1px;color:#ffcf8a;text-shadow:0 0 12px #000}#alert-count{font-size:46px;font-weight:900;color:#ff3a2a;text-shadow:0 0 18px rgba(255,40,20,.9);margin-top:4px}#alert-banner.alert-terror{border-color:#ff2a1a;box-shadow:0 0 40px #ff1e0a8c;animation:pop .25s ease-out,terrorpulse 1s ease-in-out infinite}#alert-banner.alert-terror #alert-text{color:#ff6a4a}#alert-banner.alert-boss{border-color:#c9a55a}#alert-banner.alert-duel{border-color:#6ab8ff}#alert-banner.alert-duel #alert-text{color:#bfe0ff}@keyframes terrorpulse{50%{box-shadow:0 0 70px #ff1e0ae6}}body.touch #alert-text{font-size:15px}body.touch #alert-count{font-size:32px}body.touch #alert-banner{top:26%;padding:10px 16px}.skill.high{border-color:#6a3aa8;box-shadow:0 0 0 2px var(--border-dark),0 0 10px #9650ff59,inset 0 0 12px #000c}.skill.high .key{color:#c08aff}#touch-pad{width:272px}body.touch .skill[data-slot="5"]{right:127px;bottom:123px}body.touch .skill[data-slot="6"]{right:211px;bottom:13px}#touch-action{right:calc(292px + env(safe-area-inset-right))}#cornermap{display:block;width:170px;height:170px;margin:8px 0 0 auto;pointer-events:none}body.touch #cornermap{position:fixed;top:calc(56px + env(safe-area-inset-top));right:calc(4px + env(safe-area-inset-right));width:100px;height:100px;margin:0}body.touch .menu-btns.open~.hud-top-right #cornermap,body.touch #hud:has(.menu-btns.open) #cornermap{display:none}.d-check{display:flex;gap:8px;align-items:center;font:400 12px var(--font);color:#c8b4ff;text-transform:none;letter-spacing:0;margin:0}.d-check input{width:auto;margin:0}#login-box #btn-wallet{margin-bottom:0}#tutorial{position:absolute;left:0;right:0;margin:0 auto;bottom:150px;z-index:9;width:min(520px,calc(100vw - 24px));padding:16px 18px 14px;pointer-events:auto;background:linear-gradient(180deg,#1f1813f7,#0e0a08f7);border:2px solid var(--gold);box-shadow:0 0 0 2px var(--border-dark),0 0 30px #c9a55a59;animation:pop .2s ease-out}.tut-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px}#tut-title{font-family:var(--title);font-size:18px;font-weight:900;color:var(--gold);letter-spacing:.12em}#tut-count{font-size:11px;color:var(--muted)}#tut-text{margin:0 0 12px;font-size:13px;line-height:1.6;color:var(--text)}.tut-row{display:flex;gap:8px;align-items:center}.tut-spacer{flex:1}#tut-back:disabled{opacity:.35;cursor:default}.tut-glow{outline:2px solid #ffd98a!important;outline-offset:3px;animation:tutglow 1s ease-in-out infinite!important;z-index:8}@keyframes tutglow{50%{outline-color:#ffd98a26;box-shadow:0 0 22px #ffc85ab3}}body.touch #tutorial{bottom:auto;top:64px;width:min(460px,58vw);padding:10px 12px}body.touch #tut-text{font-size:11px;line-height:1.45;margin-bottom:8px}body.touch #tut-title{font-size:14px}@media(orientation:portrait){body.touch #tutorial{top:200px;width:calc(100vw - 20px)}}body:not(.touch) .menu-btns{gap:6px}body:not(.touch) .menu-btns .bag-btn{padding:8px 14px;font-size:12px}@media(max-height:820px){body:not(.touch) #cornermap{width:130px;height:130px}}@media(max-height:700px){body:not(.touch) #cornermap{width:100px;height:100px}body:not(.touch) .menu-btns .bag-btn{padding:6px 12px;font-size:11px}}.diff-sub{margin:12px 0 6px;font-family:var(--title);font-size:13px;color:#ff7a5a;letter-spacing:.08em;text-transform:uppercase}#hud-holder{cursor:pointer;pointer-events:auto;display:inline-block;padding:3px 8px;border-radius:6px;background:#140e06b8;border:1px solid rgba(255,210,63,.55);box-shadow:0 0 12px #ffd23f40}#hud-holder:hover{background:#30220ae6}#hud-holder.none{color:#ffd23f;animation:holderPulse 2.2s ease-in-out infinite}@keyframes holderPulse{0%,to{box-shadow:0 0 6px #ffd23f40}50%{box-shadow:0 0 18px #ffd23fbf}}.hud-banner{position:absolute;top:118px;left:50%;transform:translate(-50%);z-index:40;pointer-events:auto;cursor:pointer;max-width:min(720px,calc(100vw - 32px));padding:10px 18px;border:2px solid #ffd23f;border-radius:10px;background:linear-gradient(180deg,#30220af2,#140e06f2);color:#fff2c8;font-weight:700;font-size:14px;text-align:center;box-shadow:0 0 24px #ffd23f73;transition:opacity .8s}.hud-banner.out{opacity:0}#siege-banner{position:absolute;top:76px;left:50%;transform:translate(-50%);z-index:35;pointer-events:none;padding:6px 14px;border-radius:8px;border:1px solid #ffe8a0;background:#1e180ce0;color:#fff2c8;font-weight:700;font-size:13px;white-space:nowrap;max-width:calc(100vw - 24px);overflow:hidden;text-overflow:ellipsis;box-shadow:0 0 16px #ffe8a059}#siege-banner.mine{border-color:#6aff6a;color:#d8ffd0}#siege-banner.hidden{display:none}.invfull{position:absolute;right:16px;bottom:150px;z-index:45;pointer-events:auto;width:min(360px,calc(100vw - 32px));padding:12px 14px;border:2px solid #ffd23f;border-radius:10px;background:#140e06f5;color:#f0e6d0;box-shadow:0 0 20px #ffd23f59}.invfull b{font-size:15px;color:#ffd23f}.invfull p{font-size:12px;margin:6px 0 8px;line-height:1.4}.invfull .row{display:flex;flex-wrap:wrap;gap:6px}#inv-grid{max-height:56vh;overflow-y:auto;padding-right:2px}.holder-win{width:min(860px,calc(100vw - 32px))}.holder-hero h3{margin:0 0 6px;color:#ffd23f;font-size:22px;letter-spacing:.5px}.holder-hero p{margin:0 0 10px;line-height:1.45}.holder-me{padding:10px 12px;margin-bottom:12px;border:1px solid rgba(255,210,63,.35);border-radius:8px;background:#281c0a8c;line-height:1.6}.holder-me .btn{margin-top:8px}.holder-me .btn:disabled{opacity:.55;cursor:default}.holder-delay{margin:10px 0 6px;padding:8px 10px;border-left:3px solid #ffd23f;background:#ffd23f14;color:#f2e2c0;font-size:13px;line-height:1.5}.holder-bar{height:8px;margin-top:6px;border-radius:4px;background:#1a120a;overflow:hidden}.holder-fill{height:100%}.holder-ladder{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:10px}.holder-card{position:relative;padding:10px;border:2px solid;border-radius:10px;background:#100b06cc}.holder-card.cur{box-shadow:0 0 18px #ffd23f8c;background:#30220ad9}.holder-card h4{margin:0;font-size:16px}.holder-min{font-size:11px;color:var(--muted);margin:2px 0 6px}.holder-card ul{margin:0;padding-left:16px;font-size:12px;line-height:1.5}.holder-you{position:absolute;top:8px;right:8px;font-size:10px;font-weight:800;color:#1a120a;background:#ffd23f;padding:1px 6px;border-radius:4px}@media(max-width:720px){.holder-ladder{grid-template-columns:repeat(2,minmax(0,1fr))}}#chat{position:absolute;left:16px;bottom:120px;z-index:30;width:min(420px,calc(100vw - 32px));pointer-events:none}#chat .chat-log{max-height:180px;overflow-y:hidden;display:flex;flex-direction:column;gap:2px;font-size:13px}#chat.open .chat-log{overflow-y:auto;pointer-events:auto;background:#0a0806b3;border:1px solid var(--border);border-radius:6px;padding:6px}#chat .chat-row{color:#f0e6d0;text-shadow:0 1px 3px #000,0 0 2px #000;line-height:1.35;transition:opacity 1.2s;word-break:break-word}#chat .chat-row b{color:#ffd98a}#chat .chat-row.mine b{color:#8ad8ff}#chat .chat-row.sys{color:#ff8a6a;font-style:italic}#chat .chat-row.old{opacity:0}#chat.open .chat-row.old{opacity:.85}#chat .chat-input{pointer-events:auto;width:100%;margin-top:6px;padding:8px 10px;font-size:14px;color:#fff;background:#0a0806eb;border:1px solid var(--gold);border-radius:6px;outline:none}#chat .chat-input.hidden{display:none}body.touch #chat{bottom:210px;width:min(300px,60vw)}body.touch .skill.locked{display:none}body.touch.ui-open #touch-pad,body.touch.ui-open #joy-zone,body.touch.ui-open #touch-action{visibility:hidden;pointer-events:none}body.touch #hud-quest{margin-right:52px}body.touch .trade-win{overflow-y:auto}body.touch .trade-grid{grid-template-columns:repeat(10,1fr);gap:3px}.trade-bag-head{color:var(--gold)}body.touch .trade-cols{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-height:0;flex:1}body.touch .trade-win{display:flex;flex-direction:column;overflow:hidden}body.touch .trade-col{min-width:0;display:flex;flex-direction:column}body.touch .trade-bag-col{overflow-y:auto;border-left:1px solid #3a2e22}body.touch .trade-grid{grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:3px;padding:3px 8px 4px}body.touch .trade-grid .inv-cell{aspect-ratio:1;min-height:0}body.touch .trade-side-head{padding:4px 8px 0;font-size:11px}body.touch .trade-gold-input{width:80px;font-size:13px}body.touch .trade-actions{padding:6px 8px}body.touch .trade-actions .btn{padding:9px 12px;font-size:12px}body.touch .trade-win .inv-header{padding:6px 10px}#invasion-banner{position:absolute;top:112px;left:50%;transform:translate(-50%);z-index:36;pointer-events:none;display:flex;align-items:center;gap:10px;padding:7px 16px;border-radius:8px;border:2px solid #ff3a1a;background:linear-gradient(180deg,#5a0804eb,#1e0402eb);color:#ffe0d0;font-weight:700;font-size:14px;letter-spacing:.5px;white-space:nowrap;max-width:calc(100vw - 24px);box-shadow:0 0 22px #ff280a8c;text-shadow:0 0 6px #000}#invasion-banner.warn{animation:invpulse .9s ease-in-out infinite}#invasion-banner.hidden{display:none}#invasion-banner>span:last-child{overflow:hidden;text-overflow:ellipsis}.inv-arrow{display:inline-block;color:#ff5a3a;font-size:20px;transition:transform .15s linear}.inv-arrow.here{color:#ffd23f}@keyframes invpulse{50%{box-shadow:0 0 34px #ff3c14f2;border-color:#ffd23f}}body.touch #invasion-banner{top:calc(64px + env(safe-area-inset-top));font-size:11px;padding:5px 10px;max-width:56vw}#delete-confirm{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#000000b8;padding:16px}#delete-confirm .delete-panel{max-width:420px;width:100%;display:flex;flex-direction:column;gap:12px}#delete-confirm .d-label{color:#ff7a5a}#delete-confirm .delete-text{margin:0;font-size:13px;line-height:1.5;color:#d8c9a3}#delete-confirm .error{text-align:center;margin:0}.delete-hold{position:relative;overflow:hidden;color:#ff9a80;touch-action:none;user-select:none;-webkit-user-select:none}.delete-hold .delete-fill{position:absolute;left:0;top:0;bottom:0;width:0%;background:linear-gradient(90deg,#6a0f08,#c0281a)}.delete-hold .delete-label{position:relative}.gm-support{color:#ff9a80}.gm-text{margin:0;font-size:13px;line-height:1.5}.gm-promise{display:flex;flex-direction:column;gap:2px;font-size:12px;padding:6px 8px;border-left:3px solid #c8322a;background:#3c0e0a59}.gm-promise b{color:#ff9a80;font-size:13px}.gm-donate{display:flex;align-items:center;gap:8px;padding:6px;border:1px solid rgba(255,176,96,.5);background:#00000080}.gm-donate code{flex:1;font:12px/1.3 ui-monospace,Consolas,monospace;color:#ffe0a8;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.gm-donate-label{font-weight:900;color:#1a0a04;background:#ffb060;padding:1px 6px;font-size:11px}.game-menu .gm-body{max-height:74vh;overflow-y:auto}.clan-top{margin:4px 0 12px;padding:0 0 0 26px;max-width:520px;font-size:13px}.clan-top li{padding:3px 6px;border-bottom:1px solid #2a2018}.clan-top li span{display:inline-block;min-width:220px}.clan-top li b{color:var(--gold);font-weight:600}.clan-top li.first span{color:#ffd98a}.support-btn{color:#ff9a80!important;border-color:#8a2a20!important}#merc-list{max-height:58vh;overflow-y:auto}.merc-group{margin:10px 0 4px;font-size:12px;color:#d8b860;letter-spacing:.5px}.merc-skill{color:#9ad0ff}.alm-group.mythic{color:#ff7a2a}#login-t2{max-width:420px;margin:12px auto 0;padding:8px 12px;font-size:12px;line-height:1.45;color:#ffe2b0;text-align:center;border:1px solid #ff6a1a;background:#3c0a04d1;box-shadow:0 0 16px #ff5a144d}#login-t2 b{color:#ffb060}#hud-t2{display:block;margin:4px 0 0 auto;padding:2px 8px;font-weight:700;font-size:11px;font-family:inherit;color:#ffb060;background:#3c0a04bf;border:1px solid #ff6a1a;cursor:pointer;pointer-events:auto;text-shadow:1px 1px 0 #000;animation:t2-pulse 2.4s ease-in-out infinite}#hud-t2:hover{color:#ffd9a0;border-color:#ffc070}@keyframes t2-pulse{50%{box-shadow:0 0 10px #ff6e1ea6}}.gm-btn.gm-t2{border-color:#ff6a1a;color:#ffb060}body.touch #hud-t2{font-size:9px;padding:1px 5px}#realm-pick{display:flex;flex-direction:column;gap:6px}.realm-btn{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;background:#070504;border:1px solid #6a4a22;color:#e8d6b0;font:inherit;font-size:13px;cursor:pointer;text-align:left}.realm-btn:hover,.realm-btn.open{border-color:#c07a2a}.realm-btn b{color:#ffb060;white-space:nowrap}.realm-btn span{flex:1;min-width:0;font-size:11px;color:#c9b590;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.realm-btn i{font-style:normal;color:#c9a55a}.realm-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:260px;overflow-y:auto;padding:2px}.realm-card{display:flex;flex-direction:column;gap:4px;padding:6px 8px;background:#070504;border:1px solid #2e2924;color:#e8d6b0;font:inherit;font-size:12px;cursor:pointer;text-align:left}.realm-card:hover:not(:disabled){border-color:#6a5a40}.realm-card.selected{border-color:#c07a2a;box-shadow:inset 0 0 12px #ff6e1440}.realm-card.recommended{border-color:#4a7a2a}.realm-card.recommended.selected{border-color:#8ad04a;box-shadow:inset 0 0 12px #78dc3c40}.realm-card.here .realm-tags{color:#ffb060}.realm-card:disabled{opacity:.45;cursor:not-allowed}.realm-top{display:flex;justify-content:space-between;gap:6px}.realm-top b{color:#ffd9a0}.realm-top span{color:#a89878;font-size:11px}.realm-bar{height:4px;background:#1c1712}.realm-bar i{display:block;height:100%;background:linear-gradient(90deg,#4a9a2a,#c0a02a)}.realm-card.full .realm-bar i{background:#b0301a}.realm-tags{font-size:10px;color:#a8c890;min-height:12px}.realm-card.full .realm-tags{color:#e06a4a}