:root{--ink: #221a33;--ink2: #4a4060;--muted: #8a8199;--card: rgba(255, 251, 245, .96);--card2: #f4ecdf;--line: #e6dccb;--red: #ec3950;--red2: #b8243a;--orange: #ff8a1f;--orange2: #d0620a;--yellow: #ffc93c;--yellow2: #d99a0b;--green: #22b86a;--green2: #16874c;--cyan: #27c3f3;--cyan2: #1690b8;--purple: #7d5cff;--purple2: #5a3ad6;--shadow: 0 10px 28px rgba(26, 14, 48, .28);--r: 18px}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#1a1430;font-family:Nunito,system-ui,sans-serif;font-weight:700;color:var(--ink);-webkit-font-smoothing:antialiased}#game{position:fixed;inset:0;min-width:2px;min-height:2px}#game canvas{display:block;touch-action:none}#labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}#ui{position:fixed;inset:0;pointer-events:none;z-index:10;font-size:15px}#ui>*{pointer-events:auto}[hidden]{display:none!important}.px{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow)}.pxh{font-family:Lilita One,Nunito,sans-serif;font-weight:400;font-size:20px;color:var(--ink);letter-spacing:.3px}.btn{font-family:Lilita One,Nunito,sans-serif;font-weight:400;font-size:15px;letter-spacing:.3px;padding:9px 16px;border:0;border-radius:12px;background:var(--orange);color:#fff;box-shadow:0 4px 0 var(--orange2);cursor:pointer;transition:transform .08s,box-shadow .08s,filter .1s;text-shadow:0 1px 0 rgba(0,0,0,.15)}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--orange2)}.btn.gold{background:var(--yellow);color:var(--ink);box-shadow:0 4px 0 var(--yellow2);text-shadow:none}.btn.gold:active{box-shadow:0 1px 0 var(--yellow2)}.btn.red{background:var(--red);box-shadow:0 4px 0 var(--red2)}.btn.red:active{box-shadow:0 1px 0 var(--red2)}.btn.ghost{background:var(--card2);color:var(--ink);box-shadow:0 4px 0 var(--line);text-shadow:none}.btn.ghost:active{box-shadow:0 1px 0 var(--line)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}input.px,select.px{font-family:Nunito,sans-serif;font-weight:700;font-size:15px;padding:9px 12px;background:#fff;color:var(--ink);border:2px solid var(--line);border-radius:12px;outline:none;box-shadow:none}input.px:focus,select.px:focus{border-color:var(--orange)}.muted{color:var(--muted)}.gold{color:#a06b00}.green{color:var(--green)}@keyframes pop{0%{transform:scale(.85);opacity:0}}@keyframes popc{0%{transform:translate(-50%) scale(.85);opacity:0}}#login{position:absolute;inset:0;display:flex;align-items:center;padding:24px 6vw;background:linear-gradient(90deg,rgba(26,20,48,.72),rgba(26,20,48,.1) 62%,transparent)}#login .card{width:min(440px,100%);padding:28px;animation:pop .5s cubic-bezier(.2,1.4,.4,1)}#login img.logo{width:84px;height:84px;border-radius:22px;float:right;margin-left:12px;box-shadow:0 6px #0000001f}#login h1{font-family:Lilita One,sans-serif;font-weight:400;font-size:46px;line-height:1;margin:4px 0 10px}#login h1:after{content:"";display:block;width:70px;height:7px;border-radius:4px;margin-top:12px;background:linear-gradient(90deg,var(--red),var(--orange),var(--yellow))}#login .tag{color:var(--ink2);font-size:15px;line-height:1.45;margin-bottom:20px;clear:both;font-weight:700}#login .btn{width:100%;font-size:18px;padding:13px}#login .formrow .btn{width:auto;font-size:14px;padding:9px 12px}#login .formrow input{flex:1;min-width:0}#login .status{min-height:22px;margin-top:12px;color:var(--muted);font-size:14px}#login .status.err{color:var(--red)}#login .fine{color:var(--muted);font-size:12px;margin-top:12px;line-height:1.45;font-weight:600}#hud{position:absolute;top:14px;left:14px;display:flex;flex-direction:column;gap:8px}#hud .bar{display:flex;gap:12px;align-items:center;padding:10px 14px 10px 10px;width:290px}#hud .ava{width:56px;height:56px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:conic-gradient(from 200deg,var(--red),var(--orange),var(--yellow),var(--red))}#hud .ava span{width:42px;height:42px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:Lilita One,sans-serif;font-size:19px}#hud .info{flex:1;min-width:0}#hud .name{display:flex;justify-content:space-between;align-items:baseline;gap:6px}#hud .name b{font-family:Lilita One,sans-serif;font-weight:400;font-size:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#hud .name .muted{font-size:11px;white-space:nowrap}#hud .meter{position:relative;height:16px;background:#e9dfd0;border-radius:8px;margin:5px 0 7px;overflow:hidden}#hud .meter i{display:block;height:100%;border-radius:8px;background:linear-gradient(180deg,#ff6b7d,var(--red));transition:width .25s}#hud .meter span{position:absolute;inset:0;text-align:center;font-size:11px;line-height:16px;color:#fff;font-weight:900;text-shadow:0 1px 1px rgba(0,0,0,.45)}#hud .row{display:flex;gap:6px}.chip{font-size:12px;font-weight:900;padding:3px 9px;border-radius:20px;background:var(--card2);white-space:nowrap}#hud .chip.gold{background:#fff1c7;color:#8a5d00}#hud .chip.divi{background:#ffe0ea;color:#b0224a}#mcpill{display:flex;gap:6px;flex-wrap:wrap;padding:6px;width:max-content;max-width:290px;border-radius:14px;font-size:13px}#mcpill>div{display:flex;align-items:baseline;gap:5px;background:var(--card2);padding:3px 9px;border-radius:10px}#mcpill .l{font-size:10px;font-weight:900;color:var(--muted)}#mcpill .cap,#mcpill .gp{font-weight:900;font-size:13px}#mcpill .up{color:var(--green)}#mcpill .down{color:var(--red)}#mcpill .mood:empty{display:none}#realm{position:absolute;top:14px;left:50%;transform:translate(-50%);padding:8px 22px;text-align:center;max-width:min(520px,46vw);border-radius:40px}#realm .pxh{font-size:20px}#realm.pvp{background:var(--red)}#realm.pvp .pxh{color:#fff}#realm small{display:block;color:var(--muted);font-size:12px;max-height:44px;overflow:hidden;animation:fadeaway .8s 8s forwards}#realm.pvp small{color:#ffe0e5}#realm em{font-style:normal;font-size:11px;font-weight:900;color:var(--green)}#realm.pvp em{color:#fff}@keyframes fadeaway{to{max-height:0;opacity:0}}#raid{position:absolute;top:86px;left:50%;transform:translate(-50%);padding:8px 16px;text-align:center;min-width:300px;font-size:13px;border-radius:16px}#raid.on{background:linear-gradient(135deg,#2a1f4a,#52204f);color:#fff;animation:raidglow 1.4s ease-in-out infinite alternate}#raid .rt b{color:var(--orange2)}#raid.on .rt b{color:var(--yellow)}#raid small{display:block;color:var(--muted);font-size:12px}#raid.on small{color:#ffd6f0}#raid .bossbar{position:relative;margin-top:6px;height:20px;background:#00000059;border-radius:10px;overflow:hidden}#raid .bossbar i{display:block;height:100%;background:linear-gradient(90deg,var(--red),var(--orange));transition:width .3s}#raid .bossbar span{position:absolute;inset:0;font-size:12px;line-height:20px;color:#fff;font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.5)}@keyframes raidglow{0%{box-shadow:0 0 0 3px #ff8a1f4d,var(--shadow)}to{box-shadow:0 0 0 6px #ff8a1f99,var(--shadow)}}#target{position:absolute;top:76px;left:50%;transform:translate(-50%);width:280px;padding:8px 12px;border-radius:14px}#raid:not([hidden])~#target{top:156px}#target .tn{display:flex;justify-content:space-between;align-items:baseline;gap:8px}#target .tn b{font-family:Lilita One,sans-serif;font-weight:400;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#target .tn span{font-size:12px;color:var(--muted);white-space:nowrap}#target .meter{position:relative;height:14px;background:#e9dfd0;border-radius:7px;overflow:hidden;margin-top:4px}#target .meter i{display:block;height:100%;background:linear-gradient(180deg,#7be3a4,var(--green));transition:width .2s}#target.hostile{box-shadow:0 0 0 3px #ec39508c,var(--shadow)}#target.hostile .meter i{background:linear-gradient(180deg,#ff8a7a,var(--red))}#target .meter span{position:absolute;inset:0;text-align:center;font-size:10px;line-height:14px;font-weight:900;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.45)}#xpevent{position:absolute;top:64px;left:50%;transform:translate(-50%);padding:4px 14px;font-size:13px;border-radius:20px;white-space:nowrap}#objective{position:absolute;top:150px;left:14px;width:290px;padding:10px 14px;border-left:6px solid var(--green)}#hud:has(#mcpill[hidden])~#objective{top:106px}#objective .pxh{font-family:Nunito,sans-serif;font-weight:900;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}#objective .t{font-family:Lilita One,sans-serif;font-size:17px}#objective .d{font-size:13px;color:var(--ink2);line-height:1.35}#objective .pr{height:8px;background:#e9dfd0;border-radius:4px;margin-top:8px;overflow:hidden}#objective .pr i{display:block;height:100%;background:var(--green);border-radius:4px;transition:width .2s}#objective .row{display:flex;justify-content:space-between;font-size:12px;margin-top:5px}#objective .skip{color:var(--muted);cursor:pointer;text-decoration:underline}#minimap{position:absolute;right:14px;top:14px;width:188px;height:188px;border-radius:50%;background:var(--card);box-shadow:var(--shadow);padding:4px}#minimap canvas{width:180px;height:180px;border-radius:50%;display:block}#minimap .n{position:absolute;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;background:var(--red);color:#fff;font-family:Lilita One,sans-serif;font-size:11px;display:grid;place-items:center;pointer-events:none}#minimap .mlbl{position:absolute;left:50%;bottom:-6px;transform:translate(-50%);background:var(--ink);color:#fff;padding:2px 10px;border-radius:10px;font-size:11px;font-weight:800;white-space:nowrap}#dock{position:absolute;right:14px;top:216px;display:flex;flex-direction:column;gap:3px;padding:6px;background:var(--card);border-radius:18px;box-shadow:var(--shadow)}#dock .btn.dk{width:42px;height:42px;padding:0;background:transparent;color:var(--ink);box-shadow:none;border-radius:12px;display:grid;place-items:center;text-shadow:none}#dock .btn.dk .ic{font-size:20px;line-height:1}#dock .btn.dk:hover{background:var(--card2)}#dock .btn.dk.on{background:var(--ink)}#dock .btn.dk:active{transform:translateY(2px)}#actionbar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--card);border-radius:26px;box-shadow:var(--shadow)}#actionbar .abil{display:flex;gap:9px}#actionbar .sep{width:2px;height:48px;background:var(--line);border-radius:1px}.ab{position:relative;width:62px;height:62px;padding:0;border-radius:50%;border:0;cursor:pointer;font-size:28px;display:grid;place-items:center;box-shadow:0 5px #0003,inset 0 -6px #00000024;transition:transform .08s}.ab-diamond{background:radial-gradient(circle at 35% 30%,#8ee6ff,var(--cyan) 55%,var(--cyan2))}.ab-rocket{background:radial-gradient(circle at 35% 30%,#ffc18a,var(--orange) 55%,var(--orange2))}.ab-tendies{background:radial-gradient(circle at 35% 30%,#ffe699,var(--yellow) 55%,var(--yellow2))}.ab:active{transform:translateY(3px)}.ab .ic{filter:drop-shadow(0 2px 0 rgba(0,0,0,.2))}.ab .k{position:absolute;top:-4px;right:-4px;width:22px;height:22px;border-radius:50%;background:var(--ink);color:#fff;font-family:Lilita One,sans-serif;font-size:12px;display:grid;place-items:center}.ab .cd{position:absolute;inset:0;border-radius:50%;pointer-events:none}.ab .cdt{position:absolute;inset:0;display:grid;place-items:center;font-family:Lilita One,sans-serif;font-weight:400;font-size:22px;color:#fff;text-shadow:0 2px 3px rgba(0,0,0,.5);pointer-events:none}.ab.locked{filter:grayscale(1) brightness(.85);opacity:.5}.ab.fire{animation:fire .35s ease-out}.ab.ready{animation:ready .5s ease-out}@keyframes fire{50%{transform:scale(.85)}}@keyframes ready{50%{transform:scale(1.14);box-shadow:0 0 0 8px #ffffffb3,0 5px #0003}}#hotbar{display:flex;gap:6px}.hslot{position:relative;width:50px;height:50px;background:var(--card2);border-radius:14px;display:grid;place-items:center;cursor:pointer;box-shadow:inset 0 -3px 0 var(--line)}.hslot:hover{background:#fff}.hslot img{width:36px;height:36px}.hslot .k{position:absolute;left:5px;top:2px;font-size:10px;font-weight:900;color:var(--muted)}.hslot .q{position:absolute;right:5px;bottom:2px;font-size:11px;font-weight:900}.hslot.eq{box-shadow:inset 0 0 0 3px var(--green)}.hslot.none img{opacity:.3;filter:grayscale(1)}.hslot.empty{background:transparent;box-shadow:inset 0 0 0 2px var(--line)}#prompt{position:absolute;bottom:106px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:9px;padding:6px 16px 6px 6px;background:#221a33e6;color:#fff;border-radius:30px;font-weight:800;font-size:14px;white-space:nowrap;pointer-events:none!important;animation:popc .25s cubic-bezier(.2,1.4,.4,1)}#prompt kbd{width:28px;height:28px;border-radius:50%;background:var(--yellow);color:var(--ink);display:grid;place-items:center;font-family:Lilita One,sans-serif;font-size:15px;box-shadow:0 3px 0 var(--yellow2)}#hint{position:absolute;bottom:150px;left:50%;transform:translate(-50%);color:#fff;font-weight:800;font-size:13px;text-shadow:0 1px 3px rgba(0,0,0,.8);white-space:nowrap;pointer-events:none!important}#chat{position:absolute;left:14px;bottom:16px;width:340px}#chat .log{height:150px;overflow-y:auto;padding:10px 12px;font-size:13px;line-height:1.4;background:#221a3399;color:#fff;border-radius:16px;box-shadow:none;backdrop-filter:blur(4px)}#chat .log div b{color:var(--yellow)}#chat .log div.me b{color:#8ff0b8}#chat .log div.sys{color:#c5dcff;font-style:italic;font-weight:600}#chat .log div.sys.global{color:#ffd27a;font-style:normal;font-weight:900}#chat input{width:100%;margin-top:6px;background:#ffffffeb}#toasts{position:absolute;top:134px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none!important;z-index:5}.toast{padding:8px 16px;font-size:14px;font-weight:800;border-radius:30px;animation:pop .3s cubic-bezier(.2,1.4,.4,1)}.toast.warn{background:var(--red);color:#fff}.toast.good{background:var(--green);color:#fff}.toast.good .muted{color:#ffffffd9}.panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(480px,calc(100vw - 24px));max-height:min(76vh,720px);display:flex;flex-direction:column;z-index:4;animation:panelin .22s cubic-bezier(.2,1.3,.4,1)}@keyframes panelin{0%{transform:translate(-50%,-46%) scale(.96);opacity:0}}.panel .head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px 8px}.panel .head .pxh{font-size:24px}.panel .head .x{cursor:pointer;width:32px;height:32px;border-radius:50%;background:var(--card2);display:grid;place-items:center;font-size:14px;color:var(--ink2)}.panel .head .x:hover{background:var(--red);color:#fff}.panel .body{padding:6px 18px 18px;overflow-y:auto;font-size:14px}.panel .body p{line-height:1.45}.panel .tabs{display:flex;gap:6px;padding:0 18px 8px;flex-wrap:wrap}.panel .tabs:empty{display:none}.panel .tabs .btn{font-size:13px;padding:6px 12px}.grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.slot{aspect-ratio:1;background:var(--card2);border-radius:12px;position:relative;cursor:pointer;display:grid;place-items:center;box-shadow:inset 0 -3px 0 var(--line)}.slot:hover{background:#fff;box-shadow:inset 0 0 0 2px var(--orange)}.slot img{width:78%;height:78%}.slot .q{position:absolute;right:4px;bottom:1px;font-size:11px;font-weight:900}.slot.eq{box-shadow:inset 0 0 0 3px var(--green)}.equip{display:flex;gap:8px;margin:4px 0 10px;align-items:center;flex-wrap:wrap}.equip .slot{width:50px}.equip span{color:var(--muted);font-size:12px;font-weight:800}.ctx{position:absolute;z-index:20;min-width:180px;padding:6px;max-height:70vh;overflow-y:auto;border-radius:14px}.ctx div{padding:7px 10px;cursor:pointer;border-radius:8px;font-size:14px}.ctx div:hover{background:var(--orange);color:#fff}.ctx .t{color:var(--muted);font-size:12px;cursor:default;border-bottom:2px solid var(--line);border-radius:0;margin-bottom:4px}.ctx .t:hover{background:none;color:var(--muted)}.list .item{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:2px solid var(--card2)}.list .item img{width:36px;height:36px}.list .item .n{flex:1;font-weight:800}.list .item .n small{display:block;color:var(--muted);font-size:12px;font-weight:600}.list .item .p{color:#a06b00;font-weight:900}.list .item .p.d{color:#c2185b}.list .item .btn{font-size:13px;padding:6px 10px}.list .item .dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.list .item .dot.on{background:var(--green);box-shadow:0 0 0 3px #22b86a40}.list .item .dot.off{background:#cfc5b5}.unit{background:var(--card2);border-radius:14px;padding:8px 12px;margin-bottom:10px}.unit .uh{display:flex;justify-content:space-between;gap:8px;align-items:baseline;flex-wrap:wrap}.unit .uh b{font-family:Lilita One,sans-serif;font-weight:400;font-size:16px;color:var(--purple2)}.skill{display:flex;align-items:center;padding:7px 0;font-weight:800}.skill .m{flex:1;margin:0 10px;height:10px;background:var(--card2);border-radius:5px;overflow:hidden}.skill .m i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--purple));border-radius:5px}.skill .lv{font-family:Lilita One,sans-serif;font-weight:400;font-size:18px;min-width:28px;text-align:right}.quest{padding:10px 12px;background:var(--card2);border-radius:14px;margin-bottom:8px;border:2px solid transparent}.quest.done{border-color:var(--green)}.quest b{font-weight:900}.quest small{color:var(--muted);display:block;font-size:12px}.quest .pr{height:8px;background:#e2d6c3;border-radius:4px;margin-top:6px;overflow:hidden}.quest .pr i{display:block;height:100%;background:var(--green)}.npc{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px;background:var(--card2);border-radius:16px;padding:10px}.npc img{width:76px;height:76px;border-radius:14px;object-fit:cover}.npc .say{flex:1;font-size:14px;line-height:1.4;font-weight:600}.npc .say b{display:block;font-family:Lilita One,sans-serif;font-weight:400;font-size:16px;margin-bottom:2px}.formrow{display:flex;gap:8px;align-items:center;margin:8px 0;flex-wrap:wrap}.formrow input{width:110px}.econ{display:grid;grid-template-columns:1fr 1fr;gap:8px}.econ .t{padding:8px 12px;background:var(--card2);box-shadow:none;border-radius:12px}.econ small{color:var(--muted);font-size:11px}.econ .big{font-family:Lilita One,sans-serif;font-size:20px;margin-top:2px}.wheel{text-align:center;padding:8px 0}.wheel .disc{width:190px;height:190px;margin:0 auto 12px;border-radius:50%;border:8px solid var(--ink);box-shadow:var(--shadow);background:conic-gradient(#22b86a 0 45deg,#ec3950 45deg 90deg,#22b86a 90deg 135deg,#ffc93c 135deg 180deg,#22b86a 180deg 225deg,#ec3950 225deg 270deg,#27c3f3 270deg 315deg,#7d5cff 315deg 360deg);transition:transform 3.5s cubic-bezier(.15,.85,.2,1)}.wheel .res{min-height:26px;font-family:Lilita One,sans-serif;font-size:20px;color:var(--green)}.lb{width:100%;border-collapse:collapse;font-size:13px}.lb td,.lb th{padding:6px;text-align:left;border-bottom:2px solid var(--card2)}.lb th{color:var(--muted);font-weight:800;font-size:11px;text-transform:uppercase}.lb tr.me td{color:var(--orange2);font-weight:900}.lb td.r{font-family:Lilita One,sans-serif;font-weight:400}.stock{display:inline-block;padding:2px 8px;margin:2px;border-radius:8px;background:var(--card2);font-size:13px}#fatal{position:absolute;inset:0;display:grid;place-items:center;background:#1a143099;z-index:45}#fatal .card{padding:24px;text-align:center;width:min(380px,92vw)}#intro{position:absolute;inset:0;display:grid;place-items:center;background:#1a143080;z-index:30;padding:16px}#intro .card{width:min(540px,100%);padding:24px 26px;animation:pop .35s cubic-bezier(.2,1.4,.4,1)}#intro .pxh{font-size:28px;margin-bottom:10px}#intro .b{font-size:15px;line-height:1.55;min-height:220px;font-weight:600}#intro .b b{font-weight:900}#intro .b img{border-radius:18px}#intro .row{display:flex;justify-content:space-between;align-items:center;margin-top:16px}#travel{position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,#3a2a6a,#1a1430);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;z-index:40}#travel .pxh{color:#fff;font-size:30px}#travel .bar{width:240px;height:12px;border-radius:6px;background:#ffffff26;overflow:hidden}#travel .bar i{display:block;height:100%;width:35%;border-radius:6px;background:linear-gradient(90deg,var(--red),var(--orange),var(--yellow));animation:travelbar .9s ease-in-out infinite alternate}@keyframes travelbar{0%{margin-left:0}to{margin-left:65%}}#hurtfx{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 140px 20px #ec395000;transition:box-shadow .4s}#hurtfx.on{box-shadow:inset 0 0 140px 20px #ec39508c;transition:none}.lbl{position:absolute;left:0;top:0;white-space:nowrap;will-change:transform;font-weight:900;font-size:12px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.85),0 0 6px rgba(0,0,0,.35);display:flex;flex-direction:column;align-items:center;gap:2px}.lbl.npc b{background:var(--yellow);color:var(--ink);text-shadow:none;padding:3px 10px;border-radius:12px;font-family:Lilita One,sans-serif;font-weight:400;font-size:14px;box-shadow:0 3px 0 var(--yellow2)}.lbl.portal{background:#7d5cfff0;padding:3px 10px;border-radius:12px;text-shadow:none;font-size:13px;box-shadow:0 3px 0 var(--purple2)}.lbl.sign{background:#2f7a4a;padding:2px 8px;border-radius:5px;font-size:11px;text-shadow:none}.lbl.player.me .nm{color:#ffd27a}.lbl.player.founder .nm{color:var(--yellow)}.lbl .hpb{width:46px;height:6px;background:#00000080;border-radius:3px;overflow:hidden;display:none}.lbl.hurt .hpb{display:block}.lbl .hpb i{display:block;height:100%;background:#5ef08f;border-radius:3px}.lbl.mob .nm{color:#ffd6d6}.lbl.mob em{font-style:normal;background:#ec3950eb;color:#fff;padding:0 5px;border-radius:6px;font-size:10px;margin-left:2px;text-shadow:none}.lbl.mob .hpb i{background:#ff5a6e}.lbl.mob.boss .nm{font-size:15px;color:#fff}.lbl.mob.boss .hpb{width:96px;height:8px;display:block}.lbl.res{font-size:11px;opacity:.92}.lbl.dead{opacity:.4!important}.lbl.bubble{background:#fff;color:var(--ink);text-shadow:none;padding:5px 11px;border-radius:14px;font-weight:800;max-width:220px;white-space:normal;text-align:center;font-size:12px;box-shadow:0 3px 8px #00000040}body.nolabels .lbl{display:none!important}.float{position:absolute;left:0;top:0;font-family:Lilita One,sans-serif;font-size:22px;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.35),0 0 8px rgba(0,0,0,.35);pointer-events:none;white-space:nowrap;will-change:transform,opacity}.float.dmg.mine{color:var(--yellow);font-size:26px}.float.hurt{color:#ff5a6e;font-size:24px}.float.block{color:#8ee6ff;font-size:18px}.float.heal{color:#5ef08f;font-size:24px}.float.gold{color:#ffd23f;font-size:20px}.float.item{font-family:Nunito,sans-serif;font-weight:900;font-size:15px}.float.xp{font-family:Nunito,sans-serif;font-weight:900;color:#c5dcff;font-size:13px}.float.lvl{color:var(--yellow);font-size:32px}.float.miss{color:#e4e4e4;font-size:16px}#touch{position:absolute;inset:0;pointer-events:none;z-index:11}#stick{position:absolute;left:22px;bottom:118px;width:124px;height:124px;border-radius:50%;background:#ffffff29;border:3px solid rgba(255,255,255,.45);touch-action:none;pointer-events:auto}#stick i{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px;border-radius:50%;background:#ffffffe0;box-shadow:0 4px #0003}.tbtn{position:absolute;width:66px;height:66px;border-radius:50%;border:0;font-family:Lilita One,sans-serif;font-size:24px;color:#fff;touch-action:none;pointer-events:auto;box-shadow:0 5px #00000040}.tbtn.atk{right:22px;bottom:150px;background:var(--red)}.tbtn.use{right:98px;bottom:124px;background:var(--yellow);color:var(--ink)}@media(max-width:820px){#hud .bar{width:200px;padding:6px 10px 6px 6px;gap:8px}#hud .ava{width:40px;height:40px}#hud .ava span{width:30px;height:30px;font-size:14px}#hud .name b{font-size:15px}#hud .row .chip{font-size:10px;padding:2px 6px}#mcpill{display:none!important}#realm{top:76px;left:14px;transform:none;padding:4px 12px;max-width:60vw}#realm .pxh{font-size:14px}#realm small,#realm em{display:none}#objective{top:112px;width:210px;padding:6px 10px}#objective .d{font-size:12px}#hud:has(#mcpill[hidden])~#objective{top:112px}#minimap{width:112px;height:112px;padding:3px}#minimap canvas{width:106px;height:106px}#minimap .mlbl{font-size:9px}#dock{top:auto;bottom:96px;right:8px;padding:4px;gap:1px}#dock .btn.dk{width:34px;height:34px}#dock .btn.dk .ic{font-size:16px}#actionbar{bottom:8px;padding:6px 8px;gap:6px}.ab{width:46px;height:46px;font-size:21px}.ab .k{width:17px;height:17px;font-size:10px}.hslot{width:36px;height:36px;border-radius:10px}.hslot img{width:26px;height:26px}#actionbar .sep{height:34px}#chat{left:8px;width:46vw;bottom:auto;top:200px}#chat .log{display:none}#chat:focus-within .log{display:block;height:120px}.panel{top:auto;bottom:0;left:0;transform:none;width:100%;max-height:74vh;border-radius:22px 22px 0 0;animation:none}#target{top:136px;left:auto;right:8px;transform:none;width:180px}#raid:not([hidden])~#target{top:200px}#raid{top:136px;left:8px;transform:none;min-width:0;max-width:56vw;font-size:11px}#toasts{top:8px;width:90vw}#prompt{bottom:70px;font-size:12px}#hint{display:none}#login{padding:16px;align-items:flex-end}#login h1{font-size:36px}}#ui.photo>*:not(#hud):not(#realm),#ui.photo #hud>.bar{display:none!important}#ui.photo.bare #realm,#ui.photo.bare #hud{display:none!important}