@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;--fs-head:54px;--fs-name:27px;--fs-body:27px;--fs-line:18px;--fs-small:16px;--ink:#07091a;--ink2:#0c1024;--navy0:#10142c;--navy1:#161c3a;--navy2:#1d2448;--navy3:#273060;--navy4:#36427a;--gold-w:#fff3cc;--gold-hi:#f4dc9c;--gold:#ddb767;--gold-mid:#b98f4a;--gold-lo:#7f5f2c;--cream:#f2ead6;--dim:#a29fb6;--faint:#6b6e8c;--orange:#f0a24c;--ruby:#d8473a;--ruby-hi:#f58c74;--sapphire:#79a3f2;--good:#9ad48a;--bad:#ee7a66;--r-common:#e8e4f0;--r-uncommon:#7fe08a;--r-rare:#6fb6ff;--r-epic:#c88cff;--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);--ol1:1px 0 0 var(--ink), -1px 0 0 var(--ink), 0 1px 0 var(--ink), 0 -1px 0 var(--ink), 1px 1px 0 var(--ink), -1px 1px 0 var(--ink), 1px -1px 0 var(--ink), -1px -1px 0 var(--ink);--glass:linear-gradient(180deg, #1e254af5, #141934f5);--rule:repeating-linear-gradient(90deg, var(--gold-lo) 0 2px, transparent 2px 6px);--ui-zoom:1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:#05060f;height:100%;margin:0;overflow:hidden}body{font:var(--fs-line) / 1.15 var(--f-body);color:var(--cream);-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}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)}.glyph{vertical-align:middle;flex:none;display:inline-block}.scroll{scrollbar-width:thin;scrollbar-color:var(--gold-lo) transparent;overflow-y:auto}.scroll::-webkit-scrollbar{width:8px}.scroll::-webkit-scrollbar-thumb{background:var(--gold-lo);box-shadow:inset 0 0 0 2px var(--ink2)}.r-common{color:var(--r-common)}.r-uncommon{color:var(--r-uncommon)}.r-rare{color:var(--r-rare)}.r-epic{color:var(--r-epic)}.win{color:var(--cream);text-shadow:var(--sh);background:var(--lattice) 0 0 / var(--lattice-w) var(--lattice-h) repeat, var(--glass);--fi:var(--frame-L);--fs:var(--frame-L-s);--fw:var(--frame-L-w);--fo:var(--frame-L-o);position:relative}.win:after{content:"";z-index:2;pointer-events:none;inset:calc(-1 * var(--fo));border:var(--fw) solid transparent;border-image:var(--fi) var(--fs) / var(--fw) repeat;image-rendering:pixelated;position:absolute}.win.f-M{--fi:var(--frame-M);--fs:var(--frame-M-s);--fw:var(--frame-M-w);--fo:var(--frame-M-o)}.win.f-danger{--fi:var(--frame-danger);--fs:var(--frame-danger-s);--fw:var(--frame-danger-w);--fo:var(--frame-danger-o)}.win.f-S{--fi:var(--frame-S);--fs:var(--frame-S-s);--fw:var(--frame-S-w);--fo:var(--frame-S-o);background:linear-gradient(#1a2040f0,#0e1228f0)}.win.f-card{--fi:var(--frame-card);--fs:var(--frame-card-s);--fw:var(--frame-card-w);--fo:var(--frame-card-o);background:var(--lattice-dim) 0 0 / var(--lattice-dim-w) var(--lattice-dim-h) repeat, linear-gradient(180deg, #141932f2, #0d1024f2)}.win.f-plate{--fi:var(--frame-plate);--fs:var(--frame-plate-s);--fw:var(--frame-plate-w);--fo:var(--frame-plate-o);background:linear-gradient(#232b55,#161b3a)}.win.f-socket{--fi:var(--frame-socket);--fs:var(--frame-socket-s);--fw:var(--frame-socket-w);--fo:var(--frame-socket-o);background:#0a0d1f}.crown{z-index:3;pointer-events:none;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.band{background:linear-gradient(90deg,#0c0f22e6,#0c0f22d6 78%,#0c0f2200);position:relative}.band:before,.band:after{content:"";pointer-events:none;background:linear-gradient(90deg, var(--gold-mid), var(--gold-mid)) left / 72% 2px no-repeat, var(--rule) right / 28% 2px no-repeat;height:2px;position:absolute;left:0;right:0}.band:before{top:0}.band:after{bottom:0}.band.rev{background:linear-gradient(270deg,#0c0f22e6,#0c0f22d6 78%,#0c0f2200)}.band.rev:before,.band.rev:after{background:linear-gradient(90deg, var(--gold-mid), var(--gold-mid)) right / 72% 2px no-repeat, var(--rule) left / 28% 2px no-repeat}.fade-plate{background:linear-gradient(90deg,#0c0f2200,#0c0f22e6 20% 80%,#0c0f2200);position:relative}.fade-plate:before,.fade-plate:after{content:"";background:linear-gradient(90deg, #ddb76700, var(--gold-mid) 20% 80%, #ddb76700);height:2px;position:absolute;left:0;right:0}.fade-plate:before{top:0}.fade-plate:after{bottom:0}.sec-head{font:var(--fs-small) / 1 var(--f-tiny);letter-spacing:4px;text-transform:uppercase;color:var(--gold);align-items:center;gap:10px;margin:14px 0 8px;display:flex}.sec-head:first-child{margin-top:0}.sh-rule{background:linear-gradient(90deg, var(--gold-mid), var(--gold-mid)) left / 70% 2px no-repeat, var(--rule) right / 30% 2px no-repeat;flex:1;min-width:16px;height:2px}.sh-val{font:var(--fs-line) / 1 var(--f-body);letter-spacing:0;text-transform:none;color:var(--gold-hi)}.lbl{font:var(--fs-small) / 1 var(--f-tiny);letter-spacing:3px;text-transform:uppercase;color:var(--gold)}.num{font:22px / 1 var(--f-num);letter-spacing:1px}kbd.kc{min-width:22px;height:22px;font:18px / 1 var(--f-body);letter-spacing:0;text-transform:none;color:#17152a;text-shadow:none;border:2px solid var(--ink);vertical-align:middle;background:linear-gradient(#f7f0dc 0 calc(100% - 4px),#c9bb96 calc(100% - 4px));border-radius:2px;flex:none;place-items:center;padding:0 5px 2px;display:inline-grid}kbd.kc.sm{min-width:16px;height:16px;padding:0 3px 2px;font-size:13px}.btn{min-height:34px;font:var(--fs-line) / 1 var(--f-body);letter-spacing:2px;text-transform:uppercase;color:var(--cream);text-shadow:var(--sh);background:linear-gradient(#2a3260,#1a2044);border:0;justify-content:center;align-items:center;gap:8px;padding:2px 18px 5px;display:inline-flex;position:relative}.btn:after{content:"";inset:calc(-1 * var(--frame-card-o));border:var(--frame-card-w) solid transparent;border-image:var(--frame-card) var(--frame-card-s) / var(--frame-card-w) repeat;image-rendering:pixelated;pointer-events:none;position:absolute}.btn:hover:not(:disabled){color:var(--gold-w);background:linear-gradient(#36407a,#242b58)}.btn:hover:not(:disabled):after,.btn:focus-visible:after{border-image-source:var(--frame-cardSel)}.btn:active:not(:disabled){transform:translateY(2px)}.btn:focus-visible{outline:none}.btn:disabled{opacity:.45;cursor:default}.btn-primary{color:var(--gold-hi);background:linear-gradient(#3a3a5e,#262a52)}.btn-primary:after{border-image-source:var(--frame-cardSel)}.btn-primary:hover:not(:disabled){background:linear-gradient(#4a4a70,#30355e)}.btn-danger{color:var(--ruby-hi)}.btn-ghost{color:var(--dim);background:#10142c99}.field{border:2px solid var(--gold-lo);width:100%;min-width:0;height:36px;color:var(--cream);text-shadow:var(--sh);caret-color:var(--gold);box-shadow:0 0 0 2px var(--ink), inset 0 2px 0 #0009;-webkit-user-select:text;user-select:text;background:#0a0d1f;border-radius:0;outline:none;padding:0 10px 2px;font-size:22px}.field:focus{border-color:var(--gold);background:#0e1228}.field::placeholder{color:var(--faint);text-shadow:none}.row{width:100%;color:var(--cream);text-align:left;text-shadow:var(--sh);background:0 0;border:0;align-items:center;gap:10px;padding:3px 10px 5px;display:flex;position:relative}.row:hover{background:linear-gradient(90deg,#8c96c433,#8c96c400)}.row.sel{background:linear-gradient(90deg,#ddb7678c,#ddb76700 85%) 0 100%/100% 2px no-repeat,linear-gradient(90deg,#8c96c457,#8c96c424 70%,#8c96c400)}.row.sel:before{content:"";width:var(--cursor-w);height:var(--cursor-h);margin-top:calc(var(--cursor-h) / -2);background:var(--cursor) no-repeat;image-rendering:pixelated;position:absolute;top:50%;left:-16px}.bar{grid-template-columns:18px 1fr auto;align-items:center;column-gap:6px;display:grid;position:relative}.bar-label{font:14px / 1 var(--f-body);letter-spacing:1px;color:var(--gold)}.bar-track{height:6px;box-shadow:0 0 0 2px #3b3a44, 0 0 0 4px var(--ink);background:#090b18;margin:3px 0;position:relative}.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-text{font:16px / 1 var(--f-num);color:var(--cream);letter-spacing:1px;text-shadow:var(--ol1), var(--sh);white-space:nowrap;text-align:right;min-width:42px}.bar-hp .bar-fill{background:linear-gradient(#f59a84 0 2px,#d8463b 2px 4px,#a8302a 4px)}.bar-hp.low .bar-fill{animation:.8s steps(2,end) infinite low-pulse}@keyframes low-pulse{50%{filter:brightness(1.4)}}.bar-sp .bar-track{height:4px}.bar-sp .bar-fill{background:linear-gradient(#fff3cc 0 2px,#c9b27a 2px);transition:none}.bar-sp .bar-ghost{display:none}.bar.no-num{grid-template-columns:18px 1fr}.modal-scrim{pointer-events:auto;background:#0507129e;place-items:center;display:grid;position:absolute;inset:0}.modal{width:420px;max-width:calc(100vw / var(--ui-zoom) - 40px);padding:26px 30px 24px}.modal-title{font:var(--fs-name) / .9 var(--f-body);letter-spacing:3px;text-transform:uppercase;color:var(--gold-hi);background:var(--rule) left bottom / 100% 2px no-repeat;margin-bottom:12px;padding-bottom:10px}.modal-text p{margin:0 0 6px}.modal-btns{justify-content:flex-end;gap:16px;margin-top:18px;display:flex}.screen{place-items:center;padding:30px 16px 16px;display:grid;position:absolute;inset:0}.backdrop-shade{pointer-events:none;background:radial-gradient(at 50% 55%,#05060f1a,#05060fa8);position:absolute;inset:0}.backdrop-canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.loading-box{align-items:center;gap:14px;padding:6px 30px 8px;font-size:22px;display:flex}.spinner{background:var(--gem) center / 12px 12px no-repeat;width:12px;height:12px;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)}}.win-title{background:var(--rule) left bottom / 100% 2px no-repeat;align-items:center;gap:14px;margin:-2px 0 16px;padding:0 0 10px;display:flex}.wt-text{font:var(--fs-head) / .78 var(--f-body);letter-spacing:2px;text-transform:uppercase;color:var(--cream);text-shadow:0 4px 0 var(--ink);white-space:nowrap}.wt-sub{font:var(--fs-small) / 1 var(--f-tiny);letter-spacing:4px;text-transform:uppercase;color:var(--gold);white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.wt-sub:before{content:"";background:var(--gem-s) center / 10px 10px no-repeat;width:10px;height:10px;image-rendering:pixelated}.wt-right{align-items:center;gap:10px;margin-left:auto;display:flex}.form-row{gap:6px;margin-bottom:14px;display:grid}.form-label{font:var(--fs-small) / 1 var(--f-tiny);letter-spacing:4px;text-transform:uppercase;color:var(--gold)}.form-err{min-height:20px;color:var(--ruby-hi);font-size:var(--fs-line);margin:-4px 0 10px}.form-err:empty{min-height:0;margin:0}.form-info{color:var(--gold-hi);margin:0 0 14px;padding:6px 12px 8px}.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)}}.tabs{align-items:center;gap:22px;display:flex}.tab{font:var(--fs-small) / 1 var(--f-tiny);letter-spacing:4px;text-transform:uppercase;color:var(--faint);text-shadow:var(--sh);background:0 0;border:0;align-items:center;gap:6px;padding:4px 2px 6px;display:inline-flex}.tab:hover{color:var(--dim)}.tab.on{color:var(--cream);box-shadow:inset 0 -2px 0 var(--gold)}.tab.on:before{content:"";background:var(--gem-s) center / 10px 10px no-repeat;width:10px;height:10px;image-rendering:pixelated}.auth{width:470px;max-width:100%;padding:30px 40px 26px}.auth-logo{justify-content:center;margin:4px 0 2px;display:flex}.auth-tag{text-align:center;font:var(--fs-small) / 1 var(--f-tiny);letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin:6px 0 20px}.auth .tabs{background:var(--rule) left bottom / 100% 2px no-repeat;justify-content:center;margin-bottom:20px;padding-bottom:12px}.auth-form .form-go{width:100%;min-height:42px;margin-top:6px;font-size:22px}.auth-foot{text-align:center;font-size:var(--fs-line);color:var(--dim);margin-top:16px}.creator{width:1000px;max-width:100%;height:min(640px, calc(100vh / var(--ui-zoom) - 60px));flex-direction:column;padding:26px 34px 24px;display:flex}.creator .win-title{flex:none}.cc-who{font-size:var(--fs-line);color:var(--dim)}.cc-body{flex:1;grid-template-columns:330px 1fr;gap:30px;min-height:0;display:grid}.cc-stage{flex-direction:column;min-height:0;display:flex}.cc-figure{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-height:0;padding-bottom:6px;display:flex;position:relative}.cc-glow{pointer-events:none;background:radial-gradient(circle,#79a3f229,#0000 62%);width:260px;height:260px;margin-left:-130px;position:absolute;bottom:30px;left:50%}.charview{transform:translateX(var(--foot-dx,0))}.cc-view{z-index:2;margin-bottom:calc(-1 * var(--foot-y,0px) - 26px);position:relative}.cc-dais{z-index:1;position:relative}.cc-turn{z-index:3;background:#10142cb3;border:0;place-items:center;width:34px;height:44px;display:grid;position:absolute;top:44%}.cc-turn:after{content:"";inset:calc(-1 * var(--frame-card-o));border:var(--frame-card-w) solid transparent;border-image:var(--frame-card) var(--frame-card-s) / var(--frame-card-w) repeat;image-rendering:pixelated;position:absolute}.cc-turn:hover:after{border-image-source:var(--frame-cardSel)}.cc-turn.l{left:4px}.cc-turn.r{right:4px}.cc-ctls{justify-content:center;gap:18px;margin:10px 0 14px;display:flex}.cc-ctl{font-size:var(--fs-line);color:var(--cream);text-shadow:var(--sh);background:0 0;border:0;align-items:center;gap:6px;padding:2px 4px;display:inline-flex}.cc-ctl:hover{color:var(--gold-w)}.cc-val{color:var(--gold-hi)}.cc-name-row{margin-bottom:8px}.cc-create{width:100%;min-height:42px;font-size:22px}.cc-right{flex-direction:column;min-height:0;display:flex}.cc-right .tabs{background:var(--rule) left bottom / 100% 2px no-repeat;padding-bottom:10px}.cc-opts{flex:1;min-height:0;margin-top:14px;padding:4px 10px 10px 4px}.cc-sec{margin-bottom:16px}.cc-sec.muted .sec-head{color:var(--faint)}.cc-tiles{flex-wrap:wrap;gap:10px;padding:4px;display:flex}.cc-tile{box-shadow:0 0 0 2px var(--gold-lo), 0 0 0 4px var(--ink);background:#0a0d1fd9;border:0;place-items:center;padding:0;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(--gold-mid), 0 0 0 4px var(--ink);background:#171c3c}.cc-tile.sel{box-shadow:0 0 0 2px var(--gold-hi), 0 0 0 4px var(--ink);background:#262c56}.cc-none{font:var(--fs-small) / 1 var(--f-tiny);letter-spacing:1px;text-transform:uppercase;color:var(--dim)}.cc-swatches{flex-wrap:wrap;gap:10px;padding:4px;display:flex}.cc-sw{width:28px;height:28px;box-shadow:0 0 0 2px var(--gold-lo), 0 0 0 4px var(--ink);background:#0a0d1f;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(--gold-mid), 0 0 0 4px var(--ink)}.cc-sw.sel{box-shadow:0 0 0 2px var(--gold-hi), 0 0 0 4px var(--ink)}.cc-note{color:var(--faint);font-size:var(--fs-line)}.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,body.talking .overlay .tag .qmark{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{width:300px;text-shadow:var(--sh);flex-direction:column;align-items:flex-start;gap:4px;display:flex;position:absolute;top:16px;left:16px}.hud-tl>.band{width:300px}.hud-place{align-items:center;gap:8px;min-height:40px;padding:5px 60px 6px 8px;display:flex}.pl-text{flex-direction:column;gap:3px;min-width:0;display:flex}.pl-name{font:18px / .9 var(--f-body);letter-spacing:2px;text-transform:uppercase;color:var(--cream);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pl-region{font:15px / 1 var(--f-body);color:var(--gold);white-space:nowrap}.pl-region:empty{display:none}.hud-vitals{grid-template-columns:44px minmax(0,1fr);align-items:center;column-gap:10px;padding:6px 40px 7px 8px;display:grid}.uf-portrait{width:44px;height:44px;box-shadow:inset 0 0 0 2px var(--ink), 0 0 0 2px var(--gold), 0 0 0 4px var(--ink);background:radial-gradient(circle at 50% 40%,#2c3666,#121633 72%);place-items:center;display:grid;position:relative;overflow:hidden}.vt-main{flex-direction:column;gap:2px;min-width:0;display:flex}.vt-name{font:16px / 1 var(--f-tiny);letter-spacing:3px;text-transform:uppercase;color:var(--gold-hi);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;overflow:hidden}.hud-vitals .bar{grid-template-columns:18px 128px auto}.hud-vitals.down{filter:grayscale(.8)}.uf-target{pointer-events:auto;width:380px;text-shadow:var(--sh);flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.tg-head{align-items:center;gap:10px;max-width:100%;display:flex}.tg-plate{padding:2px 16px 5px}.tg-name{font:18px / 1 var(--f-body);letter-spacing:3px;text-transform:uppercase;color:var(--gold-hi);white-space:nowrap}.uf-target.boss .tg-name{color:#ffb08c}.tg-tag{font:var(--fs-small) / 1 var(--f-tiny);letter-spacing:3px;text-transform:uppercase;color:var(--ruby-hi);text-shadow:var(--ol1)}.tg-tag:empty{display:none}.tg-num{font:16px / 1 var(--f-num);color:var(--cream);text-shadow:var(--ol1), var(--sh)}.tg-barrow{align-items:center;width:100%;display:flex}.tg-end{background:var(--gem-ruby) center / 14px 14px no-repeat;width:14px;height:14px;image-rendering:pixelated;z-index:2;flex:none;position:relative}.tg-end.l{margin-right:-6px}.tg-end.r{margin-left:-6px}.tg-track{height:8px;box-shadow:0 0 0 2px var(--ink), 0 0 0 4px var(--gold-mid), 0 0 0 6px var(--ink);background:#1a0a12;flex:1;position:relative}.tg-track .bar-fill{background:linear-gradient(#ffb39e 0 2px,#e0503e 2px 6px,#a4271f 6px)}.tg-track .bar-ghost{background:#f2d0a0}.uf-target.boss{width:520px}.uf-target.boss .tg-track{height:10px}.boss-marks{pointer-events:none;position:absolute;inset:0}.boss-marks i{z-index:2;background:var(--gold-hi);width:2px;box-shadow:1px 0 0 var(--ink), -1px 0 0 var(--ink);position:absolute;top:0;bottom:0}.tg-pips{gap:2px;display:flex}.tg-pips i{background:var(--gem-ruby) center / 14px 14px no-repeat;width:14px;height:14px;image-rendering:pixelated}.tg-pips i:not(.on){filter:grayscale()brightness(.45)}.hud-tr{flex-direction:column;align-items:flex-end;gap:14px;display:flex;position:absolute;top:18px;right:18px}.mm-win{padding:4px}.mm-head{z-index:4;justify-content:center;display:flex;position:absolute;top:-10px;left:0;right:0}.mm-view{cursor:pointer;background:#0d1126;width:144px;height:144px;position:relative;overflow:hidden}.mm-canvas{width:144px;height:144px}.mm-n{font:8px / 1 var(--f-tiny);color:var(--cream);text-shadow:var(--ol);position:absolute;top:3px;left:50%;transform:translate(-50%)}.mm-stud{z-index:3;width:var(--stud-w);height:var(--stud-h);background:var(--stud) no-repeat;image-rendering:pixelated;pointer-events:none;position:absolute}.mm-stud.s-t{top:calc(var(--stud-h) / -2 - 4px);left:calc(50% - var(--stud-w) / 2)}.mm-stud.s-b{bottom:calc(var(--stud-h) / -2 - 4px);left:calc(50% - var(--stud-w) / 2)}.mm-stud.s-l{left:calc(var(--stud-w) / -2 - 4px);top:calc(50% - var(--stud-h) / 2)}.mm-stud.s-r{right:calc(var(--stud-w) / -2 - 4px);top:calc(50% - var(--stud-h) / 2)}.hud-btns{justify-content:flex-end;gap:6px;margin-top:-2px;display:flex}.hud-btn{width:28px;height:28px;box-shadow:inset 0 0 0 2px var(--ink), 0 0 0 2px var(--gold-mid), 0 0 0 4px var(--ink);background:linear-gradient(#232b55,#141936);border:0;place-items:center;padding:0 0 4px;display:grid;position:relative}.hud-btn .kc{position:absolute;bottom:-11px;left:50%;transform:translate(-50%)}.hud-btn:hover{box-shadow:inset 0 0 0 2px var(--ink), 0 0 0 2px var(--gold-hi), 0 0 0 4px var(--ink)}.hud-btn.on{box-shadow:inset 0 0 0 2px var(--ink), 0 0 0 2px var(--gold-hi), 0 0 0 4px var(--ink);background:linear-gradient(#3a4478,#232b55)}.hud-btn:active{transform:translateY(2px)}.tracker{text-align:right;width:270px;text-shadow:var(--sh);flex-direction:column;align-items:flex-end;gap:6px;margin-top:8px;padding:6px 10px 8px 34px;display:flex}.tk-head{font:var(--fs-small) / 1 var(--f-tiny);letter-spacing:4px;text-transform:uppercase;color:var(--gold);align-items:center;gap:8px;display:flex}.tk-q{color:inherit;text-align:right;text-shadow:var(--sh);background:0 0;border:0;justify-items:end;gap:2px;padding:0;display:grid}.tk-q:hover .tk-name{color:var(--gold-w)}.tk-name{font:18px / 1 var(--f-body);color:var(--gold-hi)}.tk-step{font:16px / 1.1 var(--f-body);color:var(--cream);align-items:center;gap:6px;display:flex}.tk-q.ready .tk-step{color:var(--good)}.tk-q.lead .tk-name{color:var(--orange)}.tk-q.lead .tk-step{color:var(--dim)}.hud-tc{pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:640px;display:flex;position:absolute;top:96px;left:50%;transform:translate(-50%)}.pill{color:#ffd8cc;align-items:center;gap:10px;padding:5px 40px 7px;font-size:20px;display:flex}.pill:before,.pill:after{background:linear-gradient(90deg, #d8473a00, var(--ruby) 20% 80%, #d8473a00)!important}.pill-dot{background:var(--gem-ruby) center / 12px 12px no-repeat;width:12px;height:12px;image-rendering:pixelated;animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.25}}.toasts{flex-direction:column;align-items:center;gap:4px;display:flex}.toast{color:var(--cream);text-shadow:var(--sh);align-items:center;gap:10px;padding:5px 56px 7px;font-size:20px;line-height:1;animation:.2s steps(3,end) toast-in;display:flex}.toast.error{color:var(--ruby-hi)}.toast.error:before,.toast.error:after{background:linear-gradient(90deg, #d8473a00, var(--ruby) 20% 80%, #d8473a00)}.toast.quest,.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{flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.prompt{cursor:pointer;text-shadow:var(--sh);align-items:center;gap:10px;padding:4px 40px 6px;font-size:20px;display:flex}.prompt .pr-key{animation:.8s steps(2,end) infinite bob}.pr-body{align-items:baseline;gap:8px;display:flex}.pr-text{color:var(--cream)}.pr-sub{font:var(--fs-small) / 1 var(--f-tiny);letter-spacing:2px;text-transform:uppercase;color:var(--gold)}.prompt.dim{cursor:default}.prompt.dim .pr-text{color:var(--dim)}.pr-prog{height:4px;box-shadow:0 0 0 2px var(--ink);background:#0a0d1f;display:none;position:absolute;bottom:-6px;left:30%;right:30%}.prompt.progress .pr-prog{display:block}.pr-fill{background:linear-gradient(var(--gold-w) 0 2px, var(--gold) 2px);width:0;height:100%;display:block}@keyframes bob{50%{transform:translateY(2px)}}.cast{flex-direction:column;align-items:center;gap:6px;width:320px;padding:6px 40px 8px;display:flex}.cast-row{justify-content:space-between;width:100%;font-size:18px;display:flex}.cast-name{color:var(--gold-hi);letter-spacing:1px}.cast-time{font:16px / 1 var(--f-num);color:var(--dim)}.cast-track{width:100%;height:6px;box-shadow:0 0 0 2px var(--ink), 0 0 0 4px var(--gold-mid), 0 0 0 6px var(--ink);background:#0a0d1f}.cast-fill{background:linear-gradient(var(--gold-w) 0 2px, var(--gold) 2px 4px, var(--gold-mid) 4px);width:0;height:100%;display:block}.actionbar{align-items:flex-end;gap:6px;padding:0 2px;display:flex}.ab-gap{width:12px}.ab-slot{width:58px;color:var(--cream);touch-action:none;background:0 0;border:0;flex-direction:column;align-items:center;padding:0;display:flex;position:relative}.ab-sock{background:radial-gradient(circle at 50% 40%,#252d58,#0e1229 80%);place-items:center;width:52px;height:52px;display:grid;position:relative}.ab-sock:after{content:"";inset:calc(-1 * var(--frame-card-o));z-index:2;border:var(--frame-card-w) solid transparent;border-image:var(--frame-cardSel) var(--frame-card-s) / var(--frame-card-w) repeat;image-rendering:pixelated;pointer-events:none;position:absolute}.ab-icon{place-items:center;width:48px;height:48px;display:grid}.ab-cd{z-index:1;pointer-events:none;background:#050710c2 repeating-linear-gradient(90deg, var(--gold) 0 2px, transparent 2px 4px) top / 100% 2px no-repeat;height:0;position:absolute;bottom:2px;left:2px;right:2px}.ab-cdn{z-index:2;font:24px / 1 var(--f-num);color:var(--cream);text-shadow:var(--ol);pointer-events:none;place-items:center;font-weight:400;display:grid;position:absolute;inset:0}.ab-count{z-index:3;font:16px / 1 var(--f-num);color:var(--cream);text-shadow:var(--ol1);pointer-events:none;position:absolute;top:3px;right:3px}.ab-key{z-index:3;margin-top:-9px;position:relative}.ab-name{max-width:60px;min-height:13px;font:14px / 13px var(--f-body);text-align:center;color:var(--cream);text-shadow:var(--ol1), var(--sh);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;overflow:hidden}.ab-slot.cooling .ab-icon{filter:saturate(.4)brightness(.75)}.ab-slot.empty .ab-icon{filter:grayscale()brightness(.45)}.ab-slot.empty .ab-name{color:var(--faint)}.ab-slot.dim .ab-icon{filter:saturate(.25)brightness(.55)}.ab-slot:hover .ab-sock{filter:brightness(1.15)}.ab-slot.press .ab-sock{filter:brightness(1.35);transform:translateY(2px)}.ab-slot.fail .ab-sock{filter:sepia()hue-rotate(-40deg)saturate(3)brightness(.9)}.chat{width:380px;text-shadow:var(--ol1), var(--sh);position:absolute;bottom:14px;left:16px}.chat-log{scrollbar-width:none;-webkit-user-select:text;user-select:text;max-height:150px;padding:4px 30px 4px 8px;font-size:16px;line-height:18px;transition:opacity .4s steps(4,end);overflow-y:auto}.chat-log::-webkit-scrollbar{display:none}.chat:not(.fresh):not(.typing):not(:hover) .chat-log{opacity:.6}.chat.typing .chat-log,.chat.fresh .chat-log{background:linear-gradient(90deg,#0c0f22c7,#0c0f2299 70%,#0c0f2200)}.chat-line{word-wrap:break-word;color:var(--cream)}.chat-line .who{color:var(--orange);margin-right:6px}.chat-line.me .who{color:var(--sapphire)}.chat-line.sys{color:var(--gold-hi)}.chat-line.loot{color:#b8e8a8}.chat-line.quest{color:var(--gold-hi)}.chat-line.sys:before{content:"";vertical-align:1px;background:var(--gem-s) center / 10px 10px no-repeat;width:10px;height:10px;image-rendering:pixelated;margin-right:6px;display:inline-block}.chat-entry{align-items:center;gap:6px;padding:4px 0 0 4px;display:flex}.chat-hint{color:var(--dim);cursor:pointer;align-items:center;gap:6px;font-size:16px;display:flex}.chat-input{width:100%;height:30px;padding:0 8px 2px;font-size:20px;display:none}.chat.typing .chat-input{display:block}.chat.typing .chat-hint{display:none}.hud-br{flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;bottom:14px;right:16px}.hud-gold{text-shadow:var(--ol1), var(--sh);align-items:center;gap:6px;padding:0 6px;display:flex}.hud-gold b{font:20px / 1 var(--f-num);color:var(--cream);font-weight:400}.hud-gold small{font:8px / 1 var(--f-tiny);color:var(--gold)}.feed{pointer-events:none;flex-direction:column;align-items:flex-end;gap:4px;display:flex}.feed-row{text-shadow:var(--sh);background:linear-gradient(270deg,#0c0f22e0,#0c0f22d1 60%,#0c0f2200);align-items:center;gap:6px;padding:2px 10px 4px 36px;font-size:16px;line-height:1;animation:.2s steps(3,end) feed-in;display:flex}.feed-row canvas{width:32px;height:32px}.feed-row.r-uncommon span{color:var(--r-uncommon)}.feed-row.r-rare span{color:var(--r-rare)}.feed-row.gold span{color:var(--gold-hi)}.feed-row.out{opacity:0;transition:opacity .4s steps(4,end)}@keyframes feed-in{0%{opacity:0;transform:translate(12px)}}.banner{pointer-events:none;text-shadow:var(--sh);flex-direction:column;align-items:center;animation:.3s steps(4,end) banner-in;display:flex;position:absolute;top:132px;left:0;right:0}.banner.out{opacity:0;transition:opacity .45s steps(4,end)}.banner-card{max-width:calc(100vw / var(--ui-zoom) - 20px);flex-direction:column;align-items:center;gap:6px;padding:12px 140px 14px;display:flex}.bn-kicker{font:var(--fs-small) / 1 var(--f-tiny);letter-spacing:5px;text-transform:uppercase;color:var(--gold);align-items:center;gap:10px;display:flex}.bn-title{font:40px / .85 var(--f-body);letter-spacing:4px;text-transform:uppercase;color:var(--cream);text-shadow:0 4px 0 var(--ink);white-space:nowrap}.bn-sub{font:var(--fs-line) / 1 var(--f-body);color:var(--gold-hi)}.b-boss .bn-title{color:#ffb08c}@keyframes banner-in{0%{opacity:0}}.downed{pointer-events:none;text-shadow:var(--sh);background:radial-gradient(75% 70% at 50% 46%,#09050e66 0 46%,#0a040c8c 64%,#060206cc);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.dn-sub{font-size:var(--fs-line);color:var(--cream)}.dn-count{font:34px / 1 var(--f-num);color:var(--gold-hi)}.fade{opacity:0;pointer-events:none;background:#05060f;transition:opacity .4s linear;position:absolute;inset:0}.fade.on{opacity:1}.wnd{min-width:240px;max-height:calc(100vh / var(--ui-zoom) - 40px);flex-direction:column;padding:20px 30px 28px;display:flex;position:absolute}.wnd.dragging{opacity:.94}.wnd-head{cursor:grab;touch-action:none;background:var(--rule) left bottom / 100% 2px no-repeat;flex:none;align-items:center;gap:12px;margin:0 0 12px;padding:4px 0 10px;display:flex}.wnd.dragging .wnd-head{cursor:grabbing}.wnd-title{font:var(--fs-name) / .9 var(--f-body);letter-spacing:3px;text-transform:uppercase;color:var(--cream);text-shadow:0 2px 0 var(--ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wnd-sub{font:var(--fs-small) / 1 var(--f-tiny);letter-spacing:4px;text-transform:uppercase;color:var(--gold);white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.wnd-sub:before{content:"";background:var(--gem-s) center / 10px 10px no-repeat;width:10px;height:10px;image-rendering:pixelated}.wnd-sub:empty{display:none}.wnd-keys{align-items:center;gap:8px;margin-left:auto;display:flex}.wnd-x{border:2px solid var(--ink);background:linear-gradient(#f7f0dc 0 calc(100% - 4px),#c9bb96 calc(100% - 4px));border-radius:2px;place-items:center;width:26px;height:26px;padding:0;display:grid}.wnd-x:hover{background:linear-gradient(#ffe0d4 0 calc(100% - 4px),#e09a8a calc(100% - 4px))}.wnd-body{min-height:0;padding:2px;overflow:auto}.col-note{color:var(--dim);font-size:var(--fs-line);margin-top:10px}.inv-grid{grid-template-columns:repeat(var(--cols,6), 40px);gap:8px;padding:4px;display:grid}.islot{width:40px;height:40px;box-shadow:0 0 0 2px var(--gold-lo), 0 0 0 4px var(--ink);background:#0a0d1f;place-items:center;display:grid;position:relative}.islot .slot-icon{grid-area:1/1}.islot.filled{cursor:pointer;background:radial-gradient(circle at 50% 40%,#1c2346,#0a0d1f 80%)}.islot[data-rarity=uncommon]:before,.islot[data-rarity=rare]:before,.islot[data-rarity=epic]:before{content:"";width:4px;height:4px;box-shadow:0 0 0 1px var(--ink);position:absolute;top:2px;right:2px}.islot[data-rarity=uncommon]:before{background:var(--r-uncommon)}.islot[data-rarity=rare]:before{background:var(--r-rare)}.islot[data-rarity=epic]:before{background:var(--r-epic)}.islot:hover{box-shadow:0 0 0 2px var(--gold-hi), 0 0 0 4px var(--ink);background:#1b2146}.islot.drop-ok{box-shadow:0 0 0 2px var(--gold-w), 0 0 0 4px var(--ink);background:#2a3260}.islot.drag-src .slot-icon{opacity:.3}.slot-n{font:16px / 1 var(--f-num);color:var(--cream);text-shadow:var(--ol1), var(--sh);pointer-events:none;position:absolute;bottom:0;right:2px}.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{background:var(--rule) left top / 100% 2px no-repeat;justify-content:space-between;align-items:center;margin-top:14px;padding-top:10px;display:flex}.inv-free{font:20px / 1 var(--f-num);color:var(--cream);align-items:baseline;gap:8px;display:flex}.inv-free small{font:var(--fs-small) / 1 var(--f-tiny);letter-spacing:3px;color:var(--gold)}.inv-free.full{color:var(--ruby-hi)}.gold{font:20px / 1 var(--f-num);color:var(--cream);align-items:center;gap:6px;display:flex}.gold b{font-weight:400}.gold small{font:8px / 1 var(--f-tiny);color:var(--gold)}.tip{z-index:30;flex-direction:column;gap:4px;width:max-content;max-width:340px;padding:10px 14px 12px;display:flex;position:absolute;pointer-events:none!important}.tip-name{font:22px / 1 var(--f-body);letter-spacing:2px;text-transform:uppercase}.tip-n{color:var(--dim);letter-spacing:0}.tip-sub{font:var(--fs-small) / 1.2 var(--f-tiny);letter-spacing:1px;text-transform:uppercase;color:var(--dim);gap:10px;margin-bottom:2px;display:flex}.tip-stat{font-size:var(--fs-line);color:var(--good);align-items:baseline;gap:8px;display:flex}.tip-stat .lbl{letter-spacing:3px}.tip-line{font-size:var(--fs-line);color:var(--cream);line-height:19px}.tip-set{font-size:var(--fs-line);color:var(--gold-hi);line-height:19px}.tip-desc{font-size:var(--fs-line);color:var(--dim);line-height:19px}.tip-tag{font:var(--fs-small) / 1 var(--f-tiny);letter-spacing:3px;text-transform:uppercase;color:var(--good)}.tip-price{font-size:var(--fs-line);color:var(--dim);background:var(--rule) left top / 100% 2px no-repeat;align-items:center;gap:6px;margin-top:4px;padding-top:6px;display:flex}.tip-price b{font:18px / 1 var(--f-num);color:var(--cream);font-weight:400}.tip-hint{font-size:var(--fs-line);color:var(--sapphire);align-items:center;gap:6px;display:flex}.cw{width:400px}.cw-name{text-align:center;font:var(--fs-name) / 1 var(--f-body);letter-spacing:3px;text-transform:uppercase;color:var(--orange);margin-bottom:4px}.doll{grid-template-columns:56px 1fr 56px;align-items:center;gap:8px;display:grid}.doll-col{justify-items:center;gap:14px;display:grid}.doll-fig{flex-direction:column;justify-content:flex-end;align-items:center;height:188px;display:flex;position:relative}.doll-fig .charview{z-index:2;margin-bottom:calc(-1 * var(--foot-y,0px) - 16px);position:relative}.doll-fig .dais{z-index:1;margin-bottom:4px;position:relative}.gear-slot{width:48px;height:48px}.gs-empty{filter:grayscale()brightness(.28);opacity:.6;grid-area:1/1}.gear-slot.filled .gs-empty{display:none}.cw-stats{grid-template-columns:1fr 1fr;gap:6px 26px;display:grid}.stat{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.stat-k{font:var(--fs-small) / 1 var(--f-tiny);letter-spacing:3px;text-transform:uppercase;color:var(--gold)}.stat-v{font:22px / 1 var(--f-num);color:var(--cream)}.cw-set{font-size:var(--fs-line);color:var(--gold-hi);background:var(--rule) left top / 100% 2px no-repeat;justify-content:space-between;align-items:baseline;margin-top:10px;padding-top:8px;display:flex}.cw-reduce{background:0 0;margin-top:8px;padding-top:0}.cw-reduce .good{font:22px / 1 var(--f-num)}.cw-set .lbl{margin-right:8px}.ql{grid-template-columns:250px 380px;gap:22px;height:400px;display:grid}.ql-list{flex-direction:column;gap:2px;padding:2px 6px 0 18px;display:flex}.ql-list .sec-head{margin-left:-16px}.ql-row{font-size:var(--fs-line);justify-content:space-between}.ql-row.done{color:var(--dim)}.ql-ready{font:var(--fs-small) / 1 var(--f-tiny);letter-spacing:2px;text-transform:uppercase;color:var(--good)}.ql-empty{color:var(--faint);font-size:var(--fs-line);padding:2px 0}.ql-detail{background:var(--rule) left top / 2px 100% no-repeat;background-image:repeating-linear-gradient(180deg, var(--gold-lo) 0 2px, transparent 2px 6px);background-repeat:no-repeat;background-size:2px 100%;padding:0 8px 0 22px}.qd-title{font:var(--fs-name) / .95 var(--f-body);letter-spacing:2px;text-transform:uppercase;color:var(--gold-hi)}.qd-from{font:var(--fs-small) / 1 var(--f-tiny);letter-spacing:2px;text-transform:uppercase;color:var(--dim);margin-top:4px}.qd-sum{margin:12px 0 0;line-height:21px}.qd-steps{flex-direction:column;gap:6px;display:flex}.qs{align-items:center;gap:10px;display:flex}.qs.done{color:var(--dim)}.qs.todo{color:var(--faint)}.qs-dot{background:var(--gold-lo);width:6px;height:6px;margin:0 2px}.qd-rewards{flex-wrap:wrap;gap:12px;display:flex}.qr{box-shadow:0 0 0 2px var(--gold-lo), 0 0 0 4px var(--ink);background:#0a0d1fb3;align-items:center;gap:8px;padding:2px 12px 2px 2px;display:flex}.qr-coin{place-items:center;width:32px;height:32px;display:grid}.qd-foot{margin-top:22px}.bank,.shop{gap:30px;display:flex}.bank-col,.shop-col{flex-direction:column;display:flex}.shop-col{width:330px}.wares{flex-direction:column;gap:4px;display:flex}.ware{grid-template-columns:44px 1fr auto auto;align-items:center;gap:12px;padding:4px 4px 4px 2px;display:grid}.ware:hover{background:linear-gradient(90deg,#8c96c433,#8c96c400)}.ware-icon{width:40px;height:40px;box-shadow:0 0 0 2px var(--gold-lo), 0 0 0 4px var(--ink);background:#0a0d1f;place-items:center;margin:4px;display:grid}.ware-name{font-size:var(--fs-line);flex-direction:column;gap:2px;display:flex}.ware-name small{font-size:var(--fs-small);color:var(--dim)}.ware-price{font:20px / 1 var(--f-num);color:var(--cream);align-items:center;gap:4px;display:flex}.ware-price small{font:8px / 1 var(--f-tiny);color:var(--gold)}.ware .btn{min-height:28px;font-size:var(--fs-small);padding:1px 12px 3px}.cr{grid-template-columns:260px 360px;gap:22px;height:430px;display:grid}.cr-list{flex-direction:column;gap:1px;padding:2px 6px 0 18px;display:flex}.cr-list .sec-head{margin-top:12px;margin-left:-16px}.cr-list .sec-head:first-child{margin-top:0}.cr-row{font-size:var(--fs-line);gap:10px;padding:1px 8px 1px 2px}.cr-row.no{color:var(--faint)}.cr-row.no canvas{opacity:.5}.cr-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.cr-detail{background:repeating-linear-gradient(180deg, var(--gold-lo) 0 2px, transparent 2px 6px) left top / 2px 100% no-repeat;flex-direction:column;padding:0 6px 0 22px;display:flex}.cr-head{align-items:center;gap:14px;display:flex}.cr-big{width:52px;height:52px;box-shadow:0 0 0 2px var(--gold), 0 0 0 4px var(--ink);background:radial-gradient(circle at 50% 40%,#252d58,#0e1229 80%);place-items:center;margin:4px;display:grid}.cr-title{font:22px / 1 var(--f-body);letter-spacing:2px;text-transform:uppercase}.cr-sub{font:var(--fs-small) / 1 var(--f-tiny);letter-spacing:2px;text-transform:uppercase;color:var(--dim);margin-top:4px}.cr-stats{gap:18px;margin-top:12px;display:flex}.cr-stats span{font:20px / 1 var(--f-num);color:var(--good);align-items:baseline;gap:8px;display:flex}.cr-desc{color:var(--dim);margin:8px 0 0}.cr-inputs{flex-direction:column;gap:6px;display:flex}.cr-in{grid-template-columns:32px 1fr auto;align-items:center;gap:10px;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(--ruby-hi);font-weight:400}.cr-in.no .cr-in-name{color:var(--dim)}.cr-foot{background:var(--rule) left top / 100% 2px no-repeat;justify-content:space-between;align-items:center;gap:14px;margin-top:auto;padding-top:14px;display:flex}.cr-why{color:var(--dim);font-size:var(--fs-line)}.cr-foot .btn{min-width:120px}.wm{flex-direction:column;gap:12px;display:flex}.wm-frame{align-self:center;padding:4px;position:relative}.wm-hover{z-index:4;box-shadow:0 0 0 2px var(--gold-mid), 0 0 0 4px var(--ink);font-size:var(--fs-line);white-space:nowrap;pointer-events:none;background:#0c0f22eb;margin-top:4px;margin-left:4px;padding:1px 10px 3px;position:absolute;transform:translate(-50%,-100%)}.wm-legend{font-size:var(--fs-small);color:var(--dim);grid-template-columns:repeat(5,auto);justify-content:center;gap:6px 18px;display:grid}.wm-key{align-items:center;gap:6px;display:flex}.wm-key canvas{width:18px;height:18px}.wm-route{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.wm-stop{font:var(--fs-small) / 1 var(--f-tiny);letter-spacing:2px;text-transform:uppercase;color:var(--cream)}.wm-stop.here{color:var(--gold-hi)}.wm-stop.here:before{content:"";vertical-align:-1px;background:var(--gem-s) center / 10px 10px no-repeat;width:10px;height:10px;image-rendering:pixelated;margin-right:6px;display:inline-block}.wm-road{background:var(--rule);width:18px;height:2px}.settings{width:380px}label.set-row{cursor:pointer;grid-template-columns:120px 1fr 52px;align-items:center;gap:12px;padding:4px 0;display:grid}.set-k{font-size:var(--fs-line);color:var(--cream)}.set-val{font:18px / 1 var(--f-num);color:var(--gold-hi);text-align:right}.set-row input[type=range]{appearance:none;height:6px;box-shadow:0 0 0 2px #3b3a44, 0 0 0 4px var(--ink);background:#090b18;outline:none}.set-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--gem-gold) center / 14px 14px no-repeat;width:14px;height:14px;image-rendering:pixelated;cursor:pointer}.set-row input[type=range]::-moz-range-thumb{background:var(--gold);border:0;border-radius:0;width:14px;height:14px}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(--gold-lo), 0 0 0 4px var(--ink);background:#0a0d1f}.set-check input:checked+.check-box{background:var(--gem-gold) center / 14px 14px no-repeat, #0a0d1f;image-rendering:pixelated}.set-check:hover .check-box{box-shadow:0 0 0 2px var(--gold-hi), 0 0 0 4px var(--ink)}.controls{grid-template-columns:1fr 1fr;gap:8px 14px;display:grid}.ctl{font-size:var(--fs-line);align-items:center;gap:8px;display:flex}.ctl-keys{flex:none;gap:3px;display:flex}.ctl-what{color:var(--dim);white-space:nowrap}.acct{justify-content:space-between;align-items:center;gap:14px;display:flex}.acct-who{flex-direction:column;gap:4px;min-width:0;display:flex}.acct-who b{color:var(--cream);white-space:nowrap;text-overflow:ellipsis;font-weight:400;overflow:hidden}.dlg-wrap{pointer-events:none;opacity:0;flex-direction:column;align-items:center;gap:16px;transition:opacity .3s steps(4,end),transform .3s steps(4,end);display:flex;position:absolute;bottom:24px;left:0;right:0;transform:translateY(16px)}.dlg-wrap.in{opacity:1;transform:none}.dlg-opts{width:860px;max-width:calc(100vw / var(--ui-zoom) - 40px);pointer-events:none;justify-content:flex-end;align-self:center;display:flex}.dlg-opts-win{pointer-events:auto;min-width:320px;max-width:520px;padding:18px 26px 16px}.dlg-opts-win:empty,.dlg-opts:empty{display:none}.dlg{width:860px;max-width:calc(100vw / var(--ui-zoom) - 40px);pointer-events:auto;cursor:pointer;min-height:140px;padding:30px 52px 22px 30px;position:relative}.dlg-name{z-index:4;font:24px / 1 var(--f-body);letter-spacing:3px;text-transform:uppercase;color:var(--gold-hi);align-items:center;gap:8px;padding:3px 18px 5px 12px;display:flex;position:absolute;top:-16px;left:40px}.dlg-name:before{content:"";background:var(--gem-s) center / 10px 10px no-repeat;width:10px;height:10px;image-rendering:pixelated}.dlg-body{min-height:64px;position:relative}.dlg-text{font-size:var(--fs-body);color:var(--cream);white-space:pre-wrap;line-height:32px}.dlg-dots{color:var(--dim);animation:1s steps(2,end) infinite blink}.dlg-more{width:var(--advance-w);height:var(--advance-h);background:var(--advance) no-repeat;image-rendering:pixelated;animation:.8s steps(2,end) infinite bob;position:absolute;bottom:-6px;right:-28px}.dlg-opt{text-align:left;width:100%;min-height:34px;font-size:var(--fs-name);color:var(--cream);text-shadow:var(--sh);background:0 0;border:0;align-items:center;gap:12px;padding:3px 14px 5px 8px;line-height:1;display:flex;position:relative}.dlg-opt:hover{background:linear-gradient(90deg,#8c96c438,#8c96c400)}.dlg-opt.focus{color:var(--gold-w);background:linear-gradient(90deg,#ddb7678c,#ddb76700 85%) 0 100%/100% 2px no-repeat,linear-gradient(90deg,#8c96c457,#8c96c424 70%,#8c96c400)}.dlg-opt.focus:before{content:"";width:var(--cursor-w);height:var(--cursor-h);margin-top:calc(var(--cursor-h) / -2);background:var(--cursor) no-repeat;image-rendering:pixelated;animation:.8s steps(2,end) infinite nudge;position:absolute;top:50%;left:-22px}@keyframes nudge{50%{transform:translate(3px)}}.ui-phone .chat{width:280px}.ui-phone .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}.tag .qmark{color:#ffd84a;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:27px/1 "Jersey 15",monospace;animation:1.2s steps(2,end) infinite qmark-bob;position:absolute;bottom:24px;left:0;transform:translate(-50%)}.tag .qmark.ready{color:#8fd4ff}.tag:has(.bubble.show) .qmark{display:none}@keyframes qmark-bob{50%{transform:translate(-50%,-3px)}}