@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")}@font-face{font-family:Crimson Pro;font-style:italic;font-display:swap;font-weight:500;src:url(/assets/crimson-pro-latin-500-italic-D5He17u-.woff2)format("woff2"),url(/assets/crimson-pro-latin-500-italic-BzmhF4UU.woff)format("woff")}:root{--f-body:"Jersey 15", "Jersey 10", monospace;--f-num:"Jersey 10", "Jersey 15", monospace;--f-tiny:"Tiny5", "Jersey 10", monospace;--f-title:"Cinzel", Georgia, serif;--f-italic:"Crimson Pro", Georgia, serif;--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;--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, #1e254af2, #141934f2);--scrim:#0507129e;--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-family:var(--f-body);font-size:var(--fs-body);color:var(--cream);-webkit-font-smoothing:none;font-smooth:never;text-rendering:optimizespeed;font-kerning:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior:none;touch-action:manipulation;line-height:1.1}button,input,select,textarea{font:inherit;color:inherit}img,canvas,.px{image-rendering:pixelated;image-rendering:crisp-edges}#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-screen{z-index:10;pointer-events:none;zoom:var(--ui-zoom);position:absolute;inset:0}#ui-screen>*{pointer-events:auto}#ui-screen>.hud{pointer-events:none}#ui-modals{z-index:60;pointer-events:none;zoom:var(--ui-zoom);position:absolute;inset:0}#ui-modals>*{pointer-events:auto}#ui-top{z-index:80;pointer-events:none;zoom:var(--ui-zoom);position:absolute;inset:0}.t-head{font:var(--fs-head) / .8 var(--f-body);letter-spacing:2px;color:var(--cream);text-shadow:0 4px 0 var(--ink);text-transform:uppercase}.t-name{font:var(--fs-name) / 1 var(--f-body);letter-spacing:2px;text-transform:uppercase}.t-line{font:var(--fs-line) / 1.15 var(--f-body)}.t-small{font:var(--fs-small) / 1 var(--f-tiny);letter-spacing:4px;text-transform:uppercase;color:var(--gold)}.t-num{font-family:var(--f-num)}.gold-text{color:var(--gold)}.orange-text{color:var(--orange)}.dim{color:var(--dim)}.faint{color:var(--faint)}.good{color:var(--good)}.bad{color:var(--bad)}.num{font-family:var(--f-num);letter-spacing:1px;font-size:22px;line-height:1}.tiny{font-family:var(--f-tiny);letter-spacing:1px;text-transform:uppercase;font-size:8px;line-height:10px}.lbl{font:var(--fs-small) / 1 var(--f-tiny);color:var(--gold);letter-spacing:3px;text-transform:uppercase}.italic{font-family:var(--f-italic);letter-spacing:.5px;font-style:italic;font-weight:500}.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);padding:26px 30px 24px;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-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);padding:8px 10px}.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, #141932eb, #0d1024eb);padding:10px 14px}.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);padding:4px 14px 6px}.win.f-socket{--fi:var(--frame-socket);--fs:var(--frame-socket-s);--fw:var(--frame-socket-w);--fo:var(--frame-socket-o);background:#0a0d1f;padding:4px}.win.f-none{background:0 0;padding:0}.win.f-none:after{display:none}.win.f-card.nav-item.focus,.win.f-card.sel{--fi:var(--frame-cardSel);--fs:var(--frame-cardSel-s);--fw:var(--frame-cardSel-w);--fo:var(--frame-cardSel-o);background:var(--lattice-dim) 0 0 / var(--lattice-dim-w) var(--lattice-dim-h) repeat, linear-gradient(180deg, #3a4268f2, #242a4cf2)}.win-crown{z-index:3;pointer-events:none;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.win-title{background:repeating-linear-gradient(90deg, var(--gold-lo) 0 2px, transparent 2px 6px) left bottom / 100% 2px no-repeat;flex-wrap:nowrap;align-items:center;gap:14px;margin:-2px 0 14px;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-hints{align-items:center;margin-left:auto;display:flex}.win-foot{background:repeating-linear-gradient(90deg, var(--gold-lo) 0 2px, transparent 2px 6px) left top / 100% 2px no-repeat;justify-content:flex-end;align-items:center;gap:16px;margin-top:12px;padding-top:10px;display:flex}.win-title>canvas{flex:none}.gem-mark{background:var(--gem-s) center / 10px 10px no-repeat;width:10px;height:10px;image-rendering:pixelated;flex:none;display:inline-block}.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:4px 0 8px;display:flex}.sh-text{white-space:nowrap;flex:none}.sh-rule{background:linear-gradient(90deg, var(--gold-mid), var(--gold-mid)) left / calc(100% - 64px) 2px no-repeat, repeating-linear-gradient(90deg, var(--gold-lo) 0 2px, transparent 2px 6px) right / 64px 2px no-repeat;flex:1;min-width:20px;height:2px}.sh-val{font:var(--fs-line) / 1 var(--f-body);letter-spacing:1px;text-transform:none;color:var(--gold);flex:none}.key{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}.key.wide{padding:0 6px 2px}.key-arrow{min-width:22px;padding:0 0 2px}.key-arrow:before{content:"";background:#17152a;width:8px;height:8px}.ka-up:before{clip-path:polygon(50% 0,100% 100%,0 100%);height:6px}.ka-down:before{clip-path:polygon(0 0,100% 0,50% 100%);height:6px}.ka-left:before{clip-path:polygon(0 50%,100% 0,100% 100%);width:6px}.ka-right:before{clip-path:polygon(0 0,100% 50%,0 100%);width:6px}.key-hints{font:var(--fs-line) / 1 var(--f-body);color:var(--cream);white-space:nowrap;align-items:center;gap:16px;display:inline-flex}.kh{align-items:center;gap:4px;display:inline-flex}.kh-label{margin-left:4px}.nav-list{padding-left:26px;position:relative}.nav-list.no-pad{padding-left:0}.nav-item{cursor:pointer;position:relative}.nav-item.disabled{color:var(--faint)}.nav-item.focus{background:linear-gradient(90deg,#ddb7678c,#ddb76700 85%) 0 100%/100% 2px no-repeat,linear-gradient(90deg,#8c96c457,#8c96c424 70%,#8c96c400)}.nav-list:not(.active) .nav-item.focus{background:linear-gradient(90deg,#8c96c429,#8c96c400)}.nav-item.focus:before{content:"";z-index:5;pointer-events:none;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:-22px}.nav-list.active .nav-item.focus:before{animation:.8s step-end infinite nudge}.nav-list:not(.active) .nav-item.focus:before{opacity:.45}.nav-list.no-ghost:not(.active) .nav-item.focus:before{display:none}.nav-list.no-ghost:not(.active) .nav-item.focus{background:0 0}@keyframes nudge{0%{transform:translate(0)}50%{transform:translate(-2px)}}.nav-list.grid{padding-left:0}.nav-list.grid .nav-item.focus:before{display:none}.nav-list.row,.nav-list.tabs{gap:40px;padding-left:26px;display:flex}.nav-list.gems .opt:after{content:"";background:var(--gem-dim) center / 10px 10px no-repeat;width:10px;height:10px;image-rendering:pixelated;flex:none;order:-1;margin-right:2px}.nav-list.gems .opt.focus:after,.nav-list.gems .opt.sel:after{background-image:var(--gem-s)}.opt{min-height:34px;font-size:var(--fs-name);align-items:center;gap:10px;padding:3px 12px 5px 6px;line-height:1;display:flex}.opt-detail{font-size:var(--fs-line);color:var(--dim);margin-left:auto}.opt.danger{color:var(--ruby-hi)}.shake{animation:.32s steps(6,end) shake}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.form{flex-direction:column;gap:2px;display:flex}.row{align-items:center;gap:12px;min-height:38px;padding:2px 12px 4px 6px;display:flex}.row-label{width:170px;color:var(--cream);flex:none}.row-value{text-align:right;width:46px;font:24px / 1 var(--f-num);flex:none}.row-button{color:var(--cream);justify-content:flex-start}.row-button.primary{color:var(--gold)}.row-button.primary:before{content:"";background:var(--gem-s) center / 10px 10px no-repeat;width:10px;height:10px;image-rendering:pixelated}.row-button.danger{color:var(--ruby-hi)}.field-wrap{flex:1;min-width:0;display:flex}.field{min-width:0;height:34px;color:var(--cream);border:2px solid var(--gold-lo);box-shadow:0 0 0 2px var(--ink), inset 0 2px 0 #0009;caret-color:var(--gold);-webkit-user-select:text;user-select:text;text-shadow:var(--sh);background:#0a0d1f;border-radius:0;outline:none;flex:1;padding:0 10px 2px;font-size:24px}.field:focus{border-color:var(--gold);background:#0e1228}.field::placeholder{color:var(--faint);text-shadow:none}.arrow{cursor:pointer;flex:none;place-items:center;width:18px;height:22px;display:inline-grid}.arrow:before{content:"";background:var(--gold);width:8px;height:12px}.arrow-l:before{clip-path:polygon(0 50%,100% 0,100% 100%)}.arrow-r:before{clip-path:polygon(0 0,100% 50%,0 100%)}.nav-item:not(.focus) .arrow:before{background:var(--gold-lo)}.slider{cursor:pointer;touch-action:none;min-width:80px;height:10px;box-shadow:0 0 0 2px var(--ink), 0 0 0 4px var(--gold-lo);background:#0a0d1f;flex:1;position:relative}.slider>i{background:linear-gradient(var(--gold-hi) 0 2px, var(--gold) 2px 6px, var(--gold-mid) 6px);position:absolute;top:0;bottom:0;left:0}.slider>b{top:-6px;left:calc(var(--t,0) * 100% - 5px);background:linear-gradient(var(--gold-w), var(--gold) 50%, var(--gold-mid));width:10px;height:22px;box-shadow:0 0 0 2px var(--ink);position:absolute}.pills{gap:6px;display:flex}.pill{color:var(--faint);cursor:pointer;border:2px solid #0000;padding:0 12px 2px;font-size:24px}.pill.sel{color:var(--cream);border-color:var(--gold-mid);box-shadow:0 0 0 2px var(--ink);background:#ddb76724}.choice-value{flex:1;justify-content:center;align-items:center;gap:8px;min-width:120px;display:flex}.form-error{color:var(--bad);min-height:22px;font-size:var(--fs-line);padding:4px 6px 0 32px}.bar{grid-template-columns:auto 1fr auto;align-items:center;column-gap:8px;display:grid}.bar.no-label{grid-template-columns:1fr auto}.bar.no-num{grid-template-columns:auto 1fr}.bar.no-label.no-num{grid-template-columns:1fr}.bar-label{font:var(--fs-small) / 1 var(--f-tiny);color:var(--gold);letter-spacing:1px;width:28px}.bar-track{min-width:40px;height:10px;box-shadow:0 0 0 2px #3b3a44, 0 0 0 4px var(--ink);background:#090b18;margin:4px 0;position:relative;overflow:hidden}.bar-fill,.bar-ghost{position:absolute;top:0;bottom:0;left:0}.bar-fill{transition:width .12s steps(3,end)}.bar-ghost{opacity:.75;background:#f6e3c0;transition:width .5s steps(5,end) .35s}.bar-tick{z-index:2;background:#07091ab3;width:2px;margin-left:-1px;position:absolute;top:4px;bottom:0}.bar-num{font:20px / 1 var(--f-num);letter-spacing:1px;text-align:left;white-space:nowrap}.bar-num b{color:var(--cream);font-weight:400}.bar-num span{color:var(--dim)}.bar-hp .bar-fill{background:linear-gradient(#f59a84 0 2px,#d8463b 2px 6px,#a8302a 6px)}.bar-hp[data-tier=lo] .bar-fill{animation:.8s step-end infinite low-blink}.bar-hp[data-tier=lo] .bar-num b{color:var(--ruby-hi)}@keyframes low-blink{50%{filter:brightness(1.45)}}.bar-mp .bar-fill{background:linear-gradient(#a6ccff 0 2px,#4a82dc 2px 6px,#2f5aae 6px)}.bar-sp .bar-fill{background:linear-gradient(#fff3cc 0 2px,#e2cb8e 2px 6px,#b29858 6px)}.bar-xp .bar-fill{background:linear-gradient(var(--gold-w) 0 2px, var(--gold) 2px)}.bar-xp .bar-track{height:4px;margin:2px 0}.modal{background:var(--scrim);place-items:center;padding:24px;animation:.16s steps(3,end) both fade-in;display:grid;position:absolute;inset:0}.modal.closing{animation:.14s steps(3,end) both fade-out}.modal>*{min-width:0}.modal.no-scrim{pointer-events:none;background:0 0}.modal.no-scrim>*{pointer-events:auto}.msgbox{min-width:380px;max-width:min(640px,100vw - 40px);padding:26px 34px 22px}.msgbox .win-title{margin-bottom:12px}.msgbox .wt-text{letter-spacing:3px;color:var(--gold-hi);font-size:27px;line-height:.9}.msgbox .msg-text{font-size:var(--fs-body);white-space:pre-line;padding:2px 4px 18px;line-height:30px}.msgbox .msg-actions{justify-content:flex-end;padding-top:2px}.msgbox.prompt{min-width:min(520px,100vw - 40px)}.msgbox .form .row-label:empty{display:none}.win-anim-in{animation:.18s steps(4,end) both win-in}.win-anim-out{animation:.14s steps(3,end) both win-out}@keyframes win-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes win-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(4px)}}@keyframes slide-in-l{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}@keyframes slide-in-r{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}@keyframes slide-in-u{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes blink{50%{opacity:0}}@keyframes bob-down{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}.scroll{scrollbar-width:thin;scrollbar-color:var(--gold-mid) #0000004d;overflow:hidden auto}.scroll::-webkit-scrollbar{width:6px}.scroll::-webkit-scrollbar-thumb{background:var(--gold-mid);border:2px solid var(--ink)}.scroll::-webkit-scrollbar-track{background:#0000004d}.r-common{color:var(--cream)}.r-uncommon{color:#9ad48a}.r-rare{color:#86b4ff}.r-epic{color:#c89cf6}.r-legendary{color:var(--orange)}.portrait-box{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%);flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.portrait-box canvas{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.charview{transform:translateX(var(--foot-dx,0));display:block}.gem{vertical-align:middle;flex:none;display:inline-block}.backdrop{pointer-events:none;background:#0b0d1c;overflow:hidden}.backdrop-canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.backdrop.showcase canvas:not(.backdrop-canvas){filter:blur(1.5px)brightness(.86)}.backdrop .tag{display:none}.backdrop-shade{pointer-events:none;background:radial-gradient(75% 70% at 50% 46%,#06071000 30%,#0607108c 78%,#04050ce0 100%),linear-gradient(#06071059,#06071000 30% 70%,#06071080);position:absolute;inset:0}.screen{flex-direction:column;align-items:center;display:flex;position:absolute;inset:0}.slots-screen,.board-screen,.creator-screen{background:#0506106b;justify-content:center;padding:34px 26px 22px}.title-screen{justify-content:center}.title-vignette{pointer-events:none;background:radial-gradient(46% 44% at 50% 47%,#05060e94,#05060e4d 60%,#05060e00 100%);position:absolute;inset:0}.title-center{flex-direction:column;align-items:center;margin-top:-40px;display:flex;position:relative}.title-spark{margin-bottom:4px;animation:.6s steps(4,end) both fade-in,2.6s steps(2,end) .6s infinite spark-pulse}@keyframes spark-pulse{50%{opacity:.65}}.title-logo{place-items:center;min-height:80px;animation:.8s steps(6,end) .1s both fade-in;display:grid}.title-logo .gilded{display:block}.title-divider{margin-top:10px;animation:.6s steps(8,end) .4s both divider-open}@keyframes divider-open{0%{clip-path:inset(0 50%)}to{clip-path:inset(0)}}.title-tagline{color:#e7dcc2;letter-spacing:1.5px;text-shadow:0 2px #05060ee6;margin-top:8px;font-size:22px;line-height:1;animation:.6s steps(4,end) .7s both fade-in}.title-lower{flex-direction:column;align-items:center;gap:14px;min-height:150px;margin-top:64px;display:flex}.press-start{cursor:pointer;font:var(--fs-name) / 1 var(--f-body);color:var(--cream);letter-spacing:1px;text-shadow:var(--sh);align-items:center;gap:14px;animation:1.2s step-end infinite blink,.4s 1s both fade-in;display:flex}.press-start.pressed{animation:80ms step-end infinite blink}.title-menu{flex-direction:column;align-items:center;gap:12px;display:flex}.title-cmds{flex-direction:column;align-items:center;gap:2px;padding:0;display:flex}.title-cmds .opt{min-width:300px;min-height:34px;font-size:var(--fs-name);color:var(--cream);text-shadow:var(--sh);flex-direction:column;justify-content:center;gap:2px;padding:3px 40px 5px;position:relative}.title-cmds .opt-detail{font-size:var(--fs-line);color:var(--gold);margin:0}.title-cmds .nav-item:not(.focus) .opt-detail{display:none}.title-cmds .nav-item.disabled{color:#6b6e8c}.title-cmds .nav-item.focus{background:linear-gradient(90deg,#ddb76700,#ddb767bf 22% 78%,#ddb76700) top/100% 2px no-repeat,linear-gradient(90deg,#ddb76700,#ddb767bf 22% 78%,#ddb76700) bottom/100% 2px no-repeat,linear-gradient(90deg,#10142c00,#10142ceb 22% 78%,#10142c00)}.title-cmds .nav-item.focus:before{left:12px}.title-hints{font-size:var(--fs-line);color:var(--dim)}.title-invite{background:linear-gradient(90deg,#10142c00,#10142ce6 18% 82%,#10142c00);align-items:center;gap:10px;padding:6px 26px 8px;animation:.3s steps(3,end) both slide-in-u;display:flex}.ti-name{font:var(--fs-name) / 1 var(--f-body);color:var(--orange);letter-spacing:1px}.title-foot{text-align:center;font:16px / 1 var(--f-tiny);letter-spacing:3px;text-transform:uppercase;color:#f2ead69e;text-shadow:var(--sh);position:absolute;bottom:14px;left:0;right:0}.title-ver{font:20px / 1 var(--f-num);color:#f2ead680;text-shadow:var(--sh);position:absolute;bottom:12px;right:20px}.slots-win{width:min(880px,100%)}.slots-list{flex-direction:column;gap:18px;padding:8px 6px 6px 30px;display:flex}.slot-card{align-items:center;gap:22px;min-height:104px;padding:12px 20px 12px 14px;animation:.2s steps(3,end) both slide-in-r;display:flex}.slot-card:nth-child(2){animation-delay:50ms}.slot-card:nth-child(3){animation-delay:.1s}.slot-no{flex-direction:column;flex:none;align-items:center;gap:4px;width:64px;display:flex}.slot-no b{font:54px / .8 var(--f-num);color:var(--gold);text-shadow:0 4px 0 var(--ink);font-weight:400}.slot-card .portrait-box{width:76px;height:76px}.slot-info{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.slot-top{align-items:baseline;gap:18px;display:flex}.slot-name{font:var(--fs-name) / 1 var(--f-body);letter-spacing:3px;text-transform:uppercase;color:var(--orange);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.slot-lv{align-items:baseline;gap:4px;display:flex}.slot-lv small,.slot-meta small,.hc-lv small,.hc-gold small{font:var(--fs-small) / 1 var(--f-tiny);color:var(--gold);letter-spacing:1px}.slot-lv b{font:30px / 1 var(--f-num);font-weight:400}.slot-meta{font-size:var(--fs-line);flex-wrap:wrap;align-items:center;gap:6px 26px;display:flex}.slot-meta span{align-items:center;gap:6px;display:inline-flex}.slot-meta b{font:22px / 1 var(--f-num);color:var(--cream);font-weight:400}.slot-gear{flex:none;grid-template-columns:repeat(2,32px);gap:6px;display:grid}.slot-gear .sg{width:32px;height:32px;box-shadow:0 0 0 2px var(--gold-lo), 0 0 0 4px var(--ink);background:#0a0d1f;place-items:center;display:grid}.slot-empty{font:var(--fs-small) / 1 var(--f-tiny);letter-spacing:4px;text-transform:uppercase;color:var(--faint);flex:1;align-items:center;gap:12px;display:flex}.slot-card.empty{min-height:72px}.slot-card.empty .slot-no b{color:var(--faint)}.creator-win{flex-direction:column;width:min(1240px,100%);height:min(680px,100%);padding-bottom:18px;display:flex}.creator-body{flex:1;grid-template-columns:250px minmax(0,1fr) 470px;gap:22px;min-height:0;display:grid}.creator-left{flex-direction:column;min-height:0;display:flex}.creator-cats{flex-direction:column;flex:1;gap:0;min-height:0;display:flex}.creator-cats .opt.cat{flex-direction:column;align-items:flex-start;gap:3px;min-height:0;padding:4px 8px 5px 22px}.creator-cats .opt.cat:after{margin:0;position:absolute;top:10px;left:4px}.cat-label{font-size:24px;line-height:.9}.cat-val{font-size:var(--fs-line);color:var(--dim);white-space:nowrap;text-overflow:ellipsis;max-width:210px;margin-bottom:-4px;padding-bottom:4px;line-height:1;overflow:hidden}.creator-cats .nav-item.focus .cat-val{color:var(--gold)}.creator-cats .cc-name{min-height:40px;margin-top:10px;padding:0 6px 0 0}.creator-cats .cc-name .field{height:32px;font-size:22px}.creator-cats .cc-begin{margin-top:6px}.creator-cats .row-button{min-height:32px;font-size:24px}.creator-stage{flex-direction:column;justify-content:flex-end;align-items:center;min-width:0;padding-bottom:6px;display:flex;position:relative}.cs-glow{pointer-events:none;background:radial-gradient(50% 60% at 50% 62%,#f4dc9c24,#f4dc9c00 70%);position:absolute;inset:6% 10% 18%}.cs-plate{z-index:3;white-space:nowrap;padding:4px 20px 6px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.cs-name{font:var(--fs-name) / 1 var(--f-body);letter-spacing:3px;text-transform:uppercase;color:var(--orange)}.cs-name.unset{color:var(--faint)}.cs-figure{flex-direction:column;align-items:center;margin-bottom:6px;display:flex;position:relative}.cs-figure .charview{z-index:2;margin-bottom:calc(-1 * var(--foot-y,0px) - 26px);position:relative}.cs-dais{z-index:1;display:block;position:relative}.cs-tools{gap:14px;margin-top:16px;display:flex}.cs-tool{cursor:pointer;font:var(--fs-line) / 1 var(--f-body);color:var(--cream);text-shadow:var(--sh);background:linear-gradient(90deg,#10142c00,#10142cd9 15% 85%,#10142c00);border:0;align-items:center;gap:4px;padding:4px 10px 5px;display:inline-flex}.cs-tool:hover .ctl-label{color:var(--gold-hi)}.ctl-label{margin-left:4px}.ctl-val{color:var(--gold);margin-left:2px}.creator-right{flex-direction:column;min-height:0;display:flex}.opts-head{justify-content:space-between;align-items:baseline;gap:10px;padding:0 2px 8px;display:flex}.oh-title{font:var(--fs-name) / 1 var(--f-body);letter-spacing:3px;text-transform:uppercase;color:var(--gold-hi)}.oh-note{font-size:var(--fs-line);color:var(--dim)}.opts-body{flex:1;min-height:0;padding:0 8px 18px 2px;-webkit-mask-image:linear-gradient(#000 calc(100% - 18px),#0000);mask-image:linear-gradient(#000 calc(100% - 18px),#0000)}.opt-group{margin-bottom:10px}.opt-group.muted .swatches{opacity:.45}.opt-grid{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.tile{min-height:30px;font-size:var(--fs-line);color:var(--dim);background:#0a0d1f8c;align-items:center;padding:2px 8px 4px 10px;line-height:1;display:flex;position:relative;box-shadow:inset 0 0 0 2px #7f5f2c73}.tile.focus{color:var(--cream);box-shadow:inset 0 0 0 2px var(--gold-mid);background:#46508273}.tile.sel{color:var(--gold-hi);box-shadow:inset 0 0 0 2px var(--gold);background:#ddb7671f}.tile.sel:after{content:"";background:var(--gem-s) center / 10px 10px no-repeat;width:10px;height:10px;image-rendering:pixelated;margin-top:-5px;position:absolute;top:50%;right:6px}.nav-list:not(.active) .tile.focus:not(.sel){color:var(--dim);background:#0a0d1f8c;box-shadow:inset 0 0 0 2px #7f5f2c73}.swatches{grid-template-columns:repeat(10,1fr);gap:6px;padding:2px;display:grid}.swatches .sw{place-items:center;height:28px;display:grid}.swatches .sw.focus{background:0 0}.swatch{width:26px;height:22px;box-shadow:0 0 0 2px var(--ink), inset 2px 2px 0 #ffffff38, inset -2px -2px 0 #00000040}.sw.sel .swatch{box-shadow:0 0 0 2px var(--ink), 0 0 0 4px var(--gold), 0 0 0 6px var(--ink), inset 2px 2px 0 #ffffff38}.nav-list.active .sw.focus .swatch{box-shadow:0 0 0 2px var(--ink), 0 0 0 4px var(--gold-w), 0 0 0 6px var(--ink);transform:translateY(-2px)}.board-win{flex-direction:column;width:min(1180px,100%);height:min(660px,100%);display:flex}.board-body{flex:1;grid-template-columns:290px minmax(0,1fr);gap:30px;min-height:0;display:grid}.board-side{flex-direction:column;min-height:0;display:flex}.hero-card{align-items:center;gap:16px;padding:4px 4px 14px 6px;display:flex}.hero-card .portrait-box{width:68px;height:68px}.hc-body{flex-direction:column;gap:8px;min-width:0;display:flex}.hc-name{font:var(--fs-name) / 1 var(--f-body);letter-spacing:3px;text-transform:uppercase;color:var(--orange);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hc-row{align-items:baseline;gap:18px;display:flex}.hc-lv,.hc-gold{align-items:baseline;gap:4px;display:inline-flex}.hc-gold{align-items:center}.hc-lv b,.hc-gold b{font:24px / 1 var(--f-num);font-weight:400}.board-cmds{margin-bottom:10px}.board-tip{margin-top:auto;padding:10px 4px 0;line-height:22px}.board-main{flex-direction:column;min-width:0;min-height:0;display:flex}.rooms-head{font:var(--fs-small) / 1 var(--f-tiny);letter-spacing:3px;text-transform:uppercase;color:var(--gold-mid);grid-template-columns:34px 1fr 200px 24px;gap:14px;padding:0 12px 6px 32px;display:grid}.rooms{flex:1;min-height:0;padding-top:2px;overflow-y:auto}.room-row{grid-template-columns:34px 1fr 200px 24px;align-items:center;gap:14px;min-height:52px;padding:6px 12px 8px 6px;display:grid}.room-row+.room-row{background-image:repeating-linear-gradient(90deg,#7f5f2c80 0 2px,#0000 2px 6px);background-repeat:no-repeat;background-size:100% 2px}.room-row.focus+.room-row{background-image:none}.rr-season{place-items:center;display:grid}.rr-name{flex-direction:column;gap:4px;min-width:0;display:flex}.room-row .rn{white-space:nowrap;text-overflow:ellipsis;font-size:24px;line-height:1;overflow:hidden}.room-row .rs{font-size:var(--fs-line);color:var(--dim)}.room-row .rp{justify-content:flex-end;align-items:center;gap:4px;display:flex}.room-row .rp b{font:24px / 1 var(--f-num);margin-left:8px;font-weight:400}.room-row .rp>span:last-child{font:24px / 1 var(--f-num);color:var(--dim)}.pips{grid-template-columns:repeat(6,8px);gap:3px;display:grid}.pips i{width:8px;height:6px;box-shadow:0 0 0 1px var(--ink);background:#252a48}.pips i.on{background:var(--gold)}.room-row.full{color:var(--dim)}.room-row.full .rp b{color:var(--ruby-hi)}.room-row.full .pips i.on{background:var(--ruby)}.rooms-empty{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:50px 20px;display:flex}.board-status{color:var(--cream);background:repeating-linear-gradient(90deg, var(--gold-lo) 0 2px, transparent 2px 6px) top / 100% 2px no-repeat;justify-content:space-between;margin-top:6px;padding:10px 4px 0;display:flex}.create-room{width:min(620px,100vw - 40px)}.connecting{background:linear-gradient(90deg,#10142c00,#10142ce6 18% 82%,#10142c00);flex-direction:column;align-items:center;gap:8px;width:max-content;margin:0 auto;padding:8px 60px 10px;display:flex;position:absolute;bottom:16%;left:0;right:0}.connecting:before,.connecting:after{content:"";background:linear-gradient(90deg, #ddb76700, var(--gold) 20%, var(--gold) 80%, #ddb76700);height:2px;position:absolute;left:0;right:0}.connecting:before{top:0}.connecting:after{bottom:0}.connecting .dots{font:var(--fs-small) / 1 var(--f-tiny);letter-spacing:4px;text-transform:uppercase;color:var(--gold)}.connecting .dots:after{content:"";text-align:left;width:2em;animation:1.2s steps(4,end) infinite dots;display:inline-block}.connecting .gold-text{font:var(--fs-name) / 1 var(--f-body);color:var(--cream);letter-spacing:2px;text-transform:uppercase}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@media (width<=760px){.slots-screen,.board-screen,.creator-screen{justify-content:flex-start;padding:30px 10px 10px}.win-title{flex-wrap:wrap;row-gap:8px}.wt-text{font-size:40px}.wt-hints{display:none}.title-lower{margin-top:44px}.title-foot{letter-spacing:2px;font-size:8px}.title-cmds .opt{min-width:240px}.slots-list{gap:14px;padding-left:22px}.slot-card{gap:12px;min-height:92px;padding:10px 12px 10px 8px}.slot-no{width:38px}.slot-no b{font-size:40px}.slot-card .portrait-box{width:56px;height:56px}.slot-gear{display:none}.slot-meta{gap:4px 14px}.slot-date{display:none!important}.win.f-L{padding:40px 18px 18px}.creator-win{height:100%}.creator-cats>.sec-head{display:none}.creator-body{flex-direction:column;gap:10px;display:flex;overflow-y:auto}.creator-stage{flex:none;order:1;min-height:300px;padding-bottom:0}.creator-left{flex:none;order:2}.creator-left>.sec-head{display:none}.creator-cats{flex-flow:wrap;gap:4px;padding-left:0}.creator-cats .opt.cat{padding:4px 10px 6px}.creator-cats .opt.cat:after,.creator-cats .cat-val,.creator-cats .nav-item.focus:before{display:none}.creator-cats .cc-name{flex:100%;margin-top:4px}.creator-cats .row-button{flex:1;justify-content:center}.creator-right{flex:none;order:3}.opts-body{max-height:none;overflow:visible;-webkit-mask-image:none;mask-image:none}.cs-tools{gap:6px}.cs-tool .key{display:none}.board-win{height:100%}.board-body{flex-direction:column;gap:10px;display:flex}.board-side>.sec-head,.board-tip{display:none}.board-cmds{flex-wrap:wrap;gap:2px 6px;margin:0;padding-left:0;display:flex}.board-cmds .nav-item.focus:before{display:none}.board-cmds .opt{min-height:30px;padding:2px 8px 4px;font-size:22px}.rooms-head,.room-row{grid-template-columns:26px 1fr 64px 18px;gap:8px}.rooms-head{padding-left:32px}.pips{display:none}}.tile.hover:not(.focus){box-shadow:inset 0 0 0 1px var(--gold-mid);color:var(--cream);background:#46508247}.swatches .sw.hover:not(.focus) .swatch{box-shadow:0 0 0 2px var(--ink), 0 0 0 3px var(--gold-mid);transform:translateY(-1px)}.creator-cats .nav-item.hover:not(.focus){cursor:pointer;background:linear-gradient(90deg,#8c96c41f,#8c96c400)}.tile,.swatches .sw{cursor:pointer}.menu-cmds .nav-item.hover:not(.focus),.eq-slots .nav-item.hover:not(.focus){cursor:pointer;background:linear-gradient(90deg,#8c96c41f,#8c96c400)}.hud{pointer-events:none;position:absolute;inset:0}.hud button,.hud input,.hud .mm-view,.hud .chat-hint{pointer-events:auto}body.ui-blocking .hud .hotbar{filter:saturate(.7)brightness(.85)}body.dialog-open .hud .hud-br,body.dialog-open .hud .hud-chat,body.dialog-open .hud .hud-prompt{opacity:0;transition:opacity .15s steps(3,end)}body.dialog-open .hud .hud-tl,body.dialog-open .hud .hud-tr{opacity:.55}.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, repeating-linear-gradient(90deg, var(--gold-lo) 0 2px, transparent 2px 6px) right / 28% 2px no-repeat;height:2px;position:absolute;left:0;right:0}.band:before{top:0}.band:after{bottom:0}.hud-tl{width:270px;text-shadow:var(--sh);flex-direction:column;align-items:flex-start;gap:4px;display:flex;position:absolute;top:16px;left:16px}.hud-tl>*{min-width:270px}.hud-place{align-items:center;gap:8px;max-width:460px;min-height:40px;padding:5px 60px 6px 8px;display:flex}.pl-star{flex:none}.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;text-overflow:ellipsis;overflow:hidden}.pl-region:empty{display:none}.hud-vitals{grid-template-columns:26px minmax(0,1fr);column-gap:6px;padding:5px 34px 5px 8px;display:grid}.vt-lv{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.vt-lv small{font:14px / 1 var(--f-body);color:var(--gold);letter-spacing:1px}.vt-lvnum{font:30px / .8 var(--f-num);color:var(--cream);text-shadow:0 2px 0 var(--ink);font-weight:400}.vt-bars{flex-direction:column;gap:0;display:flex}.vt-bars .bar{grid-template-columns:16px 116px auto;column-gap:6px}.vt-bars .bar.no-num{grid-template-columns:16px 116px}.vt-bars .bar-label{font:14px / 1 var(--f-body);letter-spacing:1px;color:var(--gold);width:auto}.vt-bars .bar-track{height:6px;box-shadow:0 0 0 2px #3b3a44, 0 0 0 4px var(--ink);background:#090b18;margin:3px 0}.vt-bars .bar-hp .bar-fill{background:linear-gradient(#f59a84 0 2px,#d8463b 2px 4px,#a8302a 4px)}.vt-bars .bar-mp .bar-fill{background:linear-gradient(#a6ccff 0 2px,#4a82dc 2px 4px,#2f5aae 4px)}.vt-bars .bar-sp .bar-track{height:4px}.vt-bars .bar-sp .bar-fill{background:linear-gradient(#fff3cc 0 2px,#c9b27a 2px)}.vt-bars .bar-num{font-size:16px}.vt-bars .bar-tick{top:2px}.vt-xp{grid-column:1/-1;padding:3px 0 1px}.vt-xp .bar-track{height:2px;box-shadow:0 0 0 2px var(--ink);background:#2a2a3a;margin:0}.hud-vitals.down .vt-bars{filter:grayscale(.8)}.hud-party{flex-direction:column;gap:4px;display:flex}.ps{flex-direction:column;gap:3px;padding:4px 30px 4px 8px;animation:.2s steps(3,end) both slide-in-l;display:flex}.ps-head{align-items:center;gap:6px;min-width:0;display:flex}.ps-name{font:15px / 1 var(--f-body);letter-spacing:2px;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;max-width:120px;overflow:hidden}.ps-lv{align-items:baseline;gap:2px;display:inline-flex}.ps-lv small{font:8px / 1 var(--f-tiny);color:var(--gold)}.ps-lv b{font:15px / 1 var(--f-num);font-weight:400}.ps-meta{color:var(--dim);white-space:nowrap;margin-left:auto;font-size:15px}.ps-bars{flex-direction:column;gap:3px;padding-left:14px;display:flex}.ps-bars .bar{width:96px}.ps-bars .bar-track{height:4px;box-shadow:0 0 0 2px var(--ink);margin:0}.ps-bars .bar-mp .bar-track{height:2px}.ps.down .ps-name{color:var(--dim)}.ps.down .ps-meta{color:var(--ruby-hi)}.ps.down .bar-hp .bar-track{background:#3a0a10;animation:.8s step-end infinite low-blink}.ps.away{opacity:.62}.hud-party .more{font-size:var(--fs-line);color:var(--dim);padding-left:10px}.hud-tr{flex-direction:column;align-items:stretch;gap:14px;width:128px;display:flex;position:absolute;top:18px;right:18px}.hud-clock{align-items:center;gap:6px;padding:5px 8px 6px 6px;display:flex}.ck-icon{flex:none;place-items:center;width:34px;height:34px;display:grid}.ck-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.ck-time{font:25px / .8 var(--f-num);color:var(--cream);letter-spacing:1px}.ck-phase{font:14px / 1 var(--f-body);color:var(--gold);white-space:nowrap}.hud-clock[data-phase=night] .ck-phase{color:var(--sapphire)}.ck-day{height:4px;box-shadow:0 0 0 2px var(--ink);background:linear-gradient(90deg,#2a3570 0 20%,#b0697a 22% 28%,#e8dcb6 32% 66%,#e09a4a 70% 78%,#7a4a86 80% 84%,#2a3570 86%);margin-top:2px;position:relative}.ck-mark{background:var(--gold-w);width:2px;height:10px;box-shadow:0 0 0 1px var(--ink);margin-left:-1px;position:absolute;top:-3px}.mm-win{padding:4px}.mm-view{cursor:pointer;background:#0d1126;width:112px;height:112px;position:relative;overflow:hidden}.mm-canvas{width:112px;height:112px;display:block}.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:5px;margin-top:-2px;display:flex}.hud-btn{cursor:pointer;width:27px;height:26px;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 6px;display:grid;position:relative}.hud-btn .key{min-width:16px;height:16px;padding:0 2px 2px;font-size:13px;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:active{transform:translateY(2px)}.hud-br{flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;bottom:12px;right:16px}.hud-purse{text-shadow:var(--ol1), var(--sh);align-items:center;gap:6px;padding:0 6px;display:flex}.hud-purse b{font:20px / 1 var(--f-num);color:var(--cream);font-weight:400}.hud-purse small{font:8px / 1 var(--f-tiny);color:var(--gold)}.loot-feed{pointer-events:none;flex-direction:column;align-items:flex-end;gap:4px;display:flex}.loot-feed.floating{position:absolute;bottom:150px;right:16px}.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) both slide-in-r;display:flex}.feed-row.out{animation:.35s steps(3,end) both fade-out}.fr-icon{place-items:center;width:24px;height:24px;display:grid}.fr-count{font:20px / 1 var(--f-num);color:var(--gold);font-weight:400}.fr-gold .fr-name{color:var(--gold-hi)}.fr-xp .fr-name{color:#cfe0ff}.hotbar{pointer-events:auto;align-items:flex-end;gap:4px;display:flex}.slot{cursor:pointer;touch-action:none;width:52px;color:var(--cream);background:0 0;border:0;flex-direction:column;align-items:center;gap:0;padding:0;display:flex;position:relative}.sk-sock{background:radial-gradient(circle at 50% 40%,#252d58,#0e1229 80%);place-items:center;width:40px;height:40px;display:grid;position:relative}.sk-sock:after{content:"";z-index:2;pointer-events:none;inset:calc(-1 * var(--frame-card-o));border:var(--frame-card-w) solid transparent;border-image:var(--frame-cardSel) var(--frame-card-s) / var(--frame-card-w) repeat;image-rendering:pixelated;position:absolute}.slot-icon{place-items:center;display:grid;position:absolute;inset:0}.slot-icon canvas{display:block}.slot .cd{height:calc(var(--cd,0) * 36px);pointer-events:none;z-index:1;background:#050710c2 repeating-linear-gradient(90deg, var(--gold) 0 2px, transparent 2px 4px) top / 100% 2px no-repeat;position:absolute;bottom:2px;left:2px;right:2px}.slot .cd-num{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}.slot.cooling .slot-icon{filter:saturate(.4)brightness(.75)}.slot .cost{z-index:2;font:13px / 1 var(--f-num);color:#9cc2ff;text-shadow:var(--ol1);position:absolute;bottom:1px;right:3px}.slot .count{z-index:2;font:13px / 1 var(--f-num);color:var(--cream);text-shadow:var(--ol1);position:absolute;top:3px;right:3px}.sk-keys{z-index:3;gap:2px;margin-top:-9px;display:flex;position:relative}.sk-keys .key{min-width:16px;height:16px;padding:0 3px 2px;font-size:13px}.hb-name{max-width:54px;font:14px / 13px var(--f-body);text-align:center;color:var(--cream);text-shadow:var(--ol1), var(--sh);white-space:normal;margin-top:2px}.slot .need{z-index:4;font:13px / 1 var(--f-num);color:var(--gold-hi);box-shadow:0 0 0 2px var(--gold-mid), 0 0 0 4px var(--ink);white-space:nowrap;background:#161b3a;padding:1px 5px 2px;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.slot .lock{z-index:2;place-items:center;display:grid;position:absolute;inset:0}.slot.locked .slot-icon{filter:grayscale()brightness(.32)}.slot.locked .cost{display:none}.slot.locked .hb-name{color:var(--faint)}.slot.nomp .slot-icon{filter:saturate(.25)brightness(.55)}.slot.nomp .cost{color:var(--ruby-hi)}.slot.empty .slot-icon{filter:grayscale()brightness(.45)}.slot.empty .count{color:var(--ruby-hi)}.slot.press .sk-sock{filter:brightness(1.35);transform:translateY(2px)}.slot.fail .sk-sock{filter:sepia()hue-rotate(-40deg)saturate(3)brightness(.9)}.slot:hover .sk-sock{filter:brightness(1.15)}.hud-boss{flex-direction:column;gap:6px;width:min(500px,100% - 436px);min-width:300px;margin:0 auto;animation:.3s steps(4,end) both slide-in-u;display:flex;position:absolute;bottom:16px;left:16px;right:420px}.boss-head{align-items:center;gap:14px;padding-left:4px;display:flex}.boss-plate{flex:none;padding:3px 16px 5px}.boss-name{font:20px / 1 var(--f-body);letter-spacing:3px;text-transform:uppercase;color:var(--gold-hi);text-shadow:var(--sh);white-space:nowrap}.boss-sub{min-width:0;font:16px / 1 var(--f-body);color:var(--cream);text-shadow:var(--ol1), var(--sh);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.boss-pips{flex:none;gap:2px;display:flex}.bpip{background:var(--gem-ruby) center / 14px 14px no-repeat;width:14px;height:14px;image-rendering:pixelated}.bpip:not(.on){filter:grayscale()brightness(.45)}.boss-barrow{align-items:center;display:flex}.boss-end{background:var(--gem-ruby) center / 14px 14px no-repeat;width:14px;height:14px;image-rendering:pixelated;z-index:2;flex:none;position:relative}.boss-end.l{margin-right:-6px}.boss-end.r{margin-left:-6px}.bar-boss{flex:1;grid-template-columns:1fr;position:relative}.bar-boss .bar-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;margin:0}.bar-boss .bar-fill{background:linear-gradient(#ffb39e 0 2px,#e0503e 2px 6px,#a4271f 6px)}.bar-boss[data-tier=lo] .bar-fill{animation:.5s step-end infinite low-blink}.boss-marks i{background:var(--gold-hi);z-index:2;width:2px;box-shadow:1px 0 0 var(--ink), -1px 0 0 var(--ink);position:absolute;top:0;bottom:0}.hud.is-down .hud-prompt,.hud.is-down .hud-br{display:none}.hud-prompt{flex-direction:column;align-items:center;gap:6px;animation:.18s steps(3,end) both slide-in-u;display:flex;position:absolute;top:63%;left:50%;transform:translate(-50%)}.pr-plate{text-shadow:var(--sh);background:linear-gradient(90deg,#0c0f2200,#0c0f22e6 20% 80%,#0c0f2200);align-items:center;gap:8px;padding:4px 36px 6px;font-size:20px;display:flex;position:relative}.pr-plate:before,.pr-plate:after{content:"";background:linear-gradient(90deg, #ddb76700, var(--gold) 22%, var(--gold) 78%, #ddb76700);height:2px;position:absolute;left:0;right:0}.pr-plate:before{top:0}.pr-plate:after{bottom:0}.pr-plate .key{animation:.8s steps(2,end) infinite bob-down}.pr-bar{width:140px;height:4px;box-shadow:0 0 0 2px var(--ink);background:#0a0d1f;display:none;position:relative}.hud-prompt.progress .pr-bar{display:block}.pr-prog{background:linear-gradient(var(--gold-w) 0 2px, var(--gold) 2px);position:absolute;top:0;bottom:0;left:0}.hud-chat{width:360px;text-shadow:var(--ol1), var(--sh);position:absolute;bottom:14px;left:16px}.hud.has-boss .hud-chat{bottom:92px}.chat-log{-webkit-user-select:text;user-select:text;max-height:128px;padding:4px 30px 4px 8px;font-size:16px;line-height:18px;transition:opacity .4s steps(4,end);overflow-y:auto}.chat-log:empty{display:none}.hud-chat:not(.fresh):not(.typing):not(:hover) .chat-log{opacity:.55}.hud-chat.typing .chat-log,.hud-chat.fresh .chat-log{background:linear-gradient(90deg,#0c0f22c7,#0c0f2299 70%,#0c0f2200)}.chat-line{word-wrap:break-word}.chat-line .who{color:var(--orange);margin-right:8px}.chat-line.me .who{color:var(--sapphire)}.chat-line.sys{color:var(--gold-hi)}.chat-line .gem-mark{vertical-align:1px;margin-right:6px}.chat-entry{align-items:center;gap:6px;padding:4px 0 0 4px;display:flex}.chat-input{height:30px;font-size:20px;display:none}.hud-chat.typing .chat-input{display:block}.hud-chat.typing .chat-hint{display:none}.chat-hint .key{min-width:16px;height:16px;padding:0 4px 2px;font-size:13px}.chat-hint{color:var(--dim);cursor:pointer;align-items:center;gap:6px;font-size:16px;display:flex}.banner{pointer-events:none;text-shadow:var(--sh);flex-direction:column;align-items:center;animation:.3s steps(4,end) both fade-in;display:flex;position:absolute;top:96px;left:0;right:0}.banner.out{animation:.45s steps(4,end) both fade-out}.banner-card{background:linear-gradient(90deg,#0c0f2200,#0c0f22db 24% 76%,#0c0f2200);flex-direction:column;align-items:center;gap:6px;max-width:calc(100vw - 20px);padding:12px 140px 14px;display:flex;position:relative}.bc-line{background:linear-gradient(90deg, #ddb76700, var(--gold) 24%, var(--gold) 76%, #ddb76700);height:2px;animation:.5s steps(8,end) both line-open;position:absolute;left:0;right:0}.bc-line.t{top:0}.bc-line.b{bottom:0}@keyframes line-open{0%{clip-path:inset(0 50%)}to{clip-path:inset(0)}}.bz-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}.bz-sub{font:var(--fs-line) / 1 var(--f-body);color:var(--gold-hi)}.bl-kicker,.bb-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}.bl-word{margin:2px 0;display:block}.bl-gains{flex-wrap:wrap;justify-content:center;gap:4px 22px;max-width:520px;display:flex}.gain{font-size:var(--fs-line);align-items:baseline;gap:6px;display:inline-flex}.gain small{font:var(--fs-small) / 1 var(--f-tiny);color:var(--gold);letter-spacing:1px}.gain b{font:22px / 1 var(--f-num);color:var(--good);font-weight:400}.gain.learned{color:var(--cream);align-items:center}.banner-victory{gap:8px;top:18%}.bv-glow{background:radial-gradient(#f4dc9c2e,#f4dc9c00 65%);width:640px;height:220px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.bv-word{animation:.5s steps(5,end) both pop-in;display:block;position:relative}@keyframes pop-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.bv-divider{animation:.6s steps(8,end) .2s both line-open;position:relative}.bv-sub{color:var(--cream);letter-spacing:1px;text-shadow:0 2px 0 var(--ink);font-size:24px;animation:.4s steps(4,end) .35s both fade-in;position:relative}.banner-boss{top:30%}.banner-card.bb{background:linear-gradient(90deg,#1e081000,#1e0810e0 24% 76%,#1e081000);padding:14px 160px 16px}.banner-card.bb .bc-line{background:linear-gradient(90deg, #d8473a00, var(--ruby) 24%, var(--ruby) 76%, #d8473a00)}.bb-kicker{color:var(--ruby-hi)}.bb-name{font:var(--fs-head) / .8 var(--f-body);letter-spacing:4px;text-transform:uppercase;color:var(--cream);text-shadow:0 4px #3e0a10;white-space:nowrap;animation:.4s steps(4,end) .1s both slide-in-r}.bb-sub{color:#f1d2c6;text-shadow:0 2px 0 var(--ink);font-size:22px}.br-title{font:40px / .85 var(--f-body);letter-spacing:4px;text-transform:uppercase;color:var(--cream);text-shadow:0 4px 0 var(--ink)}.br-sub{font:var(--fs-line) / 1 var(--f-body);color:var(--gold-hi)}.toast-stack{pointer-events:none;flex-direction:column;align-items:center;gap:4px;min-width:300px;max-width:calc(100% - 520px);display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.toast{text-shadow:var(--sh);background:linear-gradient(90deg,#0c0f2200,#0c0f22e6 20% 80%,#0c0f2200);align-items:center;gap:10px;padding:6px 56px 8px;font-size:22px;line-height:1;animation:.2s steps(3,end) both fade-in;display:flex;position:relative}.toast:before,.toast:after{content:"";background:linear-gradient(90deg, #ddb76700, var(--gold-mid) 20%, var(--gold-mid) 80%, #ddb76700);height:2px;position:absolute;left:0;right:0}.toast:before{top:0}.toast:after{bottom:0}.toast.out{animation:.35s steps(3,end) both fade-out}.toast-icon{place-items:center;display:grid}.toast-text{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.toast-error{color:var(--ruby-hi)}.toast-error:before,.toast-error:after{background:linear-gradient(90deg, #d8473a00, var(--ruby) 20%, var(--ruby) 80%, #d8473a00)}.toast-join,.toast-leave{color:var(--gold-hi)}.fade{opacity:0;pointer-events:none;background:#000;position:absolute;inset:0}.fade.on{opacity:1;pointer-events:auto}.ko{pointer-events:none;place-items:center;animation:.6s steps(6,end) both fade-in;display:grid;position:absolute;inset:0}.ko.out{animation:.4s steps(4,end) both fade-out}.ko-veil{-webkit-backdrop-filter:grayscale(.85)brightness(.75);background:radial-gradient(75% 70% at 50% 46%,#09050e8f 0 46%,#0a040ca8 46% 64%,#09030ac2 64% 80%,#060206db 80%);position:absolute;inset:0}.ko-body{text-align:center;text-shadow:var(--sh);flex-direction:column;align-items:center;gap:10px;animation:.5s steps(5,end) .2s both slide-in-u;display:flex;position:relative}.ko-word{display:block}.ko-line{font-size:var(--fs-body);margin-top:6px}.ko-count{font:34px / 1 var(--f-num);color:var(--gold-hi);font-weight:400}.ko-hint{font-size:var(--fs-line);color:var(--dim);justify-content:center;align-items:center;gap:8px;display:flex}.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,.hud.touch .sk-keys,.hud.touch .hb-name,.hud.touch .chat-hint .key{display:none}.hud.touch .hotbar{pointer-events:none;width:300px;height:270px;display:block;position:relative}.hud.touch .slot{pointer-events:auto;width:auto;position:absolute}.hud.touch .slot .sk-sock{width:60px;height:60px}.hud.touch .slot .cd{height:calc(var(--cd,0) * 56px)}.hud.touch .slot-attack{bottom:6px;right:6px}.hud.touch .slot-attack .sk-sock{width:92px;height:92px}.hud.touch .slot-attack .cd{height:calc(var(--cd,0) * 88px)}.hud.touch .slot-dodge{bottom:6px;right:122px}.hud.touch .slot-whirl{bottom:90px;right:116px}.hud.touch .slot-bolt{bottom:124px;right:34px}.hud.touch .slot-bloom{bottom:70px;right:200px}.hud.touch .slot-nova{bottom:176px;right:104px}.hud.touch .slot-potion{bottom:206px;right:20px}.hud.touch .slot .need{top:-14px}.hud.touch .slot-icon canvas{transform:scale(1.5)}.hud.touch .slot-attack .slot-icon canvas{transform:scale(2.5)}@media (width<=760px){.hud .slot-icon canvas{transform:scale(1.5)}.hud .slot-attack .slot-icon canvas{transform:scale(2.5)}.hud-tl{gap:4px;width:250px;top:10px;left:10px}.hud-tl>*{min-width:250px}.hud-place{max-width:330px;padding-right:40px}.vt-bars .bar{grid-template-columns:16px 104px auto}.vt-bars .bar.no-num{grid-template-columns:16px 104px}.ps:nth-child(n+4){display:none}.hud-tr{gap:10px;width:128px;top:12px;right:12px}.ck-icon,.ck-day{display:none}.hud-btns{justify-content:center;gap:6px;margin-top:2px}.hud-btn .key{display:none}.hud-btn{width:28px;height:28px;padding:0}.hud-boss{width:auto;min-width:0;inset:276px 10px auto}.hud.has-boss .hud-chat{bottom:200px}.boss-sub{display:none}.hud-chat{width:min(64vw,300px);bottom:190px;left:10px}.chat-log{max-height:84px}.hud-br{bottom:8px;right:8px}.hud .sk-keys,.hud .hb-name{display:none}.hud .hotbar{pointer-events:none;width:300px;height:270px;display:block;position:relative}.hud .slot{pointer-events:auto;width:auto;position:absolute}.hud .slot .sk-sock{width:60px;height:60px}.hud .slot .cd{height:calc(var(--cd,0) * 56px)}.hud .slot-attack{bottom:6px;right:6px}.hud .slot-attack .sk-sock{width:92px;height:92px}.hud .slot-attack .cd{height:calc(var(--cd,0) * 88px)}.hud .slot-dodge{bottom:6px;right:122px}.hud .slot-whirl{bottom:90px;right:116px}.hud .slot-bolt{bottom:124px;right:34px}.hud .slot-bloom{bottom:70px;right:200px}.hud .slot-nova{bottom:176px;right:104px}.hud .slot-potion{bottom:206px;right:20px}.hud .hud-prompt{top:56%}.toast-stack{min-width:0;max-width:calc(100% - 20px);top:auto;bottom:46%}.toast{padding:5px 30px 7px;font-size:18px}.banner{top:30%}.banner-card{padding:10px 50px 12px}.bz-title,.br-title{letter-spacing:2px;white-space:normal;text-align:center;font-size:30px}.bb-name{white-space:normal;text-align:center;font-size:40px}.banner-card.bb{padding:12px 40px 14px}}.menu-modal{padding:40px 28px 22px}.menu-screen{justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex}.menu-win{flex-direction:column;width:min(1180px,100%);height:min(640px,100%);display:flex}.menu-hints{display:flex}.menu-body{flex:1;grid-template-columns:220px minmax(0,1fr);gap:28px;min-height:0;display:grid}.menu-left{flex-direction:column;min-height:0;display:flex}.menu-cmds{margin-bottom:14px}.menu-cmds .opt{min-height:36px}.menu-cmds.parked .nav-item.focus{background:linear-gradient(90deg,#ddb76729,#ddb76700)}.menu-cmds.parked .nav-item.focus .opt,.menu-cmds.parked .nav-item.focus span{color:var(--gold-hi)}.menu-info{flex-direction:column;gap:6px;padding:0 2px;display:flex}.mi-row{grid-template-columns:18px 1fr auto;align-items:center;gap:8px;display:grid}.mi-row span{font:var(--fs-small) / 1 var(--f-tiny);color:var(--gold);letter-spacing:2px;text-transform:uppercase}.mi-row b{font:22px / 1 var(--f-num);font-weight:400}.mi-zone{font-size:var(--fs-line);color:var(--dim);align-items:center;gap:8px;margin-top:4px;display:flex}.menu-pane-host{min-width:0;min-height:0;display:flex}.menu-pane{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.pane-anim{animation:.14s steps(3,end) both fade-in}.pane-sub{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.empty-note{color:var(--dim);font-size:var(--fs-line);text-align:center;padding:20px}.tabs-strip{align-items:center;gap:14px;display:flex}.tab{cursor:pointer;font:var(--fs-small) / 1 var(--f-tiny);letter-spacing:4px;text-transform:uppercase;color:var(--faint);align-items:center;gap:6px;padding:2px 4px 6px;display:inline-flex}.tab .gem-mark{display:none}.tab.sel{color:var(--cream);background:linear-gradient(90deg, #ddb76700, var(--gold) 30%, var(--gold) 70%, #ddb76700) bottom / 100% 2px no-repeat}.tab.sel .gem-mark{display:inline-block}.detail-win{flex:none;min-height:104px;margin-top:12px}.item-detail{align-items:flex-start;gap:16px;display:flex}.item-detail.empty{justify-content:center;align-items:center;min-height:72px}.id-icon{width:64px;height:64px;box-shadow:inset 0 0 0 2px var(--ink), 0 0 0 2px var(--gold-mid), 0 0 0 4px var(--ink);background:#0a0d1f;flex:none;place-items:center;display:grid}.id-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.id-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.id-name{font:var(--fs-name) / 1 var(--f-body);letter-spacing:2px;text-transform:uppercase}.id-tag{font:var(--fs-small) / 1 var(--f-tiny);letter-spacing:2px;text-transform:uppercase}.id-desc{font-size:var(--fs-line);color:var(--cream);line-height:20px}.id-bonus{flex-wrap:wrap;align-items:center;gap:4px 20px;display:flex}.id-bonus span{align-items:baseline;gap:6px;display:inline-flex}.id-bonus small{font:var(--fs-small) / 1 var(--f-tiny);color:var(--gold);letter-spacing:1px;text-transform:uppercase}.id-bonus b{font:22px / 1 var(--f-num);color:var(--good);font-weight:400}.id-hint{font-size:var(--fs-line);align-items:center;gap:8px;margin-top:2px;display:flex}.item-row{align-items:center;gap:10px;min-width:0;min-height:34px;padding:2px 10px 4px 4px;font-size:24px;display:flex}.ir-icon{flex:none;place-items:center;width:28px;height:28px;display:grid}.ir-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.ir-right{font:22px / 1 var(--f-num);flex:none}.ir-right small{color:var(--dim);margin-right:1px;font-size:18px}.item-row.equipped .ir-name:after{content:"E";vertical-align:3px;font:8px / 1 var(--f-tiny);color:var(--ink);text-shadow:none;background:var(--gold);box-shadow:0 0 0 2px var(--ink);margin-left:8px;padding:2px 3px 1px;display:inline-block}.eq-tag{font:var(--fs-small) / 1 var(--f-tiny);color:var(--faint);letter-spacing:1px;text-transform:uppercase}.cmp{width:10px;height:8px;display:inline-block}.cmp.up{background:var(--good);clip-path:polygon(50% 0,100% 100%,0 100%)}.cmp.down{background:var(--bad);clip-path:polygon(0 0,100% 0,50% 100%)}.cmp.eq{background:var(--faint);height:2px}.items-scroll{flex:1;min-height:0}.item-list{grid-template-columns:1fr;padding-right:8px;display:grid}.pane-items .item-list{grid-template-columns:1fr 1fr;column-gap:54px}.pane-items .item-list .sec-head,.pane-items .item-list .empty-note{grid-column:1/-1}.item-list .sec-head{margin-top:8px}.eq-top{flex:1;gap:26px;min-height:0;display:flex}.eq-hero{flex-direction:column;flex:none;align-items:center;gap:8px;width:230px;min-height:0;display:flex}.eq-stage{flex-direction:column;align-items:center;padding-top:4px;display:flex;position:relative}.eq-stage .charview{z-index:2;margin-bottom:calc(-1 * var(--foot-y,0px) - 16px);position:relative}.eq-dais{z-index:1;display:block;position:relative}.eq-stats{flex-direction:column;gap:2px;width:100%;display:flex}.stat-line{grid-template-columns:1fr 50px 16px 50px;align-items:center;gap:6px;min-height:24px;display:grid}.sl-name{font:var(--fs-small) / 1 var(--f-tiny);color:var(--gold);letter-spacing:2px;text-transform:uppercase;white-space:nowrap}.sl-a,.sl-b{font:24px / 1 var(--f-num);text-align:right;justify-content:flex-end;align-items:center;gap:4px;display:inline-flex}.sl-arrow{background:var(--gold-mid);clip-path:polygon(0 0,100% 50%,0 100%);justify-self:center;width:8px;height:10px}.stat-line.up .sl-b{color:var(--good)}.stat-line.down .sl-b{color:var(--bad)}.eq-right{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.eq-slots{flex:none}.eq-slot{grid-template-columns:90px 1fr;align-items:center;min-height:36px;padding-left:6px;display:grid}.eq-slot-name{font:var(--fs-small) / 1 var(--f-tiny);color:var(--gold);letter-spacing:2px;text-transform:uppercase}.eq-none{font-size:var(--fs-line);padding-left:42px}.eq-vis-head{margin-left:-26px;padding-top:6px}.eq-vis{min-height:32px;font-size:var(--fs-line)}.eq-vis .row-label{width:170px;font-size:22px}.eq-vis .pill{font-size:20px}.eq-cands{flex:1;min-height:50px}.item-row.remove .dim{flex:1}.st-wrap{flex:1;gap:30px;min-height:0;display:flex}.st-hero{background:radial-gradient(50% 45% at 50% 52%,#f4dc9c1a,#f4dc9c00);flex-direction:column;flex:none;justify-content:center;align-items:center;gap:22px;width:230px;display:flex}.st-actions{padding-left:26px}.st-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.st-name{align-items:baseline;gap:18px;display:flex}.st-hero-name{font:var(--fs-head) / .8 var(--f-body);letter-spacing:3px;text-transform:uppercase;color:var(--orange);text-shadow:0 4px 0 var(--ink)}.st-lv{align-items:baseline;gap:4px;display:inline-flex}.st-lv small{font:var(--fs-small) / 1 var(--f-tiny);color:var(--gold)}.st-lv b{font:36px / 1 var(--f-num);font-weight:400}.st-bars{flex-direction:column;gap:2px;max-width:460px;margin:6px 0 4px;display:flex}.st-bars .bar-label{width:40px}.st-bars .bar-xp .bar-track{height:6px}.st-next{text-align:right}.st-next .num{color:var(--gold-hi);font-size:20px}.st-grid{grid-template-columns:repeat(2,minmax(0,220px));column-gap:40px;display:grid}.st-grid .stat-line{grid-template-columns:1fr auto}.st-gear{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;display:grid}.st-gear-row{grid-template-columns:80px 1fr;align-items:center;display:grid}.sk-head,.sk-row{grid-template-columns:46px 1fr 74px 74px 64px 80px;align-items:center;gap:10px;padding-right:10px;display:grid}.sk-head{font:var(--fs-small) / 1 var(--f-tiny);letter-spacing:2px;text-transform:uppercase;color:var(--gold-mid);padding-bottom:6px;padding-left:26px}.sk-scroll{flex:1;min-height:0}.sk-row{min-height:48px}.sk-icon{width:40px;height:40px;box-shadow:inset 0 0 0 2px var(--ink), 0 0 0 2px var(--gold-mid), 0 0 0 4px var(--ink);background:#0a0d1f;place-items:center;display:grid;position:relative}.sk-lock{position:absolute;bottom:-6px;right:-6px}.sk-row.locked .sk-icon canvas{filter:grayscale()brightness(.45)}.sk-row.locked .sk-name{color:var(--faint)}.sk-name{font-size:24px}.sk-mp,.sk-cd{font:22px / 1 var(--f-num);text-align:right}.sk-mp small{font:16px / 1 var(--f-tiny);color:var(--sapphire);margin-right:4px}.sk-unlock{font:22px / 1 var(--f-num);text-align:right;justify-content:flex-end;display:flex}.pt-scroll{flex:1;min-height:0}.pt-row{grid-template-columns:60px 1fr 270px 80px;align-items:center;gap:16px;min-height:70px;padding:4px 10px 4px 4px;display:grid;position:relative}.pt-row .portrait-box{width:52px;height:52px}.pt-row.down .portrait-box{filter:grayscale()brightness(.7)}.pt-row .pf-skull{position:absolute;bottom:2px;right:2px}.pt-id{flex-direction:column;gap:6px;min-width:0;display:flex}.pt-name{font:var(--fs-name) / 1 var(--f-body);letter-spacing:2px;text-transform:uppercase;color:var(--orange);align-items:center;gap:8px;display:flex}.pt-name>span:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pt-you{font:var(--fs-small) / 1 var(--f-tiny);color:var(--gold);letter-spacing:2px}.pt-lv{align-items:baseline;gap:6px;display:flex}.pt-lv small{font:var(--fs-small) / 1 var(--f-tiny);color:var(--gold)}.pt-lv b{font:22px / 1 var(--f-num);font-weight:400}.pt-zone{font-size:var(--fs-line);color:var(--dim);margin-left:10px}.pt-row.down .pt-zone{color:var(--ruby-hi)}.pt-bars{flex-direction:column;gap:0;display:flex}.pt-kick{color:var(--ruby-hi);font-size:var(--fs-line);text-align:right}.nav-item:not(.focus) .pt-kick{color:var(--faint)}.pt-foot{font-size:var(--fs-line);color:var(--dim);background:repeating-linear-gradient(90deg, var(--gold-lo) 0 2px, transparent 2px 6px) top / 100% 2px no-repeat;padding-top:10px}.rm-info{flex-direction:column;gap:10px;padding:0 4px 14px;display:flex}.rm-title{font:var(--fs-name) / 1 var(--f-body);letter-spacing:3px;text-transform:uppercase;color:var(--orange);align-items:center;gap:12px;display:flex}.rm-meta{font-size:var(--fs-line);flex-wrap:wrap;gap:6px 26px;display:flex}.rm-meta span{align-items:baseline;gap:8px;display:inline-flex}.rm-link{font-size:var(--fs-line);color:var(--sapphire);-webkit-user-select:text;user-select:text;word-break:break-all}.rm-form{flex:1;min-height:0}.rm-note{font-size:var(--fs-line);padding:10px 26px}.leave-text{font-size:var(--fs-body);padding:10px 6px 26px;line-height:32px}.leave-list{width:280px}.settings-form .row-label{width:200px}.set-note{margin-top:auto;padding-top:14px}.settings-window{width:min(660px,100vw - 40px)}.controls-win{flex-direction:column;width:min(980px,100vw - 40px);max-height:calc(100vh - 60px);display:flex}.controls-win .ctl-cols{min-height:0;overflow-y:auto}.ctl-cols{grid-template-columns:1.15fr 1fr;gap:40px;display:grid}.ctl-table{flex-direction:column;gap:4px;margin-bottom:14px;display:flex}.ctl-row{grid-template-columns:116px 1fr auto;align-items:center;gap:12px;min-height:26px;font-size:22px;display:grid}.ctl-keys{justify-content:flex-end;align-items:center;gap:3px;display:flex}.ctl-alt{font-size:var(--fs-line);color:var(--dim)}.ctl-touch{color:var(--cream);line-height:22px}.ctl-close{justify-content:flex-end}.dlg{pointer-events:none;padding:0 20px 18px;display:flex;position:absolute;bottom:0;left:0;right:0}.dlg>*{pointer-events:auto}.dlg.out{animation:.15s steps(3,end) both fade-out}.dl-box{flex-direction:column;align-items:stretch;width:min(900px,100%);display:flex;position:relative}.dl-win{cursor:pointer;align-items:flex-start;gap:20px;min-height:136px;padding:24px 52px 20px 26px;display:flex}.dl-win.has-plate{padding-top:26px}.dl-plate{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;animation:.2s steps(3,end) both slide-in-l;display:flex;position:absolute;top:-16px;left:64px}.dl-portrait{width:84px;height:84px;margin-top:4px}.dl-portrait canvas{top:46%}.dl-text{font-size:var(--fs-body);white-space:pre-wrap;flex:1;min-height:64px;padding-top:6px;line-height:32px}.dl-hidden{visibility:hidden}.dl-more{width:var(--advance-w);height:var(--advance-h);background:var(--advance) no-repeat;image-rendering:pixelated;z-index:3;animation:.8s steps(2,end) infinite bob-down;position:absolute;bottom:16px;right:28px}.dl-more.end{filter:saturate(.4)brightness(1.2)}.dl-choices-host{justify-content:flex-end;padding-right:20px;display:flex}.dl-choices{min-width:300px;margin-bottom:22px;padding:20px 26px 18px}.dl-choices .opt{min-height:34px;padding-right:24px}.shop-modal{padding:40px 28px 22px}.shop-win{flex-direction:column;width:min(1060px,100%);height:min(620px,100%);display:flex}.shop-bar{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.shop-gold{box-shadow:0 0 0 2px var(--gold-lo), 0 0 0 4px var(--ink);background:#0a0d1f;align-items:center;gap:8px;padding:2px 14px 4px;display:flex}.shop-gold b{font:26px / 1 var(--f-num);font-weight:400}.shop-gold small{font:var(--fs-small) / 1 var(--f-tiny);color:var(--gold)}.shop-body{flex:1;gap:24px;min-height:0;display:flex}.shop-left{flex-direction:column;flex:1.3;min-width:0;display:flex}.shop-head{font:var(--fs-small) / 1 var(--f-tiny);letter-spacing:2px;text-transform:uppercase;color:var(--gold-mid);grid-template-columns:1fr 70px 100px;padding:0 10px 6px 30px;display:grid}.shop-head span:not(:first-child){text-align:right}.shop-scroll{flex:1;min-height:0}.shop-row{grid-template-columns:1fr 70px 100px;align-items:center;padding-right:10px;display:grid}.shop-row .item-row{padding-right:0}.sr-owned{text-align:right;font:22px / 1 var(--f-num);color:var(--dim)}.sr-price{text-align:right;font:24px / 1 var(--f-num);justify-content:flex-end;align-items:baseline;gap:4px;display:flex}.sr-price small{font:var(--fs-small) / 1 var(--f-tiny);color:var(--gold)}.shop-row.poor .sr-price{color:var(--ruby-hi)}.shop-row.poor .ir-name{opacity:.6}.shop-right{flex:1;min-width:0;overflow-y:auto}.shop-detail .item-detail{flex-direction:column;align-items:stretch}.shop-detail .id-icon{align-self:center;margin:6px 0 8px}.sd-owned{font-size:var(--fs-line);align-items:baseline;gap:10px;margin-top:6px;display:flex}.sd-cmp{flex-direction:column;gap:2px;margin-top:8px;display:flex}.sd-cmp .stat-line{grid-template-columns:1fr 50px 16px 50px}.qty-win{text-align:center;min-width:360px}.qty-item{font-size:var(--fs-body);justify-content:center;align-items:center;gap:10px;display:flex}.qty-row{justify-content:center;align-items:center;gap:18px;margin:10px 0;display:flex;position:relative}.qty-num{font:48px / .9 var(--f-num);min-width:70px;color:var(--cream);font-weight:400}.qty-max{font-size:var(--fs-line);color:var(--dim);position:absolute;right:6px}.qty-row .arrow{width:24px;height:28px}.qty-row .arrow:before{width:12px;height:18px}.qty-total{font-size:var(--fs-body);justify-content:center;align-items:baseline;gap:10px;display:flex}.qty-total .num{color:var(--gold-hi);font-size:28px}.qty-win>.dim,.qty-win>span.dim{font-size:var(--fs-line);margin-top:4px;display:block}.qty-actions{justify-content:center;margin-top:14px;padding-left:26px}.emote-modal{place-items:end center;padding:0 0 132px}.emote-win{padding:30px 34px 26px}.emote-win .wt-text{letter-spacing:3px;color:var(--gold-hi);font-size:27px}.emote-win .win-title{margin-bottom:10px;padding-bottom:8px}.emote-grid{grid-template-columns:repeat(5,48px);gap:8px;display:grid}.emote-cell{width:48px;height:48px;box-shadow:inset 0 0 0 2px var(--ink), 0 0 0 2px var(--gold-lo), 0 0 0 4px var(--ink);background:#0a0d1f;place-items:center;display:grid;position:relative}.emote-cell.nav-item.focus{box-shadow:inset 0 0 0 2px var(--ink), 0 0 0 2px var(--gold-hi), 0 0 0 4px var(--ink);background:#273060}.emote-num{font:16px / 1 var(--f-num);color:var(--dim);text-shadow:var(--ol1);position:absolute;bottom:0;right:2px}.emote-cell.pose{flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:18px;display:flex}.emote-cell.pose .key{min-width:18px;height:18px;font-size:14px}.emote-help{margin-top:12px}.map-modal{padding:40px 28px 22px}.worldmap{flex-direction:column;max-width:calc(100vw - 56px);max-height:calc(100vh - 62px);display:flex}.map-region{color:var(--cream);font-size:22px}.map-body{gap:26px;min-height:0;display:flex}.map-frame{flex:none;place-items:center;padding:4px;display:grid}.worldmap-canvas{display:block}.map-missing{padding:80px 140px}.map-side{flex-direction:column;flex:none;width:210px;display:flex}.map-legend{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.lg-row{font-size:var(--fs-line);align-items:center;gap:10px;display:flex}.lg-row canvas{width:22px;height:22px;box-shadow:0 0 0 2px var(--ink)}.map-here{font:var(--fs-name) / 1 var(--f-body);letter-spacing:3px;text-transform:uppercase;color:var(--cream);line-height:30px}.map-keys{justify-content:flex-end;margin-top:auto;padding-top:14px;display:flex}.wardrobe-screen{z-index:30}.creator-screen.wardrobe-screen{background:#05061099;position:absolute}@media (width<=760px){.menu-modal,.shop-modal,.map-modal{padding:30px 8px 8px}.menu-win,.shop-win{height:100%}.menu-body{flex-direction:column;gap:10px;display:flex}.menu-left{flex:none}.menu-left>.sec-head,.menu-info{display:none}.menu-cmds{flex-wrap:wrap;gap:2px 4px;margin:0;padding-left:0;display:flex}.menu-cmds .nav-item.focus:before{display:none}.menu-cmds .opt{min-height:30px;padding:2px 8px 4px;font-size:22px}.menu-pane-host{flex:1}.menu-pane{overflow:hidden auto}.pane-items .item-list{grid-template-columns:1fr}.eq-top,.st-wrap{flex-direction:column;gap:12px}.eq-hero,.st-hero{flex-direction:row;justify-content:center;width:auto}.eq-stats{flex:1;width:auto}.st-grid,.st-gear{grid-template-columns:1fr}.st-hero-name{font-size:40px}.sk-head{display:none}.sk-row{grid-template-columns:46px 1fr 60px 50px}.sk-row .sk-key,.sk-row .sk-unlock{display:none}.pt-row{grid-template-columns:56px 1fr}.pt-row .pt-bars{grid-column:2}.pt-kick{text-align:left;grid-column:2}.row-label{width:120px!important}.row{gap:8px;padding-right:4px}.dlg{padding:0 8px 10px}.dl-win{gap:12px;min-height:120px;padding:22px 34px 16px 16px}.dl-plate{left:30px}.dl-portrait{width:64px;height:64px}.dl-text{font-size:22px;line-height:26px}.shop-body{flex-direction:column}.shop-right{flex:none;max-height:40%}.shop-detail .id-icon{display:none}.ctl-cols{grid-template-columns:1fr;gap:10px}.emote-modal{padding:0 0 260px 10px}.map-body{flex-direction:column}.map-side{width:auto}.map-legend{flex-flow:wrap;gap:6px 14px}}