:root{--gold:#d8b36a;--gold-dim:#8c6f3a;--panel:#0e0c0ad1;--panel-2:#1c1712e6;--text:#eadfc8;--muted:#a89a80;--red:#c0392b;--blue:#2e6fd1;--karus:#b0413e;--elmorad:#3f6fb5}*{box-sizing:border-box}html,body{height:100%;color:var(--text);background:#000;margin:0;font-family:Noto Sans,system-ui,sans-serif;overflow:hidden}#scene{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}h1,h2,h3{letter-spacing:.06em;margin:0;font-family:Cinzel,serif}.panel{background:var(--panel);border:1px solid var(--gold-dim);border-radius:4px;box-shadow:0 0 0 1px #000,inset 0 0 24px #0009,0 10px 40px #0009}.panel-title{color:var(--gold);text-shadow:0 2px 4px #000;text-align:center;padding:14px 0 6px;font-size:20px}.btn{letter-spacing:.08em;color:#f3e3bd;border:1px solid var(--gold-dim);cursor:pointer;text-shadow:0 1px 2px #000;background:linear-gradient(#5a4526,#2c2113);border-radius:3px;min-height:38px;padding:9px 18px;font-family:Cinzel,serif;font-weight:700}.btn:hover{border-color:var(--gold);filter:brightness(1.15)}.btn:disabled{opacity:.5;cursor:default}.btn.secondary{background:linear-gradient(#34302b,#1b1916)}input.field,select.field{width:100%;color:var(--text);background:#0000008c;border:1px solid #5a4a30;border-radius:3px;outline:none;padding:10px 12px;font-size:15px}input.field:focus,select.field:focus{border-color:var(--gold)}label.lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:10px 0 4px;font-size:12px;display:block}.error{color:#ff8a7a;text-align:center;min-height:20px;margin-top:8px;font-size:13px}.login-wrap{background:radial-gradient(#0000 0%,#0000008c 100%);place-items:center;padding:16px;display:grid;position:absolute;inset:0}.login{width:min(380px,100%);padding:8px 26px 22px}.logo{white-space:nowrap;text-align:center;color:var(--gold);text-shadow:0 0 18px #d8b36a73,0 3px 6px #000;letter-spacing:.1em;margin-bottom:18px;font-family:Cinzel,serif;font-size:clamp(26px,8vw,34px)}.row{gap:10px;margin-top:16px;display:flex}.row .btn{flex:1}.select-bar{width:min(920px,100% - 32px);padding:12px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.slots{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.slot{background:var(--panel-2);cursor:pointer;border:1px solid #4a3c26;border-radius:3px;min-height:64px;padding:10px 12px}.slot.active{border-color:var(--gold);box-shadow:0 0 12px #d8b36a59}.slot .nm{color:var(--gold);font-family:Cinzel,serif;font-size:16px}.slot .meta{color:var(--muted);margin-top:4px;font-size:12px}.slot.empty{color:var(--muted);place-items:center;display:grid}.select-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}.create{width:min(360px,100% - 32px);max-height:calc(100% - 48px);padding:8px 20px 18px;position:absolute;top:24px;right:24px;overflow:auto}.choice{flex-wrap:wrap;gap:6px;display:flex}.choice button{flex:45%}.choice button.on{border-color:var(--gold);color:#fff;box-shadow:inset 0 0 10px #d8b36a59}.loading{background:#000 radial-gradient(circle at 50% 40%,#2a2016,#000 70%);place-items:center;display:grid;position:absolute;inset:0}.loading .bar{border:1px solid var(--gold-dim);background:#1c1712;width:min(420px,80vw);height:6px;margin-top:18px;overflow:hidden}.loading .bar div{background:linear-gradient(90deg, transparent, var(--gold), transparent);width:40%;height:100%;animation:1.2s linear infinite slide}.loading .txt{color:var(--muted);text-align:center;margin-top:10px;font-size:13px}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.labels{position:absolute;inset:0;overflow:hidden;pointer-events:none!important}.nameplate{white-space:nowrap;text-align:center;text-shadow:0 0 3px #000,0 1px 2px #000;will-change:transform;font-size:12px;font-weight:600;position:absolute;top:0;left:0}.nameplate.player{color:#e8f0ff}.nameplate .king-title{color:#ffd76a;text-shadow:0 0 6px #ffc85099;letter-spacing:.04em;margin-bottom:1px;font-size:11px;font-weight:700}.nameplate .clan-name{color:#9fd8ff;letter-spacing:.02em;margin-bottom:1px;font-size:11px;font-weight:600}.nameplate.monster{color:#ffb4a8}.nameplate.npc{color:#b8f0a8}.nameplate .hp{background:#000000b3;border:1px solid #000000e6;width:56px;height:4px;margin:2px auto 0;display:none}.nameplate .hp div{background:linear-gradient(#e0493a,#9b1e14);height:100%}.nameplate.selected{color:#fff6c8}.nameplate.selected .hp,.nameplate.monster .hp{display:block}.hud-selfcol{width:min(300px,100% - 32px);position:absolute;top:16px;left:16px}.hud-self{padding:10px 12px}.hud-buffs{pointer-events:auto;flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.hud-buffs:empty{display:none}.hud-buffs .buff{text-align:center;cursor:default;width:34px;position:relative}.hud-buffs .buff img{background:#0009;border:1px solid #8a6a22;border-radius:3px;width:32px;height:32px;display:block;box-shadow:0 1px 3px #000}.hud-buffs .buff.hostile img{border-color:#c0392b}.hud-buffs .buff .t{color:#f3e6c4;text-shadow:0 1px 2px #000,0 0 2px #000;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10px;line-height:12px;display:block}.hud-self .nm{color:var(--gold);justify-content:space-between;font-family:Cinzel,serif;font-size:15px;display:flex}.bar2{background:#000000b3;border:1px solid #000;height:16px;margin-top:6px;position:relative}.bar2>div{height:100%;transition:width .2s}.bar2 span{text-align:center;text-shadow:0 1px 2px #000;font-size:11px;line-height:16px;position:absolute;inset:0}.bar2.hp>div{background:linear-gradient(#e2503f,#8f1d12)}.bar2.mp>div{background:linear-gradient(#4f8ff0,#183f8a)}.bar2.xp{height:8px}.bar2.xp>div{background:linear-gradient(#e8c96a,#8a6a22)}.hud-target{text-align:center;width:min(300px,100% - 32px);padding:8px 12px;display:none;position:absolute;top:16px;left:50%;transform:translate(-50%)}.hud-target .nm{font-family:Cinzel,serif;font-size:14px}.chat{width:min(370px,100% - 32px);padding:8px;position:absolute;bottom:16px;left:16px}.chat-tabs{gap:4px;margin-bottom:6px;display:flex}.chat-tab{letter-spacing:.04em;color:var(--muted);cursor:pointer;background:#00000073;border:1px solid #4a3d28;border-radius:3px;flex:1;padding:3px 0;font-family:Cinzel,serif;font-size:12px}.chat-tab:hover:not(:disabled){color:var(--text);border-color:var(--gold-dim)}.chat-tab.on{color:#fff1cc;border-color:var(--gold);box-shadow:inset 0 0 10px #d8b36a40}.chat-tab.party.on{color:#d8ffd8;border-color:#6fcf7a}.chat-tab.clan.on{color:#efe3ff;border-color:#b893ff}.chat-tab:disabled{opacity:.38;cursor:not-allowed}.chat .log .party{color:#a8f0b0}.chat .log .clan{color:#d9c2ff}.chat .log .tag{opacity:.85}.chat input.party{border-color:#4f9a58}.chat input.clan{border-color:#7d62b8}.chat .log{height:150px;padding-right:4px;font-size:13px;line-height:1.35;overflow-y:auto}.chat .log .sys{color:#f0d890}.chat .log .n{color:#9fd0ff}.chat input{margin-top:6px}@media (max-width:640px){.chat .log{height:90px}.logo{font-size:34px}}.tabs{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px;display:grid}.tab{letter-spacing:.06em;cursor:pointer;color:var(--muted);background:#00000073;border:1px solid #4a3c26;border-radius:3px;min-height:40px;padding:9px 0;font-family:Cinzel,serif;font-weight:700}.tab.on{color:#f3e3bd;border-color:var(--gold);box-shadow:inset 0 0 10px #d8b36a4d}.hint-text{color:var(--muted);margin-top:4px;font-size:12px}.error-box{color:#ffd9d2;background:#78140c8c;border:1px solid #a8382c;border-radius:3px;margin-top:12px;padding:9px 11px;font-size:14px;display:none}.info-box{color:var(--muted);text-align:center;margin-top:10px;font-size:12px}.btn.wide{width:100%}.hotbar{gap:6px;padding:7px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.slot-k{cursor:pointer;background:#0009;border:1px solid #5a4a30;border-radius:3px;width:46px;height:46px;position:relative;overflow:hidden}.slot-k:hover{border-color:var(--gold)}.slot-k img{width:100%;height:100%;display:block}.slot-k.locked img{filter:grayscale()brightness(.6)}.slot-k .key{color:#f3e3bd;text-shadow:0 0 3px #000,0 1px 2px #000;font-size:11px;font-weight:700;position:absolute;top:1px;left:3px}.slot-k .cnt{color:#fff;text-shadow:0 0 3px #000,0 1px 2px #000;pointer-events:none;font-size:11px;font-weight:700;position:absolute;bottom:1px;right:3px}.slot-k.item.locked .cnt{color:#ff8a7a}.slot-k .cd{background:conic-gradient(#000000b8 var(--p,0deg), transparent 0);display:none;position:absolute;inset:0}.skillwin{width:min(420px,100% - 32px);max-height:calc(100% - 140px);padding:4px 14px 14px;position:absolute;top:16px;right:16px;overflow:auto}.skillwin .x{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:22px;position:absolute;top:6px;right:8px}.skillwin .points{color:var(--muted);text-align:center;margin-bottom:8px;font-size:12px}.tabs5{flex-wrap:wrap;gap:4px;margin-bottom:10px;display:flex}.tabs5 .tab{flex:30%;min-height:32px;font-size:12px}.tabs5 .tab:disabled{opacity:.35;cursor:default}.skillgrid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;display:grid}.skillcell{text-align:center;cursor:grab;background:#00000059;border:1px solid #3c3122;border-radius:3px;padding:6px 4px}.skillcell:hover{border-color:var(--gold-dim)}.skillcell img{width:40px;height:40px;margin:0 auto 4px;display:block}.skillcell.locked{opacity:.55;cursor:default}.skillcell .nm{color:var(--text);min-height:26px;font-size:11px;line-height:1.2}.skillcell .lv{color:var(--muted);font-size:10px}.tooltip{z-index:20;border:1px solid var(--gold-dim);background:#0a0806f2;border-radius:3px;max-width:260px;padding:8px 10px;font-size:12px;display:none;position:fixed;pointer-events:none!important}.tooltip .tt-name{color:var(--gold);margin-bottom:4px;font-family:Cinzel,serif;font-size:14px}.tooltip .tt-desc{color:var(--text);margin-bottom:6px}.tooltip .tt-line{color:var(--muted)}.tooltip .tt-line.bad{color:#ff8a7a}.floattext{pointer-events:none;white-space:nowrap;text-shadow:0 0 3px #000,0 2px 3px #000;will-change:transform, opacity;font-size:18px;font-weight:800;position:absolute;top:0;left:0}.floattext.dmg{color:#fff1c4}.floattext.dmg-skill{color:#ffb347;font-size:21px}.floattext.dmg-self{color:#ff6b5b}.floattext.miss{color:#b9c4d0;font-size:15px}@media (max-width:640px){.slot-k{width:38px;height:38px}}.invwin{width:min(560px,100% - 32px);max-height:calc(100% - 120px);padding:4px 14px 12px;position:absolute;top:16px;right:16px;overflow:auto}.invwin .x{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:22px;position:absolute;top:6px;right:8px}.invbody{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.equipgrid{grid-template-columns:repeat(3,52px);gap:6px;display:grid}.baggrid{grid-template-columns:repeat(7,46px);align-content:start;gap:4px;display:grid}.icell{background:#0000008c;border:1px solid #4a3c26;border-radius:3px;width:46px;height:46px;position:relative;overflow:hidden}.icell.equip{width:52px;height:52px}.icell.equip:not(.filled):after{content:attr(data-label);text-align:center;color:#6d5f48;place-items:center;padding:2px;font-size:9px;line-height:1.1;display:grid;position:absolute;inset:0}.icell.filled{cursor:grab}.icell:hover{border-color:var(--gold)}.icell img{width:100%;height:100%;display:block}.icell .cnt{color:#fff;text-shadow:0 0 3px #000,0 1px 2px #000;font-size:11px;font-weight:700;position:absolute;bottom:1px;right:2px}.icell .dur{background:#8fbf5a;height:3px;position:absolute;bottom:0;left:0}.icell .dur.low{background:#d9483b}.icell.attr-magic{border-color:#3d6cc4}.icell.attr-rare{border-color:#d8b845}.icell.attr-unique{border-color:#c98a3a}.icell.attr-craft,.icell.attr-upgrade{border-color:#6fbf6f}.invstats{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-top:12px;font-size:13px;display:flex}.invstats b{color:var(--text);font-weight:600}.tooltip .tt-name.attr-magic{color:#7fa7ff}.tooltip .tt-name.attr-rare{color:#ffe066}.tooltip .tt-name.attr-unique{color:#ffae4a}.tooltip .tt-line.bonus{color:#9fe39f}@media (max-width:640px){.baggrid{grid-template-columns:repeat(7,38px)}.icell{width:38px;height:38px}.icell.equip{width:44px;height:44px}}.minimap{width:212px;padding:6px;position:absolute;top:16px;right:16px}.minimap canvas{image-rendering:auto;border:1px solid #000;width:200px;height:200px;display:block}.minimap .mm-btns{flex-direction:column;gap:3px;display:flex;position:absolute;top:10px;right:10px}.mm-btn{color:#f3e3bd;cursor:pointer;border:1px solid var(--gold-dim);background:#14100ad9;border-radius:3px;width:22px;height:22px;padding:0;font-size:16px;font-weight:700;line-height:20px}.mm-btn:hover{border-color:var(--gold)}.minimap .mm-label{color:var(--muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:11px;overflow:hidden}@media (min-width:900px){.skillwin,.invwin{right:240px}}@media (max-width:640px){.minimap{width:142px}.minimap canvas{width:130px;height:130px}}.shopwin{z-index:5;width:min(760px,100% - 32px);max-height:calc(100% - 32px);padding:4px 16px 12px;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.shopwin .x,.npcdlg .x{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:22px;position:absolute;top:6px;right:8px}.shopcols{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.shopcols .lbl{margin:4px 0 6px}.stockgrid{grid-template-columns:repeat(6,46px);gap:4px;display:grid}.pager{color:var(--muted);justify-content:center;align-items:center;gap:10px;margin-top:8px;font-size:13px;display:flex}.shopfoot{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.shopgold{color:var(--gold);font-weight:600}.shopfoot .btn.on{border-color:var(--gold);color:#fff;box-shadow:inset 0 0 12px #d8b36a73}.shopmsg{color:#a8e39a;text-align:center;min-height:20px;margin-top:8px;font-size:13px}.shopmsg.bad{color:#ff8a7a}.icell.unaffordable img{filter:grayscale(.6)brightness(.55)}.icell.worn{border-style:dashed}.tooltip .tt-line.price{color:var(--gold)}.tooltip .tt-line.price.bad{color:#ff8a7a}.prompt{z-index:6;width:280px;padding:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.prompt-top{z-index:100;position:fixed}.prompt .q{margin-bottom:8px;font-size:14px}.npcdlg{z-index:5;width:min(520px,100% - 32px);padding:4px 18px 14px;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.npctext{white-space:pre-wrap;max-height:240px;margin:6px 0 10px;font-size:14px;line-height:1.5;overflow:auto}.npcmenu{flex-direction:column;gap:6px;display:flex}.npcopt{text-align:left;color:var(--text);cursor:pointer;background:#00000073;border:1px solid #4a3c26;border-radius:3px;padding:8px 12px;font-size:14px}.npcopt:hover{border-color:var(--gold);color:#fff}@media (max-width:640px){.stockgrid{grid-template-columns:repeat(6,38px)}}.death-wrap{z-index:8;background:radial-gradient(#3c000040,#0000008c);place-items:center;display:grid;position:absolute;inset:0}.death{text-align:center;width:min(380px,100% - 32px);padding:6px 20px 18px}.death .panel-title{color:#e06a5a;font-size:26px}.death-text{margin:8px 0 16px;line-height:1.5}.statewin{z-index:4;width:min(560px,100% - 32px);max-height:calc(100% - 240px);padding:4px 16px 12px;position:absolute;top:130px;left:16px;overflow:auto}.statewin .x{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:22px;position:absolute;top:6px;right:8px}.statebody{grid-template-columns:1fr 1fr;gap:6px 22px;display:grid}.scol{flex-direction:column;gap:4px;display:flex}.srow{color:var(--muted);border-bottom:1px solid #5a4a3059;justify-content:space-between;align-items:center;gap:8px;padding:3px 0;font-size:13px;display:flex}.srow b{color:var(--text);margin-left:auto;font-weight:600}.srow.points b{color:var(--gold);font-size:15px}.srow .plus{margin-left:8px}.srow .plus:disabled{opacity:.3;cursor:default}@media (max-width:640px){.statebody{grid-template-columns:1fr}.statewin{top:16px}}.tabs5 .tabwrap{flex:30%;align-items:stretch;gap:3px;display:flex}.tabs5 .tabwrap .tab{flex:1}.tabs5 .tabwrap .plus{height:auto}.warpopt{flex-direction:column;gap:2px;display:flex}.warpopt .wn{color:var(--gold);font-weight:600}.warpopt .wz{color:var(--muted);font-size:12px}.warpopt .wa{color:var(--text);font-size:12px}.confirm-wrap{z-index:100;background:#00000059}.upg-left{flex-direction:column;align-items:center;gap:6px;min-width:200px;display:flex}.upg-origin{border-color:var(--gold-dim);cursor:pointer;width:64px;height:64px}.upg-reqs{gap:6px;display:flex}.icell.picked{outline:2px solid var(--gold);outline-offset:-2px;opacity:.55}.upgwin.working .upg-origin{animation:.5s ease-in-out infinite alternate anvil}@keyframes anvil{0%{box-shadow:0 0 4px #ffc85a4d}to{box-shadow:0 0 22px #ffc85af2}}.lootwin{z-index:30;width:300px;position:absolute;top:22%;left:50%;transform:translate(-50%)}.lootlist{flex-direction:column;gap:4px;max-height:320px;margin:6px 0 8px;display:flex;overflow-y:auto}.lootrow{cursor:pointer;border:1px solid #0000;border-radius:3px;align-items:center;gap:10px;padding:3px 6px;display:flex}.lootrow:hover{border-color:var(--gold-dim);background:#ffd2780f}.lootrow .icell{flex:none;width:36px;height:36px}.gold-coin{color:#f3c95a;text-shadow:0 0 6px #f3c95ab3;justify-content:center;align-items:center;width:100%;height:100%;font-size:20px;display:flex}.hud-toast{border:1px solid var(--gold-dim);color:#f1d9a6;text-align:center;text-shadow:0 1px 2px #000;pointer-events:none;opacity:0;z-index:40;background:#0e0a06db;border-radius:4px;max-width:560px;padding:10px 22px;font-size:15px;transition:opacity .25s,transform .25s;position:absolute;top:30%;left:50%;transform:translate(-50%,-8px)}.hud-toast.show{opacity:1;transform:translate(-50%)}.actionbar-sep{background:linear-gradient(#0000,#7a6440,#0000);width:1px;margin:4px}.actionbar{gap:6px;display:flex}.act-btn{cursor:pointer;color:#e6c889;background:radial-gradient(circle at 50% 35%,#5a46288c,#000000b3);border:1px solid #5a4a30;border-radius:3px;width:46px;height:46px;padding:9px;transition:color .15s,border-color .15s,box-shadow .15s}.act-btn svg{filter:drop-shadow(0 1px 1px #000);width:100%;height:100%;display:block}.act-btn:hover{color:#fff1cc;border-color:var(--gold);box-shadow:0 0 10px #e6be6e59}.act-btn:active{transform:translateY(1px)}.act-btn.off{color:#6c5f4a;cursor:not-allowed;box-shadow:none}.action-tip{z-index:60;position:fixed}.tradewin{z-index:30;width:min(560px,100% - 32px);padding:4px 16px 14px;position:absolute;top:3%;left:50%;transform:translate(-50%)}.trade-cols{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:8px;display:grid}.trade-them{color:#c9d6ff}.offergrid{grid-template-columns:repeat(4,44px);gap:4px;display:grid}.trade-gold{color:#e8d3a1;margin-top:6px;font-size:13px}.trade-ready{color:var(--muted);margin-top:4px;font-size:12px}.trade-ready.on{color:#8fe38f;text-shadow:0 0 6px #78e67866}.merchantwin{z-index:30;width:min(430px,100% - 32px);padding:4px 16px 14px;position:absolute;top:4%;left:50%;transform:translate(-50%)}.merchantwin .field{width:100%;margin:8px 0 4px}.merchant-slots{grid-template-columns:repeat(6,44px);justify-content:center}.price-tag{text-align:center;color:#ffe9a8;background:#000000b8;font-size:9px;line-height:12px;position:absolute;bottom:0;left:0;right:0}.stall-message{text-align:center;color:#f3d894;min-height:16px;margin-bottom:6px;font-style:italic}.stall-sign{color:#ffe3a0;white-space:nowrap;background:linear-gradient(#3b2a14,#1d140a);border:1px solid #b08a45;border-radius:3px;margin-bottom:3px;padding:2px 8px;font-size:11px;box-shadow:0 0 8px #0009}.stall-sign.buying{color:#bfe0ff;background:linear-gradient(#14283b,#0a141d);border-color:#4f86b8}.merchantwin .x,.tradewin .x{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:22px;position:absolute;top:6px;right:8px}.merchantwin .x:hover,.tradewin .x:hover{color:var(--gold)}.lootwin .x{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:22px;position:absolute;top:6px;right:8px}.geniewin{z-index:30;width:min(440px,100% - 32px);max-height:calc(100% - 120px);padding:4px 16px 14px;position:absolute;top:3%;left:50%;overflow:auto;transform:translate(-50%)}.geniewin .x{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:22px;position:absolute;top:6px;right:8px}.genie-status{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.genie-state{color:var(--muted)}.genie-state.on{color:#8fe38f;text-shadow:0 0 8px #78e67873}.genie-time{color:#e8d3a1;font-size:12px}.genie-slots,.genie-pool{flex-wrap:wrap;gap:5px;margin-bottom:8px;display:flex}.genie-slot{width:40px;height:40px}.genie-slot.empty{opacity:.55}.genie-slot.picked img{filter:grayscale()brightness(.55)}.genie-grid{grid-template-columns:1fr 1fr;gap:4px 10px;margin:6px 0;display:grid}.genie-check{cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.genie-range{grid-template-columns:90px 1fr 48px;align-items:center;gap:8px;margin:3px 0;font-size:13px;display:grid}.genie-range input{accent-color:#c9a45c;width:100%}.genie-targets{flex-wrap:wrap;gap:5px;margin-bottom:8px;display:flex}.btn.tag{padding:3px 9px;font-size:12px}.btn.tag.on{border-color:var(--gold);color:#fff1cc;box-shadow:0 0 8px #e6be6e59}.genie-badge{color:#0e1d10;background:linear-gradient(#9ff09f,#52b552);border-radius:8px;margin-bottom:2px;padding:0 6px;font-size:10px;display:inline-block;box-shadow:0 0 6px #78e67899}.wheelwin{z-index:30;width:min(660px,100% - 32px);padding:4px 18px 14px;position:absolute;top:4%;left:50%;transform:translate(-50%)}.wheelwin .x{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:22px;position:absolute;top:6px;right:8px}.wheel-body{grid-template-columns:360px 1fr;align-items:center;gap:16px;display:grid}.wheel-stage{width:360px;height:360px;position:relative}.wheel-stage canvas{filter:drop-shadow(0 6px 14px #000000b3);width:360px;height:360px;display:block}.wheel-spin{border-radius:50%;width:68px;height:68px;padding:0;font-size:13px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wheel-kc{color:#e8d3a1;margin-bottom:10px;font-size:13px}.wheel-kc span{color:var(--muted)}.wheel-list{flex-direction:column;gap:5px;display:flex}.wheel-row{grid-template-columns:18px 32px 1fr;align-items:center;gap:8px;font-size:13px;display:grid}.wheel-row img{border:1px solid #5a4a30;border-radius:3px;width:32px;height:32px}.wheel-idx{color:var(--muted);font-size:11px}.wheel-msg{text-align:center;min-height:22px;color:var(--muted);margin-top:10px;font-size:15px}.wheel-msg.bad{color:#ff9b8a}.wheel-msg.win{color:#ffe39a;text-shadow:0 0 10px #ffd278cc;animation:.6s ease-out wheelwin}@keyframes wheelwin{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@media (max-width:700px){.wheel-body{grid-template-columns:1fr;justify-items:center}}.puswin{z-index:30;flex-direction:column;width:min(620px,100% - 32px);max-height:calc(100% - 130px);padding:4px 16px 12px;display:flex;position:absolute;top:4%;left:50%;transform:translate(-50%)}.puswin .x{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:22px;position:absolute;top:6px;right:8px}.puswin .x:hover{color:var(--gold)}.pus-kc{color:#e8d3a1;justify-content:center;align-items:center;gap:6px;margin-bottom:8px;font-size:13px;display:flex}.pus-kc b{color:#ffe39a;font-size:15px}.pus-coin{background:radial-gradient(circle at 35% 35%,#fff3c4,#d9a93e 55%,#7a5412);border-radius:50%;width:14px;height:14px;box-shadow:0 0 6px #ffd27899}.pus-tabs{border-bottom:1px solid #3a2f1e;flex-wrap:wrap;gap:4px;margin-bottom:8px;padding-bottom:6px;display:flex}.pus-tabs .tab{flex:auto}.pus-tabs .tab.premium{color:#d9c6ff;border-color:#6c55a8}.pus-tabs .tab.premium.on{color:#fff;box-shadow:0 0 10px #aa8cff73}.pus-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:6px;min-height:120px;padding-right:2px;display:grid;overflow:auto}.pus-card{background:linear-gradient(#2a2116d9,#14100be6);border:1px solid #3f3322;border-radius:4px;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:6px 8px;transition:border-color .15s,box-shadow .15s;display:grid}.pus-card:hover{border-color:var(--gold-dim);box-shadow:inset 0 0 12px #d8b36a1f}.pus-card .icell{width:44px;height:44px}.pus-name{color:var(--text);font-size:13px}.pus-note{color:var(--muted);margin-top:1px;font-size:11px}.pus-price{color:#ffe39a;margin-top:2px;font-size:12px;font-weight:600}.pus-card.poor .pus-price,.pus-premium.poor .pus-price{color:#ff9b8a}.pus-buy{white-space:nowrap;padding:5px 10px;font-size:12px}.pus-premium{background:linear-gradient(160deg,#3a2a608c,#120e1ce6);border:1px solid #6c55a8;border-radius:5px;grid-column:1/-1;padding:12px 14px;box-shadow:inset 0 0 22px #9678ff26}.pus-premium-head{color:#efe6ff;align-items:center;gap:8px;font-size:15px;display:flex}.pus-gem{background:linear-gradient(135deg,#f3ecff,#9b82f0 55%,#4b3496);width:16px;height:16px;transform:rotate(45deg);box-shadow:0 0 8px #aa8cffb3}.pus-status{color:var(--muted);margin-left:auto;font-size:12px}.pus-status.on{color:#8fe38f}.pus-premium ul{color:#ddd3f5;margin:10px 0;padding-left:20px;font-size:13px;line-height:1.6}.pus-premium-foot{justify-content:space-between;align-items:center;gap:10px;display:flex}.pus-total{color:#e8d3a1;margin:6px 0;font-size:12px}.puswin .shopmsg{text-align:center;min-height:18px;margin-top:8px}@media (max-width:640px){.pus-grid{grid-template-columns:1fr}}.partywin{z-index:5;width:220px;padding:6px 8px 8px;position:absolute;top:128px;left:16px}.party-title{color:var(--gold);margin-bottom:4px;font-family:Cinzel,serif;font-size:13px}.party-list{flex-direction:column;gap:5px;display:flex}.party-row{cursor:pointer;background:#00000059;border:1px solid #3f3322;border-radius:3px;padding:4px 22px 4px 6px;position:relative}.party-row:hover{border-color:var(--gold-dim)}.party-row.me{border-color:#5b4a2c}.party-row.dead{opacity:.55}.party-nm{align-items:center;gap:5px;margin-bottom:3px;font-size:12px;display:flex}.party-nm .lv{color:var(--muted);margin-left:auto;font-size:11px}.party-nm .crown{color:#ffd76a;text-shadow:0 0 6px #ffd26eb3}.pbar{background:#0009;border-radius:2px;height:5px;margin-top:2px;overflow:hidden}.pbar>div{height:100%;transition:width .25s}.pbar.hp>div{background:linear-gradient(#e2534a,#8f1e17)}.pbar.mp>div{background:linear-gradient(#4f8fe8,#1d4591)}.party-kick{color:#ffb3a8;cursor:pointer;background:#3c0c08cc;border:1px solid #6b3a32;border-radius:3px;width:17px;height:17px;padding:0;font-size:14px;line-height:15px;position:absolute;top:3px;right:3px}.party-kick:hover{background:#781810e6}.party-foot{gap:5px;margin-top:6px;display:flex}.party-foot .btn{flex:1;padding:4px 0;font-size:12px}.party-invite{z-index:40;text-align:center;min-width:280px;padding:14px 18px;position:absolute;top:22%;left:50%;transform:translate(-50%)}.party-invite .q{margin-bottom:10px}.party-invite .row{justify-content:center}.genie-party-add{align-items:center;gap:5px;margin-bottom:6px;display:flex}.petwin{width:min(500px,100% - 32px)}.pet-status{margin-bottom:8px;font-size:13px}.pet-status .bar2{margin-top:4px}.pet-head{justify-content:space-between;align-items:center;gap:8px;margin:4px 0;display:flex}.pet-head .btn{padding:3px 12px}.pet-tabs{gap:5px;margin:6px 0 8px;display:flex}.pet-equip{grid-template-columns:repeat(4,52px);gap:6px;margin-bottom:8px;display:grid}.pet-grid{flex-wrap:wrap;gap:4px;min-height:48px;margin-bottom:8px;display:flex}.pet-potions{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:2px;display:flex}.pet-potions .icell{cursor:pointer;width:38px;height:38px}.pet-potions .icell.on{border-color:var(--gold);box-shadow:0 0 6px #d8b36ab3}.nameplate.pet{color:#9fd0ff;font-size:11px}.genie-party-add .field{flex:1;min-width:0;padding:4px 8px}.btn.danger{color:#ffcabf;background:linear-gradient(#4a1a14,#2a0e0a);border-color:#8a3b30}.btn.danger:hover:not(:disabled){color:#fff0ec;border-color:#d0604f}.btn.danger:disabled{opacity:.45}.delete-panel{width:min(440px,100% - 32px);padding:6px 22px 18px}.delete-warn{color:#f0d9c8;background:#46120c73;border:1px solid #6b3228;border-radius:3px;margin:6px 0 14px;padding:10px 12px;font-size:14px;line-height:1.5}.delete-warn b{color:#ffd9a0}.delete-panel .field{width:100%;margin:4px 0 6px}.delete-panel .row{justify-content:center;margin-top:10px}.gfx-btn{font-size:13px;font-weight:400}.gfxwin{z-index:30;width:330px;padding:14px;position:absolute;top:16px;right:290px}.gfx-title{color:var(--gold);margin-bottom:10px;font-family:Cinzel,serif;font-size:16px}.gfx-row{cursor:pointer;border:1px solid #0000;border-radius:4px;align-items:flex-start;gap:10px;padding:8px;display:flex}.gfx-row:hover{border-color:#d8b25a66}.gfx-row.on{border-color:var(--gold,#d8b25a);background:#d8b25a14}.gfx-row input{margin-top:3px}.gfx-info{opacity:.8;margin-top:2px;font-size:12px}.snd-title{margin-top:12px}.chat .log .whisper{color:#f0a8ff}.snd-row{cursor:pointer;grid-template-columns:auto 72px 1fr;align-items:center;gap:10px;padding:6px 8px;display:grid}.snd-row input[type=range]{width:100%;accent-color:var(--gold,#d8b25a)}.snd-row input[type=range]:disabled{opacity:.4}.gfx-foot{justify-content:flex-end;margin-top:10px;display:flex}.clanwin{z-index:35;width:min(620px,100vw - 32px);max-height:74vh;padding:14px 16px;position:absolute;top:12%;left:50%;overflow:auto;transform:translate(-50%)}.clan-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.clan-title{color:var(--gold,#d8b25a);letter-spacing:.04em;font-family:Cinzel,serif;font-size:18px}.win-x{color:#cbb98a;cursor:pointer;background:0 0;border:0;font-size:20px;line-height:1}.clan-tabs{gap:6px;margin-bottom:10px;display:flex}.clan-tabs .tab{color:#e6dcc0;cursor:pointer;background:#00000059;border:1px solid #d8b25a59;border-radius:4px;padding:5px 12px}.clan-tabs .tab.on{border-color:var(--gold,#d8b25a);color:#fff3cf;background:#d8b25a1f}.clan-info{margin-bottom:8px}.clan-name-big{color:#9fd8ff;font-size:17px;font-weight:700}.clan-meta{opacity:.85;margin-top:2px;font-size:12px}.clan-table,.clan-list{flex-direction:column;gap:2px;display:flex}.clan-row{cursor:pointer;border-radius:3px;grid-template-columns:80px 1fr 44px 110px 120px;gap:8px;padding:5px 8px;font-size:13px;display:grid}.clan-row.list{cursor:default;grid-template-columns:1fr 1fr 50px 80px}.clan-row:not(.hdr):hover{background:#d8b25a14}.clan-row.sel{background:#d8b25a2e;outline:1px solid #d8b25a80}.clan-row.hdr{text-transform:uppercase;letter-spacing:.05em;opacity:.6;cursor:default;font-size:11px}.clan-row.off{opacity:.55}.clan-row .rk1{color:#ffd76a}.clan-row .rk2{color:#ffb86a}.clan-row .rk6{color:#9fd8ff}.clan-row .rk4{color:#b8b8b8;font-style:italic}.clan-row .rk3{color:#ff8a8a}.clan-actions,.clan-foot,.clan-pager{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.clan-foot{border-top:1px solid #d8b25a33;padding-top:10px}.clan-select{color:#eee;background:#00000073;border:1px solid #d8b25a66;border-radius:3px;padding:4px}.clan-create{margin-bottom:14px}.clan-note,.clan-sub{opacity:.85;margin-bottom:8px;font-size:12px}.clan-input{color:#eee;background:#00000073;border:1px solid #d8b25a66;border-radius:3px;flex:1;padding:6px 8px}.clan-empty{opacity:.6;padding:10px;font-size:13px}.clanwin.wide{width:min(800px,100vw - 32px)}.clan-stash-cols{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.clan-stash{min-height:202px}.clan-row.ally{cursor:default;grid-template-columns:1fr auto;align-items:center}.clan-flash{background:#a03c2859;border:1px solid #ff8c6e66;border-radius:3px;margin-bottom:8px;padding:6px 8px;font-size:13px}@media (max-width:560px){.clan-row{grid-template-columns:64px 1fr 36px}.clan-row>:nth-child(4),.clan-row>:nth-child(5){display:none}}.cloak-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;margin-top:8px;display:grid}.cloak-card{text-align:center;background:#00000040;border:1px solid #d8b25a40;border-radius:4px;flex-direction:column;align-items:center;gap:3px;padding:6px;display:flex}.cloak-card.on{border-color:var(--gold,#d8b25a);box-shadow:inset 0 0 0 1px #d8b25a66}.cloak-card.locked{opacity:.5}.cloak-swatch{background-size:cover;border:1px solid #0009;border-radius:3px;width:64px;height:64px}.cloak-name{font-size:12px;font-weight:600}.cloak-price,.cloak-grade{opacity:.8;font-size:11px}.cloak-card .btn{padding:3px 10px;font-size:12px}.kingwin{z-index:35;width:min(560px,100vw - 32px);max-height:78vh;padding:14px 16px;position:absolute;top:10%;left:50%;overflow:auto;transform:translate(-50%)}.king-sec{border-top:1px solid #d8b25a33;flex-direction:column;gap:8px;margin-top:10px;padding-top:10px;display:flex}.king-line{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.king-line>span:first-child{opacity:.85;width:64px;font-size:12px}.king-line .clan-input{flex:1;min-width:90px}.king-cand{grid-template-columns:1fr auto;align-items:center}.kingwin .row{gap:6px;display:flex}