:root{--panel: rgba(22, 18, 30, .88);--panel-edge: #8a6a3a;--text: #f2e8d4;--muted: #b8a888;--gold: #ffd27a;--hp: #d8423a;--mp: #3a7ad8;--xp: #c08aff;--bad: #ff6a5a;--good: #7dff8a}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#000;color:var(--text);font-family:Nunito,system-ui,sans-serif;-webkit-user-select:none;user-select:none}#viewport,#overlay{position:fixed;top:0;right:0;bottom:0;left:0}#overlay{pointer-events:none;overflow:hidden}.hidden{display:none!important}kbd{font-family:inherit;font-size:10px;opacity:.7;border:1px solid currentColor;border-radius:3px;padding:0 3px;margin-left:4px}code{background:#ffffff14;padding:0 4px;border-radius:3px}.btn{font:800 14px Nunito,sans-serif;color:#2a1a0a;background:linear-gradient(#ffe2a0,#e0a84a);border:2px solid #7a5222;border-radius:8px;padding:8px 16px;cursor:pointer;box-shadow:0 2px #5a3a12}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(1px);box-shadow:none}.btn:disabled{filter:grayscale(1) brightness(.7);cursor:default}.btn.ghost{background:transparent;color:var(--text);border-color:#6a5a4a;box-shadow:none}.btn.small{padding:4px 10px;font-size:13px}.btn.wide{width:100%;margin-top:10px}.gold{color:var(--gold);font-weight:800}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#14101e8c,#05040aeb);z-index:20;padding:16px}.login-card{width:min(460px,100%);background:var(--panel);border:2px solid var(--panel-edge);border-radius:14px;padding:24px;box-shadow:0 10px 40px #0009;max-height:100%;overflow-y:auto}.logo{font-family:Cinzel,serif;font-weight:800;font-size:46px;margin:0;text-align:center;color:var(--gold);text-shadow:0 3px 0 #6a3a12,0 0 24px rgba(255,180,80,.4);letter-spacing:2px}.tagline{text-align:center;color:var(--muted);margin:4px 0 18px}#charList .char{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#ffffff0d;border:1px solid #4a3a2a;border-radius:8px;margin-bottom:8px;cursor:pointer}#charList .char:hover{border-color:var(--gold)}#charList .char .info{flex:1}#charList .char .nm{font-weight:800;font-size:16px}#charList .char .sub{color:var(--muted);font-size:13px}#charList .char .del{background:none;border:none;color:#8a6a5a;cursor:pointer;font-size:18px}#charList .char .del:hover{color:var(--bad)}.swatch-face{width:34px;height:34px;border-radius:50%;border:2px solid rgba(0,0,0,.4);position:relative;overflow:hidden}.swatch-face:after{content:"";position:absolute;left:0;right:0;top:0;height:40%;background:var(--hair)}#createForm label{display:block;font-weight:700;margin:14px 0 10px}#createForm input{width:100%;margin-top:6px;padding:10px;font:700 16px Nunito;background:#0006;color:var(--text);border:1px solid #6a5a4a;border-radius:6px}.class-pick{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.class-card{border:2px solid #4a3a2a;border-radius:10px;padding:10px;cursor:pointer;background:#ffffff0a}.class-card.sel{border-color:var(--gold);background:#ffd27a1a}.class-card .ci{font-size:22px}.class-card .cn{font-weight:800;font-size:16px}.class-card .cb{font-size:12px;color:var(--muted)}.row{display:flex;align-items:center;gap:10px;margin:8px 0}.row.end{justify-content:flex-end;margin-top:16px}.lbl{width:44px;color:var(--muted);font-weight:700}.swatches{display:flex;gap:6px;flex-wrap:wrap}.sw{width:26px;height:26px;border-radius:50%;border:2px solid rgba(0,0,0,.5);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;background:#3a3a4a}.sw.sel{outline:2px solid var(--gold);outline-offset:2px}.error{color:var(--bad);text-align:center;margin-top:10px;min-height:20px;font-weight:700}.nameplate{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;white-space:nowrap;will-change:transform}.np-name{font-weight:800;font-size:13px;text-shadow:0 1px 2px #000,0 0 3px #000;color:#fff}.nameplate.monster .np-name{color:#ffb0a0}.nameplate.boss .np-name{color:#ff7a6a;font-size:15px}.nameplate.champion .np-name{color:#ffd24a;text-shadow:0 1px 2px #000,0 0 6px #ff8a1a}.nameplate.champion .np-fill{background:linear-gradient(#ffd24a,#e08a1a)}.nameplate.npc .np-name{color:var(--gold);display:flex;flex-direction:column;align-items:center;line-height:1.1}.np-title{font-size:10px;color:var(--muted);font-weight:700}.nameplate.player .np-name{color:#bfe0ff}.nameplate.self .np-name{color:#fff}.nameplate.targeted .np-name{text-decoration:underline;text-decoration-color:#ffffff80}.np-bar{width:54px;height:5px;background:#0009;border-radius:3px;margin-top:2px;overflow:hidden;border:1px solid rgba(0,0,0,.6)}.boss .np-bar{width:110px;height:7px}.np-fill{height:100%;background:var(--hp);transition:width .15s}.nameplate.player .np-fill{background:#4ad86a}.nameplate.slowed .np-name:after{content:" ❄";color:#8fe3ff}.nameplate.burning .np-name:before{content:"🔥 "}.np-marker{position:absolute;top:-34px;font:800 30px Cinzel,serif;color:var(--gold);text-shadow:0 2px 0 #6a3a12,0 0 10px rgba(255,200,80,.7);animation:bob 1.2s ease-in-out infinite}.np-marker.ready{color:#fff36a}@keyframes bob{50%{translate:0 -5px}}.bubble{background:#fffaf0;color:#2a2a2a;font-size:12px;font-weight:700;padding:5px 9px;border-radius:10px;margin-bottom:4px;max-width:220px;white-space:normal;text-align:center;box-shadow:0 2px 6px #0006;position:relative}.bubble:after{content:"";position:absolute;bottom:-6px;left:50%;margin-left:-6px;border:6px solid transparent;border-top-color:#fffaf0;border-bottom:0}.portal-label{position:absolute;left:0;top:0;font:800 14px Cinzel,serif;color:var(--gold);text-shadow:0 2px 3px #000;white-space:nowrap}.portal-label.locked{color:#9adf9a}.portal-label.object-label{color:#bfe6ff;font-size:12px;text-shadow:0 0 8px rgba(154,216,255,.9),0 2px 3px #000;animation:bob 1.6s ease-in-out infinite}.float{position:absolute;left:0;top:0;font:800 20px Nunito;color:#fff;text-shadow:0 2px 0 #000,0 0 4px #000;white-space:nowrap;will-change:transform,opacity}.float.dmg{color:#fff}.float.dmg.other{color:#ddd;font-size:15px}.float.hurt{color:#ff6a5a}.float.crit{font-size:28px;color:#ffd24a}.float.hurt.crit{color:#ff3a2a}.float.heal{color:var(--good)}.float.xp{color:var(--xp);font-size:16px}.float.goldtext{color:var(--gold);font-size:16px}.float.special{color:#ff9a4a;font-family:Cinzel,serif;font-size:22px}.float.levelup{color:var(--gold);font-family:Cinzel,serif;font-size:30px}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#hud>*{pointer-events:auto}#hud>#notices,#hud>#toasts,#hud>#mapName,#hud>#danger{pointer-events:none}#danger{position:absolute;top:64px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 22px;border-radius:10px;background:#460804d9;border:2px solid #ffd27a;color:#fff;text-align:center;animation:dangerPulse .45s ease-in-out infinite alternate}#danger b{font:800 20px Cinzel,serif;color:#ffd27a;letter-spacing:.04em}#danger span{font-weight:800;font-size:14px}@keyframes dangerPulse{0%{box-shadow:0 0 #ff502800}to{box-shadow:0 0 22px #ff5028d9}}.frame{position:absolute;background:var(--panel);border:2px solid var(--panel-edge);border-radius:10px;padding:8px 10px;width:240px}#playerFrame{left:12px;top:12px}#targetFrame{left:50%;top:12px;transform:translate(-50%);width:260px}.frame-head{display:flex;justify-content:space-between;font-weight:800;margin-bottom:5px}.lvl{color:var(--gold);font-size:13px}.bar{position:relative;height:16px;background:#0000008c;border-radius:4px;overflow:hidden;margin-top:4px;border:1px solid #000}.bar .fill{height:100%;transition:width .2s}.bar.hp .fill{background:linear-gradient(#ff6a5a,#b8322a)}.bar.mp .fill{background:linear-gradient(#6aaaff,#2a5ab8)}.bar span{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font-size:11px;font-weight:800;line-height:15px;text-shadow:0 1px 1px #000}.buffs{display:flex;gap:4px;margin-top:5px;min-height:0}.buff{width:24px;height:24px;border-radius:5px;background:#ffffff1a;border:1px solid #6a5a4a;display:flex;align-items:center;justify-content:center;font-size:13px;position:relative}.buff small{position:absolute;bottom:-2px;right:0;font-size:9px;font-weight:800;text-shadow:0 1px 1px #000}.buff.debuff{border-color:var(--bad)}#mapName{position:absolute;top:14px;right:16px;font:800 18px Cinzel,serif;color:var(--gold);text-shadow:0 2px 3px #000}#notices{position:absolute;top:110px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;width:min(640px,92vw)}.notice{background:#0a0810c7;padding:7px 16px;border-radius:8px;font-weight:800;text-align:center;border:1px solid #4a3a2a;animation:fadeout 4s forwards}.notice.gold{color:var(--gold);border-color:var(--panel-edge)}.notice.bad{color:var(--bad)}@keyframes fadeout{0%{opacity:0;transform:translateY(-6px)}8%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}#toasts{position:absolute;right:16px;bottom:150px;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.toast{background:#0a0810cc;padding:5px 12px;border-radius:6px;font-weight:800;font-size:13px;animation:fadeout 3.5s forwards;border-left:3px solid currentColor}#drops{position:absolute;right:16px;top:60px;display:flex;flex-direction:column;gap:6px;width:250px}.drop{background:var(--panel);border:2px solid var(--panel-edge);border-radius:8px;padding:8px 10px}.drop .dn{font-weight:800;margin-bottom:6px}.drop .dbtns{display:flex;gap:6px}.drop .dbtns .btn{flex:1;padding:4px;font-size:12px}#bottomBar{position:absolute;left:50%;bottom:10px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}#skillbar{display:flex;gap:6px;background:var(--panel);border:2px solid var(--panel-edge);border-radius:12px;padding:6px}.skill{width:54px;height:54px;border-radius:9px;background:linear-gradient(#3a3048,#221a2e);border:2px solid #5a4a3a;position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;overflow:hidden}.skill:hover{border-color:var(--gold)}.skill .key{position:absolute;top:1px;left:4px;font-size:11px;font-weight:800;color:var(--muted)}.skill .cost{position:absolute;bottom:1px;right:4px;font-size:10px;font-weight:800;color:#8ab8ff}.skill .qty{position:absolute;bottom:1px;right:4px;font-size:11px;font-weight:800}.skill .cd{position:absolute;top:0;right:0;bottom:0;left:0;background:conic-gradient(rgba(0,0,0,.72) var(--p, 0%),transparent 0);pointer-events:none}.skill .cdt{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;text-shadow:0 1px 2px #000;pointer-events:none}.skill.nomana{filter:saturate(.3) brightness(.7)}.skill.active{border-color:#ff8a5a;box-shadow:inset 0 0 10px #ff783c99}.skill.sep{margin-left:10px}#xpbar{position:relative;width:420px;max-width:90vw;height:12px;background:#000000a6;border:1px solid #000;border-radius:6px;overflow:hidden}#xpFill{height:100%;background:linear-gradient(90deg,#8a4aff,#d08aff);transition:width .3s}#xpText{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font-size:10px;font-weight:800;line-height:11px;text-shadow:0 1px 1px #000}#chat{position:absolute;left:12px;bottom:12px;width:340px}#chatLog{height:150px;overflow-y:auto;background:#0a08108c;border-radius:8px 8px 0 0;padding:6px 8px;font-size:13px;scrollbar-width:thin}#chatLog .ln{margin-bottom:2px;text-shadow:0 1px 1px #000}#chatLog .from{font-weight:800;color:#bfe0ff}#chatLog .system,#chatLog .npc .from{color:var(--gold)}#chatInput{width:100%;padding:7px 8px;font:600 13px Nunito;background:#000000b3;color:var(--text);border:1px solid #4a3a2a;border-radius:0 0 8px 8px;outline:none}#chatInput:focus{border-color:var(--gold)}#menu{position:absolute;right:12px;bottom:12px;display:flex;gap:6px;align-items:center}#goldDisplay{font-weight:800;color:var(--gold);background:var(--panel);padding:5px 10px;border-radius:8px;border:1px solid var(--panel-edge)}.panel{position:absolute;background:var(--panel);border:2px solid var(--panel-edge);border-radius:12px;padding:12px;box-shadow:0 8px 30px #00000080}.panel.side{right:12px;top:60px;width:330px;max-height:calc(100vh - 190px);overflow-y:auto}.panel.side.left{left:12px;right:auto;top:120px}.panel-head{font:800 18px Cinzel,serif;color:var(--gold);display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.panel-sub{font-weight:800;color:var(--muted);margin:12px 0 6px;font-size:13px;text-transform:uppercase;letter-spacing:1px}.x{background:none;border:none;color:var(--muted);font-size:22px;cursor:pointer;line-height:1}.x:hover{color:var(--text)}.hint{color:var(--muted);font-size:12px;margin:0}#dialog{left:50%;bottom:150px;transform:translate(-50%);width:min(620px,94vw)}.dlg-name{font:800 18px Cinzel,serif;color:var(--gold);margin-bottom:6px}#dlgTitle{font:700 12px Nunito;color:var(--muted);margin-left:8px}#dlgText{font-size:15px;line-height:1.45;margin-bottom:10px}#dlgChoices{display:flex;flex-direction:column;gap:6px}.choice{text-align:left;background:#ffffff0d;border:1px solid #5a4a3a;color:var(--text);padding:8px 12px;border-radius:6px;font:700 14px Nunito;cursor:pointer}.choice:hover{border-color:var(--gold);background:#ffd27a14}.choice:before{content:"› ";color:var(--gold)}#charStats{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;font-size:13px;margin-bottom:8px}#charStats div{display:flex;justify-content:space-between}#charStats b{color:var(--gold)}#equipSlots{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.slot,.bagitem{aspect-ratio:1;border-radius:8px;background:#00000059;border:2px solid #4a3a2a;display:flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer;position:relative}.slot.empty{opacity:.4}.slot:hover,.bagitem:hover{border-color:var(--gold)}.bagitem.sel{border-color:#fff}.bagitem.equipped:after{content:"E";position:absolute;top:1px;left:4px;font-size:10px;font-weight:800;color:var(--gold)}.bagitem .q{position:absolute;bottom:1px;right:4px;font-size:11px;font-weight:800}.swatch-dot{width:22px;height:22px;border-radius:6px;border:2px solid rgba(0,0,0,.5)}#bagGrid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}#itemDetail{margin-top:10px;min-height:20px}#itemDetail .iname{font-weight:800;font-size:15px}#itemDetail .istats{font-size:13px;color:var(--good);margin:4px 0}#itemDetail .ibtns{display:flex;gap:6px;margin-top:6px}.quest{padding:8px 10px;border:1px solid #4a3a2a;border-radius:8px;margin-bottom:8px}.quest .qn{font-weight:800;display:flex;justify-content:space-between}.quest .qs{font-size:11px;font-weight:800;text-transform:uppercase}.quest .qs.ready{color:var(--good)}.quest .qs.active{color:#8ab8ff}.quest .qs.available{color:var(--gold)}.quest .qs.done{color:var(--muted)}.quest .qd{font-size:12px;color:var(--muted);margin:3px 0}.quest .obj{font-size:13px}.quest .obj.ok{color:var(--good)}.quest.done{opacity:.55}.shopitem{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid #4a3a2a;border-radius:8px;margin-bottom:6px}.shopitem .si{flex:1}.shopitem .sn{font-weight:800;font-size:14px}.shopitem .ss{font-size:12px;color:var(--good)}.shopitem .sp{color:var(--gold);font-weight:800;font-size:13px}.help{padding-left:18px;line-height:1.6;font-size:14px}#death{position:fixed;top:0;right:0;bottom:0;left:0;background:#28000073;display:flex;align-items:center;justify-content:center}.death-card{text-align:center;background:var(--panel);border:2px solid #8a2a2a;border-radius:14px;padding:24px 36px}.death-card h2{font-family:Cinzel,serif;color:#ff7a6a;margin:0 0 8px;font-size:30px}#tooltip{position:fixed;z-index:50;pointer-events:none;background:#0c0a12f5;border:1px solid var(--panel-edge);border-radius:8px;padding:8px 10px;font-size:13px;max-width:260px}#tooltip .tt-name{font-weight:800;font-size:14px}#tooltip .tt-sub{color:var(--muted);font-size:12px}#tooltip .tt-stats{color:var(--good)}#tooltip .tt-set{margin-top:6px;color:#8a8270;font-size:12px}#tooltip .tt-set b{color:#ffd27a}#tooltip .tt-set .on{color:var(--good)}#charStats .set-line{grid-column:1 / -1;color:#ffd27a;font-size:12px;font-weight:700}body.cursor-monster canvas{cursor:crosshair}body.cursor-npc canvas,body.cursor-portal canvas,body.cursor-player canvas{cursor:pointer}@media (max-width: 760px){#chat{width:220px}#chatLog{height:80px}.skill{width:42px;height:42px;font-size:18px}.frame{width:180px}#targetFrame{top:120px;width:200px}.panel.side{width:calc(100vw - 24px)}#menu{bottom:auto;top:14px;right:12px}#mapName{top:50px}}.nameplate.critter .np-name{display:none}#rageFlash{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,#ff281400 35%,#ff1e0a8c)}#rageFlash.on{animation:rageflash .7s ease-out}@keyframes rageflash{0%{opacity:0}15%{opacity:1}to{opacity:0}}.float.proc{font-family:Cinzel,serif;font-size:26px;color:#ff5a3a;text-shadow:0 0 10px rgba(255,60,20,.9),0 2px 0 #000;letter-spacing:1px}.float.mega{font-size:40px;color:#ffd24a;text-shadow:0 0 12px rgba(255,80,20,.9),0 3px 0 #000}.skill.empowered{border-color:#ff4a2a;box-shadow:0 0 14px #ff3c14e6,inset 0 0 12px #ff3c1499;animation:emp .6s ease-in-out infinite alternate}@keyframes emp{to{box-shadow:0 0 22px #ff5a1e,inset 0 0 16px #ff5a1ecc}}.skill .badge{position:absolute;top:1px;right:3px;font-size:11px;font-weight:800;color:#ffd24a;text-shadow:0 1px 2px #000}.skill .badge.mult{color:#ff5a3a;font-size:13px}.buff small.stk{position:absolute;top:-3px;left:1px;color:#ffd24a;font-size:10px}.panel.wide{left:50%;top:56px;transform:translate(-50%);width:min(760px,calc(100vw - 24px));max-height:calc(100vh - 180px);overflow-y:auto}#classTabs{display:flex;gap:6px;margin-bottom:10px}.ctab{flex:1;font:800 14px Nunito;padding:7px;border-radius:8px;border:1px solid #5a4a3a;background:#ffffff0a;color:var(--muted);cursor:pointer}.ctab.on{border-color:var(--gold);color:var(--gold);background:#ffd27a14}#classTree{overflow-x:auto;padding-bottom:4px}.ctree{position:relative;margin:0 auto}.ctree svg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.clink{fill:none;stroke-width:3;opacity:.55;stroke-dasharray:6 5}.cnode{position:absolute;display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;cursor:pointer;background:linear-gradient(#282034f2,#181220f2);border:2px solid var(--c, #8a6a3a);box-shadow:0 0 0 1px #000,0 3px 10px #00000080;transition:transform .12s}.cnode:hover{transform:translateY(-2px)}.cnode.sel{box-shadow:0 0 0 1px #000,0 0 16px var(--c, #ffd27a)}.cnode.locked .ci{filter:saturate(.6)}.cnode.current{border-color:var(--gold);box-shadow:0 0 0 1px #000,0 0 16px #ffd27a8c}.cnode .ci{font-size:22px;width:28px;text-align:center}.cnode .ct{flex:1;min-width:0}.cnode .cn{font:800 13px Cinzel,serif;color:var(--c, var(--gold));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cnode.current .cn{color:var(--gold)}.cnode .cr{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cnode .cstate{position:absolute;top:-9px;right:8px;font-size:10px;font-weight:800;background:#1a1420;border:1px solid var(--c, var(--gold));color:var(--gold);padding:0 6px;border-radius:6px}#classDetail{margin-top:12px;border-top:1px solid #4a3a2a;padding-top:10px}.cdh{display:flex;align-items:center;gap:10px}.cdh .cdi{font-size:32px}.cdh .cdn{font:800 20px Cinzel,serif;color:var(--c)}.cdh .cdr{color:var(--muted);font-size:13px}.cdh .soon{margin-left:auto;font-size:11px;font-weight:800;color:#1a1420;background:var(--c);padding:3px 8px;border-radius:6px}.cdb{margin:8px 0;color:var(--text);font-size:14px}.cpass{background:#ffd27a12;border:1px solid #5a4a3a;border-radius:8px;padding:7px 10px;font-size:13px}.cpass b{color:var(--gold)}.cskill{font-size:13px;margin-bottom:4px}.cskill b{color:#bfe0ff}.creq{margin:0;padding-left:18px;font-size:13px;color:var(--muted)}.float.bloodprice{font-size:30px;color:#ff2a2a;text-shadow:0 0 10px rgba(180,0,0,.9),0 2px 0 #000}.hemo{margin-top:5px;font-size:12px;font-weight:800;color:#ff7a6a;text-shadow:0 1px 2px #000}.hemo.hot{color:#ff3a2a;text-shadow:0 0 8px rgba(255,40,20,.9),0 1px 2px #000;animation:emp .5s ease-in-out infinite alternate}.buff small.stk.debt{color:#ff4a3a;font-size:9px}.nameplate.bleeding .np-name:before{content:"🩸 "}.cnode.passed{opacity:.8}.cnode.ready{border-color:#ffd27a;box-shadow:0 0 0 1px #000,0 0 18px #ffd27acc;animation:emp .8s ease-in-out infinite alternate}.creq li.ok{color:var(--good)}.creq li.no{color:#ff8a7a}.promote-btn{margin-top:12px;background:linear-gradient(#ff7a6a,#a8201a);color:#fff;border-color:#5a0a0a;box-shadow:0 2px #3a0606}.panel.center{left:50%;top:50%;transform:translate(-50%,-50%);width:min(380px,calc(100vw - 24px));z-index:20}#brickList{display:grid;gap:8px}.brick-opt{display:flex;align-items:center;gap:12px;padding:10px;border-radius:10px;border:2px solid #4a3a2a;background:#ffffff0d;cursor:pointer;min-height:56px;font:inherit;color:inherit;text-align:left;width:100%}.brick-opt:hover:not(.locked){border-color:var(--gold)}.brick-opt.sel{border-color:var(--gold);background:#f0c0401f}.brick-opt.locked{cursor:default;opacity:.7}.brick-opt .sw{width:52px;height:36px;border-radius:6px;border:2px solid #20160f;flex:none}.brick-opt.locked .sw{filter:brightness(0) opacity(.55)}.brick-opt b{display:block;font-size:15px}.brick-opt small{color:var(--muted);font-size:12px}#sleepFade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;background:#05030a;opacity:0;transition:opacity .6s ease;display:flex;align-items:center;justify-content:center}#sleepFade.on{opacity:1}#sleepFade span{font:800 28px Cinzel,serif;color:#cfd8ff;letter-spacing:1px;text-shadow:0 0 14px rgba(150,170,255,.6)}.buff.rested{border-color:#8aa4ff;background:#7896ff2e}.buff.rested small{font-size:9px}#authForm label{display:block;margin:8px 0;font-weight:700}#authForm input{width:100%;margin-top:4px;padding:8px;font:600 14px Nunito;background:#00000073;color:var(--text);border:1px solid #4a3a2a;border-radius:6px;outline:none}#authForm input:focus{border-color:var(--gold)}#authForm .hint{text-align:center;opacity:.7;margin:6px 0 0;font-size:12px}#acctBar{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-weight:800;color:var(--gold)}#reconnectBar{margin:10px 0}#netBanner{position:fixed;top:0;left:50%;transform:translate(-50%);z-index:40;padding:8px 18px;background:#781e1eeb;color:#fff;font-weight:800;border-radius:0 0 10px 10px;box-shadow:0 4px 16px #00000080}#pingText{position:absolute;top:40px;right:16px;font:700 11px Nunito;opacity:.75;text-shadow:0 1px 1px #000;pointer-events:none}#pingText.good{color:#7dff8a}#pingText.ok{color:#ffd27a}#pingText.bad{color:#ff7a7a}#chatLog .whisper,#chatLog .whisper .from{color:#e6a8ff}#chatLog .emote{color:#ffd27a;font-style:italic}@media (max-width: 720px){#pingText{top:78px}}html{-webkit-tap-highlight-color:transparent;overscroll-behavior:none}body{-webkit-touch-callout:none;touch-action:manipulation}canvas{touch-action:none;display:block}#rotate{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0b0912;color:var(--gold);flex-direction:column;align-items:center;justify-content:center;gap:12px;font:800 20px Cinzel,serif;text-align:center;padding:24px}#rotate small{font:700 13px Nunito;color:var(--muted)}#rotate .phone{font-size:60px;animation:tilt 2.2s ease-in-out infinite}@keyframes tilt{0%,25%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media (orientation: portrait){body.touch #rotate{display:flex}}.touch-only{display:none}body.touch .touch-only{display:list-item}#touchBtns{display:none}body.touch #touchBtns{display:flex;position:absolute;left:max(8px,env(safe-area-inset-left));top:50%;transform:translateY(-50%);flex-direction:column;gap:10px}.tbtn{width:48px;height:48px;border-radius:50%;font-size:22px;line-height:1;background:#14101ec7;border:2px solid var(--panel-edge);color:var(--text);padding:0;cursor:pointer;box-shadow:0 3px 10px #00000080;touch-action:manipulation}.tbtn:active{background:#ffd27a40;transform:scale(.94)}body.touch .skill,body.touch .btn,body.touch .choice,body.touch .x,body.touch .bagitem,body.touch .slot{touch-action:manipulation}body.touch .x{font-size:30px;padding:0 6px}body.touch .choice{padding:12px 14px;font-size:15px}body.touch input{font-size:16px!important}body.touch #chatLog .from{cursor:default}@media (max-height: 520px){.frame{width:150px;padding:5px 7px;border-radius:8px;border-width:1px}#playerFrame{left:max(8px,env(safe-area-inset-left));top:6px}.frame-head{font-size:12px;margin-bottom:2px}.lvl{font-size:11px}.bar{height:12px;margin-top:2px}.bar span{font-size:9px;line-height:11px}.buff{width:20px;height:20px;font-size:11px}#targetFrame{top:6px;width:170px}#mapName{top:6px;right:max(10px,env(safe-area-inset-right));font-size:13px}#pingText{top:24px;right:max(10px,env(safe-area-inset-right));font-size:10px}#menu{top:38px;bottom:auto;right:max(8px,env(safe-area-inset-right));gap:4px}#menu .btn{padding:5px 9px;font-size:12px}#menu kbd{display:none}#goldDisplay{padding:3px 8px;font-size:12px}#notices{top:56px;width:min(460px,56vw);gap:3px}.notice{padding:4px 12px;font-size:13px}#danger{top:56px;padding:4px 16px}#danger b{font-size:15px}#danger span{font-size:12px}#toasts{bottom:auto;top:118px;right:max(10px,env(safe-area-inset-right))}.toast{font-size:12px;padding:3px 9px}#drops{top:74px;right:max(10px,env(safe-area-inset-right));width:190px;gap:4px}.drop{padding:5px 7px}.drop .dn{font-size:12px;margin-bottom:4px}.drop .dbtns .btn{padding:7px 4px;font-size:12px}#bottomBar{left:auto;right:max(8px,env(safe-area-inset-right));bottom:12px;transform:none;align-items:flex-end}#skillbar{display:grid;grid-template-columns:repeat(4,48px);gap:5px;padding:5px;border-radius:10px}.skill{width:48px;height:48px;font-size:21px}.skill.sep{margin-left:0}.skill .cdt{font-size:13px}#xpbar{position:fixed;left:0;right:0;bottom:0;width:auto;max-width:none;height:5px;border:0;border-radius:0}#xpText{display:none}#chat{left:max(8px,env(safe-area-inset-left));bottom:12px;width:236px}#chatLog{height:auto;max-height:54px;font-size:11px;overflow:hidden;border-radius:8px}.panel{padding:8px 10px}.panel.side{top:6px;right:max(6px,env(safe-area-inset-right));width:min(340px,48vw);max-height:calc(100vh - 12px);max-height:calc(100dvh - 12px)}.panel.side.left{left:max(6px,env(safe-area-inset-left));right:auto;top:6px}.panel.wide{top:6px;width:min(760px,calc(100vw - 16px));max-height:calc(100vh - 12px);max-height:calc(100dvh - 12px)}#bagGrid{grid-template-columns:repeat(6,1fr);gap:4px}#equipSlots{gap:4px}#dialog{bottom:8px;width:min(640px,70vw);max-height:64vh;max-height:64dvh;overflow-y:auto;z-index:12}#dlgText{font-size:14px}.panel-head{font-size:16px;margin-bottom:4px}#death .death-card{padding:14px 26px}#death h2{font-size:22px}.login-card{padding:14px 18px;max-height:100vh;max-height:100dvh}.logo{font-size:30px;margin:0}.tagline{margin:2px 0 8px}#notices,#danger{pointer-events:none}}body.touch #chat #chatInput{display:none}body.touch #chat.open #chatInput{display:block}body.touch #chat.open #chatLog{max-height:96px;overflow-y:auto;pointer-events:auto;background:#0a0810cc}body.touch #chat:not(.open) #chatLog{pointer-events:none}body.touch #chat{z-index:15}@media (max-height: 520px){.panel{background:#100c18f7}#dialog{width:min(680px,74vw);max-height:72vh;max-height:72dvh}body.touch .choice{padding:8px 12px;font-size:14px}#dlgChoices{gap:4px}}@media (max-height: 520px) and (min-width: 600px){.login-card{width:min(680px,100%)}#classPick{grid-template-columns:repeat(3,1fr)!important}#createForm label{margin:6px 0}}