:root{--gold:#e7bf68;--gold2:#ffe08a;--bg:#070b12;--panel:#101722;--panel2:#172231;--line:#314151;--text:#f0ede5;--muted:#a5adba;--hp:#ef4444;--mp:#3b82f6;--exp:#f59e0b;--ok:#22c55e;--danger:#ef4444}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text);background:radial-gradient(1200px 700px at 40% -20%,#27344d 0%,#0b121b 48%,#05080d 100%);min-height:100vh;font-family:Inter,system-ui,sans-serif;overflow:hidden}a{color:inherit}#topbar{z-index:10;background:linear-gradient(#172231f2,#090e15f2);border-bottom:1px solid #e7bf6855;justify-content:space-between;align-items:center;height:52px;padding:0 16px;display:flex;position:relative;box-shadow:0 8px 30px #0008}.brand{align-items:center;gap:10px;display:flex}.crown{color:var(--gold2);text-shadow:0 0 12px #ffd70088;font-size:22px}.logo{letter-spacing:.12em;color:var(--gold);font-family:Cinzel Decorative,Cinzel,serif;font-size:16px;font-weight:700}.tag{color:var(--muted);background:#0b0f1e;border:1px solid #2a3561;border-radius:999px;padding:4px 8px;font-size:11px}.top-actions{align-items:center;gap:8px;display:flex}#serverStatus{color:#7ee081;background:#0f2212;border:1px solid #1f4a23;border-radius:999px;padding:6px 10px;font-size:12px}#serverStatus.offline{color:#fca5a5;background:#2a1010;border-color:#6b2020}.btn{color:var(--text);cursor:pointer;background:#1a2342;border:1px solid #2a3561;border-radius:10px;padding:8px 14px;font-weight:700;transition:all .15s}.btn:hover{filter:brightness(1.15);transform:translateY(-1px)}.btn-gold{color:#1a1200;background:linear-gradient(#f0d27a,#c9a86a);border-color:#a6843a;box-shadow:0 6px 18px #c9a86a44}.btn-purple{background:linear-gradient(#8b5cf6,#6d28d9);border-color:#7c3aed}.btn-red{color:#fff;background:linear-gradient(#ef4444,#b91c1c);border-color:#7f1d1d}.btn-ghost{background:#0f1730}.btn.sm{padding:6px 10px;font-size:12px}.btn.lg{letter-spacing:.08em;width:100%;padding:14px 20px;font-size:15px}.pulse{animation:1.6s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #ffd70066}70%{box-shadow:0 0 0 14px #ffd70000}to{box-shadow:0 0 #ffd70000}}.overlay{z-index:50;background:radial-gradient(900px 600px at 50% 0,#24307a 0%,#0b0f1e 55%,#050713 100%);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow:hidden}.overlay:before,.overlay:after{content:"";opacity:.2;filter:saturate(.75)contrast(1.12);pointer-events:none;background-position:bottom;background-repeat:no-repeat;background-size:contain;width:min(43vw,620px);height:92%;position:absolute;bottom:-8%}.overlay:before{background-image:linear-gradient(90deg,#05071300 55%,#050713 100%),url(/assets/concepts/human-knight.png);left:-8%}.overlay:after{background-image:linear-gradient(90deg,#05071300 55%,#050713 100%),url(/assets/concepts/orc-raider.png);right:-8%;transform:scaleX(-1)}.overlay.hidden{display:none}.login-card{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#141a2ef5,#0f1730f8);border:1px solid #2a3561;border-radius:18px;width:min(560px,96vw);padding:22px;position:relative;box-shadow:0 20px 60px #0008,inset 0 0 0 1px #ffd7001a}.login-header{text-align:center;margin-bottom:14px}.login-logo{color:var(--gold);letter-spacing:.14em;font-family:Cinzel Decorative,serif;font-size:22px}.login-header p{color:var(--muted);margin-top:4px;font-size:13px}.badge{color:#8ea0ff;letter-spacing:.06em;background:#0b1026;border:1px solid #33407a;border-radius:999px;margin-top:8px;padding:5px 10px;font-size:11px;display:inline-block}.login-card label{letter-spacing:.08em;color:var(--muted);margin:14px 0 6px;font-size:12px;font-weight:700;display:block}.login-card input[type=text],.login-card input:not([type=checkbox]){width:100%;color:var(--text);background:#0b1026;border:1px solid #2a3561;border-radius:10px;outline:none;padding:12px}#inpName{letter-spacing:.04em;font-size:16px;font-weight:700}.account-box{background:#080e17;border:1px solid #314151;border-radius:12px;margin-top:12px;padding:11px}.account-title{color:var(--gold);justify-content:space-between;align-items:center;font-size:12px;font-weight:800;display:flex}.account-title small{color:var(--muted);font-size:9px;font-weight:500}.account-fields{grid-template-columns:1fr 1fr;gap:7px;margin-top:8px;display:grid}.account-fields input{padding:9px!important;font-size:12px!important}.auth-status{min-height:17px;color:var(--muted);margin:7px 0 5px;font-size:10px}.auth-status.ok{color:#86efac}.auth-status.err{color:#fca5a5}.character-card{max-width:760px}.character-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.character-slot{color:var(--text);cursor:pointer;text-align:left;background:linear-gradient(160deg,#172332,#080e16);border:1px solid #3b4b59;border-radius:14px;padding:14px;transition:all .16s}.character-slot:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 12px 28px #0008}.character-slot .portrait{background:#050a10;border:1px solid #e7bf6855;border-radius:12px;place-items:center;width:52px;height:52px;margin-bottom:9px;font-size:28px;display:grid}.character-slot b{color:var(--gold);font-size:14px;display:block}.character-slot span,.character-slot small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.character-create{border-top:1px solid #314151;grid-template-columns:1fr 1fr auto;gap:8px;margin-top:14px;padding-top:14px;display:grid}.character-create input,.character-create select{color:var(--text);background:#080e17;border:1px solid #314151;border-radius:9px;padding:9px}.class-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.class-opt{cursor:pointer;text-align:left;color:var(--text);background:#0b1026;border:1px solid #2a3561;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;display:flex}.class-opt b{font-size:13px}.class-opt span{color:var(--muted);font-size:11px}.class-opt.has-concept{justify-content:flex-end;min-height:92px;padding:0;position:relative;overflow:hidden}.class-opt.has-concept img{object-fit:cover;object-position:35% 24%;opacity:.95;filter:saturate(.92)contrast(1.12)brightness(1.08);width:100%;height:100%;position:absolute;inset:0}.class-opt.has-concept:after{content:"";background:linear-gradient(90deg,#05091408 0%,#05091435 38%,#050914d9 67%,#050914f5 100%);position:absolute;inset:0}.class-opt.has-concept>div{z-index:1;width:56%;margin-left:44%;padding:12px 10px;position:relative}.class-opt.has-concept b,.class-opt.has-concept span{text-shadow:0 2px 5px #000;display:block}.class-opt.active{border-color:var(--gold);background:linear-gradient(#1e2550,#0f1730);box-shadow:0 0 0 2px #ffd70033,0 8px 20px #0006}.check{background:#0b1026;border:1px solid #2a3561;border-radius:10px;align-items:center;gap:10px;padding:10px;flex-direction:row!important;display:flex!important}.check input{width:18px;height:18px}.hint{color:#8ea0ff;margin-top:6px;font-size:11px;line-height:1.4}.foot{color:var(--muted);text-align:center;margin-top:10px;font-size:11px}#gameLayout{grid-template-columns:320px 1fr 300px;gap:12px;height:calc(100vh - 52px);padding:12px;display:grid}#leftHud,#rightHud{flex-direction:column;gap:12px;display:flex;overflow:auto}#center{flex-direction:column;gap:10px;min-width:0;display:flex}.panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#15202de8,#0a1018f2);border:1px solid #344554;border-radius:14px;padding:12px;box-shadow:0 10px 30px #0008,inset 0 1px #ffffff0b}.panel h3{letter-spacing:.08em;color:var(--gold);margin-bottom:8px;font-family:Cinzel,serif;font-size:12px}.char-head{align-items:center;gap:10px;display:flex}.avatar{color:#1a1200;background:radial-gradient(circle at 30% 30%,gold,#a6843a);border:2px solid gold;border-radius:12px;place-items:center;width:56px;height:56px;font-size:28px;display:grid;box-shadow:0 0 18px #ffd70055}.hud-name{font-size:15px;font-weight:800}.adm{background:linear-gradient(90deg,gold,#ff8c00);-webkit-text-fill-color:transparent;letter-spacing:.08em;-webkit-background-clip:text;font-size:11px}.hud-sub{color:var(--muted);font-size:12px}.hud-title{letter-spacing:.14em;color:var(--gold2);margin-top:2px;font-size:10px}.bars{flex-direction:column;gap:6px;margin-top:10px;display:flex}.bar{background:#0b1026;border:1px solid #2a3561;border-radius:999px;height:18px;position:relative;overflow:hidden}.bar .fill{border-radius:999px;width:100%;transition:width .25s;position:absolute;inset:1px}.bar.hp .fill{background:linear-gradient(90deg,#ef4444,#b91c1c)}.bar.mp .fill{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.bar.exp .fill{background:linear-gradient(90deg,#f59e0b,#d97706)}.bar span{z-index:1;letter-spacing:.06em;text-shadow:0 1px 2px #000;place-items:center;height:100%;font-size:10px;font-weight:800;display:grid;position:relative}.stats-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.stats-grid div{text-align:center;background:#0b1026;border:1px solid #2a3561;border-radius:10px;padding:8px}.stats-grid span{color:var(--muted);letter-spacing:.08em;font-size:10px}.stats-grid b{font-family:JetBrains Mono,monospace;font-size:13px}.quick-actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:10px;display:grid}.qbtn{color:var(--text);cursor:pointer;background:#0f1730;border:1px solid #2a3561;border-radius:10px;padding:8px;font-size:12px;font-weight:700}.qbtn:hover{border-color:var(--gold);color:var(--gold)}.quest-list{flex-direction:column;gap:6px;display:flex}.quest{background:#0b1026;border:1px solid #2a3561;border-radius:10px;padding:8px 10px;font-size:12px}.quest.active{border-color:#f59e0b}.quest.done{opacity:.6;text-decoration:line-through}.quest span{color:var(--muted);margin-left:6px;font-size:11px}.chat-box{background:#070a14;border:1px solid #2a3561;border-radius:10px;flex-direction:column;gap:4px;height:160px;padding:8px;font-size:12px;display:flex;overflow:auto}.chat-input{gap:6px;margin-top:6px;display:flex}.chat-input input{color:var(--text);background:#070a14;border:1px solid #2a3561;border-radius:10px;outline:none;flex:1;padding:8px 10px}.chat-msg b{color:var(--gold)}.chat-msg.system{color:#7ee081}.chat-msg.adm{color:gold}.chat-msg.global{color:#8ea0ff}.party-members{flex-direction:column;gap:6px;display:flex}.party-empty{color:var(--muted);text-align:center;padding:8px;font-size:11px}.party-member{background:#080e17;border:1px solid #2f4050;border-radius:9px;grid-template-columns:28px 1fr auto;align-items:center;gap:7px;padding:6px;display:grid}.party-member .picon{font-size:17px}.party-member b{font-size:10px}.party-member small{color:var(--muted);font-size:8px;display:block}.party-hp{background:#351015;border-radius:9px;height:4px;margin-top:3px;overflow:hidden}.party-hp i{background:#ef4444;height:100%;display:block}.party-member button{color:#fca5a5;cursor:pointer;background:#3a1115;border:0;border-radius:6px;padding:4px;font-size:9px}.party-actions{grid-template-columns:1fr auto auto;gap:5px;margin-top:8px;display:grid}.party-actions input{min-width:0;color:var(--text);background:#070a14;border:1px solid #2a3561;border-radius:8px;padding:7px;font-size:10px}.party-invite{background:#17130a;border:1px solid #e7bf6855;border-radius:9px;margin-top:7px;padding:8px;font-size:10px}.party-invite button{margin-left:7px}.hidden{display:none!important}.clan-info{font-size:10px}.clan-head{background:#17130a;border:1px solid #e7bf6844;border-radius:9px;align-items:center;gap:8px;padding:8px;display:flex}.clan-emblem{color:#171006;background:#e7bf68;border-radius:8px;place-items:center;width:35px;height:35px;font-weight:900;display:grid}.clan-head b,.clan-head small{display:block}.clan-head small{color:var(--muted);font-size:8px}.clan-members{color:var(--muted);margin-top:6px}.clan-create{grid-template-columns:1fr 55px auto;gap:5px;margin-top:8px;display:grid}.clan-create input{min-width:0;color:var(--text);background:#070a14;border:1px solid #2a3561;border-radius:8px;padding:7px;font-size:9px}.clan-rank-title{margin-top:12px!important}.clan-ranking{flex-direction:column;gap:4px;display:flex}.clan-rank-row{background:#080e17;border-radius:7px;grid-template-columns:20px 1fr auto;gap:6px;padding:5px;font-size:9px;display:grid}.clan-rank-row b{color:var(--gold)}.clan-bank{grid-template-columns:1fr auto auto;gap:5px;margin-top:6px;display:grid}.clan-bank input{min-width:0;color:var(--text);background:#070a14;border:1px solid #2a3561;border-radius:8px;padding:7px;font-size:9px}#canvasWrap{background:#050713;border:1px solid #52606c;border-radius:16px;flex:1;min-height:420px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 55px #000a,inset 0 0 0 1px #e7bf6814}#game{image-rendering:auto;width:100%;height:100%;display:block}.canvas-overlay{pointer-events:none;position:absolute;inset:0}.tip{color:#d8dde5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#071019d9;border:1px solid #e7bf6844;border-radius:999px;padding:7px 12px;font-size:11px;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0008}.announce{color:#1a1200;letter-spacing:.08em;background:linear-gradient(90deg,gold,#ff8c00);border-radius:999px;padding:8px 16px;font-family:Cinzel,serif;font-weight:800;position:absolute;top:46px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #0006}.announce.hidden{display:none}.target-hud{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080d15e8;border:1px solid #ef444477;border-radius:12px;width:min(330px,70%);padding:8px 11px;position:absolute;top:48px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #000a}.target-hud.hidden{display:none}.target-title{align-items:center;gap:8px;font-size:12px;display:flex}.target-title>span{background-position:50% 20%;background-size:cover;border:1px solid #ef444466;border-radius:8px;place-items:center;width:34px;height:34px;font-size:20px;display:grid}.target-title>div{flex-direction:column;flex:1;display:flex}.target-title small{color:#9ca3af;font-size:9px}.target-title em{color:#d1d5db;font-size:10px;font-style:normal}.target-bar{background:#26080b;border:1px solid #5f1b22;border-radius:999px;height:13px;margin-top:6px;position:relative;overflow:hidden}.target-bar i{background:linear-gradient(90deg,#b91c1c,#ef4444);border-radius:999px;width:100%;transition:width .15s;position:absolute;inset:1px}.target-bar span{text-shadow:0 1px 2px #000;place-items:center;height:100%;font-size:8px;font-weight:800;display:grid;position:relative}#dangerVignette{opacity:0;pointer-events:none;background:radial-gradient(circle,#0000 48%,#ef444477 100%);transition:opacity .12s;position:absolute;inset:0}#dangerVignette.hit{opacity:1}.loot-toast{color:#7ee081;background:#0f2212;border:1px solid #1f4a23;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:700;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.loot-toast.hidden{display:none}#crosshair{color:#fff6;font-size:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mobile-pad{display:none}.hotbar{grid-template-columns:repeat(4,minmax(92px,1fr));gap:8px;display:grid}.hot{color:#d8dee7;text-align:left;cursor:pointer;background:linear-gradient(#162232,#091019);border:1px solid #34495a;border-radius:11px;min-height:54px;padding:7px 8px 7px 48px;font-size:11px;font-weight:700;position:relative;overflow:hidden;box-shadow:0 8px 20px #0005}.hot>span{background:#050a10;border:1px solid #4b5e6e;border-radius:8px;place-items:center;width:32px;height:36px;font-size:19px;display:grid;position:absolute;top:8px;left:8px}.hot>b{color:var(--gold);font-size:10px;display:block}.hot>small{white-space:nowrap;display:block}.hot>i{background:var(--gold);transform-origin:0;height:3px;position:absolute;inset:auto 0 0;transform:scaleX(0)}.hot.active{border-color:var(--gold);color:#fff;background:linear-gradient(#26303b,#101820)}.hot.cooldown{filter:saturate(.45);cursor:not-allowed}.hot.cooldown>span{opacity:.45}.hot.cooldown:after{content:attr(data-cd);color:#fff;text-shadow:0 2px 4px #000;font-size:14px;font-weight:900;position:absolute;top:16px;left:20px}.inv-grid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.inv-slot{aspect-ratio:1;cursor:pointer;background:#070a14;border:1px solid #2a3561;border-radius:10px;place-items:center;font-size:20px;display:grid;position:relative}.inv-slot.has{background:linear-gradient(#0f1a3a,#070a14);border-color:#3b82f6}.inv-slot.rarity-common{border-color:#64748b}.inv-slot.rarity-uncommon{border-color:#22c55e;box-shadow:inset 0 0 10px #22c55e18}.inv-slot.rarity-rare{border-color:#8b5cf6;box-shadow:inset 0 0 12px #8b5cf633}.inv-slot.rarity-epic{border-color:#f59e0b;box-shadow:inset 0 0 14px #f59e0b44}.inv-slot .cnt{background:#000a;border-radius:6px;padding:1px 4px;font-size:10px;font-weight:800;position:absolute;bottom:2px;right:4px}.item-art{object-fit:contain;filter:drop-shadow(0 2px 5px #000a);width:76%;height:76%;display:block}#tooltip .item-art{vertical-align:middle;width:24px;height:24px;margin-right:4px;display:inline-block}.gear-icon{vertical-align:middle;filter:drop-shadow(0 2px 5px #000b);background-image:url(/assets/items/gear-atlas-v1.png);background-repeat:no-repeat;background-size:400% 400%;border-radius:6px;flex:none;width:1.25em;height:1.25em;display:inline-block}.inv-slot .gear-icon{border-radius:7px;width:72%;height:72%;transition:transform .2s,filter .2s}.inv-slot:hover .gear-icon{filter:drop-shadow(0 0 8px #e7bf68aa);transform:scale(1.08)}.inv-slot[data-rarity=epic] .gear-icon{animation:2.4s ease-in-out infinite gearGlow}@keyframes gearGlow{50%{filter:drop-shadow(0 0 11px #c084fc)}}#tooltip .gear-icon{vertical-align:middle;width:24px;height:24px;margin-right:4px}.item-icon-preview{place-items:center;min-height:34px;margin-bottom:2px;display:grid}.item-icon-preview .gear-icon{border:1px solid #e7bf6844;width:34px;height:34px}.inv-slot .equipped{color:#171006;background:#e7bf68;border-radius:50%;place-items:center;width:15px;height:15px;font-size:8px;font-weight:900;display:grid;position:absolute;top:3px;left:3px;box-shadow:0 0 10px #e7bf68}.inv-foot{color:var(--muted);justify-content:space-between;align-items:center;margin-top:8px;font-size:11px;display:flex}.currency-wallet{grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;display:grid}.currency-pill{background:linear-gradient(145deg,#111d2acc,#080e16cc);border:1px solid #51627388;border-radius:10px;align-items:center;gap:7px;min-width:0;padding:7px;display:flex}.currency-pill img{object-fit:contain;filter:drop-shadow(0 2px 4px #000a);flex:0 0 31px;width:31px;height:31px}.currency-pill span{flex-direction:column;min-width:0;line-height:1.1;display:flex}.currency-pill small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:8px}.currency-pill b{color:#fff;font-variant-numeric:tabular-nums;font-size:13px}.currency-pill strong{color:var(--gold);white-space:nowrap;font-size:8px}.ticket-store-card{max-width:620px;max-height:90vh;overflow:auto}.ticket-pack-list{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;margin:14px 0;display:grid}.ticket-pack{color:#fff;text-align:left;background:linear-gradient(145deg,#20243a,#101522);border:1px solid #9c7b37;border-radius:12px;padding:12px}.ticket-pack b,.ticket-pack span{margin-bottom:6px;display:block}.ticket-pack span{color:var(--gold);font-size:12px}.ticket-payer-form,.ticket-payment{background:#0b1026;border:1px solid #51627388;border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}.ticket-payer-form label,.ticket-payment label{flex-direction:column;gap:5px;font-size:12px;display:flex}.ticket-payer-form input,.ticket-payment textarea{color:#fff;width:100%;font:inherit;background:#080e16;border:1px solid #516273;border-radius:8px;padding:10px}.ticket-qr{background:#fff;border-radius:10px;align-self:center;width:220px;max-width:100%;padding:8px}#ticketPaymentStatus{margin:0}.mission-card{max-width:760px;max-height:90vh;overflow:auto}.mission-list{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px;margin:10px 0 18px;display:grid}.mission-item{background:linear-gradient(145deg,#16202c,#0b101b);border:1px solid #51627388;border-radius:12px;padding:12px}.mission-item h4{color:#f0cf7a;margin:0 0 5px;font-family:Cinzel,serif}.mission-item p{color:var(--muted);min-height:28px;margin:0 0 8px;font-size:11px}.mission-progress{background:#05080d;border-radius:99px;height:7px;margin:8px 0 5px;overflow:hidden}.mission-progress i{background:linear-gradient(90deg,#a87932,#f9de83);height:100%;transition:width .25s;display:block}.mission-meta{color:#b8c0cc;justify-content:space-between;gap:6px;font-size:10px;display:flex}.mission-item .btn{width:100%;margin-top:8px}.story-quest{background:linear-gradient(145deg,#29210f,#11141c);border:1px solid #80672f;border-radius:12px;margin:8px 0;padding:11px}.story-quest h4{color:#f0cf7a;margin:0 0 5px;font-family:Cinzel,serif}.story-quest p{color:var(--muted);margin:4px 0;font-size:11px;line-height:1.4}.story-quest .btn{width:100%;margin-top:8px}.item-shop-card{max-width:900px;max-height:90vh;overflow:auto}.item-shop-balance{color:#e9d18b;background:#171728;border:1px solid #ac8b49;border-radius:9px;margin:8px 0;padding:9px 12px;font-weight:700}.item-shop-balance b{color:#fff}.siege-actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:9px;display:grid}.siege-panel .btn{min-width:0;padding:7px 6px;font-size:10px}.ranking{flex-direction:column;gap:6px;display:flex}.rank-row{background:#0b1026;border:1px solid #2a3561;border-radius:10px;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:flex}.rank-row.me{border-color:var(--gold);box-shadow:0 0 0 1px #ffd70033}.rank-row .pos{background:#1a2342;border-radius:6px;place-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:grid}.mini canvas{background:#070a14;border:1px solid #2a3561;border-radius:10px;width:100%}.map-legend{color:var(--muted);text-align:center;margin-top:6px;font-size:10px}.region-guide{margin-top:8px;font-size:11px}.region-guide summary{cursor:pointer;color:#f0cf7a;padding:7px 3px;font-weight:800}.region-guide-list{gap:6px;max-height:210px;display:grid;overflow:auto}.region-entry{background:#0b1019;border:1px solid #344554;border-radius:9px;padding:7px 9px}.region-entry b{color:#d9e3ea;display:block}.region-entry small{color:var(--muted);margin-top:3px;line-height:1.35;display:block}.modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:40;background:#050713cc;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal.hidden{display:none}.modal-card{background:linear-gradient(#141a2e,#0a0f1e);border:1px solid #2a3561;border-radius:18px;width:min(920px,96vw);max-height:90vh;padding:18px;position:relative;overflow:auto;box-shadow:0 20px 60px #0008}.modal-card h2{color:var(--gold);font-family:Cinzel,serif;font-size:18px}.modal-card .sub{color:var(--muted);margin:4px 0 14px;font-size:12px}.close{width:34px;height:34px;color:var(--text);cursor:pointer;background:#0b1026;border:1px solid #2a3561;border-radius:10px;position:absolute;top:12px;right:12px}.shop-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.shop-tabs{gap:8px;margin:12px 0;display:flex}.shop-tabs .btn{flex:1}.craft-materials{min-height:34px;line-height:1.4;color:#d7c69a!important;font-size:11px!important}.shop-item{background:#0b1026;border:1px solid #2a3561;border-radius:14px;padding:12px;position:relative}.shop-item.featured{border-color:var(--gold);box-shadow:0 0 0 1px #ffd70033}.shop-item h4{margin-bottom:4px;font-size:13px}.shop-item p{color:var(--muted);min-height:28px;font-size:11px}.shop-item b{color:var(--gold);margin:8px 0;display:block}.tag2{color:#1a1200;background:linear-gradient(90deg,gold,#ff8c00);border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800;position:absolute;top:-8px;right:10px}.revenue{color:#7ee081;text-align:center;background:#0f2212;border:1px solid #1f4a23;border-radius:12px;margin-top:12px;padding:10px;font-size:12px}.admin-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.admin-grid section{background:#0b1026;border:1px solid #2a3561;border-radius:12px;padding:12px}.admin-grid h3{color:var(--gold);margin-bottom:8px;font-size:12px}.row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.row label{color:var(--muted);font-size:12px}.row input[type=number],.row input[type=text],.row input:not([type=range]){min-width:90px;color:var(--text);background:#070a14;border:1px solid #2a3561;border-radius:8px;flex:1;padding:8px}.row input[type=range]{flex:1}.state{border:1px solid #2a3561;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800}.state.on{color:#7ee081;background:#0f2212;border-color:#1f4a23}.state.off{color:#ff8f8f;background:#2a0f0f;border-color:#5a1f1f}.tp button,.item-give button{color:var(--text);cursor:pointer;background:#0f1730;border:1px solid #2a3561;border-radius:10px;padding:7px 10px;font-size:12px;font-weight:700}.tp button:hover,.item-give button:hover{border-color:var(--gold)}.item-give{grid-template-columns:1fr 1fr;gap:6px;display:grid}.danger-zone{border-top:1px dashed #5a1f1f;margin-top:10px;padding-top:10px}.console{background:#070a14;border:1px solid #2a3561;border-radius:12px;margin-top:12px;padding:10px}.console>div:first-child{letter-spacing:.08em;color:var(--muted);margin-bottom:6px;font-size:11px}.adm-log{background:#050713;border:1px solid #1a2342;border-radius:8px;flex-direction:column;gap:3px;height:110px;padding:8px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex;overflow:auto}.adm-input{gap:6px;margin-top:8px;display:flex}.adm-input span{background:#1a2342;border-radius:8px;place-items:center;width:30px;display:grid}.adm-input input{color:var(--text);background:#0b1026;border:1px solid #2a3561;border-radius:8px;flex:1;padding:8px}.tooltip{z-index:60;color:var(--text);pointer-events:none;background:#0b1026;border:1px solid #2a3561;border-radius:10px;padding:8px 10px;font-size:12px;position:fixed;box-shadow:0 12px 24px #0006}.tooltip b,.tooltip small,.tooltip span,.tooltip em{display:block}.tooltip small{color:#a5adba;margin-top:3px;font-size:9px}.tooltip span{color:#86efac;margin-top:6px;font-size:10px}.tooltip em{color:#e7bf68;margin-top:6px;font-size:9px;font-style:normal}.pix-card{max-width:760px}.pix-layout{grid-template-columns:250px 1fr;gap:16px;margin-top:10px;display:grid}.pix-qr{background:#fff;border-radius:14px;flex-direction:column;align-items:center;padding:12px;display:flex}#pixQrCanvas{border-radius:8px}.pix-timer{color:#333;background:#f1f5f9;border-radius:999px;margin-top:8px;padding:6px 12px;font-size:12px;font-weight:700}.pix-info{flex-direction:column;gap:8px;display:flex}.pix-price{color:var(--gold);font-family:Cinzel,serif;font-size:22px}.pix-keybox label{letter-spacing:.06em;color:var(--muted);font-size:11px;font-weight:700}.pix-copy{color:#8ea0ff;word-break:break-all;cursor:pointer;background:#070a14;border:1px dashed #2a3561;border-radius:10px;max-height:96px;margin-top:6px;padding:10px;font-family:JetBrains Mono,monospace;font-size:11px;overflow:auto}.pix-copy:active{border-color:var(--gold)}.pix-steps{color:var(--muted);background:#0b1026;border:1px solid #1a2342;border-radius:10px;padding:8px 10px;font-size:11px;line-height:1.5}.pix-status{min-height:18px;font-size:12px;font-weight:700}.pix-status.ok{color:#22c55e}.pix-status.err{color:#ef4444}@media (width<=640px){.pix-layout{grid-template-columns:1fr}}.shop-filters{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.shop-filter{color:var(--muted);cursor:pointer;background:#0b1026;border:1px solid #2a3561;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:700}.shop-filter.active{background:var(--gold);color:#1a1200;border-color:#a6843a}#canvasWrap{cursor:crosshair}#crosshair{pointer-events:none}.tooltip.hidden{display:none}@media (width<=1100px){#gameLayout{grid-template-columns:1fr;height:auto}#leftHud,#rightHud{order:2}#center{order:1}.shop-grid{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}.mobile-pad{pointer-events:auto;justify-content:space-between;align-items:end;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.dpad{flex-direction:column;align-items:center;gap:6px;display:flex}.dpad button,.atk{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b1026cc;border:1px solid #2a3561;border-radius:12px;width:44px;height:44px;font-weight:800}.atk{background:linear-gradient(#ef4444,#b91c1c);border-color:#7f1d1d;width:auto;height:48px;padding:0 18px}}@media (width<=640px){.hotbar{grid-template-columns:repeat(4,1fr)}.hot{text-align:center;min-width:0;min-height:68px;padding:42px 3px 5px}.hot>span{left:50%;transform:translate(-50%)}.hot>b{display:none}.hot>small{text-overflow:ellipsis;font-size:9px;overflow:hidden}.account-fields{grid-template-columns:1fr}.account-title small{display:none}.character-grid,.character-create{grid-template-columns:1fr}}.inv-slot{transition:transform .18s,box-shadow .18s,filter .18s;overflow:hidden}.inv-slot:hover{filter:brightness(1.18);transform:translateY(-3px)scale(1.04);box-shadow:0 8px 22px #0008}.inv-slot:has(.equipped){box-shadow:0 0 14px #e7bf6888}.inv-slot[data-rarity=common]{border-color:#64748b}.inv-slot[data-rarity=uncommon]{border-color:#22c55e;box-shadow:inset 0 0 10px #22c55e22}.inv-slot[data-rarity=rare]{border-color:#38bdf8;box-shadow:inset 0 0 12px #38bdf833,0 0 8px #38bdf844}.inv-slot[data-rarity=epic]{border-color:#c084fc;animation:2.2s ease-in-out infinite itemPulse;box-shadow:inset 0 0 14px #c084fc33,0 0 10px #c084fc55}@keyframes itemPulse{50%{filter:brightness(1.22);box-shadow:inset 0 0 18px #c084fc55,0 0 18px #c084fc66}}.loot-toast{animation:.25s ease-out lootIn,1.4s ease-in-out infinite alternate lootGlow}@keyframes lootIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes lootGlow{to{box-shadow:0 0 18px #7ee08166}}.hot.advanced{border-color:#8b5cf6;box-shadow:inset 0 0 12px #8b5cf622}.hot.advanced:hover{border-color:#c084fc;box-shadow:0 0 16px #8b5cf666}.hot.locked{filter:grayscale()brightness(.48);cursor:not-allowed;border-color:#475569}.hot.locked:after{content:"🔒";font-size:10px;position:absolute;top:3px;right:4px}.hot:disabled{opacity:.72}.beta-feedback-card{width:min(560px,96vw)}.beta-feedback-card label{color:#c9d4de;margin:10px 0 5px;font-size:11px;display:block}.beta-feedback-card select,.beta-feedback-card input,.beta-feedback-card textarea{width:100%;color:var(--text);font:inherit;background:#080e17;border:1px solid #314151;border-radius:9px;padding:10px}.beta-feedback-card textarea{resize:vertical;min-height:120px}.beta-feedback-card #btnBetaFeedbackSubmit{width:100%;margin-top:8px}@media (width<=640px){#btnBetaFeedback{padding:6px 8px;font-size:10px}.beta-feedback-card{padding:15px}}.beta-code-input{grid-column:1/-1}.beta-code-input::placeholder{color:#8191a0}.donator-shop-card{border-color:#8b5cf6aa;width:min(920px,96vw);max-height:88vh;overflow:auto;box-shadow:0 20px 80px #05020fdd,0 0 30px #7c3aed33}.donator-premium-status{z-index:2;color:#e9d5ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#100c25f2;border:1px solid #8b5cf688;border-radius:10px;margin:10px 0;padding:10px 12px;font-size:12px;font-weight:700;position:sticky;top:0}.donator-shop-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:12px;display:grid}.donator-shop-item{background:linear-gradient(160deg,#15122b,#090d1d);border:1px solid #3c3167;border-radius:14px;flex-direction:column;gap:7px;min-height:228px;padding:12px;display:flex}.donator-shop-item h3{color:#f6eaff;font-size:13px}.donator-shop-item p{color:#aeb4c9;flex:1;font-size:11px;line-height:1.4}.donator-shop-item b{color:#e9d5ff;font-size:12px}.donator-shop-item button{border-color:#8b5cf6;width:100%}.donator-icon-preview{background:radial-gradient(circle,#291d4c,#0c1020 75%);border-radius:10px;place-items:center;height:82px;display:grid;overflow:hidden}.premium-icon{filter:drop-shadow(0 3px 8px #000d);background-image:url(/assets/items/donator-atlas-v1.png);background-repeat:no-repeat;background-size:400% 400%;border-radius:12px;width:72px;height:72px;display:block}.donator-shop-item:hover .premium-icon{filter:drop-shadow(0 0 12px #c084fc88);transition:transform .2s,filter .2s;transform:translateY(-2px)scale(1.04)}@media (width<=560px){.donator-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.donator-shop-item{min-height:216px;padding:8px}.premium-icon{width:60px;height:60px}}.paperdoll-modal{border-color:#e7bf6877;width:min(1020px,96vw);max-height:92vh;overflow:auto}.paperdoll-layout{grid-template-columns:minmax(330px,1fr) minmax(260px,.9fr);gap:14px;margin-top:12px;display:grid}.paperdoll-character-panel,.paperdoll-bag-panel{background:linear-gradient(145deg,#111827,#090e18);border:1px solid #38405c;border-radius:14px;padding:12px}.paperdoll-name{text-align:center;color:#f3d88d;margin:0 0 6px;font:700 13px Cinzel,serif}.paperdoll-stage{background:radial-gradient(#243044 0,#111827 48%,#0a0e19 78%);border:1px solid #333c55;border-radius:12px;grid-template-columns:105px minmax(120px,1fr) 105px;align-items:center;gap:2px;height:340px;display:grid;position:relative;overflow:hidden}#paperdollCanvas{object-fit:contain;z-index:0;width:100%;height:320px}.paperdoll-side{z-index:1;flex-direction:column;gap:5px;display:flex}.paperdoll-slot{color:#b8c0cc;text-align:left;cursor:pointer;background:#090e18e8;border:1px solid #4b5563;border-radius:8px;grid-template-columns:32px 1fr;align-items:center;gap:4px;width:100%;min-height:45px;padding:3px;display:grid;overflow:hidden}.paperdoll-slot.equipped{color:#ffe5a3;border-color:#e7bf68;box-shadow:0 0 10px #e7bf6833}.paperdoll-slot .gear-icon,.paperdoll-slot .item-art{object-fit:contain;width:30px;height:30px}.paperdoll-slot-label{overflow-wrap:anywhere;font-size:9px;line-height:1.1}.paperdoll-slot .slot-empty{text-align:center;color:#667085;font-size:20px}.paperdoll-stats{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:8px;display:grid}.paperdoll-stats span{text-align:center;color:#d7deea;background:#0a101d;border:1px solid #29344b;border-radius:7px;padding:6px 4px;font-size:10px}.paperdoll-bag-panel h3{color:#f0cf7a;margin:0 0 8px;font:700 14px Cinzel,serif}.paperdoll-bag-panel .inv-grid{grid-template-columns:repeat(5,minmax(38px,1fr));max-height:390px;overflow:auto}@media (width<=760px){.paperdoll-layout{grid-template-columns:1fr}.paperdoll-stage{grid-template-columns:90px minmax(120px,1fr) 90px;height:320px}.paperdoll-slot{grid-template-columns:28px 1fr;min-height:42px}.paperdoll-bag-panel .inv-grid{max-height:250px}}#gameLayout{grid-template-columns:minmax(260px,22vw) minmax(0,1fr) minmax(260px,22vw);gap:8px;height:calc(100dvh - 52px);min-height:0;padding:8px;overflow:hidden}#center{gap:7px;min-height:0;overflow:hidden}@media (height<=760px) and (width>=761px){#gameLayout{gap:6px;padding:6px}#leftHud,#rightHud{gap:5px}.panel{padding:9px}.panel h3{margin-bottom:5px;font-size:11px}.char-panel .stats-grid{gap:4px;margin-top:5px}.char-panel .stats-grid>div{padding:5px}.char-panel .quick-actions{display:none}#rightHud .inv-grid{gap:4px}#rightHud .inv-slot{border-radius:7px}#rightHud .currency-wallet{margin-top:5px}#rightHud .currency-pill{padding:5px}#rightHud .mini canvas{max-height:76px}}@media (width<=1100px) and (width>=761px){#gameLayout{grid-template-columns:minmax(210px,25vw) minmax(0,1fr) minmax(210px,25vw);height:calc(100dvh - 52px)}.logo{font-size:13px}.tag{display:none}#leftHud .char-panel .stats-grid span{font-size:8px}#leftHud .char-panel .stats-grid b{font-size:11px}}@media (width<=760px){html,body{overflow:hidden}#topbar{flex-basis:46px;gap:4px;height:46px;padding:0 8px}.logo{letter-spacing:.06em;font-size:11px}.crown{font-size:17px}.top-actions{gap:4px}#serverStatus{padding:4px 6px;font-size:9px}.top-actions>.btn{padding:5px 7px;font-size:9px}#gameLayout{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:0;height:calc(100dvh - 46px);padding:5px;display:grid}#center{grid-area:1/1;gap:4px;min-height:0}#canvasWrap{border-radius:12px;flex:auto;min-height:0}#leftHud,#rightHud{display:none}#leftHud.mobile-open,#rightHud.mobile-open{z-index:45;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080d18f7;border:1px solid #e7bf6877;border-radius:14px;width:auto;padding:8px;position:fixed;inset:53px 7px 78px;box-shadow:0 18px 60px #000c;display:flex!important}.mobile-hud-nav{flex:0 0 34px;grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.mobile-hud-nav button{color:#dce4ef;background:#111a2b;border:1px solid #35415a;border-radius:8px;font-size:10px;font-weight:800}.mobile-hud-nav button:active{color:#211907;background:#d6b967}#hotbar{flex:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.hot{min-width:0;min-height:55px;padding:32px 3px 4px}.mobile-pad{bottom:7px;left:7px;right:7px}.mobile-pad button{width:38px;height:38px}.mobile-pad .atk{width:auto;height:42px;padding:0 12px}#targetHud{max-width:70%}}html,body{width:100%;height:100%;overflow:hidden}body{height:100dvh;min-height:0}#topbar{flex:0 0 52px}#gameLayout{grid-template-columns:minmax(260px,22vw) minmax(0,1fr) minmax(260px,22vw);gap:8px;height:calc(100dvh - 52px);min-height:0;padding:8px;display:grid;overflow:hidden}#leftHud,#rightHud,#center{gap:7px;min-width:0;min-height:0;overflow:hidden}#canvasWrap{min-height:0}#leftHud .char-panel{flex:none;padding:9px}#leftHud .char-head{gap:8px}.char-panel .avatar{width:44px;height:44px;font-size:22px}.char-panel .hud-name{font-size:13px}.char-panel .hud-sub{font-size:10px}.char-panel .bars{gap:4px;margin-top:7px}.char-panel .bar{height:15px}.char-panel .stats-grid{gap:5px;margin-top:6px}.char-panel .stats-grid>div{padding:5px}.hud-page-tabs{background:#090f1b;border:1px solid #29354a;border-radius:10px;flex:none;gap:4px;padding:4px;display:flex}.hud-page-tabs button{color:#aeb8c7;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex:1;min-width:0;padding:6px 3px;font-size:10px;font-weight:800}.hud-page-tabs button.active{color:#1a1200;background:linear-gradient(#f0d27a,#c9a86a);border-color:#a6843a}.hud-page:not(.hidden){flex:1 1 0;min-height:0;padding:9px;overflow:hidden}#rightHud .hud-page[data-hud-page=inventory]{flex:none}#rightHud .hud-page[data-hud-page=pvp],#rightHud .hud-page[data-hud-page=world]{flex:1 1 0}#rightHud .clan-panel{overflow:hidden}#rightHud .clan-members{max-height:52px;overflow:hidden}#rightHud .mini canvas{width:100%;height:auto;max-height:95px}#rightHud .region-guide-list{max-height:56px;overflow:hidden}.mobile-hud-nav{display:none}@media (height<=760px) and (width>=761px){#gameLayout{gap:6px;padding:6px}#leftHud,#rightHud{gap:5px}.panel{padding:9px}.panel h3{margin-bottom:5px;font-size:11px}.char-panel .stats-grid{gap:3px;margin-top:4px}.char-panel .stats-grid>div{padding:4px}#leftHud [data-hud-page=quests] .story-quest{max-height:155px;margin:5px 0;padding:7px;overflow:hidden}#leftHud [data-hud-page=quests] .story-quest p{margin:3px 0;font-size:9px;line-height:1.25}#leftHud [data-hud-page=quests] #questList{display:none}#leftHud [data-hud-page=quests] #btnMissions{padding:6px;margin-top:4px!important}#rightHud .inv-grid{gap:4px}#rightHud .inv-slot{border-radius:7px}#rightHud .currency-wallet{margin-top:4px}#rightHud .currency-pill{padding:4px}#rightHud .mini canvas{max-height:72px}}@media (width<=1100px) and (width>=761px){#gameLayout{grid-template-columns:minmax(220px,25vw) minmax(0,1fr) minmax(220px,25vw);height:calc(100dvh - 52px)}.logo{font-size:13px}.tag{display:none}#leftHud .char-panel .stats-grid span{font-size:8px}#leftHud .char-panel .stats-grid b{font-size:11px}}@media (width<=760px){#topbar{flex-basis:46px;gap:4px;height:46px;padding:0 8px}.logo{letter-spacing:.06em;font-size:11px}.crown{font-size:17px}.top-actions{gap:4px}#serverStatus{padding:4px 6px;font-size:9px}.top-actions>.btn{padding:5px 7px;font-size:9px}#gameLayout{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:0;height:calc(100dvh - 46px);padding:5px;display:grid}#center{grid-area:1/1;gap:4px;min-height:0}#canvasWrap{border-radius:12px;flex:auto;min-height:0}#leftHud,#rightHud{display:none}#leftHud.mobile-open,#rightHud.mobile-open{z-index:45;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080d18f7;border:1px solid #e7bf6877;border-radius:14px;width:auto;padding:8px;position:fixed;inset:54px 7px 76px;box-shadow:0 18px 60px #000c;display:flex!important}.mobile-hud-nav{flex:0 0 34px;grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.mobile-hud-nav button{color:#dce4ef;background:#111a2b;border:1px solid #35415a;border-radius:8px;font-size:10px;font-weight:800}.mobile-hud-nav button:active{color:#211907;background:#d6b967}#hotbar{flex:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.hot{min-width:0;min-height:55px;padding:32px 3px 4px}.mobile-pad{bottom:7px;left:7px;right:7px}.mobile-pad button{width:38px;height:38px}.mobile-pad .atk{width:auto;height:42px;padding:0 12px}#targetHud{max-width:70%}}@media (height<=760px){.overlay{align-items:center;padding:6px}.login-card{width:min(560px,96vw);max-height:calc(100dvh - 12px);padding:11px 14px;overflow:hidden}.login-header{margin-bottom:5px}.login-logo{font-size:18px}.login-header p{margin-top:1px;font-size:10px}.badge{margin-top:3px;padding:3px 7px;font-size:9px}.login-card label{margin:7px 0 4px;font-size:10px}.login-card input[type=text],.login-card input:not([type=checkbox]){padding:8px}.account-box{margin-top:6px;padding:8px}.account-fields{gap:5px;margin-top:6px}.account-fields input{padding:7px!important}.auth-status{min-height:14px;margin:3px 0;font-size:9px}.class-grid{gap:5px}.class-opt.has-concept{min-height:64px}.class-opt.has-concept b{font-size:11px}.class-opt.has-concept span{font-size:9px}.login-card .check{margin:5px 0;padding:6px}.login-card .btn.lg{padding:9px 14px;font-size:13px}.login-card .foot{margin-top:5px;font-size:9px}}@media (width<=760px){.overlay{padding:4px}.overlay:before,.overlay:after{display:none}.login-card{border-radius:12px;width:100%;max-height:calc(100dvh - 8px);padding:8px 12px}.class-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.class-opt.has-concept{min-height:54px;padding:0 4px}.class-opt.has-concept b{font-size:10px}.class-opt.has-concept span{font-size:8px}}.skill-book-card{width:min(1040px,96vw)}.skill-book-summary{background:#0b1322;border:1px solid #34415b;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin:8px 0 12px;padding:10px 12px;display:flex}.skill-book-summary strong{color:#f4d277}.skill-tree-grid{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:9px;display:grid}.skill-node{background:linear-gradient(150deg,#111c2c,#0b1220);border:1px solid #34415b;border-radius:12px;min-width:0;padding:11px}.skill-node.learned{background:linear-gradient(150deg,#262316,#10141d);border-color:#b69a58}.skill-node-head{align-items:center;gap:9px;display:flex}.skill-node-icon{background:#09111e;border:1px solid #53627c;border-radius:10px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:21px;display:grid}.skill-node-head b{color:#f1e8d4;font-size:13px;display:block}.skill-node-head small{color:#91a2b9;letter-spacing:.06em;margin-top:3px;font-size:9px;font-weight:800;display:block}.skill-node p{color:#b8c4d2;min-height:35px;margin:9px 0;font-size:11px;line-height:1.4}.skill-node button{width:100%}.skill-node button:disabled{opacity:.62;cursor:not-allowed}#mobilePad,#mobilePad button{touch-action:none;-webkit-user-select:none;user-select:none}@media (width<=760px){#btnSkillBook{padding:5px 8px;font-size:0}#btnSkillBook:before{content:"📖";font-size:14px}.skill-book-summary{flex-direction:column;align-items:flex-start}.skill-tree-grid{grid-template-columns:1fr 1fr;gap:6px}.skill-node{padding:8px}.skill-node-head{gap:6px}.skill-node-icon{flex-basis:30px;width:30px;height:30px;font-size:17px}.skill-node-head b{font-size:10px}.skill-node p{min-height:44px;font-size:9px}.skill-node button{padding:5px;font-size:9px}}.boss-board-card{width:min(1080px,96vw)}.boss-board-summary{color:#c6cbd5;background:#11121c;border:1px solid #3e3749;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin:8px 0 12px;padding:9px 12px;font-size:11px;display:flex}.boss-board-summary b{color:#f2cf79}.boss-board-grid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:9px;margin:10px 0;display:grid}.boss-card{background:linear-gradient(145deg,#111a26,#0b101a);border:1px solid #3a4456;border-radius:12px;min-width:0;padding:11px}.boss-card.grand{background:linear-gradient(145deg,#282116,#10131b);border-color:#a68139}.boss-card-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.boss-card-head b{color:#f3e8cd;font:700 13px Cinzel,serif;display:block}.boss-card-head small{color:#9ca9ba;margin-top:4px;font-size:10px;display:block}.boss-state{color:#9fb5c9;white-space:nowrap;background:#101726;border:1px solid #3a4659;border-radius:99px;padding:4px 7px;font-size:9px;font-weight:900}.boss-state.alive{color:#7be1a9;background:#0c2a20;border-color:#176c45}.boss-state.grand{color:#f4d27b;background:#30230c;border-color:#8d6c27}.boss-hp{background:#2b1720;border-radius:99px;height:7px;margin:9px 0 4px;overflow:hidden}.boss-hp i{background:linear-gradient(90deg,#991b1b,#fb7185);height:100%;transition:width .3s;display:block}.boss-next{color:#d3dbe5;margin:7px 0;font-size:10px}.boss-loot-list{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.boss-loot-pill{color:#b9c5d2;background:#0a111b;border:1px solid #374151;border-radius:7px;padding:4px 6px;font-size:9px}.boss-loot-pill b{color:#f2cd73}.boss-board-launch{width:100%;margin-top:6px}@media (width<=760px){.boss-board-summary{flex-direction:column;align-items:flex-start}.boss-board-grid{grid-template-columns:1fr 1fr;gap:6px}.boss-card{padding:8px}.boss-card-head b{font-size:10px}.boss-card-head small,.boss-next,.boss-loot-pill{font-size:8px}.boss-board-card{padding:14px}.boss-board-launch{font-size:9px}}.trade-bag-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.trade-modal{width:min(760px,96vw)}.trade-invite-controls{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;margin:12px 0;display:grid}.trade-invite-controls label,.trade-active-panel>label{color:#c5d0de;gap:5px;font-size:11px;font-weight:800;display:grid}.trade-invite-controls input,.trade-active-panel input[type=number]{color:#f4f0e6;background:#080e19;border:1px solid #35445d;border-radius:9px;width:100%;min-width:0;padding:9px 10px}.trade-active-panel{border-top:1px solid #29364a;gap:9px;margin-top:12px;padding-top:12px;display:grid}.trade-offers{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.trade-offer-card{background:linear-gradient(145deg,#111b2a,#0a101b);border:1px solid #34445b;border-radius:10px;min-width:0;padding:10px}.trade-offer-card b{color:#f2d17d;font-size:11px}.trade-offer-card p{color:#f4eddd;margin:6px 0;font-size:14px;font-weight:900}.trade-offer-card small{color:#aebbd0;max-height:44px;font-size:10px;line-height:1.4;display:block;overflow:auto}.trade-active-panel h3{color:#d9e1ed;margin:3px 0;font-size:11px}.trade-inventory-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;max-height:min(28vh,220px);padding:2px;display:grid;overflow:auto}.trade-inventory-row{color:#d4deeb;background:#0b1320;border:1px solid #26364d;border-radius:8px;grid-template-columns:16px minmax(0,1fr) 56px;align-items:center;gap:6px;min-width:0;padding:6px;font-size:10px;display:grid}.trade-inventory-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.trade-inventory-row input[type=number]{color:#fff;background:#080e19;border:1px solid #34445b;border-radius:6px;width:56px;padding:5px}@media (width<=560px){.trade-offers,.trade-inventory-list{grid-template-columns:1fr}.trade-invite-controls{grid-template-columns:minmax(0,1fr) auto}.trade-modal{padding:14px}.trade-inventory-list{max-height:25vh}}.market-compose{background:#0b1320;border:1px solid #34435a;border-radius:11px;grid-template-columns:minmax(180px,1.4fr) 90px minmax(150px,1fr) auto;align-items:end;gap:8px;margin:12px 0;padding:10px;display:grid}.market-compose label{color:#c3cede;gap:5px;font-size:10px;font-weight:800;display:grid}.market-compose input,.market-compose select{color:#f4f0e6;background:#080e19;border:1px solid #35445d;border-radius:8px;width:100%;min-width:0;padding:8px}.market-toolbar{color:#a9b7ca;justify-content:space-between;align-items:center;gap:8px;margin:10px 0;font-size:10px;display:flex}.market-listing-grid{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:8px;max-height:46vh;padding:2px;display:grid;overflow:auto}.market-card{background:linear-gradient(150deg,#121d2c,#0a111c);border:1px solid #34435a;border-radius:11px;min-width:0;padding:10px}.market-card-top{align-items:center;gap:7px;display:flex}.market-icon{background:#080e19;border:1px solid #48556a;border-radius:9px;flex:0 0 36px;place-items:center;width:36px;height:36px;font-size:21px;display:grid}.market-card-top>b{color:#f0e8d9;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.market-badge{color:#ebce7a;white-space:nowrap;border:1px solid #514831;border-radius:99px;margin-left:auto;padding:3px 5px;font-size:8px;font-weight:900}.market-card p{color:#aebbd0;margin:7px 0;font-size:9px}.market-card>strong{color:#f0cf75;font-size:14px;display:block}.market-fee{color:#91a1b6;margin-top:4px;font-size:9px;display:block}.market-card-actions{justify-content:flex-end;margin-top:8px;display:flex}.market-empty{color:#9aa9bd;text-align:center;border:1px dashed #35445a;border-radius:10px;grid-column:1/-1;padding:20px;font-size:11px}@media (width<=680px){.market-compose{grid-template-columns:1fr 74px}.market-compose label:first-child,.market-compose button{grid-column:1/-1}.market-listing-grid{grid-template-columns:1fr 1fr;max-height:42vh}.market-card{padding:8px}.market-card-top>b{font-size:9px}.market-card p,.market-fee{font-size:8px}.market-toolbar{align-items:flex-start;font-size:9px}}.market-filters{grid-template-columns:minmax(180px,1.4fr) minmax(145px,.8fr) minmax(135px,.7fr);gap:7px;margin:8px 0;display:grid}.market-filters input,.market-filters select{color:#e7edf7;background:#080e19;border:1px solid #35445d;border-radius:8px;min-width:0;padding:8px;font-size:10px}.market-filters input:focus,.market-filters select:focus{outline-offset:1px;outline:2px solid #d6b967}@media (width<=680px){.market-filters{grid-template-columns:1fr 1fr}.market-filters input{grid-column:1/-1}}#equipment3dModal{z-index:90}.equipment3d-card{border-color:#b89b56;width:min(1040px,96vw);max-height:92vh}.equipment3d-layout{grid-template-columns:minmax(0,1.35fr) minmax(210px,.65fr);gap:12px;min-height:440px;display:grid}.equipment3d-stage{background:radial-gradient(at 52% 38%,#34475a 0,#172434 48%,#090f18 100%);border:1px solid #34445a;border-radius:14px;min-width:0;min-height:410px;position:relative;overflow:hidden}#equipment3dCanvas{touch-action:none;width:100%;height:100%;min-height:410px;display:block}.equipment3d-tag{color:#f1d484;letter-spacing:.08em;pointer-events:none;background:#070d16bb;border:1px solid #d5b96766;border-radius:99px;padding:5px 8px;font-size:9px;font-weight:900;position:absolute;top:10px;left:10px}#equipment3dReset{position:absolute;top:8px;right:10px}.equipment3d-controls{background:linear-gradient(155deg,#121c2b,#090f19);border:1px solid #34445a;border-radius:12px;align-content:start;gap:8px;padding:12px;display:grid}.equipment3d-controls>label{color:#c8d3e0;gap:4px;font-size:10px;font-weight:800;display:grid}.equipment3d-controls select{color:#f2eee5;background:#080e19;border:1px solid #35445d;border-radius:8px;width:100%;padding:8px;font-size:11px}.equipment3d-check{background:#0c1420;border:1px solid #2d3b50;border-radius:8px;align-items:center;gap:7px;padding:6px 8px;display:flex!important}.equipment3d-modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:4px;display:grid}.equipment3d-modes .active{color:#f2d27b;border-color:#d5b967}@media (width<=760px){#equipment3dModal{padding:8px}.equipment3d-card{max-height:96vh;padding:14px;overflow:auto}.equipment3d-layout{grid-template-columns:1fr;min-height:0}.equipment3d-stage,#equipment3dCanvas{height:42vh;min-height:42vh}.equipment3d-controls{grid-template-columns:1fr 1fr}.equipment3d-controls>label:nth-child(-n+3),.equipment3d-modes,.equipment3d-status{grid-column:1/-1}}