:root{--ink: #f3e9d2;--muted: #b9ab8c;--panel: rgba(20, 16, 12, .86);--panel-edge: #6b5634;--gold: #e8b85a;--hp: #d8423a;--xp: #8b5cf6}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#101810;color:var(--ink);font-family:Inter,system-ui,sans-serif}#game{position:fixed;top:0;right:0;bottom:0;left:0}#game canvas{display:block}[hidden]{display:none!important}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:50;background:radial-gradient(ellipse at 50% 30%,#2c3b22,#121a0f 60%,#070a06)}.login-card{width:min(420px,calc(100vw - 32px));padding:32px 28px;background:var(--panel);border:2px solid var(--panel-edge);border-radius:10px;box-shadow:0 20px 60px #000a,inset 0 0 0 1px #00000080}.login-card h1{font-family:Cinzel,serif;font-size:44px;letter-spacing:8px;margin:0;text-align:center;color:var(--gold);text-shadow:0 2px 0 #000,0 0 24px #e8b85a55}.sub{text-align:center;color:var(--muted);margin:4px 0 24px;font-size:13px}label{display:block;font-size:13px;color:var(--muted);margin-bottom:14px}input{width:100%;margin-top:6px;padding:10px 12px;font:inherit;color:var(--ink);background:#0c0a08;border:1px solid #4a3c25;border-radius:6px;outline:none}input:focus{border-color:var(--gold)}.row{display:flex;gap:10px;margin-top:6px}.btn{flex:1;padding:10px 14px;font:600 14px Inter,sans-serif;color:var(--ink);background:#2a2218;border:1px solid #5c4a2c;border-radius:6px;cursor:pointer}.btn:hover{background:#3a2f20}.btn.primary{background:linear-gradient(#c89540,#9a6c25);color:#1a1208;border-color:#e8b85a}.btn.primary:hover{filter:brightness(1.08)}.error{color:#ff7b6b;min-height:18px;font-size:13px;margin:12px 0 0}.hint{color:#8f8468;font-size:12px;line-height:1.5;margin:18px 0 0;text-align:center}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}#hud .panel,#hud button,#hud input,#actions{pointer-events:auto}.panel{background:var(--panel);border:1px solid var(--panel-edge);border-radius:8px;box-shadow:0 6px 20px #0008}.char-top{display:flex;gap:8px;align-items:center;font-weight:700;font-size:14px;margin-bottom:7px}.char-top>span:last-child{margin-left:auto;color:var(--gold);font-size:13px;white-space:nowrap}#char-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.badge{font-size:10px;font-weight:700;padding:1px 6px;border:1px solid;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.bar{position:relative;height:16px;background:#0b0907;border:1px solid #3c311f;border-radius:4px;overflow:hidden;margin-top:5px}.bar>div{height:100%;transition:width .2s ease}.bar.hp>div{background:linear-gradient(#ef5a50,#a92a22)}.bar.xp{height:10px}.bar.xp>div{background:linear-gradient(#a98bff,#6a3fd8)}.bar span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:11px;font-weight:600;text-shadow:0 1px 2px #000}.bar.xp span{font-size:9px}#toasts{position:absolute;top:90px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.toast{padding:7px 14px;border-radius:6px;background:#000c;border:1px solid #555;font-size:13px;font-weight:600;transition:opacity .5s,transform .5s}.toast.loot{color:#ffd76a;border-color:#8a6b20}.toast.warn{color:#ff9b8b;border-color:#8a3a2a}.toast.out{opacity:0;transform:translateY(-8px)}#hud #chat{position:absolute;left:14px;bottom:14px;width:min(380px,calc(100vw - 28px));padding:8px;pointer-events:none;background:#14100c8c}#chat-log{text-shadow:0 1px 2px #000}#chat-log{height:130px;overflow-y:auto;font-size:12.5px;line-height:1.45;padding:2px 4px 6px}#chat-log b{color:var(--gold)}#chat-log .sys,#chat-log .sys b{color:#9fb7d8}#chat-input{margin:0;padding:7px 9px;font-size:13px}#actions{position:absolute;right:14px;bottom:14px}.btn.icon{flex:none;background:var(--panel);border-color:var(--panel-edge)}kbd{font:11px Inter;padding:1px 5px;border:1px solid #6b5634;border-radius:3px;margin-left:4px;color:var(--muted)}#inventory{position:absolute;right:14px;bottom:64px;width:300px;padding:10px}.panel-head{display:flex;align-items:center;justify-content:space-between;font-family:Cinzel,serif;font-weight:700;color:var(--gold);margin-bottom:8px}.x{background:none;border:0;color:var(--muted);cursor:pointer;font-size:14px}#inv-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}#bank{position:absolute;left:14px;top:130px;width:380px;padding:10px;max-height:calc(100vh - 150px);overflow-y:auto}#bank-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}#bank-grid .slot{cursor:pointer}#bank-grid .slot:hover,#inv-grid.banking .slot:hover{border-color:var(--gold)}#bank-tip{min-height:38px;font-size:12px;color:var(--muted);padding:8px 2px 0;line-height:1.4}#bank-tip em{font-style:normal;font-size:10px;text-transform:uppercase;margin-left:4px}.slot{position:relative;aspect-ratio:1;background:#0b0907;border:1px solid #3c311f;border-radius:5px;display:grid;place-items:center}.slot .icon{width:32px;height:32px;background-image:url(/assets/icons.png);image-rendering:pixelated;transform:scale(1.15)}.slot b{position:absolute;right:3px;bottom:1px;font-size:11px;text-shadow:0 1px 2px #000,0 0 2px #000}#inv-tip{height:112px;overflow:hidden;box-sizing:border-box;font-size:12px;color:var(--muted);padding:8px 2px 0;line-height:1.4}#inv-tip em{font-style:normal;font-size:10px;text-transform:uppercase;margin-left:4px}#death{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;background:#3a000055;pointer-events:none}#death div{font-family:Cinzel,serif;font-size:56px;color:#ff6b5b;text-shadow:0 3px 0 #000}#death small{color:#f0d0c0;font-size:15px}#debug{position:absolute;right:14px;top:14px;padding:6px 10px;background:#000b;border-radius:6px;font:12px ui-monospace,monospace;color:#9f9}#conn-lost{position:absolute;left:50%;top:40%;transform:translate(-50%);padding:16px 20px;background:#200c;border:1px solid #a33;border-radius:8px;pointer-events:auto;display:flex;gap:12px;align-items:center}@media(max-width:700px){#char-frame{width:calc(100vw - 28px)}#target-frame{top:100px}#chat-log{height:80px}}#class-pick{border:1px solid #4a3c25;border-radius:8px;padding:8px 10px 10px;margin:0 0 14px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}#class-pick legend{color:var(--muted);font-size:13px;padding:0 4px}#class-pick legend small{color:#8f8468}label.cls{margin:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px 8px;border:1px solid #3c311f;border-radius:6px;cursor:pointer;text-align:center;background:#0c0a08}label.cls input{display:none}label.cls b{color:var(--ink);font-size:12.5px}label.cls small{font-size:10.5px;color:#8f8468;line-height:1.2}label.cls:has(input:checked){border-color:var(--gold);box-shadow:inset 0 0 12px #e8b85a33}.cls-img{width:64px;height:64px;background-repeat:no-repeat;background-position:0 0;image-rendering:pixelated}.cls-img.ember{background-image:url(/assets/chars/ember_idle.png)}.cls-img.frost{background-image:url(/assets/chars/frost_idle.png)}.cls-img.void{background-image:url(/assets/chars/void_idle.png)}.char-meta{display:flex;gap:12px;align-items:center;margin-top:7px;font-size:12px;color:var(--muted)}.char-meta b{color:var(--ink)}.char-meta #char-weapon{margin-left:auto;font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.char-meta em{font-style:normal;color:#7d725a}.coin{display:inline-block;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffe68a,#e0a020 60%,#8a5a00);box-shadow:0 0 0 1px #4a3000;vertical-align:-2px;margin-right:4px}.slot{cursor:pointer}.slot.equipped{outline:2px solid var(--gold);outline-offset:-3px}.slot.unusable .icon{filter:grayscale(.8) brightness(.7)}.slot u{position:absolute;left:3px;top:1px;font-size:10px;font-weight:800;text-decoration:none;color:var(--gold);text-shadow:0 1px 2px #000}#inv-tip .bad{color:#ff8b7b}#inv-tip .price{color:#e8c35a}#shop{position:absolute;left:14px;top:130px;width:330px;padding:10px}.shop-sec{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:6px 0}.shop-row{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:6px;background:#0b0907;margin-bottom:4px}.shop-row.unusable{opacity:.55}.shop-row .icon{width:32px;height:32px;flex:none;background-image:url(/assets/icons.png);image-rendering:pixelated}.shop-row .nm{flex:1;font-size:12.5px;font-weight:600;display:flex;flex-direction:column}.shop-row .nm small{font-size:10px;color:var(--muted);font-weight:400}.shop-row .pr{font-size:12px;color:#e8c35a;white-space:nowrap}.btn.mini{flex:none;padding:4px 9px;font-size:12px}.btn:disabled{opacity:.45;cursor:not-allowed}#shop-sell-all{width:100%}.shop-hint{font-size:11px;color:#8f8468;margin:8px 0 0}#lobby{align-items:start;overflow-y:auto;padding:32px 16px}.lobby-card{width:min(980px,100%);margin:0 auto;padding:22px;background:var(--panel);border:2px solid var(--panel-edge);border-radius:10px;box-shadow:0 20px 60px #000a}.lobby-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.lobby-head h2{font-family:Cinzel,serif;color:var(--gold);margin:0;font-size:26px}.lobby-bal{margin-left:auto;font-size:18px;display:flex;align-items:center;gap:4px}.lobby-bal b{color:#ffd76a}.lobby-bal .coin{width:16px;height:16px}.lobby-tools{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 14px;align-items:center}.lobby-tools .btn{flex:none}.lobby-tools .btn small{font-weight:500;opacity:.8;margin-left:4px}.btn.on{border-color:#ff9b6b;color:#ffb48b}.lb-ch{margin:0 0 0 auto;display:flex;align-items:center;gap:8px}select{font:600 13px Inter,sans-serif;color:var(--ink);background:#0c0a08;border:1px solid #5c4a2c;border-radius:6px;padding:7px 8px}.merge-bar{display:flex;align-items:center;gap:12px;padding:10px 12px;margin-bottom:14px;border:1px dashed #a07a3a;border-radius:8px;background:#2a1f1080;font-size:13.5px}.merge-bar span{flex:1}.merge-bar .btn{flex:none}.char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.char-card{position:relative;padding:12px 10px;border:1px solid #3c311f;border-top:3px solid var(--rc);border-radius:8px;background:#0c0a08;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.char-card.listed{opacity:.65}.char-card.picked{box-shadow:0 0 0 2px var(--gold),0 0 18px #e8b85a44;cursor:pointer}.char-card.main{box-shadow:0 0 0 2px #ff9b6b,0 0 18px #ff9b6b55}.lobby-card:has(.merge-bar) .char-card{cursor:pointer}.cc-img{position:relative;width:96px;height:96px;display:grid;place-items:center}.cc-img .cls-img{transform:scale(1.5);position:relative;z-index:1}.cc-img.big{width:140px;height:140px}.cc-img.big .cls-img{transform:scale(2.2)}.cc-aura{position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:50%;background:radial-gradient(circle,var(--rc) 0%,transparent 70%);opacity:.35;animation:pulse 2.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.6;transform:scale(1.08)}}.cc-name{font-weight:700;font-size:15px}.cc-meta{font-size:12px;color:var(--muted)}.rt{font-style:normal;font-size:10px;font-weight:700;padding:0 5px;border:1px solid;border-radius:4px;text-transform:uppercase;letter-spacing:.4px}.cc-flag{font-size:11px;color:#ffb48b}.cc-flag.on{color:#7dff8a}.cc-flag.main{color:#ff9b6b;font-weight:700}.cc-flag.pick{color:var(--gold);font-weight:700}.cc-actions{display:flex;gap:6px;margin-top:6px}#lobby-toasts{position:fixed;top:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;z-index:80}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;background:#000a;padding:16px}.modal-card{width:min(460px,100%);padding:22px;background:var(--panel);border:2px solid var(--panel-edge);border-radius:10px;background-color:#17120c}.modal-card h3{font-family:Cinzel,serif;color:var(--gold);margin:0 0 4px;font-size:22px}.modal-card .sub{text-align:left;margin:0 0 14px}.odds{list-style:none;padding:0;margin:0 0 14px;display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.odds li{display:flex;flex-direction:column;align-items:center;padding:6px 2px;border:1px solid currentColor;border-radius:6px;font-size:11px;font-weight:700;background:#0c0a08}.odds li b{font-size:14px;color:var(--ink)}.box-cls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.reveal{flex-direction:column}.chest{position:absolute;width:90px;height:70px;transition:opacity .3s}.chest .base{position:absolute;bottom:0;width:100%;height:44px;background:linear-gradient(#8a5a2a,#5a3410);border:3px solid #e8b85a;border-radius:4px}.chest .lid{position:absolute;top:0;width:100%;height:30px;background:linear-gradient(#a06a30,#6a4018);border:3px solid #e8b85a;border-radius:12px 12px 2px 2px;transform-origin:bottom left}.chest.shake{animation:shake .15s linear infinite}@keyframes shake{25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}.reveal.open .chest{opacity:0}.reveal-card{opacity:0;transform:scale(.6);transition:transform .45s cubic-bezier(.2,1.6,.4,1),opacity .3s;padding:22px 30px;text-align:center;border:2px solid var(--rc);border-radius:12px;background:#120e0a;box-shadow:0 0 60px var(--rc);display:flex;flex-direction:column;align-items:center;gap:4px}.reveal.open .reveal-card{opacity:1;transform:scale(1)}.rv-title{font-family:Cinzel,serif;color:var(--gold);font-size:18px}.rv-name{font-weight:700;font-size:20px}.rv-rarity{font-family:Cinzel,serif;font-size:28px;font-weight:700;text-shadow:0 0 18px currentColor}.rv-cls{color:var(--muted);font-size:13px;margin-bottom:10px}.reveal-card.tier4,.reveal-card.tier5{animation:glow 1.2s ease-in-out infinite alternate}@keyframes glow{to{box-shadow:0 0 110px var(--rc)}}.market{position:fixed;z-index:70;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100vw - 32px));max-height:min(640px,calc(100vh - 32px));display:flex;flex-direction:column;padding:12px;background-color:#17120c}.mk-tabs{display:flex;gap:4px;margin-bottom:8px;flex-wrap:wrap}.mk-tab{flex:1;padding:6px 8px;font:600 12.5px Inter;color:var(--muted);background:#0c0a08;border:1px solid #3c311f;border-radius:6px;cursor:pointer}.mk-tab.on{color:var(--gold);border-color:var(--gold)}.mk-q{margin:0 0 8px;padding:7px 9px}.mk-body{overflow-y:auto;flex:1;min-height:120px}.mk-row{display:flex;align-items:center;gap:8px;padding:5px 7px;border-radius:6px;background:#0b0907;margin-bottom:4px}.mk-row .icon{width:32px;height:32px;flex:none;background-image:url(/assets/icons.png);image-rendering:pixelated}.mk-row .mk-char{width:64px;height:64px;flex:none;transform:scale(.6);margin:-14px -12px}.mk-row .nm .rt{align-self:flex-start;margin-top:2px}.mk-row .nm{flex:1;min-width:0;font-size:12.5px;font-weight:600;display:flex;flex-direction:column}.mk-row .nm small{font-size:10.5px;color:var(--muted);font-weight:400}.mk-row .pr{font-size:12.5px;color:#e8c35a;white-space:nowrap}.mk-row .pr.up{color:#7dff8a}.mk-row .pr.down{color:#ff9b8b}.mk-num{width:64px;margin:0;padding:5px 6px;font-size:12px}.mk-num.price{width:84px}.mk-empty{color:var(--muted);text-align:center;font-size:13px;padding:20px 0}.mk-note{font-size:11px;color:#8f8468;margin:8px 0 0}#party-frame{position:absolute;left:14px;top:138px;width:196px;padding:5px 8px 6px}#party-frame .panel-head{font-size:11.5px;margin-bottom:2px}#party-frame .panel-head .btn.mini{padding:1px 7px;font-size:10.5px}.pm{padding:2px 0 3px;border-top:1px solid #3c311f55}.pm-top{display:flex;align-items:center;gap:4px;font-size:10.5px;line-height:1.25}.pm-top b{max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#party-frame .bar.mini{height:4px;margin-top:2px}.pm-top b{color:#7dff8a}.pm.me .pm-top b{color:var(--ink)}.pm-top small{color:var(--muted);font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-top .x{margin-left:auto;font-size:11px}.pm.off{opacity:.5}.bar.mini{height:6px;margin-top:3px}#party-invite{position:absolute;left:50%;top:120px;transform:translate(-50%);padding:12px 14px;font-size:13.5px;display:flex;flex-direction:column;gap:8px;border-color:#7dff8a}#ctx-menu{position:fixed;z-index:60;min-width:160px;padding:4px;display:flex;flex-direction:column}#ctx-menu .ctx-title{font-weight:700;font-size:12.5px;color:var(--gold);padding:4px 8px}#ctx-menu button{text-align:left;padding:6px 8px;font:13px Inter;color:var(--ink);background:none;border:0;border-radius:4px;cursor:pointer}#ctx-menu button:hover:not(:disabled){background:#3a2f20}#ctx-menu button:disabled{opacity:.45;cursor:not-allowed}#actions{display:flex;gap:6px;align-items:center}#minimap .mm-head #ch-select{flex:none;font:600 11px Inter,sans-serif;color:#ffe9b0;background:#1b150d;border:1px solid #6b5631;border-radius:6px;padding:1px 4px;cursor:pointer}#minimap .mm-head #ch-select option{background:#1b150d;color:#f3e9d2}#chat-log .ch-tag{font-style:normal;color:#7d725a;font-size:10.5px;margin-right:4px}#chat-log .party,#chat-log .party b,#chat-log .party .ch-tag{color:#7dff8a}#chat-log .clan,#chat-log .clan b,#chat-log .clan .ch-tag{color:#8fd3ff}@media(max-width:700px){#party-frame{top:150px}#actions{flex-wrap:wrap;justify-content:flex-end;max-width:60vw}.odds{grid-template-columns:repeat(3,1fr)}}#shop{max-height:calc(100vh - 150px);overflow-y:auto}.up-row .nm small{white-space:normal}.up-row .safe{color:#7dff8a}.up-row .risk{color:#ff9b6b}.up-row .eqtag{text-decoration:none;color:var(--gold);font-size:10px}.slot s.plus{position:absolute;left:3px;bottom:1px;font-size:10.5px;font-weight:800;text-decoration:none;color:#9fe3ff;text-shadow:0 1px 2px #000,0 0 2px #000}.slot s.plus.p4,.slot s.plus.p5{color:#c79bff}.slot s.plus.p6,.slot s.plus.p7{color:#ffb347}.slot s.plus.p8{color:#ff5d5d}#upgrade-fx{position:absolute;left:50%;top:32%;transform:translate(-50%);font-family:Cinzel,serif;font-size:44px;font-weight:700;pointer-events:none;text-shadow:0 3px 0 #000;animation:upfx 1.6s ease-out forwards}#upgrade-fx.success{color:#ffd84a;text-shadow:0 3px 0 #000,0 0 30px #ffd84a}#upgrade-fx.fail{color:#c8c8c8}#upgrade-fx.burned{color:#ff5040;text-shadow:0 3px 0 #000,0 0 30px #ff3020}@keyframes upfx{0%{opacity:0;transform:translate(-50%) scale(.6)}15%{opacity:1;transform:translate(-50%) scale(1.08)}25%{transform:translate(-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-20px)}}#hud,.market,#lobby,.modal,#game{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}#hud input,.market input,.modal input,#lobby input,#lobby select{-webkit-user-select:text;user-select:text}#area-banner{position:absolute;left:50%;top:18%;transform:translate(-50%);text-align:center;pointer-events:none;animation:areain 3.2s ease-out forwards}#area-banner div{font-family:Cinzel,serif;font-size:26px;font-weight:700;color:#ffe9b0;text-shadow:0 2px 0 #000,0 0 18px #000;letter-spacing:1px}#area-banner small{display:block;margin-top:2px;font-size:13px;color:#d9cfb4;text-shadow:0 1px 2px #000}#area-banner.big div{font-size:38px;letter-spacing:3px}@keyframes areain{0%{opacity:0;transform:translate(-50%,8px)}12%{opacity:1;transform:translate(-50%)}75%{opacity:1}to{opacity:0}}#minimap{position:absolute;right:8px;top:8px;width:214px;pointer-events:none;display:flex;flex-direction:column;align-items:stretch;gap:4px}#minimap .mm-frame{pointer-events:auto;background:#1c1e28d1;border:1px solid #5c5f6b;border-radius:7px;padding:0 4px 4px;box-shadow:0 3px 10px #000a,inset 0 1px #ffffff1a}#minimap .mm-top{display:flex;align-items:center;justify-content:space-between;height:24px;padding:0 1px 0 3px}#minimap #minimap-pos{font:600 11.5px Inter,sans-serif;color:#e6e8ee;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000;white-space:nowrap}#minimap .mm-btns{display:flex;gap:3px}#minimap .mm-btns button{width:18px;height:18px;padding:0;display:grid;place-items:center;font:700 12px/1 Inter,sans-serif;color:#e6e8ee;background:#3a3d49;border:1px solid #1a1b22;border-radius:3px;box-shadow:inset 0 1px #fff2;cursor:pointer}#minimap .mm-btns button:hover{background:#4b4f5e}#minimap .mm-btns button:active{background:#2c2e38}#minimap-canvas{display:block;width:204px;height:204px;border-radius:4px;cursor:crosshair;background:#0e1a10}#minimap.min .mm-frame{padding-bottom:0}#minimap.min #minimap-canvas{display:none}#minimap.min~#quest-tracker{top:76px}#minimap.min~#debug{top:76px}#minimap .mm-head{pointer-events:auto;display:flex;align-items:center;gap:8px;padding:3px 8px;font-size:11px;color:#e6e8ee;background:#1c1e28d1;border:1px solid #5c5f6b;border-radius:7px;box-shadow:0 2px 6px #0009;text-shadow:0 1px 2px #000}#minimap .mm-head #minimap-name{flex:1;font-family:Cinzel,serif;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ffe9b0}#minimap .mm-head .x{color:#e6e8ee;font-size:13px;padding:0 2px}#minimap .mm-head #ping{flex:none;display:inline-flex;align-items:center;gap:4px;font:600 11px Inter,sans-serif;font-variant-numeric:tabular-nums;color:#9fe39f;white-space:nowrap;cursor:default}#minimap .mm-head #ping:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 4px currentColor}#minimap .mm-head #ping.mid{color:#ffd166}#minimap .mm-head #ping.bad{color:#ff6b6b}#hud #debug{top:276px}#bigmap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:75;display:grid;place-items:center;background:#000a;pointer-events:auto}.bm-card{padding:10px;border:16px solid transparent;border-image:url(/assets/ui/panel_stone.png) 18 fill / 16px round;image-rendering:pixelated;max-width:calc(100vw - 20px);max-height:calc(100vh - 20px);display:flex;flex-direction:column}.bm-card .panel-head{margin:-6px 0 8px;font-size:18px;text-shadow:0 2px 0 #000}.bm-scroll{overflow:auto}#bigmap-canvas{display:block;image-rendering:pixelated}.bm-legend{margin:8px 0 0;font-size:12px;color:#e8ddc0;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.bm-legend i{display:inline-block;width:9px;height:9px;border-radius:50%;border:1px solid #000;margin-left:8px}@media(max-width:700px){#minimap{width:164px}#minimap-canvas{width:154px;height:154px}}#hotbar{position:absolute;left:50%;bottom:6px;transform:translate(-50%) scale(.8);transform-origin:50% 100%;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:6px}#hb-slots{position:relative;pointer-events:auto;display:flex;gap:7px;align-items:center;padding:9px 16px 15px;background:linear-gradient(180deg,#353946,#1f222b 45%,#14161c);border-radius:12px 12px 6px 6px;border:1px solid #07080a;box-shadow:inset 0 1px #6b7282,inset 0 -2px #0b0c10,0 0 0 2px #8f6d2c,0 0 0 3px #e2b85a55,0 0 0 4px #121318,0 8px 18px #000b}#hb-slots:after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:3px;border-radius:2px;background:linear-gradient(90deg,transparent,#c99a3c 15%,#ffe08a 50%,#c99a3c 85%,transparent);box-shadow:0 0 6px #ffcf6a88}#hb-slots:before{content:"";position:absolute;top:-9px;right:-26px;bottom:-2px;left:-26px;z-index:-1;pointer-events:none;background:linear-gradient(135deg,transparent 46%,#4a4f5d 47%,#262932 60%,transparent 61%) left bottom / 34px 40px no-repeat,linear-gradient(225deg,transparent 46%,#4a4f5d 47%,#262932 60%,transparent 61%) right bottom / 34px 40px no-repeat}.hb-slot{position:relative;width:50px;height:50px;cursor:pointer;display:grid;place-items:center;border-radius:7px;background:radial-gradient(circle at 50% 40%,#2b2f3a,#0c0d11 75%);box-shadow:inset 0 0 0 2px #0a0b0e,inset 0 0 0 3px #8e98aa,inset 0 0 0 4px #3a3f4b,inset 0 6px 10px #0008,0 1px #ffffff1a,0 0 0 1px #000}.hb-slot:hover{box-shadow:inset 0 0 0 2px #0a0b0e,inset 0 0 0 3px #ffd77a,inset 0 0 0 4px #6b5220,0 0 10px #ffcf6a88,0 0 0 1px #000}.hb-slot.dash{box-shadow:inset 0 0 0 2px #0a0b0e,inset 0 0 0 3px #8fd0ff,inset 0 0 0 4px #24486e,inset 0 6px 10px #0008,0 0 0 1px #000}.hb-slot .sk-icon,.hb-slot .icon{width:32px;height:32px;image-rendering:pixelated;transform:scale(1.18)}.hb-slot .icon{background-image:url(/assets/icons.png)}.hb-slot kbd{position:absolute;left:50%;bottom:-10px;transform:translate(-50%);margin:0;padding:0 5px;min-width:16px;text-align:center;font:800 10px/14px Inter,sans-serif;color:#fff;background:linear-gradient(#3a3f4c,#15171d);border:1px solid #9aa4b6;border-radius:4px;box-shadow:0 1px 2px #000;text-shadow:0 1px 1px #000}.hb-slot .lv{position:absolute;left:3px;top:1px;font:800 10px Inter,sans-serif;font-style:normal;color:#fff;text-shadow:0 0 2px #000,0 1px 2px #000,1px 0 0 #000,-1px 0 0 #000;z-index:2}.hb-slot .lv.no{color:#ffd76a}.hb-slot .qty{position:absolute;right:3px;bottom:1px;font-size:11px;font-weight:800;text-shadow:0 1px 2px #000,0 0 2px #000}.hb-slot .cd{position:absolute;top:3px;right:3px;bottom:3px;left:3px;display:grid;place-items:center;font-size:16px;font-weight:800;color:#fff;text-shadow:0 1px 3px #000;border-radius:5px;z-index:1}.hb-slot.locked .sk-icon{filter:grayscale(1) brightness(.4)}.hb-slot .lock{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-style:normal;font-size:14px;z-index:1}.hb-slot.empty .icon{filter:grayscale(1) brightness(.45)}.hb-sep{width:2px;height:40px;margin:0 3px;background:linear-gradient(#0000,#c99a3c,#0000);opacity:.7}.sk-icon{display:inline-block;width:32px;height:32px;background-image:url(/assets/skills.png);image-rendering:pixelated;flex:none}.sk-icon.big{transform:scale(1.25);margin:4px}#buffs{display:flex;gap:5px}.buff{position:relative;display:inline-block;width:28px;height:28px;overflow:hidden;border-radius:5px;background:#0c0d11;box-shadow:inset 0 0 0 1px #000,0 0 0 2px #9aa4b6,0 0 0 3px #15171d,0 0 10px #ffd76a55}.buff .sk-icon{display:block;width:32px;height:32px;transform:scale(.875);margin:-2px}.buff b{position:absolute;right:2px;bottom:0;font-size:10px;font-weight:800;text-shadow:0 1px 2px #000,0 0 2px #000}#skills-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-55%);width:min(400px,calc(100vw - 32px));pointer-events:auto;padding:6px 8px;border:22px solid transparent;border-image:url(/assets/ui/frame_skull.png) 30 fill / 22px stretch;image-rendering:pixelated}#skills-panel .panel-head{margin-top:-6px}#skills-panel .shop-hint{margin:2px 4px 10px;color:#e8ddc0;text-shadow:0 1px 2px #000}#skills-panel em{font-style:normal;color:#f3e9d2;font-family:Inter,sans-serif;font-size:13px}.sk-row{display:flex;gap:10px;align-items:flex-start;padding:7px;margin-bottom:6px;background:#0b0907cc;border:1px solid #3c311f;border-radius:6px}.sk-row b{font-size:14px;color:#ffe9b0}.sk-row small{display:block;font-size:11px;color:var(--muted);margin-top:2px}.sk-row p{margin:4px 0 0;font-size:12.5px;line-height:1.35}.sk-row.locked{opacity:.6}.sk-row.locked .sk-icon{filter:grayscale(1)}@media(max-width:900px){#hotbar{bottom:64px}}#heat{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:calc(var(--heat, 0) * 1);transition:opacity .6s;z-index:1;background:radial-gradient(ellipse 80% 75% at 50% 50%,#ff5a0000 55%,#ff460029 85%,#8c140052);animation:heat-pulse 3.2s ease-in-out infinite}@keyframes heat-pulse{50%{filter:brightness(1.25)}}#frost{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:var(--frost, 0);transition:opacity .6s;z-index:1;background:radial-gradient(ellipse 85% 80% at 50% 50%,#dcf0ff00 60%,#c8e6ff2e 88%,#aad2f557)}#night{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:var(--night, 0);transition:opacity .25s linear;z-index:1}#night .n-vig{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 75% 70% at 50% 52%,#0a0e2800 40%,#06081a8c 78%,#03040ed9)}#night .n-fog{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;opacity:.35;background:radial-gradient(ellipse 22% 10% at 20% 70%,rgba(190,205,235,.35),transparent 70%),radial-gradient(ellipse 30% 12% at 70% 80%,rgba(190,205,235,.3),transparent 70%),radial-gradient(ellipse 25% 9% at 45% 40%,rgba(190,205,235,.22),transparent 70%),radial-gradient(ellipse 28% 10% at 85% 30%,rgba(190,205,235,.2),transparent 70%);animation:nfog 38s linear infinite alternate}@keyframes nfog{0%{transform:translate(-6%)}to{transform:translate(6%,-3%)}}#night .n-moon{position:absolute;right:250px;top:26px;width:78px;height:78px;border-radius:50%;background:radial-gradient(circle at 38% 36%,#fffef2,#f3edcf 45%,#d9d2b0 75%,#c7bf9c);box-shadow:0 0 30px 10px #e6ebff73,0 0 110px 45px #96aaff38}#night .n-moon:before,#night .n-moon:after{content:"";position:absolute;border-radius:50%;background:#968c6e59}#night .n-moon:before{width:16px;height:13px;left:44px;top:20px}#night .n-moon:after{width:11px;height:10px;left:22px;top:46px;box-shadow:26px 6px 0 -2px #968c6e4d}#actions .lbl{display:none}#actions .btn.icon{padding-left:9px;padding-right:9px}#char-frame,#target-frame{background:linear-gradient(180deg,#353946,#1f222b,#15171d);border:1px solid #07080a;border-radius:12px;box-shadow:inset 0 1px #6b7282,inset 0 -2px #0b0c10,0 0 0 2px #8f6d2c,0 0 0 3px #e2b85a55,0 0 0 4px #121318,0 8px 18px #000b}#char-frame{position:absolute;left:14px;top:14px;width:318px;display:flex;gap:12px;align-items:center;padding:9px 12px 9px 10px;pointer-events:auto}#char-frame:after,#target-frame:after{content:"";position:absolute;left:16px;right:16px;bottom:3px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#c99a3c 20%,#ffe08a 50%,#c99a3c 80%,transparent);opacity:.8}.cf-portrait{--rar: #c9c9c9;position:relative;flex:none;width:66px;height:66px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#3b4250,#0c0d11 72%);box-shadow:inset 0 0 0 2px #0a0b0e,inset 0 0 0 4px #9aa4b6,inset 0 0 0 5px #3a3f4b,inset 0 0 14px #000,0 0 0 2px var(--rar),0 0 12px var(--rar);overflow:visible}#cf-face{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;overflow:hidden;image-rendering:pixelated;background:url(/assets/chars/ember_idle.png) no-repeat;background-size:3072px 512px;background-position:-36px -14px}.cf-portrait[data-pal=frost] #cf-face{background-image:url(/assets/chars/frost_idle.png)}.cf-portrait[data-pal=void] #cf-face{background-image:url(/assets/chars/void_idle.png)}#cf-lv{position:absolute;left:50%;bottom:-9px;transform:translate(-50%);min-width:24px;height:20px;padding:0 5px;display:grid;place-items:center;font:800 12px/1 Inter,sans-serif;color:#2a1a04;background:linear-gradient(#ffe9a3,#e2b043 55%,#a8761d);border:1px solid #3b2606;border-radius:10px;box-shadow:0 2px 3px #000a,inset 0 1px #fff6;text-shadow:0 1px 0 #ffe9a399}.cf-body{flex:1;min-width:0}#char-frame .char-top{margin:0;gap:7px;font-size:14.5px}#char-frame .char-top #char-name{font-family:Cinzel,serif;font-weight:700;color:#fff3d6;text-shadow:0 1px 2px #000}#char-frame .badge{font-size:9.5px;padding:1px 5px;letter-spacing:.5px;background:#0006}.cf-sub{margin:1px 0 5px;font-size:11.5px;font-weight:600;color:var(--gold);text-shadow:0 1px 2px #000}#char-frame .bar,#target-frame .bar{height:15px;margin-top:4px;border:1px solid #050608;border-radius:8px;background:linear-gradient(#0a0b0e,#1a1c22);box-shadow:inset 0 2px 4px #000c,0 1px #ffffff14}#char-frame .bar.xp{height:12px}#char-frame .bar.xp span{font-size:8.5px;line-height:12px;letter-spacing:.6px}#char-frame .bar>div,#target-frame .bar>div{position:relative;border-radius:8px 0 0 8px}#char-frame .bar.hp>div,#target-frame .bar.hp>div{background:linear-gradient(#ff7a6a,#e0352b 45%,#8e1612);box-shadow:inset 0 1px #ffb3a8aa}#char-frame .bar.xp>div{background:linear-gradient(#c6b2ff,#8457f0 50%,#4c23a8);box-shadow:inset 0 1px #e6dcff99}#char-frame .bar.hp:after,#target-frame .bar.hp:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:8px;background:linear-gradient(#ffffff26,#fff0 50%),repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),#0007 calc(10% - 1px) 10%)}#hp-trail,#target-trail{position:absolute;left:0;top:0;bottom:0;background:#ffe2d6;opacity:.75;border-radius:8px 0 0 8px;transition:width .6s ease .35s}#char-frame .bar span,#target-frame .bar span{z-index:1;font-weight:700;letter-spacing:.3px;text-shadow:0 1px 2px #000,0 0 3px #000}#char-frame.low .bar.hp>div{animation:lowhp .9s ease-in-out infinite}@keyframes lowhp{50%{filter:brightness(1.6) saturate(1.3)}}#char-frame .char-meta{margin-top:6px;font-size:12px;gap:12px}#char-frame .char-meta b{color:#fff3d6}.cf-ic{font-style:normal;color:#cfd6e3;margin-right:3px}#target-frame{position:absolute;left:50%;top:14px;transform:translate(-50%);width:250px;padding:8px 14px 10px;pointer-events:none}#target-frame .char-top{margin-bottom:2px;font-size:14px}#target-frame #target-name{font-family:Cinzel,serif;font-weight:700;color:#ffd9c9}#target-frame #target-level{margin-left:auto;color:var(--gold);font-weight:700}#equip{position:absolute;right:330px;bottom:64px;width:330px;padding:10px 12px}#eq-body{display:grid;grid-template-columns:52px 1fr 52px;gap:8px;align-items:start}.eq-col{display:flex;flex-direction:column;gap:6px}.eq-slot{position:relative;width:52px;height:52px;display:grid;place-items:center;cursor:default;background:radial-gradient(circle at 50% 40%,#1a1510,#0b0907 70%);border:1px solid #3c311f;border-radius:6px;box-shadow:inset 0 0 0 1px #000,inset 0 4px 10px #0009}.eq-slot svg{width:26px;height:26px;fill:none;stroke:#6d5a3a;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;opacity:.55}.eq-slot .icon{width:32px;height:32px;background-image:url(/assets/icons.png);image-rendering:pixelated;transform:scale(1.2)}.eq-slot.filled{cursor:pointer}.eq-slot.filled:hover{border-color:var(--gold)}.eq-slot s.plus{position:absolute;left:3px;bottom:1px;font-size:10.5px;font-weight:800;text-decoration:none;color:#9fe3ff;text-shadow:0 1px 2px #000,0 0 2px #000}.eq-slot em{position:absolute;left:0;right:0;bottom:-1px;font:600 8.5px Inter,sans-serif;font-style:normal;text-align:center;color:#8a7756;text-transform:uppercase;letter-spacing:.3px;pointer-events:none}.eq-slot.filled em{display:none}#eq-doll{display:flex;flex-direction:column;align-items:center;min-width:0}#eq-name{font-family:Cinzel,serif;font-weight:700;color:var(--gold);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}#eq-sub{font-size:11px;color:var(--muted);margin-bottom:2px}#eq-sub b{font-weight:700}#eq-stage{position:relative;width:150px;height:220px;border-radius:8px;overflow:hidden;background:radial-gradient(ellipse at 50% 78%,#2a2016,#120e0a 62%,#0b0907);border:1px solid #2c2416}#eq-glow{position:absolute;left:50%;bottom:26px;width:96px;height:26px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse,var(--rar, #c9c9c9) 0%,transparent 70%);opacity:.45}#eq-char,#eq-shadow{position:absolute;left:50%;bottom:10px;width:64px;height:64px;margin-left:-32px;transform-origin:50% 87.5%;transform:scale(3);image-rendering:pixelated;background-repeat:no-repeat;animation:eq-idle 1.92s steps(24) infinite}#eq-shadow{background-image:url(/assets/chars/shadow_idle.png)}@keyframes eq-idle{0%{background-position-x:0}to{background-position-x:-1536px}}#eq-stats{display:grid;grid-template-columns:1fr 1fr;gap:3px 14px;margin-top:9px;padding:8px 4px 2px;border-top:1px solid #3c311f;font-size:12px}#eq-stats div{display:flex;justify-content:space-between;gap:6px;color:var(--muted)}#eq-stats b{color:#f3e6c8;font-weight:700}#eq-stats i{font-style:normal;color:#7fe08a;font-size:11px;margin-left:3px}#eq-tip{height:104px;overflow:hidden;box-sizing:border-box;font-size:12px;color:var(--muted);padding:6px 2px 0;line-height:1.4}@media(max-width:1100px){#equip{right:14px;bottom:360px}}*:not(input):not(textarea):not(canvas){cursor:url(/assets/ui/cursor.png) 2 2,auto!important}button,a,select,label,.btn,.x,.slot,.hb-slot,.mk-tab,.eq-slot.filled,.char-card,label.cls,kbd,[data-act],[data-tab],#ctx-menu button,#minimap-canvas,.lobby-card:has(.merge-bar) .char-card{cursor:url(/assets/ui/cursor_hand.png) 12 2,pointer!important}.btn:disabled,#ctx-menu button:disabled{cursor:url(/assets/ui/cursor.png) 2 2,not-allowed!important}input,textarea{cursor:text}canvas{cursor:url(/assets/ui/cursor.png) 2 2,auto}.badge.vip{color:#ffd84a;border-color:#ffd84a;margin-left:4px;text-shadow:0 0 6px #ffb300aa}#btn-auto{position:absolute;top:8px;right:322px;z-index:5;padding:6px 10px;font-weight:700}#btn-sound{position:absolute;top:8px;right:230px;z-index:5;padding:6px 9px}#btn-auto-cfg{position:absolute;top:8px;right:276px;z-index:5;padding:6px 9px}#auto-panel{position:absolute;right:276px;top:48px;width:250px;padding:10px;z-index:6}#auto-panel .ap-sec{font-size:12px;color:var(--gold);margin:6px 0 4px}#auto-rar{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}#auto-rar label,#auto-panel .ap-row{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer}#auto-rar label{justify-content:flex-start;margin:0}#auto-rar input[type=checkbox]{width:auto;flex:none;margin:0}#auto-pots{width:64px;flex:none;padding:3px 6px}#auto-panel .ap-hint{font-size:11px;opacity:.7;margin:8px 0 0}@media(max-width:700px){#btn-auto{right:272px}#btn-sound{right:180px}#btn-auto-cfg{right:226px}#auto-panel{right:180px}}#btn-auto.on{border-color:#7dff8a;color:#c9ffd0;box-shadow:0 0 0 1px #7dff8a66,0 0 14px #46e05a88;animation:auto-pulse 1.4s ease-in-out infinite}@keyframes auto-pulse{50%{box-shadow:0 0 0 1px #7dff8aaa,0 0 22px #46e05acc}}#quest-panel{position:absolute;left:50%;top:90px;transform:translate(-50%);width:min(640px,calc(100vw - 32px));padding:10px;max-height:calc(100vh - 200px);display:flex;flex-direction:column}#quest-panel .q-body{display:flex;gap:10px;min-height:0;overflow:hidden}#quest-list{width:220px;flex:none;overflow-y:auto}#quest-detail{flex:1;overflow-y:auto;padding:2px 4px}.q-row{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:6px;background:#0b0907;margin-bottom:4px;cursor:pointer;border:1px solid transparent;font-size:13px}.q-row:hover{border-color:#6b5631}.q-row.sel{border-color:var(--gold);background:#1b150d}.q-row small{margin-left:auto;color:var(--muted);font-size:11px;white-space:nowrap}.q-nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.q-tag{width:16px;text-align:center;font-weight:900;font-family:Cinzel,serif}.q-row.new .q-tag{color:#ffd23f}.q-row.ready .q-tag{color:#7dff8a}.q-row.prog .q-tag{color:var(--muted)}.q-empty{color:var(--muted);font-size:12px;margin:6px 4px}#quest-detail h3{font-family:Cinzel,serif;color:var(--gold);margin:2px 0 6px;font-size:17px}.q-text{font-size:13px;line-height:1.5;color:#e9dfc6;margin:0 0 8px;font-style:italic}.q-sec{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:8px 0 4px}.q-obj{margin:0;padding-left:18px;font-size:13px}.q-obj li.ok,#quest-tracker li.ok{color:#7dff8a}.q-obj b{color:#ffe9b0}.q-rew{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:13px;align-items:center}.q-rew .gold{color:var(--gold)}.q-item{display:inline-flex;align-items:center;gap:4px}.q-item .icon{width:32px;height:32px;background-image:url(/assets/icons.png);image-rendering:pixelated;transform:scale(.75);margin:-4px}.q-btns{display:flex;gap:8px;margin-top:12px;align-items:center}.q-btns .ghost{background:transparent;opacity:.75;margin-left:auto}.q-hint{color:#7dff8a;font-size:12px;margin:0}@media(max-width:600px){#quest-panel .q-body{flex-direction:column}#quest-list{width:auto;max-height:160px}}#quest-tracker{position:absolute;right:8px;top:282px;width:214px;pointer-events:auto;display:flex;flex-direction:column;gap:6px}#quest-tracker .qt{background:#0b0907c4;border:1px solid #3c3020;border-radius:6px;padding:5px 8px;cursor:pointer;font-size:12px;text-shadow:0 1px 2px #000}#quest-tracker .qt:hover{border-color:#6b5631}#quest-tracker .qt.ready{border-color:#3f8a46}#quest-tracker .qt-nm{font-family:Cinzel,serif;font-weight:700;color:#ffe9b0;font-size:12px}#quest-tracker ul{margin:2px 0 0;padding-left:14px;color:#e3d8bd}#quest-tracker b{color:#ffe9b0}@media(max-width:700px){#quest-tracker{top:232px;width:164px}}#sound-panel{position:absolute;right:230px;top:48px;width:280px;max-height:calc(100vh - 70px);overflow-y:auto;padding:10px;z-index:6}@media(max-width:700px){#sound-panel{right:180px}}.snd-row{display:flex;align-items:center;gap:8px;font-size:13px;color:#e9dfc6;margin:8px 0 4px}.snd-row input[type=range]{flex:1;accent-color:var(--gold);padding:0}.snd-mute input{width:auto;accent-color:var(--gold)}#hurt-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;box-shadow:inset 0 0 90px 18px #c800008c}#hurt-flash.on{animation:hurt-flash .32s ease-out}@keyframes hurt-flash{0%{opacity:1}to{opacity:0}}#corpse{position:absolute;left:50%;top:50%;transform:translate(-50%,-58%);width:300px;padding:10px 10px 8px;z-index:30;background:linear-gradient(180deg,#3a2f22,#241c13);border-color:#8a6a3a;box-shadow:0 10px 30px #000c,inset 0 1px #ffffff14}#corpse .cp-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}#corpse .cp-skull{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:22px;color:#e9dcc0;background:radial-gradient(circle at 50% 40%,#4a4038,#1a140e);border:2px solid #8a6a3a}#corpse .cp-head div{flex:1;min-width:0;display:flex;flex-direction:column}#corpse .cp-head small{color:#c9b48a;font-size:11px}#corpse .cp-head b{font-family:Cinzel,serif;font-size:17px;color:#f3e6c8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#cp-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;max-height:250px;overflow-y:auto;padding:6px;background:#120d08aa;border-radius:6px;border:1px solid #3c311f}#cp-grid .slot{cursor:pointer;transition:transform .08s,border-color .08s}#cp-grid .slot:hover{border-color:var(--gold);transform:translateY(-1px)}#cp-grid.locked .slot{cursor:not-allowed;filter:grayscale(.6) brightness(.7)}#cp-grid .empty-note{grid-column:1 / -1;text-align:center;color:var(--muted);font-size:12px;padding:18px 0}#cp-tip{min-height:34px;font-size:12px;color:var(--muted);padding:6px 2px 0;line-height:1.35}#corpse .cp-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid #3c311f;padding-top:7px}#cp-value{flex:1;font-size:11.5px;color:#e9dcc0}#cp-note{order:3;flex-basis:100%;font-size:11px;color:#ff6b5a;text-align:right}#cp-note:empty{display:none}#cp-all{padding:5px 14px;font-weight:700;white-space:nowrap}#cp-all:disabled{opacity:.45;cursor:not-allowed}#ranks{position:absolute;left:50%;top:50%;transform:translate(-50%,-55%);width:380px;max-width:calc(100vw - 24px);padding:10px;z-index:25}#ranks .rk-tabs{display:flex;gap:4px;margin:6px 0 8px}#ranks .rk-tabs button{flex:1;padding:6px 4px;font:600 12px Inter,sans-serif;color:var(--muted);background:#1b150d;border:1px solid #3c311f;border-radius:6px;cursor:pointer}#ranks .rk-tabs button.on{color:#ffe9b0;border-color:var(--gold);background:#2c2215}#ranks-list{max-height:360px;overflow-y:auto}.rk-row{display:grid;grid-template-columns:30px 1fr 74px 64px;align-items:center;gap:6px;padding:5px 6px;font-size:12.5px;border-bottom:1px solid #3c311f55}.rk-row.me{background:#ffd23f1a;outline:1px solid #ffd23f55;border-radius:4px}.rk-row .n{font-weight:800;color:var(--muted);text-align:center}.rk-row.top1 .n{color:#ffd23f}.rk-row.top2 .n{color:#d8dde6}.rk-row.top3 .n{color:#e09a5a}.rk-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f3e9d2}.rk-row small{color:var(--muted);font-size:11px}.rk-row .v{text-align:right;font-weight:700;color:#ffe9b0}.rk-empty{text-align:center;color:var(--muted);padding:24px 0;font-size:13px}html,body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}#game,#game canvas{touch-action:none}#hud{zoom:var(--ui, 1)}#hud button,#hud .hb-slot,#actions .btn{touch-action:manipulation}#rotate-hint,body.touch kbd,body.touch #hud kbd{display:none}body.touch #hotbar{transform:translate(-50%) scale(1)}body.touch .hb-slot{min-width:48px;min-height:48px}body.touch #actions .btn.icon{min-width:44px;min-height:44px;font-size:18px}body.touch #actions .lbl{display:none}body.touch #hud #chat{width:260px}body.touch #chat-log{max-height:90px}body.touch #chat-input::placeholder{color:transparent}body.touch.portrait #rotate-hint{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:50;padding:14px 18px;border-radius:10px;background:#000c;color:#ffe08a;font-weight:700;font-size:18px;text-align:center;pointer-events:none}@media(max-height:520px){#hud #chat{bottom:8px}#chat-log{max-height:70px}}#wallet{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(460px,calc(100vw - 24px));max-height:calc(100vh - 40px);overflow:auto;z-index:30;padding:12px 14px}#wallet h4{margin:0 0 6px;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:#c9a85a}.wl-off{color:#ffcf6a;margin:8px 0}.wl-rate{padding:8px 10px;border-radius:8px;background:#0005;margin-bottom:8px}.wl-rate small{color:#9aa0ad}.wl-sec{border-top:1px solid #ffffff14;padding:8px 0}.wl-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.wl-row>span{color:#9aa0ad}.wl-row b{flex:1}.wl-row b a{color:#8fc1ff}#wl-gold{flex:1;min-width:90px;background:#0008;color:inherit;border:1px solid #ffffff22;border-radius:6px;padding:6px 8px;font:inherit}#wl-treasury{flex:1;font-size:11px;word-break:break-all;color:#d8d2c0}.wl-quote{margin-top:6px;color:#ffe08a;min-height:1em}.wl-note{margin-top:4px;font-size:12px;color:#9aa0ad}.wl-h{display:grid;grid-template-columns:1.2fr 1fr 1.3fr 1.3fr;gap:6px;font-size:12px;padding:3px 0;border-bottom:1px solid #ffffff0d}.wl-h a{color:#8fc1ff}.wl-h.rejected span:last-child{color:#ff8a8a}.wl-h.pending span:last-child{color:#ffcf6a}.wl-empty{font-size:12px;color:#9aa0ad}#clan{position:absolute;left:50%;top:50%;transform:translate(-50%,-55%);width:420px;max-width:calc(100vw - 24px);padding:10px 12px;z-index:25}#clan .cl-intro{font-size:12.5px;color:var(--muted);line-height:1.45;margin:0 0 8px}#clan .cl-form label{display:block;font-size:11.5px;color:var(--muted);margin-top:8px}#clan .cl-form input{margin-top:3px;padding:7px 9px;font-size:13px}#clan .cl-form .row{display:flex;align-items:center;gap:10px;margin-top:12px}#clan .cl-cost{flex:1;font-size:12.5px;color:#ffe9b0}#clan .cl-cost.no{color:#ff6b5a}#clan .cl-pen{margin-top:10px;padding:8px 10px;font-size:12.5px;color:#ffb4a8;background:#3a14108a;border:1px solid #ff6b5a55;border-radius:6px}#clan .cl-head{display:flex;align-items:baseline;gap:8px}#clan .cl-head b{font-family:Cinzel,serif;font-size:17px;color:#f3e9d2}#clan .cl-head .tag{font-weight:800;color:#8fd3ff}#clan .cl-head small{margin-left:auto;color:var(--muted);font-size:11.5px}#clan .cl-notice{margin:8px 0;padding:7px 9px;font-size:12.5px;color:#e9dcc0;background:#1b150d;border:1px solid #3c311f;border-radius:6px;min-height:18px;white-space:pre-wrap;word-break:break-word}#clan .cl-notice.empty{color:var(--muted);font-style:italic}#clan .cl-notice-edit{display:flex;gap:6px;margin:8px 0}#clan .cl-notice-edit input{margin:0;padding:6px 8px;font-size:12.5px}#clan .cl-list{max-height:300px;overflow-y:auto;border-top:1px solid #3c311f}#clan .cl-m{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:6px;padding:5px 4px;font-size:12.5px;border-bottom:1px solid #3c311f55}#clan .cl-m.off{opacity:.5}#clan .cl-m.me{background:#8fd3ff14}#clan .cl-m .dot{width:8px;height:8px;border-radius:50%;background:#5a5040;justify-self:center}#clan .cl-m.on .dot{background:#7dff8a;box-shadow:0 0 5px #7dff8a}#clan .cl-m b{color:#f3e9d2}#clan .cl-m .r{font-size:10.5px;font-weight:700;margin-left:4px}#clan .cl-m .r.leader{color:#ffd23f}#clan .cl-m .r.officer{color:#8fd3ff}#clan .cl-m small{display:block;color:var(--muted);font-size:10.5px}#clan .cl-m .acts{display:flex;gap:3px}#clan .cl-m .acts button{padding:2px 6px;font-size:10.5px}#clan .cl-foot{display:flex;gap:6px;align-items:center;margin-top:9px;flex-wrap:wrap}#clan .cl-foot input{flex:1;min-width:120px;margin:0;padding:6px 8px;font-size:12.5px}#clan .cl-foot .sp{flex-basis:100%;height:0}#clan .cl-foot .danger{margin-left:auto;color:#ffb4a8;border-color:#ff6b5a77}#clan-invite{position:absolute;left:50%;top:120px;transform:translate(-50%);padding:12px 14px;font-size:13.5px;display:flex;flex-direction:column;gap:8px;border-color:#8fd3ff;z-index:30}#chat-tabs{display:flex;gap:4px;margin:-2px 0 4px}#chat-tabs button{position:relative;padding:3px 12px;font:600 11.5px Inter,sans-serif;color:var(--muted);background:#1b150d;border:1px solid #3c311f;border-radius:5px;cursor:pointer}#chat-tabs button.on{color:#ffe9b0;border-color:var(--gold);background:#2c2215}#chat-tabs button[data-tab=guild].on{color:#bfe6ff;border-color:#8fd3ff;background:#12202a}#chat-guild-dot{position:absolute;top:-3px;right:-3px;width:8px;height:8px;border-radius:50%;background:#8fd3ff;box-shadow:0 0 6px #8fd3ff}#chat.tab-guild #chat-log>div:not(.clan):not(.gnote){display:none}#chat-log .gnote{color:var(--muted);font-style:italic}#chat:not(.tab-guild) #chat-log .gnote{display:none}#chat.tab-guild #chat-input{border-color:#8fd3ff88}.modal-card.wide{width:min(720px,100%)}.chests{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 14px}.hchest{position:relative;display:flex;flex-direction:column;gap:6px;padding:10px;border:2px solid #3c311f;border-radius:10px;background:#0f0c08;cursor:pointer}.hchest input{position:absolute;opacity:0;pointer-events:none}.hchest:has(input:checked){box-shadow:0 0 16px #e8b85a55}.hchest-starter:has(input:checked){border-color:#cd8a4f}.hchest-elite:has(input:checked){border-color:#b98cff}.hchest-premium:has(input:checked){border-color:#f1c56a}.hchest .ch-top{display:flex;align-items:baseline;justify-content:space-between}.hchest .ch-top b{font-family:Cinzel,serif;font-size:15px}.hchest-starter .ch-top b{color:#e2a06a}.hchest-elite .ch-top b{color:#c9a8ff}.hchest-premium .ch-top b{color:#f6d27e}.hchest .ch-usd{font-weight:800;color:#7dff8a}.hchest .ch-price{font-size:12px;color:var(--muted)}.hchest .odds{grid-template-columns:1fr;gap:4px;margin:0}.hchest .odds li{flex-direction:row;justify-content:space-between;padding:4px 8px}@media(max-width:640px){.chests{grid-template-columns:1fr}}.reveal.no-chest .chest{display:none}.case-open .co-card{width:min(920px,96vw);padding:18px 18px 14px;background:#120e0a;border:2px solid var(--panel-edge);border-radius:12px;box-shadow:0 10px 40px #000a;transition:box-shadow .4s,border-color .4s}.case-open.done .co-card{border-color:var(--rc);box-shadow:0 0 50px color-mix(in srgb,var(--rc) 55%,transparent),0 10px 40px #000a}.co-head{display:flex;align-items:baseline;justify-content:center;gap:10px;margin-bottom:12px;font-family:Cinzel,serif;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:13px}.co-head b{font-size:22px;letter-spacing:.04em;text-transform:none}.co-starter{color:#e2a06a}.co-elite{color:#c9a8ff}.co-premium{color:#f6d27e}.co-window{position:relative;height:196px;overflow:hidden;border-radius:8px;background:linear-gradient(#0b0907,#17120c 50%,#0b0907);border:1px solid #3c311f}.co-strip{position:absolute;left:0;top:14px;display:flex;gap:8px;will-change:transform}.co-item{flex:none;width:152px;height:168px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:12px;border-radius:8px;background:radial-gradient(ellipse at 50% 38%,color-mix(in srgb,var(--rc) 30%,transparent),transparent 70%),linear-gradient(#1d1710,#120e0a);border:1px solid #3c311f;border-bottom:5px solid var(--rc);box-shadow:inset 0 -18px 30px -18px var(--rc)}.co-img{width:96px;height:96px;display:grid;place-items:center;margin-bottom:4px}.co-img .cls-img{transform:scale(1.5)}.co-name{font:800 14px Inter,sans-serif;color:var(--rc);text-shadow:0 0 10px color-mix(in srgb,var(--rc) 60%,transparent)}.co-cls{font-size:11.5px;color:var(--muted)}.co-marker{position:absolute;left:50%;top:0;bottom:0;width:3px;margin-left:-1.5px;background:linear-gradient(#ffe7a8,#e8b85a);box-shadow:0 0 12px #e8b85acc;z-index:3}.co-marker:before,.co-marker:after{content:"";position:absolute;left:50%;margin-left:-9px;border:9px solid transparent}.co-marker:before{top:-2px;border-top-color:#ffe7a8}.co-marker:after{bottom:-2px;border-bottom-color:#ffe7a8}.co-window.tick .co-marker{animation:co-tick .09s ease-out}@keyframes co-tick{0%{transform:scaleX(1.9);filter:brightness(1.6)}to{transform:none}}.co-fade{position:absolute;top:0;bottom:0;width:140px;z-index:2;pointer-events:none}.co-fade.l{left:0;background:linear-gradient(90deg,#0b0907,transparent)}.co-fade.r{right:0;background:linear-gradient(270deg,#0b0907,transparent)}.co-item.landed{animation:co-win 1.1s ease-out forwards;position:relative;z-index:1}@keyframes co-win{0%{transform:scale(1)}25%{transform:scale(1.12);box-shadow:0 0 60px var(--rc),inset 0 -18px 30px -18px var(--rc)}to{transform:scale(1.06);box-shadow:0 0 34px var(--rc),inset 0 -18px 30px -18px var(--rc)}}.case-open.done .co-item:not(.landed){opacity:.35;transition:opacity .5s}.case-open.tier4 .co-window:after,.case-open.tier5 .co-window:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--rc) 55%,transparent),transparent 60%);animation:co-flash 1.2s ease-out forwards}@keyframes co-flash{0%{opacity:0}15%{opacity:1}to{opacity:0}}.co-foot{display:flex;justify-content:flex-end;margin-top:10px}.hchest .ch-tok{color:#7dff8a;font-weight:700;margin-left:4px}.kb-head{display:flex;justify-content:space-between;align-items:center;margin:14px 0 6px;padding-top:10px;border-top:1px solid rgba(233,223,198,.15);font-size:13px;color:var(--gold);font-weight:700}.kb-reset{font-size:11px;padding:3px 8px}.kb-row{display:grid;grid-template-columns:1fr 64px 64px;gap:5px;align-items:center;font-size:12px;color:#e9dfc6;margin:4px 0}.kb-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kb-key{font-size:11px;padding:4px 2px;min-width:0;font-family:inherit}.kb-key.on{background:var(--gold);color:#1b140a;animation:kbPulse .8s ease-in-out infinite alternate}@keyframes kbPulse{0%{opacity:1}to{opacity:.6}}.kb-hint{font-size:11px;color:#a89a7c;margin:6px 0 0}.hchest .ch-owned{min-height:0;font-size:12px;font-weight:700;color:#7dff8a}.hchest .ch-owned:empty{display:none}.hchest .ch-bundle{margin-top:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:2px 6px;font-size:12px;padding:6px 8px}.hchest .ch-bundle s{color:var(--muted)}.hchest .ch-bundle small{width:100%;text-align:center;color:var(--muted);font-size:11px}.char-card .cc-fresh{width:100%;margin-top:6px;font-size:11px;opacity:.85}.modal .fresh-opt{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:13px}.modal .fresh-opt input{width:auto}.mk-filters{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px;align-items:center}.mk-filters .mk-q{flex:1 1 140px;margin:0;min-width:110px}.mk-filters select{flex:0 1 auto;padding:6px;font-size:12px;background:#0b0907;color:#e9dfc6;border:1px solid #4a3a22;border-radius:6px;max-width:150px}.mk-count{margin:0 0 6px;font-size:11px;color:var(--muted)}.mk-row .pr{display:flex;flex-direction:column;align-items:flex-end}.mk-row .pr small{font-size:10px;color:var(--muted)}#skills-panel{max-height:calc((100vh - 110px) / var(--ui, 1));overflow-y:auto}.market{zoom:var(--ui, 1);max-height:calc((100vh - 16px) / var(--ui, 1))}@media(max-height:560px){#login,#lobby{place-items:start center;overflow-y:auto;padding:10px 12px 24px}#login .login-card{margin:auto}#equip{right:auto;left:50%;transform:translate(-101%);top:6px;bottom:auto;max-height:calc((100vh - 12px) / var(--ui, 1));overflow-y:auto}#inventory{right:auto;left:50%;transform:translate(1%);top:6px;bottom:auto}#ranks-list{max-height:calc((100vh - 150px) / var(--ui, 1))}#ranks,#skills-panel{top:6px;transform:translate(-50%)}.mk-count,.mk-note{display:none}}select option{background:#1a140d;color:#f3e9d2}#pvp-ev{position:absolute;left:50%;top:86px;transform:translate(-50%);width:min(430px,92vw);padding:12px 14px;font-size:13px;display:flex;flex-direction:column;gap:8px;border-color:#ff7a4a;z-index:31;box-shadow:0 0 24px #ff5a2a55}#pvp-ev .ev-title{font-size:16px;font-weight:700;color:#ffcf6a;letter-spacing:.02em}#pvp-ev .ev-terms{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:3px}#pvp-ev .ev-red{color:#ff7a6a}#pvp-ev .ev-note{color:var(--muted, #b9ab90);font-size:11.5px}#pvp-ev .ev-prizes{display:flex;gap:10px;flex-wrap:wrap;font-weight:600}#pvp-ev .ev-sub{color:var(--muted, #b9ab90);font-size:12px}#pvp-ev .ev-ok{color:#7dff8a;font-weight:600;align-self:center}#pvp-ev .row{display:flex;gap:8px;flex-wrap:wrap}#pvp-ev .ev-cur{font-size:13.5px}#pvp-ev .ev-br{max-height:150px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;font-size:12px}#pvp-ev .ev-l{color:var(--muted, #b9ab90);display:inline-block;min-width:110px}#pvp-ev .ev-w{color:#7dff8a;font-weight:600}#pvp-ev .ev-lo{color:#9a8f80;text-decoration:line-through}#pvp-ev-pill{position:absolute;left:50%;top:86px;transform:translate(-50%);font-size:12.5px;padding:5px 12px;z-index:31;border-color:#ff7a4a;max-width:92vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#ev-banner{position:absolute;left:0;right:0;top:30%;text-align:center;pointer-events:none;z-index:40;display:flex;flex-direction:column;align-items:center;gap:4px}#ev-banner b{font-size:46px;color:#ffcf6a;text-shadow:0 3px 0 #000,0 0 22px #ff5a2a;letter-spacing:.04em}#ev-banner small{font-size:18px;color:#f3e9d2;text-shadow:0 2px 0 #000}#ev-banner.show{animation:evb .45s ease-out}@keyframes evb{0%{transform:scale(1.6);opacity:0}to{transform:scale(1);opacity:1}}#ev-count{position:absolute;left:0;top:0;transform:translate(-50%,-50%);pointer-events:none;z-index:39;font:900 92px/1 Georgia,serif;color:#ffd76a;text-shadow:0 4px 0 #000,0 0 30px #ff6a2a,0 0 60px #ff3a1a88;letter-spacing:.02em}#ev-count.go{color:#fff3c4;font-size:110px;text-shadow:0 4px 0 #000,0 0 40px #ffb02a}#ev-count.final{color:#ff6a4a}#ev-count.pop{animation:evpop .9s ease-out}@keyframes evpop{0%{transform:translate(-50%,-50%) scale(1.7)}35%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(.94)}}#ev-timer{position:absolute;left:50%;top:14px;transform:translate(-50%);pointer-events:none;z-index:30;padding:4px 14px;border-radius:8px;background:#000a;border:1px solid #ff7a4a88;font:700 20px/1.2 Georgia,serif;color:#ffe2a8;text-shadow:0 2px 0 #000}#ev-timer.sd{color:#ff6a5a;border-color:#ff4a3a;animation:evsd 1s infinite}@keyframes evsd{50%{box-shadow:0 0 18px #ff3a2a}}#lobby .lb-vip{border-color:#b8913a;color:#ffd76a}#lobby .lb-vip.on{background:linear-gradient(180deg,#5a4313,#3a2a0a);color:#ffe9a8;box-shadow:0 0 10px #ffc94a44}.vip-card h3{color:#ffd76a}.vip-perks{list-style:none;margin:12px 0;padding:0;display:grid;gap:7px}.vip-perks li{padding:7px 10px 7px 30px;position:relative;background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;font-size:13px;color:#e8dfc8}.vip-perks li:before{content:"★";position:absolute;left:10px;top:7px;color:#ffc94a}.vip-perks b{color:#ffe9a8}.vip-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:10px 0 4px;font-size:16px;color:#ffe9b0}.vip-price .ch-usd{font-weight:800;color:#7dff8a}.vip-price .ch-tok{color:#7dff8a;font-weight:700;font-size:13px}.vip-price small{margin-left:auto;color:#b9ab8d;font-size:12px}#item-tip{position:fixed;z-index:9999;pointer-events:none;min-width:210px;max-width:290px;padding:10px 12px 9px;background:linear-gradient(#17120c,#0e0b07);border:1px solid #6b5430;border-radius:6px;box-shadow:0 0 0 1px #000,0 8px 24px #000000b3,inset 0 1px #ffdc9614;font:12.5px/1.45 Inter,sans-serif;color:#d9cdb6}#item-tip[hidden]{display:none}#item-tip .it-name{font:700 15px/1.25 Inter,sans-serif;color:#f3e6c8;text-shadow:0 1px 0 #000}#item-tip .it-qty{color:#bfb39a;font-weight:500;font-size:12px}#item-tip .it-sub{font-size:11px;color:#a3967c;margin:2px 0 6px;text-transform:uppercase;letter-spacing:.04em}#item-tip .it-eq{color:#e8c35a}#item-tip .it-stats{border-top:1px solid #3a2f20;padding-top:6px;margin-bottom:4px}#item-tip .it-stats b{color:#7fe07f;font-weight:700}#item-tip .it-up{color:#e8c35a;font-size:11px}#item-tip .it-cls{color:#bfb39a;font-size:12px}#item-tip .it-bad{color:#ff7b6b;font-size:12px}#item-tip .it-cmp{border-top:1px solid #3a2f20;margin-top:6px;padding-top:5px;font-size:12px}#item-tip .it-cmp-h{color:#a3967c;font-size:11px;margin-bottom:2px}#item-tip .it-gain{color:#7fe07f}#item-tip .it-loss{color:#ff7b6b}#item-tip .it-same{color:#a3967c}#item-tip .it-desc{color:#a3967c;font-style:italic;margin-top:6px;font-size:12px}#item-tip .it-price{margin-top:6px;color:#e8c35a;font-size:12px;display:flex;align-items:center;gap:4px;flex-wrap:wrap}#item-tip .it-price b{color:#f3d27a}#item-tip .it-hint{margin-top:5px;color:#8fb3d9;font-size:11px}#mob-joy,#mob-pad,#mob-bar{display:none}body.touch #mob-joy{display:block;position:absolute;left:0;bottom:0;width:44%;height:64%;z-index:30;touch-action:none;pointer-events:auto}#mob-joy .mj-base{position:absolute;left:26px;bottom:26px;width:250px;height:250px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#ffffff1f 0,#ffffff1f 52%,#ffffff0d 70%,#00000029);border:2px solid rgba(255,255,255,.22);box-shadow:inset 0 0 22px #00000059,0 2px 10px #00000040;transition:border-color .15s}#mob-joy .mj-knob{position:absolute;left:50%;top:50%;width:108px;height:108px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 42% 36%,#ffffff9e,#e1e1e15c 58%,#aaaaaa47);border:2px solid rgba(255,255,255,.45);box-shadow:0 3px 10px #00000073;transition:transform .12s ease-out}#mob-joy.on .mj-knob{transition:none}#mob-joy.on .mj-base{border-color:#ffd65a8c}body.touch #mob-pad{display:block;position:absolute;right:0;bottom:0;width:420px;height:420px;z-index:30;pointer-events:none;transform:scale(.9);transform-origin:100% 100%}.mp-btn{position:absolute;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;pointer-events:auto;touch-action:none;display:grid;place-items:center;overflow:hidden;isolation:isolate;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 50% 40%,#2b2722,#0d0c0b 75%);box-shadow:0 0 0 2px #000000bf,0 6px 14px #0000008c;transition:transform .06s,filter .06s}.mp-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;z-index:2;box-shadow:inset 0 0 0 3px #e3c06a,inset 0 0 0 5px #5a3f12,inset 0 0 0 6px #ffe6a040,inset 0 0 16px 6px #0009}.mp-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;z-index:3;background:radial-gradient(ellipse 70% 45% at 50% 8%,#ffffff47,#fff0 70%)}.mp-btn .sk-icon{transform:scale(2.3);image-rendering:pixelated}.mp-btn .icon{display:inline-block;width:32px;height:32px;background-image:url(/assets/icons.png);image-rendering:pixelated;transform:scale(1.5);filter:drop-shadow(0 2px 2px rgba(0,0,0,.7))}.mp-btn .cd{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;display:grid;place-items:center;z-index:4;font:800 24px Inter,sans-serif;color:#fff;text-shadow:0 2px 4px #000,0 0 2px #000;pointer-events:none}.mp-btn.press{transform:translate(-50%,-50%) scale(.9);filter:brightness(1.3)}.mp-btn .lock{position:absolute;bottom:10px;z-index:4;font:800 13px Inter,sans-serif;font-style:normal;color:#ffd166;text-shadow:0 1px 3px #000}.mp-btn.locked .sk-icon{filter:grayscale(1) brightness(.4)}.mp-attack{width:124px;height:124px;grid-template-rows:1fr auto;padding:18px 0 16px;background:radial-gradient(circle at 50% 38%,#ffb547,#e0781c 32%,#8f3a0b 62%,#2e1004);box-shadow:0 0 0 2px #000c,0 0 26px #ff962873,0 8px 16px #0009}.mp-attack:after{box-shadow:inset 0 0 0 4px #f6d68a,inset 0 0 0 7px #6a4510,inset 0 0 0 8px #ffecb459,inset 0 0 22px 8px #280a008c}.mp-attack .mp-sword{position:relative;z-index:4;width:54px;height:54px;align-self:center;background:no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg transform='rotate(45 32 32)'%3E%3Cpath d='M29 4h6l3 34H26z' fill='%23eef3f8' stroke='%23222' stroke-width='2'/%3E%3Cpath d='M32 6v31' stroke='%23aeb8c4' stroke-width='2'/%3E%3Crect x='19' y='37' width='26' height='6' rx='2' fill='%23c9922a' stroke='%23222' stroke-width='2'/%3E%3Crect x='29' y='43' width='6' height='12' fill='%236b3a1a' stroke='%23222' stroke-width='2'/%3E%3Ccircle cx='32' cy='58' r='4' fill='%23f3d27a' stroke='%23222' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");filter:drop-shadow(0 3px 3px rgba(0,0,0,.6))}.mp-attack span{position:relative;z-index:4;font:800 15px Inter,sans-serif;color:#fff;text-shadow:0 2px 3px #000,0 0 6px rgba(0,0,0,.6);letter-spacing:.03em}.mp-dash{width:60px;height:60px}.mp-dash:after{box-shadow:inset 0 0 0 3px #9fd3ff,inset 0 0 0 5px #17405e,inset 0 0 14px 5px #0009}.mp-pot{width:58px;height:58px;background:radial-gradient(circle at 50% 40%,#3a1a17,#120807 75%)}.mp-pot:after{box-shadow:inset 0 0 0 3px #e08a7e,inset 0 0 0 5px #5a1810,inset 0 0 12px 4px #0009}.mp-pot .qty{position:absolute;right:7px;bottom:4px;z-index:4;font:800 14px Inter,sans-serif;color:#fff;text-shadow:0 1px 3px #000,0 0 2px #000}.mp-pot.empty{opacity:.5}body.touch #hb-slots{display:none}body.touch #hotbar{bottom:10px}body.touch #hud #actions{display:none}body.touch.mob-menu-open #hud #actions{display:grid;grid-template-columns:repeat(4,54px);gap:8px;position:absolute;left:252px;right:auto;top:66px;bottom:auto;z-index:40;padding:12px;background:#0e0b07f0;border:1px solid #6b5430;border-radius:12px;box-shadow:0 8px 24px #0009}body.touch.mob-menu-open #hud #actions .btn.icon{width:54px;height:54px;min-width:0;font-size:24px;padding:0}body.touch #hud #chat{display:none}body.touch.mob-chat-open #hud #chat{display:block;left:252px;top:66px;bottom:auto;width:400px;z-index:40}body.touch.mob-chat-open #chat-log{max-height:150px}body.touch #mob-bar{display:flex;gap:7px;position:absolute;left:252px;top:12px;z-index:31}body.touch #mob-bar .btn{position:relative;width:44px;height:44px;padding:0;font-size:20px;border-radius:10px;display:grid;place-items:center}body.touch.mob-menu-open #mob-menu,body.touch.mob-chat-open #mob-chat{border-color:#f3d27a;box-shadow:0 0 0 2px #f3d27a66}#chat-dot{position:absolute;top:4px;right:4px;width:10px;height:10px;border-radius:50%;background:#ff5a4a;box-shadow:0 0 6px #ff5a4a}body.touch #char-frame{transform:scale(.72);transform-origin:0 0}body.touch #hud #minimap{width:150px}body.touch #hud #minimap-canvas{width:140px;height:132px}body.touch #hud #minimap .mm-top{height:20px}body.touch #hud #minimap #minimap-pos{display:none}body.touch #hud #minimap .mm-head{gap:5px;padding:2px 6px}body.touch #hud #minimap .mm-head #minimap-name{display:none}body.touch #hud #btn-sound{right:166px}body.touch #hud #btn-auto-cfg{right:214px}body.touch #hud #btn-auto{right:262px}body.touch #hud #auto-panel,body.touch #hud #sound-panel{right:166px}body.touch #hud #quest-tracker,body.touch #hud #minimap.min~#quest-tracker{left:12px;right:auto;top:112px;width:220px;max-height:100px;overflow:hidden;transform:scale(.85);transform-origin:0 0}body.touch.mob-menu-open #hud #quest-tracker,body.touch.mob-chat-open #hud #quest-tracker{visibility:hidden}body.touch #toasts{bottom:230px}body.touch #hud>.panel:not(#chat):not(#party-frame),body.touch #hud #bigmap{z-index:45}body.ui-v2{--iron-0: #121116;--iron-1: #1d1b22;--iron-2: #2a2731;--bronze: #8a6a3c;--bronze-hi: #c99a55;--gild: #f2cf74;--gild-deep: #a8792c;--ember: #e2683c;--parch: #efe3c8;--ash: #a39883;--rivet: radial-gradient(circle at 35% 30%, #f6dc9a 0 18%, #b4874a 38%, #4a3418 70%, transparent 72%);--corner-r: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cg transform='matrix(-1 0 0 1 28 0)'%3E%3Cpath d='M2 26V8l6-6h18' fill='none' stroke='%23c99a55' stroke-width='2'/%3E%3Cpath d='M6 26V10l4-4h16' fill='none' stroke='%235a4220' stroke-width='1'/%3E%3Cpath d='M2 2l5 0 0 5-5 0z' fill='%23f2cf74'/%3E%3Ccircle cx='13' cy='13' r='1.6' fill='%23f2cf74'/%3E%3C/g%3E%3C/svg%3E");--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .9 0 0 0 0 .75 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");--corner: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M2 26V8l6-6h18' fill='none' stroke='%23c99a55' stroke-width='2'/%3E%3Cpath d='M6 26V10l4-4h16' fill='none' stroke='%235a4220' stroke-width='1'/%3E%3Cpath d='M2 2l5 0 0 5-5 0z' fill='%23f2cf74'/%3E%3Ccircle cx='13' cy='13' r='1.6' fill='%23f2cf74'/%3E%3C/svg%3E")}body.ui-v2 .panel:not(:where(#shop,#shop *)),body.ui-v2 #skills-panel,body.ui-v2 .market,body.ui-v2 .lobby-card,body.ui-v2 .login-card,body.ui-v2 .modal-card{background:var(--grain),radial-gradient(120% 80% at 50% 0%,#2c2833 0%,var(--iron-1) 55%,var(--iron-0) 100%);border:1px solid #000;border-radius:4px;box-shadow:inset 0 0 0 1px var(--bronze),inset 0 0 0 3px #0d0c10,inset 0 0 0 4px #3b3020,inset 0 18px 30px -18px #f2cf7426,0 14px 34px #000c,0 0 0 1px #000}body.ui-v2 .lobby-card,body.ui-v2 .login-card{position:relative}body.ui-v2 #chat.panel{background:#0e0d128c;box-shadow:inset 0 0 0 1px #3a302366}body.ui-v2 #chat.panel:before,body.ui-v2 #chat.panel:after,body.ui-v2 #ctx-menu:before,body.ui-v2 #ctx-menu:after{display:none}body.ui-v2 .panel:not(:where(#shop,#shop *)):before,body.ui-v2 .panel:not(:where(#shop,#shop *)):after,body.ui-v2 #skills-panel:before,body.ui-v2 #skills-panel:after,body.ui-v2 .market:before,body.ui-v2 .market:after,body.ui-v2 .lobby-card:before,body.ui-v2 .lobby-card:after,body.ui-v2 .login-card:before,body.ui-v2 .login-card:after{content:"";position:absolute;left:-3px;right:-3px;height:28px;pointer-events:none;z-index:2;background:var(--corner) left top / 22px no-repeat,var(--corner-r) right top / 22px no-repeat}body.ui-v2 .panel:not(:where(#shop,#shop *)):before,body.ui-v2 #skills-panel:before,body.ui-v2 .market:before,body.ui-v2 .lobby-card:before,body.ui-v2 .login-card:before{top:-3px}body.ui-v2 .panel:not(:where(#shop,#shop *)):after,body.ui-v2 #skills-panel:after,body.ui-v2 .market:after,body.ui-v2 .lobby-card:after,body.ui-v2 .login-card:after{bottom:-3px;transform:scaleY(-1)}body.ui-v2 .market:before,body.ui-v2 .market:after,body.ui-v2 .lobby-card:before,body.ui-v2 .lobby-card:after,body.ui-v2 .login-card:before,body.ui-v2 .login-card:after{background-size:28px,28px}body.ui-v2 .panel-head:not(:where(#shop,#shop *)){position:relative;justify-content:center;margin:-2px -2px 12px;padding:7px 34px 8px;min-height:34px;font:700 15px/1 Cinzel,serif;letter-spacing:2.5px;color:var(--gild);text-shadow:0 1px 0 #000,0 0 14px #f2cf7444;background:linear-gradient(90deg,transparent,#f2cf7422 20%,#f2cf7422 80%,transparent) bottom / 100% 1px no-repeat,linear-gradient(180deg,#34303b,#1b1920);border-bottom:1px solid #000;box-shadow:0 1px #ffffff0d,inset 0 1px #ffffff12}body.ui-v2 .panel-head:not(:where(#shop,#shop *))>span:first-child:before,body.ui-v2 .panel-head:not(:where(#shop,#shop *))>span:first-child:after{content:"◆";font-size:8px;color:var(--bronze-hi);margin:0 10px;vertical-align:3px;text-shadow:none}body.ui-v2 .panel-head:not(:where(#shop,#shop *)) .x,body.ui-v2 .market [data-close]{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;display:grid;place-items:center;padding:0;font-size:11px;color:#f5e6c4;background:radial-gradient(circle at 35% 30%,#7a3a26,#3d1a10 70%);box-shadow:0 0 0 1px #000,0 0 0 2px var(--bronze),0 2px 4px #000a}body.ui-v2 .panel-head:not(:where(#shop,#shop *)) .x:hover{background:radial-gradient(circle at 35% 30%,#b04a2c,#5a2414 70%)}body.ui-v2 .btn:not(:where(#shop,#shop *)){font:700 13px Inter,sans-serif;letter-spacing:.2px;color:var(--parch);background:linear-gradient(180deg,#3a3542,#24212a 55%,#1a181e);border:1px solid #000;border-radius:3px;box-shadow:inset 0 0 0 1px #5d4a2c,inset 0 1px #ffffff1c,0 2px #000;text-shadow:0 1px 0 #000}body.ui-v2 .btn:not(:where(#shop,#shop *)):hover:not(:disabled){background:linear-gradient(180deg,#4a4352,#2c2833 60%,#1e1b22);box-shadow:inset 0 0 0 1px var(--bronze-hi),inset 0 1px #ffffff26,0 2px #000}body.ui-v2 .btn:not(:where(#shop,#shop *)):active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 0 0 1px #5d4a2c,0 1px #000}body.ui-v2 .btn:not(:where(#shop,#shop *)).primary{color:#2a1906;text-shadow:0 1px 0 #ffe9a866;background:linear-gradient(180deg,#ffe39a,#e9b955 38%,#b98330 70%,#8a5c1e);box-shadow:inset 0 0 0 1px #fff2c0aa,inset 0 -2px #6a4312,0 0 0 1px #000,0 3px #000,0 0 18px #f2cf7433}body.ui-v2 .btn:not(:where(#shop,#shop *)).primary:hover:not(:disabled){filter:brightness(1.08);background:linear-gradient(180deg,#fff0c0,#f2c862 38%,#c58e36 70%,#93621f)}body.ui-v2 .btn:not(:where(#shop,#shop *)).mini{padding:5px 10px;font-size:11.5px}body.ui-v2 .btn:not(:where(#shop,#shop *)).icon{background:linear-gradient(180deg,#2f2b36,#1a181e)}body.ui-v2 #btn-auto.on{color:#d9ffd9;box-shadow:inset 0 0 0 1px #7dff8a,0 0 14px #46e05a88,0 2px #000}body.ui-v2 input:not(:where(#shop,#shop *)):not([type=checkbox]):not([type=radio]):not([type=range]),body.ui-v2 select:not(:where(#shop,#shop *)){background:linear-gradient(180deg,#0c0b0f,#15131a);color:var(--parch);border:1px solid #000;border-radius:3px;box-shadow:inset 0 0 0 1px #3d3324,inset 0 2px 6px #000c}body.ui-v2 input:not(:where(#shop,#shop *)):focus-visible,body.ui-v2 select:not(:where(#shop,#shop *)):focus-visible{outline:none;box-shadow:inset 0 0 0 1px var(--gild),0 0 0 2px #f2cf7433}body.ui-v2 .btn:not(:where(#shop,#shop *)):focus-visible,body.ui-v2 .mk-tab:focus-visible{outline:2px solid var(--gild);outline-offset:2px}body.ui-v2 .mk-tabs,body.ui-v2 #ranks .rk-tabs{gap:0;padding:3px;background:#0b0a0e;border-radius:3px;box-shadow:inset 0 0 0 1px #2f281c,inset 0 2px 6px #000}body.ui-v2 .mk-tab,body.ui-v2 #ranks .rk-tabs button{border:0;border-radius:2px;background:transparent;color:var(--ash);font:700 12px Inter,sans-serif;padding:7px 6px}body.ui-v2 .mk-tab:hover,body.ui-v2 #ranks .rk-tabs button:hover{color:var(--parch)}body.ui-v2 .mk-tab.on,body.ui-v2 #ranks .rk-tabs button.on{color:#2a1906;background:linear-gradient(180deg,#f6d888,#c9953f);box-shadow:inset 0 1px #fff3c7,0 1px 3px #000}body.ui-v2 .market{padding:14px 14px 10px;width:min(620px,calc(100vw - 24px))}body.ui-v2 .market .panel-head{margin:-4px -4px 12px}body.ui-v2 .mk-row{gap:10px;padding:7px 10px 7px 8px;margin-bottom:5px;border-radius:3px;background:linear-gradient(90deg,#26232c,#1a181e 60%);box-shadow:inset 3px 0 0 var(--rc, #3a3326),inset 0 0 0 1px #2c261b}body.ui-v2 .mk-row:hover{background:linear-gradient(90deg,#2f2b36,#1e1b22 60%);box-shadow:inset 3px 0 0 var(--rc, var(--bronze-hi)),inset 0 0 0 1px #4a3c26}body.ui-v2 .mk-row .icon{border-radius:3px;background-color:#0b0a0e;box-shadow:inset 0 0 0 1px #000,0 0 0 1px #3d3324}body.ui-v2 .mk-row .nm{font-size:13px}body.ui-v2 .mk-row .pr{font:700 13.5px Inter,sans-serif;color:var(--gild);text-shadow:0 1px 0 #000}body.ui-v2 .mk-filters{padding:8px;background:#0f0e12;border-radius:3px;box-shadow:inset 0 0 0 1px #2c261b}body.ui-v2 .mk-count{color:var(--ash);margin:2px 2px 8px}body.ui-v2 .mk-note{color:var(--ash)}body.ui-v2 .mk-body{padding-right:2px}body.ui-v2 #ranks{width:420px;padding:12px}body.ui-v2 .rk-row{border-bottom:0;margin-bottom:3px;border-radius:3px;background:#1a181e;box-shadow:inset 0 0 0 1px #24201a;padding:6px 8px}body.ui-v2 .rk-row .n{font:700 14px Cinzel,serif}body.ui-v2 .rk-row.top1{background:linear-gradient(90deg,#4a3a14,#1a181e 70%);box-shadow:inset 0 0 0 1px #8a6a2c}body.ui-v2 .rk-row.top2{background:linear-gradient(90deg,#3a3d44,#1a181e 70%);box-shadow:inset 0 0 0 1px #6f7480}body.ui-v2 .rk-row.top3{background:linear-gradient(90deg,#45291a,#1a181e 70%);box-shadow:inset 0 0 0 1px #8a5530}body.ui-v2 .rk-row.top1 .n:before{content:"♛ "}body.ui-v2 #skills-panel{border:1px solid #000;border-image:none;image-rendering:auto;padding:12px;width:min(440px,calc(100vw - 24px));max-height:calc((100vh - 110px) / var(--ui, 1));overflow-y:auto}body.ui-v2 #skills-panel .shop-hint{color:var(--ash);text-shadow:none;font-size:11.5px}body.ui-v2 #skills-panel .panel-head{margin:-2px -2px 10px}body.ui-v2 .sk-row{background:linear-gradient(90deg,#26232c,#19171d 70%);border:0;border-radius:3px;padding:9px 10px;gap:12px;box-shadow:inset 0 0 0 1px #2c261b}body.ui-v2 .sk-row .sk-icon{border-radius:4px;box-shadow:0 0 0 1px #000,0 0 0 2px var(--bronze),0 0 12px #f2cf7422}body.ui-v2 .sk-row b{font:700 14px Cinzel,serif;color:var(--gild);letter-spacing:.5px}body.ui-v2 .sk-row p{color:#e4d8bd}body.ui-v2 .sk-row.locked{opacity:.55}body.ui-v2 .slot:not(:where(#shop,#shop *)),body.ui-v2 .eq-slot{background:radial-gradient(circle at 50% 35%,#24212a,#0d0c10 72%);border:1px solid #000;border-radius:3px;box-shadow:inset 0 0 0 1px #3a3023,inset 0 3px 8px #000c,0 1px #ffffff0a}body.ui-v2 .slot:not(:where(#shop,#shop *)):hover,body.ui-v2 .eq-slot.filled:hover{box-shadow:inset 0 0 0 1px var(--gild),inset 0 3px 8px #000c,0 0 10px #f2cf7433}body.ui-v2 #inv-grid{gap:4px;padding:6px;background:#0b0a0e;border-radius:3px;box-shadow:inset 0 0 0 1px #2c261b}body.ui-v2 #inventory{width:316px;padding:12px}body.ui-v2 #equip{padding:12px}body.ui-v2 #eq-stage{background:radial-gradient(ellipse at 50% 70%,#3a2f1c,#15131a 60%);border-radius:4px;box-shadow:inset 0 0 0 1px #2c261b,inset 0 -20px 30px #000a}body.ui-v2 #eq-name{font:700 15px Cinzel,serif;color:var(--gild);letter-spacing:1px}body.ui-v2 #eq-stats{background:#0f0e12;border-radius:3px;box-shadow:inset 0 0 0 1px #2c261b;padding:8px 10px}body.ui-v2 #inv-tip,body.ui-v2 #eq-tip{color:var(--ash)}body.ui-v2 #actions .btn.icon{border-radius:3px}body.ui-v2 #login{overflow-y:auto;background:radial-gradient(60% 45% at 50% 108%,#e2683c55 0%,transparent 70%),radial-gradient(90% 70% at 50% 0%,#2b2a3a 0%,transparent 70%),linear-gradient(180deg,#0d0c14,#16121a 55%,#1d120c)}body.ui-v2 #login:before,body.ui-v2 #login:after{content:"";position:fixed;top:-20%;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(2px 2px at 12% 80%,#ffb36b,transparent),radial-gradient(1.5px 1.5px at 28% 92%,#ff8a4a,transparent),radial-gradient(2px 2px at 44% 70%,#ffd28a,transparent),radial-gradient(1.5px 1.5px at 63% 88%,#ff9a5a,transparent),radial-gradient(2px 2px at 78% 76%,#ffc070,transparent),radial-gradient(1.5px 1.5px at 90% 95%,#ff8040,transparent),radial-gradient(1.5px 1.5px at 6% 60%,#ffb36b,transparent),radial-gradient(2px 2px at 52% 98%,#ffcf7a,transparent);animation:v2-embers 14s linear infinite;opacity:.8}body.ui-v2 #login:after{animation-duration:22s;animation-delay:-9s;transform:scaleX(-1);opacity:.5}@keyframes v2-embers{0%{transform:translateY(0)}to{transform:translateY(-40%)}}@media(prefers-reduced-motion:reduce){body.ui-v2 #login:before,body.ui-v2 #login:after{animation:none}}body.ui-v2 .login-card{width:min(440px,calc(100vw - 28px));padding:30px 30px 24px;z-index:1}body.ui-v2 .login-card h1{font:700 58px/1 Cinzel,serif;letter-spacing:14px;margin:4px 0 2px;padding-left:14px;background:linear-gradient(180deg,#fff6d6,#f2cf74 38%,#b07a2a 62%,#f5d88a 78%,#7a5218);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none}body.ui-v2 .login-card .sub{color:var(--ash);font-size:12.5px;letter-spacing:.3px;margin:8px 0 22px}body.ui-v2 .login-card h1+.sub{position:relative;padding-top:12px}body.ui-v2 .login-card h1+.sub:before{content:"";position:absolute;top:0;left:50%;width:180px;margin-left:-90px;height:1px;background:linear-gradient(90deg,transparent,var(--bronze-hi),transparent)}body.ui-v2 .login-card label{color:var(--ash);font-weight:600}body.ui-v2 #class-pick{border:0;padding:0;margin:4px 0 14px}body.ui-v2 #class-pick legend{font:700 12px Cinzel,serif;letter-spacing:1.5px;color:var(--bronze-hi);margin-bottom:8px}body.ui-v2 #class-pick .cls{background:linear-gradient(180deg,#24212a,#121116);border:1px solid #000;border-radius:3px;box-shadow:inset 0 0 0 1px #3a3023;transition:box-shadow .15s,transform .15s}body.ui-v2 #class-pick .cls:hover{transform:translateY(-2px)}body.ui-v2 #class-pick .cls:has(input:checked){background:radial-gradient(circle at 50% 30%,#4a3416,#1a1510 75%);box-shadow:inset 0 0 0 1px var(--gild),0 0 0 1px #000,0 0 20px #f2cf7444}body.ui-v2 #class-pick .cls b{font:700 13px Cinzel,serif;color:var(--parch);letter-spacing:.5px}body.ui-v2 .login-card .row .btn{padding:12px 14px;font-size:14px}body.ui-v2 .login-card .hint{color:#7f7666;border-top:1px solid #2c261b;padding-top:14px}body.ui-v2 #lobby{background:radial-gradient(70% 50% at 50% 110%,#e2683c33 0%,transparent 70%),radial-gradient(100% 70% at 50% -10%,#2b2a3a 0%,transparent 70%),linear-gradient(180deg,#0d0c14,#17121a 60%,#1a110c)}body.ui-v2 .lobby-card{padding:22px 24px 26px}body.ui-v2 .lobby-head h2{font:700 28px Cinzel,serif;letter-spacing:3px;color:var(--gild);text-shadow:0 2px 0 #000,0 0 16px #f2cf7433}body.ui-v2 .lobby-bal{font-weight:700;padding:6px 12px;border-radius:3px;background:#0f0e12;box-shadow:inset 0 0 0 1px #3a3023}body.ui-v2 .lobby-tools{padding-bottom:14px;border-bottom:1px solid #2c261b}body.ui-v2 .char-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}body.ui-v2 .char-card{padding:14px 10px 12px;border:1px solid #000;border-radius:4px;background:radial-gradient(70% 38% at 50% 58%,color-mix(in srgb,var(--rc) 30%,transparent) 0%,transparent 70%),linear-gradient(180deg,#24212a,#131217);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rc) 55%,#2a2418),inset 0 3px 0 var(--rc),0 8px 20px #0009;transition:transform .15s,box-shadow .15s}body.ui-v2 .char-card:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--rc),inset 0 3px 0 var(--rc),0 12px 26px #000b,0 0 22px color-mix(in srgb,var(--rc) 35%,transparent)}body.ui-v2 .char-card .cc-img:after{content:"";position:absolute;left:18%;right:18%;bottom:6px;height:10px;border-radius:50%;background:radial-gradient(#000c,transparent 70%)}body.ui-v2 .cc-name{font:700 16px Cinzel,serif;letter-spacing:.5px;color:var(--parch)}body.ui-v2 .cc-actions .btn{padding:6px 14px}@media(max-width:700px),(max-height:500px){body.ui-v2 .panel:not(:where(#shop,#shop *)):before,body.ui-v2 .panel:not(:where(#shop,#shop *)):after{background-size:16px,16px}body.ui-v2 .panel-head:not(:where(#shop,#shop *)){font-size:13px;letter-spacing:1.5px;padding:6px 30px 7px;min-height:30px}body.ui-v2 .panel-head:not(:where(#shop,#shop *))>span:first-child:before,body.ui-v2 .panel-head:not(:where(#shop,#shop *))>span:first-child:after{margin:0 6px}body.ui-v2 .login-card h1{font-size:44px;letter-spacing:10px}}body.ui-v2 select option{background:#1d1b22;color:#efe3c8}body.ui-v2 select option:checked{background:#8a6a3c;color:#fff}#login .lg-big{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:15px 14px;font-size:16px;letter-spacing:.5px}#login .lg-ic{width:20px;height:20px;flex:none;border-radius:5px;background:var(--c, #e8b85a);-webkit-mask:radial-gradient(circle at 72% 55%,transparent 3px,#000 3.5px);mask:radial-gradient(circle at 72% 55%,transparent 3px,#000 3.5px)}#login .lg-big .lg-ic{--c: #1a1208}#login #lg-choose{display:block;width:100%;margin-top:14px}#login #lg-mobile,#login #lg-connect{display:block;width:100%}#login .lg-h{display:block;width:100%;white-space:nowrap;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#e8b85a;margin:4px 0 8px}#login .lg-h.small{margin-top:12px}#login .lg-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}#login .lg-opt{display:flex;align-items:center;gap:9px;padding:10px 11px;font-size:13.5px;text-align:left;text-decoration:none;background:#1c1710;border:1px solid #5a4424;color:#f3e6c8;min-height:44px}#login .lg-opt:hover{background:#2a2014;border-color:#8a6a3c}#login .lg-opt img{width:22px;height:22px;border-radius:5px;flex:none}#login .lg-opt span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#login .lg-note{font-size:12px;color:#9a8f7a;margin:10px 0 0;text-align:center;line-height:1.45}#login .lg-who{display:flex;align-items:center;gap:8px;justify-content:center;font-size:13px;color:#cfc3a8;margin-bottom:6px}#login .lg-who b{color:#f3cf6e;font-family:ui-monospace,monospace}#login .lg-dot{width:8px;height:8px;border-radius:50%;background:#5fd36a;box-shadow:0 0 6px #5fd36a}#login .lg-title{text-align:center;font-size:13.5px;color:#f3e6c8;margin:0 0 12px;line-height:1.45}#login .lg-wait{display:block;color:#7fe07f;font-weight:600;margin-top:4px}#login .linkbtn{display:block;margin:10px auto 0;background:none;border:0;color:#b9a57e;font-size:12.5px;text-decoration:underline;cursor:pointer;padding:4px}#login .linkbtn:hover{color:#f3cf6e}#login [hidden]{display:none!important}#login .btn:disabled{opacity:.6;cursor:wait}