:root,:root[data-theme=dark]{--ui-scale:1;--u:calc(1px * var(--ui-scale));--touch-min:44px;--sa-t:env(safe-area-inset-top,0px);--sa-b:env(safe-area-inset-bottom,0px);--sa-l:env(safe-area-inset-left,0px);--sa-r:env(safe-area-inset-right,0px);--c-panel:#101728f2;--c-panel-2:#1c2740;--c-inset:#0b1120;--c-scrim:#0508108c;--c-hud:#0f172a8c;--c-line:#ffffff24;--c-line-strong:#ffffff4d;--c-focus:#7dd3fc;--c-text:#f5f1e6;--c-text-dim:#aab4c8;--c-text-mute:#6f7b93;--c-gold:#f2c14e;--c-gold-deep:#b8862d;--c-primary:#3b82f6;--c-primary-press:#2563eb;--c-danger:#dc2626;--c-danger-press:#b91c1c;--c-ok:#22c55e;--c-warn:#f59e0b;--c-info:#7dd3fc;--c-badge:#ef4444;--c-hp:#ef4444;--c-hp-2:#dc2626;--c-mp:#60a5fa;--c-mp-2:#2563eb;--c-xp:#fde047;--c-xp-2:#ca8a04;--c-party:#22c55e;--c-boss:#c026d3;--c-rar-common:#f1f5f9;--c-rar-rare:#3b82f6;--c-rar-epic:#a855f7;--c-rar-legendary:#facc15;--c-rar-unique:#ff7a1a;--c-rar-common-text:#f1f5f9;--c-rar-rare-text:#7fb2ff;--c-rar-epic-text:#c58bff;--c-rar-legendary-text:#fde047;--c-rar-unique-text:#ff9a4d;--c-hud-strong:#0f172ae6;--c-hud-slot:#1e293be6;--c-hud-slot-on:#334155;--c-hud-shade:#00000080;--c-hud-cd:#000000a6;--c-hud-bubble:#ffffffed;--c-hud-bubble-text:#111;--c-hud-vignette:#dc2626bf;--c-dmg-crit:#fbbf24;--c-dmg-me:#f87171;--c-touch:#ffffff2e;--c-touch-on:#ffffff73;--c-touch-line:#ffffff73;--c-touch-knob:#ffffff80;--c-touch-atk:#f8717161;--c-touch-atk-line:#fca5a5d9;--c-touch-jump:#60a5fa61;--c-touch-jump-line:#93c5fdd9;--c-touch-roll:#facc1547;--c-touch-roll-line:#fde047cc;--c-brand-forest:#1f3d24;--c-brand-forest-deep:#102b13;--c-brand-moss:#325025;--c-brand-leaf:#5f9e3c;--c-brand-gold-hi:#fae1a2;--c-brand-gold:#e9b14f;--c-brand-gold-lo:#987727;--c-brand-cream:#fcf4d5;--c-brand-cap:#c8352b;--c-brand-star:#f6d44a;--c-login-card:#0b1b0fdb;--c-login-edge:#fae1a24d;--c-login-fade:#07120ad1;--c-login-fade-0:#07120a00;--c-login-glass:#fcf4d514;--c-login-glass-press:#fcf4d529;--c-login-sheet:#10231a;--c-btn-primary-hi:var(--c-brand-gold-hi);--c-btn-primary:var(--c-brand-gold);--c-btn-primary-lo:var(--c-brand-gold-lo);--c-btn-primary-edge:var(--c-brand-forest);--c-btn-primary-text:var(--c-brand-forest-deep);--c-google-bg:#fff;--c-google-bg-press:#e8eaed;--c-google-text:#1f1f1f;--c-google-blue:#4285f4;--c-google-red:#ea4335;--c-google-yellow:#fbbc05;--c-google-green:#34a853;--c-discord:#5865f2;--c-discord-press:#4752c4;--c-apple:#000;--c-apple-press:#1c1c1e;--c-on-brand:#fff;--c-dev:#f59e0b;--c-dev-bg:#f59e0b1a;--c-brand-green:var(--c-brand-forest);--c-brand-green-2:#2d5a31;--c-hud-panel:#102215c7;--c-hud-panel-hi:#24462ad1;--c-hud-edge:#f2c14e8c;--c-hud-edge-soft:#f2c14e38;--c-hud-ink:#1b2f1d;--c-hud-glass:#0a160e8c;--c-hud-map-bg:#0c1c11d1;--c-hud-map-safe:#7dd3fc47;--c-hud-map-ground:#ffffffb3;--c-hud-map-other:#ffffff80;--c-hud-map-me:#fff;--c-hud-map-portal:#7dd3fc;--c-hud-map-locked:#94a3b8;--c-hud-map-npc:#fde047;--c-hud-map-party:#38bdf8;--c-hud-map-elite:#ef4444;--c-dmg-heal:#4ade80;--c-dmg-other:#fff9;--c-hud-vignette-low:#b91c1ce6;--c-touch-brand:#1022156b;--c-touch-brand-on:#2d5a31bf;--c-touch-gold-line:#f2c14ecc;--c-touch-atk-brand:#b8862d73;--font-ui:"Noto Sans Thai","Sarabun","Leelawadee UI","Thonburi","Sukhumvit Set",system-ui,-apple-system,"Segoe UI",sans-serif;--font-num:var(--font-ui);--fs-xs:11;--fs-sm:12;--fs-md:14;--fs-lg:16;--fs-xl:20;--fs-2xl:28;--sp-1:4;--sp-2:8;--sp-3:12;--sp-4:16;--sp-5:24;--sp-6:32;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-pill:999px;--sh-1:0 2px 6px #00000059;--sh-2:0 10px 30px #00000073;--sh-text:0 1px 2px #000000b3;--sh-glow:0 0 0 2px #f2c14e73;--z-labels:1;--z-hud:2;--z-touch:3;--z-win:10;--z-popup:30;--z-dialog:40;--z-toast:50;--z-banner:51;--z-screen:60;--z-overlay:70;--z-debug:90}#ui-root{z-index:var(--z-win);pointer-events:none;font-family:var(--font-ui);font-size:calc(var(--u) * var(--fs-md));color:var(--c-text);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;line-height:1.5;position:fixed;inset:0}#ui-root *,#ui-root :before,#ui-root :after{box-sizing:border-box}:where(#ui-root button,#ui-root input,#ui-root textarea,#ui-root select){font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}:where(#ui-root button){cursor:pointer;touch-action:manipulation;background:0 0;border:0;margin:0;padding:0}:where(#ui-root input,#ui-root textarea){font-size:max(16px, calc(var(--u) * var(--fs-lg)));-webkit-user-select:text;user-select:text}:where(#ui-root) :focus{outline:none}#ui-root :focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}:where(#ui-root svg){vertical-align:middle;flex:none;display:inline-block}#ui-windows,#ui-popups,#ui-dialogs,#ui-toasts,#ui-banner{pointer-events:none;position:fixed;inset:0}#ui-windows{z-index:var(--z-win)}#ui-popups{z-index:var(--z-popup)}#ui-dialogs{z-index:var(--z-dialog)}#ui-toasts{z-index:var(--z-toast)}#ui-banner{z-index:var(--z-banner)}.ui-spin{width:calc(var(--u) * 18);height:calc(var(--u) * 18);border:2px solid var(--c-line-strong);border-top-color:var(--c-text);border-radius:50%;animation:.8s linear infinite ui-spin;display:inline-block}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-hidden{display:none!important}@media (prefers-reduced-motion:reduce){#ui-root *,#ui-root :before,#ui-root :after{transition-duration:0s!important;animation-duration:0s!important}}.ui-win-scrim{z-index:1;pointer-events:auto;touch-action:none;display:none;position:absolute;inset:0}.ui-win-scrim.is-on{display:block}body.mobile.ui-win-open[data-layout=mp] #touch,body.mobile.ui-win-open[data-layout=ml] #touch .tb{display:none}.ui-win{min-width:0;color:var(--c-text);background:var(--c-panel);border:1px solid var(--c-line);box-shadow:var(--sh-2);pointer-events:auto;opacity:1;transition:transform var(--win-close-ms,.12s) ease-out, opacity var(--win-close-ms,.12s) ease-out;flex-direction:column;display:flex;position:absolute;overflow:hidden}.ui-win.is-open{transition-duration:var(--win-open-ms,.16s);opacity:1;transform:none}.ui-win.is-anim{will-change:transform, opacity}.ui-win.is-dragging{transition:none}.ui-win__grip{height:calc(var(--u) * 18);flex:none;display:none;position:relative}.ui-win__grip:before{content:"";left:50%;top:calc(var(--u) * 7);width:calc(var(--u) * 40);height:calc(var(--u) * 4);margin-left:calc(var(--u) * -20);border-radius:var(--r-pill);background:var(--c-line-strong);position:absolute}.ui-win__hd{align-items:center;gap:calc(var(--u) * var(--sp-2));height:calc(var(--u) * 48);padding:0 calc(var(--u) * var(--sp-1)) 0 calc(var(--u) * var(--sp-3));border-bottom:1px solid var(--c-line);touch-action:none;flex:none;display:flex}.ui-win__icon{color:var(--c-gold);display:inline-flex}.ui-win__title{min-width:0;font-size:calc(var(--u) * var(--fs-lg));color:var(--c-gold);white-space:nowrap;text-overflow:ellipsis;flex:auto;margin:0;font-weight:800;line-height:1.35;overflow:hidden}.ui-win__close{box-shadow:none;background:0 0;border-color:#0000;flex:none}.ui-win__hp{background:var(--c-inset);flex:none;height:4px;display:none}.ui-win__hp i{transform-origin:0;background:var(--c-hp);height:100%;transition:transform .15s;display:block;transform:scaleX(1)}.ui-win__hp.is-hit{animation:.4s ui-hp-hit}@keyframes ui-hp-hit{0%,to{background:var(--c-inset)}25%,75%{background:var(--c-danger)}}.ui-win:not(.ui-win--float) .ui-win__hp{display:block}.ui-win__body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding:calc(var(--u) * var(--sp-3));flex:auto;overflow:auto}.ui-win__state{justify-content:center;align-items:center;gap:calc(var(--u) * var(--sp-3));padding:calc(var(--u) * var(--sp-4));text-align:center;color:var(--c-text-dim);font-size:calc(var(--u) * var(--fs-md));flex-direction:column;flex:auto;display:none}.ui-win.is-loading .ui-win__state,.ui-win.is-error .ui-win__state,.ui-win.is-empty .ui-win__state{display:flex}.ui-win.is-empty .ui-win__state{color:var(--c-text-mute)}.ui-note{align-items:center;gap:calc(var(--u) * var(--sp-2));min-height:calc(var(--u) * 36);padding:calc(var(--u) * var(--sp-1)) calc(var(--u) * var(--sp-3));border-bottom:1px solid var(--c-line);background:var(--c-panel-2);font-size:calc(var(--u) * var(--fs-sm));flex:none;line-height:1.5;display:flex}.ui-note--info{color:var(--c-info)}.ui-note--warn{color:var(--c-warn)}.ui-note__text{min-width:0;color:var(--c-text);flex:auto}.ui-note svg{flex:none}.ui-win--sheet-half,.ui-win--sheet-tall,.ui-win--full,.ui-win--pair-bottom{border-radius:var(--r-lg) var(--r-lg) 0 0;width:auto;padding-bottom:var(--sa-b);border-bottom:0;bottom:0;left:0;right:0;transform:translateY(100%)}.ui-win--sheet-half{height:calc(100% * var(--sheet-half,.5))}.ui-win--sheet-tall{height:calc(100% * var(--sheet-tall,.86))}.ui-win--full{height:auto;padding-top:var(--sa-t);border:0;border-radius:0;top:0}.ui-win--pair-top{border-radius:0 0 var(--r-lg) var(--r-lg);width:auto;height:50%;padding-top:var(--sa-t);border-top:0;inset:0 0 auto;transform:translateY(-100%)}.ui-win--pair-bottom{height:50%}.ui-win--sheet-half .ui-win__grip,.ui-win--sheet-tall .ui-win__grip,.ui-win--pair-bottom .ui-win__grip{display:block}.ui-win--sheet-half .ui-win__hd,.ui-win--sheet-tall .ui-win__hd,.ui-win--pair-bottom .ui-win__hd{height:calc(var(--u) * 44)}.ui-win--side{width:max(360px,50vw);height:auto;padding-right:var(--sa-r);padding-top:var(--sa-t);padding-bottom:var(--sa-b);border-top:0;border-bottom:0;border-right:0;border-radius:0;inset:0 0 0 auto;transform:translate(100%)}.ui-win--side.ui-win--pair-top{border-radius:0;height:50%;bottom:auto;left:auto;right:0}.ui-win--side.ui-win--pair-bottom{border-radius:0;height:50%;padding-top:0;top:auto;left:auto;right:0}.ui-win--side .ui-win__grip{display:none}.ui-win--float{width:calc(var(--u) * var(--win-w,360));height:calc(var(--u) * var(--win-h,420));border-radius:var(--r-lg);opacity:0;max-width:100vw;max-height:100vh;transform:scale(.96)}.ui-win--float.is-open{opacity:1;transform:none}.ui-win--float.is-focused{border-color:var(--c-line-strong);box-shadow:var(--sh-2), var(--sh-glow)}.ui-win--float .ui-win__hd{cursor:move;-webkit-user-select:none;user-select:none}.ui-dialog-wrap{pointer-events:none;padding:calc(var(--sa-t) + 16px) calc(var(--sa-r) + 16px) calc(var(--sa-b) + 16px) calc(var(--sa-l) + 16px);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ui-scrim{background:var(--c-scrim);pointer-events:auto;touch-action:none;position:absolute;inset:0}.ui-dialog{gap:calc(var(--u) * var(--sp-3));width:min(calc(var(--u) * 320), calc(100vw - 32px));max-height:100%;padding:calc(var(--u) * var(--sp-4));border-radius:var(--r-lg);background:var(--c-panel);border:1px solid var(--c-line-strong);box-shadow:var(--sh-2);color:var(--c-text);pointer-events:auto;animation:ui-dialog-in var(--win-open-ms,.16s) ease-out;flex-direction:column;display:flex;position:relative;overflow:auto}@keyframes ui-dialog-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.ui-dialog__title{align-items:center;gap:calc(var(--u) * var(--sp-2));font-size:calc(var(--u) * var(--fs-lg));color:var(--c-gold);margin:0;font-weight:800;line-height:1.35;display:flex}.ui-dialog--danger .ui-dialog__title{color:var(--c-text)}.ui-dialog__body{font-size:calc(var(--u) * var(--fs-md));color:var(--c-text-dim);overflow-wrap:anywhere;line-height:1.5}.ui-dialog__body p{margin:0}.ui-dialog__input{gap:calc(var(--u) * var(--sp-1));font-size:calc(var(--u) * var(--fs-sm));color:var(--c-text-dim);flex-direction:column;line-height:1.5;display:flex}.ui-dialog__input input,.ui-qty__num{min-height:max(var(--touch-min), calc(var(--u) * 44));padding:0 calc(var(--u) * var(--sp-3));border-radius:var(--r-md);background:var(--c-inset);border:1px solid var(--c-line-strong);color:var(--c-text)}.ui-dialog__btns{gap:calc(var(--u) * var(--sp-2));display:flex}.ui-dialog__btns>.ui-btn{flex:1 1 0;min-width:0}.ui-qty__row{align-items:center;gap:calc(var(--u) * var(--sp-2));display:flex}.ui-qty__step{width:max(var(--touch-min), calc(var(--u) * 44));height:max(var(--touch-min), calc(var(--u) * 44));border-radius:var(--r-md);background:var(--c-panel-2);border:1px solid var(--c-line-strong);touch-action:none;flex:none;justify-content:center;align-items:center;display:inline-flex}.ui-qty__step:active{background:var(--c-inset)}.ui-qty__step[disabled]{opacity:.45;pointer-events:none}.ui-qty__num{text-align:center;font-variant-numeric:tabular-nums;appearance:textfield;flex:auto;min-width:0;font-weight:600}.ui-qty__num::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ui-qty__num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ui-qty.is-invalid .ui-qty__num{border-color:var(--c-danger)}.ui-qty__range{width:100%;min-height:var(--touch-min);accent-color:var(--c-gold);touch-action:pan-y;margin:0}.ui-qty__quick{gap:calc(var(--u) * var(--sp-2));display:flex}.ui-qty__quick>.ui-btn{flex:1 1 0;min-width:0}.ui-qty__total{align-items:center;gap:calc(var(--u) * var(--sp-2));font-size:calc(var(--u) * var(--fs-md));flex-wrap:wrap;line-height:1.5;display:flex}.ui-qty__have{color:var(--c-text-dim);font-size:calc(var(--u) * var(--fs-sm))}.ui-qty__warn{color:var(--c-danger);font-size:calc(var(--u) * var(--fs-sm))}.ui-qty__have:empty,.ui-qty__warn:empty{display:none}#ui-toasts{align-items:center;gap:calc(var(--u) * var(--sp-2));padding-top:calc(var(--u) * 124);flex-direction:column;display:flex}body.mobile #ui-toasts{padding-top:calc(var(--sa-t) + var(--u) * 216)}.ui-toast{align-items:center;gap:calc(var(--u) * var(--sp-2));max-width:calc(var(--u) * 300);min-height:calc(var(--u) * 36);padding:calc(var(--u) * var(--sp-2)) calc(var(--u) * var(--sp-3));border-radius:var(--r-md);background:var(--c-panel);border:1px solid var(--c-line);box-shadow:var(--sh-1);font-size:calc(var(--u) * var(--fs-md));pointer-events:none;line-height:1.35;animation:.16s ease-out ui-toast-in;display:flex}body.mobile .ui-toast{max-width:min(calc(var(--u) * 260), calc(100vw - var(--u) * var(--sp-6)))}.ui-toast.is-out{animation:.12s ease-in forwards ui-toast-out}.ui-toast.has-action{pointer-events:auto}.ui-toast__icon{color:var(--c-text-dim);flex:none;display:inline-flex}.ui-toast__text{overflow-wrap:anywhere;flex:auto;min-width:0}.ui-toast--ok{border-color:var(--c-ok)}.ui-toast--ok .ui-toast__icon{color:var(--c-ok)}.ui-toast--warn{border-color:var(--c-warn)}.ui-toast--warn .ui-toast__icon{color:var(--c-warn)}.ui-toast--err{border-color:var(--c-danger)}.ui-toast--err .ui-toast__icon{color:var(--c-danger)}@keyframes ui-toast-in{0%{opacity:0;transform:translateY(calc(var(--u) * -8))}}@keyframes ui-toast-out{to{opacity:0;transform:translateY(calc(var(--u) * -8))}}.ui-toast--prompt{left:50%;top:calc(var(--u) * 72);width:calc(var(--u) * 420);max-width:calc(100vw - var(--u) * var(--sp-6));min-height:max(var(--touch-min), calc(var(--u) * 48));padding:0 calc(var(--u) * var(--sp-2)) 0 calc(var(--u) * var(--sp-3));align-items:center;column-gap:calc(var(--u) * var(--sp-2));pointer-events:auto;border-color:var(--c-line-strong);box-shadow:var(--sh-2);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon body btns""bar bar bar";display:grid;position:absolute;overflow:hidden;transform:translate(-50%)}body.mobile .ui-toast--prompt{max-width:calc(100vw - var(--u) * var(--sp-6))}body[data-layout=mp] .ui-toast--prompt{top:calc(var(--sa-t) + var(--u) * 264);width:calc(var(--u) * 328);max-height:calc(var(--u) * 92)}body[data-layout=ml] .ui-toast--prompt{top:calc(var(--sa-t) + var(--u) * 34);width:calc(var(--u) * 320)}.ui-toast--prompt .ui-toast__icon{color:var(--c-gold);grid-area:icon}.ui-toast__body{min-width:0;padding:calc(var(--u) * var(--sp-1)) 0;flex-direction:column;grid-area:body;display:flex}body[data-layout=dt] .ui-toast__body{align-items:baseline;gap:calc(var(--u) * var(--sp-2));flex-direction:row}.ui-toast__title{align-items:center;gap:calc(var(--u) * var(--sp-1));min-width:0;font-weight:600;font-size:calc(var(--u) * var(--fs-md));display:flex}.ui-toast__title-txt{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui-toast__more{flex:none}.ui-toast__sub{font-size:calc(var(--u) * var(--fs-sm));color:var(--c-text-dim);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui-toast__btns{gap:calc(var(--u) * var(--sp-2));padding:calc(var(--u) * var(--sp-1)) 0;grid-area:btns;display:flex}.ui-toast--prompt .ui-bar{margin:0 calc(var(--u) * var(--sp-2) * -1) 0 calc(var(--u) * var(--sp-3) * -1);border-radius:0;grid-area:bar}.ui-toast--prompt.is-urgent .ui-bar__fill{background:var(--c-warn)}.ui-toast--prompt.is-compact{min-height:max(var(--touch-min), calc(var(--u) * 44));height:max(var(--touch-min), calc(var(--u) * 44));cursor:pointer;grid-template-areas:"icon body body""bar bar bar";max-height:none}.ui-toast--prompt.is-compact .ui-toast__btns,.ui-toast--prompt.is-compact .ui-toast__sub{display:none}.ui-banner{text-align:center;font-size:calc(var(--u) * 34);letter-spacing:1px;color:var(--c-text);text-shadow:var(--sh-text);white-space:nowrap;pointer-events:none;opacity:0;font-weight:800;position:absolute;top:24%;left:50%;transform:translate(-50%,-50%)}.ui-banner.is-show{animation:2.6s ease-out forwards banner}.ui-banner.gold{color:var(--c-gold)}.ui-banner.danger{color:var(--c-danger)}.ui-banner__sub{font-size:calc(var(--u) * var(--fs-lg));letter-spacing:0;font-weight:600}body.mobile .ui-banner{font-size:calc(var(--u) * 24);top:30%}@keyframes banner{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.06)}28%{transform:translate(-50%,-50%)scale(1)}78%{opacity:1}to{opacity:0;transform:translate(-50%,-60%)scale(1)}}@media (prefers-reduced-motion:reduce){.ui-banner.is-show{opacity:1;animation:none}}.ui-uitest{z-index:var(--z-screen);pointer-events:auto;background:var(--c-panel);color:var(--c-text);padding:calc(var(--sa-t) + var(--u) * var(--sp-4)) calc(var(--sa-r) + var(--u) * var(--sp-4)) calc(var(--sa-b) + var(--u) * var(--sp-6)) calc(var(--sa-l) + var(--u) * var(--sp-4));position:absolute;inset:0;overflow:auto}.ui-uitest h1{font-size:calc(var(--u) * var(--fs-xl));color:var(--c-gold);margin:0 0 calc(var(--u) * var(--sp-3))}.ui-uitest__sec{margin-bottom:calc(var(--u) * var(--sp-5))}.ui-uitest__sec>h2{font-size:calc(var(--u) * var(--fs-lg));color:var(--c-text-dim);border-bottom:1px solid var(--c-line);margin:0 0 calc(var(--u) * var(--sp-2));padding-bottom:calc(var(--u) * var(--sp-1))}.ui-uitest__row{gap:calc(var(--u) * var(--sp-2));margin-bottom:calc(var(--u) * var(--sp-2));flex-wrap:wrap;align-items:center;display:flex}.ui-uitest__icon{width:calc(var(--u) * 64);font-size:calc(var(--u) * var(--fs-xs));color:var(--c-text-dim);flex-direction:column;align-items:center;gap:2px;display:inline-flex}.ui-uitest__icon svg{color:var(--c-text)}.ui-uitest__probe{width:calc(var(--u) * 100);height:calc(var(--u) * 10);background:var(--c-primary);border-radius:var(--r-sm)}.ui-uitest__note{font-size:calc(var(--u) * var(--fs-sm));color:var(--c-text-mute)}.ui-uitest__col{gap:calc(var(--u) * var(--sp-2));max-width:calc(var(--u) * 320);display:grid}.ui-btn{justify-content:center;align-items:center;gap:calc(var(--u) * var(--sp-1));min-height:max(var(--touch-min), calc(var(--u) * 44));padding:0 calc(var(--u) * var(--sp-4));border-radius:var(--r-md);font-size:calc(var(--u) * var(--fs-lg));color:var(--c-text);background:var(--c-panel-2);border:1px solid var(--c-line-strong);box-shadow:var(--sh-1);pointer-events:auto;white-space:nowrap;-webkit-user-select:none;user-select:none;font-weight:600;line-height:1.35;transition:transform 80ms,background-color .12s;display:inline-flex;position:relative}.ui-btn--primary{color:var(--c-btn-primary-text);border-color:var(--c-btn-primary-edge);text-shadow:0 1px 0 var(--c-btn-primary-hi);background:linear-gradient(180deg, var(--c-btn-primary-hi) 0%, var(--c-btn-primary) 58%, var(--c-btn-primary-lo) 100%);box-shadow:inset 0 -3px 0 var(--c-btn-primary-lo), inset 0 1px 0 var(--c-brand-cream), var(--sh-1)}.ui-btn--primary.is-pressed{background:linear-gradient(180deg, var(--c-btn-primary) 0%, var(--c-btn-primary-lo) 100%);box-shadow:inset 0 -1px 0 var(--c-btn-primary-lo)}.ui-btn--primary .ui-spin{border-color:var(--c-btn-primary-lo);border-top-color:var(--c-btn-primary-text)}.ui-btn--danger{background:var(--c-danger);border-color:#0000}.ui-btn--danger.is-pressed{background:var(--c-danger-press)}.ui-btn--secondary.is-pressed{background:var(--c-inset)}.ui-btn.is-pressed{transform:scale(.97)}.ui-btn--sm{min-height:calc(var(--u) * 32);padding:0 calc(var(--u) * var(--sp-3));font-size:calc(var(--u) * var(--fs-md))}.ui-btn--sm:after{content:"";height:var(--touch-min);position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.ui-btn--lg{min-height:max(var(--touch-min), calc(var(--u) * 52));padding:0 calc(var(--u) * var(--sp-5))}.ui-btn--icon{width:max(var(--touch-min), calc(var(--u) * 44));padding:0}.ui-btn--icon .ui-btn__label,.ui-btn--icon .ui-btn__cost,.ui-btn--icon .ui-btn__key{display:none}.ui-btn__icon{display:inline-flex}.ui-btn__icon:empty,.ui-btn__label:empty,.ui-btn__cost:empty,.ui-btn__key:empty{display:none}.ui-btn__key{font-size:calc(var(--u) * var(--fs-xs));padding:0 calc(var(--u) * var(--sp-1));border-radius:var(--r-sm);background:var(--c-inset);color:var(--c-text-dim);border:1px solid var(--c-line);line-height:1.5}body.mobile .ui-btn__key{display:none}.ui-btn .ui-spin{margin:auto;display:none;position:absolute;inset:0}.ui-btn.is-busy{pointer-events:none}.ui-btn.is-busy>:not(.ui-spin){visibility:hidden}.ui-btn.is-busy .ui-spin{display:block}.ui-btn[disabled],.ui-btn.is-disabled{opacity:.45;pointer-events:none;cursor:default}.ui-badge{min-width:calc(var(--u) * 16);height:calc(var(--u) * 16);padding:0 calc(var(--u) * 4);border-radius:var(--r-pill);font-size:calc(var(--u) * var(--fs-xs));color:var(--c-text);background:var(--c-badge);box-shadow:var(--sh-1);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-weight:700;line-height:1;display:inline-flex}.ui-badge--info{background:var(--c-info);color:var(--c-inset)}.ui-badge--level{background:var(--c-gold);color:var(--c-inset)}.ui-badge.is-dot{min-width:calc(var(--u) * 10);width:calc(var(--u) * 10);height:calc(var(--u) * 10);padding:0}.ui-tab>.ui-badge{top:calc(var(--u) * 4);right:calc(var(--u) * 4);position:absolute}.ui-coin{color:var(--c-gold);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:.25em;font-weight:600;display:inline-flex}.ui-coin svg{width:1em;height:1em}.ui-coin--sm{font-size:calc(var(--u) * var(--fs-sm))}.ui-coin.is-insufficient{color:var(--c-danger)}.ui-coin.is-plus{color:var(--c-ok)}.ui-coin.is-minus{color:var(--c-text-dim)}.ui-bar{height:calc(var(--u) * 10);border-radius:var(--r-sm);background:var(--c-inset);border:1px solid var(--c-line);position:relative;overflow:hidden}.ui-bar--xs{height:calc(var(--u) * 4);border:0;border-radius:2px}.ui-bar--md{height:calc(var(--u) * 15)}.ui-bar__fill{transform-origin:0;background:var(--c-text-dim);transition:transform .15s;position:absolute;inset:0;transform:scaleX(0)}.ui-bar--hp .ui-bar__fill{background:linear-gradient(var(--c-hp), var(--c-hp-2))}.ui-bar--mp .ui-bar__fill{background:linear-gradient(var(--c-mp), var(--c-mp-2))}.ui-bar--party .ui-bar__fill{background:var(--c-party)}.ui-bar--boss .ui-bar__fill{background:var(--c-boss)}.ui-bar--quest .ui-bar__fill{background:var(--c-gold)}.ui-bar--hp.is-low .ui-bar__fill{background:var(--c-danger)}.ui-bar__mark{background:var(--c-line-strong);width:1px;position:absolute;top:0;bottom:0}.ui-bar__txt{font-size:calc(var(--u) * var(--fs-xs));text-shadow:var(--sh-text);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;inset:0}.ui-bar__txt:empty{display:none}.ui-tabs{gap:calc(var(--u) * var(--sp-1));scrollbar-width:none;border-bottom:1px solid var(--c-line);pointer-events:auto;display:flex;overflow-x:auto}.ui-tabs::-webkit-scrollbar{display:none}.ui-tab{min-width:max(var(--touch-min), calc(var(--u) * 64));min-height:max(var(--touch-min), calc(var(--u) * 44));padding:0 calc(var(--u) * var(--sp-3));color:var(--c-text-dim);font-size:calc(var(--u) * var(--fs-md));white-space:nowrap;border-bottom:2px solid #0000;flex:none;font-weight:600;line-height:1.35;position:relative}.ui-tab:has(>.ui-badge){padding-right:calc(var(--u) * var(--sp-5))}.ui-tab.is-active{color:var(--c-text);border-bottom-color:var(--c-gold)}.ui-tab.is-pressed{background:var(--c-panel-2)}.ui-tab.is-disabled,.ui-tab[disabled]{opacity:.45;pointer-events:none}.ui-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;pointer-events:auto;outline:none;position:relative;overflow-y:auto}.ui-list__inner{position:relative}.ui-list.is-virtual .ui-row{position:absolute;top:0;left:0;right:0}.ui-list__empty{padding:calc(var(--u) * var(--sp-5));text-align:center;color:var(--c-text-mute);font-size:calc(var(--u) * var(--fs-md))}.ui-row{align-items:center;gap:calc(var(--u) * var(--sp-3));height:calc(var(--u) * var(--row-h,56));min-height:var(--touch-min);padding:0 calc(var(--u) * var(--sp-3));border-bottom:1px solid var(--c-line);display:flex;position:relative}.ui-row.is-pressed{background:var(--c-panel-2)}.ui-row.is-selected{background:var(--c-panel-2);box-shadow:inset 3px 0 0 var(--c-gold)}.ui-row.is-disabled{opacity:.45;pointer-events:none}.ui-row__lead{flex:none;align-items:center;display:inline-flex}.ui-row__main{flex-direction:column;flex:auto;min-width:0;line-height:1.35;display:flex}.ui-row__title{font-size:calc(var(--u) * var(--fs-md));text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.ui-row__sub{font-size:calc(var(--u) * var(--fs-sm));color:var(--c-text-dim);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui-row__sub:empty{display:none}.ui-row__right{font-size:calc(var(--u) * var(--fs-sm));color:var(--c-text-dim);font-variant-numeric:tabular-nums;flex:none}.ui-row__right:empty{display:none}.is-rar-common{color:var(--c-rar-common-text)}.is-rar-rare{color:var(--c-rar-rare-text)}.is-rar-epic{color:var(--c-rar-epic-text)}.is-rar-legendary{color:var(--c-rar-legendary-text)}.is-rar-unique{color:var(--c-rar-unique-text)}.is-rar-none{color:var(--c-text-dim)}.ui-portrait{width:calc(var(--u) * var(--portrait-px,48));height:calc(var(--u) * var(--portrait-px,48));border:2px solid var(--c-line-strong);background:var(--c-inset);border-radius:50%;flex:none;display:inline-block;position:relative}.ui-portrait canvas{border-radius:50%;width:100%;height:100%;display:block}.ui-portrait .ui-badge--level{right:calc(var(--u) * -4);bottom:calc(var(--u) * -4);position:absolute}.ui-portrait.is-dead canvas{filter:grayscale();opacity:.7}.ui-portrait.is-offline{opacity:.45}.ui-cluster{pointer-events:auto;align-items:center;display:inline-flex;position:relative}.ui-cluster__fold{width:max(var(--touch-min), calc(var(--u) * 44));height:max(var(--touch-min), calc(var(--u) * 44));border-radius:var(--r-md);background:var(--c-panel);border:1px solid var(--c-line-strong);box-shadow:var(--sh-1);color:var(--c-text);justify-content:center;align-items:center;display:none;position:relative}.ui-cluster__fold.is-pressed{background:var(--c-panel-2)}.ui-cluster__fold>.ui-badge{top:calc(var(--u) * -2);right:calc(var(--u) * -2);position:absolute}.ui-cluster__grid{gap:calc(var(--u) * var(--sp-1));display:flex}.ui-cluster__btn{justify-content:center;align-items:center;gap:calc(var(--u) * 2);width:calc(var(--u) * 40);height:calc(var(--u) * 40);border-radius:var(--r-md);background:var(--c-panel);border:1px solid var(--c-line);color:var(--c-text);flex-direction:column;transition:transform 80ms,background-color .12s;display:inline-flex;position:relative}.ui-cluster__btn.is-pressed{background:var(--c-panel-2);transform:scale(.95)}.ui-cluster__btn.is-on{background:var(--c-primary);border-color:#0000}.ui-cluster__btn.is-disabled,.ui-cluster__btn[disabled]{opacity:.45;pointer-events:none}.ui-cluster__btn>.ui-badge{top:calc(var(--u) * -4);right:calc(var(--u) * -4);position:absolute}.ui-cluster__key{top:calc(var(--u) * -6);left:calc(var(--u) * -4);padding:0 calc(var(--u) * 3);border-radius:var(--r-sm);font-size:calc(var(--u) * var(--fs-xs));background:var(--c-inset);color:var(--c-text-dim);border:1px solid var(--c-line);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.5;position:absolute}.ui-cluster__key:empty{display:none}.ui-cluster__label{font-size:calc(var(--u) * var(--fs-sm));white-space:nowrap;line-height:1.35;display:none}.ui-cluster.is-fold .ui-cluster__fold{display:inline-flex}.ui-cluster.is-fold .ui-cluster__grid{margin-right:calc(var(--u) * var(--sp-2));padding:calc(var(--u) * var(--sp-2));gap:calc(var(--u) * var(--sp-2));border-radius:var(--r-lg);background:var(--c-panel);border:1px solid var(--c-line-strong);box-shadow:var(--sh-2);z-index:1;grid-template-columns:repeat(3,auto);display:none;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.ui-cluster.is-fold.is-open .ui-cluster__grid{display:grid}.ui-cluster.is-fold .ui-cluster__btn{width:calc(var(--u) * 56);height:calc(var(--u) * 56);min-width:var(--touch-min);min-height:var(--touch-min)}.ui-cluster.is-fold .ui-cluster__label{display:block}.ui-cluster.is-fold .ui-cluster__key{display:none}.ui-cluster__btn>svg{width:calc(var(--u) * 24);height:calc(var(--u) * 24)}.ui-cluster.is-fold .ui-cluster__btn>svg{width:calc(var(--u) * 28);height:calc(var(--u) * 28)}.ui-field{row-gap:calc(var(--u) * var(--sp-1));column-gap:calc(var(--u) * var(--sp-2));min-height:var(--touch-min);pointer-events:auto;grid-template-columns:minmax(0,1fr) auto;display:grid}.ui-field__label{font-size:calc(var(--u) * var(--fs-sm));color:var(--c-text-dim);grid-column:1/-1;font-weight:600;line-height:1.35}.ui-field__label:empty,.ui-field__hint:empty,.ui-field__err:empty,.ui-field__count:empty{display:none}.ui-input{align-items:center;gap:calc(var(--u) * var(--sp-1));height:max(var(--touch-min), calc(var(--u) * 48));padding:0 calc(var(--u) * var(--sp-1)) 0 calc(var(--u) * var(--sp-3));border-radius:var(--r-md);background:var(--c-inset);border:1px solid var(--c-line-strong);grid-column:1/-1;display:flex;position:relative}body[data-layout=dt] .ui-input{height:calc(var(--u) * 40);margin:2px 0}.ui-input.is-focus{border-color:var(--c-focus)}.ui-input.is-invalid{border-color:var(--c-danger)}.ui-input.is-disabled{opacity:.45;pointer-events:none}.ui-input__icon{color:var(--c-text-mute);flex:none;display:inline-flex}.ui-input__icon:empty{display:none}.ui-input input,.ui-input textarea{min-width:0;height:100%;color:var(--c-text);font-size:max(16px, calc(var(--u) * var(--fs-lg)));resize:none;background:0 0;border:0;outline:none;flex:auto;margin:0;padding:0;line-height:1.35}.ui-input input::placeholder,.ui-input textarea::placeholder{color:var(--c-text-mute)}.ui-input--multiline,body[data-layout=dt] .ui-input--multiline{height:auto;min-height:calc(var(--u) * 96);padding-top:calc(var(--u) * var(--sp-2));padding-bottom:calc(var(--u) * var(--sp-2));align-items:stretch}.ui-input--multiline textarea{line-height:1.5}.ui-input--otp input{text-align:center;letter-spacing:.5em;font-variant-numeric:tabular-nums}.ui-input__clear,.ui-input__eye{width:max(var(--touch-min), calc(var(--u) * 44));height:max(var(--touch-min), calc(var(--u) * 44));border-radius:var(--r-md);color:var(--c-text-dim);flex:none;justify-content:center;align-items:center;display:inline-flex}.ui-input__clear.is-pressed,.ui-input__eye.is-pressed{color:var(--c-text)}.ui-input .ui-spin{margin-right:calc(var(--u) * var(--sp-2));flex:none;display:none}.ui-input.is-busy .ui-spin{display:inline-block}.ui-field__hint{font-size:calc(var(--u) * var(--fs-sm));color:var(--c-text-mute);grid-column:1;line-height:1.5}.ui-field__err{font-size:calc(var(--u) * var(--fs-sm));color:var(--c-badge);grid-column:1;line-height:1.5}.ui-field__count{font-size:calc(var(--u) * var(--fs-xs));color:var(--c-text-mute);font-variant-numeric:tabular-nums;grid-column:2;line-height:1.5}.ui-check{align-items:center;gap:calc(var(--u) * var(--sp-2));min-height:max(var(--touch-min), calc(var(--u) * 44));font-size:calc(var(--u) * var(--fs-md));cursor:pointer;pointer-events:auto;line-height:1.5;display:flex;position:relative}.ui-check input{width:calc(var(--u) * 22);height:calc(var(--u) * 22);margin:calc(var(--u) * -11) 0 0;opacity:0;cursor:pointer;position:absolute;top:50%;left:0}.ui-check__box{width:calc(var(--u) * 22);height:calc(var(--u) * 22);border-radius:var(--r-sm);background:var(--c-inset);border:2px solid var(--c-line-strong);color:#0000;flex:none;justify-content:center;align-items:center;transition:background-color .12s;display:inline-flex}.ui-check.is-checked .ui-check__box{background:var(--c-primary);color:var(--c-text);border-color:#0000}.ui-check.is-focus .ui-check__box{outline:2px solid var(--c-focus);outline-offset:2px}.ui-check__text{flex-direction:column;min-width:0;display:flex}.ui-check__sub{font-size:calc(var(--u) * var(--fs-sm));color:var(--c-text-dim)}.ui-check__sub:empty{display:none}.ui-check__label a{color:var(--c-info)}.ui-check.is-disabled{opacity:.45;pointer-events:none}.ui-toggle{align-items:center;gap:calc(var(--u) * var(--sp-2));min-height:max(var(--touch-min), calc(var(--u) * 44));font-size:calc(var(--u) * var(--fs-md));color:var(--c-text);pointer-events:auto;line-height:1.35;display:inline-flex}.ui-toggle__label:empty{display:none}.ui-toggle__track{width:calc(var(--u) * 52);height:calc(var(--u) * 32);border-radius:var(--r-pill);background:var(--c-inset);border:1px solid var(--c-line-strong);flex:none;transition:background-color .12s;position:relative}.ui-toggle__knob{left:calc(var(--u) * 2);width:calc(var(--u) * 26);height:calc(var(--u) * 26);margin-top:calc(var(--u) * -13);background:var(--c-text-dim);box-shadow:var(--sh-1);border-radius:50%;transition:transform .12s;position:absolute;top:50%}.ui-toggle.is-on .ui-toggle__track{background:var(--c-primary);border-color:#0000}.ui-toggle.is-on .ui-toggle__knob{transform:translateX(calc(var(--u) * 20));background:var(--c-text)}.ui-toggle__state{text-align:left;min-width:2.5em;font-size:calc(var(--u) * var(--fs-sm));color:var(--c-text-dim)}.ui-toggle .ui-spin{display:none}.ui-toggle.is-busy{pointer-events:none}.ui-toggle.is-busy .ui-spin{display:inline-block}.ui-toggle.is-disabled,.ui-toggle[disabled]{opacity:.45;pointer-events:none}.ui-slider{grid-template-columns:minmax(0, 1fr) calc(var(--u) * 48);align-items:center;column-gap:calc(var(--u) * var(--sp-2));pointer-events:auto;display:grid}.ui-slider__label{font-size:calc(var(--u) * var(--fs-sm));color:var(--c-text-dim);grid-column:1/-1;font-weight:600;line-height:1.35}.ui-slider__label:empty{display:none}.ui-slider__track{height:max(var(--touch-min), calc(var(--u) * 44));align-items:center;display:flex;position:relative}.ui-slider__track:before{content:"";height:calc(var(--u) * 6);margin-top:calc(var(--u) * -3);border-radius:var(--r-pill);background:var(--c-inset);border:1px solid var(--c-line);position:absolute;top:50%;left:0;right:0}.ui-slider__fill{height:calc(var(--u) * 6);margin-top:calc(var(--u) * -3);border-radius:var(--r-pill);background:var(--c-primary);transform-origin:0;pointer-events:none;position:absolute;top:50%;left:0;right:0;transform:scaleX(0)}.ui-slider__mark{width:2px;height:calc(var(--u) * 10);margin-top:calc(var(--u) * -5);background:var(--c-line-strong);pointer-events:none;position:absolute;top:50%}.ui-slider input[type=range]{z-index:1;appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;width:100%;height:100%;margin:0;padding:0;position:relative}.ui-slider input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0}.ui-slider input[type=range]::-moz-range-track{background:0 0;border:0}.ui-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:calc(var(--u) * 28);height:calc(var(--u) * 28);background:var(--c-text);border:2px solid var(--c-primary);box-shadow:var(--sh-1);border-radius:50%}.ui-slider input[type=range]::-moz-range-thumb{width:calc(var(--u) * 24);height:calc(var(--u) * 24);background:var(--c-text);border:2px solid var(--c-primary);box-shadow:var(--sh-1);border-radius:50%}.ui-slider__val{text-align:right;font-size:calc(var(--u) * var(--fs-md));font-variant-numeric:tabular-nums}.ui-slider.is-dragging .ui-slider__fill{background:var(--c-primary-press)}.ui-slider.is-disabled{opacity:.45;pointer-events:none}.ui-choice{gap:calc(var(--u) * 2);padding:calc(var(--u) * 2);border-radius:var(--r-md);background:var(--c-inset);border:1px solid var(--c-line);pointer-events:auto;flex-wrap:wrap;display:flex}.ui-choice__opt{justify-content:center;align-items:center;gap:calc(var(--u) * var(--sp-1));min-width:max(var(--touch-min), calc(var(--u) * 64));min-height:max(var(--touch-min), calc(var(--u) * 44));padding:0 calc(var(--u) * var(--sp-2));border-radius:var(--r-sm);font-size:calc(var(--u) * var(--fs-md));color:var(--c-text-dim);white-space:nowrap;flex:1 1 0;font-weight:600;line-height:1.35;display:inline-flex;position:relative}body[data-layout=dt] .ui-choice__opt{min-height:calc(var(--u) * 36)}body[data-layout=dt] .ui-choice__opt:after{content:"";height:var(--touch-min);position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.ui-choice__icon{display:inline-flex}.ui-choice__icon:empty{display:none}.ui-choice__opt.is-pressed{background:var(--c-panel-2)}.ui-choice__opt.is-selected{background:var(--c-primary);color:var(--c-text)}.ui-choice__opt.is-disabled,.ui-choice__opt[disabled],.ui-choice.is-disabled{opacity:.45;pointer-events:none}.ui-grid{--slot:48;--slot-w:max(var(--touch-min), calc(var(--u) * var(--slot)));grid-template-columns:repeat(var(--cols,5), var(--slot-w));gap:calc(var(--u) * 4);touch-action:pan-y;pointer-events:auto;width:max-content;max-width:100%;display:grid}body.mobile .ui-grid{gap:calc(var(--u) * 6)}.ui-grid--sm{--slot:40;--slot-w:calc(var(--u) * var(--slot))}.ui-grid--md{--slot:48}.ui-grid--lg{--slot:60}.ui-grid.is-dragover{outline:1px dashed var(--c-line-strong);outline-offset:2px}.ui-slot{width:var(--slot-w,calc(var(--u) * var(--slot,48)));height:var(--slot-w,calc(var(--u) * var(--slot,48)));border-radius:var(--r-sm);background:var(--c-inset);border:2px solid var(--c-line);pointer-events:auto;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:pan-y;display:block;position:relative;overflow:hidden}.ui-slot--sm{--slot:40;--slot-w:calc(var(--u) * 40)}.ui-slot--md{--slot:48;--slot-w:max(var(--touch-min), calc(var(--u) * 48))}.ui-slot--lg{--slot:60;--slot-w:max(var(--touch-min), calc(var(--u) * 60))}.ui-slot[data-rarity]:before{content:"";background:var(--rar);opacity:.2;pointer-events:none;position:absolute;inset:0}.ui-slot[data-rarity=common],.ui-icon[data-rarity=common]{--rar:var(--c-rar-common)}.ui-slot[data-rarity=rare],.ui-icon[data-rarity=rare]{--rar:var(--c-rar-rare)}.ui-slot[data-rarity=epic],.ui-icon[data-rarity=epic]{--rar:var(--c-rar-epic)}.ui-slot[data-rarity=legendary],.ui-icon[data-rarity=legendary]{--rar:var(--c-rar-legendary)}.ui-slot[data-rarity=unique],.ui-icon[data-rarity=unique]{--rar:var(--c-rar-unique)}.ui-slot[data-rarity=none],.ui-icon[data-rarity=none]{--rar:var(--c-text-dim)}.ui-slot[data-rarity]{border-color:var(--rar)}.ui-slot .ui-icon{width:auto;height:auto;position:absolute;inset:0}.ui-slot__qty,.ui-slot__up,.ui-slot__flag,.ui-slot__key,.ui-slot__cdtxt{font-size:calc(var(--u) * var(--fs-xs));text-shadow:var(--sh-text);pointer-events:none;font-variant-numeric:tabular-nums;font-weight:700;line-height:1;position:absolute}.ui-slot__qty{right:calc(var(--u) * 2);bottom:calc(var(--u) * 2);color:var(--c-text)}.ui-slot__up{left:calc(var(--u) * 2);top:calc(var(--u) * 2);color:var(--c-gold)}.ui-slot__key{left:calc(var(--u) * 2);top:calc(var(--u) * 2);color:var(--c-xp)}.ui-slot__flag{right:calc(var(--u) * 2);top:calc(var(--u) * 2);color:var(--c-text-dim);display:inline-flex}.ui-slot__flag--slot{justify-content:center;align-items:center;inset:0}.ui-slot__flag--slot svg{width:45%;height:45%}.ui-slot__qty:empty,.ui-slot__up:empty,.ui-slot__key:empty,.ui-slot__flag:empty,.ui-slot__cdtxt:empty{display:none}.ui-slot__new{left:calc(var(--u) * 3);bottom:calc(var(--u) * 3);width:calc(var(--u) * 8);height:calc(var(--u) * 8);background:var(--c-badge);box-shadow:var(--sh-1);pointer-events:none;border-radius:50%;display:none;position:absolute}.ui-slot.is-new .ui-slot__new{display:block}.ui-slot__cd{transform-origin:bottom;background:var(--c-scrim);pointer-events:none;position:absolute;inset:0;transform:scaleY(0)}.ui-slot__cdtxt{font-size:calc(var(--u) * var(--fs-sm));color:var(--c-text);justify-content:center;align-items:center;display:flex;inset:0}.ui-slot.is-empty{border-color:var(--c-line)}.ui-slot.is-placeholder .ui-icon svg{opacity:.35}.ui-slot.is-selected{border-color:var(--c-gold);box-shadow:var(--sh-glow)}.ui-slot.is-pending{opacity:.55;cursor:progress}.ui-slot.is-disabled:after{content:"";background:var(--c-danger);opacity:.28;pointer-events:none;position:absolute;inset:0}.ui-slot.is-dim{opacity:.45}.ui-slot.is-locked{background:var(--c-panel-2);border-style:dashed}.ui-slot.is-dragsrc{opacity:.35}.ui-slot.is-drop-ok{border-color:var(--c-ok);box-shadow:0 0 0 2px var(--c-ok)}.ui-slot.is-drop-no{border-color:var(--c-danger);box-shadow:0 0 0 2px var(--c-danger)}.ui-slot.is-pressed{background:var(--c-panel-2)}.ui-icon{width:calc(var(--u) * var(--icon-px,40));height:calc(var(--u) * var(--icon-px,40));border-radius:var(--r-sm);flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.ui-icon[data-rarity]:before{content:"";background:var(--rar);opacity:.2;pointer-events:none;position:absolute;inset:0}.ui-slot .ui-icon[data-rarity]:before{display:none}.ui-icon img{object-fit:contain;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:82%;height:82%;position:relative}.ui-icon svg{width:58%;height:58%;color:var(--c-text-dim);position:relative}.ui-icon.is-fallback svg{color:var(--c-text);opacity:.85}.ui-icon.is-loading{background:var(--c-panel-2);animation:1.2s ease-in-out infinite ui-pulse}@keyframes ui-pulse{50%{opacity:.5}}.ui-drag-ghost{width:var(--ghost-px,48px);height:var(--ghost-px,48px);border-radius:var(--r-sm);background:var(--c-inset);border:2px solid var(--c-line-strong);box-shadow:var(--sh-2);opacity:.92;pointer-events:none;z-index:var(--z-popup);will-change:transform;position:fixed;top:0;left:0;overflow:hidden}.ui-drag-ghost .ui-icon{width:auto;height:auto;position:absolute;inset:0}.ui-uitest__scroll{height:calc(var(--u) * 200);border:1px solid var(--c-line);padding:calc(var(--u) * var(--sp-2));overflow-y:auto}.ui-tip{width:calc(var(--u) * 260);max-width:calc(100vw - 16px);padding:calc(var(--u) * var(--sp-3));border-radius:var(--r-md);background:var(--c-panel);border:1px solid var(--c-line-strong);box-shadow:var(--sh-2);font-size:calc(var(--u) * var(--fs-sm));pointer-events:none;line-height:1.5;position:fixed;top:0;left:0}.ui-tip--text{width:auto;max-width:calc(var(--u) * 260)}.ui-tip--equipped{border-color:var(--c-line)}.ui-tip__head{color:var(--c-text-dim);margin-bottom:calc(var(--u) * var(--sp-1));font-weight:600}.ui-card-scrim{background:var(--c-scrim);pointer-events:auto;position:fixed;inset:0}.ui-card{width:min(calc(var(--u) * 328), calc(100vw - 32px));border-radius:var(--r-lg);background:var(--c-panel);border:1px solid var(--c-line-strong);max-width:calc(100vw - 32px);max-height:70vh;box-shadow:var(--sh-2);pointer-events:auto;font-size:calc(var(--u) * var(--fs-md));outline:none;flex-direction:column;line-height:1.5;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.ui-card__body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding:calc(var(--u) * var(--sp-4));flex:auto;overflow-y:auto}.ui-card__actions{gap:calc(var(--u) * var(--sp-2));padding:calc(var(--u) * var(--sp-3)) calc(var(--u) * var(--sp-4));border-top:1px solid var(--c-line);flex:none;display:flex}.ui-card__actions:empty{display:none}.ui-card__actions .ui-btn{flex:1 1 0;min-width:0}.ui-card__actions .ui-btn--icon{flex:none}.ui-card__hd{align-items:center;gap:calc(var(--u) * var(--sp-2));margin-bottom:calc(var(--u) * var(--sp-1));display:flex}.ui-card__name{font-size:calc(var(--u) * var(--fs-lg));overflow-wrap:anywhere;min-width:0;font-weight:700;line-height:1.35}.ui-tip .ui-card__name{font-size:calc(var(--u) * var(--fs-md))}.ui-card__up{color:var(--c-gold)}.ui-card__qty{color:var(--c-text-dim);font-weight:400}.ui-card__type{gap:0 calc(var(--u) * var(--sp-2));color:var(--c-text-dim);flex-wrap:wrap;display:flex}.ui-card__flags{color:var(--c-warn)}.ui-card__req{gap:0 calc(var(--u) * var(--sp-2));color:var(--c-text-dim);flex-wrap:wrap;display:flex}.ui-card__req .is-fail{color:var(--c-badge)}.ui-card__stats{margin:calc(var(--u) * var(--sp-1)) 0}.ui-card__stat{align-items:baseline;gap:.4em;display:flex}.ui-card__val{font-weight:600}.ui-card__bonus{color:var(--c-ok)}.ui-card__delta{margin-left:auto;display:none}.ui-card.is-compare .ui-card__delta{display:inline}.ui-card__delta.is-up{color:var(--c-ok)}.ui-card__delta.is-down{color:var(--c-badge)}.ui-card__affix{color:var(--c-rar-rare-text)}.ui-card__ench{color:var(--c-rar-epic-text)}.ui-card__legend{color:var(--c-rar-legendary-text)}.ui-card__set{margin-top:calc(var(--u) * var(--sp-1))}.ui-card__setname{color:var(--c-ok);font-weight:600}.ui-card__pieces{gap:0 calc(var(--u) * var(--sp-2));color:var(--c-text-mute);flex-wrap:wrap;display:flex}.ui-card__pieces .is-have{color:var(--c-text)}.ui-card__pieces svg{width:1em;height:1em;margin-right:.15em}.ui-card__bonusline{color:var(--c-text-mute)}.ui-card__bonusline.is-active{color:var(--c-ok)}.ui-card__desc{margin-top:calc(var(--u) * var(--sp-1));color:var(--c-text-dim);font-style:italic}.ui-card__desc.is-loading{border-radius:var(--r-sm,4px);background:repeating-linear-gradient(to bottom, color-mix(in srgb, var(--c-text-dim) 22%, transparent) 0 .9em, transparent .9em 1.3em);min-height:2.6em}.ui-card__sell{margin-top:calc(var(--u) * var(--sp-1));color:var(--c-gold);align-items:center;gap:.3em;display:flex}.ui-card__nosell{color:var(--c-text-mute)}.ui-menu{padding:calc(var(--u) * var(--sp-1)) 0;min-width:calc(var(--u) * 180);max-width:calc(var(--u) * 260);border-radius:var(--r-md);background:var(--c-panel);border:1px solid var(--c-line-strong);box-shadow:var(--sh-2);pointer-events:auto;font-size:calc(var(--u) * var(--fs-md));margin:0;list-style:none;position:fixed;top:0;left:0}.ui-menu>li{margin:0;padding:0}.ui-menu__item{align-items:center;gap:calc(var(--u) * var(--sp-2));width:100%;min-height:max(var(--touch-min), calc(var(--u) * 44));padding:0 calc(var(--u) * var(--sp-3));text-align:left;color:var(--c-text);line-height:1.35;display:flex}.ui-menu__item:hover,.ui-menu__item:focus-visible,.ui-menu__item.is-pressed{background:var(--c-panel-2);outline-offset:-2px}.ui-menu__main{flex-direction:column;min-width:0;display:flex}.ui-menu__reason{font-size:calc(var(--u) * var(--fs-sm));color:var(--c-text-dim)}.ui-menu__item.is-danger{color:var(--c-badge)}.ui-menu__item.is-disabled .ui-menu__label,.ui-menu__item.is-disabled svg{opacity:.45}.ui-menu-scrim{background:var(--c-scrim);pointer-events:auto;position:fixed;inset:0}.ui-menu--sheet{border-radius:var(--r-lg) var(--r-lg) 0 0;width:100%;max-width:none;padding:calc(var(--u) * var(--sp-2)) 0 calc(var(--sa-b) + var(--u) * var(--sp-2));border-width:1px 0 0;max-height:80vh;inset:auto 0 0;overflow-y:auto}.ui-menu--sheet .ui-menu__item{padding:0 calc(var(--sa-r) + var(--u) * var(--sp-4)) 0 calc(var(--sa-l) + var(--u) * var(--sp-4));font-size:calc(var(--u) * var(--fs-lg))}.ui-menu__item--cancel{border-top:1px solid var(--c-line);color:var(--c-text-dim);margin-top:calc(var(--u) * var(--sp-1));justify-content:center}html,body{font-family:var(--font-ui);color:var(--c-text);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none}#labels{z-index:var(--z-labels);pointer-events:none;position:fixed;inset:0;overflow:hidden}#hud{z-index:var(--z-hud);pointer-events:none;position:fixed;inset:0}:where(#hud *){box-sizing:border-box}.lbl{text-align:center;color:var(--c-text);text-shadow:var(--sh-text);white-space:nowrap;will-change:transform;font-size:12px;position:absolute;top:0;left:0;transform:translate(-50%,-100%)}.lbl [hidden]{display:none!important}.lbl .nmrow{justify-content:center;align-items:baseline;gap:3px;display:flex}.lbl .nm{text-overflow:ellipsis;vertical-align:bottom;max-width:140px;font-weight:700;display:inline-block;overflow:hidden}.lbl--me .nm,.lbl--npc .nm{color:var(--c-gold)}.lbl--party .nm{color:var(--c-party)}.lbl--mob .nm{opacity:.92;font-size:11px;font-weight:600}.lbl .mk{color:var(--c-gold);font-size:15px;font-weight:900}.lbl .lv{opacity:.85;font-size:11px}.lbl .ttl{color:var(--c-info);font-size:11px}.lbl .bar{background:var(--c-hud-shade);border-radius:2px;width:46px;height:4px;margin:2px auto 0;overflow:hidden}.lbl .bar i{background:var(--c-hp);transform-origin:0;height:100%;display:block}.lbl--hp-player .bar i,.lbl--hp-party .bar i{background:var(--c-party)}.lbl .bub{background:var(--c-hud-bubble);color:var(--c-hud-bubble-text);white-space:normal;max-width:200px;text-shadow:none;overflow-wrap:anywhere;border-radius:8px;margin:0 auto 4px;padding:3px 8px;font-size:12px}.dmg{color:var(--c-text);text-shadow:var(--sh-text), var(--sh-1);pointer-events:none;white-space:nowrap;opacity:0;transform:translate(-50%, -100%) translate(var(--x0,0), var(--y0,0));font-size:17px;font-weight:800;animation-duration:.8s;animation-timing-function:ease-out;animation-fill-mode:forwards;position:absolute;top:0;left:0}.dmg[hidden]{display:none}.dmg.is-a{animation-name:dmg-rise-a}.dmg.is-b{animation-name:dmg-rise-b}@keyframes dmg-rise-a{0%{opacity:1;transform:translate(-50%, -100%) translate(var(--x0,0), var(--y0,0))}to{opacity:0;transform:translate(-50%, -100%) translate(calc(var(--x0,0px) + var(--dx,0px)), calc(var(--y0,0px) - 60px))}}@keyframes dmg-rise-b{0%{opacity:1;transform:translate(-50%, -100%) translate(var(--x0,0), var(--y0,0))}to{opacity:0;transform:translate(-50%, -100%) translate(calc(var(--x0,0px) + var(--dx,0px)), calc(var(--y0,0px) - 60px))}}.dmg.crit{color:var(--c-dmg-crit);font-size:24px}.dmg.me{color:var(--c-dmg-me)}.dmg.skill{color:var(--c-info);font-size:14px;font-weight:700}.dmg.heal{color:var(--c-dmg-heal)}.dmg.other{filter:opacity(.6);font-size:13px}#skills{pointer-events:auto;gap:6px;display:flex}.slot{box-sizing:content-box;background:linear-gradient(180deg, var(--c-hud-panel-hi), var(--c-hud-panel));border:1px solid var(--c-hud-edge);width:58px;height:58px;box-shadow:var(--sh-1);text-align:center;cursor:pointer;touch-action:none;color:var(--c-text);text-shadow:var(--sh-text);-webkit-tap-highlight-color:transparent;border-radius:10px;position:relative;overflow:hidden}.slot[hidden]{display:none}.slot .key{color:var(--c-gold);z-index:1;font-size:11px;font-weight:800;position:absolute;top:2px;left:4px}.slot .ic{height:22px;color:var(--c-brand-gold-hi);justify-content:center;display:flex;position:absolute;top:8px;left:0;right:0}.slot .ic svg{width:22px;height:22px;filter:drop-shadow(0 1px 1px var(--c-hud-shade))}.slot .nm{opacity:.9;white-space:nowrap;text-overflow:ellipsis;padding:0 2px;font-size:8px;line-height:1;position:absolute;top:33px;left:0;right:0;overflow:hidden}.slot .mp{color:var(--c-info);font-size:8px;line-height:1;position:absolute;bottom:3px;left:0;right:0}.slot .cd{background:var(--c-hud-cd);transform-origin:50% 100%;pointer-events:none;position:absolute;inset:0;transform:scaleY(0)}.slot .cdn{color:var(--c-text);text-shadow:var(--sh-text), 0 0 4px var(--c-brand-green);pointer-events:none;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex;position:absolute;inset:0}.slot .cdn:empty{display:none}.slot.nomp{opacity:.45}.slot.on{border-color:var(--c-gold);background:linear-gradient(180deg, var(--c-touch-brand-on), var(--c-hud-panel-hi))}.slot.is-empty{opacity:.5;cursor:default}.slot.roll .ic{color:var(--c-text)}#hud-skillpage{display:none}#hud-skillpage[hidden]{display:none!important}#chat{left:calc(16px + var(--sa-l));bottom:calc(24px + var(--sa-b));width:var(--hud-chat-w,360px);font-size:13px;position:fixed}#chatlog{max-height:11.6em;text-shadow:var(--sh-text);pointer-events:none;overflow-wrap:anywhere;flex-direction:column;justify-content:flex-end;margin-bottom:6px;line-height:1.45;display:flex;overflow:hidden}#chatlog>div{flex:none}#chatlog .sys{color:var(--c-gold);opacity:.9}#chatinput{pointer-events:auto;box-sizing:border-box;border:1px solid var(--c-line-strong);background:var(--c-hud-shade);width:100%;color:var(--c-text);font:inherit;border-radius:8px;outline:none;padding:6px 10px;font-size:16px}#chatinput:focus{background:var(--c-hud-cd);border-color:var(--c-mp)}#dmg{background:radial-gradient(transparent 45%, var(--c-hud-vignette));opacity:0;pointer-events:none;transition:opacity .3s;position:fixed;inset:0}#hudmenu{z-index:var(--z-touch);right:calc(16px + var(--sa-r));bottom:calc(84px + var(--sa-b));pointer-events:none;font-size:calc(var(--u) * var(--fs-md));line-height:1.5;position:fixed}#hudmenu *,#hudmenu :before,#hudmenu :after{box-sizing:border-box}:where(#hudmenu button){font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0}:where(#hudmenu) :focus{outline:none}#hudmenu :focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}body[data-layout=mp] #hudmenu{right:calc(8px + var(--sa-r));top:calc(var(--sa-t) + 216px);bottom:auto}body[data-layout=ml] #hudmenu{right:calc(196px + var(--sa-r));top:calc(var(--sa-t) + 34px);bottom:auto}body.lefty[data-layout=mp] #hudmenu{right:auto;left:calc(8px + var(--sa-l))}body.lefty[data-layout=ml] #hudmenu{right:auto;left:calc(196px + var(--sa-l))}#touch{z-index:var(--z-touch);pointer-events:none;display:none;position:fixed;inset:0}.tb{box-sizing:content-box;right:calc(var(--x) * var(--tk,1) + var(--sa-r));bottom:calc(var(--y) * var(--tk,1) + var(--sa-b));width:calc(var(--s) * var(--tk,1));height:calc(var(--s) * var(--tk,1));background:radial-gradient(circle at 50% 32%, var(--c-touch-brand-on), var(--c-touch-brand) 72%);border:2px solid var(--c-hud-edge);box-shadow:var(--sh-1);color:var(--c-text);pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;text-shadow:var(--sh-text);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:700;line-height:1;display:flex;position:absolute;overflow:hidden}.tb svg{width:26px;height:26px;filter:drop-shadow(0 1px 1px var(--c-hud-shade));flex:none;position:relative}.tb__lb{position:relative}.tb.on{background:radial-gradient(circle at 50% 40%, var(--c-touch-brand-on), var(--c-touch-brand-on));border-color:var(--c-gold);transform:scale(.94)}.tb__cd{background:var(--c-hud-cd);transform-origin:50% 100%;pointer-events:none;position:absolute;inset:0;transform:scaleY(0)}#tAttack{--x:28px;--y:24px;--s:88px;background:radial-gradient(circle at 50% 30%, var(--c-touch-atk-brand), var(--c-touch-brand) 78%);border-color:var(--c-touch-gold-line);color:var(--c-brand-gold-hi)}#tAttack svg{width:30px;height:30px}#tJump{--x:159px;--y:19px;--s:70px}#tJump svg{width:24px;height:24px}#tRoll{--x:62px;--y:228px;--s:56px}#tRoll svg{width:20px;height:20px}body.mobile .slot.roll{display:none}#stick{box-sizing:content-box;left:calc(20px * var(--sk,1) + var(--sa-l));bottom:calc(30px * var(--sk,1) + var(--sa-b));width:calc(120px * var(--sk,1));height:calc(120px * var(--sk,1));background:radial-gradient(circle, var(--c-touch-brand) 58%, var(--c-touch-brand-on));border:2px solid var(--c-hud-edge);pointer-events:auto;touch-action:none;border-radius:50%;position:absolute}#stick.on{border-color:var(--c-touch-gold-line)}#knob{width:calc(54px * var(--sk,1));height:calc(54px * var(--sk,1));margin:calc(-27px * var(--sk,1));background:radial-gradient(circle at 40% 35%, var(--c-brand-gold-hi), var(--c-gold) 58%, var(--c-gold-deep));border:2px solid var(--c-brand-green);box-shadow:var(--sh-1);box-sizing:border-box;pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%}body.lefty .tb{right:auto;left:calc(var(--x) * var(--tk,1) + var(--sa-l))}body.lefty #stick{left:auto;right:calc(20px * var(--sk,1) + var(--sa-r))}#touch,body.mobile #skills,body.mobile #hud-skillpage{opacity:var(--touch-op,1)}body.stick-float #stick:not(.on){opacity:.5}body.mobile #touch{display:block}body.mobile #skills{pointer-events:none;margin:0;display:block;position:fixed;inset:0}body.mobile .slot{right:calc(var(--x) * var(--tk,1) + var(--sa-r));bottom:calc(var(--y) * var(--tk,1) + var(--sa-b));width:calc(58px * var(--tk,1));height:calc(58px * var(--tk,1));pointer-events:auto;background:radial-gradient(circle at 50% 32%, var(--c-touch-brand-on), var(--c-touch-brand) 72%);border-width:2px;border-radius:50%;position:absolute}body.mobile .slot .key,body.mobile .slot .nm{display:none}body.mobile .slot .ic{top:calc(8px * var(--tk,1) + 2px)}body.mobile .slot .mp{font-size:9px;bottom:8px}body.mobile .slot[data-kind=attack],body.mobile .slot:not([data-arc]){display:none}body.mobile .slot[data-arc="1"]{--x:4px;--y:159px}body.mobile .slot[data-arc="2"]{--x:65px;--y:163px}body.mobile .slot[data-arc="3"]{--x:121px;--y:138px}body.mobile .slot[data-arc="4"]{--x:158px;--y:90px}body.mobile.lefty .slot{right:auto;left:calc(var(--x) * var(--tk,1) + var(--sa-l))}body.mobile #hud-skillpage{--x:184px;--y:154px;right:calc(var(--x) * var(--tk,1) + var(--sa-r));bottom:calc(var(--y) * var(--tk,1) + var(--sa-b));pointer-events:auto;touch-action:manipulation;justify-content:center;align-items:center;gap:6px;width:44px;height:44px;display:flex;position:absolute}body.mobile.lefty #hud-skillpage{right:auto;left:calc(var(--x) * var(--tk,1) + var(--sa-l))}#hud-skillpage i{border:1px solid var(--c-gold);background:var(--c-hud-glass);border-radius:50%;width:8px;height:8px}#hud-skillpage i.on{background:var(--c-gold)}.hud-panel{background:linear-gradient(180deg, var(--c-hud-panel-hi), var(--c-hud-panel));border:1px solid var(--c-hud-edge);border-radius:var(--r-md);box-shadow:var(--sh-1), inset 0 1px 0 var(--c-hud-edge-soft)}#hud-left{left:calc(12px + var(--sa-l));top:calc(var(--sa-t) + 48px);flex-direction:column;align-items:flex-start;gap:4px;width:176px;display:flex;position:absolute}body[data-layout=ml] #hud-left{top:calc(var(--sa-t) + 34px)}body[data-layout=dt] #hud-left{left:calc(16px + var(--sa-l));gap:6px;width:300px;top:16px}#hud-status{pointer-events:auto;cursor:pointer;width:100%;height:66px;color:var(--c-text);text-shadow:var(--sh-text);font-variant-numeric:tabular-nums;touch-action:manipulation;-webkit-tap-highlight-color:transparent;grid-template:"who who"18px"hp hp"14px"mp mp"12px"xp coin"12px/minmax(0,1fr) auto;gap:2px 6px;padding:3px 7px 4px;font-size:12px;line-height:1;display:grid}#hud-status.is-pressed{filter:brightness(1.18)}#hud-status:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}.hud-st__pt{grid-area:pt;display:none}.hud-st__who{grid-area:who;align-items:center;gap:6px;min-width:0;display:flex}.hud-st__lv{border-radius:var(--r-pill);background:linear-gradient(180deg, var(--c-brand-gold-hi), var(--c-gold) 55%, var(--c-gold-deep));color:var(--c-hud-ink);text-shadow:none;box-shadow:0 0 0 1px var(--c-brand-green);flex:none;padding:0 6px;font-size:11px;font-weight:800;line-height:15px}.hud-st__name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;font-weight:700;line-height:16px;overflow:hidden}.hud-st__coin{grid-area:coin;align-self:center;font-size:11px}.hud-st__coin[hidden]{display:none}.hud-st__hp{grid-area:hp}.hud-st__mp{grid-area:mp}.hud-st__xp{grid-area:xp}#hud-status .ui-bar{border-color:var(--c-hud-edge-soft);background:var(--c-hud-glass);border-radius:4px;height:100%}#hud-status .ui-bar__txt{font-size:10px;font-weight:700}#hud-status .ui-bar--hp .ui-bar__txt{font-size:11px}.ui-bar--xp .ui-bar__fill{background:linear-gradient(180deg, var(--c-brand-gold-hi), var(--c-gold) 50%, var(--c-gold-deep))}#hud-status .ui-bar--hp.is-low{animation:1s step-end infinite hud-blink}@keyframes hud-blink{50%{opacity:.5}}body[data-layout=dt] #hud-status{grid-template:"pt who coin"22px"pt hp hp"18px"pt mp mp"16px/48px minmax(0,1fr) auto;gap:5px 10px;height:78px;padding:6px 10px}body[data-layout=dt] .hud-st__pt{align-self:center;display:block}body[data-layout=dt] .hud-st__pt .ui-portrait{box-shadow:0 0 0 2px var(--c-hud-edge);border-radius:50%}body[data-layout=dt] .hud-st__xp{display:none}body[data-layout=dt] .hud-st__name{font-size:15px;line-height:20px}body[data-layout=dt] .hud-st__lv{padding:0 8px;font-size:12px;line-height:18px}body[data-layout=dt] #hud-status .ui-bar__txt{font-size:11px}#hud-xpbar{display:none}body[data-layout=dt] #hud-xpbar{height:8px;display:block;position:absolute;bottom:0;left:0;right:0}#hud-xpbar .ui-bar{border:0;border-top:1px solid var(--c-hud-edge-soft);background:var(--c-hud-glass);border-radius:0;height:100%}#hud-xpbar .ui-bar__fill{background:linear-gradient(90deg, var(--c-gold-deep), var(--c-gold) 70%, var(--c-brand-gold-hi))}.hud-xpbar__txt{color:var(--c-text);text-shadow:var(--sh-text), 0 0 3px var(--c-brand-green);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:10px;font-weight:800;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#hud-top{left:calc(12px + var(--sa-l));right:calc(12px + var(--sa-r));top:calc(var(--sa-t) + 6px);pointer-events:none;flex-direction:column;align-items:stretch;display:flex;position:absolute}body[data-layout=ml] #hud-top{width:min(420px,100vw - 24px);left:50%;right:auto;transform:translate(-50%)}body[data-layout=dt] #hud-top{width:420px;top:12px;left:50%;right:auto;transform:translate(-50%)}.hud-slot{pointer-events:auto;position:absolute;overflow:hidden}.hud-slot:empty{display:none}.hud-slot--boss{width:100%;max-height:40px;position:relative}body[data-layout=ml] .hud-slot--boss{max-height:22px}body[data-layout=dt] .hud-slot--boss{max-height:56px}.hud-slot--party{width:124px;max-height:126px;position:relative}body[data-layout=ml] .hud-slot--party{left:calc(148px + var(--sa-l));bottom:calc(12px + var(--sa-b));width:266px;max-height:44px;position:fixed}body[data-layout=dt] .hud-slot--party{width:200px;max-height:138px}.hud-slot--lootfeed{right:calc(60px + var(--sa-r));bottom:calc(340px + var(--sa-b));width:180px;max-height:72px}body[data-layout=ml] .hud-slot--lootfeed{right:auto;left:calc(200px + var(--sa-l));top:calc(var(--sa-t) + 34px);width:min(160px,100vw - 600px);max-height:54px;bottom:auto}body[data-layout=dt] .hud-slot--lootfeed{right:calc(16px + var(--sa-r));width:260px;max-height:108px;bottom:136px}body.lefty:not([data-layout=dt]) .hud-slot--lootfeed{right:auto;left:calc(60px + var(--sa-l))}.hud-slot--ctx{--x:150px;--y:204px;right:calc(var(--x) * var(--tk,1) + var(--sa-r));bottom:calc(var(--y) * var(--tk,1) + var(--sa-b));width:56px;height:56px;overflow:visible}body.lefty .hud-slot--ctx{right:auto;left:calc(var(--x) * var(--tk,1) + var(--sa-l))}body[data-layout=dt] .hud-slot--ctx{display:none}.hud-ctx{border:2px solid var(--c-gold);background:radial-gradient(circle at 50% 30%, var(--c-touch-atk-brand), var(--c-touch-brand) 80%);width:56px;height:56px;color:var(--c-brand-gold-hi);font:700 11px/1 var(--font-ui);text-shadow:var(--sh-text);box-shadow:var(--sh-1);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0;display:flex}.hud-ctx.is-pressed{transform:scale(.94)}.hud-ctx__lb{color:var(--c-text);white-space:nowrap;text-overflow:ellipsis;max-width:52px;overflow:hidden}#hud-bar{display:contents}body:not(.mobile) #hud-bar{left:calc(var(--hud-chat-w,360px) + 32px + var(--sa-l));right:calc(16px + var(--sa-r));bottom:calc(16px + var(--sa-b));pointer-events:none;justify-content:safe center;align-items:flex-end;gap:12px;display:flex;position:absolute}.hud-slot--quick{gap:6px;display:flex;position:relative;overflow:visible}.hud-slot--quick:not([data-mode=dt]){display:contents}.hud-qs{border:1px solid var(--c-hud-edge);background:linear-gradient(180deg, var(--c-hud-panel-hi), var(--c-hud-panel));width:48px;height:48px;box-shadow:var(--sh-1);pointer-events:auto;border-radius:10px;flex:none;position:relative;overflow:hidden}.hud-qs:empty{display:none}.hud-qs[data-key]:not([data-key=""]):before{content:attr(data-key);z-index:1;color:var(--c-gold);text-shadow:var(--sh-text);pointer-events:none;font-size:11px;font-weight:800;position:absolute;top:2px;left:4px}.hud-slot--quick:not([data-mode=dt]) .hud-qs{--x:6px;right:calc(var(--x) * var(--tk,1) + var(--sa-r));bottom:calc(var(--y) * var(--tk,1) + var(--sa-b));width:max(44px, calc(48px * var(--tk,1)));height:max(44px, calc(48px * var(--tk,1)));border-radius:50%;position:fixed}.hud-qs[data-qs=a]{--y:228px}.hud-qs[data-qs=b]{--y:282px}.hud-slot--quick:not([data-mode=dt]) .hud-qs[data-qs=more]{--y:336px;border-radius:var(--r-md);height:44px}.hud-slot--quick[data-mode=ml] .hud-qs[data-qs=more]{--x:60px;--y:288px}body.lefty .hud-slot--quick:not([data-mode=dt]) .hud-qs{right:auto;left:calc(var(--x) * var(--tk,1) + var(--sa-l))}#hud-castbar{left:50%;bottom:calc(300px + var(--sa-b));width:200px;min-height:36px;text-shadow:var(--sh-text);pointer-events:none;flex-direction:column;justify-content:center;gap:3px;padding:4px 8px;font-size:12px;line-height:1.2;display:flex;position:absolute;transform:translate(-50%)}#hud-castbar[hidden]{display:none}body[data-layout=ml] #hud-castbar{bottom:calc(96px + var(--sa-b))}body[data-layout=dt] #hud-castbar{width:240px;bottom:96px}.hud-cast__row{justify-content:space-between;gap:8px;display:flex}.hud-cast__nm{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:700;overflow:hidden}.hud-cast__t{color:var(--c-gold);font-variant-numeric:tabular-nums}#hud-castbar .ui-bar{height:8px}#hud-castbar .ui-bar__fill{background:linear-gradient(90deg, var(--c-gold-deep), var(--c-gold))}.hud-cast__x{border:2px solid var(--c-hud-edge);background:var(--c-hud-panel);width:44px;height:44px;color:var(--c-text);font:700 11px/1 var(--font-ui);pointer-events:auto;cursor:pointer;border-radius:50%;margin-top:-22px;position:absolute;top:50%;left:-52px}.hud-cast__x[hidden]{display:none}.hud-cast__x[data-key]:after{content:" " attr(data-key);color:var(--c-gold)}body[data-layout=ml] #ui-toasts{padding-top:calc(var(--sa-t) + var(--u) * 100)}body[data-layout=dt] #hud{--hud-chat-w:clamp(240px, calc(100vw - 660px), 360px)}#hud-right{right:calc(12px + var(--sa-r));top:calc(var(--sa-t) + 48px);width:144px;height:0;position:absolute}body[data-layout=ml] #hud-right{right:calc(248px + var(--sa-r));top:calc(var(--sa-t) + 34px)}body[data-layout=dt] #hud-right{right:calc(16px + var(--sa-r));width:220px;top:16px}#hud-minimap{width:144px;height:48px;position:absolute;top:0;right:0}body[data-layout=dt] #hud-minimap{width:220px;height:64px}#hud-maplabel{width:144px;height:44px;position:absolute;top:50px;right:0}body[data-layout=dt] #hud-maplabel{width:220px;height:24px;top:68px}.hud-zone:empty{display:none}#hud-tracker{pointer-events:auto;width:144px;max-height:64px;position:absolute;top:98px;right:0;overflow:hidden}body[data-layout=ml] #hud-tracker{max-height:40px;top:94px}body[data-layout=dt] #hud-tracker{width:220px;max-height:120px;top:96px}.hud-slot--party[data-fold],#hud-tracker[data-fold]{max-height:24px}.hud-slot--chat{pointer-events:none;display:contents}.hud-chat__ic{display:none}body:not([data-layout=dt]) #chat{left:calc(12px + var(--sa-l));bottom:calc(158px + var(--sa-b));width:44px;height:44px;font-size:12px}body:not([data-layout=dt]) #chatlog{left:calc(12px + var(--sa-l));bottom:calc(206px + var(--sa-b));width:min(320px,100vw - 220px);max-height:2.9em;margin:0;position:fixed}body[data-layout=ml] #chatlog{width:220px;max-height:1.45em}body:not([data-layout=dt]) #chatlog>div{white-space:nowrap;text-overflow:ellipsis;animation:8s linear forwards hud-peek;overflow:hidden}@keyframes hud-peek{0%,92%{opacity:1}to{opacity:0}}body:not([data-layout=dt]) .hud-chat__ic{border-radius:var(--r-md);border:1px solid var(--c-hud-edge);background:linear-gradient(180deg, var(--c-hud-panel-hi), var(--c-hud-panel));color:var(--c-gold);box-shadow:var(--sh-1);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}body:not([data-layout=dt]) #chatinput{opacity:0;cursor:pointer;width:100%;height:100%;padding:0;position:absolute;inset:0}body:not([data-layout=dt]) #chat:focus-within{width:min(320px, calc(100vw - 24px - var(--sa-l) - var(--sa-r)));z-index:5}body:not([data-layout=dt]) #chat:focus-within #chatinput{opacity:1;cursor:text;padding:5px 8px}body:not([data-layout=dt]) #chat:focus-within .hud-chat__ic{display:none}body.lefty:not([data-layout=dt]) #chat,body.lefty:not([data-layout=dt]) #chatlog{left:auto;right:calc(12px + var(--sa-r))}body.lefty:not([data-layout=dt]) #chatlog{text-align:right}body[data-layout=mp][data-hudwin=half] :is(#skills,#hud-skillpage,.hud-slot--quick,.hud-qs,#hud-castbar,.hud-slot--ctx,#chat,.hud-slot--lootfeed,#hudmenu,.hud-slot--party,#hud-tracker),body[data-layout=mp][data-hudwin=tall] #hud,body[data-layout=ml][data-hudwin=half] :is(#skills,#hud-skillpage,.hud-qs,.hud-slot--ctx,#hud-right,#hudmenu){display:none!important}body[data-layout=ml][data-hudwin=half] #hud-top{left:calc(12px + var(--sa-l));width:calc(50vw - 24px);transform:none}.hud-target{border-radius:var(--r-pill);background:linear-gradient(180deg, var(--c-hud-panel-hi), var(--c-hud-panel));border:1px solid var(--c-hud-edge-soft);height:22px;box-shadow:var(--sh-1);color:var(--c-text);text-shadow:var(--sh-text);white-space:nowrap;pointer-events:none;align-items:center;gap:6px;padding:0 10px;font-size:12px;line-height:1;display:flex}.hud-target[hidden]{display:none}#hud-top:has(>.hud-slot--boss:not(:empty))>.hud-target{display:none}.hud-tg__lv{color:var(--c-gold);flex:none;font-weight:800}.hud-tg__nm{text-overflow:ellipsis;flex:0 auto;min-width:0;max-width:45%;font-weight:700;overflow:hidden}.hud-tg__elite{border-radius:var(--r-pill);background:var(--c-danger);color:var(--c-text);flex:none;padding:1px 6px;font-size:11px;font-weight:700}.hud-tg__elite[hidden]{display:none}.hud-target .ui-bar{border-color:var(--c-hud-edge-soft);background:var(--c-hud-glass);flex:auto;min-width:40px;height:8px}.hud-tg__pct{text-align:right;font-variant-numeric:tabular-nums;flex:none;min-width:3.2em;font-weight:700}body[data-layout=dt] .hud-target{height:28px;padding:0 14px;font-size:13px}body[data-layout=dt] .hud-target .ui-bar{height:10px}#hud-buffs{pointer-events:auto;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;align-items:center;gap:2px;width:100%;height:44px;display:flex}#hud-buffs[hidden]{display:none}.hud-bf{border:1px solid var(--c-ok);background:var(--c-hud-panel);width:20px;height:20px;color:var(--c-text);border-radius:4px;flex:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hud-bf[hidden]{display:none}.hud-bf.is-harm{border-color:var(--c-danger)}.hud-bf__ic{display:flex}.hud-bf__cd{background:conic-gradient(var(--c-hud-cd) calc(var(--p,0) * 1turn), transparent 0);pointer-events:none;position:absolute;inset:0}.hud-bf__n{text-shadow:var(--sh-text);justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex;position:absolute;inset:0}.hud-bf__st{color:var(--c-gold);text-shadow:var(--sh-text);font-size:9px;font-weight:800;line-height:1;position:absolute;bottom:0;right:1px}.hud-bf__n:empty,.hud-bf__st:empty{display:none}.hud-bf.is-blink{animation:.5s step-end infinite hud-blink}.hud-bf__more{border-radius:var(--r-pill);background:var(--c-hud-panel);border:1px solid var(--c-hud-edge-soft);flex:none;height:20px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px}.hud-bf__more[hidden]{display:none}body[data-layout=dt] #hud-buffs{gap:3px;height:32px}body[data-layout=dt] .hud-bf{width:28px;height:28px}body[data-layout=dt] .hud-bf:focus-visible{outline:2px solid var(--c-focus);outline-offset:1px}.hud-bfcard{pointer-events:auto;width:min(280px,100vw - 16px);max-height:60vh;overflow:auto}.hud-bfcard__hd{color:var(--c-gold);margin-bottom:4px;font-weight:800}.hud-bfcard__row{border-top:1px solid var(--c-line);grid-template-columns:18px minmax(0,1fr) auto;align-items:center;column-gap:6px;padding:4px 0;display:grid}.hud-bfcard__row.is-harm .hud-bfcard__nm{color:var(--c-dmg-me)}.hud-bfcard__nm{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.hud-bfcard__t{color:var(--c-text-dim);font-variant-numeric:tabular-nums}.hud-bfcard__desc{color:var(--c-text-dim);grid-column:2/4}#hud-minimap{pointer-events:auto;border-radius:var(--r-sm);border:1px solid var(--c-hud-edge);box-shadow:var(--sh-1);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;display:block}#hud-maplabel{pointer-events:auto;border-radius:var(--r-sm);background:var(--c-hud-glass);border:1px solid var(--c-hud-edge-soft);color:var(--c-text);text-shadow:var(--sh-text);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;gap:3px;padding:2px 8px;font-size:12px;line-height:1.2;display:flex}.hud-ml__l1{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--c-brand-gold-hi);font-weight:700;overflow:hidden}.hud-ml__l2{color:var(--c-text-dim);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:6px;font-size:11px;display:flex}.hud-ml__sig{color:var(--c-ok);display:inline-flex}.hud-ml__sig[data-q=ok]{color:var(--c-warn)}.hud-ml__sig[data-q=bad]{color:var(--c-danger)}.hud-ml__ch:empty,.hud-ml__perf:empty{display:none}body[data-layout=ml] #hud-maplabel,body[data-layout=dt] #hud-maplabel{flex-direction:row;justify-content:space-between;align-items:center;gap:6px}#hud-minimap:focus-visible,#hud-maplabel:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}#hud-lowhp{pointer-events:none;opacity:0;background:radial-gradient(transparent 52%, var(--c-hud-vignette-low));position:fixed;inset:0}#hud-lowhp.is-on{animation:1.2s ease-in-out infinite hud-lowhp}@keyframes hud-lowhp{0%,to{opacity:.25}50%{opacity:.5}}body.hud-dead :is(#skills .slot,.hud-qs,#hud-skillpage,.hud-slot--ctx,#touch>*){opacity:.4}body.hud-offline #hud{opacity:.5}body.hud-offline #touch{display:none!important}#hud.no-anim .ui-bar__fill{transition:none!important}#hud-tracker[data-off]{display:none}#chat[data-fs=s]{font-size:12px}#chat[data-fs=l]{font-size:15px}#chat[data-nosys] #chatlog .sys{display:none}.hud-chat__ts{opacity:.6;font-variant-numeric:tabular-nums}body.hud-hidden :is(#hud,#touch,#labels,#ui-root){visibility:hidden!important}#scr-root{z-index:calc(var(--z-win) - 1);pointer-events:none;font-family:var(--font-ui);color:var(--c-text);position:fixed;inset:0}#scr-root>*{pointer-events:auto}#scr-root[hidden],#scr-overlay[hidden]{display:none}#scr-overlay{z-index:var(--z-overlay);pointer-events:none;font-family:var(--font-ui);color:var(--c-text);position:fixed;inset:0}#scr-overlay>*{pointer-events:auto}#splash{z-index:calc(var(--z-overlay) + 1);background:radial-gradient(120% 80% at 50% 110%, var(--c-panel-2) 0%, var(--c-inset) 70%);color:var(--c-text);font-family:var(--font-ui);padding:var(--sa-t) 24px var(--sa-b);box-sizing:border-box;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;transition:opacity .35s;display:flex;position:fixed;inset:0}#splash.is-out{opacity:0;pointer-events:none}#splash[hidden]{display:none}#splash .sp-mid{flex-direction:column;align-items:center;width:min(520px,100%);margin-top:-6vh;display:flex}#splash .sp-logo{grid-template-columns:repeat(3,14px);gap:3px;margin-bottom:18px;display:grid}#splash .sp-logo i{background:var(--c-gold);width:14px;height:14px;box-shadow:inset 0 -3px 0 var(--c-gold-deep);border-radius:2px;animation:1.6s ease-in-out infinite sp-bob}#splash .sp-logo i:first-child{grid-column:2}#splash .sp-logo i:nth-child(2){grid-column:1;animation-delay:.15s}#splash .sp-logo i:nth-child(3){animation-delay:.3s}#splash .sp-logo i:nth-child(4){grid-column:3;animation-delay:.45s}@keyframes sp-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}#splash h1{letter-spacing:.14em;color:var(--c-gold);text-shadow:0 3px 0 var(--c-gold-deep), 0 8px 24px var(--c-hud-shade);text-align:center;margin:0;font-size:clamp(30px,9vw,44px);font-weight:800;line-height:1.1}#splash .sp-sub{color:var(--c-text-dim);letter-spacing:.06em;margin:10px 0 34px;font-size:16px}#splash .sp-bar{border-radius:var(--r-pill);background:var(--c-line);width:100%;height:10px;box-shadow:inset 0 0 0 1px var(--c-line);position:relative;overflow:hidden}#splash .sp-bar i{transform-origin:0;background:linear-gradient(90deg, var(--c-gold-deep), var(--c-gold));border-radius:inherit;transition:transform .25s ease-out;position:absolute;inset:0;transform:scaleX(0)}#splash .sp-row{width:100%;color:var(--c-text-dim);justify-content:space-between;gap:12px;min-height:21px;margin-top:10px;font-size:14px;display:flex}#splash .sp-pct{font-variant-numeric:tabular-nums;color:var(--c-text)}#splash .sp-slow{color:var(--c-text-dim);flex-direction:column;align-items:center;gap:10px;margin-top:18px;font-size:14px;display:flex}#splash .sp-slow[hidden]{display:none}#splash .sp-slow button{border-radius:var(--r-md);background:var(--c-primary);min-width:160px;min-height:44px;color:var(--c-text);font:inherit;cursor:pointer;border:0;padding:0 20px;font-size:16px;font-weight:700}#splash .sp-ver{right:calc(16px + var(--sa-r));bottom:calc(12px + var(--sa-b));color:var(--c-text-mute);font-size:12px;position:absolute}.scr{box-sizing:border-box;padding:calc(16px + var(--sa-t)) calc(16px + var(--sa-r)) calc(16px + var(--sa-b)) calc(16px + var(--sa-l));justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scr[hidden]{display:none}.scr--scrim{background:var(--c-scrim)}body[data-layout=dt] .scr--scrim{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}body[data-scr]:not([data-scr=scr\.game]) :is(#hud,#bottom,#chat,#touch,#hudmenu,#zone,#board,#dmg,#labels){display:none!important}.scr-loading__box{border-radius:var(--r-lg);background:var(--c-panel);box-shadow:var(--sh-2);align-items:center;gap:12px;padding:14px 20px;font-size:15px;display:flex}.scr-spin{border:3px solid var(--c-line);border-top-color:var(--c-gold);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite scr-spin}@keyframes scr-spin{to{transform:rotate(360deg)}}.scr-notice{gap:calc(var(--u) * 24);flex-direction:column}.scr-notice__card{align-items:center;gap:calc(var(--u) * 10);text-align:center;flex-direction:column;width:min(460px,100%);display:flex}.scr-notice__icon{background:var(--c-panel);width:72px;height:72px;box-shadow:var(--sh-2);color:var(--c-warn);border-radius:50%;justify-content:center;align-items:center;display:flex}.scr-notice__icon[data-tone=info]{color:var(--c-info)}.scr-notice__title{font-size:calc(var(--u) * var(--fs-xl));text-shadow:var(--sh-text);margin:6px 0 0;font-weight:800;line-height:1.35}.scr-notice__body{font-size:calc(var(--u) * var(--fs-lg));color:var(--c-text-dim);white-space:pre-line;overflow-wrap:anywhere;margin:0;line-height:1.5}.scr-notice__body[hidden]{display:none}.scr-notice__btns{justify-content:center;gap:calc(var(--u) * 12);flex-flow:wrap;display:flex}.scr-notice__btns .ui-btn{min-width:180px}.scr-notice__ver{right:calc(16px + var(--sa-r));bottom:calc(12px + var(--sa-b));color:var(--c-text-mute);font-size:12px;position:absolute}body[data-layout=mp] .scr-notice{justify-content:flex-end}body[data-layout=mp] .scr-notice__card{flex:1;justify-content:center}body[data-layout=mp] .scr-notice__btns{width:100%;margin-bottom:calc(var(--u) * 20);flex-direction:column}body[data-layout=mp] .scr-notice__btns .ui-btn{width:100%;min-width:0}#splash .sp-brand{width:min(86vw,520px);filter:drop-shadow(0 8px 18px var(--c-hud-shade));margin:0 auto 6px;animation:3.2s ease-in-out infinite sp-float;display:block}#splash .sp-brand img{width:100%;height:auto;display:block}#splash .sp-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes sp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){#splash .sp-brand{animation:none}}.scr.scr-login{background:0 0;padding:0;display:block}.scr.scr-login[hidden]{display:none}body[data-layout=dt] .scr.scr-login{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.login{box-sizing:border-box;padding:var(--sa-t) var(--sa-r) 0 var(--sa-l);color:var(--c-brand-cream);font-family:var(--font-ui);background:linear-gradient(180deg, var(--c-login-fade) 0%, var(--c-login-fade-0) 16%, var(--c-login-fade-0) 34%, var(--c-login-fade) 64%, var(--c-brand-forest-deep) 100%);flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden auto}.login *{box-sizing:border-box}:where(.login,.auth-modal) :where(button,input,textarea){font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}:where(.login,.auth-modal) :where(button){cursor:pointer;touch-action:manipulation;background:0 0;border:0;margin:0;padding:0}:where(.login,.auth-modal) :where(input){font-size:max(16px, calc(var(--u) * var(--fs-lg)));-webkit-user-select:text;user-select:text}:where(.login,.auth-modal) :focus{outline:none}:where(.login,.auth-modal) :focus-visible{outline:2px solid var(--c-brand-gold);outline-offset:2px}.login [hidden],.auth-modal [hidden]{display:none!important}.login .ui-input,.auth-modal .ui-input{background:var(--c-brand-forest-deep);border-color:var(--c-login-edge)}.login .ui-input.is-focus,.auth-modal .ui-input.is-focus{border-color:var(--c-brand-gold)}.login .ui-input.is-invalid,.auth-modal .ui-input.is-invalid{border-color:var(--c-dmg-me)}.login .ui-tab.is-active,.auth-modal .ui-tab.is-active{color:var(--c-brand-gold-hi)}.login__brand{flex-direction:column;flex:1 0 auto;justify-content:center;align-items:center;gap:4px;width:100%;min-height:150px;padding:12px 16px 8px;display:flex}.login__logo{will-change:transform;width:min(84vw,420px);animation:3.4s ease-in-out infinite login-float;display:block}.login__logo img{width:100%;height:auto;display:block}.login__sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.login__sub{letter-spacing:.12em;color:var(--c-brand-gold-hi);text-shadow:0 2px 0 var(--c-brand-forest-deep), 0 0 12px var(--c-brand-forest-deep);margin:0;font-size:15px;font-weight:700}@keyframes login-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.login__stage{flex:none;width:100%;max-width:460px;display:grid}.login__card{padding:18px 18px calc(14px + var(--sa-b));background:var(--c-login-card);border:1px solid var(--c-login-edge);box-shadow:0 -12px 40px var(--c-hud-shade);border-bottom:0;border-radius:24px 24px 0 0;flex-direction:column;grid-area:1/1;gap:12px;display:flex;position:relative}.login__card:before{content:"";background:linear-gradient(90deg, var(--c-login-fade-0), var(--c-brand-gold), var(--c-login-fade-0));border-radius:2px;height:2px;position:absolute;top:-1px;left:22%;right:22%}.login__main{gap:12px;display:grid}.login__play{display:grid}.login__providers{gap:10px;display:grid}.login__or{color:var(--c-text-dim);align-items:center;gap:12px;margin:2px 0;font-size:13px;display:flex}.login__or:before,.login__or:after{content:"";background:var(--c-login-edge);flex:1;height:1px}.login__status{text-align:center;color:var(--c-text-dim);margin:0;font-size:13px}.login__status:empty{display:none}.login__session{background:var(--c-login-glass);border:1px solid var(--c-login-edge);border-radius:16px;gap:10px;padding:12px;display:grid}.login__who{color:var(--c-brand-cream);overflow-wrap:anywhere;text-align:center;justify-content:center;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:flex}.login__who svg{color:var(--c-brand-gold)}.login__foot{text-align:center;gap:4px;margin-top:2px;display:grid}.login__meta{color:var(--c-text-mute);justify-content:center;gap:6px;margin:0;font-size:12px;display:flex}.login__dev{border:1.5px dashed var(--c-dev);background:var(--c-dev-bg);border-radius:14px;gap:8px;padding:10px 12px 12px;display:grid}.login__dev-hd{color:var(--c-dev);align-items:center;gap:8px;margin:0;font-size:12px;font-weight:600;display:flex}.login__dev-badge{background:var(--c-dev);color:var(--c-brand-forest-deep);letter-spacing:.1em;border-radius:6px;padding:1px 7px;font-weight:800}.login__dev-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;display:grid}.auth-btn.ui-btn{width:100%;min-height:50px;box-shadow:0 3px 0 var(--c-hud-shade);white-space:normal;border-radius:14px;gap:10px;padding:0 48px;font-size:16px;font-weight:700;line-height:1.3}.auth-btn .ui-btn__icon{position:absolute;top:50%;left:16px;transform:translateY(-50%)}.auth-btn.is-pressed{box-shadow:0 1px 0 var(--c-hud-shade);transform:translateY(2px)}.auth-btn.ui-btn[disabled]{opacity:.5}.auth-btn.ui-btn.is-src{opacity:.9}.auth-btn--guest.ui-btn,.auth-btn--primary.ui-btn{color:var(--c-brand-forest-deep);border:2px solid var(--c-brand-forest);text-shadow:0 1px 0 var(--c-brand-gold-hi);background:linear-gradient(180deg, var(--c-brand-gold-hi) 0%, var(--c-brand-gold) 58%, var(--c-brand-gold-lo) 100%);box-shadow:inset 0 -4px 0 var(--c-brand-gold-lo), inset 0 2px 0 var(--c-brand-cream), 0 4px 0 var(--c-brand-forest-deep), 0 10px 22px var(--c-hud-shade)}.auth-btn--guest.ui-btn.is-pressed,.auth-btn--primary.ui-btn.is-pressed{box-shadow:inset 0 -2px 0 var(--c-brand-gold-lo), 0 1px 0 var(--c-brand-forest-deep);transform:translateY(3px)}.auth-btn--guest.ui-btn{letter-spacing:.03em;flex-direction:column;gap:0;min-height:64px;font-size:21px}.auth-btn--guest .ui-btn__icon{background:var(--c-brand-forest);width:40px;height:40px;color:var(--c-brand-gold-hi);box-shadow:inset 0 -2px 0 var(--c-brand-forest-deep);border-radius:50%;justify-content:center;align-items:center;display:flex;left:12px}.auth-btn__hint{letter-spacing:0;color:var(--c-brand-moss);text-shadow:none;font-size:12px;font-weight:600}.auth-btn--google.ui-btn{background:var(--c-google-bg);color:var(--c-google-text);border:1px solid var(--c-google-bg-press)}.auth-btn--google.ui-btn.is-pressed{background:var(--c-google-bg-press)}.auth-btn--discord.ui-btn{background:var(--c-discord);color:var(--c-on-brand);border:1px solid var(--c-discord-press)}.auth-btn--discord.ui-btn.is-pressed{background:var(--c-discord-press)}.auth-btn--apple.ui-btn{background:var(--c-apple);color:var(--c-on-brand);border:1px solid var(--c-line-strong)}.auth-btn--apple.ui-btn.is-pressed{background:var(--c-apple-press)}.auth-btn--email.ui-btn,.auth-btn--phone.ui-btn,.auth-btn--secondary.ui-btn{background:var(--c-login-glass);color:var(--c-brand-cream);border:1px solid var(--c-login-edge)}.auth-btn--email.ui-btn.is-pressed,.auth-btn--phone.ui-btn.is-pressed,.auth-btn--secondary.ui-btn.is-pressed{background:var(--c-login-glass-press)}.auth-btn--email .ui-btn__icon,.auth-btn--phone .ui-btn__icon{color:var(--c-brand-gold)}.auth-btn--dev.ui-btn{width:auto;min-width:96px;min-height:44px;color:var(--c-brand-forest-deep);background:var(--c-dev);box-shadow:0 3px 0 var(--c-brand-gold-lo);border:0;padding:0 16px;font-size:15px}.auth-btn--link.ui-btn{width:auto;min-height:36px;box-shadow:none;color:var(--c-brand-gold-hi);text-underline-offset:3px;background:0 0;border:0;padding:0 6px;font-size:14px;font-weight:600;text-decoration:underline}.auth-btn--link.ui-btn.is-pressed{color:var(--c-brand-gold);transform:none}.auth-row--2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.auth-row--2 .auth-btn.ui-btn{padding:0 12px 0 40px}.auth-row--2 .auth-btn .ui-btn__icon{left:12px}.auth-row--links{flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;display:flex}.auth-dot{color:var(--c-text-mute)}.ai-g-red{fill:var(--c-google-red)}.ai-g-blue{fill:var(--c-google-blue)}.ai-g-yellow{fill:var(--c-google-yellow)}.ai-g-green{fill:var(--c-google-green)}.ai-fill{fill:currentColor}.ai-line{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.auth-prog.ui-bar{border-radius:var(--r-pill);background:var(--c-login-glass-press);border:0;height:5px;margin:2px 6px 0}.auth-prog .ui-bar__fill{background:linear-gradient(90deg, var(--c-login-fade-0), var(--c-brand-gold), var(--c-login-fade-0));width:45%;animation:1.1s ease-in-out infinite auth-prog}@keyframes auth-prog{0%{transform:translate(-110%)}to{transform:translate(240%)}}.auth-err{color:var(--c-dmg-me);align-items:flex-start;gap:6px;margin:0;font-size:14px;line-height:1.45;display:flex}.auth-err svg{flex:none;margin-top:2px}.auth-err[hidden]{display:none}.auth-info{color:var(--c-brand-leaf);margin:0;font-size:14px;line-height:1.5}.auth-info[hidden]{display:none}.auth-note{border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;line-height:1.45;display:flex}.auth-note[hidden]{display:none}.auth-note--warn{color:var(--c-warn);background:color-mix(in srgb, var(--c-warn) 12%, transparent);border:1px solid color-mix(in srgb, var(--c-warn) 38%, transparent)}.auth-note--info{color:var(--c-info);background:color-mix(in srgb, var(--c-info) 10%, transparent);border:1px solid color-mix(in srgb, var(--c-info) 32%, transparent)}.auth-note__icon{flex:none;display:inline-flex}.auth-terms{color:var(--c-text-dim);margin:0;font-size:12px;line-height:1.7}.auth-link{font:inherit;color:var(--c-brand-gold-hi);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0 2px;text-decoration:underline;position:relative}.auth-link:after{content:"";position:absolute;inset:-12px -4px}.auth-link--off{cursor:default;text-decoration:none}.auth-link--off:after{content:none}.login__sheet{padding:8px 18px calc(18px + var(--sa-b));background:var(--c-login-sheet);color:var(--c-brand-cream);border:1px solid var(--c-login-edge);box-shadow:0 -12px 40px var(--c-hud-shade);border-bottom:0;border-radius:24px 24px 0 0;flex-direction:column;grid-area:1/1;gap:10px;display:flex}.login__sheet[hidden]{display:none}.login__grip{background:var(--c-line-strong);border-radius:2px;width:40px;height:4px;margin:2px auto 0}.login__sheet-hd[hidden]{display:none}.login__sheet-hd{grid-template-columns:44px 1fr 44px;align-items:center;min-height:44px;display:grid}.login__sheet-btn{width:44px;height:44px;color:var(--c-brand-cream);cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;display:flex}.login__sheet-btn.is-pressed,.login__sheet-btn:active{background:var(--c-login-glass-press)}.login__sheet-title{text-align:center;color:var(--c-brand-gold-hi);grid-column:2;margin:0;font-size:18px;font-weight:800}.login__sheet-body{gap:12px;display:grid}.login__scrim{display:none}.auth-email,.auth-form{gap:12px;display:grid}.auth-form[hidden]{display:none}.auth-lead{color:var(--c-text-dim);margin:0;font-size:14px;line-height:1.5}.auth-hint{text-align:center;color:var(--c-text-mute);margin:0;font-size:12px}.auth-otp input{text-align:center;letter-spacing:.5em;font-variant-numeric:tabular-nums;font-size:24px;font-weight:700}.auth-title{color:var(--c-brand-gold-hi);margin:0;font-size:20px;font-weight:800}.auth-consent{gap:14px;display:grid}.auth-consent__head{align-items:center;gap:14px;display:flex}.auth-emblem{width:52px;filter:drop-shadow(0 4px 8px var(--c-hud-shade));flex:none;display:block}.auth-emblem img{width:100%;height:auto;display:block}.auth-consent__checks{background:var(--c-login-glass);border:1px solid var(--c-login-edge);border-radius:14px;gap:2px;padding:6px 12px;display:grid}.auth-consent .ui-check{color:var(--c-brand-cream)}.auth-consent .ui-check .auth-terms{font-size:inherit;line-height:inherit;color:inherit}.auth-consent .ui-check.is-checked .ui-check__box{background:var(--c-brand-gold);color:var(--c-brand-forest-deep)}.auth-stack{gap:10px;display:grid}.ui-tabs{border-bottom-color:var(--c-login-edge)}body:not([data-layout=dt]) .login__sheet{left:0;right:0;bottom:var(--kb,0px);z-index:2;max-width:520px;max-height:calc(100% - var(--sa-t) - 16px - var(--kb,0px));overscroll-behavior:contain;margin:0 auto;animation:.22s ease-out login-sheet-up;position:fixed;overflow-y:auto}body:not([data-layout=dt]) .scr-login[data-sheet] .login__scrim{z-index:1;background:var(--c-scrim);display:block;position:fixed;inset:0}@keyframes login-sheet-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}body[data-layout=ml] .login{padding:calc(8px + var(--sa-t)) calc(12px + var(--sa-r)) 8px calc(12px + var(--sa-l));flex-direction:row;justify-content:center;align-items:center;gap:20px}body[data-layout=ml] .login__brand{flex:0 auto;min-height:0}body[data-layout=ml] .login__logo{width:min(40vw,360px)}body[data-layout=ml] .login__stage{max-width:400px;max-height:100%}body[data-layout=ml] .login__card{border-bottom:1px solid var(--c-login-edge);max-height:calc(100vh - 16px - var(--sa-t));border-radius:20px;padding-bottom:14px;overflow-y:auto}body[data-layout=dt] .login{background:radial-gradient(ellipse 70% 80% at 50% 45%, var(--c-login-fade-0) 30%, var(--c-login-fade) 100%);justify-content:center;gap:18px;padding:24px}body[data-layout=dt] .login__brand{flex:none;min-height:0;padding:0}body[data-layout=dt] .login__logo{width:500px}body[data-layout=dt] .login__stage{max-width:400px}body[data-layout=dt] .login__card,body[data-layout=dt] .login__sheet{border-bottom:1px solid var(--c-login-edge);border-radius:22px;padding:20px 22px 16px}body[data-layout=dt] .login__grip,body[data-layout=dt] .scr-login[data-sheet] .login__card{display:none}@media (prefers-reduced-motion:reduce){.login__logo,.auth-prog .ui-bar__fill,.login__sheet{animation:none!important}}.auth-modal{pointer-events:auto;color:var(--c-brand-cream);font-family:var(--font-ui);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-modal__scrim{background:var(--c-scrim);position:fixed;inset:0}.auth-modal .login__sheet{z-index:1;border-bottom:1px solid var(--c-login-edge);border-radius:22px;width:min(400px,100% - 32px);max-height:calc(100% - 32px);padding:14px 20px 18px;position:relative;overflow-y:auto}body:not([data-layout=dt]) .auth-modal .login__sheet{width:auto;padding:8px 18px calc(18px + var(--sa-b));border-bottom:0;border-radius:24px 24px 0 0;position:fixed}body[data-layout=dt] .auth-modal .login__grip{display:none}.auth-modal__hd{grid-template-columns:44px 1fr 44px}.auth-modal__hd .login__sheet-btn:last-child{grid-column:3}.auth-btn--danger.ui-btn{color:var(--c-dmg-me)}.auth-btn--danger.ui-btn.auth-btn--secondary{border-color:color-mix(in srgb, var(--c-dmg-me) 45%, transparent)}.auth-err--block{background:color-mix(in srgb, var(--c-dmg-me) 10%, transparent);border:1px solid color-mix(in srgb, var(--c-dmg-me) 35%, transparent);border-radius:12px;padding:10px 12px}.scr-rc{z-index:var(--z-overlay);padding:calc(var(--u) * var(--sp-4));padding-bottom:max(calc(var(--u) * var(--sp-4)), env(safe-area-inset-bottom));background:var(--c-scrim);pointer-events:auto;touch-action:none;font-family:var(--font-ui);font-size:calc(var(--u) * var(--fs-md));color:var(--c-text);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;line-height:1.5;display:flex;position:fixed;inset:0}.scr-rc__card{align-items:center;gap:calc(var(--u) * var(--sp-2));width:min(100%, calc(var(--u) * 360));padding:calc(var(--u) * var(--sp-5)) calc(var(--u) * var(--sp-4));background:var(--c-panel);border:1px solid var(--c-line);border-radius:var(--r-lg);box-shadow:var(--sh-2);text-align:center;flex-direction:column;display:flex}.scr-rc__spin{width:calc(var(--u) * 28);height:calc(var(--u) * 28)}.scr-rc__title{font-size:calc(var(--u) * var(--fs-xl));margin:0;font-weight:700}.scr-rc__try,.scr-rc__wait{min-height:1.5em;color:var(--c-text-dim);margin:0}.scr-rc .ui-btn{margin-top:calc(var(--u) * var(--sp-2));width:100%}.scr-rc.is-offline .scr-rc__spin{animation-play-state:paused}.ui-wd{gap:calc(var(--u) * var(--sp-2));flex-direction:column;padding-top:0;display:flex}.ui-wd>.ui-tabs{z-index:1;background:var(--c-panel);flex:none;position:sticky;top:0}.ui-wd__dyes{flex-wrap:wrap;flex:none;align-items:center;gap:0;display:flex}.ui-wd__dyelabel{font-size:calc(var(--u) * var(--fs-sm));color:var(--c-text-dim);flex:0 0 100%;font-weight:600;line-height:1.35}.ui-wd__dyes.is-disabled{opacity:.45}.ui-wd__dye{width:max(var(--touch-min), calc(var(--u) * 44));height:max(var(--touch-min), calc(var(--u) * 44));border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.ui-wd__dye[disabled]{pointer-events:none}.ui-wd__dot{width:calc(var(--u) * 26);height:calc(var(--u) * 26);border:2px solid var(--c-inset);box-shadow:0 0 0 1px var(--c-line-strong);border-radius:50%;transition:transform 80ms;display:block}.ui-wd__dye.is-pressed .ui-wd__dot{transform:scale(.92)}.ui-wd__dye.is-selected .ui-wd__dot{border-color:var(--c-text);box-shadow:var(--sh-glow);transform:scale(1.12)}.ui-wd__note,.ui-wd__hint{font-size:calc(var(--u) * var(--fs-sm));color:var(--c-text-mute);margin:0;line-height:1.5}.ui-wd__hint{text-align:center}.ui-wd__list{border-top:1px solid var(--c-line);flex:none;overflow:visible}.ui-win[data-win=win\.settings] .ui-win__body.ui-set{gap:calc(var(--u) * var(--sp-3));flex-direction:column;padding-top:0;display:flex;overflow:hidden}.ui-set>.ui-tabs{flex:none}.ui-set__pane{overscroll-behavior:contain;gap:calc(var(--u) * var(--sp-1));width:100%;min-height:0;padding-bottom:calc(var(--u) * var(--sp-4));flex-direction:column;flex:auto;display:flex;overflow:hidden auto}.ui-set__pane.ui-hidden{display:none}.ui-set__pane>*{flex-shrink:0}body[data-layout=dt] .ui-win[data-win=win\.settings] .ui-win__body.ui-set{gap:calc(var(--u) * var(--sp-4));padding-top:calc(var(--u) * var(--sp-3));flex-direction:row}body[data-layout=dt] .ui-set>.ui-tabs{width:calc(var(--u) * 140);border-bottom:0;border-right:1px solid var(--c-line);flex-direction:column;overflow:hidden auto}body[data-layout=dt] .ui-set>.ui-tabs .ui-tab{text-align:left;border-bottom:0;border-left:2px solid #0000;width:100%}body[data-layout=dt] .ui-set>.ui-tabs .ui-tab.is-active{border-left-color:var(--c-gold);background:var(--c-panel-2)}.ui-set__row{justify-content:space-between;align-items:center;gap:calc(var(--u) * var(--sp-3));min-height:calc(var(--u) * 52);padding:calc(var(--u) * var(--sp-1)) 0;border-bottom:1px solid var(--c-line);display:flex}body[data-layout=dt] .ui-set__row{min-height:calc(var(--u) * 40)}.ui-set__row--stack{align-items:stretch;gap:calc(var(--u) * var(--sp-2));flex-direction:column}.ui-set__lead{flex-direction:column;flex:auto;min-width:0;display:flex}.ui-set__label{font-size:calc(var(--u) * var(--fs-md));color:var(--c-text)}.ui-set__sub{font-size:calc(var(--u) * var(--fs-sm));color:var(--c-text-dim);line-height:1.4}.ui-set__note{font-size:calc(var(--u) * var(--fs-sm));color:var(--c-warn)}.ui-set__ctl{flex:0 auto;justify-content:flex-end;min-width:0;display:flex}.ui-set__row--stack>.ui-set__ctl{justify-content:flex-start}.ui-set__ctl>.ui-slider{width:min(100%, calc(var(--u) * 240))}.ui-set__ctl>.ui-slider .ui-slider__label:empty,.ui-set__ctl>.ui-toggle .ui-toggle__label:empty{display:none}.ui-set__row--stack>.ui-set__ctl>.ui-choice{flex-wrap:wrap;width:100%}.ui-set__sec{margin:calc(var(--u) * var(--sp-4)) 0 calc(var(--u) * var(--sp-1));font-size:calc(var(--u) * var(--fs-sm));letter-spacing:.04em;color:var(--c-gold);font-weight:600}.ui-set__pane.is-muted .ui-slider{opacity:.45}.ui-set__hint{margin:calc(var(--u) * var(--sp-2)) 0 0;font-size:calc(var(--u) * var(--fs-sm));color:var(--c-text-mute);line-height:1.5}.ui-set__reset{margin-top:calc(var(--u) * var(--sp-4));align-self:stretch}.ui-set__preview{margin-top:calc(var(--u) * var(--sp-3));align-self:stretch}.ui-set__pane.is-loading>:not(.ui-set__spin){display:none}.ui-set__spin{margin:calc(var(--u) * var(--sp-6)) 0;align-self:center;display:none}.ui-set__pane.is-loading>.ui-set__spin{display:inline-block}.ui-set__keyrow>.ui-set__ctl{flex:none}.ui-set__chips{gap:calc(var(--u) * var(--sp-2));display:flex}.ui-set__slot{align-items:center;gap:calc(var(--u) * 2);display:inline-flex}.ui-set__slot.ui-hidden{display:none}.ui-set__chip{min-width:calc(var(--u) * 56);font-variant-numeric:tabular-nums;justify-content:center}.ui-set__chip.is-empty{color:var(--c-text-mute)}.ui-set__chip.is-capturing{border-color:var(--c-gold);color:var(--c-gold);min-width:calc(var(--u) * 150)}.ui-set__clr{min-width:calc(var(--u) * 28);padding:0 calc(var(--u) * var(--sp-1))}.ui-set__clr.ui-hidden{display:none}.ui-set__keysfoot{justify-content:space-between;align-items:center;gap:calc(var(--u) * var(--sp-3));margin-top:calc(var(--u) * var(--sp-4));display:flex}.ui-set__acct{gap:calc(var(--u) * var(--sp-2));padding-bottom:calc(var(--u) * var(--sp-3));border-bottom:1px solid var(--c-line);flex-direction:column;display:flex}.ui-set__pane.is-loading>.ui-set__acct{display:flex}.ui-set__who{margin:calc(var(--u) * var(--sp-2)) 0 0;font-size:calc(var(--u) * var(--fs-sm));color:var(--c-text-dim);overflow-wrap:anywhere}.ui-set__acts{gap:calc(var(--u) * var(--sp-2));flex-direction:column;display:flex}.ui-set__acts>.ui-btn{align-self:stretch}body[data-layout=dt] .ui-set__acts>.ui-btn{min-width:calc(var(--u) * 220);align-self:flex-start}.chx,.chx-need{font-family:var(--font-ui);font-size:calc(var(--u) * var(--fs-md));color:var(--c-text);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;line-height:1.5}.chx *,.chx :before,.chx :after,.chx-need *{box-sizing:border-box}:where(.chx,.chx-need) :where(button,input,textarea,select){font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}:where(.chx,.chx-need) :where(button){cursor:pointer;touch-action:manipulation;background:0 0;border:0;margin:0;padding:0}:where(.chx,.chx-need) :where(input,textarea){font-size:max(16px, calc(var(--u) * var(--fs-lg)));-webkit-user-select:text;user-select:text}:where(.chx,.chx-need) :focus{outline:none}.chx :focus-visible,.chx-need :focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}:where(.chx,.chx-need) :where(svg){vertical-align:middle;flex:none;display:inline-block}.scr.chx{background:radial-gradient(130% 70% at 50% 18%, transparent 0%, color-mix(in srgb, var(--c-inset) 40%, transparent) 55%, color-mix(in srgb, var(--c-inset) 94%, transparent) 100%);justify-content:center;align-items:stretch;padding:0}body[data-layout=dt] .scr.chx{background:linear-gradient(90deg, color-mix(in srgb, var(--c-inset) 92%, transparent) 0%, color-mix(in srgb, var(--c-inset) 70%, transparent) 42%, color-mix(in srgb, var(--c-inset) 25%, transparent) 100%)}.chx-wrap{box-sizing:border-box;width:100%;max-width:1240px;height:100%;min-height:0;padding:calc(8px + var(--sa-t)) calc(14px + var(--sa-r)) calc(10px + var(--sa-b)) calc(14px + var(--sa-l));font-family:var(--font-ui);color:var(--c-text);display:grid;position:relative}.chx-title{font-size:calc(var(--u) * var(--fs-xl));letter-spacing:.06em;color:var(--c-gold);text-shadow:0 2px 0 var(--c-gold-deep), var(--sh-text);margin:0;font-weight:800;line-height:1.2}.chx-sub{color:var(--c-text-dim);font-size:calc(var(--u) * var(--fs-md))}.chx-top{align-items:center;gap:calc(var(--u) * var(--sp-2));grid-area:top;min-height:48px;display:flex}.chx-top .chx-title{flex:auto;min-width:0}.chx-top .ui-btn{flex:none}.chx-iconbtn{border-radius:var(--r-md);background:color-mix(in srgb, var(--c-panel-2) 80%, transparent);border:1px solid var(--c-line);width:44px;height:44px;color:var(--c-text);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.chx-iconbtn:active{transform:scale(.96)}.chx-note{border-radius:var(--r-md);border:1px solid color-mix(in srgb, var(--c-warn) 45%, transparent);grid-area:note;margin:4px 0}.chx-note[hidden]{display:none}.chx [hidden],.chx-need[hidden]{display:none!important}.chx-stars{vertical-align:middle;gap:1px;display:inline-flex}.chx-stars .is-on{color:var(--c-gold)}.chx-stars .is-off{color:var(--c-text-mute);opacity:.55}.chx-stars .is-on path{fill:currentColor}.crt-pants{filter:drop-shadow(0 1px 1px var(--c-hud-shade));flex:auto;justify-content:center;align-items:center;display:flex}.crt-pants path{fill:currentColor;fill-opacity:.9}.crt-look{flex-direction:column;gap:10px;display:flex}.crt-lookgrid{flex-direction:column;gap:8px;display:flex}.chx-need .crt-classes{max-height:52vh}.chx-emblem{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--c-gold) 35%, var(--c-panel-2)) 0%, var(--c-panel-2) 70%);border:1px solid color-mix(in srgb, var(--c-gold) 55%, transparent);color:var(--c-gold);box-shadow:var(--sh-1);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.char-pv{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;width:100%;height:100%;min-height:0;position:relative}.char-pv:active{cursor:grabbing}.char-pv__cv{width:100%;height:100%;display:block;position:absolute;inset:0}.char-pv__portrait{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)scale(2)}.char-pv__portrait[hidden]{display:none}.char-pv__hint{font-size:calc(var(--u) * var(--fs-xs));color:var(--c-text-mute);pointer-events:none;position:absolute;bottom:6px;right:8px}.char-pv[data-mode=portrait] .char-pv__hint,.char-pv.is-empty .char-pv__hint{display:none}.chx-sheet{z-index:5;background:var(--c-scrim);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.chx-sheet[hidden]{display:none}.chx-sheet__panel{box-sizing:border-box;background:var(--c-panel);border:1px solid var(--c-line);border-radius:var(--r-lg) var(--r-lg) 0 0;width:100%;max-height:86%;box-shadow:var(--sh-2);padding-bottom:var(--sa-b);flex-direction:column;display:flex;overflow:hidden}body[data-layout=dt] .chx-sheet,body[data-layout=ml] .chx-sheet{align-items:center}body[data-layout=dt] .chx-sheet__panel,body[data-layout=ml] .chx-sheet__panel{border-radius:var(--r-lg);width:min(520px,92%)}.chx-sheet__head{align-items:center;gap:calc(var(--u) * var(--sp-2));border-bottom:1px solid var(--c-line);padding:10px 12px 10px 16px;display:flex}.chx-sheet__head h2{font-size:calc(var(--u) * var(--fs-lg));flex:1;margin:0;font-weight:700}.chx-sheet__body{flex-direction:column;gap:10px;padding:12px 16px 16px;display:flex;overflow:auto}.chx-row{border-radius:var(--r-md);background:var(--c-panel-2);border:1px solid var(--c-line);align-items:center;gap:12px;min-height:64px;padding:8px 10px;display:flex}.chx-row__txt{flex-direction:column;flex:auto;min-width:0;display:flex}.chx-row__name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.chx-row__sub{font-size:calc(var(--u) * var(--fs-sm));color:var(--c-text-dim)}.chx-row__left{font-size:calc(var(--u) * var(--fs-sm));color:var(--c-warn)}.chx-empty{text-align:center;color:var(--c-text-mute);padding:18px 0}.chx-thumb{border-radius:var(--r-sm);background:var(--c-inset);flex:none;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.chx-thumb canvas{width:100%;height:100%;display:block}.chs{grid-template:"top""note""pv"minmax(170px,1fr)"info""list""act""foot"/minmax(0,1fr);row-gap:6px}.chs-pv{grid-area:pv;min-height:0;position:relative}.chs-info{text-align:center;flex-direction:column;grid-area:info;justify-content:flex-end;align-items:center;gap:2px;min-height:64px;display:flex}.chs-name{font-size:calc(var(--u) * var(--fs-2xl));text-shadow:var(--sh-text);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:800;line-height:1.15;overflow:hidden}.chs-meta{font-size:calc(var(--u) * var(--fs-lg));color:var(--c-text);align-items:center;gap:6px;display:flex}.chs-meta .chs-lv{color:var(--c-gold);font-weight:700}.chs-where{font-size:calc(var(--u) * var(--fs-sm));color:var(--c-text-dim);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.chs-invite{color:var(--c-text-dim);font-size:calc(var(--u) * var(--fs-md));padding:0 12px}.chs-list{scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain;grid-area:list;gap:8px;padding:6px 2px 8px;display:flex;overflow:auto hidden}.chs-list::-webkit-scrollbar{display:none}.chs-card{box-sizing:border-box;border-radius:var(--r-md);background:color-mix(in srgb, var(--c-panel) 88%, transparent);border:1px solid var(--c-line);width:72px;height:92px;color:var(--c-text);scroll-snap-align:center;cursor:pointer;font:inherit;flex-direction:column;flex:none;justify-content:flex-end;align-items:center;gap:2px;padding:0 0 4px;display:flex;position:relative;overflow:hidden}.chs-card:active{transform:scale(.97)}.chs-card.is-sel{border-color:var(--c-gold);box-shadow:var(--sh-glow), var(--sh-1);background:color-mix(in srgb, var(--c-gold) 12%, var(--c-panel))}.chs-card__img{justify-content:center;align-items:center;height:68px;display:flex;position:absolute;top:0;left:0;right:0}.chs-card__img canvas{width:68px;height:68px;display:block}.chs-card__name{max-width:100%;font-size:calc(var(--u) * var(--fs-xs));text-overflow:ellipsis;white-space:nowrap;text-shadow:var(--sh-text);padding:0 4px;font-weight:700;position:relative;overflow:hidden}.chs-card__lv{border-radius:var(--r-pill);background:var(--c-inset);color:var(--c-gold);padding:0 5px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:3px;left:3px}.chs-card__cls{display:none}.chs-card__warn{color:var(--c-warn);position:absolute;top:3px;right:3px}.chs-card--new{border-style:dashed;border-color:color-mix(in srgb, var(--c-gold) 60%, transparent);color:var(--c-gold);justify-content:center}.chs-card--new .chs-card__name{color:var(--c-gold);text-shadow:none}.chs-card--empty{color:var(--c-text-mute);border-style:dashed;justify-content:center}.chs-card--locked{color:var(--c-text-mute);background:color-mix(in srgb, var(--c-inset) 80%, transparent);cursor:default;justify-content:center}.chs-card--locked .chs-card__name,.chs-card--empty .chs-card__name,.chs-card--new .chs-card__name{white-space:normal;text-align:center;text-shadow:none;font-weight:600;line-height:1.25}body[data-layout=mp] .chs-card--locked:not([data-act=full]) .chs-card__name{display:none}body[data-layout=mp] .chs-card--locked .chs-card__name{font-size:10px}.chs-card--skel{background:linear-gradient(100deg, var(--c-panel-2) 40%, color-mix(in srgb, var(--c-text) 10%, var(--c-panel-2)) 50%, var(--c-panel-2) 60%);cursor:default;background-size:200% 100%;animation:1.2s linear infinite chs-skel}@keyframes chs-skel{to{background-position:-200% 0}}.chs-act{grid-area:act;gap:8px;display:flex}.chs-act .ui-btn{min-height:56px}.chs-enter{font-size:calc(var(--u) * var(--fs-xl));letter-spacing:.04em;flex:auto}.chs-enter.is-required{background:var(--c-warn);border-color:var(--c-warn);color:var(--c-inset)}.chs-foot{grid-area:foot;justify-content:space-between;gap:8px;display:flex}.chs-foot .ui-btn{box-shadow:none;color:var(--c-text-dim);background:0 0;border-color:#0000}.chs-keys{font-size:calc(var(--u) * var(--fs-sm));color:var(--c-text-mute);grid-area:keys;display:none}.chs-state{color:var(--c-text-dim);grid-area:list;justify-content:center;align-items:center;gap:10px;display:flex}.chs-state[hidden]{display:none}.chs-state .ui-progress{width:160px}.chs-slotnote{font-size:calc(var(--u) * var(--fs-sm));color:var(--c-text-mute);text-align:center}body[data-layout=dt] .chs,body[data-layout=ml] .chs{grid-template:"top top""note note""list pv"minmax(0,1fr)"list info""list act""foot keys"/480px minmax(0,1fr);column-gap:28px}body[data-layout=ml] .chs{grid-template-columns:300px minmax(0,1fr)}body[data-layout=dt] .chs-list,body[data-layout=ml] .chs-list{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:176px;align-content:start;gap:12px;padding:8px 4px;display:grid;overflow:auto}body[data-layout=ml] .chs-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:120px}body[data-layout=dt] .chs-card,body[data-layout=ml] .chs-card{width:auto;height:auto;padding-bottom:8px}body[data-layout=dt] .chs-card__img{height:122px;top:6px}body[data-layout=dt] .chs-card__img canvas{width:116px;height:116px}body[data-layout=dt] .chs-card__name{font-size:calc(var(--u) * var(--fs-md))}body[data-layout=dt] .chs-card__cls{font-size:calc(var(--u) * var(--fs-xs));color:var(--c-text-dim);display:block}body[data-layout=dt] .chs-card__lv{font-size:12px;line-height:18px;top:6px;left:6px}body[data-layout=dt] .chs-card--new .chs-card__name{font-size:calc(var(--u) * var(--fs-lg))}body[data-layout=dt] .chs-info{text-align:left;align-items:flex-start}body[data-layout=dt] .chs-act{max-width:460px}body[data-layout=dt] .chs-keys{align-self:center;display:block}body[data-layout=dt] .chs-foot{justify-content:flex-start}body[data-layout=dt] .chs-state,body[data-layout=ml] .chs-state{align-items:flex-start;padding-top:24px}.crt{grid-template:"top""pv"minmax(140px,32%)"panel"minmax(0,1fr)"foot"/minmax(0,1fr);row-gap:6px}.crt-pv{grid-area:pv;min-height:0;position:relative}.crt-steps{flex:auto;justify-content:center;align-items:center;gap:4px;min-width:0;display:flex}.crt-step{color:var(--c-text-mute);font-size:calc(var(--u) * var(--fs-sm));white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.crt-step i{border:2px solid var(--c-line-strong);width:24px;height:24px;color:var(--c-text-dim);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-style:normal;font-weight:800;display:inline-flex}.crt-step.is-on{color:var(--c-text)}.crt-step.is-on i{background:var(--c-gold);border-color:var(--c-gold);color:var(--c-inset)}.crt-step.is-cur span{color:var(--c-gold);font-weight:700}.crt-step+.crt-step:before{content:"";background:var(--c-line-strong);width:14px;height:2px;margin-right:2px}body[data-layout=mp] .crt-step:not(.is-cur) span{display:none}.crt-panel{border-radius:var(--r-lg);background:color-mix(in srgb, var(--c-panel) 94%, transparent);border:1px solid var(--c-line);min-height:0;box-shadow:var(--sh-2);overscroll-behavior:contain;flex-direction:column;grid-area:panel;gap:10px;padding:12px;display:flex;overflow:hidden auto}.crt-foot{grid-area:foot;gap:8px;display:flex}.crt-foot .ui-btn{min-height:56px;font-size:calc(var(--u) * var(--fs-xl));flex:auto}.crt-h{font-size:calc(var(--u) * var(--fs-md));color:var(--c-text-dim);margin:0;font-weight:700}.crt-classes{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;margin:0 -12px;padding:2px 12px 6px;display:flex;overflow:auto hidden}.crt-classes::-webkit-scrollbar{display:none}.crt-class{scroll-snap-align:center;box-sizing:border-box;text-align:left;width:min(300px,82vw);font:inherit;color:var(--c-text);cursor:pointer;border-radius:var(--r-lg);background:var(--c-panel-2);border:1px solid var(--c-line);box-shadow:var(--sh-1);flex-direction:column;flex:none;gap:6px;padding:12px;display:flex;position:relative}.crt-class.is-sel{border-color:var(--c-gold);box-shadow:var(--sh-glow), var(--sh-1)}.crt-class.is-locked{background:color-mix(in srgb, var(--c-inset) 70%, var(--c-panel-2))}.crt-class.is-locked>:not(.crt-class__lock){opacity:.62}.crt-class__head{align-items:center;gap:10px;display:flex}.crt-class__titles{flex-direction:column;flex:1;min-width:0;display:flex}.crt-class__name{font-size:calc(var(--u) * var(--fs-xl));font-weight:800;line-height:1.2}.crt-class__name small{font-size:calc(var(--u) * var(--fs-sm));color:var(--c-text-mute);margin-left:6px;font-weight:500}.crt-class__role{font-size:calc(var(--u) * var(--fs-sm));color:var(--c-info);font-weight:600}.crt-class__blurb{font-size:calc(var(--u) * var(--fs-sm));color:var(--c-text-dim);margin:0;line-height:1.45}.crt-class__line{font-size:calc(var(--u) * var(--fs-sm));color:var(--c-text);line-height:1.45}.crt-class__line b{color:var(--c-gold);font-weight:700}.crt-class__skills{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.crt-chip{border-radius:var(--r-sm);background:var(--c-inset);border:1px solid var(--c-line);min-height:44px;color:var(--c-text);font:inherit;font-size:calc(var(--u) * var(--fs-sm));text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:4px;padding:4px 8px;display:flex}.crt-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.crt-chip em{color:var(--c-gold);flex:none;font-size:10px;font-style:normal}.crt-class__lock{border-radius:var(--r-pill);background:var(--c-inset);border:1px solid var(--c-line-strong);color:var(--c-text);font-size:calc(var(--u) * var(--fs-sm));align-items:center;gap:4px;padding:2px 10px 2px 6px;font-weight:700;display:inline-flex;position:absolute;top:10px;right:10px}body[data-layout=dt] .crt-classes,body[data-layout=ml] .crt-classes{scroll-snap-type:none;flex-direction:column;margin:0;padding:0;overflow:visible}body[data-layout=dt] .crt-class,body[data-layout=ml] .crt-class{width:auto}.crt-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}body[data-layout=dt] .crt-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.crt-sw{aspect-ratio:1;border-radius:var(--r-md);background:var(--c-inset);border:2px solid var(--c-line);cursor:pointer;min-height:48px;font:inherit;color:var(--c-text);padding:6px;position:relative}.crt-sw i{width:100%;height:100%;box-shadow:inset 0 -4px 0 color-mix(in srgb, var(--c-inset) 35%, transparent), var(--sh-1);border-radius:50%;display:block}.crt-sw.is-sel{border-color:var(--c-gold);box-shadow:var(--sh-glow)}.crt-sw.is-sel:after{content:"";background:var(--c-gold);width:10px;height:10px;box-shadow:0 0 0 2px var(--c-inset);border-radius:50%;position:absolute;bottom:4px;right:4px}.crt-tile{aspect-ratio:3/4;border-radius:var(--r-md);background:var(--c-inset);border:2px solid var(--c-line);cursor:pointer;font:inherit;color:var(--c-text);flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;padding:4px;display:flex;overflow:hidden}.crt-tile canvas{object-fit:contain;flex:auto;width:100%;min-height:0}.crt-tile span{font-size:calc(var(--u) * var(--fs-xs));font-weight:600}.crt-tile.is-sel{border-color:var(--c-gold);box-shadow:var(--sh-glow)}.crt-tile.is-sel span{color:var(--c-gold)}.crt-namebox{align-items:flex-start;gap:8px;display:flex}.crt-namebox .ui-field{flex:auto;min-width:0}.crt-namestate{min-height:24px;font-size:calc(var(--u) * var(--fs-md));color:var(--c-text-dim);align-items:center;gap:6px;display:flex}.crt-namestate[data-st=ok]{color:var(--c-ok)}.crt-namestate[data-st=problem],.crt-namestate[data-st=error]{color:var(--c-warn)}.crt-rule{font-size:calc(var(--u) * var(--fs-sm));color:var(--c-text-mute);margin:0}.crt-summary{border-radius:var(--r-md);background:var(--c-inset);border:1px solid var(--c-line);align-items:center;gap:10px;padding:10px;display:flex}.crt-summary div{flex-direction:column;min-width:0;display:flex}.crt-summary b{font-size:calc(var(--u) * var(--fs-lg))}.crt-summary span{font-size:calc(var(--u) * var(--fs-sm));color:var(--c-text-dim)}body[data-layout=dt] .crt,body[data-layout=ml] .crt{grid-template:"top top""pv panel"minmax(0,1fr)"pv foot"/minmax(0,1fr) 420px;column-gap:28px}body[data-layout=ml] .crt{grid-template-columns:minmax(0,1fr) 360px}