*{box-sizing:border-box}html,body{-webkit-user-select:none;user-select:none;width:100%;height:100%;cursor:var(--cursor-default,default);background:#000;margin:0;padding:0;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;overflow:hidden}#game-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#ui-root{pointer-events:none;z-index:10;position:fixed;inset:0}#ui-root button:disabled,#ui-root [aria-disabled=true]{cursor:var(--cursor-blocked,not-allowed)}#ui-root.sq-ui{--space-1:var(--px);--space-2:calc(var(--px) * 2);--space-3:calc(var(--px) * 3);--space-4:calc(var(--px) * 4);--space-6:calc(var(--px) * 6);--space-8:calc(var(--px) * 8);--type-tiny:800 max(8px, .62rem) / 1 var(--font);--type-caption:700 max(9px, .7rem) / 1.25 var(--font);--type-meta:700 max(10px, .78rem) / 1.3 var(--font);--type-body:700 max(11px, .9rem) / 1.35 var(--font);--type-label:800 max(11px, .9rem) / 1.2 var(--font);--type-lead:800 max(12px, 1.05rem) / 1.25 var(--font);--type-prose:400 max(11px, .9rem) / 1.5 var(--font);--type-figure:900 2.1rem / 1 var(--font);--type-heading:400 1.45rem / 1 var(--font-title);--type-title:400 2.4rem / .95 var(--font-title);--frame-thin:var(--px);--frame-ring:calc(var(--px) * 3);--ring-in:inset 0 0 0 var(--px) var(--ink), inset 0 0 0 calc(var(--px) * 2) var(--oak-mid), inset 0 0 0 calc(var(--px) * 3) var(--ink);--ring-gold-in:inset 0 0 0 var(--px) var(--ink), inset 0 0 0 calc(var(--px) * 2) var(--gold-2), inset 0 0 0 calc(var(--px) * 3) var(--ink)}html.sq-touch #ui-root.sq-ui{--type-tiny:800 max(9px, .62rem) / 1 var(--font);--type-caption:700 max(11px, .7rem) / 1.25 var(--font);--type-meta:700 max(12px, .78rem) / 1.3 var(--font);--type-body:700 max(13px, .9rem) / 1.35 var(--font);--type-label:800 max(13px, .9rem) / 1.2 var(--font);--type-lead:800 max(15px, 1.05rem) / 1.25 var(--font);--type-prose:400 max(13px, .9rem) / 1.5 var(--font)}@font-face{font-family:"Jacquard 24";src:url(/fonts/jacquard24/Jacquard24-Regular.woff2)format("woff2");font-display:swap}@font-face{font-family:"Jersey 10";src:url(/fonts/jersey10/Jersey10-Regular.ttf)format("truetype");font-display:block}html{font-size:clamp(9px,min(1.111vw,1.975vh),22px)}#ui-root.sq-ui{--ink:#120b07;--oak:#2b1f16;--oak-light:#4a3322;--oak-hi:#6a4a31;--oak-mid:#5a3d26;--oak-lo:#22170f;--gold:#f2cf78;--gold-2:#d4a64a;--gold-3:#86601f;--ward:color-mix(in srgb, var(--gold-2) 55%, var(--warn));--leather:#5a3a24;--leather-hi:#7a5032;--moss-hi:#a8c46a;--moss:#7a9440;--moss-2:#5c7530;--moss-lo:#3a4a1a;--wine-hi:#a83a32;--wine:#7e2a2a;--wine-lo:#5a1c1c;--text:#f1e3c4;--text-dim:#cbb690;--text-mute:#977f5c;--good:var(--moss-hi);--warn:#e0a24a;--bad:#d8584a;--wood:var(--oak-mid);--sky:#8fc4d4;--sky-lo:#3d6a7a;--violet:#a98bd6;--violet-lo:#4a3470;--ember:#e0883a;--rar-common:#b3a993;--rar-rare:#67bf6f;--rar-unique:#e8923a;--font:"Segoe UI", "Trebuchet MS", "DejaVu Sans", system-ui, sans-serif;--font-title:"Jacquard 24", Georgia, serif;--px:2px;--outline:0 1px 1px #000000f2, 0 0 4px #000000d9, 0 2px 8px #0000008c;--outline-sm:0 1px 1px #000000e6, 0 0 3px #000000bf;--outline-hard:0 .13rem 0 var(--ink), .13rem 0 0 var(--ink), -.13rem 0 0 var(--ink), 0 -.13rem 0 var(--ink), .13rem .26rem 0 var(--ink);--bevel:inset 0 1px 0 #ffecbe14, inset 0 -1px 0 #0009;--oak-bevel:inset 0 var(--px) 0 #8a6440, inset 0 calc(var(--px) * -1) 0 var(--oak-lo), inset var(--px) 0 0 var(--oak-hi), inset calc(var(--px) * -1) 0 0 #2e1f14;--planks:var(--hw-planks) 0 0 / calc(64 * var(--px)) auto;--planks-light:var(--hw-planks-light) 0 0 / calc(64 * var(--px)) auto;--well:linear-gradient(var(--oak-lo), #170f0a);--ring:0 0 0 var(--px) var(--ink), 0 0 0 calc(var(--px) * 2) var(--oak-mid), 0 0 0 calc(var(--px) * 3) var(--ink);--ring-gold:0 0 0 var(--px) var(--ink), 0 0 0 calc(var(--px) * 2) var(--gold-2), 0 0 0 calc(var(--px) * 3) var(--ink);--panel:var(--planks), var(--oak);--frame:var(--ring), 0 1rem 2.5rem #0009;font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased}@supports (width:round(1px, 1px)){#ui-root.sq-ui{--px:max(2px, round(.17rem, 1px))}}#ui-root.sq-ui>*{pointer-events:none;position:absolute;inset:0}#ui-root.sq-ui>.ui-hud-root{--hud-scale:1;--hud-width:calc(100vw / var(--hud-scale));--hud-height:calc(100vh / var(--hud-scale));width:calc(100% / var(--hud-scale));height:calc(100% / var(--hud-scale));transform:scale(var(--hud-scale));transform-origin:0 0;z-index:1;inset:0 auto auto 0}.ui-hud-root .minimap{zoom:var(--hud-minimap,1)}.ui-hud-root .orb{zoom:var(--hud-orbs,1)}.ui-hud-root .bar-mid{zoom:var(--hud-actionBar,1)}.ui-hud-root .tracker,.ui-hud-root .hud:not(.touch) :is(.skill-tracker,.event-tracker){zoom:var(--hud-tracker,1)}.ui-notify-root{z-index:2}.ui-layer-root{z-index:3}#ui-root .ui-fade{z-index:4;opacity:0;background:#000;transition-property:opacity;transition-duration:.35s;transition-timing-function:ease-in-out}#ui-root .ui-fade.black{opacity:1;pointer-events:auto}#ui-root .ui-fade-caption{text-align:center;color:var(--text);position:absolute;top:42%;left:0;right:0}#ui-root .ui-fade-title{font-family:var(--font-title);color:var(--gold);font-size:2.6rem}#ui-root .ui-fade-text{color:color-mix(in srgb, var(--text) 80%, transparent);margin-top:.5rem;font-size:1.05rem}#ui-root button{font-family:inherit}#ui-root .sq-btn{font-family:var(--font-title)}#ui-root .hidden{display:none!important}.px-icon{--icon:1.5rem;width:var(--icon);height:var(--icon);vertical-align:middle;background:var(--px-icon) center / contain no-repeat;image-rendering:pixelated;flex:none;display:inline-block}@supports (width:round(1px, 1px)){.px-icon{width:max(18px, round(var(--icon), 18px));height:max(18px, round(var(--icon), 18px))}}.keycap{min-width:1.45em;font:800 .72rem/1.15 var(--font);color:#2a1c10;text-align:center;text-shadow:none;white-space:nowrap;box-shadow:0 0 0 2px var(--ink), inset 0 -.14rem 0 #b09868, inset 0 .1rem 0 #fff6e0;background:#ecdcb4;padding:.12em .38em .1em;display:inline-block}.keycap.big{min-width:1.9em;padding:.2em .45em .15em;font-size:1rem}.gem{--g:.95em;width:var(--g);height:var(--g);vertical-align:-.12em;background:var(--hw-emerald) center / contain no-repeat;image-rendering:pixelated;flex:none;margin:0 .35em 0 .15em;display:inline-block}.gem.big{--g:1.15em}.gem.huge{--g:1.9rem;margin:0}@supports (width:round(1px, 1px)){.gem{width:max(12px, round(var(--g), 12px));height:max(12px, round(var(--g), 12px))}}.sq-plate{background:var(--planks), var(--oak);image-rendering:pixelated;box-shadow:var(--ring), var(--oak-bevel), 0 .4rem .8rem #00000073}.sq-inset{box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 calc(var(--px) * 2) 0 #00000073, inset 0 calc(var(--px) * -1) 0 #ffffff0f;background:#120b078c}.section-label{align-items:center;gap:var(--space-4);margin-bottom:var(--space-3);font:400 1.45rem/1.1 var(--font-title);color:var(--gold);text-shadow:0 .1rem 0 var(--ink);display:flex}.section-label:after{content:"";height:calc(var(--px) * 2);background:repeating-linear-gradient(90deg, var(--oak-mid) 0 calc(var(--px) * 3), transparent 0 calc(var(--px) * 4));flex:1}.sq-btn{font:400 1.6rem/.9 var(--font-title);letter-spacing:.01em;white-space:nowrap;color:#f3e6c8;text-shadow:0 .12rem 0 var(--ink);pointer-events:auto;cursor:var(--cursor-pointer,pointer);background:var(--planks-light), var(--oak-light);image-rendering:pixelated;box-shadow:0 0 0 var(--px) var(--ink), var(--oak-bevel), inset 0 calc(var(--px) * -2) 0 #00000059, 0 calc(var(--px) * 2) 0 var(--ink);border:none;border-radius:0;flex-direction:column;justify-content:center;align-items:center;padding:.5rem 1.45rem .46rem;transition:transform 60ms,filter .12s,box-shadow 60ms;display:inline-flex;position:relative}.sq-btn:hover:not(:disabled){filter:brightness(1.15);color:#fff;box-shadow:var(--ring-gold), var(--oak-bevel), 0 calc(var(--px) * 2) 0 var(--ink)}.sq-btn:active:not(:disabled){transform:translateY(var(--px));box-shadow:0 0 0 var(--px) var(--ink), inset 0 calc(var(--px) * 2) 0 #00000080}.sq-btn.primary{color:#f6ecd0;text-shadow:0 .12rem #1e2a0c;background:linear-gradient(var(--moss), var(--moss-2));box-shadow:0 0 0 var(--px) var(--ink), inset 0 var(--px) 0 var(--moss-hi), inset 0 calc(var(--px) * -2) 0 var(--moss-lo), 0 calc(var(--px) * 2) 0 var(--ink);outline:var(--px) dashed #f0e6be73;outline-offset:calc(var(--px) * -4)}.sq-btn.primary:hover:not(:disabled){box-shadow:var(--ring-gold), inset 0 calc(var(--px) * -2) 0 var(--moss-lo), 0 calc(var(--px) * 2) 0 var(--ink);background:linear-gradient(#88a44a,#678236)}.sq-btn.danger{color:#ffe6dc;background:linear-gradient(var(--wine), var(--wine-lo));box-shadow:0 0 0 var(--px) var(--ink), inset 0 var(--px) 0 #a85050, inset 0 calc(var(--px) * -2) 0 #3a1010, 0 calc(var(--px) * 2) 0 var(--ink)}.sq-btn.danger:hover:not(:disabled){box-shadow:var(--ring-gold), inset 0 calc(var(--px) * -2) 0 #3a1010, 0 calc(var(--px) * 2) 0 var(--ink)}.sq-btn.subtle{color:var(--text-dim);background:linear-gradient(#2e1f14, var(--oak-lo))}.sq-btn.big{padding:.68rem 2.1rem .62rem;font-size:1.95rem}.sq-btn.big:before,.sq-btn.big:after{content:"";width:calc(var(--px) * 3);height:calc(var(--px) * 3);margin-top:calc(var(--px) * -1.5);background:var(--gold-2);box-shadow:inset var(--px) var(--px) 0 var(--gold), inset calc(var(--px) * -1) calc(var(--px) * -1) 0 var(--gold-3), 0 0 0 var(--px) var(--ink);position:absolute;top:50%}.sq-btn.big:before{left:calc(var(--px) * 3)}.sq-btn.big:after{right:calc(var(--px) * 3)}.sq-btn.small{outline:none;padding:.3rem .95rem .26rem;font-size:1.45rem}.sq-btn.wide{width:100%}.sq-btn:disabled{cursor:var(--cursor-default,default);filter:grayscale(.75)brightness(.62)}.sq-btn.fake-disabled{filter:grayscale(.6)brightness(.8)}.btn-sub{font:600 .72rem var(--font);letter-spacing:.01em;text-shadow:0 1px 0 var(--ink);opacity:.85;margin-top:.25rem}.layer{pointer-events:auto;animation:.18s ease-out both layer-in;position:absolute;inset:0}.layer.closing{animation:.16s ease-in forwards layer-out;pointer-events:none!important}.modal-layer{place-items:center;display:grid}.modal-dim{background:radial-gradient(#0e090659,#0e0906cc);position:absolute;inset:0}.modal-dim.strong{background:radial-gradient(#0e09068c,#0e0906e0)}.sq-window{border:calc(var(--px) * 4) solid transparent;background:linear-gradient(#120b0700 60%, #120b0759), var(--planks), var(--oak);max-width:96vw;max-height:92vh;image-rendering:pixelated;pointer-events:auto;flex-direction:column;display:flex;position:relative;box-shadow:0 1rem 2.5rem #0009}.sq-window:before{content:"";inset:calc(var(--px) * -6);z-index:3;pointer-events:none;border-style:solid;border-width:calc(var(--hw-frame-slice) * var(--px));border-image:var(--hw-frame) var(--hw-frame-slice) / calc(var(--hw-frame-slice) * var(--px)) round;image-rendering:pixelated;position:absolute}.layer .sq-window{animation:.24s cubic-bezier(.2,1.35,.4,1) both win-in}.win-head{border-bottom:calc(var(--px) * 2) solid var(--ink);box-shadow:0 var(--px) 0 var(--oak-mid);background:linear-gradient(#ffffff08,#00000040);align-items:center;gap:.8rem;padding:.75rem 1.2rem .65rem;display:flex;position:relative}.win-titles{flex-direction:column;gap:.1rem;display:flex}.win-title{font:400 2.4rem/.95 var(--font-title);letter-spacing:.02em;color:var(--gold);text-shadow:var(--outline-hard)}.win-subtitle{font:600 .82rem var(--font);color:var(--text-dim);text-shadow:var(--outline-sm)}.win-close{width:2.1rem;height:2.1rem;font:900 1.05rem/1 var(--font);color:#f3e6c8;cursor:var(--cursor-pointer,pointer);background:linear-gradient(var(--wine), var(--wine-lo));box-shadow:0 0 0 var(--px) var(--ink), inset 0 var(--px) 0 #a85050, inset 0 calc(var(--px) * -2) 0 #3a1010;text-shadow:0 1px 0 var(--ink);pointer-events:auto;border:none;flex:none;margin-left:auto;padding:0}.win-close:hover{background:linear-gradient(#963434,#6a2222)}.win-head .wallet+.win-close,.wallet{margin-left:auto}.wallet+.win-close{margin-left:.8rem}.win-body{scrollbar-color:#7a5534 #0000004d;flex:1;min-height:0;padding:1rem 1.2rem;overflow:auto}.win-body::-webkit-scrollbar{width:.6rem}.win-body::-webkit-scrollbar-track{background:#0000004d}.win-body::-webkit-scrollbar-thumb{box-shadow:inset 0 0 0 var(--px) var(--ink);background:#7a5534}.win-actions{justify-content:center;gap:.9rem;padding:.8rem 1rem 1.1rem;display:flex}.win-tabs{border-bottom:calc(var(--px) * 2) solid var(--ink);background:#0000004d;gap:.4rem;padding:.5rem 1.1rem 0;display:flex}.win-tabs .tabs-close{align-self:center;width:1.9rem;height:1.9rem;margin:-.25rem 0 0 auto;font-size:.95rem}.win-tab{font:700 .86rem var(--font);letter-spacing:.03em;color:var(--text-dim);text-shadow:var(--outline-sm);cursor:var(--cursor-pointer,pointer);background:linear-gradient(var(--leather), color-mix(in srgb, var(--leather) 75%, var(--ink)));box-shadow:0 0 0 var(--px) var(--ink), inset 0 var(--px) 0 var(--leather-hi);border:none;align-items:center;gap:.45rem;padding:.4rem .9rem .45rem;display:flex;position:relative}.win-tab:hover{color:var(--text)}.win-tab.active{color:var(--gold);background:linear-gradient(var(--leather-hi), #634026);box-shadow:0 0 0 var(--px) var(--ink), inset 0 var(--px) 0 #a0704a, inset 0 calc(var(--px) * -2) 0 var(--gold-2)}.win-tab-icon{--icon:1.35rem}.empty-note{padding:var(--space-8) var(--space-6);text-align:center;color:var(--text-dim);font-style:italic}.title-screen{place-items:center;animation:.6s ease-out both fade-in;display:grid;overflow:hidden}.title-screen.closing{animation:.45s ease-in forwards title-out}.title-backdrop{background:radial-gradient(75% 65% at 50% 42%,#0c0a1800 0%,#0c0a1859 55%,#05040ae0 100%),linear-gradient(#0a0a1e73,#0000 38%,#0009);position:absolute;inset:0}.title-embers{position:absolute;inset:0;overflow:hidden}.ember{width:calc(.32rem * var(--s,1));height:calc(.32rem * var(--s,1));background:var(--gold);opacity:0;animation:9s linear infinite ember-rise;position:absolute;bottom:-1rem;box-shadow:0 0 .5rem .1rem #f2b450b3}.title-view{visibility:hidden;opacity:0;flex-direction:column;justify-content:center;align-items:center;transition:opacity .3s,transform .3s,visibility .3s;display:flex;position:absolute;inset:0;transform:scale(.98)}.title-view.active{visibility:visible;opacity:1;transform:none}.logo{text-align:center;-webkit-user-select:none;user-select:none;position:relative}.logo-line{font:var(--type-title);letter-spacing:.01em;white-space:nowrap}.logo-bottom{margin-top:calc(var(--space-4) * -1);font-size:11rem}.logo-letter{text-transform:lowercase;animation:.7s cubic-bezier(.2,1.5,.4,1) both logo-drop,3.4s ease-in-out infinite logo-bob;animation-delay:calc(var(--i) * 55ms + .15s), calc(var(--i) * .14s + 1s);display:inline-block}.logo-letter:first-child{text-transform:none}.logo-top .logo-letter{color:var(--text);text-shadow:0 .18rem 0 #b09868, 0 .36rem 0 #7a5534, 0 .54rem 0 var(--oak-light), 0 .72rem 0 var(--ink), .18rem 0 0 var(--ink), -.18rem 0 0 var(--ink), 0 -.18rem 0 var(--ink), 0 1rem 1.4rem #000000b3}.logo-bottom .logo-letter{color:#f0cf78;text-shadow:0 .2rem 0 var(--gold-2), 0 .4rem 0 #a8802e, 0 .6rem 0 var(--gold-3), 0 .8rem 0 var(--ink), .2rem 0 0 var(--ink), -.2rem 0 0 var(--ink), 0 -.2rem 0 var(--ink), 0 1rem 1.6rem #000000b3, 0 0 3rem #f2b45059}.logo-sword{background:linear-gradient(90deg, transparent, var(--gold-3) 18%, #fff0c0 50%, var(--gold-3) 82%, transparent);z-index:-1;width:34rem;height:.36rem;animation:.9s cubic-bezier(.2,1,.3,1) .6s both sword-in;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 1.2rem #f2b45099}.title-tagline{max-width:38rem;margin-top:var(--space-8);font:var(--type-lead);text-align:center;color:#ecdcb4;text-shadow:var(--outline-sm), 0 0 1rem #000c;animation:.8s .9s both fade-in}.title-menu{justify-content:center;gap:var(--space-6);margin-top:var(--space-8);animation:.5s cubic-bezier(.2,1.2,.4,1) .5s both rise-in;display:flex}.title-menu .sq-btn{min-width:9.5rem}.title-main .logo{transition:zoom .35s cubic-bezier(.2,.8,.2,1)}.title-main[data-gate=form] .logo{zoom:.72}.title-main[data-gate=form] .title-tagline{display:none}.title-screen.quick .logo-letter{animation:3.4s ease-in-out infinite logo-bob;animation-delay:calc(var(--i) * .14s)}.title-screen.quick .logo-sword,.title-screen.quick .title-tagline{animation:none}.title-veil{opacity:0;background:radial-gradient(36rem 26rem,#0a0705db 0%,#0a0705b3 45%,#0a070500 100%);transition:opacity .4s;position:absolute;inset:0}.title-screen:not([data-gate=form]) .title-veil{opacity:1}.title-gate{margin-top:var(--space-8);flex-direction:column;align-items:center;animation:.5s cubic-bezier(.2,1.2,.4,1) .35s both rise-in;display:flex}.title-loading,.title-ready{align-items:center;gap:var(--space-4);flex-direction:column;min-height:9.5rem;animation:.35s ease-out both fade-in;display:flex}.title-status{max-width:34rem;font:var(--type-lead);text-align:center;color:var(--text);text-shadow:var(--outline), 0 0 1rem #000c}.title-status.error{color:var(--bad)}.title-status-sub{max-width:34rem;margin-top:calc(var(--space-2) * -1);font:var(--type-body);text-align:center;color:var(--text-dim);text-shadow:var(--outline-sm), 0 0 .8rem #000c}.title-gate-actions{gap:var(--space-6);margin-top:var(--space-2);display:flex}@media (max-height:520px){.title-main .logo{zoom:.75}.title-main[data-gate=form] .logo{zoom:.55}.title-gate .online-note{display:none}.title-gate,.title-menu{margin-top:var(--space-4)}}.title-loading-other{animation:.4s 3s both fade-in}.title-signed-in{font:var(--type-lead);color:var(--text-dim);text-shadow:var(--outline-sm), 0 0 .8rem #000c}.title-account-name{color:var(--gold);letter-spacing:.02em}.title-ready .sq-btn.big{width:21rem}.title-spinner{grid-template-columns:repeat(3, calc(var(--px) * 5));grid-template-rows:repeat(3, calc(var(--px) * 5));gap:calc(var(--px) * 2);padding:calc(var(--px) * 2);filter:drop-shadow(0 0 .6rem #f2b45073);display:grid}.title-spinner-px{background:var(--oak-mid);box-shadow:0 0 0 var(--px) var(--ink);animation:.96s step-end infinite title-spin-px;animation-delay:calc(var(--i) * .12s - .96s)}.title-spinner-px:first-child{grid-area:1/1}.title-spinner-px:nth-child(2){grid-area:1/2}.title-spinner-px:nth-child(3){grid-area:1/3}.title-spinner-px:nth-child(4){grid-area:2/3}.title-spinner-px:nth-child(5){grid-area:3/3}.title-spinner-px:nth-child(6){grid-area:3/2}.title-spinner-px:nth-child(7){grid-area:3/1}.title-spinner-px:nth-child(8){grid-area:2/1}@keyframes title-spin-px{0%{background:var(--gold);box-shadow:0 0 0 var(--px) var(--ink), 0 0 .5rem #ffd278e6}12.5%{background:var(--gold);box-shadow:0 0 0 var(--px) var(--ink)}25%{background:var(--gold-2)}37.5%{background:var(--gold-3)}50%,to{background:var(--oak-mid)}}.title-footer{font:var(--type-meta);color:var(--text-dim);text-shadow:var(--outline-sm);animation:.8s 1.4s both fade-in;position:absolute;bottom:1.3rem}.title-footer .keycap{font-size:.68rem}.title-settings-window{width:34rem}.confirm-backdrop{pointer-events:auto;background:#0009;place-items:center;animation:.2s both fade-in;display:grid;position:absolute;inset:0}.confirm-box{width:30rem;animation:.24s cubic-bezier(.2,1.35,.4,1) both win-in}.confirm-text{font:var(--type-body);color:var(--text);text-align:center}.settings{flex-direction:column;display:flex}.setting-row{align-items:center;gap:var(--space-6);padding:var(--space-4) 0;border-bottom:calc(var(--px) * 1) dashed #6a4a318c;grid-template-columns:1fr auto;display:grid}.setting-row:last-child{border-bottom:none}.setting-row.sub{padding-left:var(--space-6)}.setting-row.sub .setting-name{font:var(--type-meta)}.setting-name{font:var(--type-label);text-shadow:var(--outline-sm);display:block}.setting-hint{font:var(--type-caption);color:var(--text-mute);display:block}.setting-control{align-items:center;gap:var(--space-4);display:flex}.setting-value{width:3rem;font:var(--type-label);text-align:right;color:var(--gold);text-shadow:var(--outline-sm)}.sq-range{appearance:none;width:11rem;height:.75rem;cursor:var(--cursor-pointer,pointer);pointer-events:auto;background:linear-gradient(var(--gold-2), var(--gold-3)) 0 0 / var(--fill,50%) 100% no-repeat, var(--well);box-shadow:0 0 0 var(--px) var(--ink), 0 0 0 calc(var(--px) * 2) var(--oak-mid), 0 0 0 calc(var(--px) * 3) var(--ink), inset 0 var(--px) 0 #fff0c840;margin:0}.sq-range::-webkit-slider-thumb{-webkit-appearance:none;width:1.15rem;height:1.5rem;box-shadow:0 0 0 var(--px) var(--ink), inset 0 calc(var(--px) * -2) 0 #b09868, inset 0 var(--px) 0 #fff6e0;background:#ecdcb4;border:none}.sq-range::-moz-range-thumb{width:1.15rem;height:1.5rem;box-shadow:0 0 0 var(--px) var(--ink), inset 0 calc(var(--px) * -2) 0 #b09868, inset 0 var(--px) 0 #fff6e0;background:#ecdcb4;border:none}.sq-toggle{width:3.4rem;height:1.6rem;cursor:var(--cursor-pointer,pointer);pointer-events:auto;background:var(--well);box-shadow:0 0 0 var(--px) var(--ink), 0 0 0 calc(var(--px) * 2) var(--oak-mid), 0 0 0 calc(var(--px) * 3) var(--ink), inset 0 var(--px) 0 #00000080;border:none;padding:0;transition:background .15s;position:relative}.sq-toggle.on{background:linear-gradient(var(--moss), var(--moss-2))}.sq-toggle-knob{width:1.25rem;height:1.25rem;box-shadow:0 0 0 var(--px) var(--ink), inset 0 calc(var(--px) * -2) 0 #b09868;background:#ecdcb4;transition:transform .15s cubic-bezier(.2,1.5,.4,1);position:absolute;top:.18rem;left:.2rem}.sq-toggle.on .sq-toggle-knob{transform:translate(1.75rem)}.controls-ref{flex-direction:column;display:flex}.controls-row{align-items:center;gap:var(--space-6);padding:var(--space-2) 0;border-bottom:calc(var(--px) * 1) dashed #6a4a3173;display:flex}.controls-keys{justify-content:flex-end;gap:var(--space-2);width:9.5rem;display:flex}.controls-label{font:var(--type-body);text-shadow:var(--outline-sm);flex:1}.controls-note{padding:var(--space-1) 0 var(--space-3);font:var(--type-meta);color:var(--text-dim);text-shadow:var(--outline-sm)}.controls-keys.bindable{gap:var(--space-3);width:auto}.bind-slot{justify-content:flex-end;align-items:center;gap:var(--space-1);width:6.4rem;display:flex}.bind-btn{min-width:3.6rem;cursor:var(--cursor-pointer,pointer);border:0}.bind-btn:hover,.bind-btn:focus-visible{background:#fff6d8;outline:none}.bind-btn.empty{color:#8a7658}.bind-btn.capturing{background:#ffd36a;animation:.9s ease-in-out infinite alternate bind-pulse}@keyframes bind-pulse{to{background:#ffeaa8}}.bind-clear{padding:0 var(--space-1);font:var(--type-label);color:var(--text-dim);cursor:var(--cursor-pointer,pointer);background:0 0;border:0}.bind-clear:hover{color:#ff8a6a}.bind-clear[hidden]{display:none}.controls-head{align-items:flex-start;gap:var(--space-6);display:flex}.controls-head .controls-note{flex:1}.controls-reset{margin-top:var(--space-1);flex:none}.controls-reset.armed{color:var(--gold)}.hud{transition:opacity .4s,filter .6s;position:absolute;inset:0}#ui-root .hud.hidden{visibility:hidden;opacity:0;display:block!important}.hud.dead{filter:grayscale(.85)brightness(.75)}#ui-root.modal-open .hud .interact-prompt,#ui-root.modal-open .hud .skill-hint,#ui-root.modal-open .hud .skill-tracker{opacity:0}body.panel-open>#mob-nameplates,body.panel-open>#npc-labels,body.panel-open>#npc-bubbles{visibility:hidden}.lowhp-vignette{opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.lowhp-vignette.on{opacity:calc(.35 + var(--danger,0) * .65)}.lowhp-vignette:before{content:"";background:radial-gradient(75% 75%,#a0000000 55%,#c8000073 82%,#8c0000e0 100%);animation:.9s ease-in-out infinite lowhp-pulse;position:absolute;inset:0;box-shadow:inset 0 0 5rem .6rem #d200008c}.hud-tl{flex-direction:column;align-items:flex-start;display:flex;position:absolute;top:1rem;left:1rem}.hud-menu{z-index:0;gap:.5rem;margin-top:.75rem;display:flex;position:relative}.hud-menu-btn{font:700 .76rem var(--font);color:#e3d3b0;text-shadow:var(--outline-sm);cursor:var(--cursor-pointer,pointer);pointer-events:auto;background:var(--planks), var(--oak);image-rendering:pixelated;box-shadow:var(--ring), 0 .25rem .5rem #0006;border:none;align-items:center;gap:.4rem;padding:.25rem .6rem .25rem .3rem;display:flex;position:relative}.hud-menu-btn:first-child{z-index:7}.hud-menu-btn:nth-child(2){z-index:6}.hud-menu-btn:nth-child(3){z-index:5}.hud-menu-btn:nth-child(4){z-index:4}.hud-menu-btn:nth-child(5){z-index:3}.hud-menu-btn:nth-child(6){z-index:2}.hud-menu-btn:hover{color:#fff;background:var(--planks-light), var(--oak-light);box-shadow:var(--ring-gold)}.hud-menu-btn.attention{color:var(--gold);animation:1.6s ease-in-out infinite attention}.hud-menu-icon{--icon:1.2rem}.hud-badge{z-index:4;min-width:1.2rem;height:1.2rem;font:800 .68rem/1 var(--font);color:#fff;text-shadow:0 1px 0 var(--ink);background:var(--wine-hi);box-shadow:0 0 0 2px var(--ink), inset 0 -.1rem 0 #6a2020;place-items:center;padding:0 .25rem;display:none;position:absolute;top:-.75rem;right:-.7rem}.hud-badge.on{animation:.35s cubic-bezier(.2,1.8,.4,1) badge-pop;display:grid}.win-tab .hud-badge{top:-.45rem;right:-.45rem}.hud-tr{flex-direction:column;align-items:flex-end;gap:.75rem;display:flex;position:absolute;top:1rem;right:1rem}.emeralds{font:800 1.15rem var(--font);color:#e3f5c9;text-shadow:var(--outline);align-items:center;padding:.32rem .85rem .32rem .6rem;display:flex;position:relative}.emeralds.bump{animation:.3s cubic-bezier(.2,1.8,.4,1) bump}.emerald-pop{white-space:nowrap;font:900 .95rem var(--font);color:var(--moss-hi);text-shadow:var(--outline);animation:1.1s ease-out forwards float-up;position:absolute;top:.6rem;right:calc(100% + .6rem)}.minimap{width:13rem;height:13rem;cursor:var(--cursor-pointer,pointer);pointer-events:auto;flex:none;position:relative}.minimap:hover .minimap-rim{filter:brightness(1.25)}.minimap-key{position:absolute;bottom:-.35rem;right:-.35rem}.minimap-canvas{width:100%;height:100%;display:block}.minimap-rim{box-shadow:0 0 0 var(--px) var(--ink), 0 0 0 calc(var(--px) * 2.5) var(--oak-mid), 0 0 0 calc(var(--px) * 3) var(--ink);pointer-events:none;position:absolute;inset:0}.tracker{flex-direction:column;align-items:flex-end;gap:.35rem;width:16rem;margin-top:.3rem;display:flex}.tracker-title{font:400 1.55rem/1 var(--font-title);letter-spacing:.02em;color:var(--gold);text-shadow:0 .1rem 0 var(--ink)}.tracker-list{flex-direction:column;gap:.35rem;width:100%;display:flex}.tracker-quest{text-align:right;border-right:calc(var(--px) * 3) solid var(--gold-2);box-shadow:inset calc(var(--px) * -1) 0 0 var(--ink);background:linear-gradient(90deg,#18100a00,#18100ae0 24%);padding:.35rem .65rem .4rem 1.1rem}.tracker-quest.complete{border-right-color:var(--good)}.tracker-quest.flash{animation:.9s ease-out tracker-flash}.tq-name{font:400 1.35rem/1.05 var(--font-title);letter-spacing:.01em;color:#f6e9cc;text-shadow:0 .1rem 0 var(--ink)}.tq-obj{font:700 .74rem var(--font);color:var(--text-dim);text-shadow:var(--outline-sm);justify-content:flex-end;gap:.45rem;display:flex}.tq-count{color:#fff}.tq-bar{height:calc(var(--px) * 3);background:var(--ink);width:70%;box-shadow:0 0 0 1px var(--ink);margin-top:.25rem;margin-left:auto}.tq-fill{background:var(--gold-2);height:100%;box-shadow:inset 0 var(--px) 0 var(--gold);transition:width .4s}.tq-done{font:800 .74rem var(--font);color:var(--good);text-shadow:var(--outline-sm)}.tq-where{font:700 .7rem var(--font);color:#8fd0dc;text-shadow:var(--outline-sm)}.interact-prompt{font:700 1.05rem var(--font);white-space:nowrap;text-shadow:var(--outline-sm);background:var(--planks), var(--oak);image-rendering:pixelated;box-shadow:var(--ring), 0 .5rem 1rem #00000073;opacity:0;align-items:center;gap:.6rem;padding:.45rem 1.05rem .45rem .5rem;transition:opacity .16s,transform .2s cubic-bezier(.2,1.5,.4,1);display:flex;position:absolute;bottom:14.5rem;left:50%;transform:translate(-50%,.6rem)scale(.96)}.interact-prompt.show{opacity:1;transform:translate(-50%)scale(1)}.interact-prompt.show .keycap{animation:1.2s ease-in-out infinite key-throb}.hud-bottom{position:absolute;bottom:1.35rem;left:50%;transform:translate(-50%)}.skill-hint{font:800 1rem var(--font);white-space:nowrap;color:#f08a6a;text-shadow:var(--outline);opacity:0;transition:opacity .25s;position:absolute;bottom:calc(100% + .9rem);left:50%;transform:translate(-50%)}.skill-hint.show{opacity:1;animation:.3s cubic-bezier(.2,1.6,.4,1) hint-pop}.bar-cluster{align-items:flex-end;display:flex}.bar-mid{z-index:0;flex-direction:column;gap:.6rem;margin:0 -.9rem .35rem;display:flex;position:relative}.bar-plinth{background:linear-gradient(#120b0700 50%, #120b0759), var(--planks), var(--oak);image-rendering:pixelated;align-items:center;gap:.9rem;padding:1rem 1.9rem .75rem;display:flex;position:relative;box-shadow:0 .6rem 1.4rem #00000080}.bar-plinth:after{content:"";inset:calc(var(--px) * -2);pointer-events:none;border-style:solid;border-width:calc(var(--hw-frame-slice) * var(--px));border-image:var(--hw-frame) var(--hw-frame-slice) / calc(var(--hw-frame-slice) * var(--px)) round;image-rendering:pixelated;position:absolute}.slots{gap:.45rem;display:flex}.slot{pointer-events:auto;width:4.3rem;height:4.3rem;position:relative}.slot-face{background:var(--well);box-shadow:0 0 0 var(--px) var(--ink), 0 0 0 calc(var(--px) * 2) #6b4a2e, 0 0 0 calc(var(--px) * 3) var(--ink), inset 0 calc(var(--px) * 2) 0 #00000080, inset 0 calc(var(--px) * -1) 0 #ffffff0d;place-items:center;transition:box-shadow .15s;display:grid;position:absolute;inset:0;overflow:hidden}.slot.ult .slot-face{box-shadow:var(--ring-gold), 0 0 .9rem #f2cf7866, inset 0 calc(var(--px) * 2) 0 #00000080;background:radial-gradient(circle at 50% 60%,#5a4818,#1e160a 75%)}.slot-icon{--icon:3.15rem;filter:drop-shadow(0 .18rem #0009);transition:filter .15s,transform .15s}.slot-sweep{background:conic-gradient(#0000 0 calc((1 - var(--p,0)) * 1turn), #080605c7 0);display:none;position:absolute;inset:0}.slot-cd{font:900 1.35rem var(--font);color:#fff;text-shadow:var(--outline);display:none;position:absolute}.slot.cooling .slot-sweep,.slot.cooling .slot-cd{display:block}.slot.cooling .slot-icon{filter:grayscale(.7)brightness(.65)}.slot-cost{font:800 .66rem var(--font);color:#cfe2ff;text-shadow:var(--outline-sm);position:absolute;bottom:.12rem;right:.25rem}.slot.nores .slot-face:after{content:"";background:#141e3c73;position:absolute;inset:0}.slot.nores .slot-icon{filter:grayscale(.9)brightness(.6)}.slot.nores .slot-cost{z-index:1;color:#f08a6a}.slot-lock{background:#120b07b8;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;display:none;position:absolute;inset:0}.slot-lock-icon{--icon:1.2rem}.slot-lock-lv{font:800 .64rem var(--font);color:#e3d3b0;text-shadow:var(--outline-sm)}.slot.locked .slot-lock{display:flex}.slot.locked .slot-icon{filter:grayscale()brightness(.45)}.slot.locked .slot-cost{display:none}.slot.empty-slot .slot-face{opacity:.5}.slot-key{z-index:2;font-size:.62rem;position:absolute;top:-.6rem;left:50%;transform:translate(-50%)}.slot-up{z-index:2;width:.95rem;height:.95rem;font:900 .8rem/1 var(--font);color:#24170a;background:var(--gold-2);box-shadow:0 0 0 2px var(--ink), inset 0 .1rem 0 var(--gold);place-items:center;animation:1.4s ease-in-out infinite attention;display:none;position:absolute;top:.18rem;right:.18rem}.slot.can-rank .slot-up{display:grid}.slot-mode{z-index:2;--icon:1.1rem;pointer-events:none;box-shadow:0 0 0 var(--px) var(--ink);background-color:#120b07b8;display:none;position:absolute;top:.1rem;left:.1rem}.slot.mode-hold .slot-mode{display:inline-block}.slot.locked .slot-mode,.slot.empty-slot .slot-mode{opacity:.6}.slot.active .slot-mode{box-shadow:0 0 0 var(--px) var(--ink), 0 0 .5rem #f6d585b3;background-color:#5a4014e6}.slot.mode-hold.active .slot-mode{animation:.6s ease-in-out infinite attention}.slot.toggled .slot-face{animation:1.2s ease-in-out infinite slot-toggled}.slot.toggled .slot-icon{filter:drop-shadow(0 .18rem #0009)brightness(1.15)}@keyframes slot-toggled{0%,to{box-shadow:0 0 0 var(--px) var(--ink), 0 0 0 calc(var(--px) * 2) var(--gold-2), 0 0 0 calc(var(--px) * 3) var(--ink), 0 0 .6rem #f6d58580, inset 0 0 .9rem #f6d58559}50%{box-shadow:0 0 0 var(--px) var(--ink), 0 0 0 calc(var(--px) * 2) var(--gold), 0 0 0 calc(var(--px) * 3) var(--ink), 0 0 1.4rem #f6d585f2, inset 0 0 1.4rem #f6d58599}}.slot:hover .slot-face{box-shadow:var(--ring-gold), inset 0 calc(var(--px) * 2) 0 #00000080}.slot.active .slot-face{box-shadow:0 0 0 var(--px) var(--ink), 0 0 0 calc(var(--px) * 2) var(--gold), 0 0 0 calc(var(--px) * 3) var(--ink), 0 0 1.1rem #f6d58599}.slot.active .slot-icon{transform:scale(1.08)}.slot.cast .slot-face{animation:.18s ease-out slot-cast}.slot.fail .slot-face{animation:.4s ease-out slot-fail}.slot.ready .slot-face{animation:.45s ease-out slot-ready}.round-btn{pointer-events:auto;background:var(--well);width:3.6rem;height:3.6rem;box-shadow:0 0 0 var(--px) var(--ink), 0 0 0 calc(var(--px) * 2) #6b4a2e, 0 0 0 calc(var(--px) * 3) var(--ink), inset 0 calc(var(--px) * 2) 0 #00000080;flex:none;place-items:center;display:grid;position:relative}.round-ring{inset:calc(var(--px) * -3);opacity:0;box-shadow:0 0 0 calc(var(--px) * 2) #e88a7a;clip-path:inset(0 calc((1 - var(--r,0)) * 100%) 0 0);transition:opacity .2s;position:absolute}.potion.recharging .round-ring{opacity:1}.flask{--icon:2.6rem;transition:filter .2s}.potion.empty .flask{filter:grayscale()brightness(.45)}.potion.bump .flask{animation:.35s cubic-bezier(.2,1.8,.4,1) bump}.round-count{font:900 1rem var(--font);color:#fff;text-shadow:var(--outline);position:absolute;top:-.35rem;right:-.35rem}.potion-pips{gap:.22rem;display:flex;position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%)}.potion-pips .pip{width:.42rem;height:.42rem;box-shadow:0 0 0 var(--px) var(--ink);background:#2a1c1a}.potion-pips .pip.on{box-shadow:0 0 0 var(--px) var(--ink), inset 0 var(--px) 0 #ff9a7a;background:#e4553d}.round-key{z-index:3;font-size:.6rem;position:absolute;top:-.4rem;left:-.5rem}.dodge .round-key{top:auto;bottom:-.55rem;left:50%;transform:translate(-50%)}.dodge-icon{--icon:2.35rem;filter:drop-shadow(0 .15rem #00000080)}.round-sweep{background:conic-gradient(#0000 0 calc((1 - var(--p,0)) * 1turn), #080605bf 0);display:none;position:absolute;inset:0}.dodge.cooling .round-sweep{display:block}.xp-row{align-items:center;gap:.6rem;padding:0 1.4rem;display:flex}.lvl-badge{z-index:1;background:linear-gradient(var(--moss), var(--moss-2));width:2.2rem;height:2.2rem;box-shadow:0 0 0 var(--px) var(--ink), inset 0 var(--px) 0 var(--moss-hi), inset 0 calc(var(--px) * -2) 0 var(--moss-lo), 0 0 0 calc(var(--px) * 3) var(--gold-2), 0 0 0 calc(var(--px) * 4) var(--ink);flex:none;place-items:center;margin:-.5rem .1rem;display:grid;position:relative}.lvl-badge.bump{animation:.6s cubic-bezier(.2,1.8,.4,1) lvl-bump}.lvl-text{font:900 1rem var(--font);color:#f6ecd0;text-shadow:0 .1rem #1e2a0c}.xp-bar{pointer-events:auto;background:var(--ink);height:.8rem;box-shadow:var(--ring);flex:1;position:relative;overflow:hidden}.xp-fill{transform-origin:0;background:linear-gradient(#b8d070 0 30%,#8aa64a 30% 75%,#5e7a2e 75%);transition:transform .35s ease-out;position:absolute;inset:0;transform:scaleX(0)}.xp-segments{background:repeating-linear-gradient(90deg, transparent 0 calc(10% - var(--px)), var(--ink) calc(10% - var(--px)) 10%);position:absolute;inset:0}.xp-text{font:800 .58rem var(--font);color:#fff;text-shadow:var(--outline-sm);opacity:0;place-items:center;transition:opacity .2s;display:grid;position:absolute;inset:0}.xp-bar:hover .xp-text{opacity:1}.xp-bar.rested .xp-fill{background:linear-gradient(#bfe3f2 0 30%,#6aa6d6 30% 75%,#33588f 75%)}.orb-gauge{background:var(--ink);width:6.6rem;height:1.05rem;box-shadow:var(--ring-gold);pointer-events:none;z-index:2;position:absolute;bottom:1.1rem;left:50%;transform:translate(-50%)}.orb-gauge.hidden{display:none}.orb-gauge-fill{background:linear-gradient(var(--gold) 0 30%, var(--gauge,var(--gold-2)) 30% 75%, var(--gold-3) 75%);transition:width .15s;position:absolute;inset:0 auto 0 0}.orb-gauge-text{color:var(--text);text-shadow:var(--outline-sm);white-space:nowrap;justify-content:center;align-items:center;font-size:.8rem;display:flex;position:absolute;inset:0}.orb{z-index:1;pointer-events:auto;--liquid:#e0262f;width:8.6rem;height:8.6rem;box-shadow:0 0 0 var(--px) var(--ink), 0 0 0 .55rem var(--oak-mid), 0 0 0 calc(.55rem + var(--px)) var(--ink), inset 0 0 0 calc(var(--px) * 2) #0009, 0 .7rem 1.4rem #0000008c;background:#0b0907;border-radius:50%;flex:none;position:relative}.orb:before{content:"";background:conic-gradient(from -8deg, var(--gold-2) 0 16deg, transparent 16deg 90deg, var(--gold-2) 90deg 106deg, transparent 106deg 180deg, var(--gold-2) 180deg 196deg, transparent 196deg 270deg, var(--gold-2) 270deg 286deg, transparent 286deg), repeating-conic-gradient(from 0deg, var(--oak-hi) 0 4deg, var(--oak-mid) 4deg 9deg, #4a3220 9deg 13deg);pointer-events:none;border-radius:50%;position:absolute;inset:-.55rem;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - .5rem),#000 calc(100% - .48rem));mask:radial-gradient(farthest-side,#0000 calc(100% - .5rem),#000 calc(100% - .48rem))}.orb-inner{isolation:isolate;background:radial-gradient(circle at 50% 40%,#2b2321,#0c0908);border-radius:50%;position:absolute;inset:.18rem;overflow:hidden}.orb-level{will-change:transform;transition:transform .2s ease-out;position:absolute;inset:0}.orb-wave{background:var(--liquid);border-radius:44%;width:270%;height:270%;margin-left:-135%;animation:7s linear infinite spin;position:absolute;top:-3%;left:50%}.orb-wave-back{opacity:.55;filter:brightness(1.6)saturate(.8);animation-duration:11s;animation-direction:reverse;top:-7%}.orb-shine{pointer-events:none;background:radial-gradient(40% 28% at 36% 24%,#ffffff8c,#fff0 70%),radial-gradient(circle at 50% 55%,#0000 52%,#0000008c 100%);border-radius:50%;position:absolute;inset:0}.orb-text{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.orb-value{font:900 1.5rem/1 var(--font);color:#fff;text-shadow:var(--outline-hard)}.orb-max{font:700 .68rem var(--font);color:#ffffffd1;text-shadow:var(--outline-sm);margin-top:.15rem}.orb-ward{visibility:hidden;--liquid:var(--ward);pointer-events:none;transition:clip-path .2s ease-out;position:absolute;inset:0}.orb-ward .orb-wave-front{background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--text) 30%, transparent) 0 2px, transparent 2px 5px), var(--liquid);box-shadow:inset 0 0 .45rem .12rem color-mix(in srgb, var(--gold) 70%, transparent)}.orb-ward.on{visibility:visible}.orb-ward-text{font:800 .72rem/1 var(--font);color:var(--gold);text-shadow:var(--outline-sm);margin-top:.05rem}.orb-ward-text.hidden{display:none}.orb-label{z-index:2;font:400 1.2rem/1 var(--font-title);color:#24170a;box-shadow:0 0 0 var(--px) var(--ink), inset 0 var(--px) 0 var(--gold), inset 0 calc(var(--px) * -1) 0 var(--gold-3);background:linear-gradient(#d9ad52,#b98a36);padding:.12rem .55rem .05rem;position:absolute;top:-1rem;left:50%;transform:translate(-50%)}.orb.low:after{content:"";pointer-events:none;border-radius:50%;animation:.75s ease-in-out infinite orb-alarm;position:absolute;inset:-.55rem;box-shadow:0 0 0 .25rem #ff2828e6,0 0 1.6rem .4rem #f009}.bossbar{text-align:center;opacity:0;visibility:hidden;width:min(42rem,max(20rem,100vw - 68rem));transition:opacity .4s,transform .5s cubic-bezier(.2,1.4,.4,1),visibility .4s;position:absolute;top:1.1rem;left:50%;transform:translate(-50%,-1.5rem)}.bossbar.show{opacity:1;visibility:visible;transform:translate(-50%)}.bossbar.show .boss-head{animation:.45s ease-out 2.3s both boss-head-in}@keyframes boss-head-in{0%{opacity:0}}.raidhud{pointer-events:none;opacity:0;visibility:hidden;flex-direction:column;align-items:center;gap:.25rem;margin-top:.7rem;transition:opacity .3s,visibility .3s;display:flex}.raidhud.show{opacity:1;visibility:visible}.raid-line{font:700 1rem/1.2 var(--font);color:#f6e9cc;text-shadow:var(--outline-hard);white-space:nowrap;display:none}.raid-line.on{display:block}.raid-line.bad{color:#ff8a6a;animation:.6s ease-in-out infinite alternate raid-warn}.raid-shield.on{color:#fff0b0}.raid-light.on:not(.bad){color:#ffe27a}.raid-split.on{color:#c8f0a0}.raid-weight.on:not(.bad){color:#ffd860}.raid-list.on:not(.bad){color:#9fe8f0}.raid-open.on{color:#ffb060}@keyframes raid-warn{to{color:#ffd0c0}}.bossbar.defeated{filter:grayscale(.8)}.boss-name{font:400 3.2rem/1 var(--font-title);letter-spacing:.01em;color:#f6e9cc;text-shadow:var(--outline-hard), 0 0 1.2rem #e0573f8c;text-wrap:balance}.boss-name.long{font-size:2.5rem}.boss-title{text-wrap:balance;font:600 1rem/1.2 var(--font);color:#e3b7a5;text-shadow:var(--outline);margin-top:.15rem;padding:0 2.6rem}.boss-title:empty{display:none}.boss-frame{padding:calc(var(--px) * 3);background:var(--planks), var(--oak);image-rendering:pixelated;box-shadow:0 0 0 var(--px) var(--ink), 0 0 0 calc(var(--px) * 2) #7a5534, 0 0 0 calc(var(--px) * 3) var(--ink), 0 .5rem 1rem #00000080;margin-top:.45rem;position:relative}.boss-cap{width:1.1rem;height:1.6rem;box-shadow:0 0 0 var(--px) var(--ink), inset 0 var(--px) 0 var(--gold), inset 0 calc(var(--px) * -2) 0 var(--gold-3);background:linear-gradient(#d9ad52,#b98a36);margin-top:-.8rem;position:absolute;top:50%}.boss-cap.left{left:-.75rem}.boss-cap.right{right:-.75rem}.boss-bar{background:#1a0d0a;height:1.15rem;position:relative;overflow:hidden;box-shadow:inset 0 2px #000000b3}.boss-trail,.boss-fill{transform-origin:0;position:absolute;inset:0}.boss-trail{background:#f0d7a0}.boss-fill{background:linear-gradient(#e4553d 0 25%,#b13428 25% 75%,#7a1f18 75%);transition:transform 80ms linear}.boss-fill.hit{animation:.18s ease-out boss-hit}.bossbar.enraged .boss-fill{background:linear-gradient(#ff8a3a,#e0300f 55%,#8e140b);animation:.9s ease-in-out infinite enrage}.boss-segments{background:repeating-linear-gradient(90deg, transparent 0 calc(10% - var(--px)), var(--ink) calc(10% - var(--px)) 10%);position:absolute;inset:0}.boss-enrage{background:var(--gold);width:4px;box-shadow:0 0 0 1px var(--ink);position:absolute;top:-2px;bottom:-2px;left:calc(50% - 2px)}.boss-level,.boss-pct{font:800 .72rem var(--font);color:var(--text-dim);text-shadow:var(--outline-sm);position:absolute;bottom:calc(100% + .3rem)}.boss-level{left:.2rem}.boss-pct{color:#ffd6c4;right:.2rem}.toasts{left:20rem;right:20rem;top:calc(var(--nt-top) + var(--nt-h,0px));flex-direction:column;align-items:center;gap:.15rem;transition:top .4s;display:flex;position:absolute}.toast{max-width:100%;font:600 .8125rem/1.25 var(--font);color:color-mix(in srgb, var(--text) 92%, white);text-shadow:-1px -1px 0 var(--ink), 1px -1px 0 var(--ink), -1px 1px 0 var(--ink), 1px 1px 0 var(--ink), 0 2px 3px #000;image-rendering:pixelated;background:linear-gradient(90deg,#0000,#120b0799 1.4rem calc(100% - 1.4rem),#0000);align-items:center;gap:.4rem;padding:.15rem 1.4rem;animation:.25s ease-out both toast-in;display:flex}.toast.bump{animation:.3s cubic-bezier(.2,1.8,.4,1) bump}.toast.out{animation:.35s ease-in forwards toast-out}.toast-icon{--icon:1.125rem;flex:none}.toast-count{font:700 .75rem/1.25 var(--font);color:var(--gold-2);display:none}.toast-count.on{display:inline}#ui-root:has(.ui-layer-root>.modal-layer) .ui-notify-root{z-index:4}#ui-root:has(.ui-layer-root>.modal-layer) .notify-top{visibility:hidden}html:not(.sq-touch) #ui-root:has(.ui-layer-root>.modal-layer) .toasts{transition:none;top:auto;bottom:.3rem}#ui-root:has(.ui-layer-root>.modal-layer) .toast{background:var(--oak-lo);box-shadow:var(--ring), 0 .2rem 0 #00000080;padding:.2rem .9rem}#ui-root:has(.ui-layer-root>.modal-layer) .toast:not(:first-child){display:none}#ui-root{--nt-top:1.1rem}.notify-top{left:0;right:0;top:var(--nt-top);flex-direction:column;align-items:center;gap:.5rem;padding:0 20rem;transition:top .4s;display:flex;position:absolute}#ui-root:has(.bossbar.show){--nt-top:calc(10.2rem + var(--raid-h,0px))}#ui-root:has(.update-notice:not(.required)){--nt-top:7.4rem}#ui-root:has(.update-notice:not(.required)):has(.bossbar.show){--nt-top:16.5rem}.banners,.notices{justify-content:center;max-width:100%;display:flex}.banners:empty,.notices:empty{display:none}.banner{--bc-ui:color-mix(in srgb, var(--bc) 55%, #f6e9cc);text-align:center;max-width:100%;animation:.45s cubic-bezier(.2,1.3,.4,1) both banner-in;position:relative}.banner.out{animation:.5s ease-in forwards banner-out}.banner-glow{z-index:-1;background:linear-gradient(90deg,#120b0700,#120b0794 22% 78%,#120b0700);position:absolute;inset:-.3rem -4.5rem}.banner-glow:after{content:"";height:var(--px);background:linear-gradient(90deg, rgba(var(--bc-rgb), 0), rgba(var(--bc-rgb), .8) 30%, rgba(var(--bc-rgb), .8) 70%, rgba(var(--bc-rgb), 0));position:absolute;bottom:0;left:10%;right:10%}.banner-title{font:400 2.5rem/1 var(--font-title);letter-spacing:.01em;color:var(--bc-ui);text-shadow:0 .12rem 0 var(--ink), .12rem 0 0 var(--ink), -.12rem 0 0 var(--ink), 0 -.12rem 0 var(--ink), .12rem .24rem 0 var(--ink), 0 0 1.2rem rgba(var(--bc-rgb), .35);text-wrap:balance;justify-content:center;align-items:center;gap:.45rem;display:flex}.banner-icon{--icon:2rem;filter:drop-shadow(0 .12rem 0 var(--ink))}.banner-sub{justify-content:center;align-items:center;gap:calc(var(--px) * 7);font:800 .9rem var(--font);color:var(--text);text-shadow:var(--outline);margin-top:.2rem;display:flex}.banner-rule{width:3rem;height:calc(var(--px) * 2);background:repeating-linear-gradient(90deg, var(--bc-ui) 0 calc(var(--px) * 3), transparent 0 calc(var(--px) * 4));box-shadow:0 var(--px) 0 var(--ink);opacity:.85;flex:none;position:relative}.banner-rule:after{content:"";right:calc(var(--px) * -4);width:calc(var(--px) * 3);height:calc(var(--px) * 3);margin-top:calc(var(--px) * -1.5);background:var(--gold-2);box-shadow:inset var(--px) var(--px) 0 var(--gold), 0 0 0 var(--px) var(--ink);position:absolute;top:50%}.banner-rule:last-child{transform:scaleX(-1)}.banner-kicker{font:800 .7rem var(--font);letter-spacing:.3em;text-transform:uppercase;color:var(--text);text-shadow:var(--outline);justify-content:center;align-items:center;gap:.6rem;margin-bottom:.1rem;animation:.5s .1s both fade-in;display:flex}.banner-orn{width:calc(var(--px) * 3);height:calc(var(--px) * 3);background:var(--gold-2);box-shadow:inset var(--px) var(--px) 0 var(--gold), inset calc(var(--px) * -1) calc(var(--px) * -1) 0 var(--gold-3), 0 0 0 var(--px) var(--ink)}.banner-main{justify-content:center;align-items:center;gap:.8rem;display:flex}.banner.region .banner-title{font-size:2.9rem}.banner-chip{font:800 .7rem/1.3 var(--font);letter-spacing:.06em;color:var(--ink);background:color-mix(in srgb, var(--bc) 70%, var(--oak-hi));box-shadow:0 0 0 var(--px) var(--ink), inset 0 var(--px) 0 #ffffff40, 0 0 0 calc(var(--px) * 2) #120b0799;flex:none;padding:.14rem .55rem .1rem;animation:.45s cubic-bezier(.2,1.3,.4,1) .25s both rise-in}.notice{--nc:var(--sky);max-width:100%;margin:calc(var(--px) * 4) 0;border:calc(var(--px) * 3) solid transparent;background:var(--planks), var(--oak);image-rendering:pixelated;box-shadow:0 0 1.6rem color-mix(in srgb, var(--nc) 28%, transparent), 0 .4rem .8rem #00000080;align-items:center;gap:.65rem;padding:.3rem 1.1rem .35rem .6rem;animation:.5s cubic-bezier(.2,1.35,.4,1) both notice-in;display:flex;position:relative}.notice:before{content:"";inset:calc(var(--px) * -5);border-style:solid;border-width:calc(var(--hw-frame-slice) * var(--px));border-image:var(--hw-frame) var(--hw-frame-slice) / calc(var(--hw-frame-slice) * var(--px)) round;image-rendering:pixelated;pointer-events:none;position:absolute}.notice.out{animation:.45s ease-in forwards notice-out}.notice-icon{background:radial-gradient(circle, color-mix(in srgb, var(--nc) 35%, transparent), transparent 70%);flex:none;place-items:center;width:2.2rem;height:2.2rem;display:grid;position:relative}.notice-icon-core{--icon:1.6rem;animation:2s ease-in-out infinite shrine-bob}.notice-icon:after{content:"";box-shadow:0 0 0 2px color-mix(in srgb, var(--nc) 80%, transparent);border-radius:50%;animation:1.4s ease-out .15s both ring-out;position:absolute;inset:0}.notice-kicker{font:800 .58rem var(--font);letter-spacing:.26em;text-transform:uppercase;color:var(--nc);text-shadow:var(--outline-sm)}.notice-title{font:400 1.45rem/1 var(--font-title);color:#f6e9cc;text-shadow:0 .1rem 0 var(--ink)}.notice-sub{font:700 .68rem var(--font);color:var(--text-dim);text-shadow:var(--outline-sm);margin-top:.1rem}.conquered{--zc-ui:color-mix(in srgb, var(--zc) 60%, #f6e9cc);width:min(32rem,100%);margin-top:calc(var(--px) * 2);text-align:center;background:var(--planks), var(--oak);image-rendering:pixelated;box-shadow:var(--ring), 0 0 2rem color-mix(in srgb, var(--zc) 30%, transparent), 0 .5rem 1rem #00000080;pointer-events:none;padding:.75rem 1.2rem .5rem;animation:.5s cubic-bezier(.2,1.35,.4,1) both notice-in;position:relative}.conquered.out{animation:.5s ease-in forwards notice-out}.conquered:before{content:"";height:calc(var(--px) * 3);background:color-mix(in srgb, var(--zc) 75%, var(--oak-hi));box-shadow:0 var(--px) 0 var(--ink);position:absolute;top:0;left:0;right:0}.conquered-kicker{font:800 .7rem var(--font);letter-spacing:.3em;text-transform:uppercase;color:var(--gold);text-shadow:var(--outline-sm);justify-content:center;align-items:center;gap:.6rem;display:flex}.conquered-title{font:400 2.2rem/1 var(--font-title);color:var(--zc-ui);text-shadow:var(--outline-hard), 0 0 1.4rem #00000080;margin-top:.15rem;animation:.5s cubic-bezier(.2,1.3,.4,1) .1s both banner-in}.conquered-sub{font:700 .8rem var(--font);color:var(--text-dim);text-shadow:var(--outline-sm);text-wrap:balance;margin-top:.25rem}.conquered-rewards{justify-content:center;gap:.8rem;margin-top:.45rem;display:flex}.conquered-reward{align-items:center;gap:.45rem;padding:.2rem .8rem .2rem .6rem;animation:.45s cubic-bezier(.2,1.3,.4,1) .3s both rise-in;display:flex}.conquered-r-icon.xp{font:900 .95rem/1 var(--font);color:var(--moss-hi);text-shadow:var(--outline-sm)}.conquered-r-value{min-width:3.4rem;font:800 1.35rem/1 var(--font);color:#f6e9cc;text-shadow:var(--outline);font-variant-numeric:tabular-nums;text-align:right}.conquered-r-label{font:800 .6rem var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--text-mute)}.event-tracker{--ec:var(--gold);--ec-ui:color-mix(in srgb, var(--ec) 60%, #f6e9cc);padding:.35rem .6rem .4rem calc(.5rem + var(--px) * 3);pointer-events:none;align-items:center;gap:.55rem;margin-top:.35rem;animation:.5s both fade-in;display:flex;position:relative}.event-tracker:before{content:"";width:calc(var(--px) * 3);background:color-mix(in srgb, var(--ec) 75%, var(--oak-hi));position:absolute;top:0;bottom:0;left:0}.event-tracker.hidden{display:none}.event-icon{--icon:2rem}.event-text{flex:1;min-width:0}.event-title{font:400 1.4rem/1 var(--font-title);color:var(--ec-ui);text-shadow:0 .1rem 0 var(--ink)}.event-sub{max-width:11.5rem;font:600 .68rem var(--font);color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.event-side{text-align:right}.event-time{font:800 .86rem var(--font);color:var(--text);font-variant-numeric:tabular-nums}.event-where{font:700 .68rem var(--font);color:var(--text-dim);justify-content:flex-end;align-items:center;gap:.25rem;display:flex}.event-arrow{color:var(--gold);font-size:.8rem;transition:opacity .2s;display:inline-block}#ui-root.sq-ui>.update-notice{z-index:60;pointer-events:auto;animation:.4s both fade-in;position:fixed;inset:1.1rem auto auto 50%;transform:translate(-50%)}#ui-root.sq-ui>.update-notice.required{z-index:80;background:radial-gradient(#0e090699,#0e0906e0);place-items:center;display:grid;inset:0;transform:none}.update-box{text-align:center;align-items:center;gap:.4rem;max-width:26rem;padding:.7rem 1.3rem .9rem}.update-notice.required .update-box{max-width:30rem;padding:1.2rem 1.8rem 1.4rem}.update-title{font:400 2rem/1 var(--font-title);color:var(--gold);text-shadow:var(--outline-hard)}.update-notice.required .update-title{font-size:2.5rem}.update-text{font:600 .88rem/1.45 var(--font);color:var(--text)}.update-ver{font:600 .72rem var(--font);letter-spacing:.03em;color:var(--text-mute)}.update-actions{gap:.8rem;margin-top:.45rem;display:flex}.whatsnew{width:36rem}.whatsnew-body{gap:var(--space-4);flex-direction:column;max-height:62vh;display:flex}.whatsnew-entry{padding:var(--space-4) var(--space-6) var(--space-4);flex:none}.whatsnew-head{align-items:center;gap:var(--space-4);margin-bottom:var(--space-2);display:flex}.whatsnew-title{font:var(--type-heading);color:var(--gold);text-shadow:var(--outline-hard)}.whatsnew-tag{padding:var(--space-1) var(--space-3) var(--space-1);font:var(--type-caption);letter-spacing:.04em;color:#f6ecd0;text-shadow:0 1px #1e2a0c;background:linear-gradient(var(--moss), var(--moss-2));box-shadow:0 0 0 var(--px) var(--ink), inset 0 var(--px) 0 var(--moss-hi)}.whatsnew-date{font:var(--type-caption);letter-spacing:.03em;white-space:nowrap;color:var(--text-mute);margin-left:auto}.whatsnew-notes{gap:var(--space-2);padding-left:var(--space-6);font:var(--type-body);color:var(--text);flex-direction:column;margin:0;display:flex}.whatsnew-notes li::marker{color:var(--gold-2)}#ui-root .sq-btn.title-news{font-size:1.2rem;animation:.8s 1.4s both fade-in;position:absolute;bottom:2rem;right:.9rem}#ui-root .sq-btn.title-news .whatsnew-tag{position:absolute;top:-.6rem;right:-.5rem}.book{width:66rem;height:min(47rem,90vh)}.book-body{padding-top:var(--space-4)}.section-head{margin:var(--space-6) 0 var(--space-3);padding-bottom:var(--space-1);border-bottom:calc(var(--px) * 2) solid #3e2a1b;justify-content:space-between;align-items:center;display:flex}.section-title,.skills-section{font:var(--type-heading);color:var(--gold);text-shadow:0 .1rem 0 var(--ink)}.section-count{margin-left:var(--space-3);padding:var(--space-1) var(--space-2);font:var(--type-caption);color:var(--text-dim);vertical-align:.3rem;background:#00000059}.skills-section{margin:var(--space-6) 0 var(--space-3);padding-bottom:var(--space-1);border-bottom:calc(var(--px) * 2) solid #3e2a1b}.points-chip{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font:var(--type-meta);color:var(--text-mute);box-shadow:inset 0 0 0 var(--px) #00000080;background:#0006;display:inline-flex}.points-chip.on{color:var(--text);text-shadow:0 1px 0 var(--moss-lo);background:linear-gradient(var(--moss), var(--moss-2));box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 calc(var(--px) * 2) 0 var(--moss-hi), inset 0 calc(var(--px) * -3) 0 var(--moss-lo);animation:1.6s ease-in-out infinite attention}.points-chip-n{font:var(--type-label)}.points-chip-label{font:var(--type-caption);letter-spacing:.04em;text-transform:uppercase}.hint-line{margin-top:var(--space-1);font:var(--type-caption);color:var(--text-mute);font-style:italic}.char{gap:var(--space-8);grid-template-columns:1fr 1fr;display:grid}.char-col>:first-child{margin-top:var(--space-1)}.pvp-state{padding:var(--space-1) var(--space-3);font:var(--type-meta);color:var(--text-mute);box-shadow:inset 0 0 0 var(--px) #00000080;background:#0006}.pvp-state.on{color:var(--text);text-shadow:0 1px 0 var(--wine-lo);background:linear-gradient(var(--wine), var(--wine-lo));box-shadow:0 0 0 var(--px) var(--ink), inset 0 var(--px) 0 var(--wine-hi)}.pvp-state.on.peace{filter:saturate(.55)brightness(.9)}.pvp-box{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);display:flex}.pvp-about{font:var(--type-meta);color:var(--text-dim);flex:1}.pvp-switch{flex:none}.hero-card{align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-4);background:linear-gradient(90deg, rgba(var(--cc-rgb), .16), #120b0780 70%);box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 0 0 calc(var(--px) * 2) #3e2a1b;display:flex}.hero-icon{--portrait-inset:var(--frame-ring);width:calc(3.8rem + var(--frame-ring) * 2);height:calc(3.8rem + var(--frame-ring) * 2);background:radial-gradient(circle at 40% 35%, rgba(var(--cc-rgb), .4), var(--oak-lo) 75%);box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 0 0 calc(var(--px) * 2) #7a5534, inset 0 0 0 calc(var(--px) * 3) var(--ink);flex:none;place-items:center;display:grid}.hero-icon .px-icon{--icon:2.8rem}.hero-names{flex:1}.hero-class{font:var(--type-title);letter-spacing:.01em;color:var(--cc);text-shadow:var(--outline-hard)}.hero-level{margin:var(--space-1) 0 var(--space-2);font:var(--type-label);color:var(--text)}.mini-bar{height:calc(.85rem + var(--px) * 2);background:var(--ink);border:var(--px) solid var(--ink);position:relative;overflow:hidden}.mini-fill{background:linear-gradient(#b8d070 0 30%,#8aa64a 30% 75%,#5e7a2e 75%);height:100%}.mini-bar.quest{height:calc(.45rem + var(--px) * 2);margin-top:var(--space-2)}.mini-bar.quest .mini-fill{background:var(--gold-2);box-shadow:inset 0 var(--px) 0 var(--gold)}.mini-text{font:var(--type-tiny);color:#fff;text-shadow:var(--outline-sm);place-items:center;display:grid;position:absolute;inset:0}.attr-row{align-items:center;gap:var(--space-4);margin-bottom:var(--space-2);padding:var(--space-3) var(--space-3);border-left:calc(var(--px) * 3) solid var(--ac);grid-template-columns:2.7rem 1fr auto 2.1rem;display:grid}.attr-tag{font:var(--type-label);color:var(--ac);text-shadow:var(--outline-sm)}.attr-name{font:var(--type-label)}.attr-desc{font:var(--type-caption);color:var(--text-mute)}.attr-value{min-width:2.6rem;font:900 1.35rem/1 var(--font);--ds-exempt:"an attribute value";text-align:right;color:#fff;text-shadow:var(--outline)}.attr-alloc{margin-top:var(--space-1);font:var(--type-tiny);color:var(--good);display:block}.plus-btn{width:calc(2rem + var(--frame-thin) * 2);height:calc(2rem + var(--frame-thin) * 2);font:900 1.25rem/1 var(--font);--ds-exempt:"the plus sign";color:#f6ecd0;text-shadow:0 1px #1e2a0c;cursor:var(--cursor-pointer,pointer);pointer-events:auto;background:linear-gradient(var(--moss), var(--moss-2));box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 calc(var(--px) * 2) 0 var(--moss-hi), inset 0 calc(var(--px) * -3) 0 var(--moss-lo);border:none;padding:0}.plus-btn:hover:not(:disabled){filter:brightness(1.15)}.plus-btn:active:not(:disabled){transform:translateY(2px)}.plus-btn:disabled{cursor:var(--cursor-default,default);color:#7a5534;text-shadow:none;box-shadow:inset 0 0 0 var(--px) var(--ink);background:#2a1c12}.changed{animation:.7s ease-out changed}.gear-row{align-items:center;gap:var(--space-4);margin-bottom:var(--space-2);padding:var(--space-3) var(--space-4);grid-template-columns:2.6rem 1fr auto;display:grid}.gear-name{font:var(--type-label);color:#f6e2b0;text-shadow:var(--outline-sm)}.gear-detail{font:var(--type-caption);color:var(--text-dim)}.gear-tier{padding:var(--space-1) var(--space-3);font:var(--type-caption);color:var(--text-dim);background:#00000073}.stat-table{flex-direction:column;display:flex}.stat-group{margin:var(--space-3) 0 var(--space-1);font:var(--type-tiny);letter-spacing:.16em;text-transform:uppercase;color:var(--text-mute)}.stat-group:first-child{margin-top:0}.stat-row{padding:var(--space-2) var(--space-3);font:var(--type-body);justify-content:space-between;align-items:baseline;display:flex}.stat-row:nth-child(odd){background:#fff0c80a}.stat-label{color:var(--text-dim)}.stat-value{color:#fff;text-shadow:var(--outline-sm);font-weight:900}.stat-sub{margin-left:var(--space-3);font:var(--type-caption);color:var(--good)}.record-row{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.record-cell{padding:var(--space-3) var(--space-2);text-align:center}.record-value{font:var(--type-lead);text-shadow:var(--outline-sm)}.record-label{font:var(--type-tiny);letter-spacing:.12em;text-transform:uppercase;color:var(--text-mute)}.skills-head{align-items:center;gap:var(--space-6);margin-top:var(--space-1);display:flex}.skills-note{font:var(--type-meta);color:var(--text-mute)}.skill-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.skill-card{gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-4);flex-direction:column;display:flex;position:relative}.skill-card.sq-inset{box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 0 0 calc(var(--px) * 2) #46301f, inset 0 calc(var(--px) * 3) 0 #ffffff08;background:linear-gradient(#ffffff06,#0003),#18100a99}.skill-card:hover{box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 0 0 calc(var(--px) * 2) #9a7048}.skill-card.can-rank{box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 0 0 calc(var(--px) * 2) var(--gold-2), 0 0 1rem #e9c16c26}.skill-card.ult{box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 0 0 calc(var(--px) * 2) #a8802e;background:linear-gradient(#d4a64a24,#0003 60%),#18100a99}.sc-head{align-items:center;gap:var(--space-4);grid-template-columns:2.8rem 1fr auto;display:grid}.sc-icon{width:calc(2.8rem + var(--frame-ring) * 2);height:calc(2.8rem + var(--frame-ring) * 2);background:var(--well);box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 0 0 calc(var(--px) * 2) #6b4a2e, inset 0 0 0 calc(var(--px) * 3) var(--ink);place-items:center;font-size:1.65rem;display:grid}.sc-icon .px-icon{--icon:2.2rem}.skill-card.locked .sc-icon{filter:grayscale()brightness(.55)}.sc-name{font:var(--type-heading);letter-spacing:.01em;text-shadow:0 .1rem 0 var(--ink)}.skill-card.locked .sc-name{color:var(--text-dim)}.sc-kind{align-items:center;gap:var(--space-2);margin-top:var(--space-1);font:var(--type-tiny);letter-spacing:.06em;text-transform:uppercase;color:var(--text-mute);display:flex}.sc-kind .keycap{font-size:.56rem}.sc-pips{gap:var(--space-1);margin-top:var(--space-2);align-self:start;display:flex}.sc-pips .pip,.pip{width:.5rem;height:.5rem;box-shadow:0 0 0 var(--px) var(--ink);background:#2b241d}.sc-pips .pip.on{background:var(--gold-2);box-shadow:0 0 0 var(--px) var(--ink), inset 0 var(--px) 0 var(--gold)}.sc-flavor{font:var(--type-caption);color:var(--text-mute);font-style:italic}.sc-text{font:var(--type-meta);color:var(--text)}.sc-text.next{color:#d5e3b4}.sc-label{margin-right:var(--space-2);padding:var(--space-1) var(--space-2);font:var(--type-tiny);letter-spacing:.06em;text-transform:uppercase;color:#24170a;vertical-align:.06rem;background:var(--gold-2);display:inline-block}.sc-text.next .sc-label{background:var(--moss-hi);color:#1b260b}.sc-diff-from{color:var(--text-dim)}.sc-diff-arrow{margin:0 var(--space-1);color:var(--moss-hi)}.sc-diff-to{color:#c9e48c;font-weight:900}.sc-diff{white-space:nowrap}.sc-diff-sep{margin:0 var(--space-1);color:var(--text-mute)}.sc-label.muted{color:var(--text);background:var(--oak-mid)}.sc-meta{gap:var(--space-2);flex-wrap:wrap;display:flex}.sc-chip{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font:var(--type-tiny);color:var(--text-dim);box-shadow:inset 0 0 0 var(--px) #ffffff0f;background:#00000059;display:inline-flex}.sc-chip .px-icon{--icon:.9rem;margin:calc(var(--space-1) * -1) 0}.sc-chip.cost{color:color-mix(in srgb, var(--rc) 60%, white)}.sc-chip.req.bad{color:#e8735a}.sc-chip.max{color:var(--gold)}.sc-foot{align-items:center;gap:var(--space-3);padding-top:var(--space-1);margin-top:auto;display:flex}.sc-blocker{font:var(--type-caption);color:var(--text-mute);font-style:italic}.sk-used{align-items:baseline;gap:var(--space-2);padding:var(--space-1) var(--space-3);box-shadow:inset 0 0 0 var(--px) var(--ink);background:#0006;display:inline-flex}.sk-used-n{font:400 1.35rem/1 "Jersey 10", var(--font);--ds-exempt:"pixel numerals";color:var(--gold);text-shadow:0 var(--px) 0 var(--ink)}.sk-used-of{font:400 1.1rem/1 "Jersey 10", var(--font);--ds-exempt:"pixel numerals";color:var(--text-dim)}.sk-used-label{font:var(--type-tiny);letter-spacing:.06em;text-transform:uppercase;color:var(--text-mute)}.sk-pages{gap:var(--space-2);margin-left:auto;display:flex}.sk-page{padding:var(--space-2) var(--space-4);font:var(--type-heading);color:var(--text-mute);cursor:pointer;box-shadow:inset 0 0 0 var(--px) var(--ink);background:#0000004d;border:0}.sk-page:hover{color:var(--text)}.sk-page.on{color:var(--gold);background:var(--oak-mid);box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 calc(var(--px) * 2) 0 color-mix(in srgb, var(--oak-hi) 60%, var(--text-mute)), inset 0 calc(var(--px) * -2) 0 color-mix(in srgb, var(--oak) 50%, var(--oak-light))}.sk-strip{align-items:center;gap:var(--space-4);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);box-shadow:inset 0 0 0 var(--px) var(--ink);background:#0000004d;display:flex}.sk-strip-slots{gap:var(--space-3);display:flex}.sk-mini{align-items:center;gap:var(--space-1);cursor:pointer;background:0 0;border:0;flex-direction:column;padding:0;display:flex}.sk-mini .keycap{font:var(--type-tiny)}.sk-mini-icon,.sk-core-icon{width:calc(2rem + var(--px) * 4);height:calc(2rem + var(--px) * 4);background:var(--well);box-shadow:inset 0 0 0 var(--px) color-mix(in srgb, var(--oak) 50%, var(--oak-light)), inset 0 0 0 calc(var(--px) * 2) var(--ink);place-items:center;font-size:1.1rem;display:grid}.sk-mini-icon .px-icon,.sk-core-icon .px-icon{--icon:1.6rem}.sk-mini:hover .sk-mini-icon{box-shadow:inset 0 0 0 var(--px) var(--leather-hi), inset 0 0 0 calc(var(--px) * 2) var(--ink)}.sk-mini.ult .sk-mini-icon{box-shadow:inset 0 0 0 var(--px) var(--gold-2), inset 0 0 0 calc(var(--px) * 2) var(--ink)}.sk-mini.empty .sk-mini-icon{background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--text) 4%, transparent) 0 4px, transparent 4px 8px), color-mix(in srgb, var(--ink) 60%, var(--oak-lo))}.sk-strip-core{align-items:center;gap:var(--space-3);padding-left:var(--space-4);border-left:calc(var(--px) * 2) solid var(--oak-light);margin-left:auto;display:flex}.sk-strip-label{font:var(--type-tiny);letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute)}.sk-core-icon.shut{filter:grayscale()brightness(.5)}.tree-cols{grid-template-columns:repeat(var(--trees,3), minmax(0, 1fr));gap:var(--space-4);margin-top:var(--space-4);align-items:start;display:grid}.tree-col{padding:var(--space-4) var(--space-3) var(--space-3);background:color-mix(in srgb, var(--tc) 5%, color-mix(in srgb, var(--oak-lo) 80%, transparent));box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 0 0 calc(var(--px) * 2) var(--oak-light), inset 0 calc(var(--px) * 4) 0 color-mix(in srgb, var(--tc) 70%, var(--oak-light)), inset 0 calc(var(--px) * 5) 0 var(--ink);flex-direction:column;display:flex;position:relative;overflow:hidden}.tree-col:before{content:"";pointer-events:none;background:var(--tree-art,none) center 35% / 90% auto no-repeat;image-rendering:pixelated;opacity:.06;position:absolute;inset:3rem 0 0}.tree-col>*{position:relative}.tree-head{align-items:center;gap:var(--space-3);grid-template-columns:1.6rem 1fr auto;display:grid}.tree-icon{place-items:center;font-size:1.2rem;display:grid}.tree-icon .px-icon{--icon:1.6rem}.tree-name{font:var(--type-heading);color:color-mix(in srgb, var(--tc) 70%, white);text-shadow:0 .1rem 0 var(--ink)}.tree-names{min-width:0}.tree-tagline{white-space:nowrap;text-overflow:ellipsis;font:var(--type-tiny);color:var(--text-mute);overflow:hidden}.tree-points{font:400 1.25rem/1 "Jersey 10", var(--font);color:var(--text);text-shadow:0 var(--px) 0 var(--ink)}.tree-points-of{color:var(--text-mute);font-size:.95rem}.tree-prog{height:calc(var(--px) * 6);margin:var(--space-3) 0;background:color-mix(in srgb, var(--ink) 60%, var(--oak-lo));border:var(--px) solid var(--ink);position:relative}.tree-prog-fill{background:var(--tc);box-shadow:inset 0 var(--px) 0 color-mix(in srgb, var(--tc) 55%, white), inset 0 calc(var(--px) * -1) 0 color-mix(in srgb, var(--tc) 55%, black);position:absolute;inset:0 auto 0 0}.tree-prog-tick{top:calc(var(--px) * -1);bottom:calc(var(--px) * -1);width:var(--px);margin-left:calc(var(--px) * -.5);background:var(--ink);position:absolute}.tree-prog-tick.on{background:color-mix(in srgb, var(--tc) 40%, var(--ink))}.tree-empty{padding:var(--space-4) var(--space-1);font:var(--type-caption);color:var(--text-mute);font-style:italic}.tree-grid{column-gap:var(--space-4);row-gap:var(--space-8);padding:var(--space-3) 0 var(--space-2);grid-template-columns:1.5rem repeat(4,minmax(0,1fr));place-items:center;display:grid;position:relative}.tier-gate{font:400 1rem/1 "Jersey 10", var(--font);text-align:center;color:var(--text-mute);grid-column:1}.tier-gate.open{color:var(--text-mute)}.tier-gate{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.tg-lock{opacity:.7;place-items:center;display:grid}.tg-lock .px-icon{--icon:1rem}.tg-need{font:400 1.05rem/1 "Jersey 10", var(--font);color:var(--gold);text-shadow:0 var(--px) 0 var(--ink)}.tree-key-sep{border-top:var(--px) dashed var(--oak-light);grid-column:1/-1;justify-self:stretch}.tree-grid .tree-node{z-index:1}.tree-link{z-index:0;background:var(--oak-light);box-shadow:0 0 0 var(--px) var(--ink);position:absolute}.tree-link.on{background:var(--tc)}.tree-link.v{width:calc(var(--px) * 2);margin-left:calc(var(--px) * -1)}.tree-link.h{height:calc(var(--px) * 2);margin-top:calc(var(--px) * -1);padding-right:calc(var(--px) * 2);margin-left:calc(var(--px) * -1)}.tree-node{width:calc(2.35rem + var(--frame-ring) * 2);height:calc(2.35rem + var(--frame-ring) * 2);cursor:pointer;background:var(--ink);box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 0 0 calc(var(--px) * 2) color-mix(in srgb, var(--text-mute) 45%, var(--ink)), inset 0 0 0 calc(var(--px) * 3) var(--ink);border:0;place-items:center;padding:0;display:grid;position:relative}.tree-node .tn-icon{filter:grayscale()brightness(.45);place-items:center;display:grid}.tree-node .tn-icon .px-icon{--icon:2rem}.tree-node:hover{box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 0 0 calc(var(--px) * 2) color-mix(in srgb, var(--text-mute) 80%, var(--text)), inset 0 0 0 calc(var(--px) * 3) var(--ink)}.tree-node.can{box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 0 0 calc(var(--px) * 2) var(--moss-hi), inset 0 0 0 calc(var(--px) * 3) var(--ink)}.tree-node.can .tn-icon{filter:grayscale()brightness(.85)}.tree-node.taken{box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 0 0 calc(var(--px) * 2) var(--gold), inset 0 0 0 calc(var(--px) * 3) var(--ink)}.tree-node.taken .tn-icon{filter:none}.tree-node.ult:before,.tree-node.k-keystone:before{content:"";inset:calc(var(--px) * -1);pointer-events:none;box-shadow:0 0 0 var(--px) var(--gold-3), 0 0 0 calc(var(--px) * 2) var(--ink);position:absolute}.tree-node.ult.taken:before,.tree-node.k-keystone.taken:before{box-shadow:0 0 0 var(--px) var(--gold), 0 0 0 calc(var(--px) * 2) var(--ink)}.tree-node.k-keystone{width:calc(3.1rem + var(--frame-ring) * 2);height:calc(3.1rem + var(--frame-ring) * 2)}.tree-node.k-keystone .tn-icon .px-icon{--icon:2.7rem}.tree-node.sel,.tree-node.sel:hover{box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 0 0 calc(var(--px) * 2) var(--text), inset 0 0 0 calc(var(--px) * 3) var(--ink)}.tn-rank{z-index:2;right:var(--px);padding:0 calc(var(--px) * 1.5);font:400 .82rem/1.05 "Jersey 10", var(--font);--ds-exempt:"the pixel-font rank tag";color:var(--text-mute);background:var(--ink);box-shadow:0 0 0 var(--px) var(--ink);position:absolute;bottom:0}.tree-node.can .tn-rank{color:var(--moss-hi)}.tree-node.taken .tn-rank{color:var(--gold)}.sk-trees{gap:var(--space-4);margin-top:var(--space-4);flex-direction:column;display:flex}.sk-trees .tree-cols{margin-top:0}.tree-side{--tc:var(--gold-2);z-index:3;align-items:center;gap:var(--space-6);min-height:8.5rem;padding:var(--space-4) var(--space-6) var(--space-4);background:color-mix(in srgb, var(--ink) 70%, var(--oak-lo));box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 0 0 calc(var(--px) * 2) var(--leather-hi), inset 0 calc(var(--px) * 4) 0 color-mix(in srgb, var(--tc) 70%, var(--oak-light)), inset 0 calc(var(--px) * 5) 0 var(--ink), 0 calc(var(--px) * -2) calc(var(--px) * 2) #00000073;grid-template-columns:auto minmax(0,1fr) 12rem;display:grid;position:sticky;bottom:0}.tree-side.empty{visibility:hidden}.tree-tip{--tc:var(--gold-2);z-index:50;align-items:start;gap:var(--space-3) var(--space-4);width:27rem;max-width:calc(100vw - 1rem);padding:var(--space-6) var(--space-4) var(--space-4);pointer-events:none;background:color-mix(in srgb, var(--ink) 82%, var(--oak-lo));box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 0 0 calc(var(--px) * 2) var(--leather-hi), inset 0 calc(var(--px) * 4) 0 color-mix(in srgb, var(--tc) 70%, var(--oak-light)), inset 0 calc(var(--px) * 5) 0 var(--ink), 0 0 0 var(--px) var(--ink), 0 .5rem 1rem #0000008c;grid-template-columns:auto minmax(0,1fr);display:grid;position:fixed}.tree-tip[hidden]{display:none}.tree-tip .ts-foot{grid-column:1/-1}.tree-tip .ts-state{text-align:left}.ts-state.can{color:var(--moss-hi)}.ts-state.nudge{animation:.3s steps(4,end) shake}.ts-mid{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.ts-names{align-items:baseline;gap:var(--space-1) var(--space-4);flex-wrap:wrap;display:flex}.ts-icon{width:calc(3rem + var(--frame-ring) * 2);height:calc(3rem + var(--frame-ring) * 2);background:var(--ink);box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 0 0 calc(var(--px) * 2) color-mix(in srgb, var(--text-mute) 45%, var(--ink)), inset 0 0 0 calc(var(--px) * 3) var(--ink);place-items:center;display:grid}.ts-icon.taken{box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 0 0 calc(var(--px) * 2) var(--gold), inset 0 0 0 calc(var(--px) * 3) var(--ink)}.ts-icon .px-icon{--icon:2.6rem}.ts-name{font:var(--type-heading);color:var(--text);text-shadow:0 var(--px) 0 var(--ink)}.ts-req{font:400 1rem/1 "Jersey 10", var(--font);color:color-mix(in srgb, var(--bad) 80%, var(--text))}.ts-req.met{color:var(--moss-hi)}.ts-foot{align-items:stretch;gap:var(--space-2);flex-direction:column;display:flex;position:relative}.ts-learn.shake{animation:.3s steps(4,end) shake}.ts-notice{z-index:4;width:max-content;max-width:17rem;padding:var(--space-2) var(--space-4);font:400 1.05rem/1.15 "Jersey 10", var(--font);color:var(--text);background:color-mix(in srgb, var(--wine-lo) 40%, var(--ink));box-shadow:inset 0 0 0 var(--px) var(--bad), 0 0 0 calc(var(--px) * 3) var(--ink), calc(var(--px) * 2) calc(var(--px) * 3) 0 #00000080, inset 0 0 0 calc(var(--px) * 2) var(--ink);animation:.15s steps(3,end) toast-in;position:absolute;bottom:calc(100% + .6rem);right:0}.ts-notice:after{content:"";border-left:calc(var(--px) * 3) solid transparent;border-right:calc(var(--px) * 3) solid transparent;border-top:calc(var(--px) * 3) solid var(--bad);position:absolute;top:100%;right:1.2rem}.ts-notice.out{animation:.3s steps(3,end) forwards toast-out}.ts-state{font:400 1.05rem/1.1 "Jersey 10", var(--font);text-align:center;color:var(--text-mute)}.ts-state.good{color:var(--moss-hi)}.ts-state.bad{color:color-mix(in srgb, var(--bad) 80%, var(--text))}.lo-bar{justify-content:center;gap:var(--space-6);margin-top:var(--space-4);padding:var(--space-6) var(--space-4);box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 0 0 calc(var(--px) * 2) color-mix(in srgb, var(--oak) 50%, var(--oak-light)), inset 0 calc(var(--px) * -4) 0 #00000040;background:#00000061;display:flex}.lo-slot{align-items:center;gap:var(--space-2);width:5.2rem;font:var(--type-caption);color:var(--text-dim);text-align:center;cursor:pointer;background:0 0;border:0;flex-direction:column;padding:0;display:flex}.lo-slot:disabled{cursor:default}.lo-slot .lo-icon{width:3.3rem;height:3.3rem;font-size:1.7rem}.lo-slot .lo-icon .px-icon{--icon:2.7rem}.lo-slot:not(:disabled):hover .lo-icon{box-shadow:inset 0 0 0 var(--px) var(--leather-hi), inset 0 0 0 calc(var(--px) * 2) var(--ink)}.lo-slot.ult .lo-icon{box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 0 0 calc(var(--px) * 2) var(--gold-3), inset 0 0 0 calc(var(--px) * 3) var(--ink)}.lo-slot.sel .lo-icon,.lo-slot.drop .lo-icon{box-shadow:inset 0 0 0 var(--px) var(--gold), 0 0 0 calc(var(--px) * 3) var(--ink), 0 0 0 calc(var(--px) * 4) var(--gold-3), inset 0 0 0 calc(var(--px) * 2) var(--ink)}.lo-slot.empty .lo-icon{background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--text) 4%, transparent) 0 4px, transparent 4px 8px), color-mix(in srgb, var(--ink) 60%, var(--oak-lo))}.lo-slot.empty .lo-name{color:var(--text-mute)}.lo-slot .keycap{font-size:.56rem}.lo-icon{width:calc(1.7rem + var(--px) * 4);height:calc(1.7rem + var(--px) * 4);font:var(--type-label);background:var(--well);box-shadow:inset 0 0 0 var(--px) color-mix(in srgb, var(--oak) 50%, var(--oak-light)), inset 0 0 0 calc(var(--px) * 2) var(--ink);flex:none;place-items:center;display:grid}.lo-icon .px-icon{--icon:1.4rem}.lo-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lo-note{margin-top:var(--space-3);font:var(--type-caption);color:var(--text-mute);text-align:center;font-style:italic}.lo-note.bad{color:var(--bad)}.lo-groups{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.lo-group{padding:var(--space-3) var(--space-4);box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 calc(var(--px) * 2) 0 color-mix(in srgb, var(--tc) 70%, var(--oak-light));background:#00000040}.lo-group-name{margin-bottom:var(--space-2);font:var(--type-heading);color:color-mix(in srgb, var(--tc) 70%, white)}.lo-list{gap:var(--space-1) var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.lo-empty{font:var(--type-caption);color:var(--text-mute);font-style:italic}.lo-skill{align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-1);font:var(--type-caption);color:var(--text);text-align:left;cursor:var(--cursor-grab,grab);background:0 0;border:0;display:flex}.lo-skill:hover{background:color-mix(in srgb, var(--gold) 8%, transparent);box-shadow:inset 0 0 0 var(--px) var(--leather-hi)}.lo-skill .lo-name,.lo-slot .lo-name{font-family:var(--font)}.lo-skill.used{color:var(--text-mute)}.lo-skill.unfit{opacity:.4}.lo-skill .keycap{margin-left:auto;font-size:.52rem}.lo-tag{padding:var(--space-1) var(--space-1);font:var(--type-tiny);text-transform:uppercase;color:var(--ink);background:var(--gold-2)}.lo-tag.mode{align-items:center;gap:var(--space-1);color:var(--text-dim);background:#00000059;display:inline-flex}.lo-tag.mode .px-icon{--icon:.8rem;margin:calc(var(--space-1) * -1) 0}.lo-clear{margin:var(--space-4) auto 0;display:block}.quest-card{margin-bottom:var(--space-3);padding:var(--space-4) var(--space-4);border-left:calc(var(--px) * 3) solid var(--gold-2);background:#18100a8c}.quest-card.complete{border-left-color:var(--good)}.quest-card.available{border-left-color:#8fa7c4}.quest-card.turned_in{border-left-color:var(--oak-mid);opacity:.65}.qc-top{justify-content:space-between;align-items:baseline;gap:var(--space-6);display:flex}.qc-name{font:var(--type-heading);letter-spacing:.01em;color:#f6e9cc;text-shadow:0 .1rem 0 var(--ink)}.qc-giver{font:var(--type-caption);color:var(--text-mute)}.qc-desc{margin:var(--space-1) 0 var(--space-3);font:var(--type-meta);color:var(--text-dim)}.qc-obj{align-items:center;gap:var(--space-3);font:var(--type-meta);display:flex}.qc-check{color:var(--gold)}.quest-card.complete .qc-check,.quest-card.turned_in .qc-check{color:var(--good)}.qc-count{margin-left:auto;font-weight:900}.qc-rewards{align-items:center;gap:var(--space-4);margin-top:var(--space-3);font:var(--type-meta);flex-wrap:wrap;display:flex}.qc-rw-label{font:var(--type-tiny);letter-spacing:.12em;text-transform:uppercase;color:var(--text-mute)}.qc-rw.xp{color:var(--moss-hi)}.qc-rw.mount{color:var(--gold-2)}.qc-rw.gear{color:var(--rar-rare)}.qc-choose{margin-top:var(--space-3)}.qc-rw.em{color:#b9e08a;align-items:center;display:inline-flex}.qc-ready{margin-top:var(--space-2);font:var(--type-meta);color:var(--good)}.qc-req{margin-top:var(--space-2);font:var(--type-caption);color:#e8735a}.qc-where{margin-top:var(--space-2);font:var(--type-caption);color:#8fd0dc}.dialog-layer{padding-bottom:var(--space-8);background:linear-gradient(#0000 50%,#00000080);justify-content:center;align-items:flex-end;display:flex}.dialog{gap:var(--space-8);width:60rem;padding:var(--space-6) var(--space-8) var(--space-6) var(--space-6);flex-direction:row}.layer .dialog{animation:.32s cubic-bezier(.2,1.3,.4,1) both dialog-in}.dialog.swap .dialog-main{animation:.25s ease-out fade-in}.dialog .win-close{position:absolute;top:.6rem;right:.6rem}.dialog-portrait{--portrait-inset:calc(var(--px) * 6);width:calc(7.6rem + var(--px) * 12);height:calc(7.6rem + var(--px) * 12);background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--pc) 60%, #f1e3c4), color-mix(in srgb, var(--pc) 72%, var(--oak)) 50%, color-mix(in srgb, var(--pc) 45%, var(--ink)));box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 0 0 calc(var(--px) * 2) var(--gold-2), inset 0 0 0 calc(var(--px) * 3) var(--ink), inset 0 0 0 calc(var(--px) * 5) #7a5534, inset 0 0 0 calc(var(--px) * 6) var(--ink), inset 0 calc(var(--px) * 8) 0 #ffffff40, inset 0 calc(var(--px) * -9) 0 #0000004d;flex:none;place-items:center;display:grid}.dialog-glyph{--icon:5.5rem;font:var(--type-title);color:#fff;text-shadow:var(--outline-hard);filter:drop-shadow(0 .25rem #0006);animation:2.4s ease-in-out infinite bob}.portrait-img{width:calc(100% - var(--portrait-inset,0px) * 2);height:calc(100% - var(--portrait-inset,0px) * 2);object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;grid-area:1/1;display:block}.portrait-img.fade{animation:.2s ease-out fade-in}.has-portrait>:not(.portrait-img,.party-level){display:none}.dialog-main{min-width:0;padding-right:var(--space-8);flex-direction:column;flex:1;display:flex}.dialog-head{align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-2);display:flex}.dialog-speaker{font:var(--type-title);letter-spacing:.01em;color:var(--gold);text-shadow:var(--outline-hard)}.dialog-role{padding:calc(var(--space-1) + var(--frame-thin)) calc(var(--space-3) + var(--frame-thin));font:var(--type-tiny);letter-spacing:.14em;text-transform:uppercase;color:#f3e9d2;background:rgba(var(--pc-rgb), .3);box-shadow:inset 0 0 0 var(--px) var(--ink)}.dialog-text{min-height:3.1rem;font:var(--type-lead);color:#f7eedb;text-shadow:0 1px #000;cursor:var(--cursor-pointer,pointer)}.dialog-hidden{visibility:hidden}.dialog-caret{width:.5rem;height:1rem;margin:0 var(--space-1) calc(var(--space-1) * -1);background:var(--moss-hi);animation:.6s steps(2,end) infinite blink;display:inline-block}.dialog-options{gap:var(--space-2);margin-top:var(--space-4);flex-direction:column;display:flex}.dialog-option{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4) var(--space-3) var(--space-3);font:var(--type-body);color:var(--text);text-align:left;text-shadow:var(--outline-sm);cursor:var(--cursor-pointer,pointer);pointer-events:auto;box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 0 0 calc(var(--px) * 2) #3a2819;animation:opt-in .3s calc(.15s + var(--i) * 60ms) cubic-bezier(.2, 1.3, .4, 1) both;background:#18100a99;border:none;transition:background .12s,color .12s,box-shadow .12s,transform .12s;display:flex}.dialog-option:hover{color:#fff;box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 0 0 calc(var(--px) * 2) var(--gold-2);background:linear-gradient(90deg,#e9c16c2e,#18100a99);transform:translate(.25rem)}.dialog-option.disabled{cursor:var(--cursor-blocked,not-allowed);opacity:.5}.dialog-option.disabled:hover{color:var(--text);box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 0 0 calc(var(--px) * 2) #3a2819;background:#18100a99;transform:none}.dialog-option.shake,.shake{animation:.35s ease-out shake!important}.opt-num{width:calc(1.45rem + var(--px) * 2);height:calc(1.45rem + var(--px) * 2);font:var(--type-meta);color:#2a1c10;text-shadow:none;box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 calc(-.14rem - var(--px)) 0 #b09868;background:#ecdcb4;flex:none;place-items:center;display:grid}.opt-hint{padding-left:var(--space-6);font:var(--type-meta);color:var(--text-mute);margin-left:auto;font-style:italic}.shop{width:48rem}.shop.trade{width:min(58rem,96vw)}.shop-body{gap:var(--space-8);justify-content:space-between;align-items:flex-start;display:flex;overflow:hidden}.shop-col{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.shop-wares{flex:none}.shop-wares,.shop-bag{align-self:stretch;min-height:0}.shop-col .bank-grid{flex:0 auto;min-height:0;max-height:none}.bank-grid.wares{scrollbar-gutter:auto}.shop-detail{flex-direction:column;flex:none;width:0;min-width:100%;min-height:9rem;display:flex}.shop-detail .shop-item{flex:1}.shop-detail .si-side{min-width:0}#ui-root .ds .shop-detail .si-side .sq-btn{min-width:6rem}html.sq-touch .shop-detail .si-stat.durability{display:none}.ware-glyph{place-items:center;display:grid}.ware-glyph .px-icon{--icon:2.25rem}.item-tile.ware.unavailable{opacity:.45}.shop-bag{flex:none}.questboard{width:min(50rem,95vw)}.questboard-body{gap:var(--space-4);padding-top:var(--space-2);flex-direction:column;display:flex}.bank{width:58rem}.bank-body{gap:var(--space-8);align-items:flex-start;display:flex}.bank-col{gap:var(--space-3);flex-direction:column;display:flex}.bank-head{align-items:center;gap:var(--space-4);font:var(--type-lead);color:var(--gold);text-shadow:var(--outline-sm);display:flex}.bank-count{color:var(--text-dim);font-weight:600}.bank-deposit{margin-left:auto}.bank-grid{gap:var(--space-2);scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#7a5534 #0000004d;max-height:60vh;display:grid;overflow:hidden auto}.bank-grid .item-tile{width:4.2rem;height:4.2rem}.bank-grid .item-tile:not(.empty):hover{filter:brightness(1.2);transform:none}.bank-grid.bag{grid-template-columns:repeat(5,4.2rem);grid-auto-rows:4.2rem}.bank-grid.chest,.bank-grid.wares{grid-template-columns:repeat(6,4.2rem);grid-auto-rows:4.2rem}.bank-grid .item-tile:not(.empty){cursor:var(--cursor-pointer,pointer)}.wallet{padding:calc(var(--space-2) + var(--frame-ring)) calc(var(--space-4) + var(--frame-ring)) calc(var(--space-2) + var(--frame-ring)) calc(var(--space-3) + var(--frame-ring));font:var(--type-lead);color:#e3f5c9;text-shadow:var(--outline);background:var(--well);box-shadow:var(--ring-in), inset 0 calc(var(--px) * 4) 0 #00000080;align-items:center;display:flex}.wallet.bump{animation:.3s cubic-bezier(.2,1.8,.4,1) bump}.shop-list{gap:var(--space-4);flex-direction:column;display:flex}.shop-item{align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-4);grid-template-columns:auto 1fr auto;display:grid}.si-icon{width:calc(3.5rem + var(--frame-ring) * 2);height:calc(3.5rem + var(--frame-ring) * 2);background:var(--well);box-shadow:var(--ring-in), inset 0 0 .8rem #0009;place-items:center;display:grid}.si-icon .px-icon{--icon:2.25rem}.si-name{font:var(--type-heading);color:#f6e9cc;text-shadow:0 .1rem 0 var(--ink)}.si-name.rarity-common{color:var(--rar-common)}.si-name.rarity-rare{color:var(--rar-rare)}.si-name.rarity-unique{color:var(--rar-unique)}.si-desc{margin-top:var(--space-1);font:var(--type-meta);color:var(--text-dim)}.si-side{align-items:flex-end;gap:var(--space-3);flex-direction:column;min-width:7.5rem;display:flex}.si-price{font:var(--type-lead);color:#e3f5c9;text-shadow:var(--outline-sm);align-items:center;display:flex}.si-price.bad{color:var(--bad)}.si-reason{font:var(--type-meta);color:var(--text-mute);font-style:italic}.shop-item.unavailable{opacity:.6}.shop-item.poor .si-icon{filter:grayscale(.5)}.good{color:var(--good)}.warn{color:var(--warn)}.bad{color:var(--bad)}.pause{width:31rem}.pause-view{gap:var(--space-4);flex-direction:column;display:none}.pause-view.active{display:flex}.pause-foot{display:none}.pause-foot.active{display:flex}.pause-note{font:var(--type-caption);text-align:center;color:var(--text-mute);font-style:italic}.pause-net{align-items:center;gap:var(--space-3);width:100%;min-height:2.6rem;padding:calc(var(--space-2) + var(--frame-thin)) calc(var(--space-4) + var(--frame-thin));font:var(--type-meta);color:var(--text);text-align:left;text-shadow:var(--outline-sm);cursor:var(--cursor-pointer,pointer);box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 calc(var(--px) * 2) 0 #00000073;background:#120b078c;border:none;display:flex}.pause-net:hover,.pause-net:focus-visible{color:#fff;background:#4a3322b3}.pause-net-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.pause-net-more{font:var(--type-caption);color:var(--gold);flex:none}.pause-build{text-align:center;font:var(--type-caption);color:var(--text-dim);letter-spacing:.03em}.build-label{font:var(--type-caption);letter-spacing:.03em;color:var(--text-dim);opacity:.75;text-shadow:var(--outline-sm);pointer-events:none;position:absolute;bottom:.7rem;right:.9rem}.death-layer{place-items:center;display:grid}.death-bg{background:linear-gradient(#0000 26%,#1a0806a8 38% 70%,#0000 82%),radial-gradient(#5a1c1c4d,#120604e6);animation:1s ease-out both fade-in;position:absolute;inset:0}.death-box{text-align:center;width:min(40rem,100% - 2rem);max-height:100%;padding:var(--space-6);position:relative;overflow-y:auto}.death-recap{margin:0 auto var(--space-8);padding:calc(var(--space-4) + var(--frame-ring)) calc(var(--space-6) + var(--frame-ring));background:var(--planks), var(--oak);image-rendering:pixelated;box-shadow:var(--ring-in), inset 0 calc(var(--px) * 4) 0 #8a6440, inset 0 calc(var(--px) * -4) 0 var(--oak-lo), 0 .4rem .8rem #00000073;text-align:left;color:var(--text)}.death-recap-title.section-label{margin-bottom:var(--space-1);font:var(--type-heading)}.death-recap-caption{margin-top:var(--space-1);font:var(--type-meta);color:var(--text-dim)}.death-recap-hits{margin:var(--space-3) 0 0;padding:var(--space-1) var(--space-4) var(--space-1) var(--space-8)}.death-recap-hit{padding:var(--space-3) var(--space-8) var(--space-3) var(--space-1);position:relative}.death-recap-hit+.death-recap-hit{box-shadow:0 calc(var(--px) * -1) 0 var(--oak-mid)}.death-recap-hit::marker{font:var(--type-label);color:var(--text-mute)}.death-recap-source{font:var(--type-label);overflow-wrap:anywhere}.death-recap-label{margin-top:var(--space-1);font:var(--type-meta);color:var(--text-dim)}.death-recap-damage{font:var(--type-label);color:color-mix(in srgb, var(--bad) 70%, var(--text));white-space:nowrap;position:absolute;top:.45rem;right:0}.death-recap-tip{margin-top:var(--space-3);font:var(--type-meta);color:var(--gold)}@media (max-width:560px),(max-height:600px){.death-title{font-size:4rem}.death-flavor{margin:var(--space-4) 0 var(--space-4);font-size:.9rem}.death-actions{gap:var(--space-4)}.death-hint{margin-top:var(--space-4)}}@media (max-width:560px){.death-recap-title,.death-recap-source,.death-recap-damage{font-size:14px}.death-recap-caption,.death-recap-label,.death-recap-tip{font-size:12px}.death-recap-hit{padding-right:65px}}.death-title{font:var(--type-title);letter-spacing:.02em;white-space:nowrap;color:#c4473c;text-shadow:0 .3rem 0 var(--ink), .3rem 0 0 var(--ink), -.3rem 0 0 var(--ink), 0 -.3rem 0 var(--ink), .3rem .6rem 0 var(--wine-lo), 0 0 3rem #a83a3273}.death-letter{animation:.6s cubic-bezier(.3,1.5,.5,1) both death-drop;animation-delay:calc(.2s + var(--i) * 70ms);display:inline-block}.death-flavor{margin:var(--space-6) 0 var(--space-8);font:var(--type-lead);color:#e8cdb8;text-shadow:var(--outline);font-style:italic;animation:.6s .75s both fade-in}.death-dest{align-items:center;gap:var(--space-6);margin-bottom:var(--space-6);padding:calc(var(--space-3) + var(--frame-ring)) calc(var(--space-8) + var(--frame-ring)) calc(var(--space-4) + var(--frame-ring)) calc(var(--space-6) + var(--frame-ring));text-align:left;background:var(--planks), var(--oak);image-rendering:pixelated;box-shadow:var(--ring-in), 0 0 2.2rem #f2cf781f;animation:.5s cubic-bezier(.2,1.3,.4,1) .95s both rise-in;display:inline-flex;position:relative}.death-dest-icon{--icon:2.25rem}.death-dest.shrine .death-dest-icon{animation:2.2s ease-in-out infinite shrine-bob}.death-dest-kicker{font:var(--type-caption);letter-spacing:.2em;text-transform:uppercase;color:var(--text-mute)}.death-dest-name{font:var(--type-title);color:#f6e9cc;text-shadow:0 .13rem 0 var(--ink)}.death-hint{margin-top:var(--space-8);font:var(--type-meta);color:var(--text-dim);text-shadow:var(--outline-sm);animation:.5s 1.4s both fade-in}.death-sub{max-width:36rem;margin:0 auto var(--space-8);--ds-exempt:"centred";font:var(--type-body);color:#ead9c4;text-shadow:var(--outline);animation:.5s .9s both fade-in}.death-actions{justify-content:center;gap:var(--space-6);flex-wrap:wrap;animation:.5s cubic-bezier(.2,1.3,.4,1) 1.1s both rise-in;display:flex}#ui-root .ds .sq-btn.primary.death-rise{box-shadow:var(--ring-gold-in), inset 0 calc(var(--px) * -4) 0 var(--moss-lo), 0 0 1.4rem color-mix(in srgb, var(--gold) 55%, transparent);animation:.3s both fade-in}@keyframes layer-in{0%{opacity:0}}@keyframes layer-out{to{opacity:0}}@keyframes win-in{0%{opacity:0;transform:translateY(.8rem)scale(.95)}}@keyframes dialog-in{0%{opacity:0;transform:translateY(3rem)}}@keyframes title-out{to{opacity:0;transform:scale(1.04)}}@keyframes fade-in{0%{opacity:0}}@keyframes rise-in{0%{opacity:0;transform:translateY(1.2rem)}}@keyframes opt-in{0%{opacity:0;transform:translate(-.8rem)}}@keyframes ember-rise{0%{opacity:0;transform:translate(0)}10%{opacity:.9}80%{opacity:.6}to{opacity:0;transform:translate(var(--drift,0), -105vh)}}@keyframes logo-drop{0%{opacity:0;transform:translateY(-2.5rem)scale(1.6)}}@keyframes logo-bob{0%,to{translate:0}50%{translate:0 -.3rem}}@keyframes sword-in{0%{opacity:0;transform:translate(-50%,-50%)scaleX(0)}}@keyframes grow-x{0%{transform:scaleX(0)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-.2rem)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes lvl-bump{0%{transform:scale(1)}40%{filter:brightness(1.6);transform:scale(1.55)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-.35rem)}40%{transform:translate(.35rem)}60%{transform:translate(-.2rem)}80%{transform:translate(.2rem)}}@keyframes slot-fail{0%{box-shadow:0 0 0 3px var(--ink), 0 0 0 .25rem #ff3b2a, 0 0 1.2rem #ff2814cc;transform:translate(0)}25%{transform:translate(-.25rem)}50%{transform:translate(.25rem)}75%{transform:translate(-.1rem)}to{transform:translate(0)}}@keyframes slot-ready{0%{box-shadow:0 0 0 3px var(--ink), 0 0 0 .25rem #fff7d6, 0 0 1.6rem #fff0b4f2;filter:brightness(1.8)}to{filter:brightness()}}@keyframes slot-cast{0%{filter:brightness(1.5);transform:scale(.88)}to{transform:scale(1)}}@keyframes hint-pop{0%{transform:translate(-50%)scale(1.3)}}@keyframes badge-pop{0%{transform:scale(0)}}@keyframes attention{0%,to{filter:brightness()}50%{filter:brightness(1.35)}}@keyframes key-throb{0%,to{transform:translateY(0)}50%{transform:translateY(-.12rem)}}@keyframes lowhp-pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes orb-alarm{0%,to{opacity:.2}50%{opacity:1}}@keyframes float-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-1.6rem)}}@keyframes tracker-flash{0%{background:linear-gradient(90deg,#f2cf7800,#f2cf7880 30%)}}@keyframes changed{0%{background-color:#f2cf7859}}@keyframes toast-in{0%{opacity:0;transform:translateY(-.5rem)}}@keyframes toast-out{to{opacity:0}}@keyframes banner-in{0%{opacity:0;filter:blur(3px);transform:translateY(-.9rem)scale(1.12)}to{opacity:1;filter:blur();transform:none}}@keyframes banner-out{to{opacity:0;transform:translateY(-.7rem)scale(.97)}}@keyframes boss-hit{0%{filter:brightness(2.2)}}@keyframes enrage{0%,to{filter:brightness()}50%{filter:brightness(1.35)}}@keyframes death-drop{0%{opacity:0;transform:translateY(-3rem)scale(1.4)}}@keyframes blink{to{visibility:hidden}}@media (prefers-reduced-motion:reduce){.logo-letter,.ember,.orb-wave{animation:none!important}}.sq-segmented{box-shadow:0 0 0 var(--px) var(--ink), 0 0 0 calc(var(--px) * 2) var(--oak-mid), 0 0 0 calc(var(--px) * 3) var(--ink);gap:0;display:flex}.sq-seg{min-width:4.6rem;font:700 .8rem/1.1 var(--font);letter-spacing:.02em;color:#c9ae86;text-shadow:var(--outline-sm);cursor:var(--cursor-pointer,pointer);pointer-events:auto;background:linear-gradient(var(--leather), #4a2f1c);box-shadow:inset 0 var(--px) 0 #6e4a30;border:none;padding:.38rem .7rem .34rem}.sq-seg+.sq-seg{border-left:var(--px) solid var(--ink)}.sq-seg:hover:not(:disabled){filter:brightness(1.2)}.sq-seg.on{color:#f6ecd0;text-shadow:0 1px #1e2a0c;background:linear-gradient(var(--moss), var(--moss-2));box-shadow:inset 0 var(--px) 0 var(--moss-hi), inset 0 calc(var(--px) * -2) 0 var(--moss-lo)}.sq-seg:disabled{cursor:var(--cursor-default,default);filter:grayscale(.7)brightness(.7)}.sq-range:disabled{cursor:var(--cursor-default,default);filter:grayscale(.8)brightness(.65)}.wmap{width:96vw;height:92vh}.worldmap-layer{--px-notch:polygon(var(--px) 0, calc(100% - var(--px)) 0, 100% var(--px), 100% calc(100% - var(--px)), calc(100% - var(--px)) 100%, var(--px) 100%, 0 calc(100% - var(--px)), 0 var(--px));--px-edge:inset 0 0 0 var(--px) var(--ink), inset 0 calc(var(--px) * 2) 0 color-mix(in srgb, var(--text) 32%, transparent), inset 0 calc(var(--px) * -2) 0 color-mix(in srgb, var(--ink) 35%, transparent);--px-edge-dark:inset 0 0 0 var(--px) var(--ink), inset 0 calc(var(--px) * 2) 0 var(--oak-mid);--mk:min(var(--px), 3px);--mk-notch:polygon(var(--mk) 0, calc(100% - var(--mk)) 0, 100% var(--mk), 100% calc(100% - var(--mk)), calc(100% - var(--mk)) 100%, var(--mk) 100%, 0 calc(100% - var(--mk)), 0 var(--mk));--bd:2px;--bd-notch:polygon(var(--bd) 0, calc(100% - var(--bd)) 0, 100% var(--bd), 100% calc(100% - var(--bd)), calc(100% - var(--bd)) 100%, var(--bd) 100%, 0 calc(100% - var(--bd)), 0 var(--bd));--px-font:400 calc(1400px / 75) / .9 "Jersey 10", var(--font)}.wmap-body{flex:1;grid-template-columns:1fr 19.5rem;min-height:0;display:grid}.wm-viewport{cursor:var(--cursor-grab,grab);touch-action:none;background:radial-gradient(ellipse at 50% 45%, #33251a 0%, #22170f 55%, var(--ink) 100%);position:relative;overflow:hidden;box-shadow:inset 0 0 4rem #000c}.wm-viewport.dragging,.wm-viewport.dragging .wm-mk>*,.wm-viewport.dragging .wm-zoom-btn{cursor:var(--cursor-grabbing,grabbing)}.wm-canvas{width:100%;height:100%;position:absolute;inset:0}.wm-mist{transform-origin:0 0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.wm-markers{pointer-events:none;position:absolute;inset:0}.wm-mk{pointer-events:none;will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.wm-mk>*{pointer-events:auto;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.wm-mk.clickable>*{cursor:var(--cursor-pointer,pointer)}.wm-label{padding:calc(var(--px) * 2) calc(var(--px) * 4) calc(var(--px) * 1.5);white-space:nowrap;font:var(--px-font);color:var(--text);background:var(--oak-lo);box-shadow:var(--px-edge-dark);clip-path:var(--px-notch);top:1.25rem;transform:translate(-50%);pointer-events:none!important}.wm-region>.wm-region-inner{pointer-events:none;text-align:center;opacity:calc(1.25 - var(--wm-zoom,1) * .22);flex-direction:column;align-items:center;display:flex}.wm-region-name{white-space:nowrap;font:400 calc(1.75rem * var(--wm-name,1)) / .95 var(--font-title);color:color-mix(in srgb, var(--rc) 55%, #f6e9cc);text-shadow:var(--outline-hard), 0 0 1.2rem #000000b3}.wm-region-sub{--ds-exempt:"a pixel-font tag";align-items:center;gap:var(--px);margin-top:var(--space-2);padding:calc(var(--px) * 2) calc(var(--px) * 4) calc(var(--px) * 1.5);white-space:nowrap;font:var(--px-font);color:var(--ink);background:color-mix(in srgb, var(--rc) 70%, var(--oak-hi));box-shadow:var(--px-edge);clip-path:var(--px-notch);display:flex}.wm-region-sub .px-icon{--icon:1.1rem}.wm-region.cleared .wm-region-sub{color:var(--ink);background:linear-gradient(var(--gold), var(--gold-2))}.wm-region.uncharted .wm-region-name{color:var(--oak-lo);text-shadow:0 0 .25rem color-mix(in srgb, var(--text) 95%, transparent), 0 0 .7rem color-mix(in srgb, var(--text) 70%, transparent)}.wm-region.uncharted .wm-region-sub{opacity:.85}.wm-land{display:none}.wm-atlas .wm-land{display:block}.wm-land>.wm-land-inner{text-align:center;cursor:var(--cursor-pointer,pointer);background:0 0;border:none;flex-direction:column;align-items:center;padding:0;display:flex}.wm-land-name{white-space:nowrap;font:var(--type-title);letter-spacing:.04em;color:var(--text);text-shadow:var(--outline-hard), 0 0 1.4rem #000000bf}.wm-land.home .wm-land-name{color:var(--gold)}.wm-land-sub{margin-top:var(--space-2);padding:calc(var(--px) * 2) calc(var(--px) * 4) calc(var(--px) * 1.5);white-space:nowrap;font:var(--px-font);color:var(--ink);background:var(--gold-2);box-shadow:var(--px-edge);clip-path:var(--px-notch)}.wm-land-inner:hover .wm-land-name{filter:brightness(1.15)}.wm-mk.arrive{animation:.35s ease-out both wm-arrive}@keyframes wm-arrive{0%{opacity:0}}.wm-atlas .wm-markers .wm-mk:not(.wm-land,.wm-player,.wm-party,.wm-port,.wm-event){display:none}.wm-badge{--mc:var(--gold-2);width:calc(var(--bd) * 13);height:calc(var(--bd) * 13);background:var(--oak-lo);box-shadow:inset 0 0 0 var(--bd) var(--ink), inset 0 0 0 calc(var(--bd) * 2) var(--mc), inset 0 calc(var(--bd) * 3) 0 var(--oak-mid);clip-path:var(--bd-notch);place-items:center;display:grid}.wm-badge>.px-icon{--icon:18px}.wm-camp-icon{--icon:2.1rem;filter:drop-shadow(0 0 .5rem #f2cf7899);transition:transform .12s}.wm-camp .wm-label{color:var(--gold)}.wm-shrine-gem{--icon:1.8rem;filter:drop-shadow(0 0 .35rem color-mix(in srgb, var(--sky) 90%, transparent));transition:transform .12s}.wm-shrine.known:before{--ring:calc(var(--bd) * 30);content:"";width:var(--ring);height:var(--ring);background:var(--wm-ring-sky) 0 0 / calc(var(--ring) * 5) 100% no-repeat;image-rendering:pixelated;pointer-events:none;animation:2.4s steps(5,end) infinite wm-ring-px;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.wm-shrine .wm-label{color:var(--sky);opacity:0;transition:opacity .15s}.wm-shrine.hot{z-index:6}.wm-shrine.hot .wm-label{opacity:1;padding:0 var(--space-2);background:color-mix(in srgb, var(--oak-lo) 88%, transparent);box-shadow:var(--ring)}.wm-shrine-q{--icon:1.4rem;opacity:.85}.wm-town .wm-shrine-gem,.wm-town .wm-shrine-q{--icon:1.9rem;opacity:1;filter:drop-shadow(0 0 .35rem color-mix(in srgb, var(--gold) 80%, transparent))}.wm-town.known:before{box-shadow:0 0 0 2px color-mix(in srgb, var(--gold) 60%, transparent)}.wm-town .wm-label{color:var(--gold);opacity:1}.wm-town.wm-rank-city .wm-shrine-gem,.wm-town.wm-rank-city .wm-shrine-q,.wm-town.wm-rank-capital .wm-shrine-gem{--icon:2.3rem;filter:drop-shadow(0 0 .5rem color-mix(in srgb, var(--gold) 95%, transparent))}.wm-town.wm-rank-city .wm-label{font-size:1.12em}.wm-town.wm-rank-waystation .wm-shrine-gem,.wm-town.wm-rank-waystation .wm-shrine-q{--icon:1.5rem;filter:none}.wm-town.wm-rank-waystation .wm-label{color:#e8dcc0}.wm-mk.clickable:hover .wm-shrine-gem,.wm-shrine.hot .wm-shrine-gem,.wm-mk.clickable:hover .wm-camp-icon{transform:translate(-50%,-50%)scale(1.25)}.wm-event-icon{--mc:var(--ev,var(--gold));animation:1.2s step-end infinite wm-event}.wm-legend-icon .wm-event-icon{animation:none}.wm-dungeon-icon{--mc:var(--violet)}.wm-dungeon.sealed .wm-dungeon-icon{filter:grayscale(.85)brightness(.8)}.wm-dungeon.complete .wm-dungeon-icon{--mc:var(--moss-hi);opacity:.85}.wm-beacon-icon{--mc:var(--text-mute)}.wm-beacon.lit .wm-beacon-icon{--mc:var(--ember);box-shadow:inset 0 0 0 var(--px) var(--mc), 0 0 0 var(--px) var(--ink), 0 0 .9rem #e0883a8c}.wm-port-icon{--mc:#7ac8d8}.wm-leap-icon{--mc:var(--gold-2)}.wm-leap.empty .wm-leap-icon{--mc:var(--text-mute);filter:saturate(.4)brightness(.8)}.wm-player-arrow{width:calc(var(--mk) * 26);height:calc(var(--mk) * 26);image-rendering:pixelated;background:50%/100% 100% no-repeat;pointer-events:none!important}.wm-player:before{--ring:calc(var(--mk) * 56);content:"";width:var(--ring);height:var(--ring);background:var(--wm-ring-gold) 0 0 / calc(var(--ring) * 5) 100% no-repeat;image-rendering:pixelated;pointer-events:none;animation:1.6s steps(5,end) infinite wm-ring-px;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.wm-mk.wm-player{z-index:2}.wm-party{z-index:1}.wm-party-dot{--icon:18px}.wm-party.fallen .wm-party-dot{filter:grayscale(.85)brightness(.8)}.wm-party .wm-label{color:#a8e890}.wm-tip{z-index:3;min-width:11rem;max-width:19rem;padding:var(--space-3) var(--space-4) var(--space-3);pointer-events:none;background:var(--planks), var(--oak);image-rendering:pixelated;box-shadow:var(--px-edge-dark), inset 0 0 0 calc(var(--px) * 3) var(--oak-lo);clip-path:var(--px-notch);position:absolute;transform:translate(-50%,-100%)}.wm-tip-title{font:var(--type-heading);color:var(--gold);text-shadow:0 .1rem 0 var(--ink)}.wm-tip-line{margin-top:var(--space-1);font:var(--type-meta);color:var(--text-dim)}.wm-tip-action{margin-top:var(--space-2);font:var(--type-meta);color:var(--sky)}.wm-hint{padding:var(--space-3) var(--space-6);font:var(--type-label);color:var(--text);text-shadow:var(--outline-sm);background:var(--planks), var(--oak);image-rendering:pixelated;box-shadow:var(--px-edge-dark);clip-path:var(--px-notch);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;position:absolute;bottom:1.2rem;left:50%;transform:translate(-50%,.6rem)}.wm-hint.show{opacity:1;transform:translate(-50%)}.wm-compass{left:calc(1rem + var(--mk) * 7);top:calc(1rem + var(--mk) * 7);width:calc(var(--mk) * 26);height:calc(var(--mk) * 26);image-rendering:pixelated;pointer-events:none;background:50%/100% 100% no-repeat;position:absolute}.wm-compass-n{left:calc(50% + var(--nx) * var(--mk));top:calc(50% + var(--ny) * var(--mk));width:calc(var(--mk) * 7);height:calc(var(--mk) * 7);image-rendering:pixelated;background:50%/100% 100% no-repeat;position:absolute;transform:translate(-50%,-50%)}.wm-zoom{gap:var(--space-3);flex-direction:column;display:flex;position:absolute;top:1rem;right:1rem}.wm-zoom-btn{width:calc(var(--mk) * 20);height:calc(var(--mk) * 20);cursor:var(--cursor-pointer,pointer);background:var(--planks-light), var(--oak-light);image-rendering:pixelated;box-shadow:inset 0 0 0 var(--mk) var(--ink), inset 0 calc(var(--mk) * 2) 0 var(--oak-hi), inset 0 calc(var(--mk) * -2) 0 var(--oak-lo);clip-path:var(--mk-notch);border:none;place-items:center;padding:0;display:grid}.wm-zoom-icon{--icon:calc(var(--mk) * 18)}.wm-zoom-btn:hover{filter:brightness(1.15);box-shadow:inset 0 0 0 var(--mk) var(--ink), inset 0 0 0 calc(var(--mk) * 2) var(--gold-2)}.wm-zoom-btn:active{transform:translateY(var(--mk))}.wm-side{border-left:calc(var(--px) * 2) solid var(--ink);min-height:0;box-shadow:inset var(--px) 0 0 var(--oak-mid);background:#120b0759;flex-direction:column;display:flex}.wm-side-head{align-items:flex-start;gap:var(--space-4);padding:var(--space-4) var(--space-6) var(--space-4);border-bottom:calc(var(--px) * 2) solid var(--ink);box-shadow:inset 0 calc(var(--px) * -1) 0 var(--oak-mid);display:flex}.wm-land-title{flex:1;min-width:0}.wm-land-title-name{font:var(--type-heading);color:var(--gold);text-shadow:0 .1rem 0 var(--ink)}.wm-land-title-sub{margin-top:var(--space-1);font:var(--type-meta);color:var(--text-dim)}.wm-land-title-sub:empty{display:none}.wm-here{align-items:center;gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-2);border-left:calc(var(--px) * 2) solid var(--here,var(--gold));background:#120b0773;display:flex}.wm-here-icon{--icon:1.6rem;flex:none}.wm-here-text{min-width:0}.wm-here-name{font:var(--type-label);color:var(--text);white-space:nowrap;text-overflow:ellipsis;text-shadow:var(--outline-sm);overflow:hidden}.wm-here-sub{align-items:center;gap:var(--space-1) var(--space-3);font:var(--type-caption);color:var(--here,var(--gold));text-shadow:var(--outline-sm);flex-wrap:wrap;display:flex}.wm-here-level{padding:0 var(--space-2);color:#1c1309;text-shadow:none;background:var(--here,var(--gold));font-size:.64rem}.wm-here-state{color:var(--gold)}.wm-side-list{gap:var(--space-3);min-height:0;padding:var(--space-4) var(--space-6) var(--space-4);scrollbar-color:#7a5534 #0000004d;flex-direction:column;flex:1;display:flex;overflow-y:auto}.wm-side .section-label{margin-top:var(--space-2)}.wm-travel-label{justify-content:space-between;display:flex}.wm-count{font:var(--type-meta);letter-spacing:.04em;color:var(--sky);align-self:center}.wm-regions,.wm-travel{gap:var(--space-2);flex-direction:column;display:flex}.wm-region-row,.wm-travel-row{align-items:center;gap:var(--space-4);width:100%;padding:var(--space-2) var(--space-3) var(--space-2) calc(var(--space-3) + var(--frame-ring));text-align:left;color:var(--text);cursor:var(--cursor-pointer,pointer);box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 calc(var(--px) * 2) 0 #0006, inset 0 calc(var(--px) * -1) 0 #ffffff0f;background:#120b0799;border:none;transition:filter .12s,transform .12s;display:flex;position:relative}.wm-region-row:before,.wm-travel-row:before{content:"";width:calc(var(--px) * 3);background:color-mix(in srgb, var(--rc,var(--gold-2)) 70%, var(--oak-hi));position:absolute;top:0;bottom:0;left:0}.wm-region-row:hover,.wm-travel-row:hover{filter:brightness(1.2);transform:translate(2px)}.wm-rr-icon,.wm-tr-icon{--icon:1.6rem}.wm-rr-mid,.wm-tr-mid{flex:1;min-width:0}.wm-rr-name,.wm-tr-name{font:var(--type-heading);color:#f6e9cc;text-shadow:0 .1rem 0 var(--ink)}.wm-rr-sub,.wm-tr-sub{margin-top:var(--space-1);font:var(--type-caption);color:var(--text-dim)}.wm-rr-camps{font:var(--type-caption);color:var(--text-mute)}.wm-rr-state{--icon:1.3rem}.wm-tr-go{padding:var(--space-1) var(--space-2);font:var(--type-caption);letter-spacing:.08em;text-transform:uppercase;color:var(--sky);box-shadow:inset 0 0 0 var(--px) color-mix(in srgb, var(--sky) 50%, transparent)}.wm-tr-go:empty{display:none}.wm-travel-row.disabled{cursor:var(--cursor-default,default);opacity:.72}.wm-travel-row.disabled:hover{filter:none;transform:none}.wm-empty{font:var(--type-meta);color:var(--text-mute);font-style:italic}.wm-sea{gap:var(--space-2);flex-direction:column;display:flex}.wm-sea-row{align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-3) var(--space-2) calc(var(--space-3) + var(--frame-ring));color:var(--text);box-shadow:inset 0 0 0 var(--px) #00000059;background:#0a060459;display:flex;position:relative}.wm-sea-row:before{content:"";width:calc(var(--px) * 3);background:#4a8a9a;position:absolute;top:0;bottom:0;left:0}.wm-sea-row.closed{opacity:.62}.wm-sea-row.closed .wm-tr-sub{color:#e8735a}.wm-legend-box{padding:calc(var(--px) * 3) calc(var(--px) * 5) calc(var(--px) * 4);background:var(--planks), var(--oak);image-rendering:pixelated;box-shadow:var(--px-edge-dark);clip-path:var(--px-notch);pointer-events:none;position:absolute;bottom:.8rem;left:.8rem}.wm-legend-box.folded{padding-bottom:calc(var(--px) * 3)}.wm-legend-box.folded>:not(.wm-legend-toggle){display:none}.wm-legend-toggle{align-items:center;gap:var(--space-3);width:100%;color:var(--gold);cursor:var(--cursor-pointer,pointer);pointer-events:auto;background:0 0;border:none;padding:0;display:flex}.wm-legend-title{--ds-exempt:"a pixel-font title";font:var(--px-font)}.wm-legend-toggle:hover{filter:brightness(1.15)}.wm-legend-chev{--icon:18px;margin-left:auto}.wm-legend{gap:var(--space-1) var(--space-4);margin-top:var(--space-1);grid-template-columns:auto auto;display:grid}.wm-legend-row{align-items:center;gap:var(--space-2);font:var(--px-font);color:var(--text);display:flex}.wm-legend-icon{flex:none;width:1.1rem!important;height:1.1rem!important;position:relative!important}.wm-legend-icon>*{top:50%;left:50%}.wm-legend-icon .wm-badge{width:1rem;height:1rem}.wm-legend-icon .wm-badge>.px-icon{--icon:.72rem}.wm-legend-icon.wm-player>.wm-player-arrow{width:18px;height:18px}.wm-legend-icon.wm-player:before,.wm-legend-icon.wm-shrine:before{display:none}.wm-legend-icon .wm-camp-icon,.wm-legend-icon .wm-shrine-gem,.wm-legend-icon .wm-shrine-q{--icon:.9rem}.wm-legend-icon.wm-lane:before{content:"";left:0;right:0;top:calc(50% - var(--px) / 2);height:var(--px);background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--text) 85%, transparent) 0 var(--px), transparent 0 calc(var(--px) * 3));position:absolute}.wm-keys{align-items:center;gap:var(--space-1);margin-top:var(--space-2);padding-top:var(--space-2);border-top:calc(var(--px) * 2) dashed var(--oak-mid);font:var(--type-tiny);color:var(--text-dim);flex-wrap:wrap;display:flex}.wm-keys .keycap{font-size:.56rem}.wm-keys span:not(.keycap){margin-right:var(--space-2)}@keyframes shrine-bob{0%,to{transform:translateY(-2px)}50%{transform:translateY(2px)}}@keyframes ring-out{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}@keyframes notice-in{0%{opacity:0;transform:translateY(-.7rem)scale(.94)}to{opacity:1;transform:none}}@keyframes notice-out{to{opacity:0;transform:translateY(-.5rem)}}@keyframes wm-ring-px{to{background-position:calc(var(--ring) * -5) 0}}@keyframes wm-event{50%{filter:brightness(1.45)}}#ui-root.modal-open .notices{opacity:0;transition:opacity .2s}.title-online-window{width:31rem}.title-gate .title-online-window .win-actions{justify-content:flex-end}.online-field{align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}html.sq-touch #ui-root .ds .online-field{margin-bottom:var(--space-2)}html.sq-touch #ui-root .ds .title-online-window .sq-input{padding-top:var(--frame-ring);padding-bottom:var(--frame-ring)}html.sq-touch #ui-root .ds .title-online-window .win-subtitle{font:var(--type-caption)}.online-label{width:7.6em;font:var(--type-caption);letter-spacing:.06em;text-transform:uppercase;color:var(--gold);text-shadow:var(--outline-sm);flex:none}#ui-root .sq-input{min-width:0;font:700 .95rem var(--font);color:var(--text);box-shadow:inset 0 var(--px) 0 #00000080, 0 0 0 var(--px) var(--ink), 0 0 0 calc(var(--px) * 2) var(--oak-mid), 0 0 0 calc(var(--px) * 3) var(--ink);pointer-events:auto;background:#120b07b3;border:none;border-radius:0;outline:none;flex:1;padding:.5rem .7rem}#ui-root .sq-input:focus{box-shadow:inset 0 var(--px) 0 #00000080, 0 0 0 var(--px) var(--ink), 0 0 0 calc(var(--px) * 2) var(--gold-2), 0 0 0 calc(var(--px) * 3) var(--ink)}#ui-root .sq-input.invalid{box-shadow:inset 0 var(--px) 0 #00000080, 0 0 0 var(--px) var(--ink), 0 0 0 calc(var(--px) * 2) var(--bad), 0 0 0 calc(var(--px) * 3) var(--ink)}.online-note{margin:var(--space-2) 0 var(--space-4);font:var(--type-body);color:var(--text-dim)}.online-message{margin:var(--space-3) 0 var(--space-1);font:var(--type-label);color:var(--text-dim);text-shadow:var(--outline-sm)}.online-message.error{color:var(--bad)}.online-server{align-items:baseline;gap:var(--space-4);margin:var(--space-1) 0 var(--space-1);font:var(--type-meta);color:var(--text-mute);display:flex}.online-server-label{letter-spacing:.06em;text-transform:uppercase;font-weight:800}.online-server-host{color:var(--text-dim)}.online-server-change{font:var(--type-caption);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-2);cursor:var(--cursor-pointer,pointer);pointer-events:auto;background:0 0;border:none;margin-left:auto;padding:0}.online-server-change:hover{color:var(--gold);text-decoration:underline}.title-online-window .sq-btn:disabled{opacity:.55;pointer-events:none}@media (max-width:560px){.title-online-window{width:calc(100vw - 1.5rem)}}.net-hud>*{pointer-events:none}.net-status{font:800 .74rem var(--font);color:var(--text-dim);text-shadow:var(--outline-sm);white-space:nowrap;pointer-events:auto;align-items:center;gap:.45rem;padding:.28rem .7rem .28rem .55rem;display:flex;position:absolute;top:7.9rem;left:1rem}.net-dot{width:calc(var(--px) * 4);height:calc(var(--px) * 4);background:var(--text-mute);box-shadow:0 0 0 var(--px) var(--ink)}.net-dot.ok{background:var(--good);box-shadow:0 0 0 var(--px) var(--ink), 0 0 .5rem #a8c46a99}.net-dot.slow{background:var(--warn)}.net-dot.bad{background:var(--bad);animation:1.2s ease-in-out infinite attention}.net-chat{flex-direction:column;gap:.3rem;width:24rem;display:flex;position:absolute;bottom:11.8rem;left:1rem}.net-chat.open .net-chat-log{box-shadow:var(--ring);background:#120b07c7;padding:.4rem .6rem}.net-chat-log{flex-direction:column;gap:.12rem;display:flex}.net-line{font:700 .8rem/1.3 var(--font);color:var(--text);text-shadow:var(--outline-sm);word-break:break-word;transition:opacity 1.8s}.net-line.gone{display:none}.net-line.fading{opacity:0}.net-line-name{color:var(--sky);font-weight:900}.net-line.self .net-line-name{color:var(--gold)}.net-line.system .net-line-text{color:var(--warn);font-style:italic}.net-chat-input-row{background:var(--planks), var(--oak);image-rendering:pixelated;box-shadow:var(--ring);align-items:center;gap:.45rem;padding:.3rem .45rem .3rem .6rem;display:flex}.net-chat-prompt{font:800 .76rem var(--font);letter-spacing:.04em;color:var(--gold);text-shadow:var(--outline-sm)}#ui-root .net-chat-input{min-width:0;font:700 .85rem var(--font);color:var(--text);pointer-events:auto;background:0 0;border:none;outline:none;flex:1;padding:.25rem .3rem}.net-hud>.party-hud{pointer-events:auto;width:min(30rem,100vw - 1.6rem);font:700 max(10px, .85rem)/1.4 var(--font);position:absolute;top:10.8rem;left:.8rem}.party-summary{max-width:19rem}.party-member{color:var(--text);background:#172027e6;align-items:center;gap:.5rem;padding:.2rem .4rem;display:flex}.party-member .net-roster-hp{width:4rem;margin-left:auto}.party-panel{box-sizing:border-box;background:linear-gradient(var(--oak-lo), var(--ink));width:min(38rem,100vw - 2.5rem);max-width:none;max-height:calc(100dvh - 2.5rem);color:var(--text);font:var(--type-body);margin:auto;padding:0;position:fixed;inset:0;overflow:visible}.party-panel:not([open]){display:none}.party-panel::backdrop{background:radial-gradient(#120b0755,#120b07c9)}.party-panel .win-head{background:var(--panel);flex:none}.party-panel .win-titles{min-width:0}.party-panel .win-body{gap:var(--space-6);flex-direction:column;flex:0 auto;display:flex;overflow-x:hidden}#ui-root .party-hud .sq-btn{font-family:var(--font);font-size:max(14px,.95rem);line-height:1.2}.party-hud .sq-btn{min-height:2.3rem;padding:.45rem .8rem}.party-members{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.party-member-actions{align-items:center;column-gap:var(--space-4);row-gap:var(--space-1);min-height:4.6rem;padding:calc(var(--space-3) + var(--frame-ring)) calc(var(--space-4) + var(--frame-ring));background:var(--well);box-shadow:var(--ring-in), inset 0 calc(var(--px) * 5) 0 #00000080;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"portrait info menu""portrait status menu";display:grid;position:relative}.party-member-actions.self{box-shadow:var(--ring-gold-in), inset 0 calc(var(--px) * 5) 0 #00000080}.party-member-actions .party-portrait{grid-area:portrait}.party-member-actions .party-hero-info{grid-area:info;align-self:end}.party-member-actions .party-hero-status{grid-area:status;align-self:start}.party-member-actions .party-member-menu{grid-area:menu;align-self:start}.party-directory-row{align-items:center;gap:var(--space-3);padding:var(--space-2) 0 calc(var(--space-2) + var(--frame-thin));box-shadow:inset 0 calc(var(--px) * -1) 0 var(--oak-mid);grid-template-columns:auto minmax(0,1fr) auto auto;display:grid}.party-portrait{background:radial-gradient(circle at 50% 70%, color-mix(in srgb, var(--cc,var(--oak-hi)) 38%, transparent), transparent 72%), var(--well);width:max(40px,3.25rem);height:max(40px,3.25rem);box-shadow:0 0 0 var(--px) var(--ink), 0 0 0 calc(var(--px) * 2) var(--oak-mid), 0 0 0 calc(var(--px) * 3) var(--ink), inset 0 calc(var(--px) * 2) 0 #00000073;flex:none;place-items:center;display:grid;position:relative}.party-portrait .px-icon{--icon:2.5rem;filter:drop-shadow(0 calc(var(--px) * 1) 0 #0009)}.party-level{min-width:max(16px,1.15rem);height:max(16px,1.15rem);font:900 max(10px, .64rem)/1 var(--font);color:var(--text);text-shadow:0 1px 0 var(--moss-lo);background:linear-gradient(var(--moss), var(--moss-2));box-shadow:0 0 0 var(--px) var(--ink), inset 0 var(--px) 0 var(--moss-hi), inset 0 calc(var(--px) * -1) 0 var(--moss-lo), 0 0 0 calc(var(--px) * 2) var(--gold-2), 0 0 0 calc(var(--px) * 3) var(--ink);place-items:center;padding:0 .15rem;display:grid;position:absolute;bottom:-.5rem;right:-.5rem}.party-hero-info{min-width:0}.party-hero-name{overflow-wrap:anywhere;color:var(--text);text-shadow:var(--outline-sm);font-weight:700}.party-member-actions.self .party-hero-name{color:var(--gold)}.party-hero-meta{color:var(--text-dim);font-size:max(12px,.82rem)}.party-hero-status{white-space:nowrap;color:var(--text-dim);align-items:center;gap:.35rem;font-size:max(12px,.82rem);display:flex}.party-panel .party-hero-name{font:var(--type-label)}.party-panel .party-hero-meta{font:var(--type-meta)}.party-panel .party-hero-status{gap:var(--space-2);font:var(--type-meta)}.party-hero-status:has(.px-icon){color:var(--gold)}.party-hero-status .px-icon{width:18px;height:18px}.party-online-dot{width:calc(var(--px) * 4);height:calc(var(--px) * 4);background:var(--good);box-shadow:0 0 0 var(--px) var(--ink);flex:none}.party-panel .party-online-dot{width:calc(var(--px) * 6);height:calc(var(--px) * 6);box-shadow:inset 0 0 0 var(--px) var(--ink)}.party-empty-slot{align-items:center;gap:var(--space-4);min-height:4.6rem;padding:calc(var(--space-3) + var(--frame-ring)) calc(var(--space-4) + var(--frame-ring));background:repeating-linear-gradient(135deg, transparent 0 .5rem, #00000029 .5rem 1rem), var(--oak-lo);box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 0 0 calc(var(--px) * 2) color-mix(in srgb, var(--oak-mid) 55%, var(--ink)), inset 0 0 0 calc(var(--px) * 3) var(--ink);color:var(--text-mute);font:inherit;text-align:left;cursor:var(--cursor-pointer,pointer);border:0;border-radius:0;grid-template-columns:auto minmax(0,1fr);display:grid}.party-empty-slot:hover:not(:disabled){color:var(--gold);box-shadow:var(--ring-gold-in)}.party-empty-slot:hover:not(:disabled) .party-slot-plus{color:var(--gold)}.party-slot-plus{width:calc(max(40px, 3.25rem) + var(--frame-ring) * 2);height:calc(max(40px, 3.25rem) + var(--frame-ring) * 2);font:900 1.7rem/1 var(--font);--ds-exempt:"the plus sign";color:var(--gold-3);text-shadow:0 var(--px) 0 var(--ink);background:var(--well);box-shadow:var(--ring-in), inset 0 calc(var(--px) * 5) 0 #00000073;place-items:center;display:grid}.party-slot-text{gap:var(--space-1);min-width:0;display:grid}.party-slot-title{font:var(--type-label);color:var(--text-dim)}.party-empty-slot:hover:not(:disabled) .party-slot-title{color:var(--gold)}.party-slot-hint{font:var(--type-meta)}.party-section{gap:var(--space-3);padding-top:calc(var(--space-4) + var(--frame-thin));border-top:calc(var(--px) * 2) solid var(--ink);box-shadow:inset 0 var(--px) 0 var(--oak-mid);flex-direction:column;display:flex}.party-section-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.party-section-title{font:var(--type-label);margin:0;display:block}.party-section>.party-section-title,.party-section-head>.party-section-title{font:var(--type-heading);letter-spacing:.01em;color:var(--gold);text-shadow:var(--outline-hard)}.party-name-form .sq-btn{min-width:6rem}#ui-root .party-panel .party-refresh{padding:calc(var(--space-2) + var(--frame-thin));min-width:32px;min-height:32px}.party-refresh .px-icon{width:18px;height:18px}.party-directory{scrollbar-width:thin;scrollbar-color:var(--oak-hi) var(--ink);flex-direction:column;min-height:3rem;max-height:11rem;display:flex;overflow:hidden auto}#ui-root .ds .party-directory-row .party-portrait{width:calc(max(32px, 2.5rem) + var(--frame-ring) * 2);height:calc(max(32px, 2.5rem) + var(--frame-ring) * 2)}.party-directory-row .party-portrait .px-icon{--icon:2rem}.party-directory-row .sq-btn{min-width:5.1rem}.party-directory-empty{padding:var(--space-3) 0;font:var(--type-meta);color:var(--text-dim)}.party-help,.party-notice{font:var(--type-meta);color:var(--text-dim);overflow-wrap:anywhere;margin:0}.party-help:empty,.party-notice:empty{display:none}.party-notice{color:var(--gold)}.party-footer{margin:0 var(--space-6);padding:var(--space-3) 0 var(--space-4);border-top:1px solid var(--gold-3);flex:none;justify-content:center;display:flex}#ui-root .party-panel .party-leave:hover:not(:disabled){color:var(--wine-hi)}.party-member-menu{position:relative}.party-member-menu summary{width:28px;min-height:32px;color:var(--text-dim);cursor:var(--cursor-pointer,pointer);place-items:center;list-style:none;display:grid}.party-member-menu summary::-webkit-details-marker{display:none}.party-member-menu[open] summary{color:var(--gold)}.party-member-menu-actions{gap:var(--space-2);padding:var(--space-3);background:var(--oak-lo);box-shadow:var(--ring);z-index:4;display:grid;position:absolute;top:100%;right:0}.party-menu-invites:empty{display:none}.party-menu-invites .party-prompt{background:var(--well);border:1px solid var(--gold-3);margin:0 0 .8rem}.party-menu-invites .party-prompt:before{display:none}.party-hud :is(button,summary):focus-visible{outline:2px solid var(--gold);outline-offset:3px}.party-prompt{margin:.4rem 0;padding:.65rem}.party-prompt .sq-btn{margin:.4rem .3rem 0 0}.party-ready-member{font-size:max(10px,.8rem)}.party-hud button:disabled{opacity:.5}.net-hud.touch>.party-hud{top:calc(max(var(--sa-t), 6px) + 5.2rem);left:max(var(--sa-l), 8px);font-size:14px}.net-hud.touch .party-summary{display:none}#ui-root .net-hud.touch .party-hud .sq-btn{min-width:44px;min-height:40px}.net-hud.touch .party-alerts:not(:empty){width:min(32rem,92vw);max-height:70dvh;position:fixed;top:14%;left:50%;overflow-y:auto;transform:translate(-50%)}.net-hud.touch .party-panel{width:min(38rem,100vw - 2.5rem)}.net-hud.touch .party-member-menu summary{width:44px;min-height:40px}@media (max-width:480px){.party-panel .win-body{padding:var(--space-4)}.party-members{grid-template-columns:minmax(0,1fr)}.party-member-actions{column-gap:var(--space-3);padding:calc(var(--space-2) + var(--frame-ring)) calc(var(--space-3) + var(--frame-ring))}.party-directory-row{grid-template-columns:minmax(0,1fr) auto}.party-directory-row :is(.party-portrait,.party-online-dot){display:none}.party-name-form .sq-btn{min-width:0}}.social{flex-direction:column;width:min(34rem,94vw);max-height:min(40rem,88vh);display:flex}.social-body{min-height:14rem}.social-view{gap:var(--space-3);flex-direction:column;display:none}.social-view.active{display:flex}.social-notice:empty{display:none}.social-notice,.social-head{font:var(--type-meta);color:var(--gold);text-shadow:var(--outline-sm)}.social-list{gap:var(--space-3);flex-direction:column;display:flex}.social-row{align-items:center;gap:var(--space-4);padding:calc(var(--space-3) + var(--frame-thin)) calc(var(--space-4) + var(--frame-thin));box-shadow:inset 0 0 0 var(--px) var(--ink);background:#120b078c;grid-template-columns:auto minmax(0,1fr) auto;display:grid}#ui-root .ds .social-row .party-portrait{width:calc(max(32px, 2.5rem) + var(--frame-ring) * 2);height:calc(max(32px, 2.5rem) + var(--frame-ring) * 2)}.social-row .party-portrait .px-icon{--icon:2rem}#ui-root .ds .social-row .party-level{right:calc(var(--px) * -2);bottom:calc(var(--px) * -2);min-width:max(11px,.8rem);height:max(11px,.8rem);box-shadow:0 0 0 var(--px) var(--ink), inset 0 var(--px) 0 var(--moss-hi), inset 0 calc(var(--px) * -1) 0 var(--moss-lo)}.social-row.offline{opacity:.6}.social-name{white-space:nowrap;text-overflow:ellipsis;font:var(--type-label);text-shadow:var(--outline-sm);overflow:hidden}.social-meta{white-space:nowrap;text-overflow:ellipsis;font:var(--type-meta);color:var(--text-dim);overflow:hidden}.social-row.offline .social-meta{font-style:italic}.social-acts{gap:var(--space-3);display:flex}.social-empty{padding:var(--space-8) var(--space-4);font:var(--type-body);text-align:center;color:var(--text-dim);font-style:italic}.net-roster-hp{height:calc(var(--px) * 4);padding:var(--px);background:var(--ink);box-shadow:0 0 0 var(--px) var(--oak-mid)}.net-roster-hp-fill{height:100%;box-shadow:inset 0 var(--px) 0 #e0645a;background:#b8382e}.net-roster-hp:has(>.wb-track){position:relative}.wb-track{height:100%;position:relative}.wb-track>*{height:100%;position:absolute;top:0;left:0}.wb-track>.net-roster-hp-fill{width:0}.net-roster-hp-ward{background:repeating-linear-gradient(135deg, var(--text) 0 var(--px), color-mix(in srgb, var(--text) 75%, var(--gold)) var(--px) calc(var(--px) * 2));width:0;box-shadow:inset 0 var(--px) 0 var(--gold)}.net-roster-hp-ward.seam{border-left:var(--px) solid var(--ink);box-sizing:border-box}.wb-chunk{background:var(--text);display:none}.wb-chunk.on{display:block}.net-roster-hp.warded{box-shadow:0 0 0 var(--px) var(--gold)}.furnace-repair{margin-left:auto}.inspect{width:min(68rem,96vw);height:min(46rem,92vh)}.inspect .win-head{align-items:flex-start}.insp-sub{font-size:1rem}.insp-hero-title{font-style:italic;font-weight:800}.insp-status{align-items:center;gap:var(--space-3);min-height:1.2rem;margin-top:var(--space-2);flex-wrap:wrap;display:flex}.insp-hp{width:11rem;height:1.2rem;position:relative;overflow:hidden}.insp-hp[hidden],.insp-badge[hidden],.insp-invite[hidden]{display:none}.insp-hp-fill{background:linear-gradient(var(--moss), var(--moss-2));transition:width .25s;position:absolute;inset:0 auto 0 0}.insp-hp-text{font:var(--type-meta);color:var(--text);text-shadow:var(--outline-sm);place-items:center;display:grid;position:absolute;inset:0}.insp-badge{padding:var(--space-1) var(--space-3) var(--space-1);font:var(--type-caption);letter-spacing:.08em;text-transform:uppercase;color:var(--moss-hi);box-shadow:inset 0 0 0 var(--px) var(--moss)}.insp-badge.insp-away{color:var(--text-dim);box-shadow:inset 0 0 0 var(--px) var(--oak-mid)}.insp-badge.insp-pvp{color:var(--bad);box-shadow:inset 0 0 0 var(--px) var(--wine-hi);background:color-mix(in srgb, var(--wine-hi) 25%, transparent)}.insp-actions{align-items:center;gap:var(--space-4);margin-left:auto;display:flex}.insp-actions .win-close{margin-left:0}.insp-body{gap:var(--space-8);padding:var(--space-6) var(--space-8) var(--space-8);flex:1;grid-template-columns:11rem auto minmax(15rem,1fr);min-height:0;display:grid;overflow-y:auto}.insp-left,.insp-right{flex-direction:column;min-width:0;display:flex}.insp-right{height:0;min-height:100%}.insp-card{align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;display:flex}.insp-banner-frame{width:100%;height:7.4rem;margin-bottom:var(--space-2);place-items:center;display:grid}.insp-banner-none{font:var(--type-body);color:var(--text-dim)}.insp-banner-name{font:var(--type-heading);text-shadow:var(--outline-hard)}.insp-banner-rarity{font:var(--type-caption);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.insp-regalia-head{margin:var(--space-6) 0 var(--space-2);font-size:1.2rem}.insp-regalia{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.insp-regalia-row{align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-3);text-align:left;display:flex}.insp-regalia-name{font:var(--type-label)}.insp-regalia-kind{font:var(--type-caption);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.insp-doll{gap:var(--space-6) var(--space-4);grid-template-rows:1fr auto;grid-template-columns:auto 18rem auto;align-content:start;display:grid}.insp-col{gap:var(--space-4);flex-direction:column;display:flex}.insp-hands{align-self:start}.insp-acc{flex-direction:row;grid-column:1/span 3;justify-content:center}.insp-acc .item-tile{width:4.5rem;height:4.5rem}.item-tile.empty.insp-empty .slot-glyph{opacity:.2;width:1.9rem;height:1.9rem;margin:auto;position:absolute;inset:0}.insp-preview{min-height:100%;position:relative;overflow:hidden}.insp-preview-canvas{width:100%;height:100%;cursor:var(--cursor-grab,grab);touch-action:none;-webkit-user-select:none;user-select:none;transition:filter .3s;position:absolute;inset:0}.insp-preview-canvas.grabbing{cursor:var(--cursor-grabbing,grabbing)}.insp-preview.away .insp-preview-canvas{filter:grayscale()brightness(.6)}.insp-preview-hint{text-align:center;font:var(--type-meta);letter-spacing:.06em;color:var(--text-dim);opacity:.7;pointer-events:none;transition:opacity .6s;position:absolute;bottom:.4rem;left:0;right:0}.insp-preview-hint.used{opacity:0}.insp-loading{animation:1.1s ease-in-out infinite alternate insp-shimmer}.insp-total-value.insp-loading{background:color-mix(in srgb, var(--text) 12%, transparent);min-width:2.5rem}@keyframes insp-shimmer{0%{opacity:.45}to{opacity:1}}.insp-totals{gap:var(--space-1);padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:calc(var(--px) * 2) solid var(--oak-mid);flex-direction:column;display:flex}.insp-total{justify-content:space-between;gap:var(--space-4);font:var(--type-body);display:flex}.insp-total-label{color:var(--text-dim)}.insp-total-value{color:var(--gold)}.insp-bonus{gap:var(--space-1);margin-top:var(--space-1);font:var(--type-body);color:var(--text);flex-direction:column;display:flex}.insp-bonus:empty{display:none}.insp-bonus-line.bad{color:var(--bad)}.insp-detail{gap:var(--space-2);scrollbar-gutter:stable;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow-y:auto}.insp-detail .ic-card{width:auto}.insp-yours{font:var(--type-meta);color:var(--text-dim)}@media (max-width:760px){.insp-body{grid-template-columns:1fr}.insp-right{height:auto;min-height:0}.insp-detail{overflow-y:visible}}.hero-menu-layer{animation:none}.hero-menu{gap:var(--space-1);min-width:11.5rem;max-width:18rem;padding:var(--space-3);flex-direction:column;animation:.12s ease-out both hero-menu-in;display:flex;position:absolute}.hero-menu-head{padding:var(--space-1) var(--space-3) var(--space-2);margin-bottom:var(--space-1);border-bottom:calc(var(--px) * 2) solid var(--ink)}.hero-menu-name{text-overflow:ellipsis;white-space:nowrap;font:var(--type-heading);color:var(--gold);text-shadow:0 .1rem 0 var(--ink);overflow:hidden}.hero-menu-sub{font:var(--type-body);color:var(--text-dim)}.hero-menu-item{width:100%;padding:var(--space-2) var(--space-4);font:var(--type-lead);text-align:left;color:var(--text);box-shadow:inset 0 0 0 var(--px) var(--ink);cursor:var(--cursor-pointer,pointer);background:#120b0773;border:none;border-radius:0;display:block}.hero-menu-item:hover:not(:disabled),.hero-menu-item:focus-visible{color:#fff;box-shadow:inset 0 0 0 var(--px) var(--gold-2);background:#d6aa5238;outline:none}.hero-menu-item:disabled{opacity:.5;cursor:var(--cursor-default,default)}.hero-menu-reason{margin:calc(var(--space-1) * -1) var(--space-4) var(--space-1);font:var(--type-meta);color:var(--text-dim)}@keyframes hero-menu-in{0%{opacity:0;transform:translateY(-.2rem)}}.admin{width:min(70rem,96vw);height:min(46rem,90vh)}.admin-body{gap:var(--space-8);min-height:0;padding:var(--space-6) var(--space-8) var(--space-8);flex:1;grid-template-columns:15rem minmax(0,1fr);display:grid}.admin-layer.busy .admin-page{opacity:.75}.admin-side{gap:var(--space-2);flex-direction:column;min-height:0;display:flex}.admin-search{gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.admin-side-label{margin-top:var(--space-4);font:var(--type-caption);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.admin-heroes{gap:var(--space-2);scrollbar-width:thin;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}#ui-root .admin-hero{justify-content:flex-start;align-items:stretch;gap:var(--space-1);text-align:left;flex:none;width:100%}.admin-hero-top{justify-content:space-between;align-items:center;gap:var(--space-2);min-width:0;display:flex}.admin-hero-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.admin-hero-top .admin-rank{padding:var(--space-1) var(--space-2) var(--space-1);text-shadow:none;flex:none;font-size:.56rem}.admin-hero-meta{text-overflow:ellipsis;font:var(--type-caption);letter-spacing:0;color:var(--text-dim);text-shadow:var(--outline-sm);overflow:hidden}.admin-hero.active .admin-hero-meta{color:var(--gold-2)}.admin-hero.active{color:var(--gold);box-shadow:var(--ring-gold)}.admin-list{margin-top:auto}.admin-main{gap:var(--space-3);flex-direction:column;min-height:0;display:flex}.admin-main>:not(.admin-page){flex-shrink:0}.admin-who{align-items:center;gap:var(--space-6);min-height:3.6rem;display:flex}.admin-who-text{flex:1;min-width:0}.admin-who-name{text-overflow:ellipsis;white-space:nowrap;font:var(--type-title);color:var(--text);text-shadow:var(--outline-hard);overflow:hidden}.admin-who-line{gap:var(--space-1) var(--space-6);margin-top:var(--space-1);font:var(--type-body);color:var(--text-dim);flex-wrap:wrap;display:flex}.admin-online{color:var(--moss-hi)}.admin-online:before{content:"● "}.admin-offline{color:var(--text-mute)}.admin-who-rank{align-items:center;gap:var(--space-4);flex:none;display:flex}.admin-rank{padding:var(--space-1) var(--space-3) var(--space-1);font:var(--type-caption);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);box-shadow:inset 0 0 0 var(--px) var(--oak-mid)}.admin-rank.rank-1{color:var(--moss-hi);box-shadow:inset 0 0 0 var(--px) var(--moss)}.admin-rank.rank-2{color:var(--gold);box-shadow:inset 0 0 0 var(--px) var(--gold-2)}.admin-password{flex-direction:column;gap:.4rem;padding:.6rem .75rem;display:flex}.admin-password[hidden]{display:none}#ui-root .ds .sq-input.admin-password-input{flex:12rem;max-width:20rem;font-family:monospace}.admin-password-value{letter-spacing:.06em;color:var(--gold);-webkit-user-select:all;user-select:all;box-shadow:inset 0 0 0 var(--px) var(--oak-mid);padding:.25rem .5rem;font:700 1.05rem/1.2 monospace}.admin-status{min-height:1.3rem;font:var(--type-body);color:var(--text-dim)}.admin-status.ok{color:var(--moss-hi)}.admin-status.fail{color:var(--wine-hi)}.admin-page-tabs{gap:var(--space-2);display:flex}.admin-page-tab.active{color:var(--gold);box-shadow:var(--ring-gold)}.admin-page{scrollbar-width:thin;min-height:0;padding:var(--space-1) var(--space-1) var(--space-1);flex:1;overflow-y:auto}.admin-empty{font:var(--type-prose);color:var(--text-dim)}.admin-flash-ok,.admin-flash-fail{position:relative}.admin-flash-ok:after,.admin-flash-fail:after{width:1.15rem;height:1.15rem;font:var(--type-meta);color:var(--text);box-shadow:0 0 0 var(--px) var(--ink);pointer-events:none;place-items:center;animation:1.8s ease-out both admin-flash;display:grid;position:absolute;top:-.55rem;right:-.45rem}.admin-flash-ok:after{content:"✓";background:var(--moss)}.admin-flash-fail:after{content:"✗";background:var(--wine)}@keyframes admin-flash{0%{opacity:0;transform:scale(.4)}12%,75%{opacity:1;transform:scale(1)}to{opacity:0}}.admin-tool-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.admin-tool{gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-4);flex-direction:column;display:flex}.admin-kind-title{margin:var(--space-2) 0 var(--space-2);font:var(--type-heading);color:var(--gold);text-shadow:var(--outline-hard)}.admin-tool-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.admin-tool-note{font:var(--type-meta);color:var(--text-dim)}#ui-root .admin-num{flex:0 0 6.5rem}#ui-root .admin-select{flex:9rem;min-width:9rem;max-width:15rem}@media (max-width:900px){.admin-tool-grid{grid-template-columns:minmax(0,1fr)}}.admin-catalog-body{gap:var(--space-3);flex-direction:column;display:flex}#ui-root .admin-catalog-search{flex:2 10rem;min-width:9rem}.admin-catalog-grid{gap:var(--space-3);scrollbar-width:thin;max-height:21rem;padding:var(--space-1);grid-template-columns:repeat(auto-fill,minmax(6.4rem,1fr));display:grid;overflow-y:auto}.admin-pick{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-1);color:var(--text);box-shadow:inset 0 0 0 var(--px) var(--oak-mid);cursor:var(--cursor-pointer,pointer);background:#120b078c;border:0;flex-direction:column;display:flex}.admin-pick:hover:not(:disabled){background:#3c281699}.admin-pick:disabled{opacity:.5;cursor:default}.admin-pick.selected{box-shadow:inset 0 0 0 calc(var(--px) * 2) var(--gold);background:#46321499}.admin-pick:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.admin-pick .item-tile{width:4.2rem;height:4.2rem}.admin-pick-art{place-items:center;height:3.6rem;display:grid}.admin-pick-name{-webkit-line-clamp:2;font:var(--type-meta);text-align:center;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.admin-pick-state{font:var(--type-tiny);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.admin-pick.owned .admin-pick-state{color:var(--gold)}.admin-catalog-more{font:var(--type-meta);color:var(--text-dim);grid-column:1/-1}.admin-catalog-detail{align-items:center;gap:var(--space-3);min-height:2.6rem;display:flex}.admin-catalog-pick{flex:1;min-width:0}.admin-catalog-pick-name{font:var(--type-label)}@media (max-width:760px){.admin-body{grid-template-columns:1fr}}.qc-gear{gap:var(--space-2);display:inline-flex}#ui-root .ds .sq-input.invalid,#ui-root .ds .sq-input.invalid:focus{box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 0 0 calc(var(--px) * 2) var(--bad), inset 0 0 0 calc(var(--px) * 3) var(--ink), inset 0 calc(var(--px) * 4) 0 #00000080}#ui-root .ds .party-menu-invites .party-prompt.sq-window{border:var(--px) solid var(--gold-3)}#ui-root .ds .sq-btn.small.party-refresh{padding:calc(var(--space-2) + var(--frame-thin))}#ui-root .ds .sq-btn.link.party-leave:hover:not(:disabled){color:var(--wine-hi)}#ui-root .ds .sq-btn.small.title-news{--ds-exempt:"a corner button smaller than the title face buttons";font-size:1.2rem}#ui-root .ds .win-subtitle.insp-sub{font:var(--type-lead)}#ui-root .ds .item-tile.empty.open:hover{box-shadow:inset 0 0 0 var(--px) var(--gold-3), inset 0 0 0 calc(var(--px) * 2) #120b07cc}#ui-root .ds .sq-btn.admin-hero.active,#ui-root .ds .sq-btn.admin-page-tab.active{box-shadow:var(--ring-gold-in)}#ui-root .ds .win-body.book-body{padding-top:var(--space-4)}#ui-root .ds .win-body.questboard-body,html.sq-touch #ui-root .ds .win-body.ex-body,html.sq-touch #ui-root .ds .win-body.questboard-body{padding-top:var(--space-2)}@media (max-width:480px){#ui-root .party-panel.ds .win-body{padding:var(--space-4)}}#ui-root .ds .inv-wallet .gem{margin:0 var(--space-4) 0 0}html.sq-touch #ui-root .ds .sq-btn.small:not(.label):not(.title-news){--ds-exempt:"the phone floor for the title face";font-size:max(1.45rem,14px)}.it-durability{background:var(--ink);pointer-events:none;height:.2rem;position:absolute;bottom:.2rem;left:.3rem;right:.3rem}.it-durability-fill{background:var(--moss-hi);height:100%}.it-durability.low .it-durability-fill{background:var(--warn)}.item-tile.broken canvas{filter:grayscale();opacity:.5}.it-broken{text-align:center;background:color-mix(in srgb, var(--wine-lo) 92%, transparent);box-shadow:0 0 0 var(--px) var(--ink);color:var(--text);pointer-events:none;font-size:.65rem;font-weight:700;position:absolute;top:40%;left:0;right:0}.inv-d-durability{margin:var(--space-4) 0;color:color-mix(in srgb, var(--moss-hi) 75%, var(--text));font-weight:700}.repair-danger{color:color-mix(in srgb, var(--bad) 65%, var(--text))}.repair{width:min(58rem,96vw)}#ui-root .repair,#ui-root .repair .item-tile{cursor:var(--hammer)}#ui-root .repair.striking,#ui-root .repair.striking *{cursor:none}.repair-whole{color:color-mix(in srgb, var(--moss-hi) 75%, var(--text))}#ui-root .repair .shop-wares{overflow:hidden auto}#ui-root .repair .bank-grid.wares{flex:none}#ui-root .ds .repair-foot .sq-btn{white-space:nowrap}.repair-modes{display:flex}.repair-modes .sq-seg{flex:1}.repair-swing{z-index:60;--ds-exempt:"the hammer cursor hotspot";pointer-events:none;transform-origin:47% 90%;margin:-6px 0 0 -8px;animation:.22s cubic-bezier(.5,0,.7,1) forwards repair-swing;position:fixed}@keyframes repair-swing{0%{transform:rotate(-50deg)}45%{transform:rotate(8deg)}70%{opacity:1;transform:rotate(0)}to{opacity:0;transform:rotate(0)}}.repair-spark{z-index:60;width:calc(var(--px) * 2);height:calc(var(--px) * 2);pointer-events:none;box-shadow:0 0 calc(var(--px) * 2) #ffb347;background:#ffd77a;animation:.45s ease-out forwards repair-spark;position:fixed}@keyframes repair-spark{to{transform:translate(var(--dx), var(--dy));opacity:0}}#ui-root .repair .mendable.bump{animation:.3s ease-out repair-flash}@keyframes repair-flash{0%{filter:brightness(1.8)}}.repair-gain{z-index:60;font:var(--type-label);color:color-mix(in srgb, var(--moss-hi) 80%, white);text-shadow:var(--outline);pointer-events:none;animation:.9s ease-out forwards repair-gain;position:fixed}@keyframes repair-gain{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-1.6rem)}}.durability-warning{--tc:var(--warn);max-width:min(34rem,64vw);padding:.5rem .85rem .5rem calc(.7rem + var(--px) * 3);background:var(--planks), var(--oak);image-rendering:pixelated;box-shadow:var(--ring), 0 .4rem .8rem #0006;color:var(--text);text-shadow:var(--outline-sm);font:var(--type-body);text-align:center;pointer-events:auto;cursor:var(--cursor-pointer,pointer);border:0;position:absolute;top:5.5rem;left:50%;transform:translate(-50%)}.durability-warning:before{content:"";width:calc(var(--px) * 3);background:var(--tc);position:absolute;top:0;bottom:0;left:0}.durability-warning.broken{--tc:var(--wine-hi)}.hud.touch .durability-warning{max-width:80vw;font-size:.75rem;top:6.5rem}.item-tile{--rar:var(--oak-mid);width:5rem;height:5rem;cursor:var(--cursor-pointer,pointer);background:linear-gradient(135deg, color-mix(in srgb, var(--rar) 32%, transparent) 0%, transparent 46%), linear-gradient(180deg, #33251a, #1c130d);box-shadow:inset 0 0 0 calc(var(--px) * 2) var(--rar), inset 0 0 0 calc(var(--px) * 3) #120b0799, 0 0 0 var(--px) var(--ink);flex:none;transition:transform 80ms;position:relative}.item-tile.rarity-common{--rar:color-mix(in srgb, var(--rar-common) 55%, var(--oak-mid))}.item-tile.rarity-rare{--rar:var(--rar-rare)}.item-tile.rarity-unique{--rar:var(--rar-unique)}.item-tile:not(.empty):hover{z-index:1;transform:scale(1.04)}.item-tile.selected{box-shadow:inset 0 0 0 calc(var(--px) * 2) var(--rar), inset 0 0 0 calc(var(--px) * 3) #120b0799, 0 0 0 var(--px) var(--ink), 0 0 0 calc(var(--px) * 3) var(--gold), 0 0 0 calc(var(--px) * 4) var(--ink), 0 0 1rem #f2cf7859;z-index:2}.item-tile.empty{cursor:var(--cursor-default,default);box-shadow:inset 0 0 0 var(--px) #5a3d2699, 0 0 0 var(--px) #120b07cc;background:linear-gradient(45deg,#0000 calc(50% - 1px),#f1e3c40f 50%,#0000 calc(50% + 1px)),linear-gradient(-45deg,#0000 calc(50% - 1px),#f1e3c40f 50%,#0000 calc(50% + 1px)),#120b07b3}.item-icon{width:calc(100% - 1rem);height:calc(100% - 1.2rem);image-rendering:pixelated;filter:drop-shadow(.12rem .16rem #0000008c);pointer-events:none;position:absolute;inset:.5rem .6rem .7rem .4rem}.it-power{font:900 1rem/1 var(--font);color:#f6e9cc;text-shadow:.08em .08em 0 var(--ink), 0 0 3px var(--ink);pointer-events:none;align-items:center;gap:.18rem;display:flex;position:absolute;bottom:.34rem;right:.42rem}.it-count{font:900 1rem/1 var(--font);color:var(--text);text-shadow:.08em .08em 0 var(--ink), 0 0 3px var(--ink);pointer-events:none;position:absolute;bottom:.34rem;right:.42rem}.slot-glyph{width:.72em;height:.72em;image-rendering:pixelated;filter:drop-shadow(.06em .06em 0 var(--ink));flex:none}.it-power .slot-glyph{opacity:.85}.it-fresh{top:calc(var(--px) * 2);right:calc(var(--px) * 2);border-top:.95rem solid var(--gold);width:0;height:0;filter:drop-shadow(0 1px 0 var(--ink));pointer-events:none;border-left:.95rem solid #0000;position:absolute}.it-cmp{font:900 .72rem/1 var(--font);text-shadow:0 1px 0 var(--ink), 0 0 3px var(--ink);pointer-events:none;position:absolute;bottom:.36rem;left:.42rem}.it-cmp.up{color:var(--moss-hi)}.it-cmp.down{color:var(--bad)}.item-tile.big{width:6.6rem;height:6.6rem}.item-tile.big .it-power{font-size:1.25rem}.item-tile.small,.item-tile.shop{cursor:var(--cursor-default,default)}.item-tile.small{width:2.9rem;height:2.9rem}.item-tile.small .it-power,.item-tile.small .it-cmp{display:none}.item-tile.small .item-icon{width:calc(100% - .6rem);height:calc(100% - .6rem);inset:.3rem}.item-tile.shop{width:4.2rem;height:4.2rem}.item-tile.small:hover,.item-tile.shop:hover{transform:none}#ui-root .ui-hud-root,#ui-root .ui-notify-root{transition:opacity .15s}#ui-root.inv-open .ui-hud-root,#ui-root.inv-open .ui-notify-root{opacity:0}.inv-layer{font-family:var(--font);color:var(--text);-webkit-user-select:none;user-select:none;display:block}.inv-shade{background:linear-gradient(90deg,#120b074d 0%,#120b0742 22%,#160f0ae0 40%,#120b07f2 100%),radial-gradient(60% 80% at 20%,#0000 30%,#0c070499 100%);position:absolute;inset:0}.inv-top{align-items:center;gap:var(--space-8);display:flex;position:absolute;top:2rem;left:3rem;right:3rem}.inv-wallet{align-items:center;gap:var(--space-1);padding:calc(var(--space-2) + var(--frame-ring)) calc(var(--space-6) + var(--frame-ring)) calc(var(--space-2) + var(--frame-ring)) calc(var(--space-4) + var(--frame-ring));font:var(--type-figure);color:#e3f5c9;text-shadow:var(--outline);background:var(--planks), var(--oak);image-rendering:pixelated;box-shadow:var(--ring-in);display:flex}.inv-wallet .gem{margin:0 var(--space-4) 0 0}.inv-wallet.bump,.inv-left.bump .inv-col{animation:.3s cubic-bezier(.2,1.8,.4,1) bump}.inv-title{font:var(--type-title);color:var(--gold);text-shadow:var(--outline-hard);flex:1}.inv-left{pointer-events:none;width:31rem;position:absolute;top:8rem;bottom:5.5rem;left:3rem}.inv-left>*{pointer-events:auto}.inv-left{gap:var(--space-6);flex-direction:column;display:flex}.inv-slots{gap:var(--space-4);flex:1;grid-template-columns:auto 1fr auto;min-height:0;display:grid}.inv-col{gap:var(--space-4);flex-direction:column;align-self:end;display:flex}.inv-slot-wrap{display:flex;position:relative}.inv-eye{width:calc(1.9rem + var(--frame-thin) * 2);height:calc(1.9rem + var(--frame-thin) * 2);cursor:var(--cursor-pointer,pointer);background:linear-gradient(var(--leather), color-mix(in srgb, var(--leather) 75%, var(--ink)));box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 calc(var(--px) * 2) 0 var(--leather-hi);border:none;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:0;transform:translate(50%,-50%)}.inv-eye .px-icon{--icon:1.4rem}.inv-eye:hover,.inv-eye:focus-visible{background:linear-gradient(var(--leather-hi), var(--leather));box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 calc(var(--px) * 2) 0 color-mix(in srgb, var(--leather-hi) 60%, var(--gold))}.inv-eye[aria-pressed=true]{box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 calc(var(--px) * -3) 0 var(--gold-2)}.inv-stage{pointer-events:none;min-width:0}.inv-hero{flex:none;justify-content:space-between;align-items:center;display:flex}.inv-accessories{gap:var(--space-3);display:flex}.inv-accessories .item-tile{width:4.5rem;height:4.5rem}.item-tile.empty.open{cursor:var(--cursor-pointer,pointer);background:#120b07b8}.item-tile.empty.open:hover{box-shadow:inset 0 0 0 var(--px) var(--gold-3), 0 0 0 var(--px) #120b07cc}.item-tile.empty.locked{cursor:var(--cursor-blocked,not-allowed)}.item-tile.empty.locked .slot-glyph,.item-tile.empty.open .slot-glyph{opacity:.22;width:1.9rem;height:1.9rem;margin:auto;position:absolute;inset:0}.item-tile.empty.locked .slot-glyph{opacity:.1}.inv-badge{flex-direction:column;flex:none;justify-content:center;align-items:center;width:5.6rem;height:5.6rem;display:flex}.inv-level{width:calc(5.6rem + var(--px) * 8);height:calc(5.6rem + var(--px) * 8);background:linear-gradient(var(--moss), var(--moss-2));box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 0 0 calc(var(--px) * 3) var(--gold-2), inset 0 0 0 calc(var(--px) * 4) var(--ink), inset 0 calc(var(--px) * 5) 0 var(--moss-hi), inset 0 calc(var(--px) * -6) 0 var(--moss-lo), 0 .5rem 1rem #00000073}.inv-level-label,.inv-power-label{font:var(--type-caption);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.inv-level-label{color:#e9f0cf;text-shadow:0 1px #1e2a0c}.inv-level-value,.inv-power-value{margin-top:var(--space-2);font:var(--type-figure);color:#f6ecd0}.inv-level-value{text-shadow:0 .12rem #1e2a0c}.inv-power{width:calc(5.6rem + var(--frame-ring) * 2);height:calc(5.6rem + var(--frame-ring) * 2);background:var(--planks), var(--oak);image-rendering:pixelated;box-shadow:var(--ring-in)}.inv-power-value{text-shadow:var(--outline)}.inv-hero-name{font:var(--type-title);text-align:center;color:#f6e9cc;text-shadow:var(--outline-hard);flex:none}.inv-center{flex-direction:column;width:30rem;display:flex;position:absolute;top:6.4rem;bottom:5.5rem;left:36rem}.inv-bar{align-items:end;gap:var(--space-3) var(--space-6);margin-bottom:var(--space-6);grid-template-columns:1fr auto;display:grid}.inv-filter-label{font:var(--type-title);color:var(--gold);text-shadow:0 .12rem 0 var(--ink);grid-column:1/-1}.inv-filters{gap:var(--space-2);display:flex}.inv-filter{width:calc(3rem + var(--frame-thin) * 2);height:calc(2.5rem + var(--frame-thin) * 2);cursor:var(--cursor-pointer,pointer);background:linear-gradient(var(--leather), color-mix(in srgb, var(--leather) 75%, var(--ink)));box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 calc(var(--px) * 2) 0 var(--leather-hi);border:none;place-items:center;padding:0;display:grid;position:relative}.inv-filter .slot-glyph{opacity:.55;width:1.4rem;height:1.4rem}.inv-filter:hover .slot-glyph{opacity:.85}.inv-filter.active{background:linear-gradient(var(--leather-hi), var(--leather));box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 calc(var(--px) * 2) 0 color-mix(in srgb, var(--leather-hi) 60%, var(--gold)), inset 0 calc(var(--px) * -3) 0 var(--gold-2)}.inv-filter.active .slot-glyph{opacity:1}.inv-count{font:var(--type-label);letter-spacing:.06em;color:var(--text-dim);text-shadow:var(--outline-sm)}.inv-count.full{color:var(--bad)}.inv-grid{gap:var(--space-4);padding:var(--space-3) var(--space-3) var(--space-4);scrollbar-width:thin;scrollbar-color:#7a5534 #0000004d;flex:1;grid-template-columns:repeat(5,5rem);grid-auto-rows:5rem;align-content:start;display:grid;overflow-y:auto}.inv-detail{--rar:var(--rar-common);scrollbar-width:thin;scrollbar-color:#7a5534 #0000004d;flex-direction:column;display:flex;position:absolute;inset:8rem 3rem 5.5rem 68.5rem;overflow-y:auto}.inv-detail.rarity-rare{--rar:var(--rar-rare)}.inv-detail.rarity-unique{--rar:var(--rar-unique)}.inv-d-head{align-items:center;gap:var(--space-3);display:flex}.inv-d-power{font:var(--type-figure);color:#f6e9cc;text-shadow:var(--outline)}.inv-d-head .slot-glyph{opacity:.85;width:1rem;height:1rem}.inv-d-rarity{margin-left:var(--space-2);padding:calc(var(--space-1) + var(--frame-thin)) calc(var(--space-3) + var(--frame-thin));font:var(--type-meta);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--rar);box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 calc(var(--px) * 2) 0 #ffffff40}.inv-d-equipped{padding:var(--space-1) var(--space-3) var(--space-1);font:var(--type-caption);letter-spacing:.08em;text-transform:uppercase;color:var(--moss-hi);box-shadow:inset 0 0 0 var(--px) var(--moss)}.inv-d-name{margin:var(--space-4) 0 var(--space-6);font:var(--type-title);color:var(--rar);text-shadow:var(--outline-hard);overflow-wrap:anywhere}.inv-d-stats{gap:var(--space-3);flex-direction:column;display:flex}.inv-d-stat{align-items:baseline;gap:var(--space-4);font:var(--type-lead);color:var(--text);display:flex}.inv-d-bullet{width:1.1rem;font:var(--type-meta);text-align:center;color:var(--gold-2);flex:none}.inv-d-stat.main{font:var(--type-lead)}.inv-d-stat.trait,.inv-d-stat.trait .inv-d-bullet{color:var(--rar)}.inv-d-stat.bonus{font:var(--type-body);color:var(--text-dim)}.inv-d-stat.bonus.rolled{color:var(--gold)}.inv-d-stat.bonus.bad{color:#e48a7c}.inv-d-delta{font:var(--type-label)}.inv-d-delta.up{color:var(--moss-hi)}.inv-d-delta.down{color:var(--bad)}.inv-d-flavor{margin-top:var(--space-8);font:var(--type-prose);color:var(--text-dim);font-style:italic}.inv-d-empty,.inv-d-note{font:var(--type-prose);color:var(--text-dim)}.inv-meters{gap:var(--space-8);--ds-exempt:"pushed to the foot of the details";padding-top:var(--space-8);grid-template-columns:repeat(3,1fr);margin-top:auto;display:grid}.inv-meter-label{margin-bottom:var(--space-3);font:var(--type-meta);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.inv-meter-track{height:calc(var(--px) * 6);background:var(--ink);box-shadow:inset 0 0 0 var(--px) var(--oak-mid);position:relative}.inv-meter-fill{inset:calc(var(--px) * 2) auto calc(var(--px) * 2) calc(var(--px) * 2);max-width:calc(100% - var(--px) * 4);background:var(--gold-2);box-shadow:inset 0 var(--px) 0 var(--gold);position:absolute}.inv-actions{align-items:center;gap:var(--space-4);margin-top:var(--space-8);padding:var(--space-4) 0 var(--space-1);background:linear-gradient(#0000,#120b07e0 .7rem);display:flex;position:sticky;bottom:0}#ui-root .ds .sq-btn.inv-btn{gap:var(--space-2);min-width:0;padding-left:var(--space-4);padding-right:var(--space-4);font:var(--type-heading);flex-direction:row;flex:0 auto}.inv-btn>span:first-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.inv-btn .keycap,.inv-btn-value{flex:none}.inv-actions .inv-d-note{flex:1 1 0;min-width:0}.inv-btn-value{font:var(--type-label);color:#e3f5c9;text-shadow:var(--outline-sm);align-items:center;display:flex}.inv-hints{justify-content:flex-end;gap:var(--space-8);font:var(--type-body);color:var(--text-dim);display:flex;position:absolute;bottom:1.8rem;left:3rem;right:3rem}.inv-hint{align-items:center;gap:var(--space-3);display:flex}html.sq-touch .inv-hints,html.sq-touch .inv-btn .keycap{display:none}.inv-wardrobe-toggle{flex:none}.inv-filters[hidden],:is(.wardrobe-open .inv-hint:has(.keycap:first-child):nth-child(2),.wardrobe-open .inv-hint:has(.keycap:first-child):nth-child(3)){display:none}.inv-grid.wardrobe-grid{align-content:stretch;gap:var(--space-4);padding:var(--space-2);flex-direction:column;display:flex}.wardrobe-intro,.wardrobe-note{color:var(--text-dim);font:var(--type-prose)}.wardrobe-slots{gap:var(--space-2);margin:var(--space-2) 0;flex-wrap:wrap;display:flex}#ui-root .ds .sq-btn.wardrobe-slot{font:var(--type-meta);padding:var(--space-3) var(--space-4);min-height:2.5rem}#ui-root .ds .sq-btn.wardrobe-slot.active{color:var(--gold);box-shadow:var(--ring-in), inset 0 calc(var(--px) * -4) 0 var(--gold-2)}.wardrobe-card{align-items:center;gap:var(--space-6);width:100%;padding:var(--space-6);text-align:left;color:var(--text);box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 calc(var(--px) * 2) 0 #00000073, inset 0 calc(var(--px) * -1) 0 #ffffff0f;cursor:var(--cursor-pointer,pointer);background:#120b078c;border:0;flex:none;display:flex}.wardrobe-card:hover{background:color-mix(in srgb, var(--oak-light) 40%, #120b078c)}.wardrobe-card.selected{box-shadow:var(--ring-gold)}.wardrobe-card:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.wardrobe-card.locked .wardrobe-swatches{opacity:.5}.wardrobe-swatches{border:2px solid var(--ink);flex:none;width:4.2rem;height:2.8rem;display:flex}.wardrobe-swatches>span{flex:1}.wardrobe-original{--ds-exempt:"the original look glyph";color:var(--text-dim);background:var(--oak-light);place-items:center;font-size:1.7rem;display:grid}.wardrobe-card-name{font:var(--type-lead)}.wardrobe-card-state{margin-top:var(--space-2);color:var(--text-dim);font:var(--type-meta)}.wardrobe-requirement{padding:var(--space-4) 0;color:var(--gold);line-height:1.5}.wardrobe-requirement.earned{color:var(--moss-hi)}.wardrobe-note{margin:var(--space-6) 0}.wardrobe-apply{white-space:normal}.banner-cards{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));display:grid}.wardrobe-card.banner-card{justify-content:flex-start;gap:var(--space-2);width:auto;padding:var(--space-4) var(--space-2);text-align:center;flex-direction:column}.banner-card-art{place-items:center;height:4.9rem;display:grid}.banner-card-none{font:var(--type-body);color:var(--text-dim)}.wardrobe-card.banner-card.locked .banner-card-art{opacity:.45;filter:grayscale(.6)}.wardrobe-detail .wardrobe-banner{margin:var(--space-4) 0 var(--space-1)}.toast.toast-item{--tc:var(--rar-common)}.toast.toast-item.rarity-rare{--tc:var(--rar-rare)}.toast.toast-item.rarity-unique{--tc:var(--rar-unique)}.toast.toast-item .toast-text{color:var(--tc)}.gear-row{grid-template-columns:2.9rem 1fr auto}.gear-open{align-items:center;gap:var(--space-3);margin:var(--space-1) 0 var(--space-3);display:flex}.shop-item:has(.item-tile){grid-template-columns:auto 1fr auto}.si-stats{gap:var(--space-1) var(--space-6);margin-top:var(--space-2);font:var(--type-meta);color:var(--text-dim);flex-wrap:wrap;display:flex}.si-stat.main{color:var(--text)}.si-stat.rolled{color:var(--gold)}.si-stat.bad{color:#e48a7c}@media (max-height:560px){.inv-col{gap:var(--space-3)}.inv-slots .item-tile{width:4.2rem;height:4.2rem}.inv-accessories .item-tile{width:4rem;height:4rem}.inv-badge{width:4.8rem;height:4.8rem}.inv-eye{width:1.6rem;height:1.6rem}.inv-eye .px-icon{--icon:1.2rem}}.regalia-art{image-rendering:pixelated;image-rendering:crisp-edges}.regalia-title-art{font:var(--type-lead);text-align:center;text-shadow:var(--outline);padding:0 var(--space-2);font-style:italic}.wardrobe-row-label{margin-right:var(--space-2);font:var(--type-caption);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);align-self:center}.item-compare{z-index:50;align-items:stretch;gap:var(--space-4);padding:var(--space-4);pointer-events:none;background:var(--planks), var(--oak);image-rendering:pixelated;box-shadow:var(--ring), 0 .5rem 1rem #00000080;display:flex;position:fixed}.item-compare[hidden]{display:none}.ic-card{--rar:var(--rar-common);width:16rem;padding:var(--space-4) var(--space-4) var(--space-4);box-shadow:inset 0 0 0 var(--px) var(--rar);background:#00000047}.ic-card.rarity-rare{--rar:var(--rar-rare)}.ic-card.rarity-unique{--rar:var(--rar-unique)}.ic-card.ic-small{width:auto;max-width:16rem}.ic-card.ic-empty{--rar:#00000059;justify-content:center;align-items:center;display:flex}.ic-card>.inv-d-equipped{margin-bottom:var(--space-3);display:block}.ic-card .inv-d-power{font-size:1.5rem}.ic-card .inv-d-name{margin:var(--space-2) 0 var(--space-4);font:var(--type-heading)}.ic-card .inv-d-stats{gap:var(--space-2)}.ic-card .inv-d-stat{gap:var(--space-3);font-size:.9rem}.ic-card .inv-d-stat.main{font-size:1rem}.ic-card .inv-d-stat.bonus{font-size:.85rem}.ic-card .inv-d-flavor{margin-top:var(--space-4);font-size:.85rem}.ic-card .inv-d-note{margin-top:var(--space-3);font-size:.85rem}.ic-price{margin-top:var(--space-4);font:var(--type-lead);color:#e3f5c9;text-shadow:var(--outline-sm);align-items:center;display:flex}.ic-price.bad{color:var(--bad)}.ic-card .ic-title{font:var(--type-heading);color:#f6e9cc}.ic-card .ic-desc{margin-top:var(--space-2);font:var(--type-meta);color:var(--text-dim)}.quest-reward{width:min(58rem,94vw)}.qr-choices{gap:var(--space-4);padding:0 var(--space-8);scrollbar-width:thin;scrollbar-color:var(--oak-mid) #0000004d;grid-template-columns:repeat(3,1fr);min-height:0;display:grid;overflow-y:auto}@media (max-width:760px){.qr-choices{grid-template-columns:1fr}}.qr-choice{align-items:stretch;gap:var(--space-4);padding:var(--space-4);flex-direction:column;display:flex}.qr-top{justify-content:center;display:flex}.qr-choice .qr-card{flex:1;width:auto}.qr-take{align-self:stretch}.qr-status{padding:var(--space-4) var(--space-8) var(--space-6);font:var(--type-body);text-align:center;color:var(--text-dim)}.qr-status.bad{color:var(--bad)}.item-tile.other-class{filter:saturate(.45)brightness(.8)}.inv-d-class{margin:calc(var(--space-3) * -1) 0 var(--space-4);font:var(--type-meta);letter-spacing:.1em;text-transform:uppercase;color:var(--warn)}.exchange{width:min(70rem,96vw);height:min(46rem,92vh)}.exchange-layer.busy .ex-body{opacity:.85}.exchange-layer.busy .ex-body .sq-btn{pointer-events:none;filter:grayscale(.6)}.ex-note{min-height:1.6rem;padding:var(--space-1) var(--space-6) 0;font:var(--type-body);color:var(--text-dim);text-shadow:var(--outline-sm)}.ex-note.bad{color:var(--bad)}#ui-root .ds .win-body.ex-body{padding-top:var(--space-2)}.ex-cols{gap:var(--space-8);align-items:flex-start;min-height:100%;display:flex}.ex-col{gap:var(--space-3);flex-direction:column;flex:0 0 20rem;min-width:0;display:flex}.ex-col.wide{flex:auto}.ex-col.search{flex-basis:23rem;position:sticky;top:0}.ex-col .section-label{margin:var(--space-2) 0 0}.ex-hint{font:var(--type-meta);color:var(--text-mute)}.ex-tile.item-tile{width:3.6rem;height:3.6rem}.ex-tile.item-tile.small{width:2.9rem;height:2.9rem}.ex-tile .it-power{transform-origin:0 0;transform:scale(.8)}.ex-tile .it-count{font:var(--type-caption);font-weight:900;line-height:1;bottom:.25rem;right:.3rem}.ex-price{align-items:center;gap:var(--space-1);font:var(--type-label);color:var(--moss-hi);text-shadow:var(--outline-sm);white-space:nowrap;display:inline-flex}.ex-price.each:after{content:"each";margin-left:var(--space-1);font:var(--type-caption);color:var(--text-mute)}.ex-side{padding:var(--space-1) var(--space-2);font:var(--type-caption);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);box-shadow:inset 0 0 0 var(--px) var(--ink)}.ex-side.sell{background:var(--ember)}.ex-side.buy{background:var(--moss-hi)}.ex-slot-name.rarity-common,.ex-result-name.rarity-common,.ex-book-name.rarity-common{color:var(--text)}.ex-slot-name.rarity-rare,.ex-result-name.rarity-rare,.ex-book-name.rarity-rare{color:var(--rar-rare)}.ex-slot-name.rarity-unique,.ex-result-name.rarity-unique,.ex-book-name.rarity-unique{color:var(--rar-unique)}.ex-slots{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(14.5rem,1fr));display:grid}.ex-slot{gap:var(--space-2);min-height:11rem;padding:var(--space-3) var(--space-4);flex-direction:column;display:flex}.ex-slot.empty{opacity:.7;justify-content:center;align-items:center}.ex-slot-empty{font:var(--type-body);color:var(--text-mute);font-style:italic}.ex-slot-actions{gap:var(--space-2);display:flex}.ex-slot-top,.ex-slot-foot{align-items:center;gap:var(--space-3);display:flex}.ex-slot-time{font:var(--type-meta);color:var(--text-mute);margin-left:auto}.ex-slot-mid{align-items:center;gap:var(--space-4);display:flex}.ex-slot-text{min-width:0}.ex-slot-name{font:var(--type-label);text-shadow:var(--outline-sm)}.ex-slot-what{font:var(--type-meta);color:var(--text-dim)}.ex-slot-bar{height:.45rem;padding:var(--frame-thin);background:var(--well);box-shadow:inset 0 0 0 var(--px) var(--ink)}.ex-slot-fill{background:linear-gradient(var(--moss-hi), var(--moss-2));height:100%}.ex-slot.sell .ex-slot-fill{background:linear-gradient(var(--warn), var(--ember))}.ex-slot-done{font:var(--type-label);color:var(--text);white-space:nowrap}.ex-slot-foot{justify-content:space-between}.ex-slot-act{justify-content:flex-end;margin-top:auto;display:flex}.ex-history{gap:var(--space-1);flex-direction:column;display:flex}.ex-hist-row{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);font:var(--type-body);color:var(--text-dim);background:#120b0759;display:flex}.ex-hist-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);flex:1;overflow:hidden}.ex-hist-state{font:var(--type-meta);color:var(--text-mute)}.ex-box{gap:var(--space-2);min-height:8rem;max-height:24rem;padding:var(--space-3);flex-direction:column;display:flex;overflow-y:auto}.ex-box-empty{font:var(--type-body);color:var(--text-mute);text-align:center;flex:1;justify-content:center;align-items:center;font-style:italic;display:flex}.ex-box-row{align-items:center;gap:var(--space-4);display:flex}.ex-box-name{font:var(--type-body);color:var(--text)}.ex-box-why{font:var(--type-meta);color:var(--warn)}.ex-box-em{background:var(--well);width:3.6rem;height:3.6rem;box-shadow:inset 0 0 0 var(--px) var(--ink);place-items:center;display:grid}.ex-em-icon{--icon:2rem}#ui-root .ex-search{flex:none}.ex-kinds{gap:var(--space-2);flex-wrap:wrap;display:flex}.ex-kind{padding:var(--space-1) var(--space-4);font:var(--type-meta);color:var(--text-dim);cursor:var(--cursor-pointer,pointer);background:var(--leather);box-shadow:inset 0 0 0 var(--px) var(--ink);border:none}.ex-kind.active{color:var(--gold);background:var(--leather-hi);box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 calc(var(--px) * -3) 0 var(--gold-2)}.ex-results{gap:var(--space-2);scrollbar-width:thin;scrollbar-color:var(--leather-hi) #0000004d;flex-direction:column;max-height:31rem;display:flex;overflow-y:auto}.ex-results-empty{padding:var(--space-6) var(--space-2);font:var(--type-body);color:var(--text-mute);font-style:italic}.ex-result{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2);cursor:var(--cursor-pointer,pointer);background:#120b0759;display:flex}.ex-result:hover{background:#f2cf7814}.ex-result.active{box-shadow:inset 0 0 0 var(--px) var(--gold-2);background:#f2cf7829}.ex-result-text{min-width:0}.ex-result-name{font:var(--type-label);text-shadow:var(--outline-sm)}.ex-result-sub{align-items:center;gap:var(--space-2);font:var(--type-meta);color:var(--text-mute);flex-wrap:wrap;display:flex}.ex-result-sub .ex-price{font:var(--type-meta)}.ex-result-want{color:var(--moss-hi)}.ex-book-head{align-items:center;gap:var(--space-4);display:flex}.ex-book-name{font:var(--type-heading);text-shadow:var(--outline-hard)}.ex-book-sub{font:var(--type-meta);color:var(--text-dim)}.ex-table{gap:var(--space-1);flex-direction:column;display:flex}.ex-table-empty{font:var(--type-body);color:var(--text-mute);font-style:italic}.ex-row{align-items:center;gap:var(--space-4);padding:var(--space-1) var(--space-3);background:#120b0759;display:flex}.ex-row.mine{box-shadow:inset .2rem 0 0 var(--gold-2)}.ex-row-what{min-width:0;font:var(--type-body);color:var(--text);flex:1}.ex-row-why{min-width:4.5rem;font:var(--type-meta);color:var(--text-mute);text-align:right}#ui-root .ds .sq-input.ex-num,#ui-root .ds .sq-input.ex-select{padding:calc(var(--space-1) + var(--frame-ring)) calc(var(--space-2) + var(--frame-ring));flex:none}#ui-root .ds .sq-input.ex-num{width:calc(6.5rem + var(--frame-ring) * 2)}#ui-root .ds .sq-input.ex-num.small{width:calc(4.5rem + var(--frame-ring) * 2)}html.sq-touch #ui-root .ds .sq-input.ex-num,html.sq-touch #ui-root .ds .sq-input.ex-select{padding:calc(var(--space-1) + var(--frame-ring)) calc(var(--space-2) + var(--frame-ring))}html.sq-touch #ui-root .ds .sq-input.ex-num{width:calc(10ch + (var(--space-2) + var(--frame-ring)) * 2)}html.sq-touch #ui-root .ds .sq-input.ex-num.small{width:calc(6ch + (var(--space-2) + var(--frame-ring)) * 2)}.ex-trades{gap:var(--space-1);flex-direction:column;display:flex}.ex-trade{align-items:center;gap:var(--space-4);font:var(--type-meta);color:var(--text-dim);display:flex}.ex-trade-what{flex:1}.ex-trade-when{min-width:3.5rem;color:var(--text-mute);text-align:right}.ex-form{gap:var(--space-3);padding:var(--space-4) var(--space-4);flex-direction:column;display:flex}.ex-fields{gap:var(--space-4) var(--space-6);flex-wrap:wrap;display:flex}.ex-field{align-items:center;gap:var(--space-3);display:flex}.ex-field-label{font:var(--type-meta);color:var(--text-dim)}.ex-form-foot{align-items:center;gap:var(--space-4);display:flex}.ex-total{align-items:center;gap:var(--space-2);font:var(--type-body);color:var(--text-dim);margin-right:auto;display:flex}.ex-grid{gap:var(--space-1);padding:var(--space-2);grid-template-columns:repeat(5,3.6rem);display:grid}.ex-grid .ex-tile.picked{outline:calc(var(--px) * 2) solid var(--gold);outline-offset:var(--px)}.ex-grid .ex-tile.refused{opacity:.35;cursor:var(--cursor-blocked,not-allowed)}.ex-sell-card{padding:var(--space-4) var(--space-4)}.ex-guide{gap:var(--space-1);flex-direction:column;display:flex}.ex-guide-row{align-items:center;gap:var(--space-3);font:var(--type-body);display:flex}.ex-guide-label{min-width:12rem;color:var(--text-dim)}.ex-guide-none,.ex-guide-extra{color:var(--text-mute);font-weight:600}@media (max-width:820px){.ex-cols{flex-direction:column;align-items:stretch}.ex-col,.ex-col.search{flex-basis:auto;position:static}.ex-results{max-height:14rem}}html.sq-touch .ex-note{padding-right:var(--space-4);padding-left:var(--space-4)}.net-chat-toggle{display:none}.hud .net-hud>.party-hud{pointer-events:none}.hud :is(.party-toggle,.party-panel,.party-prompt){pointer-events:auto}.hud:not(.touch){--hud-text:color-mix(in srgb, var(--text) 92%, white);--hud-outline:-1px -1px 0 var(--ink), 1px -1px 0 var(--ink), -1px 1px 0 var(--ink), 1px 1px 0 var(--ink), 0 2px 3px #000, 0 0 6px #000;--hud-shade:radial-gradient(ellipse at center, #120b0733 0%, #120b071a 48%, transparent 88%);--hud-edge:calc(1.75rem - 3 * var(--px));--menu-btn:2.75rem;container:gameplay-hud/size}.hud:not(.touch) .hud-tl{top:1.5rem;left:var(--hud-edge)}.hud:not(.touch) .hud-tr{gap:1.1rem;top:1.5rem;right:1.75rem}.hud:not(.touch) .emeralds{box-shadow:none;background:0 0;padding:0;font-size:.875rem}.hud:not(.touch) .minimap{width:13.625rem;height:13.625rem}.hud:not(.touch) .hud-menu{right:calc(var(--hud-edge) + 3 * var(--px));bottom:calc(var(--hud-edge) + .55rem);grid-template-columns:repeat(3, var(--menu-btn));gap:calc(.85rem + 6 * var(--px)) calc(.45rem + 6 * var(--px));margin:0;display:grid;position:absolute}.hud:not(.touch) .hud-menu-btn{width:var(--menu-btn);height:var(--menu-btn);background:var(--well);box-shadow:var(--ring), inset 0 calc(var(--px) * 2) 0 #00000080, inset 0 calc(var(--px) * -1) 0 #ffffff0d, 0 .3rem .6rem #00000073;place-items:center;padding:0;display:grid}.hud:not(.touch) :is(.hud-menu-label,.hud-menu-btn.touch-only,.hud-menu-btn.hidden){display:none}.hud:not(.touch) .hud-menu-icon{--icon:2rem;filter:drop-shadow(0 .14rem #0009);transition:transform .12s}.hud:not(.touch) .hud-menu-btn .keycap{min-width:1.2rem;padding:.06rem .22rem .04rem;font-size:.62rem;line-height:1.1;position:absolute;bottom:-.55rem;left:50%;transform:translate(-50%)}.hud:not(.touch) .hud-menu-btn:hover{background:linear-gradient(var(--oak-light), var(--oak));box-shadow:var(--ring-gold), inset 0 calc(var(--px) * 2) 0 #00000080, 0 .3rem .6rem #00000073}.hud:not(.touch) .hud-menu-btn:hover .hud-menu-icon{transform:translateY(calc(var(--px) * -1))}.hud:not(.touch) .hud-menu-btn:focus-visible{outline:2px solid var(--gold);outline-offset:calc(var(--px) * 4)}.hud:not(.touch) .hud-menu-btn .hud-badge{min-width:1.05rem;height:1.05rem;padding:0 .18rem;font-size:.62rem;top:-.55rem;right:-.55rem}.hud:not(.touch) .tracker{width:13.625rem;color:var(--hud-text);text-shadow:var(--hud-outline);isolation:isolate;align-items:stretch;gap:.9rem;position:relative}.hud:not(.touch) .tracker:before,.hud:not(.touch) .net-chat:before,.hud:not(.touch) .party-summary:before{content:"";background:var(--hud-shade);z-index:-1;pointer-events:none;position:absolute;inset:-1.25rem -1.125rem}.hud:not(.touch) .tracker-title{font:600 .75rem var(--font);color:inherit;text-shadow:inherit;letter-spacing:0;justify-content:space-between;display:flex}.hud:not(.touch) .tracker-count{font:500 .6875rem var(--font);display:inline}.hud:not(.touch) .tracker-list{gap:1rem}.hud:not(.touch) .tracker-quest{text-align:left;box-shadow:none;background:0 0;border:0;padding:0 0 0 .8125rem;position:relative}.hud:not(.touch) .tracker-quest:before{content:"";background:var(--gold-2);width:.3125rem;height:.3125rem;box-shadow:0 1px 2px var(--ink);position:absolute;top:.35rem;left:0}.hud:not(.touch) .tracker-quest.complete:before{background:var(--good)}.hud:not(.touch) .tq-name{font:600 .8125rem/1.4 var(--font);letter-spacing:0;color:inherit;text-shadow:inherit}.hud:not(.touch) .tq-obj{font:500 .75rem/1.5 var(--font);color:inherit;text-shadow:inherit;justify-content:flex-start;margin-top:.375rem}.hud:not(.touch) .tq-count{color:inherit;font-size:.6875rem;position:absolute;top:0;right:0}.hud:not(.touch) .tracker-quest:has(.tq-count) .tq-name{padding-right:2.5rem}.hud:not(.touch) .tq-bar{display:none}.hud:not(.touch) .tq-done{text-shadow:inherit;margin-top:.375rem;font-size:.75rem}.hud:not(.touch) .tracker-quest.flash{animation:.9s ease-out hud-quest-flash}@keyframes hud-quest-flash{30%{filter:brightness(1.4)}}.hud:not(.touch) .net-status{top:1.5rem;left:var(--hud-edge);color:var(--hud-text);text-shadow:var(--hud-outline);box-shadow:none;background:0 0;padding:0;font-size:.6875rem}.hud:not(.touch):has(.net-status:not(.hidden)) .net-hud>.party-hud{top:4rem}.hud:not(.touch) .net-hud>.party-hud{top:1.5rem;left:var(--hud-edge);width:18rem;color:var(--hud-text);text-shadow:var(--hud-outline);font-size:.8125rem}#ui-root .hud:not(.touch) .party-toggle{min-height:2rem;margin:calc(var(--px) * 3);font:700 .75rem var(--font);letter-spacing:0;color:var(--hud-text);text-shadow:var(--hud-outline);background:var(--well);box-shadow:var(--ring), inset 0 calc(var(--px) * 2) 0 #00000080, 0 .3rem .6rem #00000073;border:0;flex-direction:row;align-items:center;gap:.45rem;padding:.2rem .7rem .2rem .4rem;display:inline-flex}#ui-root .hud:not(.touch) .party-toggle:hover{color:var(--gold);background:linear-gradient(var(--oak-light), var(--oak));box-shadow:var(--ring-gold), 0 .3rem .6rem #00000073}#ui-root .hud:not(.touch) .party-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:calc(var(--px) * 4)}.hud:not(.touch) .party-toggle-icon{--icon:1.125rem}.hud:not(.touch) .party-toggle:before,.hud:not(.touch) .party-toggle:after{content:none}#ui-root .hud :is(.party-toggle,.pvp-toggle)[hidden]{display:none}#ui-root .hud:not(.touch) .pvp-toggle.on{color:var(--hud-text);background:linear-gradient(var(--wine), var(--wine-lo));box-shadow:0 0 0 var(--px) var(--ink), 0 0 0 calc(var(--px) * 2) var(--wine-hi), 0 0 0 calc(var(--px) * 3) var(--ink), 0 .3rem .6rem #00000073}#ui-root .hud:not(.touch) .pvp-toggle.on:hover{color:var(--gold);background:linear-gradient(var(--wine-hi), var(--wine))}#ui-root .hud:not(.touch) .pvp-toggle.on.peace{filter:saturate(.55)brightness(.85)}.hud:not(.touch) .party-summary{width:14rem;padding-left:calc(var(--px) * 3);isolation:isolate;gap:.85rem;margin-top:.9rem;display:grid;position:relative}.hud:not(.touch) .party-summary:empty{display:none}.hud:not(.touch) .party-member{color:var(--hud-text);background:0 0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;margin:0;padding:0;display:grid}.hud:not(.touch) .party-member .party-portrait{width:2.6rem;height:2.6rem}.hud:not(.touch) .party-member .party-portrait .px-icon{--icon:2.25rem}.hud:not(.touch) .party-summary-info{gap:.2rem;min-width:0;display:grid}.hud:not(.touch) .party-summary-name{white-space:nowrap;min-width:0;font:700 .8125rem/1.2 var(--font);align-items:center;gap:.3rem;display:flex;overflow:hidden}.hud:not(.touch) .party-summary-name>span:last-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.hud:not(.touch) .party-member.self .party-summary-name{color:var(--gold)}.hud:not(.touch) .party-crown{--icon:1rem;filter:drop-shadow(0 1px 0 var(--ink))}.hud:not(.touch) .party-summary-meta{font:500 .6875rem/1.2 var(--font);color:color-mix(in srgb, var(--hud-text) 80%, var(--text-mute))}.hud:not(.touch) .party-member .net-roster-hp{width:auto;height:calc(var(--px) * 3);margin:calc(.1rem + var(--px) * 2) calc(var(--px) * 2) 0;background:var(--ink);box-shadow:0 0 0 var(--px) var(--ink), 0 0 0 calc(var(--px) * 2) var(--oak-mid)}.hud:not(.touch) .party-member .net-roster-hp-fill{background:linear-gradient(var(--bad), var(--wine-hi) 55%, var(--wine));box-shadow:inset 0 var(--px) 0 color-mix(in srgb, var(--bad) 60%, var(--text))}.hud:not(.touch) .party-member .net-roster-hp.warded{box-shadow:0 0 0 var(--px) var(--ink), 0 0 0 calc(var(--px) * 2) var(--gold)}.hud:not(.touch) .party-member.fallen{color:var(--text-mute)}.hud:not(.touch) .party-member.fallen .party-portrait :is(.px-icon,.portrait-img){filter:grayscale()brightness(.6)}.hud:not(.touch) .net-chat{left:var(--hud-edge);bottom:var(--hud-edge);isolation:isolate;width:14.625rem}.hud:not(.touch) .net-line{font:500 .75rem/1.6 var(--font);color:var(--hud-text);text-shadow:var(--hud-outline)}.hud:not(.touch) .net-line-name{color:color-mix(in srgb, var(--sky) 65%, var(--text));font-weight:600}.hud:not(.touch) .net-line.self .net-line-name{color:var(--hud-text)}.hud:not(.touch) .net-chat:not(.open) .net-line:nth-last-child(n+4){display:none}.hud:not(.touch) .net-chat-toggle{border:0;border-top:1px solid color-mix(in srgb, var(--text) 20%, transparent);color:var(--hud-text);font:500 .75rem var(--font);text-shadow:var(--hud-outline);pointer-events:auto;cursor:var(--cursor-pointer,pointer);background:0 0;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem 0 0;display:flex}.hud:not(.touch) .net-chat-toggle .px-icon{--icon:1.125rem}.hud:not(.touch) .net-chat-toggle .keycap{margin-left:auto}.hud:not(.touch) .net-chat.open .net-chat-toggle{display:none}.net-chat-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.hud.corners-raised:not(.touch) .net-chat{bottom:calc(var(--bar-clear,11rem) + 1rem)}.hud.corners-raised:not(.touch) .hud-menu{bottom:calc(var(--bar-clear,11rem) + 1.55rem)}.hud.corners-raised:not(.touch) .hud-tr{max-height:calc(100cqh - 1.5rem - var(--bar-clear,11rem) - 2 * var(--menu-btn) - 5rem)}.hud.corners-raised:not(.touch) .hud-tr>:not(.tracker){flex-shrink:0}.hud.corners-raised:not(.touch) .tracker{min-height:0;overflow:hidden}.hud.corners-raised:not(.touch) .tq-obj{display:none}.hud.corners-raised:not(.touch) .party-summary{gap:.7rem;margin-top:.6rem}.hud.corners-raised:not(.touch) .party-member .party-portrait{width:2.1rem;height:2.1rem}.hud.corners-raised:not(.touch) .party-member .party-portrait .px-icon{--icon:1.5rem}.hud.corners-raised:not(.touch) .party-member .party-level{min-width:.95rem;height:.95rem;font-size:max(8px,.55rem);bottom:-.3rem;right:-.3rem}.hud.corners-raised:not(.touch) .party-summary-meta{display:none}@container gameplay-hud (height<45rem){.hud:not(.touch) .party-summary{gap:.7rem;margin-top:.5rem}.hud:not(.touch) .party-member .party-portrait{width:2.1rem;height:2.1rem}.hud:not(.touch) .party-member .party-portrait .px-icon{--icon:1.5rem}.hud:not(.touch) .party-member .party-level{min-width:.95rem;height:.95rem;font-size:max(8px,.55rem);bottom:-.3rem;right:-.3rem}.hud:not(.touch) .party-summary-meta{display:none}}.skill-tracker{pointer-events:none;width:13.625rem;color:var(--hud-text,var(--text));text-shadow:var(--outline);flex-direction:column;gap:.35rem;display:none}.skill-tracker.has-rows{display:flex}.st-row{box-shadow:0 0 0 var(--px) var(--ink);pointer-events:auto;background:#0c09079e;align-items:center;gap:.45rem;padding:.25rem .5rem .3rem;transition:opacity .6s;display:none;position:relative}.st-row.st-fading{opacity:0}.st-row.st-on{display:flex}.st-row.st-new{animation:.25s ease-out st-in}.st-row.st-gone{display:none}.st-icon{flex:none}.st-text{flex-wrap:wrap;flex:1;justify-content:space-between;align-items:baseline;gap:0 .5rem;min-width:0;display:flex}.st-name{font:700 .8rem var(--font);white-space:nowrap}.st-num{font:600 .68rem var(--font);opacity:.85;white-space:nowrap}.st-bar{background:#0009;height:.2rem;position:absolute;bottom:.2rem;left:.5rem;right:.5rem}.st-text{padding-bottom:.3rem}.st-fill{background:var(--st-color,var(--gold-2));width:0;height:100%}.st-row.st-flash{animation:.45s ease-out st-flash}.st-row.st-flash .st-fill{background:var(--text)}.st-row.st-mastered .st-fill{background:var(--gold)}.st-row.st-mastered .st-name{color:var(--gold)}.st-drop{white-space:nowrap;pointer-events:none;color:var(--st-color,var(--gold-2));filter:brightness(1.35);align-items:center;gap:.2rem;display:none;position:absolute;top:0;right:calc(100% + .4rem)}.st-drop.go{animation:1.2s ease-out forwards st-drop;display:flex}.st-drop-num{font:400 2.4rem/1 "Jersey 10", var(--font);text-shadow:2px 0 var(--ink), -2px 0 var(--ink), 0 2px var(--ink), 0 -2px var(--ink)}@keyframes st-drop{0%{opacity:0;transform:translateY(0)}12%{opacity:1}60%{opacity:1}to{opacity:0;transform:translateY(-2rem)}}@keyframes st-in{0%{opacity:0;transform:translateY(.4rem)}}@keyframes st-flash{0%,40%{box-shadow:0 0 0 var(--px) var(--ink), 0 0 .9rem var(--st-color)}}.hud.touch .skill-tracker{width:9rem;position:absolute;bottom:calc(100% + .4rem);left:50%;transform:translate(-50%)}.hud.touch .st-drop{left:calc(100% + .4rem);right:auto}.hud.touch .st-num{display:none}.hud.touch .st-row{pointer-events:none;padding:.15rem .4rem .25rem}.hud.touch .st-drop-num{font-size:1.4rem}.buff-bar{z-index:2;pointer-events:none;align-items:flex-end;gap:1.2rem;width:max-content;display:flex;position:absolute;bottom:calc(100% + .9rem);left:50%;transform:translate(-50%)}.buff-bar.empty{display:none}.buff-row{gap:.4rem;display:flex}.buff-row:not(:has(.buff)){display:none}.buff-more{font:800 .8rem/1 var(--font);color:var(--hud-text,var(--text));text-shadow:var(--outline-sm);background:color-mix(in srgb, var(--ink) 80%, transparent);box-shadow:0 0 0 var(--px) var(--ink);align-self:center;margin-left:.15rem;padding:.2rem .3rem}.buff{--buff-ring:var(--gold-2);pointer-events:auto;flex:none;position:relative}.buff.debuff{--buff-ring:var(--bad)}.buff-face{background:var(--well);width:2.75rem;height:2.75rem;box-shadow:0 0 0 var(--px) var(--ink), 0 0 0 calc(var(--px) * 2) var(--buff-ring), 0 0 0 calc(var(--px) * 3) var(--ink), inset 0 calc(var(--px) * 2) 0 #00000080;place-items:center;display:grid;position:relative;overflow:hidden}.buff.debuff .buff-face{background:linear-gradient(var(--wine-lo), var(--ink))}.buff-icon{--icon:2.25rem;filter:drop-shadow(0 .12rem #0009)}.buff-sweep{background:conic-gradient(transparent 0 calc((1 - var(--p,0)) * 1turn), color-mix(in srgb, var(--ink) 66%, transparent) 0);display:none;position:absolute;inset:0}.buff.timed .buff-sweep{display:block}.buff-time{font:800 .7rem/1 var(--font);color:var(--hud-text,var(--text));text-shadow:var(--outline-sm), 0 0 2px var(--ink);position:absolute;bottom:.05rem;right:.12rem}.buff.debuff .buff-time{color:color-mix(in srgb, var(--bad) 45%, var(--text))}.buff.new{animation:.28s cubic-bezier(.2,1.6,.4,1) buff-in}.buff.refresh .buff-face{animation:.4s ease-out buff-refresh}.buff.ending .buff-icon{animation:.6s steps(2,jump-none) infinite buff-ending}@keyframes buff-in{0%{opacity:0;transform:translateY(.5rem)scale(.7)}}@keyframes buff-refresh{0%{box-shadow:0 0 0 var(--px) var(--ink), 0 0 0 calc(var(--px) * 2) var(--text), 0 0 0 calc(var(--px) * 3) var(--ink), 0 0 .9rem var(--buff-ring)}}@keyframes buff-ending{50%{opacity:.35}}.buff-card{z-index:3;pointer-events:none;text-align:left;width:max-content;min-width:10rem;max-width:15rem;color:var(--hud-text,var(--text));text-shadow:var(--outline-sm);background:color-mix(in srgb, var(--ink) 92%, transparent);box-shadow:0 0 0 var(--px) var(--ink), 0 0 0 calc(var(--px) * 2) var(--buff-ring), 0 0 0 calc(var(--px) * 3) var(--ink), 0 .4rem .9rem #00000080;padding:.45rem .65rem .5rem;position:absolute;bottom:calc(100% + .55rem);left:50%;transform:translate(-50%)}.buff-card-head{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.buff-card-name{font:800 .88rem var(--font);color:var(--gold)}.buff-card.debuff .buff-card-name{color:color-mix(in srgb, var(--bad) 75%, var(--text))}.buff-card-time{font:700 .72rem var(--font);opacity:.85}.buff-card-text{font:600 .76rem/1.35 var(--font);margin-top:.15rem}.buff-card-note{font:500 .7rem/1.3 var(--font);color:color-mix(in srgb, var(--hud-text,var(--text)) 75%, var(--text-mute));font-style:italic}.buff-card-source{font:600 .72rem/1.3 var(--font);margin-top:.3rem}.buff-card-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-mute);margin-right:.4rem;font-size:.6rem}.hud-bottom:has(.buff-bar:not(.boss-effects):not(.empty)) .skill-hint{bottom:calc(100% + 4.4rem)}.hud:not(.touch):has(.buff-bar:not(.boss-effects):not(.empty)) .interact-prompt{bottom:17.5rem}#ui-root.modal-open .hud .buff-card{display:none}.boss-effects.buff-bar{margin:.55rem auto 0;position:relative;bottom:auto;left:auto;transform:none}.boss-effects .buff-face{width:2.2rem;height:2.2rem}.boss-effects .buff-icon{--icon:1.75rem}.boss-effects .buff-card{top:calc(100% + .55rem);bottom:auto}.hud.touch .buff-bar:not(.boss-effects){gap:1.2rem;bottom:calc(100% + 5rem)}.hud.touch .buff-row{gap:.5rem}.hud.touch .buff-face{width:2.2rem;height:2.2rem;box-shadow:0 0 0 1px var(--ink), inset 0 0 0 2px var(--buff-ring), inset 0 0 0 3px var(--ink)}.hud.touch .buff-icon{--icon:1.8rem}.hud.touch .buff-time{display:none}.hud.touch .buff-more{font-size:1.1rem}.hud.touch .hud-bottom:has(.buff-bar:not(.boss-effects):not(.empty)) :is(.skill-hint,.skill-tracker){bottom:calc(100% + 4.4rem)}@property --ds-exempt{syntax:"*";inherits:false}#ui-root .ds .sq-window,#ui-root .sq-window.ds{border-width:calc(var(--px) * 6)}#ui-root .ds .sq-window:before,#ui-root .sq-window.ds:before{inset:calc(var(--px) * -6)}#ui-root .ds .win-head{gap:var(--space-4);padding:var(--space-4) var(--space-6);box-shadow:none}#ui-root .ds .win-head+*{box-shadow:inset 0 var(--px) 0 var(--oak-mid)}#ui-root .ds .win-titles{gap:var(--space-1);flex-direction:column;display:flex}#ui-root .ds .win-title{font:var(--type-title)}#ui-root .ds .win-subtitle{font:var(--type-meta)}#ui-root .ds .win-close{width:calc(2.1rem + var(--frame-thin) * 2);height:calc(2.1rem + var(--frame-thin) * 2);font:900 max(11px, 1.05rem) / 1 var(--font);box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 calc(var(--px) * 2) 0 #a85050, inset 0 calc(var(--px) * -3) 0 #3a1010}#ui-root .ds .win-tabs{gap:var(--space-2);padding:var(--space-3) var(--space-6) 0}#ui-root .ds .win-tab{gap:var(--space-2);padding:calc(var(--space-2) + var(--frame-thin)) calc(var(--space-4) + var(--frame-thin));font:var(--type-label);box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 calc(var(--px) * 2) 0 var(--leather-hi)}#ui-root .ds .win-tab.active{box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 calc(var(--px) * 2) 0 #a0704a, inset 0 calc(var(--px) * -3) 0 var(--gold-2)}#ui-root .ds .win-body{padding:var(--space-6)}#ui-root .ds .win-tabs .tabs-close{margin:0 0 0 auto}#ui-root .ds .win-actions{gap:var(--space-4);padding:var(--space-4) var(--space-6) var(--space-6)}html.sq-touch #ui-root .ds .win-head{padding:var(--space-3) var(--space-4)}html.sq-touch #ui-root .ds .win-tabs{padding:var(--space-2) var(--space-4) 0}html.sq-touch #ui-root .ds .win-body{padding:var(--space-4)}html.sq-touch #ui-root .ds .win-actions{padding:var(--space-3) var(--space-4) var(--space-4)}html.sq-touch #ui-root .ds .win-close{--ds-exempt:"a finger-sized close";width:40px;height:40px;font-size:18px}#ui-root .ds .sq-btn{padding:calc(var(--space-3) + var(--frame-thin)) calc(var(--space-8) + var(--frame-thin)) calc(var(--space-3) + var(--frame-thin) * 2);font:var(--type-heading);--ds-exempt:"the title face button size";box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 calc(var(--px) * -2) 0 var(--ink), inset 0 calc(var(--px) * 2) 0 #8a6440, inset 0 calc(var(--px) * -3) 0 var(--oak-lo), inset calc(var(--px) * 2) 0 0 var(--oak-hi), inset calc(var(--px) * -2) 0 0 #2e1f14, inset 0 calc(var(--px) * -4) 0 #00000059;font-size:1.6rem}#ui-root .ds .sq-btn:hover:not(:disabled){box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 calc(var(--px) * -2) 0 var(--ink), inset 0 0 0 calc(var(--px) * 2) var(--gold-2), inset 0 calc(var(--px) * -3) 0 var(--gold-2), inset 0 calc(var(--px) * 3) 0 #8a6440, inset calc(var(--px) * 3) 0 0 var(--oak-hi), inset calc(var(--px) * -3) 0 0 #2e1f14}#ui-root .ds .sq-btn:active:not(:disabled){box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 calc(var(--px) * -1) 0 var(--ink), inset 0 calc(var(--px) * 3) 0 #00000080}#ui-root .ds .sq-btn.primary{outline-offset:calc(var(--px) * -5);box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 calc(var(--px) * -2) 0 var(--ink), inset 0 calc(var(--px) * 2) 0 var(--moss-hi), inset 0 calc(var(--px) * -4) 0 var(--moss-lo)}#ui-root .ds .sq-btn.primary:hover:not(:disabled){box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 calc(var(--px) * -2) 0 var(--ink), inset 0 0 0 calc(var(--px) * 2) var(--gold-2), inset 0 calc(var(--px) * -3) 0 var(--gold-2), inset 0 calc(var(--px) * -4) 0 var(--moss-lo)}#ui-root .ds .sq-btn.danger{box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 calc(var(--px) * -2) 0 var(--ink), inset 0 calc(var(--px) * 2) 0 #a85050, inset 0 calc(var(--px) * -4) 0 #3a1010}#ui-root .ds .sq-btn.danger:hover:not(:disabled){box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 calc(var(--px) * -2) 0 var(--ink), inset 0 0 0 calc(var(--px) * 2) var(--gold-2), inset 0 calc(var(--px) * -3) 0 var(--gold-2), inset 0 calc(var(--px) * -4) 0 #3a1010}#ui-root .ds .sq-btn.primary:active:not(:disabled),#ui-root .ds .sq-btn.danger:active:not(:disabled){box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 calc(var(--px) * -1) 0 var(--ink), inset 0 calc(var(--px) * 3) 0 #00000080}#ui-root .ds .sq-btn.small{padding:calc(var(--space-2) + var(--frame-thin)) calc(var(--space-6) + var(--frame-thin)) calc(var(--space-2) + var(--frame-thin) * 2);font:var(--type-heading);--ds-exempt:initial}#ui-root .ds .sq-btn.big{padding:calc(var(--space-4) + var(--frame-thin)) calc(var(--space-8) + var(--space-4) + var(--frame-thin)) calc(var(--space-4) + var(--frame-thin) * 2);font:var(--type-title);--ds-exempt:"the big buttons";font-size:1.95rem}#ui-root .ds .sq-btn.big:before{left:calc(var(--px) * 4)}#ui-root .ds .sq-btn.big:after{right:calc(var(--px) * 4)}#ui-root .ds .sq-btn.link,#ui-root .ds .sq-btn.link:hover:not(:disabled),#ui-root .ds .sq-btn.link:active:not(:disabled){color:var(--text-dim);box-shadow:none;filter:none;background:0 0;outline:none}#ui-root .ds .sq-btn.link:hover:not(:disabled){color:var(--text);text-decoration:underline}#ui-root .ds .sq-btn.label{font:var(--type-label);--ds-exempt:initial}#ui-root .ds .sq-input{padding:calc(var(--space-3) + var(--frame-ring)) calc(var(--space-4) + var(--frame-ring));font:var(--type-body);box-shadow:var(--ring-in), inset 0 calc(var(--px) * 4) 0 #00000080}html.sq-touch #ui-root .ds .sq-input{padding:calc(var(--space-1) + var(--frame-ring)) calc(var(--space-3) + var(--frame-ring));--ds-exempt:"iOS zooms into smaller text boxes";font-size:max(16px,.9rem);line-height:1.15}#ui-root .ds .sq-input:focus{box-shadow:var(--ring-gold-in), inset 0 calc(var(--px) * 4) 0 #00000080}#ui-root .ds .sq-plate{box-shadow:var(--ring-in), inset 0 calc(var(--px) * 4) 0 #8a6440, inset 0 calc(var(--px) * -4) 0 var(--oak-lo), inset calc(var(--px) * 4) 0 0 var(--oak-hi), inset calc(var(--px) * -4) 0 0 #2e1f14, 0 .4rem .8rem #00000073}#ui-root .ds .party-portrait{--portrait-inset:var(--frame-ring);width:calc(max(40px, 3.25rem) + var(--frame-ring) * 2);height:calc(max(40px, 3.25rem) + var(--frame-ring) * 2);box-shadow:var(--ring-in), inset 0 calc(var(--px) * 5) 0 #00000073}#ui-root .ds .hud-badge,#ui-root .ds .party-level{padding:0 var(--space-1);font:var(--type-tiny)}#ui-root .ds .sq-range{height:calc(.75rem + var(--frame-ring) * 2);box-shadow:var(--ring-in), inset 0 calc(var(--px) * 4) 0 #fff0c840}#ui-root .ds .sq-toggle{width:calc(3.4rem + var(--frame-ring) * 2);height:calc(1.6rem + var(--frame-ring) * 2);box-shadow:var(--ring-in), inset 0 calc(var(--px) * 4) 0 #00000080}#ui-root .ds .sq-toggle-knob{top:calc(var(--frame-ring) + .18rem);left:calc(var(--frame-ring) + .2rem);box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 calc(var(--px) * -2) 0 #b09868}html.sq-touch #ui-root .ds .sq-range{height:calc(12px + var(--frame-ring) * 2);margin:var(--space-4) 0}html.sq-touch #ui-root .ds .sq-toggle{width:calc(56px + var(--frame-ring) * 2);height:calc(30px + var(--frame-ring) * 2)}#ui-root .ds .sq-segmented{padding:var(--frame-ring);box-shadow:var(--ring-in)}#ui-root .ds .sq-seg{padding:var(--space-2) var(--space-4);font:var(--type-meta)}#ui-root .ds .gem{margin:0 var(--space-2) 0 var(--space-1)}#ui-root .ds .keycap{padding:var(--frame-thin) calc(var(--space-1) + var(--frame-thin));font:var(--type-tiny);box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 calc(var(--px) * -2) 0 #b09868, inset 0 calc(var(--px) * 2) 0 #fff6e0}#ui-root .ds .keycap.big{padding:var(--frame-thin) calc(var(--space-2) + var(--frame-thin));font:var(--type-label)}#ui-root .ds .net-dot{width:calc(var(--px) * 6);height:calc(var(--px) * 6);box-shadow:inset 0 0 0 var(--px) var(--ink);flex:none}#ui-root .ds .net-dot.ok{box-shadow:inset 0 0 0 var(--px) var(--ink), 0 0 .5rem #a8c46a99}#ui-root .ds .item-tile{box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 0 0 calc(var(--px) * 3) var(--rar), inset 0 0 0 calc(var(--px) * 4) #120b0799}#ui-root .ds .item-tile.selected{box-shadow:inset 0 0 0 var(--px) var(--ink), inset 0 0 0 calc(var(--px) * 3) var(--gold), inset 0 0 0 calc(var(--px) * 4) var(--ink), inset 0 0 0 calc(var(--px) * 5) #120b0799, 0 0 1rem #f2cf7859}#ui-root .ds .it-cmp{font:var(--type-caption);font-weight:900}#ui-root .ds .item-tile.empty{box-shadow:inset 0 0 0 var(--px) #120b07cc, inset 0 0 0 calc(var(--px) * 2) #5a3d2699}.sq-stack,.sq-row,.sq-field{--gap:var(--space-3);gap:var(--gap)}.sq-stack{flex-direction:column;display:flex}.sq-row{align-items:center;display:flex}.sq-push{margin-inline-start:auto}.sq-field{align-items:stretch;display:flex}.sq-field>.sq-input{flex:1;min-width:0}.sq-field>.sq-btn{flex:none}.gap-1{--gap:var(--space-1)}.gap-2{--gap:var(--space-2)}.gap-3{--gap:var(--space-3)}.gap-4{--gap:var(--space-4)}.gap-6{--gap:var(--space-6)}.gap-8{--gap:var(--space-8)}.charselect{animation:none;pointer-events:none!important}.charselect.closing{animation:.5s ease-in forwards cs-out}.charselect>*{pointer-events:none}.cs-letterbox{height:12vh;transition:transform 1.4s cubic-bezier(.7,0,.2,1);position:absolute;left:0;right:0}.cs-top{background:linear-gradient(#000 0%,#000000d9 45%,#0000);top:0;transform:translateY(-100%)}.cs-bottom{background:linear-gradient(#0000,#000000d1 55%,#000);height:18vh;bottom:0;transform:translateY(100%)}.charselect.ready .cs-letterbox{transform:none}.cs-head{text-align:center;opacity:0;transition:opacity .9s .3s,transform .9s cubic-bezier(.2,.8,.2,1) .3s;position:absolute;top:3.2vh;left:50%;transform:translate(-50%,-.8rem)}.charselect.ready .cs-head{opacity:1;transform:translate(-50%)}.cs-kicker{font:var(--type-meta);letter-spacing:.42em;text-transform:uppercase;color:var(--text-dim);text-shadow:var(--outline-sm)}.cs-title{margin:var(--space-1) 0 var(--space-1);font:var(--type-title);color:var(--gold);text-shadow:0 .18rem 0 var(--ink), .18rem 0 0 var(--ink), -.18rem 0 0 var(--ink), 0 -.18rem 0 var(--ink), .18rem .36rem 0 var(--ink)}.cs-sub{font:var(--type-body);color:var(--text-dim);text-shadow:var(--outline-sm);font-style:italic;transition:opacity .4s}.charselect.has-choice .cs-sub{opacity:0}.cs-plates{position:absolute;inset:0}.cs-plate{padding:var(--space-2) var(--space-6) var(--space-2);margin-top:calc(var(--space-2) * -1);cursor:var(--cursor-pointer,pointer);pointer-events:auto;opacity:0;will-change:transform;background:radial-gradient(at 50% 60%,#0000008c,#0000 70%);border:none;flex-direction:column;align-items:center;transition:opacity .6s,filter .2s;display:flex;position:absolute;top:0;left:0}.charselect.ready .cs-plate{opacity:1}.charselect:not(.ready) .cs-plate{pointer-events:none}.charselect.ready .cs-plate.covered{opacity:0;pointer-events:none;transition:opacity .2s,filter .2s}.cs-plate.chosen:before{content:"";left:50%;top:calc(var(--px) * -7);width:calc(var(--px) * 7);height:calc(var(--px) * 4);margin-left:calc(var(--px) * -3.5);background:var(--gold);clip-path:polygon(0 0,100% 0,100% 25%,85.7% 25%,85.7% 50%,71.4% 50%,71.4% 75%,57.1% 75%,57.1% 100%,42.9% 100%,42.9% 75%,28.6% 75%,28.6% 50%,14.3% 50%,14.3% 25%,0 25%);filter:drop-shadow(0 var(--px) 0 var(--ink)) drop-shadow(0 0 .4rem #f2cf78b3);animation:1.2s ease-in-out infinite cs-bob;position:absolute}.cs-plate-icon{--icon:2rem;filter:drop-shadow(0 0 .4rem rgba(var(--cc-rgb), .6))}.cs-plate-name{font:var(--type-title);color:#f6e9cc;text-shadow:var(--outline-hard), 0 0 .8rem rgba(var(--cc-rgb), .45)}.cs-plate-name:after{content:"";height:calc(var(--px) * 2);margin:var(--space-1) auto 0;background:color-mix(in srgb, var(--cc) 60%, var(--gold-2));width:40%;box-shadow:0 var(--px) 0 var(--ink);transition:width .3s;display:block}.cs-plate-tag{max-height:0;font:var(--type-meta);color:var(--text-dim);text-shadow:var(--outline-sm);font-style:italic;transition:max-height .3s;overflow:hidden}.cs-plate:hover .cs-plate-name:after,.cs-plate.chosen .cs-plate-name:after{width:100%}.cs-plate:hover .cs-plate-tag{max-height:1.4rem}.charselect.has-choice .cs-plate:not(.chosen){filter:brightness(.7)saturate(.6)}.cs-plate.chosen .cs-plate-name{color:var(--gold)}.cs-plate.show-tag .cs-plate-tag{max-height:1.4rem}.cs-plate.empty{gap:var(--space-3);padding:var(--space-2) var(--space-6) var(--space-2) var(--space-4);margin-top:calc(var(--space-6) * -1);background:var(--planks), var(--oak);image-rendering:pixelated;box-shadow:0 0 0 var(--px) var(--ink), var(--oak-bevel), 0 calc(var(--px) * 2) 0 var(--ink), 0 .6rem 1.2rem #00000073;flex-direction:row;transition:opacity .6s,filter .2s,box-shadow .15s}.cs-plate.empty:hover{filter:brightness(1.15);box-shadow:var(--ring-gold), var(--oak-bevel), 0 calc(var(--px) * 2) 0 var(--ink)}.cs-plate.empty .cs-plate-icon{font:var(--type-figure);color:var(--gold);text-shadow:var(--outline), 0 0 .8rem #f2cf7899}.cs-plate.empty .cs-plate-name{color:var(--text);font-size:1.5rem}.cs-plate.empty .cs-plate-name:after,.cs-plate.empty .cs-plate-tag{display:none}.cs-panel{width:29rem;max-height:74vh;padding:var(--space-4) var(--space-6) var(--space-4);color:var(--text);border-style:solid;border-width:calc(var(--hw-frame-slice) * var(--px));border-image:var(--hw-frame) var(--hw-frame-slice) / calc(var(--hw-frame-slice) * var(--px)) round;background:radial-gradient(ellipse at 50% 0%, rgba(var(--cc-rgb,242, 207, 120), .12), transparent 70%) border-box no-repeat, var(--planks), var(--oak);image-rendering:pixelated;pointer-events:none;opacity:0;scrollbar-width:thin;scrollbar-color:#7a5534 #0000004d;transition:opacity .5s;position:absolute;top:50%;right:3vw;overflow-y:auto;transform:translateY(-50%);box-shadow:0 1.2rem 3rem #0009}.charselect.ready.has-choice .cs-panel{opacity:1;pointer-events:auto}.cs-panel.left{left:3vw;right:auto}.charselect.ready.has-choice .cs-panel.swap{opacity:0;transition:opacity .16s}.cs-panel.show>*{animation:.45s cubic-bezier(.2,.8,.2,1) both cs-rise}.cs-panel.show>:nth-child(2){animation-delay:40ms}.cs-panel.show>:nth-child(n+3){animation-delay:80ms}.cs-panel.show>:nth-child(n+5){animation-delay:.12s}.cs-panel.show>:nth-child(n+8){animation-delay:.16s}.cs-panel-top{align-items:center;gap:var(--space-6);display:flex}.cs-panel-icon{width:3.6rem;height:3.6rem;font:var(--type-figure);color:var(--gold);background:radial-gradient(circle, rgba(var(--cc-rgb), .25), #120b07d9 75%);box-shadow:0 0 0 var(--px) var(--ink), 0 0 0 calc(var(--px) * 2) color-mix(in srgb, var(--cc) 65%, var(--oak-hi)), 0 0 0 calc(var(--px) * 3) var(--ink), inset 0 0 .8rem #000000b3;flex:none;place-items:center;display:grid}.cs-panel-glyph{--icon:2.4rem}.cs-panel-names{min-width:0}.cs-panel-name{font:var(--type-title);color:#f6e9cc;text-shadow:var(--outline-hard)}.cs-panel-tag{margin-top:var(--space-1);font:var(--type-body);color:color-mix(in srgb, var(--cc) 55%, #f6e9cc);font-style:italic}.cs-panel-desc{margin:var(--space-4) 0 var(--space-1);color:var(--text);font-size:.86rem;line-height:1.45}.cs-section{align-items:center;gap:var(--space-4);margin:var(--space-6) 0 var(--space-3);font:var(--type-heading);color:var(--gold);text-shadow:0 .1rem 0 var(--ink);display:flex}.cs-section:after{content:"";height:calc(var(--px) * 2);background:repeating-linear-gradient(90deg, var(--oak-mid) 0 calc(var(--px) * 3), transparent 0 calc(var(--px) * 4));flex:1}.cs-stat{align-items:center;gap:var(--space-3);margin:var(--space-2) 0;font:var(--type-meta);grid-template-columns:2.4rem 1fr 1.6rem;display:grid}.cs-stat-name{color:color-mix(in srgb, var(--ac) 65%, #f6e9cc);text-shadow:var(--outline-sm)}.cs-stat-bar{height:calc(var(--px) * 4);padding:var(--px);background:var(--ink);box-shadow:0 0 0 var(--px) var(--oak-mid)}.cs-stat-fill{height:100%;width:var(--w);background:color-mix(in srgb, var(--ac) 70%, var(--oak-hi));box-shadow:inset 0 var(--px) 0 #ffffff40;animation:.8s cubic-bezier(.2,.8,.2,1) .15s both cs-fill}.cs-stat-val{text-align:right;color:#f6e9cc}.cs-chips{gap:var(--space-3);margin-top:var(--space-4);display:flex}.cs-chip{align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-4);font:var(--type-meta);background:var(--well);box-shadow:var(--ring);display:inline-flex}.cs-chip-dot{width:calc(var(--px) * 4);height:calc(var(--px) * 4);background:color-mix(in srgb, var(--ac) 80%, var(--oak-hi));box-shadow:0 0 0 var(--px) var(--ink), inset var(--px) var(--px) 0 #ffffff4d}.cs-res{margin-top:var(--space-2);color:var(--text-dim);font-size:.76rem}.cs-skills{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.cs-skill{align-items:center;gap:var(--space-3);min-width:0;padding:.3rem .45rem .3rem calc(.4rem + var(--px) * 3);box-shadow:inset calc(var(--px) * 3) 0 0 color-mix(in srgb, var(--cc) 60%, var(--oak-hi)), inset 0 0 0 var(--px) var(--ink);background:#120b078c;display:flex}.cs-skill-icon{background:var(--well);width:2.1rem;height:2.1rem;box-shadow:0 0 0 var(--px) var(--ink);flex:none;place-items:center;font-size:1.15rem;display:grid}.cs-skill-text{flex-direction:column;min-width:0;display:flex}.cs-skill-name{font:var(--type-meta);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cs-skill-meta{color:var(--text-mute);font-size:.68rem}.cs-passives{align-items:center;gap:var(--space-2);margin-top:var(--space-4);display:flex}.cs-passives-label{margin-right:var(--space-2);font:var(--type-caption);letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim)}.cs-skill-icon .px-icon{--icon:1.6rem}.cs-passive{background:var(--well);width:2rem;height:2rem;box-shadow:0 0 0 var(--px) var(--ink), 0 0 0 calc(var(--px) * 2) var(--oak-mid);place-items:center;font-size:.95rem;display:grid}.cs-passive .px-icon{--icon:1.5rem}.cs-trees{gap:var(--space-3);display:grid}.cs-tree{align-items:center;column-gap:var(--space-4);row-gap:var(--space-2);padding:.35rem .5rem .4rem calc(.45rem + var(--px) * 3);box-shadow:inset calc(var(--px) * 3) 0 0 color-mix(in srgb, var(--tc) 70%, var(--oak-hi)), inset 0 0 0 var(--px) var(--ink);background:#120b078c;grid-template-columns:auto 1fr;display:grid}.cs-tree-icon{background:var(--well);width:2.4rem;height:2.4rem;box-shadow:0 0 0 var(--px) var(--ink), 0 0 0 calc(var(--px) * 2) color-mix(in srgb, var(--tc) 45%, var(--oak-mid));grid-row:span 2;place-items:center;font-size:1.3rem;display:grid}.cs-tree-icon .px-icon{--icon:1.9rem}.cs-tree-text{align-items:baseline;gap:var(--space-3);min-width:0;display:flex}.cs-tree-name{font:var(--type-label);color:color-mix(in srgb, var(--tc) 60%, #f6e9cc);text-shadow:var(--outline-sm);flex:none}.cs-tree-tag{min-width:0;color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.cs-tree-kit{gap:var(--space-2);display:flex}.cs-tree-skill{background:var(--well);width:1.75rem;height:1.75rem;box-shadow:0 0 0 var(--px) var(--ink);place-items:center;font-size:.85rem;display:grid}.cs-tree-skill.key{margin-left:var(--space-1);box-shadow:0 0 0 var(--px) var(--ink), 0 0 0 calc(var(--px) * 2) var(--gold)}.cs-tree-skill .px-icon{--icon:1.35rem}.cs-panel-meta{margin-top:var(--space-1);font:var(--type-meta);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.cs-classes{gap:var(--space-3);margin:var(--space-6) 0 var(--space-1);display:grid}.cs-class{align-items:center;gap:var(--space-4);padding:.45rem .7rem .45rem calc(.6rem + var(--px) * 3);text-align:left;color:var(--text);cursor:var(--cursor-pointer,pointer);box-shadow:inset calc(var(--px) * 3) 0 0 color-mix(in srgb, var(--cc) 60%, var(--oak-hi)), inset 0 0 0 var(--px) var(--ink);background:#120b078c;border:none;transition:background .15s,box-shadow .15s;display:flex}.cs-class:hover{background:#4a332299}.cs-class.chosen{box-shadow:inset calc(var(--px) * 3) 0 0 color-mix(in srgb, var(--cc) 60%, var(--oak-hi)), 0 0 0 var(--px) var(--ink), 0 0 0 calc(var(--px) * 2) var(--gold-2), 0 0 0 calc(var(--px) * 3) var(--ink);background:#4a3322bf}.cs-class-icon{--icon:2.2rem;flex:none;font-size:1.5rem}.cs-class-text{flex-direction:column;min-width:0;display:flex}.cs-class-name{font:var(--type-heading);color:#f6e9cc;text-shadow:0 .1rem 0 var(--ink)}.cs-class-tag{font:var(--type-meta);color:var(--text-dim);font-style:italic}.cs-plate-name.typed{font:800 1.35rem/1.15 var(--font);--ds-exempt:"a hero's name on their plate";letter-spacing:.01em}.cs-panel-name.typed{font:var(--type-figure);letter-spacing:.01em}.cs-panel-name.typed.long{font-size:1.45rem}.cs-panel-name.long{overflow-wrap:anywhere;font-size:2rem}.cs-name-row{align-items:center;gap:var(--space-3);margin:var(--space-4) 0 var(--space-1);display:flex}.cs-name-label{font:var(--type-caption);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);flex:none}.cs-name-row .cs-name-input,.cs-rename-row .cs-name-input{flex:1;min-width:0}.cs-dice{width:2.3rem;height:2.3rem;font:var(--type-lead);color:#f3e6c8;text-shadow:0 .1rem 0 var(--ink);cursor:var(--cursor-pointer,pointer);background:var(--planks-light), var(--oak-light);image-rendering:pixelated;box-shadow:0 0 0 var(--px) var(--ink), var(--oak-bevel), 0 var(--px) 0 var(--ink);border:none;flex:none;place-items:center;padding:0;display:grid}.cs-dice:hover{filter:brightness(1.15);box-shadow:var(--ring-gold), var(--oak-bevel)}.cs-dice:active{transform:translateY(var(--px))}.cs-dice .px-icon{--icon:1.5rem}.cs-dice:disabled{opacity:.55;pointer-events:none}.cs-rename{margin-top:var(--space-2);font:var(--type-caption);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-2);cursor:var(--cursor-pointer,pointer);pointer-events:auto;background:0 0;border:none;padding:0}.cs-rename:hover{color:var(--gold);text-decoration:underline}.cs-rename-row{align-items:center;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.cs-rename-row .cs-name-input{flex:100%}.cs-name-error{margin-top:var(--space-2);font:var(--type-meta);color:var(--bad);flex:1 0 100%}.cs-account{align-items:center;gap:var(--space-4);pointer-events:auto;opacity:0;transition:opacity .9s .5s;display:flex;position:absolute;top:2.4vh;right:3vw}.charselect.ready .cs-account{opacity:1}.cs-account-who{align-items:flex-end;gap:var(--space-1);text-shadow:var(--outline-sm);flex-direction:column;display:flex}.cs-account-label{font:var(--type-caption);letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute)}.cs-account-name{font:var(--type-label);letter-spacing:.04em;color:var(--gold)}.cs-message{text-align:center;max-width:min(32rem,90vw);font:var(--type-label);color:var(--text-dim);text-shadow:var(--outline);opacity:0;transition:opacity .3s;position:absolute;bottom:calc(3.5vh + 4.6rem);left:50%;transform:translate(-50%)}.cs-message.show{opacity:1}.cs-message.error{color:var(--bad)}.cs-actions{justify-content:flex-end;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.charselect .sq-btn:disabled{opacity:.55;pointer-events:none}.cs-begin:disabled{animation:none}.cs-bar{align-items:center;gap:var(--space-8);opacity:0;transition:opacity .8s .5s,transform .8s cubic-bezier(.2,.8,.2,1) .5s;display:flex;position:absolute;bottom:3.5vh;left:50%;transform:translate(-50%,1rem)}.charselect.ready .cs-bar{opacity:1;transform:translate(-50%)}.cs-bar>*{pointer-events:auto}.cs-bar>.sq-btn[hidden]{display:none}.cs-begin:not(:disabled){animation:2.2s ease-in-out infinite cs-glow}.charselect .confirm-backdrop{pointer-events:auto}@keyframes cs-rise{0%{opacity:0;transform:translateY(.6rem)}}@keyframes cs-fill{0%{width:0}}@keyframes cs-glow{50%{box-shadow:0 0 0 var(--px) var(--ink), inset 0 var(--px) 0 var(--moss-hi), inset 0 calc(var(--px) * -2) 0 var(--moss-lo), 0 calc(var(--px) * 2) 0 var(--ink), 0 0 1.6rem #f2cf788c}}@keyframes cs-bob{50%{transform:translateY(calc(var(--px) * -2))}}@keyframes cs-out{to{opacity:0}}@media (max-aspect-ratio:4/3),(max-height:520px){.cs-head{top:1.5vh}.cs-title{--ds-exempt:"the campfire's title";font-size:2.8rem}.cs-sub{display:none}.cs-panel{width:min(22rem,42vw);max-height:calc(100% - 30vh);padding:var(--space-6) var(--space-6);top:13vh;right:2vw;transform:none}.cs-panel.left{left:2vw;right:auto}.cs-panel-desc,.cs-res{display:none}.cs-skills{grid-template-columns:1fr}.cs-bar{gap:var(--space-4);bottom:2vh;left:2vw;right:2vw;transform:none}.cs-actions{gap:var(--space-3);margin-left:auto}.cs-account{top:1.5vh;right:2vw}.cs-message{bottom:calc(2vh + 4.2rem)}.charselect.ready .cs-bar{transform:none}}.cs-ap{gap:var(--space-2);margin-top:var(--space-3);flex-direction:column;display:flex}.cs-ap-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.cs-ap-section{margin-top:var(--space-2)}.cs-ap-dice{margin-left:auto}.cs-opt{padding:var(--space-2) var(--space-4);font:var(--type-meta);letter-spacing:.08em;color:var(--text);cursor:var(--cursor-pointer,pointer);box-shadow:inset 0 0 0 var(--px) var(--ink);background:#120b078c;border:none;transition:background .15s,box-shadow .15s}.cs-opt:hover{background:#4a332299}.cs-opt.chosen{color:var(--gold);box-shadow:0 0 0 var(--px) var(--ink), 0 0 0 calc(var(--px) * 2) var(--gold-2), 0 0 0 calc(var(--px) * 3) var(--ink);background:#4a3322bf}.cs-swatch{width:1.3rem;height:1.3rem;cursor:var(--cursor-pointer,pointer);background:var(--sw);box-shadow:0 0 0 var(--px) var(--ink);border:none;padding:0;transition:filter .12s,box-shadow .12s}.cs-swatch:hover{filter:brightness(1.15)}.cs-swatch.chosen{box-shadow:0 0 0 var(--px) var(--ink), 0 0 0 calc(var(--px) * 2) var(--gold-2), 0 0 0 calc(var(--px) * 3) var(--ink)}.cs-step{margin-top:var(--space-1);font:var(--type-caption);letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);text-shadow:var(--outline-sm)}html.sq-touch{touch-action:pan-x pan-y;overscroll-behavior:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:clamp(9px,min(1.25vw,2.45vh),15px)}html.sq-touch body{overscroll-behavior:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}html.sq-touch #ui-root{--sa-t:env(safe-area-inset-top,0px);--sa-r:env(safe-area-inset-right,0px);--sa-b:env(safe-area-inset-bottom,0px);--sa-l:env(safe-area-inset-left,0px)}html.sq-touch .ui-hud-root{--sa-t:calc(env(safe-area-inset-top,0px) / var(--hud-scale));--sa-r:calc(env(safe-area-inset-right,0px) / var(--hud-scale));--sa-b:calc(env(safe-area-inset-bottom,0px) / var(--hud-scale));--sa-l:calc(env(safe-area-inset-left,0px) / var(--hud-scale))}html.sq-touch #ui-root input,html.sq-touch #ui-root textarea{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}html.sq-touch #ui-root button,html.sq-touch #ui-root .sq-btn{touch-action:manipulation}html.sq-touch .sq-btn:hover:not(:disabled){filter:none}#ui-root.sq-ui>.touch-root{z-index:1;--u:clamp(.78px, calc(100vmin / 412), 1.25px)}#ui-root.modal-open>.touch-root{visibility:hidden}.touch-root.dead{opacity:.35;filter:grayscale()}.tc-cluster{right:calc(max(var(--sa-r), 10px) + var(--u) * 58);bottom:calc(max(var(--sa-b), 6px) + var(--u) * 56);width:0;height:0;position:absolute}.tc-btn{left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--s) * var(--u));height:calc(var(--s) * var(--u));pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:absolute;transform:translate(-50%,-50%)}#ui-root .touch-root .tslot{width:calc(var(--s) * var(--u));height:calc(var(--s) * var(--u))}.touch-root .tslot .slot-face{background:radial-gradient(circle at 50% 35%, #4a332280, #120b078c 75%), var(--planks), var(--oak);box-shadow:0 0 0 var(--px) var(--ink), 0 0 0 calc(var(--px) * 2.5) var(--oak-mid), 0 0 0 calc(var(--px) * 3) var(--ink), inset 0 -.3rem .6rem #00000080, 0 .3rem .6rem #00000073;border-radius:50%;transition:transform 80ms,filter 80ms}.touch-root .tslot.ult .slot-face{box-shadow:0 0 0 var(--px) var(--ink), 0 0 0 calc(var(--px) * 2.5) var(--gold-2), 0 0 0 calc(var(--px) * 3) var(--ink), inset 0 -.3rem .6rem #00000080}.touch-root .tslot .slot-icon{--icon:calc(var(--s) * var(--u) * .7)}.touch-root .tslot .slot-sweep{border-radius:50%}.touch-root .tslot .slot-cd{font-size:calc(var(--s) * var(--u) * .34)}.touch-root .tslot .slot-cost{left:50%;right:auto;bottom:calc(var(--u) * 3);font-size:calc(var(--u) * 10);transform:translate(-50%)}.touch-root .tslot .slot-mode{--icon:calc(var(--s) * var(--u) * .24);top:0;left:0}.touch-root .tslot .slot-lock{border-radius:50%}.touch-root .tslot .slot-lock-icon{--icon:calc(var(--s) * var(--u) * .3)}.touch-root .tslot .slot-lock-lv{font-size:calc(var(--u) * 10)}.touch-root .tslot.empty-slot{pointer-events:none}.touch-root .tslot.empty-slot .slot-face,.touch-root .tslot.ult.empty-slot .slot-face{box-shadow:0 0 0 var(--px) #120b078c, 0 0 0 calc(var(--px) * 2.5) #7a58388c, 0 0 0 calc(var(--px) * 3) #120b078c, inset 0 .2rem .5rem #00000073;background:radial-gradient(circle at 50% 40%,#120b0733,#120b0773)}.touch-root .tc-btn.pressed .slot-face{filter:brightness(1.25);transform:scale(.92)}.touch-root .tslot.active .slot-face{box-shadow:0 0 0 var(--px) var(--ink), 0 0 0 calc(var(--px) * 2.5) var(--gold), 0 0 0 calc(var(--px) * 3) var(--ink), 0 0 1.2rem #f2cf7899}.touch-root .tc-attack .slot-face{background:radial-gradient(circle at 50% 32%, #6a4a3173, #120b0780 72%), var(--planks-light), var(--oak-light);box-shadow:0 0 0 var(--px) var(--ink), 0 0 0 calc(var(--px) * 3.5) var(--gold-2), 0 0 0 calc(var(--px) * 4.5) var(--ink), inset 0 -.4rem .8rem #00000080, 0 .4rem .9rem #00000080}.touch-root .tc-attack .slot-icon{--icon:calc(var(--s) * var(--u) * .62)}.tc-round{background:radial-gradient(circle at 50% 35%, #4a332280, #120b078c 80%), var(--planks), var(--oak);box-shadow:0 0 0 var(--px) var(--ink), 0 0 0 calc(var(--px) * 2.5) var(--oak-mid), 0 0 0 calc(var(--px) * 3) var(--ink), inset 0 -.3rem .5rem #0009, 0 .3rem .6rem #00000073;border-radius:50%;place-items:center;transition:transform 80ms,filter 80ms;display:grid}.tc-round.pressed{filter:brightness(1.25);transform:translate(-50%,-50%)scale(.92)}.tc-round-icon{--icon:calc(var(--s) * var(--u) * .7);filter:drop-shadow(0 .15rem #00000080)}.tc-label{bottom:calc(var(--u) * -6);font:800 calc(var(--u) * 9) var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--text);text-shadow:var(--outline-sm);box-shadow:0 0 0 var(--px) var(--ink);background:#120b07e0;padding:0 .3rem;position:absolute;left:50%;transform:translate(-50%)}.tc-dodge.cooling .round-sweep{display:block}.tc-potion.recharging .round-ring{opacity:1}.tc-potion .round-ring{inset:calc(var(--px) * -5);box-shadow:none;clip-path:none;background:conic-gradient(#e88a7a calc(var(--r,0) * 360deg), transparent 0);-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - var(--px) * 2), #000 calc(100% - var(--px) * 2));-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - var(--px) * 2), #000 calc(100% - var(--px) * 2));mask:radial-gradient(farthest-side, transparent calc(100% - var(--px) * 2), #000 calc(100% - var(--px) * 2));border-radius:50%}.tc-potion .flask{--icon:calc(var(--s) * var(--u) * .7)}.tc-potion.empty .flask{filter:grayscale()brightness(.45)}.tc-potion .round-count{top:calc(var(--u) * -4);right:calc(var(--u) * -4);font-size:calc(var(--u) * 15)}.tc-interact{--tc-interact-y:7.6rem;left:46%;bottom:calc(max(var(--sa-b), 4px) + var(--tc-interact-y));width:auto;max-width:46vw;height:auto;min-height:44px;font:800 calc(var(--u) * 13) / 1.15 var(--font);color:var(--text);text-shadow:var(--outline-sm);background:var(--planks), var(--oak);image-rendering:pixelated;box-shadow:var(--ring-gold), 0 .4rem 1rem #00000080;transform-origin:50% 100%;opacity:0;visibility:hidden;align-items:center;gap:.5rem;padding:.3rem .9rem .3rem .35rem;transition:opacity .15s,transform .2s cubic-bezier(.2,1.5,.4,1),visibility .15s;display:flex;position:absolute;top:auto;right:auto;transform:translate(-50%)scale(.85)}#ui-root:has(.hud.touch .buff-bar:not(.boss-effects):not(.empty)) .tc-interact{--tc-interact-y:10.2rem}.tc-interact.show{opacity:1;visibility:visible;animation:1.4s ease-in-out infinite tc-throb;transform:translate(-50%)scale(1)}.tc-interact.pressed{filter:brightness(1.25)}.tc-interact-icon{background:linear-gradient(var(--moss), var(--moss-2));width:36px;height:36px;box-shadow:0 0 0 var(--px) var(--ink), inset 0 var(--px) 0 var(--moss-hi), inset 0 calc(var(--px) * -2) 0 var(--moss-lo);flex:none;place-items:center;display:grid}.tc-interact-icon .px-icon{--icon:36px}.tc-interact-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@keyframes tc-throb{0%,to{box-shadow:var(--ring-gold), 0 .4rem 1rem #00000080}50%{box-shadow:var(--ring-gold), 0 0 1.4rem #f2cf7899}}.tc-joy{width:calc(var(--u) * 124);height:calc(var(--u) * 124);box-shadow:0 0 0 var(--px) #120b0780, inset 0 0 0 var(--px) #f1e3c44d;pointer-events:none;background:radial-gradient(circle,#120b072e 0 45%,#120b076b 70%,#120b0780);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.tc-joy.idle{left:calc(max(var(--sa-l), 8px) + var(--u) * 104);top:calc(100% - max(var(--sa-b), 6px) - var(--u) * 96);opacity:.4;transition:opacity .3s}.tc-joy-knob{width:calc(var(--u) * 54);height:calc(var(--u) * 54);box-shadow:0 0 0 var(--px) var(--ink), 0 .25rem .6rem #00000080;background:radial-gradient(circle at 45% 35%,#f1e3c4f2,#d4bd88eb 60%,#a78955eb);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tc-aimstick{width:calc(var(--r) * 2);height:calc(var(--r) * 2);pointer-events:none;background:radial-gradient(circle,#f2cf780a,#f2cf7824);border:2px dashed #f2cf78b3;border-radius:50%;display:none;position:absolute;transform:translate(-50%,-50%)}.tc-aimstick.show{display:block}.tc-aimstick.cancel{background:radial-gradient(circle,#a83a320f,#a83a3238);border-color:#d8584ae6}.tc-aimstick-knob{width:calc(var(--u) * 30);height:calc(var(--u) * 30);background:radial-gradient(circle at 45% 35%, #fff4d8, var(--gold) 45%, var(--gold-2));box-shadow:0 0 0 var(--px) var(--ink), 0 0 .8rem #f2cf7899;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-menu-btn.touch-only,.hud.touch .keycap,.hud.touch .hud-menu-label,.hud.touch .interact-prompt,.hud.touch .bar-plinth,.hud.touch .xp-text{display:none}.hud.touch .hud-tl{top:max(var(--sa-t), 6px);left:max(var(--sa-l), 8px);flex-direction:column;align-items:flex-start;display:flex}.hud.touch .hud-menu{gap:calc(.4rem + 6 * var(--px));margin:calc(var(--px) * 3) 0 0 calc(var(--px) * 3)}.hud.touch .hud-menu-btn,.hud.touch .hud-menu-btn.touch-only{place-items:center;width:44px;height:40px;padding:0;display:grid}.hud.touch .hud-menu-icon{--icon:36px;filter:drop-shadow(0 2px #0000008c)}.hud.touch .hud-menu-btn:active{filter:brightness(1.3);transform:translateY(2px)}.hud.touch .hud-badge{top:-.45rem;right:-.45rem}.hud.touch .hud-menu{z-index:3}.hud.touch .hud-menu-more.open{filter:brightness(1.3);box-shadow:var(--ring-gold)}.hud-more{top:calc(100% + .5rem + 3 * var(--px));left:calc(var(--px) * -3);gap:calc(.3rem + 6 * var(--px));padding:calc(.4rem + 3 * var(--px));pointer-events:auto;background:var(--planks), var(--oak);image-rendering:pixelated;box-shadow:var(--ring), 0 .6rem 1.2rem #0000008c;transform-origin:0 0;grid-template-columns:repeat(3,auto);animation:.16s cubic-bezier(.2,1.4,.4,1) hud-more-in;display:grid;position:absolute}@keyframes hud-more-in{0%{opacity:0;transform:translateY(-.4rem)scale(.96)}}.hud.touch .hud-more .hud-menu-btn{flex-direction:column;justify-content:center;gap:2px;width:auto;min-width:70px;height:auto;min-height:58px;padding:5px 6px 4px;display:flex}.hud.touch .hud-more .hud-menu-label{font:800 max(.66rem, 10.5px) / 1.1 var(--font);letter-spacing:.03em;display:block}.hud.touch .tracker{width:max(15rem,170px);margin-top:calc(.7rem + 3 * var(--px));align-items:flex-start;gap:.25rem}.hud.touch .tracker-title{pointer-events:auto;min-height:28px;cursor:var(--cursor-pointer,pointer);box-shadow:0 0 0 var(--px) var(--ink);background:#120b07a6;align-items:center;gap:.4rem;padding:0 .6rem 0 .4rem;display:flex}.hud.touch .tracker-title:after{content:"▾";font:800 .85rem var(--font);letter-spacing:0}.hud.touch .tracker.collapsed .tracker-title:after{content:"▸"}.tracker-count{display:none}.hud.touch .tracker.collapsed .tracker-count:not(:empty){min-width:1.1rem;height:1.1rem;font:800 .62rem/1 var(--font);letter-spacing:0;color:var(--ink);background:var(--gold);box-shadow:0 0 0 var(--px) var(--ink);place-items:center;padding:0 .2rem;display:inline-grid}.hud.touch .tracker.collapsed .tracker-list{display:none}.hud.touch .tracker-quest{text-align:left;box-shadow:none;background:0 0;border:none;padding:.2rem .4rem .25rem .1rem}.hud.touch :is(.tq-name,.tq-obj,.tq-done){text-shadow:var(--outline)}.hud.touch .tq-done{font-size:max(.74rem,10px)}.hud.touch .tracker-quest:nth-child(n+3){display:none}.hud.touch .tq-name{font-size:max(1.25rem,14px)}.hud.touch .tq-obj{justify-content:flex-start;font-size:max(.7rem,10px)}.hud.touch .tq-bar{margin-left:0}.hud.touch .hud-tr{top:max(var(--sa-t), 6px);right:max(var(--sa-r), 8px);gap:.45rem}.hud.touch .emeralds{padding:.18rem .6rem .18rem .45rem;font-size:max(.95rem,12px)}.hud.touch .minimap{width:8.6rem;height:8.6rem}.hud.touch .hud-bottom{bottom:max(var(--sa-b), .6rem);left:46%}.hud.touch .orb{width:5.4rem;height:5.4rem}.hud.touch .orb:before{inset:-.35rem}.hud.touch .orb-value{font-size:max(1.05rem,13px)}.hud.touch .orb-max{font-size:max(.58rem,8.5px)}.hud.touch .orb-label{font:800 max(.52rem, 8px)/1.2 var(--font);letter-spacing:.06em;text-transform:uppercase;padding:.04rem .35rem;top:-.7rem}.hud.touch .bar-mid{width:11rem;margin:0 -.5rem .4rem}.hud.touch .xp-row{gap:.4rem;padding:0 .9rem}.hud.touch .lvl-badge{width:1.55rem;height:1.55rem}.hud.touch .lvl-text{font-size:max(.78rem,10px)}.hud.touch .skill-hint{font-size:.85rem;bottom:calc(100% + .5rem)}.hud.touch .orb,.hud.touch .xp-bar{pointer-events:none}html.sq-touch .notify-top{left:var(--lane-l);right:var(--lane-r);top:calc(max(var(--sa-t), 6px) + .3rem);padding:0}html.sq-touch #ui-root:has(.bossbar.show) .notify-top{top:calc(max(var(--sa-t), 6px) + 7.4rem)}html.sq-touch .banner-glow{inset:-.3rem -1rem}html.sq-touch .conquered-r-label{display:none}html.sq-touch .toasts{left:var(--lane-l);right:var(--lane-r);top:calc(max(var(--sa-t), 6px) + .3rem + var(--nt-h,0px));align-items:center;width:auto;max-width:none;transform:none}html.sq-touch #ui-root:has(.bossbar.show) .toasts{top:calc(max(var(--sa-t), 6px) + 7.4rem + var(--nt-h,0px))}html.sq-touch .toast{max-width:100%;font-size:13px}html.sq-touch .toast-icon{--icon:18px}html.sq-touch .toast:nth-child(n+3){display:none}html.sq-touch .bossbar{top:max(var(--sa-t), 6px);left:var(--lane-l);right:var(--lane-r);width:auto}html.sq-touch .bossbar,html.sq-touch .bossbar.show{transform:none}html.sq-touch .boss-name{font-size:1.7rem}.net-chat-btn{display:none!important}.net-hud.touch .party-toggle{display:none}html.sq-touch #ui-root{--lane-l:calc(max(var(--sa-l), 8px) + 3 * 44px + 2 * (.4rem + 6 * var(--px)) + 6 * var(--px) + .8rem);--tr-col:max(13rem, 185px);--tr-row:max(2.2rem, 24px);--tr-gap:.6rem;--lane-r:calc(max(var(--sa-r), 8px) + 8.6rem + var(--tr-gap) + var(--tr-col) + .6rem)}.hud.touch .hud-tr>.emeralds{top:0;right:calc(100% + var(--tr-gap));position:absolute}.hud.touch .hud-tr>.event-tracker{top:var(--tr-row);right:calc(100% + var(--tr-gap));width:var(--tr-col);position:absolute}.hud.touch:has(.net-status:not(.hidden)) .hud-tr>.event-tracker{top:calc(var(--tr-row) * 2)}.net-hud.touch .net-status{top:calc(max(var(--sa-t), 6px) + var(--tr-row));left:auto;right:calc(max(var(--sa-r), 8px) + 8.6rem + var(--tr-gap));max-width:var(--tr-col);white-space:nowrap;text-overflow:ellipsis;pointer-events:auto;padding:.2rem .55rem;font-size:max(.68rem,10px);overflow:hidden}.net-hud.touch .net-chat{left:max(var(--sa-l), 8px);bottom:calc(max(var(--sa-b), 6px) + 15rem);width:17rem}.net-hud.touch .net-line{font-size:.72rem}.net-hud.touch .net-chat:not(.open) .net-line:nth-last-child(n+5){display:none}.net-hud.touch .net-chat.open{top:max(var(--sa-t), 4px);z-index:5;width:min(calc(var(--hud-width) * .94), 40rem);pointer-events:auto;flex-direction:column-reverse;position:fixed;bottom:auto;left:50%;transform:translate(-50%)}.net-hud.touch .net-chat.open .net-chat-log{max-height:calc(var(--hud-height) * .34);touch-action:pan-y;overflow-y:auto}.net-hud.touch .net-chat-input-row{gap:.4rem;padding:.3rem}.net-hud.touch .net-chat-btn{min-width:44px;min-height:40px;padding:.3rem .8rem;display:inline-flex!important}.net-hud.touch .net-chat-input-row.hidden .net-chat-btn{display:none!important}html.sq-touch #ui-root .net-chat-input{min-height:40px;font-size:16px}html.sq-touch .sq-window{max-width:calc(100vw - 16px - var(--sa-l) - var(--sa-r));max-height:calc(100vh - 14px);max-height:calc(100dvh - 14px)}html.sq-touch .win-head{padding:.45rem .8rem .4rem}html.sq-touch .win-body{touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@property --sq-scroll-more{syntax:"<length>";inherits:false;initial-value:0}@keyframes sq-scroll-more{0%,85%{--sq-scroll-more:2.4rem}to{--sq-scroll-more:0px}}@supports (animation-timeline:scroll()){html.sq-touch .win-body{-webkit-mask-image:linear-gradient(#000 calc(100% - var(--sq-scroll-more)), transparent);-webkit-mask-image:linear-gradient(#000 calc(100% - var(--sq-scroll-more)), transparent);mask-image:linear-gradient(#000 calc(100% - var(--sq-scroll-more)), transparent);animation:linear both sq-scroll-more;animation-timeline:scroll(self)}}html.sq-touch .win-close{width:40px;height:40px;font-size:18px}html.sq-touch .win-tab{min-height:40px}html.sq-touch .win-actions{padding:.55rem .8rem .7rem}html.sq-touch .sq-btn{min-height:42px}html.sq-touch .title-view{padding:max(var(--sa-t), 10px) max(var(--sa-r), 12px) max(var(--sa-b), 10px) max(var(--sa-l), 12px);touch-action:pan-y;overscroll-behavior:contain;justify-content:safe center;overflow:hidden auto}html.sq-touch .title-view.active{pointer-events:auto}html.sq-touch .logo-line{font-size:6.2rem}html.sq-touch .logo-bottom{font-size:8rem}html.sq-touch .logo-sword{width:26rem}html.sq-touch .title-tagline{margin-top:.8rem;font-size:.95rem}html.sq-touch .title-menu{gap:.75rem;margin-top:1.2rem}html.sq-touch .title-menu .sq-btn.big{padding:.6rem 1.6rem .55rem}html.sq-touch .title-footer{text-align:center;margin-top:1rem;position:static}.title-fullscreen{top:max(var(--sa-t,0px), 10px);right:max(var(--sa-r,0px), 10px);z-index:2;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-6) 0 var(--space-4);font:var(--type-label);color:var(--text);text-shadow:var(--outline-sm);pointer-events:auto;cursor:var(--cursor-pointer,pointer);background:var(--planks), var(--oak);box-shadow:var(--ring);border:none;display:flex;position:absolute}.title-fullscreen-icon{--icon:18px}html.sq-touch .plus-btn{width:40px;height:40px;font-size:20px}html.sq-touch .dialog-option{min-height:40px}html.sq-touch .sq-seg{min-width:4rem;min-height:38px}html.sq-touch .sq-toggle{width:56px;height:30px}html.sq-touch .sq-range{height:12px;margin:9px 0}html.sq-touch .sq-range::-webkit-slider-thumb{width:22px;height:30px}html.sq-touch .sq-range::-moz-range-thumb{width:22px;height:30px}html.sq-touch .wm-zoom-btn{width:40px;height:40px}html.sq-touch .wm-region-row,html.sq-touch .wm-travel-row{min-height:44px}@media (max-height:500px){html.sq-touch .wm-legend-box{display:none}}html.sq-touch .win-tab .keycap,html.sq-touch .wm-keys,html.sq-touch .death-hint,html.sq-touch .sc-kind .keycap{display:none}@media (orientation:portrait){html.sq-touch .tc-cluster{bottom:calc(max(var(--sa-b), 6px) + var(--u) * 56 + 6.6rem)}html.sq-touch .tc-joy.idle{top:calc(100% - max(var(--sa-b), 6px) - var(--u) * 96 - 6.6rem)}html.sq-touch .tc-interact,.hud.touch .hud-bottom{left:50%}}#ui-root.sq-ui>.rotate-hint{z-index:6;display:none}@media (orientation:portrait){html.sq-touch #ui-root.sq-ui>.rotate-hint:not(.dismissed){padding:max(var(--sa-t,0px), 12px) max(var(--sa-r,0px), 12px) max(var(--sa-b,0px), 12px) max(var(--sa-l,0px), 12px);pointer-events:auto;background:#0e0906cc;place-items:center;display:grid}}.rotate-card{text-align:center;pointer-events:auto;border:calc(var(--px) * 4) solid transparent;background:var(--planks), var(--oak);width:min(92vw,24rem);image-rendering:pixelated;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 1rem .9rem;animation:.3s cubic-bezier(.2,1.35,.4,1) both win-in;display:flex;position:relative;box-shadow:0 1rem 2.5rem #0009}.rotate-card:before{content:"";inset:calc(var(--px) * -6);pointer-events:none;border-style:solid;border-width:calc(var(--hw-frame-slice) * var(--px));border-image:var(--hw-frame) var(--hw-frame-slice) / calc(var(--hw-frame-slice) * var(--px)) round;image-rendering:pixelated;position:absolute}.rotate-phone{border:calc(var(--px) * 3) solid var(--gold-2);width:2.6rem;height:4.2rem;box-shadow:0 0 0 var(--px) var(--ink), inset 0 0 0 var(--px) var(--ink);margin:.4rem 0 .3rem;animation:2.2s ease-in-out infinite rotate-phone}.rotate-title{font:400 2.2rem/1 var(--font-title);color:var(--gold);text-shadow:var(--outline-hard)}.rotate-text{font:700 .9rem/1.4 var(--font);color:var(--text);text-shadow:var(--outline-sm)}@keyframes rotate-phone{0%,25%{transform:rotate(0)}55%,85%{transform:rotate(-90deg)}to{transform:rotate(0)}}html.sq-touch .sq-btn.small{font-size:max(1.3rem,14px)}html.sq-touch .btn-sub{font-size:max(.7rem,9.5px)}html.sq-touch .boss-level,html.sq-touch .boss-pct{font-size:max(.72rem,9.5px)}html.sq-touch .points-chip{font-size:max(.74rem,9.5px)}html.sq-touch .points-chip-label{font-size:max(.7rem,9.5px)}html.sq-touch .hint-line{font-size:max(.72rem,9.5px)}html.sq-touch .mini-text{font-size:max(.6rem,9.5px)}html.sq-touch .attr-desc{font-size:max(.66rem,9.5px)}html.sq-touch .attr-alloc{font-size:max(.6rem,9.5px)}html.sq-touch .gear-detail{font-size:max(.72rem,9.5px)}html.sq-touch .gear-tier{font-size:max(.66rem,9.5px)}html.sq-touch .stat-group{font-size:max(.62rem,9.5px)}html.sq-touch .stat-sub{font-size:max(.68rem,9.5px)}html.sq-touch .record-label{font-size:max(.6rem,9.5px)}html.sq-touch .skills-note{font-size:max(.78rem,9.5px)}html.sq-touch .sc-kind{font-size:max(.64rem,9.5px)}html.sq-touch .sc-flavor{font-size:max(.68rem,9.5px)}html.sq-touch .sc-text{font-size:max(.74rem,9.5px)}html.sq-touch .sc-label{font-size:max(.58rem,9.5px)}html.sq-touch .sc-chip{font-size:max(.62rem,9.5px)}html.sq-touch .sc-blocker{font-size:max(.66rem,9.5px)}html.sq-touch .qc-giver{font-size:max(.72rem,9.5px)}html.sq-touch .qc-rewards{font-size:max(.75rem,9.5px)}html.sq-touch .qc-rw-label{font-size:max(.6rem,9.5px)}html.sq-touch .qc-ready{font-size:max(.76rem,9.5px)}html.sq-touch .qc-req{font-size:max(.72rem,9.5px)}html.sq-touch .dialog-role{font-size:max(.68rem,9.5px)}html.sq-touch .opt-num{font-size:max(.78rem,9.5px)}html.sq-touch .opt-hint{font-size:max(.74rem,9.5px)}html.sq-touch .si-desc{font-size:max(.78rem,9.5px)}html.sq-touch .si-reason{font-size:max(.74rem,9.5px)}html.sq-touch .death-dest-kicker{font-size:max(.66rem,9.5px)}html.sq-touch .death-hint{font-size:max(.78rem,9.5px)}html.sq-touch .banner-kicker,html.sq-touch .banner-chip,html.sq-touch .conquered-kicker{font-size:max(.7rem,9.5px)}html.sq-touch .banner-sub,html.sq-touch .conquered-sub{font-size:max(.8rem,9.5px)}html.sq-touch .sq-seg{font-size:max(.74rem,9.5px)}html.sq-touch .notice-kicker{font-size:max(.66rem,9.5px)}html.sq-touch .notice-sub{font-size:max(.78rem,9.5px)}html.sq-touch .wm-mode{font-size:max(.74rem,9.5px)}html.sq-touch .wm-label{font-size:max(.66rem,9.5px)}html.sq-touch .wm-region-sub{font-size:max(.62rem,9.5px)}html.sq-touch .wm-tip-line{font-size:max(.74rem,9.5px)}html.sq-touch .wm-tip-action{font-size:max(.72rem,9.5px)}html.sq-touch .wm-rr-sub,html.sq-touch .wm-tr-sub{font-size:max(.66rem,9.5px)}html.sq-touch .wm-rr-camps,html.sq-touch .wm-tr-go{font-size:max(.62rem,9.5px)}html.sq-touch .wm-empty{font-size:max(.74rem,9.5px)}html.sq-touch .wm-legend-row{font-size:max(.72rem,9.5px)}