@font-face{font-family:"Jersey 15";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jersey-15-latin-400-normal-C8Nlw5JP.woff2)format("woff2"),url(/assets/jersey-15-latin-400-normal-4mtCZV7-.woff)format("woff")}@font-face{font-family:"Jersey 10";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jersey-10-latin-400-normal-DrL73VYW.woff2)format("woff2"),url(/assets/jersey-10-latin-400-normal-B8YT2i2g.woff)format("woff")}@font-face{font-family:Tiny5;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/tiny5-latin-400-normal-BsIaeAHC.woff2)format("woff2"),url(/assets/tiny5-latin-400-normal-DyAV0xrX.woff)format("woff")}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-latin-700-normal-Dkw14w9r.woff2)format("woff2"),url(/assets/cinzel-latin-700-normal-C-gK7hA8.woff)format("woff")}:root{--f-body:"Jersey 15", "Jersey 10", monospace;--f-num:"Jersey 10", "Jersey 15", monospace;--f-tiny:"Tiny5", "Jersey 10", monospace;--ink:#07091a;--bg0:#0a0d1f;--bg1:#121630;--bg2:#1a1f40;--bg3:#242a52;--edge:#3a4372;--edge-lo:#0c0f24;--gold-w:#fff3cc;--gold-hi:#f4dc9c;--gold:#ddb767;--gold-lo:#8a6a34;--cream:#f2ead6;--text:#e6e0f0;--dim:#9c99b4;--faint:#6b6e8c;--good:#8fd48a;--bad:#ef7563;--hp:#d8473a;--sp:#e9c45a;--blue:#79a3f2;--ui-zoom:1;--sh:0 2px 0 var(--ink);--ol:2px 0 0 var(--ink), -2px 0 0 var(--ink), 0 2px 0 var(--ink), 0 -2px 0 var(--ink), 2px 2px 0 var(--ink), -2px 2px 0 var(--ink), 2px -2px 0 var(--ink), -2px -2px 0 var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:#05060f;height:100%;margin:0;overflow:hidden}body{font:18px / 1.15 var(--f-body);color:var(--text);letter-spacing:.5px;-webkit-font-smoothing:none;text-rendering:optimizespeed;font-kerning:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior:none}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer}img,canvas,.px{image-rendering:pixelated;image-rendering:crisp-edges}canvas.px{display:block}#app{position:fixed;inset:0;overflow:hidden}[hidden]{display:none!important}.stage{z-index:0;isolation:isolate;position:absolute;inset:0}.stage canvas{touch-action:none;width:100%;height:100%;display:block}.ui-root{pointer-events:none;zoom:var(--ui-zoom);position:absolute;inset:0}#ui-screen{z-index:10}#ui-wins{z-index:40}#ui-top{z-index:80}.ui-root>*{pointer-events:auto}#ui-screen>.hud{pointer-events:none}.dim{color:var(--dim)}.good{color:var(--good)}.bad{color:var(--bad)}.scroll{scrollbar-width:thin;scrollbar-color:var(--edge) transparent;overflow-y:auto}.scroll::-webkit-scrollbar{width:8px}.scroll::-webkit-scrollbar-thumb{background:var(--edge);box-shadow:inset 0 0 0 2px var(--bg1)}.glyph{vertical-align:middle;flex:none;display:inline-block}.panel{box-shadow:0 0 0 2px var(--ink), inset 2px 2px 0 var(--edge), inset -2px -2px 0 var(--edge-lo), 0 6px 0 2px #03040c59;color:var(--text);text-shadow:var(--sh);background:linear-gradient(#1c2140f2,#11142af2)}.btn{min-height:32px;color:var(--cream);text-shadow:var(--sh);box-shadow:0 0 0 2px var(--ink), inset 2px 2px 0 #4a5590, inset -2px -2px 0 #161a38;background:linear-gradient(#2f3766,#232a52);border:0;justify-content:center;align-items:center;gap:6px;padding:3px 14px 5px;font-size:18px;display:inline-flex}.btn:hover:not(:disabled){background:linear-gradient(#3a4478,#2a3260)}.btn:active:not(:disabled){box-shadow:0 0 0 2px var(--ink), inset 2px 2px 0 #161a38, inset -2px -2px 0 #4a5590;padding-top:5px;padding-bottom:3px}.btn:disabled{opacity:.45;cursor:default}.btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.btn-primary{color:#1d1406;text-shadow:0 2px #fff0c859;box-shadow:0 0 0 2px var(--ink), inset 2px 2px 0 #f4dc9c, inset -2px -2px 0 #6e4f1f;background:linear-gradient(#c9a04e,#a67b33)}.btn-primary:hover:not(:disabled){background:linear-gradient(#d9b25e,#b6893b)}.btn-primary:active:not(:disabled){box-shadow:0 0 0 2px var(--ink), inset 2px 2px 0 #6e4f1f, inset -2px -2px 0 #f4dc9c}.btn-danger{box-shadow:0 0 0 2px var(--ink), inset 2px 2px 0 #c0544a, inset -2px -2px 0 #3e1012;background:linear-gradient(#8a2f2c,#6c2222)}.btn-danger:hover:not(:disabled){background:linear-gradient(#9c3832,#7a2828)}.btn-ghost{box-shadow:0 0 0 2px var(--edge);color:var(--dim);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--cream);background:#3a437259}.field{background:var(--bg0);width:100%;height:36px;color:var(--cream);box-shadow:0 0 0 2px var(--ink), inset 2px 2px 0 #05060f, inset -2px -2px 0 #262c52;-webkit-user-select:text;user-select:text;border:0;outline:none;padding:2px 10px 4px;font-size:18px}.field::placeholder{color:var(--faint)}.field:focus{box-shadow:0 0 0 2px var(--ink), inset 2px 2px 0 #05060f, inset -2px -2px 0 #262c52, 0 0 0 4px var(--gold-lo)}kbd.kc{min-width:18px;height:18px;font:8px / 1 var(--f-tiny);letter-spacing:0;text-transform:uppercase;color:var(--cream);text-shadow:none;box-shadow:0 0 0 2px var(--ink), inset 0 -2px 0 #171b3a;background:#2b3260;justify-content:center;align-items:center;padding:0 4px 1px;display:inline-flex}.tabs{gap:4px;display:flex}.tab{background:var(--bg1);height:32px;color:var(--dim);text-shadow:var(--sh);box-shadow:0 0 0 2px var(--ink), inset 0 -2px 0 #0c0f24;border:0;flex:1;font-size:18px}.tab:hover{color:var(--cream);background:var(--bg2)}.tab.on{color:var(--gold-hi);background:var(--bg3);box-shadow:0 0 0 2px var(--ink), inset 0 -2px 0 var(--gold)}.bar{height:16px;box-shadow:0 0 0 2px var(--ink);background:#1a0d14;position:relative;overflow:hidden}.bar-fill,.bar-ghost{display:block;position:absolute;top:0;bottom:0;left:0}.bar-ghost{background:#f2d0a0;transition:width .5s steps(8,end) .25s}.bar-fill{transition:width .12s steps(3,end)}.bar-hp .bar-fill{background:linear-gradient(#ff9a84 0 2px,#e04a3c 2px 10px,#a8302a 10px)}.bar-hp.low .bar-fill{animation:.8s steps(2,end) infinite low-pulse}@keyframes low-pulse{50%{filter:brightness(1.35)}}.bar-sp{background:#1a1708;height:6px}.bar-sp .bar-fill{background:linear-gradient(#fff0a8 0 2px,#d9b23c 2px);transition:none}.bar-sp .bar-ghost{display:none}.bar-text{font:18px / 1 var(--f-num);color:#fff;letter-spacing:1px;text-shadow:var(--ol);justify-content:center;align-items:center;padding-bottom:1px;display:flex;position:absolute;inset:0}.modal-scrim{pointer-events:auto;background:#05060f8c;place-items:center;display:grid;position:absolute;inset:0}.modal{width:380px;max-width:calc(100vw - 32px);padding:18px 20px}.modal-title{color:var(--gold-hi);margin-bottom:8px;font-size:27px}.modal-text p{color:var(--text);margin:0 0 6px}.modal-btns{justify-content:flex-end;gap:12px;margin-top:16px;display:flex}.screen{place-items:center;padding:16px;display:grid;position:absolute;inset:0}.backdrop-shade{pointer-events:none;background:radial-gradient(at 50% 55%,#05060f26,#05060fb3);position:absolute;inset:0}.backdrop-canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.loading-box{align-items:center;gap:12px;padding:12px 20px 14px;font-size:20px;display:flex}.spinner{background:var(--gold);width:12px;height:12px;box-shadow:0 0 0 2px var(--ink);animation:.8s steps(4,end) infinite spin-step}@keyframes spin-step{0%{transform:translate(0)}25%{transform:translate(6px)}50%{transform:translate(6px,6px)}75%{transform:translateY(6px)}}.form-row{gap:4px;margin-bottom:12px;display:grid}.form-label{color:var(--dim);font-size:16px}.form-err{min-height:20px;color:var(--bad);margin:-2px 0 8px;font-size:18px}.form-err:empty{min-height:0;margin:0}.form-info{color:var(--cream);background:#79a3f21f;margin:0 0 12px;padding:6px 10px 8px;box-shadow:inset 0 0 0 2px #79a3f259}.shake{animation:.3s steps(6,end) shake}@keyframes shake{20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}.auth{width:400px;max-width:100%;padding:22px 26px 18px}.auth-logo{justify-content:center;margin:2px 0;display:flex}.auth-tag{text-align:center;color:var(--dim);margin-bottom:18px}.auth .tabs{margin-bottom:18px}.auth-form .form-go{width:100%;height:40px;margin-top:4px;font-size:20px}.auth-foot{text-align:center;color:var(--faint);margin-top:14px;font-size:16px}.creator{width:860px;max-width:100%;height:min(600px, calc(100vh / var(--ui-zoom) - 32px));flex-direction:column;padding:0;display:flex}.cc-head{height:44px;box-shadow:inset 0 -2px 0 var(--ink);background:#242a5299;flex:none;align-items:center;gap:12px;padding:0 12px 0 18px;display:flex}.cc-title{color:var(--gold-hi);font-size:27px}.cc-who{text-align:right;color:var(--faint);flex:1;font-size:16px}.cc-out{min-height:28px;padding:1px 10px 3px;font-size:16px}.cc-body{flex:1;grid-template-columns:300px 1fr;min-height:0;display:grid}.cc-stage{box-shadow:inset -2px 0 0 var(--ink);background:#080a1859;flex-direction:column;padding:14px 18px 16px;display:flex}.cc-figure{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.cc-view{z-index:1;position:relative}.cc-turn{z-index:2;background:var(--bg1);width:30px;height:40px;box-shadow:0 0 0 2px var(--ink), inset 2px 2px 0 var(--edge);border:0;place-items:center;margin-top:-20px;display:grid;position:absolute;top:50%}.cc-turn:hover{background:var(--bg3)}.cc-turn.l{left:0}.cc-turn.r{right:0}.cc-ctls{gap:8px;margin:8px 0 14px;display:flex}.cc-ctl{background:var(--bg1);color:var(--dim);box-shadow:0 0 0 2px var(--ink), inset 2px 2px 0 #2a3058;border:0;flex:1;align-content:center;justify-items:center;gap:0;padding:4px 4px 6px;font-size:16px;display:grid}.cc-ctl:hover{background:var(--bg2);color:var(--cream)}.cc-val{color:var(--cream);font-size:18px}.cc-name-row{margin-bottom:6px}.cc-create{width:100%;height:40px;font-size:20px}.cc-right{flex-direction:column;min-height:0;padding:14px 16px 0;display:flex}.cc-opts{flex:1;min-height:0;margin-top:12px;padding:0 6px 14px 2px}.cc-sec{margin-bottom:14px}.cc-sec.muted .cc-sec-head{color:var(--faint)}.cc-sec-head{color:var(--gold);justify-content:space-between;align-items:baseline;margin-bottom:8px;padding-bottom:3px;display:flex;box-shadow:0 2px #3a437299}.cc-sec-val{color:var(--dim);font-size:16px}.cc-tiles{flex-wrap:wrap;gap:8px;padding:2px;display:flex}.cc-tile{box-shadow:0 0 0 2px var(--ink), inset 0 0 0 2px #232a50;background:#0d1028;border:0;place-items:center;padding:2px;display:grid;position:relative}.cc-tile.sq{width:52px;height:52px}.cc-tile.tall{width:56px;height:64px}.cc-tile:hover{box-shadow:0 0 0 2px var(--ink), inset 0 0 0 2px #6c6aa0;background:#171c3c}.cc-tile.sel{box-shadow:0 0 0 2px var(--ink), inset 0 0 0 2px var(--gold);background:#262c56}.cc-none{color:var(--dim);font-size:16px}.cc-swatches{flex-wrap:wrap;gap:8px;padding:2px;display:flex}.cc-sw{width:28px;height:28px;box-shadow:0 0 0 2px var(--ink), inset 0 0 0 2px #232a50;background:#0d1028;border:0;padding:4px}.cc-sw i{width:100%;height:100%;display:block;box-shadow:inset 0 0 0 2px #00000059}.cc-sw i.loading{background:repeating-linear-gradient(45deg,#1b2040 0 4px,#232a50 4px 8px)}.cc-sw:hover{box-shadow:0 0 0 2px var(--ink), inset 0 0 0 2px #6c6aa0}.cc-sw.sel{box-shadow:0 0 0 2px var(--ink), inset 0 0 0 2px var(--gold)}.cc-note{color:var(--faint);font-size:16px}.cc-note:empty{display:none}.hud{transition:opacity .35s steps(5,end);position:absolute;inset:0}.hud>*{pointer-events:auto}body.talking .hud{opacity:0;pointer-events:none!important}body.talking .hud *{pointer-events:none!important}body.talking #ui-wins{opacity:0;pointer-events:none;transition:opacity .35s steps(5,end)}body.talking .overlay .tag .name{opacity:0}.hud .hud-tl,.hud .hud-tr,.hud .hud-bc,.hud .hud-br,.hud .hud-tc{pointer-events:none}.hud .hud-tl>*,.hud .hud-tr>*,.hud .hud-bc>*,.hud .hud-br>*,.hud .hud-tc>*{pointer-events:auto}.hud-tl{align-items:flex-start;gap:14px;display:flex;position:absolute;top:14px;left:14px}.uf{gap:10px;padding:8px 10px 10px;display:flex}.uf-player{width:268px}.uf-target{width:240px}.uf-portrait{width:40px;height:40px;box-shadow:0 0 0 2px var(--ink), inset 0 0 0 2px #2a3158;background:#0b0e22;flex:none;place-items:center;display:grid;overflow:hidden}.uf-main{flex:1;align-content:start;gap:6px;min-width:0;display:grid}.uf-name{color:var(--cream);white-space:nowrap;text-overflow:ellipsis;font-size:20px;line-height:18px;overflow:hidden}.uf-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.uf-tag{font:8px / 1 var(--f-tiny);text-transform:uppercase;color:#1d1406;background:var(--gold);box-shadow:0 0 0 2px var(--ink);text-shadow:none;padding:3px 5px 4px}.uf-target .uf-name{color:#f58c74}.uf-target.boss{width:360px}.uf-target.boss .uf-name{color:#ff9a6a}.uf-target.boss .uf-tag{color:#fff;background:#e05a3a}.uf-player.down{filter:saturate(.3)}.boss-marks{pointer-events:none;position:absolute;inset:0}.boss-marks i{background:#07091ad9;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.uf-pips{color:var(--dim);align-items:center;gap:4px;font-size:16px;display:flex}.uf-pips span{margin-right:4px}.uf-pips i{width:10px;height:10px;box-shadow:0 0 0 2px var(--ink);background:#2a1a20}.uf-pips i.on{background:#e0703a}.hud-tr{flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:absolute;top:14px;right:14px}.mm{cursor:pointer;width:172px;padding:6px 8px 8px}.mm-name{text-align:center;color:var(--gold-hi);white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:18px;line-height:18px;overflow:hidden}.mm-view{background:var(--bg0);width:156px;height:156px;box-shadow:0 0 0 2px var(--ink), inset 0 0 0 2px #2a3158;padding:6px;position:relative}.mm-canvas{width:144px;height:144px}.mm-n{font:8px / 1 var(--f-tiny);color:var(--gold-hi);text-shadow:var(--ol);padding-top:2px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.mm:hover .mm-view{box-shadow:0 0 0 2px var(--ink), inset 0 0 0 2px #6c6aa0}.tracker{width:250px;text-shadow:var(--ol);gap:4px;padding:6px 2px 0;display:grid}.tk-head{color:var(--gold);justify-content:flex-end;align-items:center;gap:6px;padding-right:2px;font-size:16px;display:flex}.tk-q{text-align:right;color:inherit;text-shadow:var(--ol);background:0 0;border:0;justify-items:end;gap:1px;padding:2px 2px 4px;display:grid}.tk-q:hover{background:#1216308c}.tk-name{color:var(--gold-hi);font-size:18px}.tk-step{color:var(--cream);align-items:center;gap:6px;font-size:18px;display:flex}.tk-q.ready .tk-step{color:var(--good)}.hud-tc{pointer-events:none;justify-items:center;gap:8px;width:520px;display:grid;position:absolute;top:14px;left:50%;transform:translate(-50%)}.pill{box-shadow:0 0 0 2px var(--ink), inset 0 0 0 2px #a0453c;color:#ffd8cc;background:#3c1416eb;align-items:center;gap:8px;padding:4px 14px 6px;font-size:18px;display:flex}.pill-dot{width:8px;height:8px;box-shadow:0 0 0 2px var(--ink);background:#ff8a6a;animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.2}}.toasts{justify-items:center;gap:6px;display:grid}.toast{box-shadow:0 0 0 2px var(--ink), inset 0 0 0 2px #2c3360;color:var(--cream);background:#0e1124e0;align-items:center;gap:8px;padding:4px 14px 6px;font-size:18px;animation:.2s steps(3,end) toast-in;display:flex}.toast.error{color:#ffc6b8;box-shadow:0 0 0 2px var(--ink), inset 0 0 0 2px #7a2c2a}.toast.quest{color:var(--gold-hi);box-shadow:0 0 0 2px var(--ink), inset 0 0 0 2px var(--gold-lo)}.toast.gold{color:var(--gold-hi)}.toast.out{opacity:0;transition:opacity .4s steps(4,end)}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}}.hud-bc{justify-items:center;gap:10px;display:grid;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.prompt{box-shadow:0 0 0 2px var(--ink), inset 0 0 0 2px #2c3360;cursor:pointer;background:#0e1124e6;align-items:center;gap:8px;padding:5px 14px 7px 8px;display:flex;position:relative}.pr-key{width:24px;height:24px;font:16px / 1 var(--f-tiny);color:#1d1406;background:var(--gold);box-shadow:0 0 0 2px var(--ink), inset 0 -2px 0 var(--gold-lo);text-shadow:none;place-items:center;display:grid}.pr-body{align-items:baseline;gap:8px;display:flex}.pr-text{color:var(--cream);font-size:20px}.pr-sub{color:var(--dim);font-size:16px}.prompt.dim{cursor:default}.prompt.dim .pr-text{color:var(--dim)}.pr-prog{background:#0b0e20;height:4px;display:none;position:absolute;bottom:4px;left:4px;right:4px}.prompt.progress .pr-prog{display:block}.pr-fill{background:var(--good);width:0;height:100%;display:block}.cast{width:280px;padding:6px 8px}.cast-track{height:12px;box-shadow:0 0 0 2px var(--ink);background:#0b0e20}.cast-fill{background:linear-gradient(#fff0b8 0 2px,#e2b44a 2px 8px,#a8802c 8px);width:0;height:100%;display:block}.cast-row{justify-content:space-between;margin-top:4px;font-size:18px;display:flex}.cast-time{font-family:var(--f-num);color:var(--dim)}.actionbar{align-items:center;gap:8px;padding:8px 10px;display:flex}.ab-gap{width:6px}.ab-slot{width:52px;height:52px;box-shadow:0 0 0 2px var(--ink), inset 0 0 0 2px #2a3158;background:#0b0e22;border:0;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.ab-slot:hover{box-shadow:0 0 0 2px var(--ink), inset 0 0 0 2px #8f7b4a}.ab-icon{place-items:center;width:48px;height:48px;display:grid}.ab-cd{pointer-events:none;background:#050610b8;height:0;position:absolute;top:2px;left:2px;right:2px}.ab-cdn{font:22px / 1 var(--f-num);color:#fff;text-shadow:var(--ol);pointer-events:none;place-items:center;font-weight:400;display:grid;position:absolute;inset:0}.ab-count{font:18px / 1 var(--f-num);color:#fff;text-shadow:var(--ol);pointer-events:none;position:absolute;bottom:2px;right:4px}.ab-key{min-width:14px;height:14px;padding:0 3px;font-size:8px;position:absolute;top:3px;left:3px}.ab-slot.empty .ab-icon{opacity:.25}.ab-slot.empty{background:#0a0c1c}.ab-slot.dim .ab-icon{opacity:.45}.ab-slot.press{box-shadow:0 0 0 2px var(--ink), inset 0 0 0 2px var(--gold-hi)}.ab-slot.fail{box-shadow:0 0 0 2px var(--ink), inset 0 0 0 2px #a0453c;animation:.3s steps(6,end) shake}.chat{gap:6px;width:380px;display:grid;position:absolute;bottom:14px;left:14px}.chat-log{scrollbar-width:none;max-height:176px;text-shadow:var(--ol);background:#080a1800;align-content:end;gap:2px;padding:6px 8px;transition:background .3s steps(3,end);display:grid;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 24px);mask-image:linear-gradient(#0000 0,#000 24px)}.chat-log::-webkit-scrollbar{display:none}.chat.fresh .chat-log,.chat.typing .chat-log,.chat:hover .chat-log{background:#080a188c}.chat-line{color:var(--cream);word-wrap:break-word;font-size:18px;line-height:20px}.chat-line .who{color:var(--blue)}.chat-line.me .who{color:var(--gold-hi)}.chat-line.sys{color:var(--dim)}.chat-line.loot{color:#a8e0a0}.chat-line.quest{color:var(--gold-hi)}.chat-entry{opacity:.85}.chat-input{width:100%;height:32px;color:var(--cream);-webkit-user-select:text;user-select:text;background:#080a188c;border:0;outline:none;padding:2px 10px 4px;font-size:18px;box-shadow:0 0 0 2px #07091ab3}.chat-input::placeholder{color:var(--faint)}.chat.typing .chat-entry{opacity:1}.chat.typing .chat-input{box-shadow:0 0 0 2px var(--ink), inset 0 0 0 2px var(--gold-lo);background:#080a18eb}.hud-br{justify-items:end;gap:10px;display:grid;position:absolute;bottom:14px;right:14px}.micro{gap:6px;padding:6px;display:flex}.mb{width:40px;height:40px;box-shadow:0 0 0 2px var(--ink), inset 2px 2px 0 #343c6c, inset -2px -2px 0 #0c0f24;background:#151a38;border:0;place-items:center;padding:0;display:grid;position:relative}.mb:hover{background:#20264c}.mb.on{box-shadow:0 0 0 2px var(--ink), inset 0 0 0 2px var(--gold);background:#2c3462}.mb-key{min-width:14px;height:14px;padding:0 3px;font-size:8px;position:absolute;bottom:-4px;right:-4px}.hud-gold{font:22px / 1 var(--f-num);color:var(--gold-hi);text-shadow:var(--ol);align-items:center;gap:6px;padding:2px 6px;display:flex}.hud-gold b{font-weight:400}.feed{justify-items:end;gap:4px;display:grid}.feed-row{color:var(--cream);background:#080a18b3;align-items:center;gap:8px;padding:2px 10px 2px 4px;font-size:18px;animation:.25s steps(3,end) feed-in;display:flex;box-shadow:0 0 0 2px #07091acc}.feed-row.r-uncommon span{color:#7fe08a}.feed-row.r-rare span{color:#6fb6ff}.feed-row.gold span{color:var(--gold-hi)}.feed-row.out{opacity:0;transition:opacity .5s steps(4,end)}@keyframes feed-in{0%{opacity:0;transform:translate(12px)}}.banner{pointer-events:none;text-shadow:var(--ol), 0 4px 0 var(--ink);justify-items:center;gap:4px;animation:.4s steps(4,end) banner-in;display:grid;position:absolute;top:22%;left:0;right:0}.banner.out{opacity:0;transition:opacity .5s steps(5,end)}.bn-title{color:var(--gold-hi);letter-spacing:2px;font-size:54px;line-height:50px}.bn-sub{color:var(--cream);font-size:20px}.b-boss .bn-title{color:#ff9a6a}.b-quest .bn-title{font-size:40px;line-height:40px}@keyframes banner-in{0%{opacity:0;transform:translateY(8px)}}.downed{pointer-events:none;text-shadow:var(--ol), 0 4px 0 var(--ink);justify-items:center;gap:8px;display:grid;position:absolute;top:34%;left:0;right:0}.dn-title{color:#f58c74;font-size:54px;line-height:50px}.dn-sub{color:var(--cream);font-size:20px}.fade{opacity:0;pointer-events:none;background:#05060f;transition:opacity .4s linear;position:absolute;inset:0}.fade.on{opacity:1}.wnd{min-width:200px;max-height:calc(100vh / var(--ui-zoom) - 24px);flex-direction:column;display:flex;position:absolute}.wnd.dragging{opacity:.92}.wnd-head{cursor:grab;height:32px;box-shadow:inset 2px 2px 0 #46508a, inset 0 -2px 0 var(--ink);touch-action:none;background:linear-gradient(#2a3160,#1f2550);flex:none;align-items:center;gap:8px;padding:0 4px 0 12px;display:flex}.wnd.dragging .wnd-head{cursor:grabbing}.wnd-title{color:var(--gold-hi);white-space:nowrap;text-overflow:ellipsis;flex:1;padding-bottom:2px;font-size:20px;overflow:hidden}.wnd-key{opacity:.75}.wnd-x{background:0 0;border:0;place-items:center;width:26px;height:24px;padding:0;display:grid}.wnd-x:hover{box-shadow:0 0 0 2px var(--ink);background:#8a2f2c}.wnd-body{min-height:0;padding:12px;overflow:auto}.col-head{color:var(--gold);justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.col-note{color:var(--faint);margin-top:8px;font-size:16px}.cw-sec,.qd-sec{color:var(--gold);margin:12px 0 6px;padding-bottom:3px;box-shadow:0 2px #3a437299}.inv-grid{grid-template-columns:repeat(var(--cols,6), 40px);gap:4px;display:grid}.islot{background:#0a0d1f;place-items:center;width:40px;height:40px;display:grid;position:relative;box-shadow:inset 0 0 0 2px #232a4e}.islot .slot-icon{grid-area:1/1}.islot.filled{cursor:pointer}.islot[data-rarity=uncommon]{box-shadow:inset 0 0 0 2px #2e5a3c}.islot[data-rarity=rare]{box-shadow:inset 0 0 0 2px #2c4c80}.islot[data-rarity=epic]{box-shadow:inset 0 0 0 2px #5a3a86}.islot:hover{background:#151a36;box-shadow:inset 0 0 0 2px #8f7b4a}.islot.drop-ok{box-shadow:inset 0 0 0 2px var(--gold-hi);background:#26304e}.islot.drag-src .slot-icon{opacity:.3}.slot-n{font:18px / 1 var(--f-num);color:#fff;text-shadow:var(--ol);pointer-events:none;position:absolute;bottom:1px;right:3px}.slot-n:empty{display:none}.drag-ghost{z-index:10;filter:drop-shadow(0 4px #00000080);place-items:center;width:40px;height:40px;display:grid;position:absolute;pointer-events:none!important}body.is-dragging,body.is-dragging *{cursor:grabbing!important}.purse{justify-content:space-between;align-items:center;margin-top:10px;padding-top:8px;display:flex;box-shadow:0 -2px #3a437280}.inv-free{font:18px / 1 var(--f-num);color:var(--dim)}.inv-free.full{color:var(--bad)}.gold{font:20px / 1 var(--f-num);color:var(--gold-hi);align-items:center;gap:6px;display:flex}.gold b{font-weight:400}.tip{z-index:30;gap:3px;width:max-content;max-width:280px;padding:8px 12px 10px;display:grid;position:absolute;pointer-events:none!important}.tip-name{font-size:20px;line-height:20px}.tip-n{color:var(--dim)}.tip-sub{color:var(--dim);justify-content:space-between;gap:16px;font-size:16px;display:flex}.tip-slot,.tip-stat{color:var(--cream)}.tip-line{color:var(--text);font-size:16px;line-height:18px}.tip-set{color:var(--gold-hi);font-size:16px;line-height:18px}.tip-desc{color:var(--dim);margin-top:2px;font-size:16px;line-height:18px}.tip-tag{color:var(--good);font-size:16px}.tip-price{color:var(--dim);align-items:center;gap:5px;margin-top:2px;font-size:16px;display:flex}.tip-price b{color:var(--gold-hi);font:18px / 1 var(--f-num)}.tip-hint{color:var(--blue);font-size:16px}.ab-tip{max-width:260px}.cw{grid-template-columns:236px 236px;column-gap:18px;display:grid}.cw-right .cw-sec:first-child{margin-top:0}.cw-bottom{grid-column:1/-1}.cw-name{text-align:center;color:var(--cream);margin-bottom:8px;font-size:22px}.doll{justify-content:center;align-items:center;gap:8px;display:flex}.doll-col{gap:8px;display:grid}.doll-fig{width:136px;height:160px;box-shadow:0 0 0 2px var(--ink), inset 0 0 0 2px #232a4e;background:radial-gradient(at 50% 85%,#79a3f224,#0000 60%),#0b0e22;place-items:center;display:grid}.gear-slot{width:48px;height:48px}.gs-empty{color:var(--faint);grid-area:1/1;font-size:14px}.gear-slot.filled .gs-empty{display:none}.stat{grid-template-columns:1fr auto;column-gap:8px;padding:1px 0;display:grid}.stat-k{color:var(--dim)}.stat-v{font:20px / 1 var(--f-num);color:var(--cream);text-align:right}.stat-note{color:var(--faint);grid-column:1/-1;margin-top:-2px;font-size:14px}.set-row{color:var(--faint);grid-template-rows:auto auto;grid-template-columns:1fr auto auto;align-items:center;column-gap:8px;padding:3px 0;display:grid}.set-row.some{color:var(--dim)}.set-row.on{color:var(--gold-hi)}.set-pips{gap:3px;display:flex}.set-pips i{width:8px;height:8px;box-shadow:0 0 0 2px var(--ink);background:#1b2040}.set-pips i.on{background:var(--gold)}.set-n{font:18px / 1 var(--f-num);text-align:right;min-width:24px}.set-fx{color:inherit;opacity:.85;grid-column:1/-1;font-size:14px}.set-row:not(.on) .set-fx{opacity:.7}.cw-combo{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cw-skills{gap:4px;margin-top:6px;display:grid}.cw-skill{grid-template-columns:24px 1fr auto;align-items:center;gap:8px;display:grid}.cw-skill canvas{width:24px;height:24px}.cw-none{margin-top:6px;font-size:16px}.wnd-wide .wnd-body{padding:12px 14px 14px}.ql{grid-template-columns:220px 340px;gap:14px;height:380px;display:grid}.ql-list{align-content:start;gap:2px;padding-right:4px;display:grid}.ql-head{color:var(--gold);margin:6px 0 4px;font-size:16px}.ql-head:first-child{margin-top:0}.ql-row{text-align:left;color:var(--cream);background:0 0;border:0;justify-content:space-between;align-items:center;gap:6px;padding:3px 8px 5px;display:flex}.ql-row:hover{background:#3a437259}.ql-row.sel{background:var(--bg3);box-shadow:inset 2px 0 0 var(--gold)}.ql-row.done{color:var(--dim)}.ql-ready{color:var(--good);font-size:14px}.ql-empty{color:var(--faint);padding:4px 8px;font-size:16px}.ql-detail{padding:2px 6px 0 14px;box-shadow:inset 2px 0 #3a437280}.qd-title{color:var(--gold-hi);font-size:27px;line-height:26px}.qd-from{color:var(--dim);margin-top:2px;font-size:16px}.qd-sum{color:var(--text);margin:10px 0 0;line-height:20px}.qd-steps{gap:4px;display:grid}.qs{align-items:center;gap:8px;display:flex}.qs.done{color:var(--dim)}.qs.cur{color:var(--cream)}.qs.todo{color:var(--faint)}.qs-dot{background:#2a3158;width:6px;height:6px;margin:0 2px}.qd-rewards{flex-wrap:wrap;gap:10px;display:flex}.qr{background:#0b0e22;align-items:center;gap:6px;padding:2px 10px 2px 2px;display:flex;box-shadow:inset 0 0 0 2px #232a4e}.qr-coin{place-items:center;width:32px;height:32px;display:grid}.qd-foot{margin-top:18px}.bank,.shop{gap:18px;display:flex}.bank-col,.shop-col{flex-direction:column;display:flex}.shop-col{width:300px}.wares{gap:6px;display:grid}.ware{background:#0b0e22;grid-template-columns:40px 1fr auto auto;align-items:center;gap:10px;padding:4px 6px 4px 4px;display:grid;box-shadow:inset 0 0 0 2px #232a4e}.ware-icon{background:#0a0d1f;place-items:center;width:40px;height:40px;display:grid}.ware-name{line-height:18px;display:grid}.ware-name small{color:var(--dim);font-size:14px}.ware-price{font:20px / 1 var(--f-num);color:var(--gold-hi);align-items:center;gap:4px;display:flex}.ware-price b{font-weight:400}.ware .btn{min-height:28px;padding:1px 12px 3px}.cr{grid-template-columns:230px 330px;gap:14px;height:400px;display:grid}.cr-list{align-content:start;gap:2px;padding-right:4px;display:grid}.cr-group{color:var(--gold);margin:8px 0 2px;font-size:16px}.cr-group:first-child{margin-top:0}.cr-row{text-align:left;color:var(--faint);background:0 0;border:0;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;padding:2px 8px 2px 2px;display:grid}.cr-row:hover{background:#3a437259}.cr-row.sel{background:var(--bg3);box-shadow:inset 2px 0 0 var(--gold)}.cr-row.no canvas{opacity:.5}.cr-detail{flex-direction:column;padding:2px 4px 0 14px;display:flex;box-shadow:inset 2px 0 #3a437280}.cr-head{align-items:center;gap:12px;display:flex}.cr-big{background:#0a0d1f;place-items:center;width:48px;height:48px;display:grid;box-shadow:inset 0 0 0 2px #2c4c80}.cr-title{font-size:24px;line-height:22px}.cr-sub{color:var(--dim);font-size:16px}.cr-stats{color:var(--cream);gap:14px;margin-top:10px;display:flex}.cr-desc{color:var(--dim);margin:6px 0 0;font-size:16px}.cr-inputs{gap:4px;display:grid}.cr-in{grid-template-columns:32px 1fr auto;align-items:center;gap:8px;display:grid}.cr-in-n{font:20px / 1 var(--f-num);color:var(--dim)}.cr-in.ok .cr-in-n b{color:var(--good);font-weight:400}.cr-in.no .cr-in-n b{color:var(--bad);font-weight:400}.cr-in.no .cr-in-name{color:var(--dim)}.cr-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:12px;display:flex}.cr-why{color:var(--faint);font-size:16px}.cr-foot .btn{min-width:110px}.wm{gap:10px;display:grid}.wm-frame{background:var(--bg0);box-shadow:0 0 0 2px var(--ink), inset 0 0 0 2px #2a3158;justify-self:center;padding:4px;position:relative}.wm-hover{box-shadow:0 0 0 2px var(--ink);white-space:nowrap;pointer-events:none;background:#080a18eb;margin-top:4px;margin-left:4px;padding:1px 8px 3px;font-size:16px;position:absolute;transform:translate(-50%,-100%)}.wm-legend{color:var(--dim);grid-template-columns:repeat(4,auto);justify-content:center;gap:4px 18px;font-size:16px;display:grid}.wm-key{align-items:center;gap:6px;display:flex}.wm-key canvas{width:18px;height:18px}.wm-route{flex-wrap:wrap;align-items:center;gap:6px;font-size:16px;display:flex}.wm-stop{color:var(--dim);padding:1px 8px 3px;box-shadow:inset 0 0 0 2px #232a4e}.wm-stop.here{color:#1d1406;background:var(--gold);box-shadow:0 0 0 2px var(--ink);text-shadow:none}.wm-road{background:var(--edge);width:14px;height:2px}.settings{width:340px}.settings .cw-sec:first-child{margin-top:0}.set-row{display:grid}label.set-row{color:var(--text);cursor:pointer;grid-template-columns:110px 1fr 48px;align-items:center;gap:10px;padding:4px 0}.set-k{color:var(--text)}.set-val{font:18px / 1 var(--f-num);color:var(--dim);text-align:right}.set-row input[type=range]{appearance:none;height:8px;box-shadow:0 0 0 2px var(--ink);background:#0a0d1f;outline:none}.set-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--gold);width:12px;height:18px;box-shadow:0 0 0 2px var(--ink), inset 0 -2px 0 var(--gold-lo);cursor:pointer}.set-row input[type=range]::-moz-range-thumb{background:var(--gold);border:0;border-radius:0;width:12px;height:18px}label.set-check{grid-template-columns:1fr 22px}.set-check input{opacity:0;pointer-events:none;position:absolute}.check-box{width:22px;height:22px;box-shadow:0 0 0 2px var(--ink), inset 0 0 0 2px #2a3158;background:#0a0d1f}.set-check input:checked+.check-box{background:var(--gold);box-shadow:0 0 0 2px var(--ink), inset 0 0 0 4px #0a0d1f}.set-check:hover .check-box{box-shadow:0 0 0 2px var(--ink), inset 0 0 0 2px #8f7b4a}.controls{grid-template-columns:1fr 1fr;gap:6px 12px;display:grid}.ctl{align-items:center;gap:8px;font-size:16px;display:flex}.ctl-keys{flex:none;gap:4px;display:flex}.ctl-what{color:var(--dim)}.acct{justify-content:space-between;align-items:center;gap:12px;display:flex}.acct-who{min-width:0;font-size:16px;display:grid}.acct-who b{color:var(--cream);white-space:nowrap;text-overflow:ellipsis;font-weight:400;overflow:hidden}.dlg-wrap{pointer-events:none;opacity:0;justify-content:center;transition:opacity .3s steps(4,end),transform .3s steps(4,end);display:flex;position:absolute;bottom:28px;left:0;right:0;transform:translateY(16px)}.dlg-wrap.in{opacity:1;transform:none}.dlg{width:720px;max-width:calc(100vw / var(--ui-zoom) - 32px);pointer-events:auto;cursor:pointer;background:linear-gradient(#141832f5,#0c0e20f7);min-height:150px;padding:26px 26px 18px;position:relative}.dlg-name{color:#1d1406;background:var(--gold);box-shadow:0 0 0 2px var(--ink), inset 2px 2px 0 var(--gold-hi), inset -2px -2px 0 var(--gold-lo);text-shadow:0 2px #fff0c866;padding:3px 14px 5px;font-size:22px;position:absolute;top:-18px;left:18px}.dlg-body{min-height:64px;position:relative}.dlg-text{color:var(--cream);white-space:pre-wrap;font-size:22px;line-height:26px}.dlg-dots{color:var(--dim);animation:1s steps(2,end) infinite blink}.dlg-more{animation:.8s steps(2,end) infinite bob;position:absolute;bottom:-6px;right:0}@keyframes bob{50%{transform:translateY(3px)}}.dlg-opts{gap:6px;margin-top:12px;display:grid}.dlg-opts:empty{display:none}.dlg-opt{text-align:left;color:var(--cream);background:#242a528c;border:0;align-items:center;gap:10px;padding:4px 12px 6px 8px;font-size:20px;display:flex;box-shadow:inset 0 0 0 2px #2a3158}.dlg-opt:hover{background:#3a4372b3}.dlg-opt.focus{box-shadow:inset 0 0 0 2px var(--gold);color:var(--gold-w);background:#2c3462}.ui-phone .chat{width:280px}.ui-phone .hud-tr .tracker{display:none}.overlay{pointer-events:none;position:absolute;inset:0;overflow:hidden}.showcase{pointer-events:none}.showcase .stick{display:none!important}.tag{pointer-events:none;width:0;height:0;position:absolute;top:0;left:0}.tag .name{white-space:nowrap;letter-spacing:1px;color:var(--cream,#f2ead6);text-shadow:1px 0 #07091a,-1px 0 #07091a,0 1px #07091a,0 -1px #07091a,1px 1px #07091a,-1px 1px #07091a,1px -1px #07091a,-1px -1px #07091a,0 2px #07091a;font:18px/1 "Jersey 15",monospace;transition:opacity .2s steps(3,end);position:absolute;bottom:2px;left:0;transform:translate(-50%)}.tag.me .name{color:#f4dc9c}.tag.npc .name{color:#f0a24c}.tag.mob .name{color:#f58c74}.tag .bubble{color:#f2ead6;text-shadow:0 2px #07091a;word-wrap:break-word;opacity:0;transform-origin:50% 100%;background:linear-gradient(#1f264af5,#141934f5);width:max-content;max-width:240px;padding:5px 10px 7px;font:18px/20px "Jersey 15",monospace;position:absolute;bottom:30px;left:0;transform:translate(-50%);box-shadow:inset 0 0 0 2px #07091a,0 0 0 2px #ddb767,0 0 0 4px #07091a}.tag .bubble:before,.tag .bubble:after{content:"";clip-path:polygon(0 0,100% 0,50% 100%);position:absolute;left:50%}.tag .bubble:before{background:#07091a;width:16px;height:10px;margin-left:-8px;bottom:-12px}.tag .bubble:after{background:#ddb767;width:10px;height:6px;margin-left:-5px;bottom:-8px}.tag .bubble.show{animation:.2s steps(3,end) forwards bubble-in}.tag .bubble.show~.name{z-index:1}@keyframes bubble-in{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%)}}.tag .emote{opacity:0;position:absolute;bottom:30px;left:0;transform:translate(-50%,6px)}.tag .emote img,.tag .emote canvas{width:32px;height:auto;image-rendering:pixelated;filter:drop-shadow(0 2px #07091ab3);display:block}.tag .emote.show{animation:2.6s steps(26,end) forwards emote-pop}.tag:has(.bubble.show) .emote{bottom:76px}@keyframes emote-pop{0%{opacity:0;transform:translate(-50%,6px)}8%{opacity:1;transform:translate(-50%,-4px)}14%{transform:translate(-50%)}86%{opacity:1;transform:translate(-50%,-2px)}to{opacity:0;transform:translate(-50%,-8px)}}.mob-hp{pointer-events:none;background:#1a0a12;width:52px;height:6px;position:absolute;transform:translate(-50%);box-shadow:0 0 0 2px #07091a}.mob-hp>i{background:linear-gradient(#f59a84 0 2px,#d8463b 2px 4px,#a8302a 4px);transition:width .15s steps(3,end);display:block;position:absolute;top:0;bottom:0;left:0}.mob-hp.elite{width:76px;height:8px;box-shadow:0 0 0 2px #07091a,0 0 0 4px #ddb767,0 0 0 6px #07091a}.mob-hp.elite>i{background:linear-gradient(#ffc28a 0 2px,#e0703a 2px 6px,#a8401f 6px)}.dmg{pointer-events:none;white-space:nowrap;z-index:5;letter-spacing:1px;color:#f2ead6;text-shadow:2px 0 #07091a,-2px 0 #07091a,0 2px #07091a,0 -2px #07091a,2px 2px #07091a,-2px 2px #07091a,2px -2px #07091a,-2px -2px #07091a,0 4px #07091a;font:28px/1 "Jersey 10",monospace;animation:1.1s steps(11,end) both dmg-float;position:absolute;top:0;left:0}.dmg.crit{color:#f5a142;font-size:40px;animation-name:dmg-crit}.dmg.crit:after{content:"!"}.dmg.hurt{color:#f58c74}.dmg.heal{color:#9ad48a}.dmg.mp{color:#9cc2ff}.dmg.xp{color:#f4dc9c;font-size:20px}.dmg.gold{color:#ddb767;font-size:20px}.dmg.info{letter-spacing:1px;color:#f2ead6;font:20px/1 "Jersey 15",monospace}.dmg.miss{color:#a29fb6;font:20px/1 "Jersey 15",monospace}@keyframes dmg-float{0%{opacity:0;translate:-50% -60%}9%{opacity:1;translate:-50% -110%}18%{translate:-50% -100%}72%{opacity:1;translate:-50% -190%}82%{opacity:.66}91%{opacity:.33}to{opacity:0;translate:-50% -210%}}@keyframes dmg-crit{0%{opacity:0;font-size:56px;translate:-50% -60%}9%{opacity:1;font-size:56px;translate:-50% -110%}18%{font-size:40px;translate:-50% -100%}72%{opacity:1;translate:-50% -170%}82%{opacity:.66}91%{opacity:.33}to{opacity:0;translate:-50% -185%}}.stick{pointer-events:auto;touch-action:none;z-index:4;background:radial-gradient(circle,#0c0f2247 0 56%,#0c0f2294 57% 100%);border-radius:50%;width:136px;height:136px;position:absolute;bottom:26px;left:26px;box-shadow:inset 0 0 0 2px #07091a,inset 0 0 0 4px #ddb767cc,inset 0 0 0 6px #07091a,0 0 0 2px #07091a99}.stick:before{content:"";border-radius:50%;position:absolute;inset:26px;box-shadow:inset 0 0 0 2px #ddb76747}.stick .knob{background:radial-gradient(circle,#4a74d6 0 5px,#07091a 5px 7px,#0000 7px),radial-gradient(circle at 45% 38%,#36427a,#161c3a 70%);border-radius:50%;width:58px;height:58px;margin:-29px 0 0 -29px;position:absolute;top:50%;left:50%;box-shadow:inset 0 0 0 2px #07091a,inset 0 0 0 4px #ddb767,inset 0 0 0 6px #07091a,0 4px #07091a99}@media not (pointer:coarse){.stick{display:none}}body.hide-names .tag:not(.me):not(.mob) .name{opacity:0}.showcase .tag .name,.showcase .tag .bubble{display:none}