:root{--title:"Cinzel", Georgia, serif;--brand:"Uncial Antiqua", Georgia, serif;--mola:cubic-bezier(.42, 1.67, .21, .9);--mola-press:.2s;--mola-solta:.4s;--obsidian:#0e0c12;--slate:#1b1822;--slate-2:#262230;--ember:#f2b54a;--ember-2:#c9772a;--ember-glow:#f2b54a73;--rune:#6ff0ff;--ink:#f4ecdc;--muted:#a99d88;--blood:#e2333b;--mana:#3d7bff;--exc:#5dff8a;--cut:10px;--noise: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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .9 0 0 0 0 .8 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--sb:env(safe-area-inset-bottom,0px);--cur-point:url(/cursors/cursor_point.png) 3 2, default;--cur-click:url(/cursors/cursor_click.png) 3 2, pointer;--cur-grab:url(/cursors/cursor_grab.png) 6 4, grab;--cur-attack:url(/cursors/cursor_attack.png) 2 2, crosshair;--cur-bow:url(/cursors/cursor_bow.png) 2 2, crosshair;--cur-talk:url(/cursors/cursor_talk.png) 4 4, pointer;--cur-block:url(/cursors/cursor_block.png) 3 2, not-allowed}*{box-sizing:border-box}html,body{background:var(--obsidian);height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;margin:0;font:14px/1.35 Inter,system-ui,sans-serif;overflow:hidden}#stage,#stage canvas{touch-action:none;display:block;position:fixed;inset:0}#labels,#floaters{pointer-events:none;z-index:5;position:fixed;inset:0;overflow:hidden}[hidden]{display:none!important}svg{width:100%;height:100%;display:block}.bolha{--bolha-x:1.16;isolation:isolate;transition:scale var(--mola-solta) var(--mola), transform .2s ease, border-color .2s, box-shadow .2s, background .2s;position:relative}.bolha-larga{--bolha-x:1.04}.bolha:not(:disabled):active{scale:var(--bolha-x) 1;transition-duration:var(--mola-press), .2s}.bolha:before{content:"";border-radius:inherit;opacity:0;z-index:-1;pointer-events:none;clip-path:inherit;background:currentColor;transition:opacity .15s;position:absolute;inset:0}@media (hover:hover){.bolha:not(:disabled):hover:before{opacity:.1}.bolha:not(:disabled):not(.gold):not(.x):hover{color:#ffe2a3;border-color:#f2b54ab3}button.gold:not(:disabled):hover{filter:brightness(1.12)}}.bolha>.bolha-miolo{justify-content:center;align-items:center;gap:inherit;flex-direction:inherit;transform-origin:50% 70%;transition:scale var(--mola-solta) var(--mola);width:100%;height:100%;display:inline-flex}.bolha:not(:disabled):active>.bolha-miolo{transition-duration:var(--mola-press);scale:.95}@media (prefers-reduced-motion:reduce){.bolha,.bolha>.bolha-miolo{transition:none}.bolha:active,.bolha:active>.bolha-miolo{scale:none}}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}html,body{cursor:var(--cur-point)}body:active{cursor:var(--cur-click)}button{font:inherit;color:var(--ink);background:var(--slate-2);cursor:var(--cur-click);clip-path:polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut));border:1px solid #f2b54a38;border-radius:0;padding:0}button:disabled{cursor:var(--cur-block);opacity:.48}button:focus-visible,input:focus-visible{outline:3px solid var(--ember);outline-offset:4px}button.gold{background:linear-gradient(180deg, #ffd77e 0%, var(--ember) 45%, var(--ember-2) 100%);color:#20140a;letter-spacing:.04em;text-shadow:0 1px #fff0c880;border:0;font-weight:800;box-shadow:inset 0 1px #ffffff80,inset 0 -2px #00000040}button.mini{--cut:6px;padding:4px 8px;font-size:11px;font-weight:700}input{font:inherit;color:var(--ink);clip-path:polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut));background:#00000080;border:1px solid #f2b54a4d;outline:none;padding:14px 16px}input::placeholder{color:#a99d88b3}:-webkit-any(input:-webkit-autofill,input:-webkit-autofill){-webkit-text-fill-color:var(--ink);caret-color:var(--ink);-webkit-background-clip:text;background-clip:text}:is(input:autofill,input:autofill){-webkit-text-fill-color:var(--ink);caret-color:var(--ink);-webkit-background-clip:text;background-clip:text}.slab{background:linear-gradient(180deg, #262230f0, #100e14f5), var(--noise);clip-path:polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut));border:1px solid #f2b54a40;position:relative;box-shadow:0 18px 50px #0000008c,inset 0 1px #ffebc80f}.sigil{width:28px;height:28px;color:var(--ember);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);filter:drop-shadow(0 0 6px var(--ember-glow));background:radial-gradient(circle at 50% 35%,#f2b54a38,#0006);place-items:center;padding:5px;display:inline-grid}.sigil.big{width:54px;height:54px;padding:10px}#lobby{z-index:30;pointer-events:none;background:radial-gradient(70% 60% at 50% 55%,#0000,#0403068c);position:fixed;inset:0}#lobby>*{pointer-events:auto}#lobby .brand{font:400 clamp(38px, 7vw, 60px)/1 var(--brand);letter-spacing:.18em;background:linear-gradient(180deg, #fff1c8 10%, var(--ember) 55%, #8a4a14 100%);color:#0000;filter:drop-shadow(0 4px 20px #f2a03c66);pointer-events:none;-webkit-background-clip:text;background-clip:text;margin:0;padding-left:.18em;position:absolute;top:18px;left:50%;translate:-50%}#lobby-labels{pointer-events:none;position:absolute;inset:0}.ll{text-align:center;white-space:nowrap;pointer-events:auto;cursor:var(--cur-click);background:#08060c99;border:1px solid #f2b54a26;justify-items:center;gap:1px;padding:5px 12px;transition:border-color .2s,background .2s;display:grid;position:absolute;top:0;left:0}.ll b{font:700 13px var(--title)}.ll small{color:var(--muted);font-size:10px}.ll.on{border-color:var(--ember);background:#281c0cbf}.ll.on b{color:var(--ember)}.ll.empty b{color:#a99d8899;letter-spacing:.2em;text-transform:uppercase;font-size:11px}#lobby-bar{left:50%;bottom:calc(26px + var(--sb));gap:10px;display:flex;position:absolute;translate:-50%}#lobby-bar button{min-width:110px;font:700 13px var(--title);letter-spacing:.14em;padding:11px 16px}#lobby-bar #lobby-play{letter-spacing:.3em;min-width:160px;font-size:15px}#create{left:50%;bottom:calc(18px + var(--sb));--cut:12px;width:min(94vw,460px);animation:winIn .3s var(--mola);gap:10px;padding:14px 16px 16px;display:grid;position:absolute;translate:-50%}#create h2{text-align:center;font:700 13px var(--title);letter-spacing:.3em;text-transform:uppercase;color:var(--ember);margin:0}#classes{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}#classes .card{--cut:10px;--bolha-x:1.06;aspect-ratio:3/3.4;background:linear-gradient(180deg, #262230e6, #0e0c12f2), var(--noise);border-color:#f2b54a2e;padding:10px 4px 9px}#classes .card>.bolha-miolo{flex-direction:column;justify-content:flex-end;gap:5px}#classes .card .sigil{width:42px;height:42px;color:var(--muted);filter:none;transition:color .25s, filter .25s, scale .4s var(--mola);margin-top:4px;margin-bottom:auto;padding:9px}#classes .card b{font:700 10.5px/1.15 var(--title);color:var(--ink)}#classes .card small{letter-spacing:.3em;text-transform:uppercase;color:var(--muted);font-size:9px}#classes .card[aria-pressed=true]{border-color:var(--ember);background:radial-gradient(at 50% 30%,#f2b54a40,#0000 70%),linear-gradient(#30261ef2,#120e0cf5)}#classes .card[aria-pressed=true] .sigil{color:var(--ember);filter:drop-shadow(0 0 12px var(--ember-glow));scale:1.08}#classes .card[aria-pressed=true] small{color:var(--ember)}#name{text-align:center;width:100%;font:700 15px var(--title);letter-spacing:.08em;padding:11px 14px}.create-acts{grid-template-columns:1fr 1.6fr;gap:8px;display:grid}.create-acts button{font:700 13px var(--title);letter-spacing:.14em;padding:11px}#login-err{left:50%;bottom:calc(80px + var(--sb));color:#ff8a7a;text-shadow:0 1px 4px #000;pointer-events:none;margin:0;font-size:13px;position:absolute;translate:-50%}#create:not([hidden])~#login-err{bottom:calc(300px + var(--sb))}#loading{color:var(--muted);font:700 11px var(--title);letter-spacing:.25em;text-transform:uppercase;pointer-events:none;margin:0;position:absolute;top:50%;left:50%;translate:-50% -50%}#confirm{z-index:50;text-align:center;--cut:10px;gap:14px;width:min(90vw,340px);padding:18px;display:grid;position:fixed;top:50%;left:50%;translate:-50% -50%}#confirm b{font:700 15px var(--title)}button.danger{color:#ffb3ad;background:linear-gradient(#3a1a1e,#1e0c0e);border-color:#e2333b99}#hud{pointer-events:none;z-index:10;position:fixed;inset:0}#hud>*{pointer-events:auto}#topleft{pointer-events:none;gap:4px;display:grid;position:absolute;top:12px;left:14px}#topleft>*{pointer-events:auto}#whobar{zoom:.95}#who{align-items:center;gap:10px;display:flex}#who b{font:700 13px var(--title);letter-spacing:.04em;text-shadow:0 2px 6px #000;display:block}#who small{color:var(--muted);text-shadow:0 1px 4px #000;font-size:11px;display:block}#who em{color:#20140a;background:var(--ember);clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);padding:2px 7px;font:800 11px Inter;animation:1.6s ease-in-out infinite pulse}#zone{font:700 10px var(--title);letter-spacing:.24em;text-transform:uppercase;color:var(--ember);text-shadow:0 1px 6px #000;margin-left:4px}#zone.flash{animation:1.4s ease-out zoneIn}#perf{color:#f4ecdc73;text-shadow:0 1px 3px #000;margin-left:4px;font:500 9px Inter}#target{text-align:center;pointer-events:none;background:url(/ui/plaque.webp) 50%/100% 100% no-repeat;min-width:300px;max-width:80vw;padding:24px 64px;position:absolute;top:8px;left:50%;translate:-50%}#target-name{white-space:nowrap;font:700 12px var(--title);text-shadow:0 0 3px #000,0 1px 2px #000;z-index:1;flex-direction:column;align-items:center;line-height:1.1;display:flex;position:relative}#target-name b{text-overflow:ellipsis;max-width:100%;font:inherit;overflow:hidden}#target-name small{color:#f2dcc0;flex:none;font:600 9px/1.1 Inter}#target.boss #target-name{color:#ffb44a;font-size:13px}#target-bar{clip-path:polygon(22px 0,calc(100% - 22px) 0,100% 50%,calc(100% - 22px) 100%,22px 100%,0 50%);position:absolute;inset:20px 36px}#target:after{content:"";background:url(/ui/plaque_window.webp) 50%/100% 100% no-repeat;position:absolute;inset:0}#target-bar i{background:radial-gradient(circle at 20% 70%,#ff968c73 0 2px,#0000 3px) 0 0/46px 100%,radial-gradient(circle at 60% 30%,#ffaaa059 0 1.5px,#0000 2.5px) 0 0/31px 100%,radial-gradient(circle at 40% 55%,#78000a80 0 2px,#0000 3px) 0 0/23px 100%,linear-gradient(#eb322de6,#960c16e6 55%,#50040ceb);height:100%;transition:width .25s ease-out;animation:2.6s linear infinite bloodFlow;display:block;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #ff8c7873,inset 0 -3px 6px #00000080}#target-bar i:after{content:"";background:radial-gradient(at 30%,#ff786ee6,#c8141e66 60%,#0000 70%);border-radius:50%;width:8px;animation:1.1s ease-in-out infinite alternate bloodEdge;position:absolute;top:0;bottom:0;right:-4px}@keyframes bloodFlow{to{background-position:46px 0,-31px 0,23px 0,0 0}}@keyframes bloodEdge{0%{transform:scaleY(.85)translate(-1px)}to{transform:scaleY(1.05)translate(1px)}}.bar{clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 50%,calc(100% - 6px) 100%,6px 100%,0 50%);background:#000000a6;border:1px solid #f2b54a59;height:7px}.bar i{background:linear-gradient(#ff6a5a,#b81d24);height:100%;transition:width .2s ease-out;display:block;box-shadow:0 0 12px #ff3c3c99}#minimap{pointer-events:none;background:#10140c;border-radius:50%;width:112px;height:112px;position:absolute;top:40px;right:30px;box-shadow:0 10px 30px #0009}#minimap-frame{filter:drop-shadow(0 4px 8px #0009);pointer-events:none;background:url(/ui/minimap.webp) 50%/100% 100% no-repeat;width:160px;height:173px;position:absolute;top:10px;right:6px}#event{bottom:calc(132px + var(--sb));white-space:nowrap;color:#ffe27a;font:700 15px var(--title);letter-spacing:.04em;text-shadow:0 0 2px #000,0 0 2px #000,0 1px 4px #000,0 0 12px #ffaa2859;pointer-events:none;align-items:baseline;gap:8px;display:flex;position:absolute;left:50%;translate:-50%}#event-time{color:#fff3c4;font-variant-numeric:tabular-nums}#notice{bottom:calc(158px + var(--sb));pointer-events:none;text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;width:min(90vw,640px);height:96px;display:flex;position:absolute;left:50%;translate:-50%}#notice p{color:#ffe27a;font:700 15px var(--title);letter-spacing:.04em;text-shadow:0 0 2px #000,0 0 2px #000,0 1px 4px #000,0 0 12px #ffaa2859;margin:0;transition:opacity .8s;animation:.4s ease-out noticeIn}#notice p.out{opacity:0}#chat-log p.gm b{color:#ffd76a;text-shadow:0 0 6px #ffbe3c80}@keyframes noticeIn{0%{opacity:0;translate:0 -6px}}#toasts{right:12px;bottom:calc(100px + var(--sb));pointer-events:none;flex-direction:column-reverse;align-items:flex-end;gap:6px;display:flex;position:absolute}.toast{border-left:2px solid var(--muted);max-width:min(80vw,300px);animation:toastIn .35s var(--mola);clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%);background:#0e0c12d1;padding:5px 22px 5px 12px;font-size:12px;font-weight:600;transition:opacity .5s,translate .5s}.toast.out{opacity:0;translate:20px}.toast.loot{border-color:var(--ember);color:#ffe2a3}.toast.err{border-color:var(--blood);color:#ffb3ad}#chat{left:12px;bottom:calc(12px + var(--sb));pointer-events:none;gap:6px;width:min(30vw,320px);display:grid;position:absolute}#chat-log{flex-direction:column;justify-content:flex-end;max-height:110px;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 40%);mask-image:linear-gradient(#0000,#000 40%)}#hud.typing #chat-log{pointer-events:auto;scrollbar-width:thin;scrollbar-color:#f2b54a66 transparent;justify-content:flex-start;max-height:220px;overflow-y:auto;-webkit-mask-image:none;mask-image:none}#chat-log p{text-shadow:0 1px 3px #000,0 0 2px #000;margin:1px 0;font-size:11.5px}#chat-log p b{color:var(--ember)}#chat-log p.event{color:#9fefff}#chat-log p.sys{color:var(--muted);font-size:11.5px}#chat-input{pointer-events:auto;--cut:6px;padding:9px 12px;font-size:13px}#bottom{left:50%;bottom:calc(14px + var(--sb));pointer-events:none;zoom:.8;position:absolute;translate:-50%}#bottom>*{pointer-events:auto}#bar{grid-template-columns:96px auto 96px;align-items:center;display:grid;position:relative}#console{filter:drop-shadow(0 6px 14px #0000008c);background:url(/ui/bar.webp) 50%/100% 100% no-repeat;align-items:center;height:84px;margin:0 -22px;padding:0 74px;display:flex;position:relative}#expbar{background:#07060a;border:1px solid #f2b54a59;height:6px;margin:0;position:absolute;bottom:-9px;left:84px;right:84px;overflow:hidden}#expbar:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#000000b3 calc(10% - 1px) 10%);position:absolute;inset:0}#exp-fill{background:linear-gradient(90deg,#8a5a1a,#ffe08a,#8a5a1a) 0 0/200% 100%;width:0;height:100%;transition:width .4s ease-out;animation:3s linear infinite shimmer;display:block}#exp-text{color:#fff;text-shadow:0 0 2px #000;z-index:1;font:800 7px/7px Inter;position:absolute;top:-1px;right:2px}#slots{grid-template-columns:1fr 1fr;align-items:center;gap:30px;margin:0 auto;display:grid}#skills{justify-content:flex-end}#right-slots,#skills,#potions,#menu{gap:4px;display:flex}.rune{--bolha-x:1.1;--cut:4px;width:38px;height:38px;color:var(--ember);background:radial-gradient(circle at 50% 40%,#f2b54a24,#0000 70%),linear-gradient(#221e28,#0e0c12);border:1px solid #f2b54a4d;padding:8px;position:relative}.rune.on{border-color:var(--rune);color:var(--rune);background:radial-gradient(circle at 50% 40%,#6ff0ff4d,#0000 70%),linear-gradient(#1a2e34,#0c1418)}.rune.locked{color:#4e463e}.rune.dry{color:#6b84b8}.rune kbd,.vial kbd{color:#f4ecdcb3;text-shadow:0 1px 2px #000;font:800 8px Inter;position:absolute;top:1px;left:3px}.rune .cd{background:conic-gradient(#000000b8 var(--p,0%), transparent 0);pointer-events:none;--p:0%;position:absolute;inset:0}.vial{--cut:4px;background:linear-gradient(#221e28,#0e0c12);border:1px solid #ffffff1a;width:38px;height:38px;padding:9px 6px 7px;position:relative}.vial.hp_potion{color:#ff6060}.vial.big_hp_potion{color:#ff2a2a}.vial.mp_potion{color:#6fa0ff}.vial b{color:var(--ink);text-shadow:0 1px 2px #000;font:800 9px Inter;position:absolute;bottom:0;right:2px}#menu button{--cut:4px;width:38px;height:38px;font:700 11px var(--title);color:var(--ember);background:linear-gradient(#221e28,#0e0c12);padding:6px 4px}.orb{z-index:2;pointer-events:none;width:96px;height:96px;position:relative}.orb-in{background:radial-gradient(circle,#120d10,#050405);border-radius:50%;position:absolute;inset:0;overflow:hidden;box-shadow:0 8px 22px #000000a6}.orb:before{content:"";z-index:3;filter:drop-shadow(0 4px 8px #0009);background:url(/ui/orb_hp.webp) 50%/100% 100% no-repeat;width:142%;height:156.6%;position:absolute;top:-31.5%;left:-21%}.orb.mp:before{background-image:url(/ui/orb_mp.webp)}.orb i{--fill:1;translate:0 calc((1 - var(--fill)) * 100%);transition:translate .3s ease-out;position:absolute;inset:0}.orb.hp i{background:radial-gradient(circle at 40% 30%,#ff7a6a,#c3141e 55%,#5a0408)}.orb.mp i{background:radial-gradient(circle at 40% 30%,#8ab4ff,#2154d8 55%,#0a1f63)}.orb i:before,.orb i:after{content:"";background:#070508;border-radius:42%;width:200%;height:200%;animation:6s linear infinite wave;position:absolute;top:-197%;left:-50%}.orb i:after{background:#ffffff24;border-radius:38%;animation-duration:9s;top:-199%}.orb:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(45% 30% at 38% 22%,#ffffff73,#0000 70%),radial-gradient(circle,#0000 58%,#0000008c);border-radius:50%;position:absolute;inset:0}.orb span{text-align:center;text-shadow:0 1px 3px #000,0 0 8px #000;z-index:4;font:800 15px Inter;position:absolute;inset:50% 0 auto;translate:0 -50%}.label{white-space:nowrap;will-change:transform;justify-items:center;gap:3px;display:grid;position:absolute;top:0;left:0}.label span{color:#fff;text-shadow:0 1px 2px #000,0 0 4px #000;font:700 11px Inter}.label i{background:#0009;width:46px;height:4px;display:none}.label i b{background:#e2333b;height:100%;display:block}.label.p span{color:#9fd0ff}.label.p i{display:block}.label.n span{color:var(--ember);font-family:var(--title);font-size:11px}.label.n span:before{content:"◆ ";font-size:9px}.label.d span{color:#e8e2d4;font-size:11px}.label.d.exc span{color:var(--exc)}.label.d.high span{color:#ffd34d}.dmg{color:#ffb24a;-webkit-text-stroke:1px #280f00cc;text-shadow:0 2px 6px #000000b3;pointer-events:none;font:900 17px Inter;animation:1.1s cubic-bezier(.2,.8,.3,1) forwards dmgUp;position:absolute;translate:-50% -100%}.dmg.me{color:#ff4040}.dmg.k1{color:#6fdcff;font-size:21px}.dmg.k2{color:var(--exc);font-size:23px}.dmg.k3{color:#d8d8d8;font-size:15px;font-weight:800}.dmg.k4{color:#7dff9a}.dmg.k5{color:#ff8a3a;font-size:25px}.dmg[data-tag]:before{content:attr(data-tag);letter-spacing:.25em;text-align:center;-webkit-text-stroke:0;font-size:9px;display:block}.win{--w:264px;width:var(--w);max-height:calc(100vh - 132px - 112px - var(--sb));--cut:10px;background:linear-gradient(180deg, #221e2af5, #0c0a10f7), var(--noise);clip-path:polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut));animation:winIn .28s var(--mola);z-index:12;border:1px solid #f2b54a59;grid-template-rows:auto 1fr;display:grid;position:absolute;top:132px;box-shadow:0 16px 40px #0009}.win.right{right:12px}.win.left{left:12px}#win-char.shifted,#win-npc.docked{left:auto;right:322px}#win-char.shifted2{right:632px}.win header{background:linear-gradient(#f2b54a1f,#0000);border-bottom:1px solid #f2b54a40;justify-content:center;align-items:center;height:32px;display:flex;position:relative}.win h3{font:700 12px var(--title);letter-spacing:.18em;text-transform:uppercase;color:var(--ember);margin:0}.win .x{--cut:4px;width:24px;height:24px;color:var(--muted);transition:color .15s, background .15s, border-color .15s, scale var(--mola-solta) var(--mola);background:0 0;border-color:#0000;padding:7px;position:absolute;top:50%;right:6px;translate:0 -50%}.win .x:hover{color:#20140a;background:var(--ember);border-color:var(--ember)}.win .x>.bolha-miolo{place-items:center;display:grid}.win-body{scrollbar-width:none;align-content:start;gap:8px;padding:10px;display:grid;overflow-y:auto}.win-body::-webkit-scrollbar{display:none}.hint{text-align:center;color:var(--muted);letter-spacing:.15em;text-transform:uppercase;margin:0;font-size:10px}@keyframes winIn{0%{opacity:0;translate:0 8px}}.char-head{align-items:center;gap:12px;display:flex}.char-head b{font:700 16px var(--title);display:block}.char-head small{color:var(--muted)}.char-head .pts{color:#20140a;background:var(--ember);clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);margin-left:auto;padding:4px 10px;font:800 13px Inter}.stats{gap:6px;display:grid}.stat{background:#0000004d;border-left:2px solid #f2b54a80;grid-template-columns:1fr auto auto auto;align-items:center;gap:6px;padding:5px 8px;font-size:12px;display:grid}.stat b{text-align:right;min-width:48px;font:800 13px Inter}.kvs{grid-template-columns:1fr;gap:0;display:grid}.kv{border-bottom:1px solid #ffffff0f;justify-content:space-between;padding:3px 0;font-size:12px;display:flex}.kv span{color:var(--muted)}.gear{grid-template-columns:repeat(4,auto);justify-content:center;align-items:end;gap:8px;padding:6px 0 2px;display:grid}.gear .sigil.big{align-self:center;width:40px;height:44px;padding:9px}.gear label{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);justify-items:center;gap:3px;font-size:8px;display:grid}.gear .cell{width:42px;height:42px}.gear .slot-weapon .cell,.gear .slot-armor .cell{height:58px}.cell small{color:#a99d8880;letter-spacing:.1em;font-size:9px}.grid{background:#00000059;border:1px solid #f2b54a26;grid-template-columns:repeat(8,minmax(0,1fr));gap:2px;width:100%;padding:4px;display:grid}.cell{--cut:3px;aspect-ratio:1;color:var(--c,var(--muted));background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--c,#000) 18%, transparent), transparent 70%), #17141c;border-color:#ffffff12;padding:20%;position:relative}.cell.empty{cursor:var(--cur-point);background:#00000059}.cell i{color:#fff;text-shadow:0 1px 2px #000;font:800 10px Inter;position:absolute;top:1px;left:3px}.cell b{text-shadow:0 1px 2px #000;color:#fff;font:800 10px Inter;position:absolute;bottom:1px;right:3px}.cell.exc{border-color:#5dff8a99;box-shadow:inset 0 0 12px #5dff8a40}.cell.glow{animation:2s ease-in-out infinite itemGlow}.cell[aria-pressed=true]{border-color:var(--ember);box-shadow:inset 0 0 0 1px var(--ember), inset 0 0 18px #f2b54a4d}.detail{border-left:3px solid var(--c,var(--ember));background:#00000059;gap:6px;min-height:40px;padding:7px 9px;display:grid}.detail.hint{color:var(--muted);letter-spacing:.15em;text-transform:uppercase;border-left-color:#ffffff1a;place-items:center;font-size:10px}.detail>div:first-child{flex:1;gap:2px;display:grid}.detail b{font:700 12px var(--title)}.detail b.exc{color:var(--exc)}.detail small{color:var(--muted);font-size:11px}.acts{flex-wrap:wrap;gap:5px;display:flex}.acts:empty{display:none}.acts button{--cut:5px;padding:6px 10px;font-size:11px}.zen{justify-content:flex-end;align-items:baseline;gap:10px;display:flex}.zen span{color:var(--muted);letter-spacing:.2em;text-transform:uppercase;font-size:11px}.zen b{color:#ffd76a;font:800 16px Inter}.quest{text-align:center;justify-items:center;gap:10px;padding:6px 0 4px;display:grid}.quest h4{font:700 16px var(--title);margin:0}.lore{color:var(--muted);margin:0;font-size:14px}.reward{color:#ffd76a;margin:0;font-size:13px;font-weight:700}.quest button{font:700 12px var(--title);letter-spacing:.15em;padding:10px 22px}.qbar{background:#00000080;border:1px solid #f2b54a4d;width:min(100%,360px);height:16px;position:relative}.qbar i{background:linear-gradient(90deg,#b8792a,#ffd77e);height:100%;display:block}.qbar span{text-shadow:0 1px 2px #000;font:800 11px/16px Inter;position:absolute;inset:0}.tabs{grid-template-columns:1fr 1fr;gap:6px;display:grid}.tabs button{font:700 12px var(--title);letter-spacing:.1em;padding:7px}.tabs button.on{border-color:var(--ember);color:var(--ember);background:#f2b54a2e}.shop{gap:6px;display:grid}.shop-row{background:#0000004d;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;padding:5px 8px;display:grid}.shop-row .ico{width:30px;height:30px;color:var(--c);background:#17141c;padding:6px}.shop-row b{font-size:12px;display:block}.shop-row small{color:#ffd76a;font-weight:700}#death{z-index:14;background:radial-gradient(circle,#3c000040,#0a0000bf);place-content:center;justify-items:center;gap:18px;animation:1s fadeIn;display:grid;position:fixed;inset:0}#death h2{font:700 32px var(--title);letter-spacing:.2em;color:#ff5a4a;text-shadow:0 4px 30px #ff282880;margin:0}#death button{font:700 13px var(--title);letter-spacing:.25em;padding:10px 30px}@keyframes wave{to{rotate:360deg}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:0 0}}@keyframes pulse{50%{opacity:.6}}@keyframes zoneIn{0%{opacity:0;letter-spacing:.6em}to{opacity:1}}@keyframes toastIn{0%{opacity:0;translate:30px}}@keyframes dmgUp{0%{opacity:0;transform:translateY(6px)scale(.6)}12%{opacity:1;transform:translateY(-6px)scale(1.15)}to{opacity:0;transform:translateY(-58px)scale(.9)}}@keyframes itemGlow{50%{box-shadow:inset 0 0 16px #ffd34d73}}@keyframes cd{0%{--p:100%}to{--p:0%}}@keyframes fadeIn{0%{opacity:0}}@property --p{syntax:"<percentage>";inherits:false;initial-value:0%}@media (max-width:720px){#classes .card{aspect-ratio:3/3.8}#classes .card b{font-size:9px}#lobby-bar button{min-width:84px;padding:10px}#lobby-bar #lobby-play{min-width:120px}.ll{padding:3px 7px}.ll b{font-size:11px}#minimap{width:84px;height:84px}#minimap-frame{width:120px;height:130px;top:7px;right:12px}#whobar{zoom:.8}#bottom{zoom:1}#bar{grid-template-columns:58px auto 58px}.orb{width:58px;height:58px}.orb span{font-size:12px}#console{height:auto;min-height:70px;padding:12px 46px}#slots{gap:22px}.rune,#menu button,.vial{width:40px;height:40px}#chat{width:56vw;bottom:calc(118px + var(--sb))}#chat-log{max-height:64px}#toasts{bottom:calc(170px + var(--sb))}.kvs{grid-template-columns:1fr}#target{top:46px}.win{--w:calc(100vw - 24px);max-height:calc(100vh - 104px - 130px - var(--sb));top:104px}#win-char.shifted,#win-char.shifted2,#win-npc.docked{right:12px}}#guide{filter:drop-shadow(0 6px 14px #0009);pointer-events:auto;width:200px;animation:winIn .3s var(--mola);border:10px solid #0000;border-image:url(/ui/tooltip.webp) 14% fill/16px/2px;gap:1px;margin-top:8px;padding:2px 4px;display:grid;position:relative}#guide small{letter-spacing:.3em;text-transform:uppercase;color:var(--ember);font:700 8px Inter}#guide b{font:700 12px var(--title);padding-right:46px}#guide span{color:#e8dcc4;justify-content:space-between;gap:8px;font-size:11px;display:flex}#guide em{color:var(--ember);font-style:normal;font-weight:800}#guide [data-skip]{color:var(--muted);background:0 0;padding:2px 6px;font-size:9px;position:absolute;top:5px;right:6px}#lumi{z-index:6;color:#0e1a1e;pointer-events:none;white-space:normal;background:linear-gradient(#d9fbff,#9ff4ff);border-radius:10px 10px 10px 2px;max-width:190px;padding:6px 10px;font:600 11.5px/1.3 Inter;position:fixed;top:0;left:0;box-shadow:0 0 18px #6ff0ff80}#lumi.pop{animation:lumiPop .4s var(--mola)}@keyframes lumiPop{0%{opacity:0;scale:.6}}.guide-hl{animation:1.1s ease-in-out infinite guideHl!important}@keyframes guideHl{50%{filter:brightness(1.4);box-shadow:0 0 0 2px #ffd76a,0 0 18px #ffd76a}}#head-btns #auto-btn[aria-pressed=true]{color:#0e1a1e;background:linear-gradient(#d9fbff,#6ff0ff);box-shadow:0 0 14px #6ff0ff99}.equip{background:radial-gradient(at 50% 45%,#f2b54a14,#0000 70%);grid-template-rows:repeat(7,30px);grid-template-columns:repeat(6,33px);justify-content:center;padding:4px 0;display:grid;position:relative}.eq{background:#00000073;border:1px solid #f2b54a2e;place-items:center;margin:1px;display:grid;position:relative}.eq>span{letter-spacing:.1em;text-transform:uppercase;color:#a99d888c;font:700 6.5px Inter}.eq.hot{border-color:var(--ember);box-shadow:inset 0 0 12px #f2b54a66}.eq.bad{border-color:#ff5050cc;box-shadow:inset 0 0 12px #ff3c3c59}.vault-bag.hot{outline:2px solid #5dff8ab3;box-shadow:inset 0 0 18px #5dff8a40}.eq-pet{grid-area:1/1/3/3}.eq-helm{grid-area:1/3/3/5}.eq-wings{grid-area:1/5/3/7}.eq-weapon{grid-area:3/1/6/3}.eq-armor{grid-area:3/3/6/5}.eq-shield{grid-area:3/5/6/7}.eq-pendant,.eq-ring1,.eq-ring2{z-index:2;background:#0e0c12f5;border-color:#f2b54a59;width:30px;height:30px;margin:0;translate:-50% -50%}.eq-pendant{grid-area:3/3/4/4}.eq-ring1{grid-area:6/3/7/4}.eq-ring2{grid-area:6/5/7/6}.eq-gloves{grid-area:6/1/8/3}.eq-pants{grid-area:6/3/8/5}.eq-boots{grid-area:6/5/8/7}.bag{--cell:calc((var(--w) - 22px) / var(--gw));width:calc(var(--cell) * var(--gw));height:calc(var(--cell) * var(--gh));background-color:#00000073;background-image:linear-gradient(#f2b54a1a 1px,#0000 1px),linear-gradient(90deg,#f2b54a1a 1px,#0000 1px);background-size:var(--cell) var(--cell);touch-action:none;border:1px solid #f2b54a4d;justify-self:center;position:relative}.it{background:radial-gradient(ellipse at 50% 50%, color-mix(in srgb, var(--c) 22%, transparent), transparent 75%), #141e3c47;outline-offset:-1px;cursor:var(--cur-grab);touch-action:none;outline:1px solid #78a0ff2e;place-items:center;display:grid;position:absolute}.eq .it{position:absolute}.it img{object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 2px #000000b3);width:100%;height:100%;position:absolute;inset:0}.it i{color:#fff;text-shadow:0 1px 2px #000;font:800 9px Inter;position:absolute;top:0;left:2px}.it b{color:#fff;text-shadow:0 1px 2px #000;font:800 9px Inter;position:absolute;bottom:0;right:2px}.it.exc{background:radial-gradient(#5dff8a40,#0000 75%),#143c1e4d;outline-color:#5dff8a80}.it.g7 img{filter:drop-shadow(0 0 1.5px color-mix(in srgb, var(--c) 45%, #ffd27a)) brightness(1.05)}.it.g9 img{filter:drop-shadow(0 0 2.5px color-mix(in srgb, var(--c) 40%, #ffd27a)) brightness(1.1)}.it.g11 img{filter:drop-shadow(0 0 2.5px #ffd34d)brightness(1.15)}.it.g11:after{content:"";pointer-events:none;will-change:opacity;background:radial-gradient(circle,#ffe29624,#0000 60%);animation:1.8s ease-in-out infinite itemAura;position:absolute;inset:0}.it.sel{outline:2px solid var(--ember)}.it.jewel{outline:2px dashed var(--rune)}.it.inmix{opacity:.35;outline:2px solid #ff6a8a}.chaos{gap:8px;display:grid}.mix-bag{background-color:#1e060e8c;background-image:radial-gradient(circle,#ff6a8a24,#0000 70%),linear-gradient(#ff6a8a24 1px,#0000 1px),linear-gradient(90deg,#ff6a8a24 1px,#0000 1px);background-size:100% 100%, var(--cell) var(--cell), var(--cell) var(--cell);border-color:#ff6a8a66}.mix-bag .hint{place-items:center;display:grid;position:absolute;inset:0}.mix-bag .it{cursor:var(--cur-click);border:0;padding:0}.mix-bag .it:hover{outline:2px solid #ff6a8a}.chaos>button{font:700 12px var(--title);letter-spacing:.15em;justify-self:center;padding:10px 22px}.it.dragging{opacity:.3}.bag .preview{pointer-events:none;background:#5dff8a38;outline:1px solid #5dff8acc;position:absolute}.bag .preview.bad{background:#ff3c3c38;outline-color:#ff5050cc}.drag-ghost{z-index:40;pointer-events:none;opacity:.9;filter:drop-shadow(0 8px 12px #000000b3);position:fixed;top:0;left:0}#tip .opt{color:#6fb6ff}.drag-ghost img{object-fit:contain;width:100%;height:100%}#tip{z-index:41;text-align:center;pointer-events:none;color:#e6dcc8;background:linear-gradient(#0a0810f7,#040308f7);border:1px solid #f2b54a66;justify-items:center;gap:2px;min-width:170px;max-width:240px;padding:9px 12px 10px;font:600 11px/1.35 Inter;display:grid;position:fixed;box-shadow:0 10px 30px #000000b3}#tip.pinned{pointer-events:auto}#tip b{font:700 14px var(--title);color:#fff;margin-bottom:1px}#tip b.mid{color:#8fc8ff}#tip b.high{color:#ffd34d}#tip b.exc{color:var(--exc)}#tip .kind{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:9px}#tip .set{color:#8a8070}#tip .set.on{color:#ffd76a}#tip .luck{color:#6fb6ff}#tip .exc{color:var(--exc)}#tip .cls{color:#a99d88;margin-top:3px;font-size:10px}#tip .no{color:#ff6a5a;margin-top:3px;font-size:10px}#tip .price{color:#ffd76a;margin-top:3px}#tip .acts{flex-wrap:wrap;justify-content:center;gap:5px;margin-top:8px;display:flex}#tip .acts button{--cut:5px;padding:6px 10px;font-size:11px}.shop-row .ico img{object-fit:contain;width:100%;height:100%}@keyframes itemAura{0%,to{opacity:.45}50%{opacity:1}}#whobar{pointer-events:auto;align-items:center;gap:10px;display:flex}#head-btns{gap:4px;display:flex}#head-btns button,#lobby-cfg{--cut:5px;letter-spacing:.12em;height:28px;color:var(--ember);background:linear-gradient(#2a2430,#121016);padding:5px 8px;font:800 9px Inter}#head-btns button>.bolha-miolo{gap:4px}#head-btns svg{width:15px;height:15px}#cfg-btn,#lobby-cfg{width:30px;padding:6px}#lobby-cfg{width:36px;height:36px;padding:8px;position:absolute;top:16px;right:16px}#settings{--w:min(92vw, 340px);z-index:45;max-height:none;position:fixed;top:50%;left:50%;translate:-50% -50%}.set-row{color:var(--muted);grid-template-columns:80px 1fr;align-items:center;gap:10px;font:600 12px Inter;display:grid}.seg{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.seg button{font:700 12px var(--title);--cut:5px;padding:7px 4px}.seg button.on{border-color:var(--ember);color:var(--ember);background:#f2b54a26}input[type=range]{appearance:none;clip-path:none;background:#f2b54a40;border:0;height:4px;padding:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ember);width:14px;height:14px;box-shadow:0 0 8px var(--ember-glow);border-radius:50%}input[type=range]::-moz-range-thumb{background:var(--ember);border:0;border-radius:50%;width:14px;height:14px}.label.d small{letter-spacing:.2em;text-transform:uppercase;text-shadow:0 1px 2px #000;font:800 8px Inter}.seg.two{grid-template-columns:repeat(2,1fr)}.rune img{object-fit:cover;width:calc(100% - 4px);height:calc(100% - 4px);position:absolute;inset:2px}.rune.locked img{filter:grayscale()brightness(.4)}.rune.dry img{filter:saturate(.3)brightness(.6)}.skill-reward{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.skill-reward span{font:700 12px var(--title);color:var(--ember);background:#f2b54a1a;border:1px solid #f2b54a59;align-items:center;gap:6px;padding:4px 10px 4px 4px;display:flex}.skill-reward img{width:28px;height:28px}.sigil img{object-fit:cover;width:100%;height:100%}.sigil:has(img){padding:0}#menu button,#cfg-btn{position:relative}#menu button img,#cfg-btn img{object-fit:cover;pointer-events:none;width:100%;height:100%}#menu button,#cfg-btn{padding:2px}#menu button kbd{color:var(--ink);text-shadow:0 1px 2px #000;font:800 8px Inter;position:absolute;bottom:1px;right:2px}.vial{padding:2px}.vial img{object-fit:cover;pointer-events:none;width:100%;height:100%}.eq .ph{object-fit:contain;opacity:.14;filter:grayscale();pointer-events:none;width:72%;height:72%;position:absolute;inset:14%}.eq>.ph+span{position:relative}.eq-pendant>span,.eq-ring1>span,.eq-ring2>span{display:none}.stat span{align-items:center;gap:6px;display:flex}.stat span img{width:20px;height:20px}.win-body>.portrait{border:1px solid #f2b54a73;width:64px;height:64px;margin:0 auto 8px;display:block;box-shadow:0 0 18px #f2b54a2e}#death .skull{filter:drop-shadow(0 0 24px #ff28288c);width:96px;height:96px}.label .bubble{color:#1d1408;white-space:normal;text-align:center;overflow-wrap:anywhere;max-width:200px;animation:bubbleIn .25s var(--mola);background:#f6ecd4;border:1px solid #b8913f;border-radius:8px;margin:0 0 6px;padding:5px 10px;font:600 12px/1.35 Inter;position:relative;box-shadow:0 3px 10px #00000073}.label .bubble:after{content:"";border:6px solid #0000;border-top-color:#f6ecd4;border-bottom:0;position:absolute;bottom:-6px;left:50%;translate:-50%}@keyframes bubbleIn{0%{opacity:0;scale:.7}}.rune:after{content:"";pointer-events:none;background:url(/ui/slot.webp) 50%/100% 100% no-repeat;position:absolute;inset:0}.rune{border-color:#0000}#who{width:250px;height:120px;margin:-14px 0 4px -10px;position:relative}#who:after{content:"";z-index:2;pointer-events:none;background:url(/ui/portrait_head.webp) 0 0/auto 100% no-repeat,url(/ui/portrait_end.webp) 100% 0/auto 100% no-repeat,url(/ui/portrait_mid.webp) 103px 0/calc(100% - 141px) 100% no-repeat;position:absolute;inset:0}#who>span:not(.sigil),#who em{z-index:3}#who .sigil{z-index:1;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);filter:none;background:#0b0a0e;width:66px;height:76px;padding:8px;position:absolute;top:22px;left:13px}#who>span:not(.sigil){flex-direction:column;justify-content:center;height:38px;display:flex;position:absolute;top:40px;left:92px;right:40px;overflow:hidden}#who b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}#who small{white-space:nowrap;text-overflow:ellipsis;color:#e8d6a8;font-size:11px;overflow:hidden}#who em{position:absolute;top:22px;left:50px}.win{box-sizing:content-box;clip-path:none;background:0 0;border:16px solid #0000;border-image:url(/ui/window.webp) 21% fill/34px/12px;box-shadow:0 18px 36px -6px #000000b3}.win header{background:url(/ui/plaque.webp) 50%/100% 100% no-repeat;border-bottom:0;height:38px;margin:-4px -2px 0}.win h3{color:#ffd98a;text-shadow:0 1px 2px #000}.win .x{clip-path:none;filter:drop-shadow(0 2px 4px #000000b3);background:url(/ui/close.webp) 50%/100% 100% no-repeat;border:0;width:26px;height:26px;padding:0;top:50%;right:0;translate:0 -50%}.win .x:hover{filter:brightness(1.25);background:url(/ui/close.webp) 50%/100% 100% no-repeat}.win .x svg{display:none}#tip{box-shadow:none;filter:drop-shadow(0 10px 20px #000000b3);background:0 0;border:10px solid #0000;border-image:url(/ui/tooltip.webp) 14% fill/18px/4px}button.gold.bolha-larga{clip-path:none;box-shadow:none;text-shadow:0 1px #fff0c899;background:url(/ui/btn_gold.webp) 50%/100% 100% no-repeat}button.bolha-larga:not(.gold){clip-path:none;box-shadow:none;color:#f0dcb0;background:url(/ui/btn_dark.webp) 50%/100% 100% no-repeat;border:0}button.bolha-larga:disabled{filter:grayscale(.85)brightness(.7)}.bolha-larga:before,.win .x:before,#head-btns button:before,#lobby-cfg:before,#atk-btn:before,.rune:before{display:none}@media (hover:hover){button.bolha-larga:not(.gold):not(:disabled):hover{filter:brightness(1.18);color:#ffe2a3}.rune:not(:disabled):hover{filter:brightness(1.2)}}#head-btns{align-self:flex-start;gap:6px;margin-top:10px}#head-btns button{clip-path:none;background:#0b0a0e;border:0;width:34px;height:34px;padding:3px;position:relative}#head-btns button:after{content:"";pointer-events:none;background:url(/ui/slot.webp) 50%/100% 100% no-repeat;position:absolute;inset:-2px}#head-btns button img{object-fit:cover;pointer-events:none;width:100%;height:100%}#head-btns button kbd{z-index:1;color:var(--ink);text-shadow:0 1px 2px #000;font:800 8px Inter;position:absolute;bottom:2px;right:3px}#head-btns #auto-btn[aria-pressed=true]{box-shadow:none;background:#0b0a0e}#classes .card:disabled{opacity:.45;filter:grayscale(.8);cursor:var(--cur-block)}#joy{left:calc(26px + env(safe-area-inset-left));bottom:calc(26px + var(--sb));opacity:.82;filter:drop-shadow(0 6px 12px #0009);touch-action:none;pointer-events:auto;background:url(/ui/joy_base.webp) 50%/100% 100% no-repeat;width:124px;height:124px;transition:opacity .2s;display:none;position:absolute}#joy.on{opacity:1}#joy i{filter:drop-shadow(0 4px 8px #000000b3);background:url(/ui/joy_knob.webp) 50%/100% 100% no-repeat;width:54px;height:54px;margin:-27px 0 0 -27px;transition:transform .12s ease-out;position:absolute;top:50%;left:50%}#atk-btn{clip-path:none;right:calc(28px + env(safe-area-inset-right));bottom:calc(30px + var(--sb));filter:drop-shadow(0 6px 12px #0009);touch-action:none;pointer-events:auto;background:url(/ui/atk.webp) 50%/100% 100% no-repeat;border:0;outline:none;width:96px;height:96px;padding:0;transition:scale .12s;display:none;position:absolute}#atk-btn:active{filter:brightness(1.2)drop-shadow(0 0 12px #ff3c3c99);scale:.92}#joy.on i{transition:none}@media (pointer:coarse){#joy,#atk-btn{display:block}#chat{bottom:calc(160px + var(--sb));width:min(36vw,300px)}#toasts{bottom:calc(140px + var(--sb))}#chat-log{max-height:72px}.rune,.vial,#menu button{width:44px;height:44px}}@media (max-height:520px){#lobby-bar{bottom:calc(12px + var(--sb));gap:8px}#lobby-bar button{min-width:78px;padding:7px 10px;font-size:10px}#lobby-bar #lobby-play{min-width:104px;font-size:11px}#lobby .brand{font-size:32px;top:8px}.ll .cls{display:none}.ll{padding:3px 8px}#whobar{zoom:.62}#perf{display:none}#guide{width:170px;margin-top:2px}#guide b{font-size:11px}#bottom{zoom:.72;bottom:calc(10px + var(--sb))}#minimap{width:84px;height:84px;top:22px;right:22px}#minimap-frame{width:120px;height:130px;top:2px;right:4px}#joy{width:104px;height:104px;left:calc(18px + env(safe-area-inset-left));bottom:calc(14px + var(--sb))}#atk-btn{width:84px;height:84px;right:calc(20px + env(safe-area-inset-right));bottom:calc(16px + var(--sb))}#chat{bottom:calc(128px + var(--sb))}.win{zoom:.62;max-height:calc((100vh - 12px - var(--sb)) / .62);top:9.67742px}#win-char.shifted,#win-npc.docked{left:auto;right:325.806px}#win-char.shifted2{right:632.258px}.win-body>.portrait{display:none}}#lobby-cfg{clip-path:none;background:#0b0a0e;border:0;width:38px;height:38px;padding:3px}#lobby-cfg:after{content:"";pointer-events:none;background:url(/ui/slot.webp) 50%/100% 100% no-repeat;position:absolute;inset:-2px}#lobby-cfg img{object-fit:cover;pointer-events:none;width:100%;height:100%}.seg button.bolha-larga.on{color:#20140a;text-shadow:0 1px #fff0c899;background:url(/ui/btn_gold.webp) 50%/100% 100% no-repeat}#head-btns #cfg-btn,#lobby-cfg{filter:drop-shadow(0 2px 4px #000c);background:0 0;padding:0}#head-btns #cfg-btn:after,#lobby-cfg:after{display:none}#whobar{position:relative}#head-btns{gap:9px;margin:0;position:absolute;top:74px;left:98px}#head-btns button{filter:drop-shadow(0 2px 4px #000000d9);background:0 0;width:22px;height:22px;padding:0}#head-btns button:after{display:none}#head-btns #auto-btn[aria-pressed=true]{background:0 0}#head-btns #auto-btn[aria-pressed=true] img{filter:brightness(1.25)drop-shadow(0 0 6px #6ff0ff)}#head-btns button:not(:disabled):hover{filter:brightness(1.2)drop-shadow(0 2px 4px #000000d9)}body>:not(#boot){visibility:visible}#boot{display:none}#cfg-btn img,#lobby-cfg img{transition:rotate .5s var(--mola)}#cfg-btn:hover img,#lobby-cfg:hover img{rotate:60deg}#hud.safe #atk-btn,#hud.dead #atk-btn,#hud.dead #joy,#hud.modal #atk-btn,#hud.modal #joy,#hud.typing #atk-btn,#hud.typing #joy{display:none}#hud.dead #skills,#hud.dead #potions{pointer-events:none;opacity:.4}.rune.empty>.bolha-miolo{color:#f2b54a73;font:300 20px Inter}#skill-pick{z-index:30;filter:drop-shadow(0 8px 16px #000000b3);border:10px solid #0000;border-image:url(/ui/tooltip.webp) 14% fill/16px/2px;flex-wrap:wrap;justify-content:center;gap:4px;max-width:236px;padding:6px;display:flex;position:absolute;translate:-50%}#skill-pick .clear{width:100%;font:700 10px var(--title);letter-spacing:.1em;padding:6px 10px}#head-btns button{width:22px;height:22px}@media (max-height:520px){#head-btns button kbd{display:none}#target{zoom:.72}}@media (min-height:860px){#whobar{zoom:1.15}#bottom{zoom:1}#minimap,#minimap-frame,#target{zoom:1.2}.win{zoom:1.12;max-height:calc((100vh - 150px - 130px - var(--sb)) / 1.12);top:133.929px}#guide{zoom:1.15}#chat{zoom:1.1}}@media (min-height:1200px){#whobar{zoom:1.45}#bottom{zoom:1.3}#minimap,#minimap-frame,#target{zoom:1.5}.win{zoom:1.4;max-height:calc((100vh - 190px - 170px - var(--sb)) / 1.4);top:135.714px}#guide{zoom:1.45}#chat{zoom:1.35}}.win.center{--w:260px;top:50%;left:50%;translate:-50% -50%}#player-menu{z-index:40;pointer-events:auto;text-align:center;filter:drop-shadow(0 8px 16px #000000b3);border:10px solid #0000;border-image:url(/ui/tooltip.webp) 14% fill/16px/2px;gap:6px;min-width:120px;padding:8px 10px;display:grid;position:fixed;translate:-50% calc(-100% - 12px)}#player-menu b{font:700 12px var(--title);letter-spacing:.06em;color:#ffe2a3}#player-menu button,#party-invite button{font:700 10px var(--title);letter-spacing:.1em;padding:7px 12px}#party-invite{z-index:40;filter:drop-shadow(0 8px 16px #000000b3);pointer-events:auto;border:10px solid #0000;border-image:url(/ui/tooltip.webp) 14% fill/16px/2px;align-items:center;gap:8px;padding:8px 12px;display:flex;position:absolute;top:120px;left:50%;translate:-50%}#party-invite span{color:var(--ink);font:600 12px Inter}#party{gap:4px;width:190px;margin-top:6px;display:grid}#party .pm{background:#08070ab8;border:1px solid #f2b54a40;border-radius:3px;grid-template-columns:26px 1fr auto;align-items:center;gap:6px;padding:4px 6px;display:grid}#party .pm.me{border-color:#6fb6ff73}#party .pm img{width:26px;height:26px}#party .pm b{font:700 11px var(--title);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}#party .pm small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}#party .pm i{background:linear-gradient(90deg, #d23a3a var(--p), #ffffff1a var(--p));height:4px;margin-top:3px;display:block}#party .pm button{width:20px;height:20px;color:var(--muted);background:0 0;border:0;padding:0;font:700 13px Inter}.vault-bag{margin:0 auto 6px}.vault-zen{grid-template-columns:1fr auto auto;align-items:center;gap:6px;margin-top:6px;display:grid}.vault-zen input{min-width:0;color:var(--ink);background:#00000073;border:1px solid #f2b54a59;border-radius:3px;outline:none;padding:7px 9px;font:600 12px Inter}.vault-zen input:focus{border-color:var(--ember)}:-webkit-any(.vault-zen input:-webkit-autofill,.vault-zen input:-webkit-autofill){-webkit-text-fill-color:var(--ink);caret-color:var(--ink);-webkit-background-clip:text;background-clip:text}:is(.vault-zen input:autofill,.vault-zen input:autofill){-webkit-text-fill-color:var(--ink);caret-color:var(--ink);-webkit-background-clip:text;background-clip:text}.vault-zen button{font:700 10px var(--title);letter-spacing:.08em;padding:7px 10px}.warp-list{scrollbar-width:none;gap:6px;max-height:60vh;padding:4px 2px;display:grid;overflow:hidden auto}.warp-row{padding:8px 17px 8px 19px}.warp-row:not(:disabled):active{scale:none}.warp-row>.bolha-miolo{text-align:left;grid-template-columns:1fr auto 52px;gap:6px;display:grid}.warp-row b{font:700 10px var(--title);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.warp-row small{opacity:.85;white-space:nowrap;justify-content:flex-end;align-items:center;gap:3px;font-size:10px;display:inline-flex}.warp-row small img{width:12px;height:12px}.menu-list{gap:10px;padding:6px 4px;display:grid}.menu-list button{font:700 12px var(--title);letter-spacing:.14em;padding:11px 16px}.it:not(.r-common),.shop-row:not(.r-common) .ico{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--r) 70%, transparent), inset 0 0 12px color-mix(in srgb, var(--r) 40%, transparent), 0 0 8px color-mix(in srgb, var(--r) 35%, transparent)}.it.r-common,.shop-row.r-common .ico{box-shadow:inset 0 0 0 1px #e8e2d42e}.it.r-legend:after,.shop-row.r-legend .ico:after{content:"";pointer-events:none;box-shadow:inset 0 0 0 1px var(--r), inset 0 0 16px color-mix(in srgb, var(--r) 55%, transparent), 0 0 14px color-mix(in srgb, var(--r) 55%, transparent);opacity:0;will-change:opacity;animation:2.2s ease-in-out infinite rarityPulse;position:absolute;inset:0}.shop-row.r-legend .ico{position:relative}@keyframes rarityPulse{50%{opacity:1}}.shop-row .ico{border:1px solid color-mix(in srgb, var(--r) 60%, transparent)}.shop-row b{color:var(--r)}.shop-row small em{color:var(--r);font-style:normal;font-weight:700}#coords{text-align:center;width:160px;font:700 11px var(--title);letter-spacing:.06em;color:#ffd98a;text-shadow:0 1px 3px #000,0 0 6px #000;pointer-events:none;position:absolute;top:184px;right:6px}@media (max-height:520px){#coords{width:120px;font-size:10px;top:132px;right:4px}}@media (min-height:860px){#coords{zoom:1.2}}@media (min-height:1200px){#coords{zoom:1.5}}#win-helper{--w:280px}#win-helper .sec{font:700 10px var(--title);letter-spacing:.22em;text-transform:uppercase;color:var(--ember);margin:4px 0 0}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{color:#f0dcb0;clip-path:none;box-shadow:none;background:url(/ui/btn_dark.webp) 50%/100% 100% no-repeat;border:0;padding:7px 12px;font:700 11px Inter;transition:filter .15s,color .15s}.chip.on{color:#20140a;text-shadow:0 1px #fff0c899;background-image:url(/ui/btn_gold.webp)}.chip:before{display:none}.tip-cls{flex-wrap:wrap;justify-content:center;gap:5px;margin:3px 0 1px;display:flex}.tip-cls i{opacity:.45;filter:grayscale(.6);justify-items:center;gap:1px;font-style:normal;display:grid}.tip-cls i.me{opacity:1;filter:drop-shadow(0 0 6px #ffc85a8c)}.tip-cls img{object-fit:contain;width:18px;height:18px}.tip-cls small{color:#e8d6b0;font:600 8px Inter}.vault-pages{justify-content:center;align-items:center;gap:14px;margin-bottom:8px;display:flex}.vault-pages b{text-align:center;min-width:86px;font:700 13px var(--title);color:#ffd98a;letter-spacing:.06em;text-shadow:0 1px 3px #000}.vault-pages .chip{width:34px;padding:6px 0}.vault-pages .chip:disabled{opacity:.35}@media (hover:hover){.bolha.chip:not(:disabled):not(.gold):not(.x):hover{filter:brightness(1.18);color:#ffe2a3}.bolha.chip.on:not(:disabled):not(.gold):not(.x):hover{filter:brightness(1.08);color:#20140a}}#win-helper .set-row{grid-template-columns:50px 1fr 36px;align-items:center;gap:8px;font-size:12px;display:grid}#win-helper output{color:var(--ember);text-align:right;font:800 11px Inter}#exit-hint{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:100;pointer-events:none;background:#0e0c12e0;border:1px solid #ffffff1f;padding:6px 14px;font-size:12px;font-weight:600;position:fixed;translate:-50%}@media (pointer:coarse){#hud>#skills{right:calc(28px + env(safe-area-inset-right));bottom:calc(30px + var(--sb));pointer-events:none;--r:118px;width:96px;height:96px;display:block;position:absolute}#hud>#skills .rune{pointer-events:auto;width:48px;height:48px;transform:rotate(var(--a)) translateX(calc(-1 * var(--r))) rotate(calc(-1 * var(--a)));margin:-24px 0 0 -24px;position:absolute;top:50%;left:50%}#hud>#skills .rune:first-child{--a:-12deg}#hud>#skills .rune:nth-child(2){--a:14deg}#hud>#skills .rune:nth-child(3){--a:40deg}#hud>#skills .rune:nth-child(4){--a:66deg}#hud>#skills .rune:nth-child(5){--a:92deg}#hud>#skills kbd{display:none}#slots{grid-template-columns:auto}#hud.safe>#skills,#hud.dead>#skills,#hud.modal>#skills,#hud.typing>#skills{display:none}}@media (pointer:coarse) and (max-height:520px){#bottom{zoom:.7;bottom:calc(6px + var(--sb))}#console{margin:0 -14px;padding:0 34px}#slots{gap:10px}.rune,.vial,#menu button{width:48px;height:48px}#joy{width:96px;height:96px;left:calc(10px + env(safe-area-inset-left));bottom:calc(12px + var(--sb))}#atk-btn,#hud>#skills{width:76px;height:76px;right:calc(14px + env(safe-area-inset-right));bottom:calc(14px + var(--sb))}#hud>#skills{--r:106px}#hud>#skills .rune{width:40px;height:40px;margin:-20px 0 0 -20px}#bar{grid-template-columns:70px auto 70px}.orb{width:70px;height:70px}#chat{left:calc(118px + env(safe-area-inset-left));bottom:calc(90px + var(--sb));width:min(36vw,280px)}#chat-log{max-height:44px}#chat-log p,#chat-log p.sys{font-size:10px}#head-btns button{width:30px;height:30px}}#rotate-hint{display:none}@media (pointer:coarse) and (orientation:portrait){#rotate-hint{z-index:200;font:700 18px var(--title);letter-spacing:.08em;color:var(--ember);background:#0b0a0e;place-items:center;display:grid;position:fixed;inset:0}}