:root{--font:"Barlow", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:"Grenze Gotisch", "Barlow", serif;--font-num:var(--font);--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--h-ls:.01em;--h-tt:none;--tab-tt:uppercase;--tab-ls:.06em;--btn-tt:uppercase;--btn-ls:.06em;--btn-fw:700;--h3-mark:"✎";--sky:#0f0a06;--star:#ffebc866;--sky-vig:radial-gradient(ellipse at center, transparent 50%, #08050321 100%);--fg:#f4e4c1;--fg-2:#e2d0a8;--fg-muted:#d6c39a;--fg-soft:#b39c74;--accent:#c2522a;--accent-fg:#f4e4c1;--gold:#d9a441;--gold-fg:#1e1208;--gold-bright:#f2c14e;--gold-deep:#c9932f;--danger:#c2522a;--success:#7fa35a;--info:#6f95b3;--line:#f4e4c11f;--sel:#d9a441;--focus:#d9a441;--backdrop:#0f0a06bd;--rarity-common:#8f9a8f;--rarity-uncommon:#4f8a5b;--rarity-rare:#3b6fb6;--rarity-epic:#8a4fb6;--rarity-legendary:#d4a017;--rarity-mythic:#d1476f;--strip-bg:repeating-linear-gradient(0deg, #0000002e 0 1px, transparent 1px 3px, #ffffff06 3px 4px, transparent 4px 9px), linear-gradient(180deg, #5e3f27, #432b19);--strip-bg-solid:#503420;--strip-line:4px solid #1c1e22;--strip-shadow:0 10px 30px #0009, inset 0 1px 0 #ffffff14;--plate-bg:#1c1e22;--plate-border:1px solid #0e0f11;--plate-shadow:inset 0 0 0 1px #ffffff0f;--plate-fg:#f4e4c1;--plate-value:var(--gold-bright);--ind-bg:#1c1e22;--ind-shadow:inset 0 0 0 1px #ffffff14, 0 1px 0 #0e0f11;--ind-mark:#f4e4c1;--tab-fg:#e6d4ae;--tab-fg-hover:#fff;--tab-fg-active:#f4e4c1;--subtab-active:var(--tab-fg-active);--crest-bg:var(--plate-bg);--crest-fg:#f4e4c1;--rune:var(--accent);--res-bg:var(--plate-bg);--res-border:var(--plate-border);--res-fg:var(--fg);--res-label:var(--fg-soft);--pop-bg:#1c1e22;--pop-fg:#f4e4c1;--pop-border:2px solid #432b19;--pop-shadow:0 20px 40px #000000b3, 0 0 0 1px #0e0f11;--mi-hover:#ffffff14;--tip-bg:var(--pop-bg);--tip-fg:var(--pop-fg);--tip-border:var(--pop-border);--tip-shadow:var(--pop-shadow);--sub-bg:#432b19;--sub-line:1px solid #22140a;--sub-shadow:0 8px 20px #0000004d;--tray-bg:#4f3727;--tray-border:1px solid #00000080;--tray-shadow:inset 0 2px 3px #00000073;--subind-bg:#1c1e22;--roster-bg:#432b19f2;--roster-bg-solid:#432b19;--roster-border:2px solid #1c1e22;--roster-radius:4px;--roster-shadow:0 10px 24px #0000008c;--ava-bg:#1c1e22;--ava-border:1px solid #2c1a0e;--ava-radius:3px;--ava-shadow:none;--dot-off:#b39c74;--win-bg:repeating-linear-gradient(0deg, #00000038 0 1px, transparent 1px 2px, #ffffff06 2px 3px, transparent 3px 8px), repeating-linear-gradient(0deg, #0006 0 2px, transparent 2px 52px), linear-gradient(180deg, #503420, #372213);--win-fg:var(--fg);--win-muted:var(--fg-muted);--win-soft:var(--fg-soft);--win-border:2px solid #1c1e22;--win-radius:4px;--win-shadow:0 0 0 1px #0e0f11, 0 30px 60px #000000b3, inset 0 1px 0 #ffffff0d;--handle-bg:#1c1e22;--handle-fg:#f4e4c1;--handle-line:2px solid #432b19;--grip:#f4e4c1;--surf:#664836;--surf-border:1px solid #00000073;--surf-shadow:inset 0 1px 0 #ffffff0f;--surf-2:#79563d;--surf-2-border:1px solid #0000006b;--surf-2-hover:#87634a;--surf-2-shadow:inset 0 1px 0 #ffffff12;--r-sm:3px;--r-md:4px;--inp-bg:#1c1e22;--inp-border:1px solid #0e0f11;--btn-bg:linear-gradient(180deg, #5e3f27, #432b19);--btn-bg-hover:linear-gradient(180deg, #6b4a2e, #503420);--btn-fg:#f4e4c1;--btn-border:1px solid #170d06;--btn-radius:3px;--btn-shadow:inset 0 1px 0 #ffffff1a, 0 3px 0 #170d06;--btn-shadow-active:inset 0 2px 4px #000000b3;--btn-hover-t:translateY(-1px);--btn-active-t:translateY(3px);--p-bg:linear-gradient(180deg, #d4643a, #c2522a);--p-bg-hover:linear-gradient(180deg, #dd7046, #cd5c31);--p-fg:#fff5e6;--p-border:1px solid #5a2410;--p-shadow:inset 0 1px 0 #ffffff40, 0 3px 0 #5a2410;--g-bg:linear-gradient(180deg, #ecc367, #d9a441);--g-bg-hover:linear-gradient(180deg, #f2cd74, #e0ac4a);--g-fg:#1e1208;--g-border:1px solid #6e4f12;--g-shadow:inset 0 1px 0 #fff6, 0 3px 0 #5c410e;--d-bg:linear-gradient(180deg, #a8432a, #8a3420);--d-bg-hover:linear-gradient(180deg, #b54c31, #963a24);--d-fg:#fff5e6;--d-border:1px solid #3d1508;--d-shadow:inset 0 1px 0 #ffffff2e, 0 3px 0 #3d1508;--ghost-hover:#ffffff12;--chip-bg:#1c1e22;--chip-fg:#f4e4c1;--chip-border:1px solid #0e0f11;--chip-radius:2px;--chip-shadow:none;--bar-h:14px;--bar-track:#1c1e22;--bar-fill:#7fa35a;--bar-fill-gold:#d9a441;--bar-fill-danger:var(--danger);--bar-border:1px solid #0e0f11;--bar-radius:2px;--bar-sheen:none;--bar-shadow:inset 0 2px 3px #00000080;--bar-label:#fff;--bar-label-halo:0 1px 0 #000000b3;--label-bg:#1c1e22;--label-fg:#f4e4c1;--label-border:1px solid #432b19;--label-radius:2px;--label-shadow:0 2px 0 #0e0f11;--label-npc:var(--gold-bright);--bubble-bg:#f4e4c1;--bubble-fg:#1c1e22;--bubble-radius:4px;--bubble-line:#0000004d;--chat-bg:#f4e4c1;--chat-fg:#1e1208;--chat-ph:#8a7658;--chat-radius:4px;--chat-shadow:0 8px 24px #000000b3, inset 0 0 0 2px #1c1e22;--sb-track:#1c1e22;--sb-thumb:#432b19;--sb-thumb-hover:#5e3f27;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--font-body:var(--font);--s-900:#0e0f11;--s-800:#1c1e22;--s-700:#1c1e22;--s-600:#26292e;--s-500:var(--surf);--s-400:var(--surf-2);--s-300:var(--dot-off);--t-100:var(--fg);--t-300:var(--fg-2);--t-500:var(--fg-muted);--t-700:var(--fg-soft);--moss-300:#98b878;--moss-500:var(--success);--moss-700:#6e8f4e;--moss-900:#3a4d2a;--amber-300:var(--gold-bright);--amber-500:var(--gold);--amber-700:var(--gold-deep);--amber-900:#6e4f12;--c-forest-900:#22140a;--c-forest-800:#2c1a0e;--c-forest-600:var(--moss-700);--c-forest-300:var(--moss-300);--c-wood-800:#432b19;--c-wood-700:#503420;--c-wood-500:var(--surf);--c-wood-300:var(--surf-2);--c-gold-500:var(--amber-700);--c-gold-400:var(--gold);--c-gold-300:var(--gold-bright);--c-parchment-300:var(--inp-bg);--c-parchment-200:var(--plate-bg);--c-parchment-100:#26292e;--c-stone-700:var(--fg-muted);--c-stone-600:var(--fg-soft);--c-stone-400:#8a7658;--c-ink:var(--fg);--c-danger:var(--danger);--c-danger-100:#c2522a2e;--c-success:var(--success);--c-info:var(--info);--radius:var(--btn-radius);--radius-lg:var(--win-radius);--bevel:inset 0 1px 0 #ffffff0f;--stone-grad:linear-gradient(180deg, #503420, #372213);--stone-tex:repeating-linear-gradient(0deg, #00000038 0 1px, transparent 1px 2px, #ffffff06 2px 3px, transparent 3px 8px), repeating-linear-gradient(0deg, #0006 0 2px, transparent 2px 52px);--shadow-pixel:0 4px 0 #170d06, 0 10px 24px #00000080}*{box-sizing:border-box}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}::selection{background:var(--sel);color:var(--gold-fg)}*{scrollbar-width:thin;scrollbar-color:var(--sb-thumb) var(--sb-track)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--sb-track);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--sb-thumb);border:2px solid var(--sb-track);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--sb-thumb-hover)}::-webkit-scrollbar-corner{background:var(--sb-track)}.pixel-frame{background:var(--surf);border:var(--surf-border);border-radius:var(--r-md);box-shadow:var(--surf-shadow);color:var(--win-fg);padding:12px;position:relative}.pixel-frame--hero{padding:14px}.pixel-frame--tight,.pixel-frame--row,.pixel-frame .pixel-frame{background:var(--surf-2);border:var(--surf-2-border);border-radius:var(--r-sm);box-shadow:var(--surf-2-shadow);padding:8px 10px}.pixel-frame--dark{background:var(--inp-bg);border:var(--inp-border);box-shadow:inset 0 2px 4px #00000080}.pixel-frame--glass{background:var(--surf)}.pixel-frame--window,.modal,.auth-card{background:var(--win-bg);color:var(--win-fg);border:var(--win-border);border-radius:var(--win-radius);box-shadow:var(--win-shadow);padding:var(--space-4)}.card{gap:var(--space-2);flex-direction:column;display:flex}.h2,.card__title{font-family:var(--font-display);letter-spacing:var(--h-ls);text-transform:var(--h-tt);color:var(--win-fg);margin:0;font-size:21px;font-weight:600;line-height:1.2}.h2 .muted,.card__title .muted{letter-spacing:inherit;text-transform:none;opacity:.7;font-family:inherit;font-size:16px;font-weight:500}.h3{font-family:var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--fg);border-bottom:1px dashed #f4e4c159;margin:4px 0 0;padding-bottom:3px;font-size:10.5px;font-weight:700;line-height:1.3}.h3:before{content:var(--h3-mark);vertical-align:1px;color:var(--accent);margin-right:6px;font-size:9px}.pixel-frame>.h3:first-child,.stack>.h3:first-child{margin-top:0}.card__subtitle{color:var(--win-muted);margin:0;font-size:12px}.card.is-clickable{cursor:pointer;transition:background .15s,transform .15s cubic-bezier(.2,.8,.2,1),box-shadow .15s}.card.is-clickable:hover{background:var(--surf-2-hover);transform:translate(2px)}.stats{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.stat{background:var(--surf-2);border:var(--surf-2-border);border-radius:var(--r-sm);box-shadow:var(--surf-2-shadow);flex-direction:column;gap:3px;min-width:0;padding:8px 10px;display:flex}.stat__v{font-variant-numeric:tabular-nums;font-size:16px;font-weight:800;font-family:var(--font-num);white-space:nowrap;line-height:1.1}.stat__v small{color:var(--win-muted);font-size:11px;font-weight:600}.stat__l{text-transform:uppercase;letter-spacing:.1em;color:var(--win-soft);font-size:9.5px;font-weight:700}.stat .progress{--bar-h:5px;--bar-radius:2px;margin-top:4px}@media (max-width:560px){.stats{grid-template-columns:repeat(2,1fr)}}.li{background:var(--surf-2);border:var(--surf-2-border);border-radius:var(--r-sm);box-shadow:var(--surf-2-shadow);color:inherit;font:inherit;text-align:left;align-items:center;gap:10px;width:100%;padding:8px 10px;transition:background .15s,transform .15s,box-shadow .15s;display:flex;position:relative}.li.is-clickable{cursor:pointer}.li.is-clickable:hover{background:var(--surf-2-hover);transform:translate(2px)}.li__t{font-size:13px;font-weight:700;line-height:1.25}.li__t .muted{font-weight:500}.li__s{color:var(--win-muted);margin-top:1px;font-size:11.5px;line-height:1.35}.li--ready{box-shadow:var(--surf-2-shadow), 0 0 0 1px var(--success), 0 0 14px color-mix(in srgb, var(--success) 40%, transparent)}.li--ready:before{content:"";background:var(--success);border-radius:2px;width:3px;position:absolute;top:8px;bottom:8px;left:0}.is-dim{opacity:.55}.catrow{background:var(--surf-2);border:var(--surf-2-border);border-radius:var(--r-md);box-shadow:var(--surf-2-shadow);color:inherit;font:inherit;text-align:left;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;padding:10px 12px;transition:background .15s,transform .15s,box-shadow .15s;display:grid}.catrow.is-clickable{cursor:pointer}.catrow.is-clickable:hover{background:var(--surf-2-hover);transform:translate(3px)}.catrow--compact{gap:10px;padding:8px 10px}.catrow__bars{gap:4px;max-width:320px;margin-top:6px;display:grid}.catrow__act{flex-direction:column;flex:none;align-items:flex-end;gap:6px;display:flex}@media (max-width:760px){.catrow{grid-template-columns:auto 1fr}.catrow__act{flex-flow:wrap;grid-column:1/-1;align-items:center}}.seg{background:var(--surf-2);border:var(--surf-2-border);border-radius:var(--r-sm);box-shadow:var(--surf-2-shadow);flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.seg .btn{box-shadow:none;color:var(--win-fg);background:0 0;border-color:#0000;padding:5px 10px}.seg .btn:hover:not(:disabled){background:var(--surf-2-hover);transform:none}.seg .btn.is-active{background:var(--accent);color:var(--accent-fg);box-shadow:none}.seg .btn.is-active:after{display:none}.actions{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.actions .btn{flex-direction:column;gap:3px;padding:8px 4px;font-size:10.5px}.actions .btn .icon{width:16px;height:16px}.bcard__head{align-items:center;gap:10px;display:flex}.bcard__job{background:var(--surf-2);border:var(--surf-2-border);border-radius:var(--r-sm);align-items:center;gap:8px;padding:8px;display:flex}.grid3{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.bicon{image-rendering:pixelated;flex:none;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{font-family:var(--font);font-weight:var(--btn-fw);letter-spacing:var(--btn-ls);text-transform:var(--btn-tt);border:var(--btn-border);border-radius:var(--btn-radius);background:var(--btn-bg);color:var(--btn-fg);cursor:pointer;box-shadow:var(--btn-shadow);-webkit-user-select:none;user-select:none;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:13px;line-height:1.1;transition:transform .14s cubic-bezier(.2,.8,.2,1),box-shadow .14s,background .16s,filter .16s;display:inline-flex;position:relative}.btn:hover:not(:disabled){background:var(--btn-bg-hover);transform:var(--btn-hover-t)}.btn:active:not(:disabled){transform:var(--btn-active-t);box-shadow:var(--btn-shadow-active)}.btn:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.6)}.btn--primary{background:var(--p-bg);color:var(--p-fg);border:var(--p-border);box-shadow:var(--p-shadow)}.btn--primary:hover:not(:disabled){background:var(--p-bg-hover);color:var(--p-fg)}.btn--gold{background:var(--g-bg);color:var(--g-fg);border:var(--g-border);box-shadow:var(--g-shadow)}.btn--gold:hover:not(:disabled){background:var(--g-bg-hover)}.btn--danger{background:var(--d-bg);color:var(--d-fg);border:var(--d-border);box-shadow:var(--d-shadow)}.btn--danger:hover:not(:disabled){background:var(--d-bg-hover)}.btn--ghost{box-shadow:none;color:inherit;background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){background:var(--ghost-hover);transform:none}.btn--ghost:active:not(:disabled){box-shadow:none;transform:none}.btn--sm{padding:6px 10px;font-size:12px}.btn--lg{padding:11px 20px;font-size:15px}.btn--block{width:100%}.btn.is-active{background:var(--ind-bg);color:var(--tab-fg-active);box-shadow:var(--ind-shadow);transform:none}.btn.is-active:after{content:"";background:var(--ind-mark);height:2px;box-shadow:0 0 8px color-mix(in srgb, var(--ind-mark) 70%, transparent);border-radius:1px;position:absolute;bottom:-1px;left:10px;right:10px}.btn .icon{flex:none}.btn .muted{color:inherit;opacity:.7;margin-left:2px;font-size:11px;font-weight:600}.btn--icon{width:32px;height:32px;padding:0}.badge{font-family:var(--font);letter-spacing:.06em;text-transform:uppercase;border:var(--chip-border);border-radius:var(--chip-radius);background:var(--chip-bg);color:var(--chip-fg);white-space:nowrap;box-shadow:var(--chip-shadow);align-items:center;gap:4px;padding:2px 7px;font-size:10.5px;font-weight:700;line-height:1.35;display:inline-flex}.badge--rarity{color:#fff;text-shadow:0 1px #00000080;border-color:#00000080}.badge--COMMON{background:var(--rarity-common)}.badge--UNCOMMON{background:var(--rarity-uncommon)}.badge--RARE{background:var(--rarity-rare)}.badge--EPIC{background:var(--rarity-epic)}.badge--LEGENDARY{background:var(--rarity-legendary)}.badge--MYTHIC{background:var(--rarity-mythic);animation:2s linear infinite shimmer}.badge--success{background:var(--success);color:#fff;text-shadow:0 1px #0000004d;border-color:#0000}.badge--danger{background:var(--danger);color:#fff;text-shadow:0 1px #0000004d;border-color:#0000}.badge--info{background:var(--info);color:#fff;text-shadow:0 1px #0000004d;border-color:#0000}.badge--muted{background:var(--surf-2);color:var(--fg-muted)}.badge--gold{background:var(--gold);color:var(--gold-fg);border-color:#0000}.badge--soft{opacity:.75}.badge--n{background:var(--accent);min-width:18px;height:18px;color:var(--accent-fg);letter-spacing:0;border-color:#0000;border-radius:9px;justify-content:center;padding:0 5px;font-size:10px}.badge--timer{font-family:var(--font-num);font-variant-numeric:tabular-nums;text-transform:none;letter-spacing:.02em;gap:5px;font-size:11px}.badge .icon{width:12px;height:12px}@keyframes shimmer{0%,to{filter:brightness()}50%{filter:brightness(1.25)}}.progress{height:var(--bar-h);background:var(--bar-track);border:var(--bar-border);border-radius:var(--bar-radius);box-shadow:var(--bar-shadow);position:relative;overflow:hidden}.progress__fill{background:var(--bar-fill);height:100%;transition:width .5s cubic-bezier(.2,.8,.2,1);position:relative}.progress__fill:after{content:"";background:var(--bar-sheen);position:absolute;inset:0}.progress--gold .progress__fill{background:var(--bar-fill-gold)}.progress--danger .progress__fill{background:var(--bar-fill-danger)}.progress__label{font-family:var(--font-num);letter-spacing:.02em;color:var(--bar-label);text-shadow:var(--bar-label-halo);z-index:1;white-space:nowrap;place-items:center;font-size:10px;font-weight:700;line-height:1;display:grid;position:absolute;inset:0}.progress--sm{--bar-h:11px}.progress--sm .progress__label{font-size:9px}.progress--lg{--bar-h:16px}.progress--lg .progress__label{font-size:11px}.resource{background:var(--res-bg);border:var(--res-border);color:var(--res-fg);min-width:0;box-shadow:var(--plate-shadow);border-radius:4px;align-items:center;gap:6px;padding:3px 9px 3px 6px;font-size:12.5px;font-weight:700;transition:transform .15s,filter .15s;display:inline-flex;position:relative;overflow:hidden}.resource:hover{filter:brightness(1.15)}.resource__icon{flex:none;width:16px;height:16px;position:relative}.resource__value{white-space:nowrap;font-family:var(--font-num);font-variant-numeric:tabular-nums;position:relative}.resource__max{color:var(--res-label);font-variant-numeric:tabular-nums;margin-left:-2px;font-size:11px;position:relative}.resource__label{color:var(--res-label);font-size:10px;font-family:var(--font);position:relative}.resource__fill{background:var(--success);opacity:.22;pointer-events:none;transition:width .24s ease-out;position:absolute;top:0;bottom:0;left:0}.resource__badge{letter-spacing:.5px;font-size:9px;font-family:var(--font);border:1px solid;border-radius:2px;padding:0 3px;position:relative}.resource--warning .resource__fill{background:var(--gold);opacity:.4}.resource--nearly-full .resource__fill{background:var(--gold-deep);opacity:.5}.resource--full,.resource--over-cap{border-color:var(--danger);color:var(--danger)}.resource--full .resource__fill,.resource--over-cap .resource__fill{background:var(--danger);opacity:.28}.storage-row{grid-template-columns:20px 90px 1fr auto;align-items:center;gap:8px;padding:4px 0;display:grid}.storage-row+.storage-row{border-top:1px dashed var(--line)}.storage-row__name{font-family:var(--font);font-size:12px;font-weight:700}.storage-row__bar{background:var(--bar-track);border:var(--bar-border);border-radius:var(--bar-radius);height:10px;position:relative;overflow:hidden}.storage-row__bar>span{background:var(--bar-fill);height:100%;transition:width .24s ease-out;display:block}.storage-row[data-state=WARNING] .storage-row__bar>span{background:var(--gold)}.storage-row[data-state=NEARLY_FULL] .storage-row__bar>span{background:var(--gold-deep)}.storage-row[data-state=FULL] .storage-row__bar>span,.storage-row[data-state=OVER_CAP] .storage-row__bar>span{background:var(--danger)}.storage-row__value{font-family:var(--font-num);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;font-weight:700}.modal-backdrop{background:var(--backdrop);z-index:50;place-items:center;padding:16px;animation:.14s fade-in;display:grid;position:fixed;inset:0}.modal{width:min(600px,100%);max-height:calc(100vh - 32px);padding:var(--space-4);animation:.22s cubic-bezier(.2,1.2,.4,1) pop-in;overflow:auto}.modal--wide{width:min(940px,100%)}.modal__header{margin:calc(-1 * var(--space-4)) calc(-1 * var(--space-4)) var(--space-3);background:var(--handle-bg);color:var(--handle-fg);border-bottom:var(--handle-line);border-radius:calc(var(--win-radius) - 1px) calc(var(--win-radius) - 1px) 0 0;top:calc(-1 * var(--space-4));z-index:2;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex;position:sticky}.modal__title{font-family:var(--font-display);letter-spacing:var(--h-ls);margin:0;font-size:20px;font-weight:600}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:none}}.toasts{z-index:60;flex-direction:column;gap:8px;width:min(340px,100vw - 32px);display:flex;position:fixed;top:70px;right:16px}.toast{background:var(--pop-bg);color:var(--pop-fg);border:var(--pop-border);border-radius:var(--r-md);box-shadow:var(--pop-shadow);border-left:4px solid var(--info);cursor:pointer;padding:10px 12px;animation:.22s cubic-bezier(.2,1.2,.4,1) slide-in}.toast--success{border-left-color:var(--success)}.toast--error{border-left-color:var(--danger)}.toast__title{font-family:var(--font-display);margin:0;font-size:16px;font-weight:600}.toast__body{color:var(--win-muted);margin:2px 0 0;font-size:12px}@keyframes slide-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}input,select,textarea{font-family:var(--font);border:var(--inp-border);border-radius:var(--r-sm);background:var(--inp-bg);color:var(--win-fg);padding:8px 10px;font-size:13.5px;box-shadow:inset 0 2px 3px #0006}input::placeholder,textarea::placeholder{color:var(--fg-soft)}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--fg-muted) 50%), linear-gradient(135deg, var(--fg-muted) 50%, transparent 50%);background-position:calc(100% - 16px) 55%,calc(100% - 11px) 55%;background-repeat:no-repeat;background-size:5px 5px;padding-right:30px}input:focus,select:focus,textarea:focus{outline:2px solid var(--focus);outline-offset:1px}.select{min-width:0;max-width:100%;display:inline-flex;position:relative}.select__btn{width:100%;min-height:36px;font-family:var(--font);letter-spacing:0;text-transform:none;text-align:left;color:var(--win-fg);background:var(--inp-bg);border:var(--inp-border);border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;font-size:13.5px;font-weight:500;line-height:1.2;display:inline-flex;box-shadow:inset 0 2px 3px #0006}.select__btn:disabled{opacity:.5;cursor:not-allowed}.select__btn[aria-expanded=true]{outline:2px solid var(--focus);outline-offset:1px}.select__label{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.select__label--empty{color:var(--fg-soft)}.select__chev{color:var(--fg-muted);flex:none;transition:transform .2s}.select.is-open .select__chev{transform:rotate(180deg)}.select--sm .select__btn{min-height:30px;padding:4px 8px;font-size:12px}.select__list{z-index:500;background:var(--pop-bg);max-height:292px;color:var(--pop-fg);border:var(--pop-border);border-radius:var(--r-md);box-shadow:var(--pop-shadow);font-family:var(--font);margin:0;padding:6px;font-size:13px;font-weight:600;list-style:none;animation:.14s cubic-bezier(.2,1.2,.4,1) pop-in;position:fixed;overflow:auto}.select__opt{cursor:pointer;white-space:nowrap;border-radius:5px;justify-content:space-between;align-items:center;gap:10px;padding:7px 10px;display:flex}.select__opt.is-active{background:var(--mi-hover)}.select__opt.is-selected{color:var(--gold)}.select__opt.is-selected:after{content:"✓";font-size:11px}.select__opt[aria-disabled=true]{opacity:.45;cursor:not-allowed}input[type=checkbox]{appearance:none;border:var(--inp-border);border-radius:var(--r-sm);background:var(--inp-bg);vertical-align:middle;cursor:pointer;place-items:center;width:20px;height:20px;margin:0 8px 0 0;padding:0;transition:background .15s,box-shadow .15s;display:inline-grid;box-shadow:inset 0 2px 3px #00000080}input[type=checkbox]:before{content:"";border-left:2.5px solid var(--p-fg);border-bottom:2.5px solid var(--p-fg);width:11px;height:6px;transition:transform .18s cubic-bezier(.2,1.4,.4,1);transform:rotate(-45deg)scale(0)translate(1px,-1px)}input[type=checkbox]:hover{background:color-mix(in srgb, var(--inp-bg) 85%, white)}input[type=checkbox]:checked{background:var(--p-bg);border:var(--p-border);box-shadow:inset 0 1px 0 #ffffff40, 0 0 8px color-mix(in srgb, var(--accent) 35%, transparent)}input[type=checkbox]:checked:before{transform:rotate(-45deg)scale(1)translate(1px,-1px)}input[type=radio]{accent-color:var(--accent);box-shadow:none}.slider,input[type=range]{--pct:0%;appearance:none;width:100%;height:22px;box-shadow:none;cursor:pointer;background:0 0;border:0;margin:0;padding:0}input[type=range]::-webkit-slider-runnable-track{border:var(--inp-border);background:linear-gradient(90deg, var(--accent) 0 var(--pct), transparent var(--pct)) no-repeat, var(--inp-bg);border-radius:5px;height:10px;box-shadow:inset 0 2px 3px #00000080}input[type=range]::-moz-range-track{border:var(--inp-border);background:var(--inp-bg);border-radius:5px;height:10px;box-shadow:inset 0 2px 3px #00000080}input[type=range]::-moz-range-progress{background:var(--accent);border-radius:5px;height:10px}input[type=range]::-webkit-slider-thumb{appearance:none;border-radius:var(--btn-radius);border:var(--btn-border);background:var(--btn-bg);width:20px;height:20px;box-shadow:var(--btn-shadow);margin-top:-6px;transition:transform .15s,box-shadow .15s}input[type=range]::-moz-range-thumb{border-radius:var(--btn-radius);border:var(--btn-border);background:var(--btn-bg);width:20px;height:20px;box-shadow:var(--btn-shadow)}input[type=range]:hover::-webkit-slider-thumb{box-shadow:var(--btn-shadow), 0 0 0 3px color-mix(in srgb, var(--focus) 35%, transparent);transform:scale(1.08)}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:var(--btn-shadow), 0 0 0 3px color-mix(in srgb, var(--focus) 35%, transparent);transform:scale(1.08)}input[type=range]:focus-visible{outline:none}.slider-row{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;font-size:12.5px;font-weight:600;display:grid}.slider-row>span:last-child{font-family:var(--font-num);text-align:right;min-width:36px}.tabs{background:var(--tray-bg);border:var(--tray-border);box-shadow:var(--tray-shadow);border-radius:7px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex;position:relative}.tabs__ind{opacity:0;background:var(--subind-bg);width:0;box-shadow:var(--ind-shadow);pointer-events:none;border-radius:5px;transition:transform .3s cubic-bezier(.2,.8,.2,1),width .3s cubic-bezier(.2,.8,.2,1),height .3s cubic-bezier(.2,.8,.2,1),opacity .2s;position:absolute;top:0;left:0}.tabs__ind:after{content:"";background:var(--ind-mark);border-radius:1px;height:2px;position:absolute;bottom:0;left:10px;right:10px}.tabs .btn{z-index:1;box-shadow:none;color:var(--tab-fg);background:0 0;border-color:#0000;transition:color .18s;position:relative}.tabs .btn:hover:not(:disabled){color:var(--tab-fg-hover);background:0 0;transform:none}.tabs .btn.is-active{color:var(--subtab-active);box-shadow:none;background:0 0}.tabs .btn.is-active:after{display:none}.spinner{border:3px solid color-mix(in srgb, currentColor 25%, transparent);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;color:var(--win-muted);padding:var(--space-5);font-size:13.5px}.tooltip{display:inline-flex;position:relative}.tooltip__bubble,.tip-layer{background:var(--tip-bg);color:var(--tip-fg);border:var(--tip-border);border-radius:var(--r-sm);box-shadow:var(--tip-shadow);font-family:var(--font);padding:8px 11px;font-size:11.5px;font-weight:500;line-height:1.45}.tooltip__bubble{transform:translateX(calc(-50% + var(--tip-dx,0px)));white-space:normal;z-index:40;pointer-events:none;width:max-content;max-width:340px;display:none;position:absolute;bottom:calc(100% + 8px);left:50%}.tooltip--below .tooltip__bubble{top:calc(100% + 8px);bottom:auto}.tooltip:hover .tooltip__bubble,.tooltip:focus-within .tooltip__bubble{animation:.12s fade-in;display:block}.tip-layer{z-index:400;pointer-events:none;opacity:0;white-space:normal;max-width:300px;font-size:12px;transition:opacity .12s,transform .12s;position:fixed;top:0;left:0;transform:translateY(4px)}.tip-layer.is-on{opacity:1;transform:none}.tip-layer.is-below{transform:translateY(-4px)}.tip-layer.is-below.is-on{transform:none}.icon{vertical-align:-.15em;flex:none;width:1em;height:1em;display:inline-block}.particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.particle{background:var(--gold);width:6px;height:6px;animation:.9s ease-out forwards particle;position:absolute}.particle:nth-child(3n){background:var(--accent)}@keyframes particle{to{transform:translate(var(--dx), var(--dy)) scale(.2);opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html,body,#root{height:100%}body{background:var(--sky);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}.app-shell{grid-template-rows:auto auto 1fr;min-width:0;height:100vh;display:grid}.app-shell>*{min-width:0}.app-main{background:var(--sky);--ws-w:min(480px, 44vw);--ws-w-tall:min(960px, 72vw);min-height:0;position:relative;overflow:hidden}.hud{--hud-plate-h:34px;background:var(--strip-bg);border-bottom:var(--strip-line);height:58px;box-shadow:var(--strip-shadow);color:var(--fg);z-index:20;align-items:center;gap:12px;padding:0 14px;display:flex;position:relative}.hud__crest{white-space:nowrap;color:inherit;border-radius:6px;align-items:center;gap:10px;min-width:0;padding-right:4px;text-decoration:none;display:flex}.hud__crest:hover .hud__crest-ico{box-shadow:var(--plate-shadow), 0 0 0 1px var(--sel)}.hud__crest-ico{background:var(--crest-bg);border:var(--plate-border);width:38px;height:38px;box-shadow:var(--plate-shadow);color:var(--crest-fg);border-radius:6px;flex:none;place-items:center;transition:box-shadow .15s;display:grid}.hud__crest-txt{flex-direction:column;line-height:1.15;display:flex}.hud__crest-t{font-family:var(--font-display);letter-spacing:var(--h-ls);font-size:16px;font-weight:600}.hud__crest-s{color:var(--fg-muted);align-items:center;gap:6px;font-size:10.5px;display:flex}.hud__epoch .num{font-family:var(--font-num);font-variant-numeric:tabular-nums;color:var(--fg-2)}.hud__rune{background:var(--rune);opacity:.7;width:7px;height:7px;box-shadow:0 0 0 2px var(--plate-bg);flex:none;transform:rotate(45deg)}.hud__tabs{align-items:center;gap:2px;min-width:0;height:100%;display:flex;position:relative}.ind{opacity:0;pointer-events:none;width:0;transition:transform .3s cubic-bezier(.2,.8,.2,1),width .3s cubic-bezier(.2,.8,.2,1),height .3s cubic-bezier(.2,.8,.2,1),opacity .2s;position:absolute;top:0;left:0}.hud__ind{background:var(--ind-bg);box-shadow:var(--ind-shadow);border-radius:6px}.hud__ind:after{content:"";background:var(--ind-mark);height:2px;box-shadow:0 0 8px color-mix(in srgb, var(--ind-mark) 70%, transparent);border-radius:1px;position:absolute;bottom:-1px;left:12px;right:12px}.hud__tab{z-index:1;height:40px;color:var(--tab-fg);font-family:var(--font);letter-spacing:var(--tab-ls);text-transform:var(--tab-tt);white-space:nowrap;border-radius:6px;align-items:center;gap:7px;padding:0 14px;font-size:12.5px;font-weight:700;text-decoration:none;transition:color .18s;display:inline-flex;position:relative}.hud__tab .icon{opacity:.85;width:15px;height:15px}.hud__tab:hover{color:var(--tab-fg-hover)}.hud__tab.is-active{color:var(--tab-fg-active)}.hud__tab-wrap{align-items:center;height:100%;display:flex;position:relative}.hud__tab--menu{font-family:inherit;line-height:inherit;cursor:pointer;background:0 0;border:0;margin:0}.hud__tab--menu .hud__chev{margin-left:-2px;transition:transform .25s;display:grid}.hud__tab-wrap.is-open .hud__chev{transform:rotate(180deg)}.hud__tab-wrap .hud__pop{transform-origin:0 0;top:calc(100% - 4px);left:0;right:auto}.hud__tab-wrap .hud__pop .hud__n{margin-left:auto}.hud__n,.hud__badge{background:var(--danger);color:#fff;min-width:16px;height:16px;font-family:var(--font-num);border-radius:8px;place-items:center;padding:0 4px;font-size:9.5px;font-weight:800;line-height:1;display:inline-grid}.hud__badge{box-shadow:0 0 0 2px var(--strip-bg-solid);position:absolute;top:2px;right:2px}.hud__badge.is-pulse:after{content:"";border-radius:inherit;border:2px solid var(--danger);animation:1.8s ease-out infinite pulse-ring;position:absolute;inset:-3px}@keyframes pulse-ring{0%{opacity:.9;transform:scale(.7)}to{opacity:0;transform:scale(1.8)}}.hud__online{height:var(--hud-plate-h);border:var(--plate-border);background:var(--plate-bg);box-shadow:var(--plate-shadow);color:var(--fg-2);font-family:var(--font-num);white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.hud__online-dot{background:var(--success);width:7px;height:7px;box-shadow:0 0 7px color-mix(in srgb, var(--success) 75%, transparent);border-radius:50%}.hud__treasury{align-items:center;gap:8px;margin-left:auto;display:flex;position:relative}.hud__treasury>.resource{height:var(--hud-plate-h);background:var(--plate-bg);border:var(--plate-border);box-shadow:var(--plate-shadow);color:var(--plate-fg);border-radius:6px;gap:6px;padding:0 12px;font-size:13.5px;line-height:1}.hud__treasury>.resource .resource__value{color:var(--plate-value);font-size:13px;font-weight:800}.hud__treasury>.resource .resource__label{letter-spacing:.12em;font-size:9.5px}.hud__pop-wrap{position:relative}.hud__res-toggle{height:var(--hud-plate-h);background:var(--plate-bg);border:var(--plate-border);box-shadow:var(--plate-shadow);font-family:var(--font);color:var(--fg-2);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:0 10px;font-size:12px;font-weight:700;transition:filter .15s;display:flex}.hud__res-toggle:hover,.hud__pop-wrap.is-open .hud__res-toggle{filter:brightness(1.25)}.hud__res-toggle .icon{margin-right:-3px}.hud__treasury .icon{width:16px;height:16px}.hud__res-label{margin-left:8px}.hud__chev{margin-left:5px;transition:transform .25s;display:grid}.hud__pop-wrap.is-open .hud__chev{transform:rotate(180deg)}.hud__pop{background:var(--pop-bg);min-width:340px;color:var(--pop-fg);border:var(--pop-border);box-shadow:var(--pop-shadow);z-index:30;transform-origin:100% 0;border-radius:8px;padding:10px;animation:.18s cubic-bezier(.2,1.2,.4,1) pop-in;position:absolute;top:calc(100% + 10px);right:0}.hud__pop-grid{gap:4px;display:grid}.hud__pop-grid .resource{background:var(--surf-2);border:var(--surf-2-border);width:100%;color:var(--pop-fg);justify-content:flex-start;padding:6px 8px}.hud__pop-grid .resource__label{margin-left:auto}.hud__pop-grid a{color:inherit;text-decoration:none;display:flex}.hud__pop-foot{border-top:1px solid var(--line);color:var(--win-muted);gap:6px;margin-top:8px;padding-top:8px;font-size:11px;display:grid}.hud__frag{color:var(--pop-fg);font-weight:700;font-family:var(--font-num);align-items:center;gap:5px;text-decoration:none;display:inline-flex}.hud__frag:hover{color:var(--gold)}.hud__pop--menu{gap:2px;min-width:210px;padding:6px;display:grid}.hud__pop--menu[hidden]{display:none}.hud__mi{color:var(--pop-fg);border-radius:5px;align-items:center;gap:10px;padding:8px 10px;font-size:12.5px;font-weight:600;text-decoration:none;transition:background .12s,transform .12s,color .12s;display:flex}button.hud__mi{width:100%;font-family:var(--font);text-align:left;cursor:pointer;background:0 0;border:0;font-size:12.5px;font-weight:600}.hud__pop-sep{background:var(--line);height:1px;margin:4px 2px;display:block}.hud__mi--danger{color:var(--danger)}.hud__mi--danger:hover{background:color-mix(in srgb, var(--danger) 14%, transparent);color:color-mix(in srgb, var(--danger) 70%, white)}.hud__mi .icon{width:16px;height:16px}.hud__mi:hover,.hud__mi.is-active{background:var(--mi-hover);color:var(--pop-fg);transform:translate(2px)}.hud__ibtn{width:var(--hud-plate-h);height:var(--hud-plate-h);color:var(--fg-2);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;transition:background .15s;display:grid;position:relative}.hud__ibtn:hover,.hud__ibtn.is-active{background:var(--ghost-hover);color:var(--fg)}.hud__ibtn .icon{width:18px;height:18px}.hud__admin{background:var(--d-bg);color:var(--d-fg);border:var(--d-border);font-family:var(--font);letter-spacing:.06em;text-transform:uppercase;box-shadow:var(--d-shadow);border-radius:4px;padding:5px 10px;font-size:11px;font-weight:800;text-decoration:none}.hud__admin.is-active{box-shadow:var(--btn-shadow-active)}.demo-banner{background:var(--gold);color:var(--gold-fg);letter-spacing:.1em;text-transform:uppercase;border-radius:3px;padding:1px 6px;font-size:9.5px;font-weight:800;display:inline-block}.subnav{background:var(--sub-bg);border-bottom:var(--sub-line);height:42px;box-shadow:var(--sub-shadow);color:var(--fg);z-index:15;align-items:center;gap:14px;padding:0 16px;display:flex;position:relative;overflow:auto hidden}.subnav--empty{height:0;box-shadow:none;border:0;overflow:hidden}.subnav__crumb{letter-spacing:.12em;text-transform:uppercase;color:var(--fg-soft);white-space:nowrap;font-size:11px;font-weight:700}.subnav__tabs{background:var(--tray-bg);border:var(--tray-border);box-shadow:var(--tray-shadow);border-radius:7px;gap:2px;padding:3px;display:flex;position:relative}.subnav__ind{background:var(--subind-bg);box-shadow:var(--ind-shadow);border-radius:5px}.subnav__ind:after{content:"";background:var(--ind-mark);border-radius:1px;height:2px;position:absolute;bottom:0;left:10px;right:10px}.subnav__tab{z-index:1;color:var(--tab-fg);font-family:var(--font);letter-spacing:var(--tab-ls);text-transform:var(--tab-tt);white-space:nowrap;border-radius:5px;padding:6px 12px;font-size:12px;font-weight:700;text-decoration:none;transition:color .18s;position:relative}.subnav__tab:hover{color:var(--tab-fg-hover)}.subnav__tab.is-active{color:var(--subtab-active)}.roster{z-index:12;background:var(--roster-bg);border:var(--roster-border);border-radius:var(--roster-radius);width:88px;box-shadow:var(--roster-shadow);flex-direction:column;gap:8px;padding:8px;display:flex;position:absolute;top:12px;left:12px}.roster__ava{border-radius:var(--ava-radius);background:var(--ava-bg);border:var(--ava-border);width:68px;height:68px;box-shadow:var(--ava-shadow);cursor:pointer;color:inherit;flex:none;place-items:center;margin:0 auto;padding:0;transition:transform .18s cubic-bezier(.2,.9,.3,1.2),box-shadow .18s;display:grid;position:relative}.roster__ava .cat-portrait{box-shadow:none;background:0 0;border:0}.roster__ava:hover{box-shadow:0 0 0 1px var(--sel);transform:translate(3px)scale(1.04)}.roster__ava.is-active{box-shadow:0 0 0 2px var(--sel), 0 0 14px color-mix(in srgb, var(--sel) 40%, transparent)}.roster__dot{background:var(--dot-off);border:2px solid var(--roster-bg-solid);border-radius:50%;width:11px;height:11px;position:absolute;bottom:-3px;right:-3px}.roster__dot--work{background:var(--success);box-shadow:0 0 8px var(--success)}.roster__dot--lucky{background:var(--gold)}.roster__dot--upgrade{background:var(--info)}.roster__btn{font-family:var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-2);background:var(--btn-bg);border:var(--btn-border);border-radius:var(--btn-radius);box-shadow:var(--btn-shadow);cursor:pointer;flex-direction:column;align-items:center;gap:3px;padding:6px 4px 5px;font-size:9px;font-weight:700;line-height:1;transition:transform .14s cubic-bezier(.2,.8,.2,1),box-shadow .14s,color .14s;display:flex}.roster__btn .icon{width:16px;height:16px}.roster__btn:hover{background:var(--btn-bg-hover);color:var(--fg);transform:translateY(-1px)}.roster__btn:active{transform:var(--btn-active-t);box-shadow:var(--btn-shadow-active)}.roster__tally{background:var(--plate-bg);border:var(--plate-border);border-radius:var(--r-sm);box-shadow:var(--plate-shadow);line-height:1.1;font-family:var(--font-num);font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;padding:5px 4px 4px;display:flex}.roster__tally-n{white-space:nowrap;color:var(--fg-soft);font-size:11px;font-weight:700}.roster__tally-n b{color:var(--gold-bright);font-size:15px;font-weight:800}.roster__tally small{font-family:var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-soft);margin-top:2px;font-size:8px;font-weight:700}.grid{gap:var(--space-3);display:grid}.grid--cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.grid--2{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));align-items:start;gap:12px}.stack{flex-direction:column;gap:10px;min-width:0;display:flex}.stack--tight{gap:6px}.row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.row--between{justify-content:space-between}.row--nowrap{flex-wrap:nowrap}.row--end{justify-content:flex-end}.grow{flex:auto;min-width:0}.muted{color:var(--fg-muted);font-size:12.5px;line-height:1.45}.small{font-size:11.5px}.num{font-variant-numeric:tabular-nums;font-family:var(--font-num)}.divider{background:var(--line);height:1px;margin:2px 0}.page__title{font-family:var(--font-display);color:var(--win-fg);letter-spacing:var(--h-ls);align-items:center;gap:10px;margin:0;font-size:21px;font-weight:600;display:flex}.page__title:before{content:var(--h3-mark);color:var(--accent);font-size:12px}.kv{grid-template-columns:auto 1fr;gap:5px 14px;margin:0;font-size:12.5px;display:grid}.kv dt{color:var(--fg-muted)}.kv dd{text-align:right;font-weight:600;font-family:var(--font-num);font-variant-numeric:tabular-nums;margin:0;font-size:12px}.kv dd .muted{font-weight:500}.form-field{letter-spacing:.06em;text-transform:uppercase;color:var(--fg-soft);flex-direction:column;gap:4px;font-size:11px;font-weight:700;display:flex}.form-field input,.form-field select,.form-field textarea{letter-spacing:0;text-transform:none;font-weight:500}.table{border-collapse:collapse;width:100%;font-size:12.5px}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:7px 8px}.table th{color:var(--fg-soft);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:700}.table td{font-variant-numeric:tabular-nums}.table tr:last-child td{border-bottom:0}.table tr.is-me td{background:color-mix(in srgb, var(--accent) 14%, transparent)}.table td.num,.table th.num{text-align:right;font-family:var(--font-num)}.table-wrap{overflow-x:auto}.breakdown{font-variant-numeric:tabular-nums;grid-template-columns:1fr auto;gap:2px 12px;font-size:12px;display:grid}.breakdown__total{border-top:1px solid var(--line);padding-top:4px;font-weight:700}.wpick{gap:6px;display:grid}.wpick__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.wpick__head .select__btn{min-height:28px;padding:3px 8px;font-size:12px}.li.wpick__row{grid-template-columns:26px minmax(0,1fr) auto;gap:8px;display:grid}.wpick__trigger{box-shadow:var(--surf-2-shadow), 0 0 0 1px color-mix(in srgb, var(--fg) 25%, transparent)}.wpick__list .wpick__row.is-selected{box-shadow:var(--surf-2-shadow), 0 0 0 1px var(--sel)}.wpick__list{gap:4px;max-height:min(320px,44vh);padding:2px;display:grid;overflow-y:auto}.wpick__sec{letter-spacing:.1em;text-transform:uppercase;color:var(--win-soft);margin:4px 2px 0;font-size:10px;font-weight:700}.wpick__rank{font-family:var(--font-num);color:var(--win-muted);text-align:center;font-size:11px}.wpick__row[data-rank="1"] .wpick__rank,.wpick__trigger .wpick__rank{color:var(--gold);font-weight:700}.wpick__who{min-width:0}.wpick__who>.li__t,.wpick__who>.li__s{display:block}.wpick__star{color:var(--gold);cursor:help}.wpick__best{margin-left:6px}.wpick__warn{color:var(--danger)}.wpick__out{text-align:right;font-family:var(--font-num);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.wpick__out b{font-size:13px}.wpick__caret{color:var(--win-muted);margin-left:8px}@media (max-width:420px){.li.wpick__row{grid-template-columns:26px minmax(0,1fr)}.wpick__out{text-align:left;grid-column:2}}.world{transition:right .38s cubic-bezier(.2,.8,.2,1),bottom .38s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;overflow:hidden}.world__host{position:absolute;inset:0}.world__host:after{content:"";pointer-events:none;background:var(--sky-vig);position:absolute;inset:0}.world__fade{z-index:3;pointer-events:none;position:absolute;inset:0}.world__fade canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.world canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block}.world__labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.world__label{font-family:var(--font);letter-spacing:.02em;color:var(--rarity,var(--label-fg));background:var(--label-bg);border:var(--label-border);border-radius:var(--label-radius);box-shadow:var(--label-shadow);white-space:nowrap;padding:2px 7px;font-size:11px;font-weight:700;transition:color .15s,box-shadow .15s;position:absolute;transform:translate(-50%,-100%)}.world__says{pointer-events:none;position:absolute;inset:0;overflow:hidden}.world__say{position:absolute;top:0;left:0}.world__bubble{background:var(--bubble-bg);width:max-content;min-width:34px;max-width:min(220px,40vw);color:var(--bubble-fg);border-radius:var(--bubble-radius);box-shadow:0 0 0 1px var(--bubble-line);font-family:var(--font);text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;padding:6px 10px;font-size:11.5px;font-weight:600;line-height:1.35;animation:.18s cubic-bezier(.2,1.2,.4,1) bubble-in;position:relative}.world__bubble:before,.world__bubble:after{content:"";border:6px solid #0000;border-bottom:0;width:0;height:0;position:absolute;left:50%;transform:translate(-50%)}.world__bubble:before{border-top-color:var(--bubble-line);top:100%}.world__bubble:after{border-top-color:var(--bubble-bg);top:calc(100% - 1px)}@keyframes bubble-in{0%{opacity:0;transform:translateY(4px)scale(.92)}}.world__label--npc{color:var(--label-npc);font-size:10.5px}.world__label--lucky{color:var(--gold);box-shadow:var(--label-shadow), 0 0 10px color-mix(in srgb, var(--gold) 60%, transparent)}.world__label.is-hover,.world__label--sel{color:var(--sel);box-shadow:var(--label-shadow), 0 0 0 1px var(--sel)}.world__banners{pointer-events:none;z-index:7;transition:right .38s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;bottom:0;left:0}.world__banners>*{pointer-events:auto}.world__banner{z-index:5;background:var(--pop-bg);max-width:calc(100% - 200px);color:var(--pop-fg);border:var(--pop-border);border-radius:var(--r-md);box-shadow:var(--pop-shadow);padding:8px 12px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.world__devbox{z-index:13;width:272px;max-height:calc(100% - 24px);padding:8px 10px;font-size:12px;position:absolute;bottom:66px;left:12px;overflow:auto}.world__devbox.is-min{width:auto;padding:6px 10px;overflow:visible}.devbox__bar{width:100%;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.12em;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-family:inherit;font-size:10px;font-weight:800;display:flex}.devbox__bar:hover{color:var(--fg)}.world__devbox:not(.is-min) .devbox__bar{border-bottom:1px solid var(--line);margin-bottom:8px;padding-bottom:6px}.devbox__chev{margin-left:auto;transition:transform .25s;display:grid}.world__devbox.is-min .devbox__chev{transform:rotate(180deg)}.devbox__row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.devbox__row--foot{border-top:1px solid var(--line);margin-top:8px;padding-top:6px}.devbox__lbl{letter-spacing:.08em;text-transform:uppercase;width:34px;color:var(--fg-soft);font-size:10px;font-weight:800}.devbox__seg{background:var(--tray-bg);border:var(--tray-border);border-radius:5px;flex-wrap:wrap;gap:2px;padding:2px;display:inline-flex}.devbox__opt{color:var(--fg-2);cursor:pointer;background:0 0;border:0;border-radius:3px;padding:3px 6px;font-family:inherit;font-size:10.5px;font-weight:700}.devbox__opt:hover{color:var(--fg)}.devbox__opt.is-on{background:var(--accent);color:var(--accent-fg)}.devbox__help{color:var(--fg-muted);margin-top:6px;font-size:11px;line-height:1.35}.devbox__status{color:var(--fg-2);flex-wrap:wrap;gap:10px;margin-top:4px;font-size:11px;display:flex}.devbox__note{margin-top:4px}.devbox__dot{background:var(--gold-bright);border-radius:50%;width:7px;height:7px}.devbox__compass{border-top:1px solid var(--line);margin:8px 0 4px;padding-top:6px}.devbox__compass svg{margin:0 auto;display:block}.world__devbox ol{margin:6px 0;padding-left:18px}.world__devbox li{justify-content:space-between;gap:6px;display:flex}.world__devbox textarea{box-sizing:border-box;width:100%;font:11px/1.4 var(--font-mono);background:var(--inp-bg);color:inherit;border:var(--inp-border);resize:vertical;border-radius:4px;margin-top:6px;padding:4px 6px}.ws{width:var(--ws-w);z-index:10;background:var(--win-bg);height:calc(100% - 24px);color:var(--win-fg);border:var(--win-border);border-radius:var(--win-radius);box-shadow:var(--win-shadow);flex-direction:column;transition:transform .38s cubic-bezier(.2,.8,.2,1),width .38s cubic-bezier(.2,.8,.2,1),height .38s cubic-bezier(.2,.8,.2,1),visibility;animation:.38s cubic-bezier(.2,.8,.2,1) ws-in;display:flex;position:absolute;top:12px;right:12px}.ws:after{content:"";pointer-events:none;z-index:4;border-radius:inherit;background:radial-gradient(circle,#a4a4ac 0 1.6px,#33343a 2px 3px,#0000 3.5px) 5px 24px/12px 52px repeat-y,radial-gradient(circle,#a4a4ac 0 1.6px,#33343a 2px 3px,#0000 3.5px) calc(100% - 5px) 24px/12px 52px repeat-y;position:absolute;inset:0}.app-main.ws-tall .ws{width:var(--ws-w-tall)}.ws.is-collapsed{height:46px;overflow:hidden}.ws.is-collapsed .ws__handle{border-radius:calc(var(--win-radius) - 1px);border-bottom:0}.ws.is-closed{visibility:hidden;transition:transform .38s cubic-bezier(.2,.8,.2,1),visibility 0s .38s;transform:translate(calc(100% + 24px))}@keyframes ws-in{0%{transform:translate(calc(100% + 24px))}}@keyframes ws-in-sheet{0%{transform:translateY(102%)}}.ws__handle{background:var(--handle-bg);height:46px;color:var(--handle-fg);border-bottom:var(--handle-line);border-radius:calc(var(--win-radius) - 1px) calc(var(--win-radius) - 1px) 0 0;-webkit-user-select:none;user-select:none;flex:none;align-items:center;gap:12px;padding:0 8px 0 16px;display:flex;position:relative}.ws__toggle{min-width:0;height:100%;color:inherit;cursor:pointer;text-align:left;font:inherit;background:0 0;border:0;flex:1;align-items:center;gap:12px;padding:0;display:flex}.ws__grip{gap:3px;margin-right:4px;display:flex}.ws__grip i{background:var(--grip);border-radius:2px;width:4px;height:14px}.ws__crumb{font-family:var(--font-display);letter-spacing:.02em;text-transform:var(--h-tt);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;min-width:0;font-size:17px;font-weight:600;display:flex;overflow:hidden}.ws__crumb .muted{color:inherit;opacity:.6;letter-spacing:inherit;text-transform:none;font-family:inherit;font-size:15px;font-weight:600}.ws__crumb .icon{width:16px;height:16px}.ws__ctl{gap:4px;margin-left:auto;display:flex}.ws__ctl svg{transition:transform .3s}.ws.is-collapsed .ws__collapse svg{transform:rotate(180deg)}.ws__body{flex:1;min-height:0;padding:14px 18px 18px;overflow:auto}.ws__body>.stack,.ws__body>.grid{animation:.3s cubic-bezier(.2,.8,.2,1) both rise}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.ws__tray{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.chatbar{pointer-events:none;z-index:8;justify-content:center;padding:0 12px;transition:right .38s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;bottom:16px;left:0}.chatbar__stack{flex-direction:column;gap:8px;width:min(520px,100%);display:flex}.chatbar__form{pointer-events:auto;background:var(--chat-bg);border-radius:var(--chat-radius);box-shadow:var(--chat-shadow);align-items:center;gap:8px;padding:0 14px;transition:box-shadow .2s;display:flex}.chatbar__input,.chatbar__input:focus{min-width:0;height:38px;box-shadow:none;color:var(--chat-fg);font-family:var(--font);background:0 0;border:0;border-radius:0;outline:none;flex:1;padding:0;font-size:13px;font-weight:600}.chatbar__input::placeholder{color:var(--chat-ph);font-weight:500}.chatbar__input:disabled{cursor:not-allowed}.chatbar__tools{justify-content:center;display:flex}.chatbar__history{pointer-events:auto;border-radius:var(--chat-radius);height:24px;color:var(--chat-ph);font-family:var(--font);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:5px;padding:0 8px;font-size:10px;font-weight:800;transition:background .15s,color .15s;display:inline-flex}.chatbar__history:hover{color:var(--chat-fg);background:#00000012}.chatbar__history.is-on{color:var(--chat-fg);background:#0000001a}.chatbar__tools .chatbar__history{background:var(--chat-bg);height:28px;color:var(--chat-ph);box-shadow:var(--chat-shadow);padding:0 12px}.chatbar__tools .chatbar__history:hover{background:var(--chat-bg);color:var(--chat-fg)}.chatbar__log{pointer-events:auto;color:#fff;border-radius:var(--r-md);font-family:var(--font);background:#00000080;padding:10px 8px 10px 14px;font-size:11.5px;line-height:1.45;box-shadow:0 10px 28px #0006}.chatbar__scroll{scrollbar-width:thin;scrollbar-color:#ffffff59 transparent;flex-direction:column;gap:3px;max-height:min(280px,36vh);padding-right:10px;display:flex;overflow-y:auto}.chatbar__scroll::-webkit-scrollbar{width:6px}.chatbar__scroll::-webkit-scrollbar-track{box-shadow:none;background:0 0}.chatbar__scroll::-webkit-scrollbar-thumb{box-shadow:none;background:#ffffff4d;border:0;border-radius:999px}.chatbar__scroll::-webkit-scrollbar-thumb:hover{background:#ffffff80}.chatbar__line{grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:6px;display:grid}.chatbar__line b{color:var(--gold);font-weight:800}.chatbar__said{overflow-wrap:anywhere}.chatbar__at{color:#ffffff73;font-variant-numeric:tabular-nums;font-size:9.5px}.chatbar__line--system{color:#fff9;grid-template-columns:minmax(0,1fr);font-style:italic}.chatbar__empty{color:#ffffff80;font-style:italic}.chatbar__hint{letter-spacing:.1em;text-transform:uppercase;color:var(--chat-ph);font-size:9.5px;font-weight:800}.reqs{gap:2px var(--space-2);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));font-size:12px;line-height:1.5;display:grid}.req{white-space:nowrap;align-items:baseline;gap:4px;display:flex}.req__mark{font-weight:700}.req--met .req__mark{color:var(--success)}.req--short .req__mark,.req--short .req__amount{color:var(--danger)}.req--short .req__amount{font-weight:700}.req__label{color:var(--fg-soft)}.req__missing{color:var(--danger);font-weight:700}.req--note{color:var(--fg-soft)}.reqs__heading{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-soft);font-size:11px;font-weight:700}.reqs__note{color:var(--fg-soft);font-size:12px}.req__reason{color:var(--danger);font-size:12px;font-weight:700}.tutorial{z-index:14;background:var(--pop-bg);width:min(340px,100% - 132px);color:var(--pop-fg);border:var(--pop-border);border-radius:var(--r-md);box-shadow:var(--pop-shadow);padding:12px 14px;position:absolute;top:12px;left:112px}.tutorial__title{font-family:var(--font-display);font-size:16px;font-weight:600}.note{border-bottom:1px solid var(--line);padding-bottom:8px}.note.is-read{opacity:.6}.note__hint{color:var(--gold);margin-top:4px;font-size:11.5px;font-weight:700}.note__act{gap:6px;margin-top:6px}.notes-panel{z-index:40;background:var(--pop-bg);width:360px;max-width:calc(100vw - 24px);max-height:70vh;color:var(--pop-fg);border:var(--pop-border);border-radius:var(--r-md);box-shadow:var(--pop-shadow);padding:16px;animation:.2s cubic-bezier(.2,1.2,.4,1) pop-in;position:fixed;top:66px;right:12px;overflow:auto}.admin{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:16px;display:grid}.admin__nav{position:sticky;top:0}.admin__nav a{color:inherit;text-decoration:none}@media (max-width:900px){.admin{grid-template-columns:1fr}.admin__nav{position:static}}.cat-portrait{width:64px;height:64px;image-rendering:pixelated;background:var(--ava-bg);border:var(--ava-border);border-radius:var(--ava-radius);box-shadow:var(--ava-shadow)}.cat-portrait--lg{width:128px;height:128px}.stat-bars{gap:4px;display:grid}.stat-bar{grid-template-columns:90px 1fr 32px;align-items:center;gap:8px;font-size:12px;display:grid}.stat-bar__track{position:relative}.stat-bar__band{border-inline:2px solid var(--gold);pointer-events:none;opacity:.75;position:absolute;inset-block:-2px}.rule{border:0;border-top:1px solid var(--line);width:100%;margin:10px 0 0}.good{color:var(--success)}.warn{color:var(--gold);font-weight:600}.stat-bar strong{text-align:right;font-family:var(--font-num);font-variant-numeric:tabular-nums}.quality-stars{color:var(--gold);letter-spacing:1px;white-space:nowrap;font-size:13px}.quality-stars--dim{color:var(--fg-soft)}.odds-row{grid-template-columns:96px 52px 1fr 52px;align-items:center;gap:10px;display:grid}.odds-row .progress{--bar-h:8px}.pack-reveal{place-items:center;min-height:220px;display:grid;position:relative}.pack-reveal__box{border:2px solid var(--gold);border-radius:var(--r-md);width:120px;height:150px;box-shadow:inset 0 0 0 3px #0e0f11, inset 0 0 0 4px var(--gold), 0 12px 30px #0009;background:linear-gradient(#2a2d33,#1c1e22);animation:.9s ease-in-out pack-shake}@keyframes pack-shake{0%,to{transform:rotate(0)}20%{transform:rotate(-6deg)translate(-4px)}40%{transform:rotate(6deg)translate(4px)}60%{transform:rotate(-4deg)}80%{transform:rotate(4deg)scale(1.06)}}.pack-card{border:var(--surf-border);border-radius:var(--r-md);background:var(--surf);box-shadow:var(--surf-shadow);text-align:center;min-width:220px;padding:14px 18px}.pack-card--3{box-shadow:var(--surf-shadow), 0 0 0 2px var(--rarity-rare)}.pack-card--4{box-shadow:var(--surf-shadow), 0 0 0 2px var(--rarity-epic)}.pack-card--5{box-shadow:var(--surf-shadow), 0 0 0 2px var(--gold), 0 0 22px color-mix(in srgb, var(--gold) 70%, transparent)}.pity-meter{flex-wrap:wrap;gap:3px;display:flex}.pity-meter__pip{border:var(--bar-border);background:var(--bar-track);border-radius:var(--bar-radius);width:14px;height:10px;box-shadow:var(--bar-shadow)}.pity-meter__pip--filled{background:var(--gold);box-shadow:none}.lucky-banner{background:linear-gradient(90deg, color-mix(in srgb, var(--gold) 22%, transparent), transparent 70%), var(--surf-2);border-color:var(--gold)}.auth-screen{background:radial-gradient(circle at 20% 20%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 40%), radial-gradient(circle at 80% 70%, color-mix(in srgb, var(--gold) 12%, transparent), transparent 45%), #22140a;height:100%;padding:var(--space-4);place-items:center;display:grid}.auth-wallet__ico{object-fit:contain;border-radius:4px;width:18px;height:18px}.auth-card{width:min(520px,100%)}@media (max-width:1240px){.hud__tab .hud__label{display:none}.hud__tab{padding:0 11px}.hud__tab .icon{width:18px;height:18px}.hud__crest-s{display:none}}@media (max-width:1000px){.hud__res-label{display:none}}@media (max-width:760px){.chatbar{bottom:12px}.chatbar__log{max-height:min(240px,40vh)}.hud{flex-wrap:wrap;gap:8px;height:auto;padding:8px 10px}.hud__rune{display:none}.hud__tabs{order:3;width:100%;height:40px;overflow:auto hidden}.hud__tab{flex:1 0 auto;justify-content:center;margin:2px 0}.hud__treasury{margin-left:auto}.subnav{gap:10px;padding:0 10px}.roster{display:none}.hud__pop{width:max-content;min-width:0;max-width:calc(100vw - 20px)}.ws{border:0;border-top:var(--win-border);border-radius:var(--win-radius) var(--win-radius) 0 0;width:auto;height:58%;min-height:280px;animation:.38s cubic-bezier(.2,.8,.2,1) ws-in-sheet;inset:auto 0 0;box-shadow:0 -14px 44px #00000080}.app-main.ws-tall .ws{width:auto;height:78%}.ws.is-collapsed{height:58%;overflow:visible;transform:translateY(calc(100% - 46px))}.ws.is-collapsed .ws__handle{border-radius:calc(var(--win-radius) - 1px) calc(var(--win-radius) - 1px) 0 0;border-bottom:var(--handle-line)}.ws.is-closed{transform:translateY(102%)}.app-main.ws-open .world{bottom:calc(max(58%,280px) - 28px);right:0}.app-main.ws-open.ws-tall .world{bottom:calc(78% - 28px);right:0}.app-main.ws-collapsed .world{bottom:18px;right:0}.ws__body{padding:12px}.ws__handle{padding-left:12px}.tutorial{width:calc(100% - 20px);left:10px}.toasts{top:auto;bottom:12px}.grid--2{grid-template-columns:1fr}.world__banner{max-width:calc(100% - 24px)}.hud__tab-wrap .hud__pop{transform-origin:top;width:auto;min-width:0;max-width:none;position:fixed;left:8px;right:8px}}.welcome-permit{min-width:min(520px,100%)}.welcome-permit__lede{margin:0;font-size:15px;font-weight:700}.welcome-permit__rolling{min-height:240px}.welcome-permit__box{animation:.9s ease-in-out 2 pack-shake}.welcome-permit__stamp{border:4px solid var(--accent);color:var(--accent);letter-spacing:3px;opacity:0;border-radius:6px;padding:4px 14px;font-weight:900;animation:.5s cubic-bezier(.2,1.4,.4,1) 1.2s forwards welcome-stamp;position:absolute;transform:rotate(-14deg)scale(3)}@keyframes welcome-stamp{0%{opacity:0;transform:rotate(-14deg)scale(3)}to{opacity:1;transform:rotate(-14deg)scale(1)}}.welcome-permit__card{min-width:min(320px,100%);animation:.4s ease-out welcome-card-in}.welcome-permit__card--legendary{animation:.4s ease-out welcome-card-in,1.6s ease-in-out infinite alternate welcome-legendary-glow}@keyframes welcome-card-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes welcome-legendary-glow{0%{box-shadow:0 0 0 3px var(--gold), 0 0 18px color-mix(in srgb, var(--gold-bright) 75%, transparent)}to{box-shadow:0 0 0 4px var(--gold), 0 0 40px var(--gold-bright)}}.welcome-permit__lesson{text-align:left;margin:4px auto 0}.welcome-permit__next{text-align:center;max-width:420px;font-size:12px}@media (max-width:480px){.welcome-permit{min-width:0}.welcome-permit__lede{display:none}}.update-banner{z-index:70;background:var(--pop-bg);width:min(520px,100vw - 24px);color:var(--pop-fg);border:var(--pop-border);border-radius:var(--r-md);box-shadow:var(--pop-shadow);border-left:4px solid var(--info);align-items:center;gap:14px;animation:.24s cubic-bezier(.2,1.2,.4,1) update-banner-in;display:flex;position:fixed;top:64px;left:50%;transform:translate(-50%)}.update-banner__text{flex:1;min-width:0}.update-banner__title{font-family:var(--font-display);margin:0;font-size:16px;font-weight:600}.update-banner__body{color:var(--win-muted);margin:2px 0 0;font-size:12px}.update-banner__actions{flex-shrink:0;gap:6px;display:flex}@keyframes update-banner-in{0%{opacity:0;transform:translate(-50%,-12px)}}@media (max-width:640px){.update-banner{flex-direction:column;align-items:stretch;gap:8px}.update-banner__actions{justify-content:flex-end}}