: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 6px 16px #0000008c, 0 0 0 1px #0e0f11;--pop-radius:8px;--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 4px 12px #00000080;--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 8px 20px #0000008c, 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 4px 12px #0000008c, 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)}.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;display:block}.li__t .muted{font-weight:500}.li__s{color:var(--win-muted);margin-top:1px;font-size:11.5px;line-height:1.35;display:block}.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__serial{white-space:nowrap}.catrow__note{margin-top:5px}.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{border-color:color-mix(in srgb, currentColor 30%, transparent);box-shadow:none;color:inherit;background:0 0}.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 #0009,0 0 3px #00000073;border:1px solid color-mix(in srgb, var(--rarity-tint) 45%, #000);background:var(--rarity-tint);box-shadow:0 0 0 1px #00000059}.badge--COMMON{--rarity-tint:var(--rarity-common)}.badge--UNCOMMON{--rarity-tint:var(--rarity-uncommon)}.badge--RARE{--rarity-tint:var(--rarity-rare)}.badge--EPIC{--rarity-tint:var(--rarity-epic)}.badge--LEGENDARY{--rarity-tint:var(--rarity-legendary)}.badge--MYTHIC{--rarity-tint: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:#00000080}.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)}button.resource{cursor:pointer;font-family:inherit}button.resource:focus-visible{outline:2px solid var(--gold-bright);outline-offset:1px}.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;padding:max(16px, env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right,0px)) max(16px, env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));place-items:center;animation:.14s fade-in;display:grid;position:fixed;inset:0}.modal{width:min(600px,100%);max-height:calc(100dvh - 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{right:max(16px, env(safe-area-inset-right,0px));z-index:60;flex-direction:column;gap:8px;width:min(340px,100vw - 32px);display:flex;position:fixed;top:70px}.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__x{display:none}@media (max-width:760px){.toast{padding-right:40px;position:relative}.toast__x{width:32px;height:32px;color:var(--win-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid;position:absolute;top:4px;right:4px}.toast__x:active{background:#ffffff14}}.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:first-child{min-width:4.5em}.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(--fg-soft);padding:var(--space-5) var(--space-4);background:var(--surf-2);border:var(--surf-2-border);border-radius:var(--r-sm);box-shadow:var(--surf-2-shadow);font-size:13.5px;line-height:1.5}.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{z-index:500;visibility:hidden;white-space:normal;pointer-events:none;width:max-content;max-width:min(340px,100vw - 16px);animation:.12s fade-in;position:fixed;top:0;left:0}.tip-layer{z-index:400;pointer-events:none;opacity:0;white-space:pre-line;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}}@media (pointer:coarse){input,select,textarea{min-height:44px}input[type=checkbox],input[type=radio]{width:24px;height:24px;min-height:0}}html,body,#root{height:100%}body{background:var(--sky);color:var(--fg);font-family:var(--font);overscroll-behavior:none;-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}body:has(.app-shell){-webkit-touch-callout:none}.app-shell{height:100vh;grid-template-rows:auto auto 1fr;min-width:0;height:100dvh;display:grid}.app-shell>*{min-width:0}.app-main{background:var(--sky);--ws-w:min(480px, 44vw);--ws-w-tall:min(1360px, 90vw);min-height:0;position:relative;overflow:hidden}.app-main:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#00000080,#0000);height:28px;position:absolute;top:0;left:0;right:0}.hud{--hud-plate-h:34px;height:58px;padding:0 max(14px, env(safe-area-inset-right,0px)) 0 max(14px, env(safe-area-inset-left,0px));background:var(--strip-bg);border-bottom:var(--strip-line);color:var(--fg);z-index:20;align-items:center;gap:12px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff14}.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-n{color:var(--plate-value);font-size:13.5px}.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%}button.hud__online{cursor:pointer}button.hud__online:hover,.hud__pop-wrap.is-open>.hud__online{border-color:color-mix(in srgb, var(--gold) 60%, transparent)}.hud__online-town{color:var(--gold);letter-spacing:.02em;font-size:11.5px}.hud__pop--town{min-width:280px;max-width:340px}.hud__towns{gap:4px;max-height:220px;margin:2px 0 0;padding:0;font-size:12.5px;list-style:none;display:grid;overflow-y:auto}.hud__towns li{background:var(--surf-2);border-radius:6px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;min-height:30px;padding:3px 6px;display:grid}.hud__towns li.is-here{outline:1px solid color-mix(in srgb, var(--gold) 55%, transparent)}.hud__find{gap:6px;margin-top:4px;display:grid}.hud__find input{width:100%;min-width:0}.hud__find-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.hud__find-list button{width:100%;color:var(--pop-fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 8px;font-weight:700}.hud__find-list button:hover,.hud__find-list button:focus-visible{background:var(--surf-2)}.hud__treasury>.hud__refer{height:var(--hud-plate-h);white-space:nowrap;gap:6px;padding:0 12px}.hud__working{height:var(--hud-plate-h);border:var(--plate-border);background:var(--plate-bg);box-shadow:var(--plate-shadow);color:var(--plate-fg);font-family:var(--font-num);white-space:nowrap;cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.hud__working:hover,.hud__pop-wrap.is-open>.hud__working{border-color:color-mix(in srgb, var(--gold) 60%, transparent)}.hud__working-n{color:var(--plate-value);font-size:13.5px}.hud__working.is-full .hud__working-n{color:var(--danger)}.hud__working-l{color:var(--fg-2);font-weight:600}.hud__pop--working{min-width:260px;max-width:320px}.hud__working-list{gap:4px;max-height:180px;margin:2px 0 0;padding:0;font-size:12px;list-style:none;display:grid;overflow-y:auto}.hud__working-list li{justify-content:space-between;gap:10px;display:flex}.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__treasury [data-icon=coin]{width:18px;height:18px;margin:-1px 0}.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__scrim{top:var(--hud-bottom,0px);z-index:1;background:#00000052;position:fixed;bottom:0;left:0;right:0}.hud__pop{background:var(--pop-bg);min-width:340px;color:var(--pop-fg);border:var(--pop-border);border-radius:var(--pop-radius);box-shadow:var(--pop-shadow);z-index:30;transform-origin:100% 0;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;color:var(--fg);z-index:15;align-items:center;gap:14px;padding:0 16px;display:flex;position:relative;overflow:auto hidden}.subnav:before{content:"";pointer-events:none;background:linear-gradient(#00000059,#0000);height:18px;position:absolute;top:0;left:0;right:0}.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{left:max(12px, env(safe-area-inset-left,0px));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;transition:left .25s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;top: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);min-width:0}.kv dd{text-align:right;font-weight:600;font-family:var(--font-num);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0;margin:0;font-size:12px}.kv dd .muted{font-weight:500}.creator__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;display:flex}.creator__round{white-space:nowrap;flex:none;align-items:center;gap:6px;display:inline-flex}.creator__steps,.creator__rules{color:var(--fg-2);gap:4px;margin:0;padding:0 0 0 20px;font-size:12.5px;line-height:1.45;display:grid}.creator__steps li::marker{color:var(--gold-bright);font-weight:700}.creator__rules{padding-left:18px;font-size:12px}.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}.rarity-row{flex-wrap:nowrap;gap:6px}.rarity-row .btn--rarity{--rarity-btn-bg:linear-gradient(180deg, color-mix(in srgb, var(--rarity-tint) 84%, #fff), color-mix(in srgb, var(--rarity-tint) 80%, #000));--rarity-btn-edge:color-mix(in srgb, var(--rarity-tint) 42%, #000);letter-spacing:.04em;background:var(--rarity-btn-bg);color:#fff;border:1px solid var(--rarity-btn-edge);min-width:0;box-shadow:inset 0 1px 0 #ffffff40, 0 3px 0 var(--rarity-btn-edge);text-shadow:0 1px #00000059;opacity:.55;filter:saturate(.7);flex:auto;padding:7px 6px;font-size:10.5px;transition:opacity .15s,filter .15s}.rarity-row .btn--rarity:hover:not(:disabled){background:var(--rarity-btn-bg);color:#fff;opacity:.85;filter:none}.rarity-row .btn--rarity.is-active{background:var(--rarity-btn-bg);color:#fff;opacity:1;filter:none;box-shadow:inset 0 1px 0 #ffffff4d, 0 3px 0 var(--rarity-btn-edge), 0 0 0 2px color-mix(in srgb, var(--rarity-tint) 55%, transparent)}.rarity-row .btn--rarity.is-active:after{display:none}.trade-amounts{flex-wrap:nowrap}.trade-amounts .form-field{flex:1 1 0;min-width:0}.trade-amounts input{box-sizing:border-box;width:100%}.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__title{font-family:var(--font-display);color:var(--gold-bright);letter-spacing:var(--h-ls);align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.wpick__title .icon{color:var(--gold)}.wpick__title-sub{font-family:var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--win-soft);margin-left:2px;font-size:10.5px;font-weight:700}.li.wpick__row--best{border-color:var(--gold);background:linear-gradient(180deg, #f2c14e24, #f2c14e0f), var(--surf-2);box-shadow:var(--surf-2-shadow), 0 0 0 1px var(--gold), 0 0 12px #f2c14e47}.li.wpick__row--best.is-selected,.wpick__trigger.wpick__row--best{box-shadow:var(--surf-2-shadow), 0 0 0 1px var(--gold), 0 0 14px #f2c14e59}.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__host:has(canvas:focus-visible):after{box-shadow:inset 0 0 0 3px var(--focus)}.world__host canvas:focus-visible{outline:none}.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;touch-action:none;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__bubble--work{min-width:0;padding:5px 7px 3px;line-height:0}.world__bubble--work .icon{transform-origin:30% 85%;animation:.9s ease-in-out infinite work-tap;display:block}@keyframes work-tap{0%,to{transform:rotate(-14deg)}45%{transform:rotate(12deg)}}.world__say--live{pointer-events:auto}.world__bubble--claim{white-space:nowrap;align-items:center;gap:8px;min-width:0;padding:4px 4px 4px 10px;animation:.18s cubic-bezier(.2,1.2,.4,1) bubble-in,1.8s ease-in-out infinite claim-glow;display:flex}.world__bubble--claim .btn{position:relative;top:-1px}@keyframes claim-glow{0%,to{box-shadow:0 0 0 1px var(--bubble-line)}50%{box-shadow:0 0 0 1px var(--gold), 0 0 12px color-mix(in srgb, var(--gold) 55%, transparent)}}@media (prefers-reduced-motion:reduce){.world__bubble--work .icon,.world__bubble--claim{animation:none}}.world__label--npc{color:var(--label-npc);font-size:10.5px}.world__label--b{color:var(--label-npc)}.world__label.is-hover,.world__label--sel{color:var(--sel);box-shadow:var(--label-shadow), 0 0 0 1px var(--sel)}.world__banners{left:0;right:var(--ws-cover,0px);pointer-events:none;z-index:7;flex-direction:column;align-items:center;gap:8px;transition:right .38s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;top:12px}.world__banners>*{pointer-events:auto}@media (max-width:760px){.world__banners:has(.tut-strip.is-over-modal){z-index:52}}@media (max-width:1367px){.world--travel .world__banners{right:max(var(--ws-cover,0px), 364px)}}.world__travel{top:12px;right:max(12px, env(safe-area-inset-right,0px));z-index:10;width:340px;animation:.38s cubic-bezier(.2,.8,.2,1) ws-in;position:absolute}.world__travel>.world__banner{max-width:none;padding:10px 12px}.world__travel .world__banner span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.world__banner{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);order:2;padding:8px 12px;position:relative}.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{top:12px;right:max(12px, env(safe-area-inset-right,0px));width:var(--ws-w);z-index:10;background:var(--win-bg);max-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}.ws:after,.world__pools: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}@media (min-width:761px){.ws__body[data-more]{-webkit-mask-image:linear-gradient(#000 calc(100% - 36px),#0000);mask-image:linear-gradient(#000 calc(100% - 36px),#0000)}}.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{left:0;bottom:max(16px, env(safe-area-inset-bottom,0px));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}.chatbar.is-squeezed{visibility:hidden}.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,.chatbar__who{color:var(--gold);font-weight:800}.chatbar__who{font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800}.chatbar__who:hover,.chatbar__who:focus-visible{text-decoration:underline}.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}.needs{background:var(--surf-2);border:var(--surf-2-border);border-radius:var(--r-sm);box-shadow:var(--surf-2-shadow);flex-direction:column;padding:2px 12px;font-size:13.5px;line-height:1.4;display:flex}.needs__head{border-bottom:1px dashed #00000052;padding:8px 0 7px}.needs__heading{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-soft);font-size:11px;font-weight:700}.needs__note{color:var(--fg-muted);margin-top:2px;font-size:12px}.need{grid-template-columns:20px 1fr auto auto;align-items:center;gap:10px;min-width:0;padding:8px 0;display:grid}.need+.need{border-top:1px solid #0003}.need__icon{justify-content:center;width:20px;display:inline-flex}.need__label{color:var(--fg);min-width:min-content;font-weight:600}.need__amount{font-family:var(--font-num);font-variant-numeric:tabular-nums;color:var(--fg-muted);white-space:normal}.need__amount b{color:var(--fg);font-size:14px}.need--short .need__amount b{color:var(--danger)}.need__ok{text-align:right;min-width:64px;color:var(--success);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;font-size:11.5px;font-weight:800}.need__missing{text-align:right;min-width:64px;color:var(--danger);white-space:nowrap;font-size:13.5px;font-weight:800}.need--met .need__label{color:var(--fg-soft)}.need--note{color:var(--fg-soft);grid-template-columns:20px 1fr;padding:7px 0;font-size:12px}.need--note .need__label{color:var(--fg-soft);font-weight:500}.needs--compact{gap:5px;padding:6px 10px}.needs--compact .needs__head{flex-wrap:wrap;align-items:baseline;gap:2px 10px;padding:0 0 4px;display:flex}.needs--compact .needs__note{margin:0;font-size:11.5px}.needs__chips{flex-wrap:wrap;gap:6px;display:flex}.needs--compact .need{border-radius:var(--r-sm);background:#0003;border:1px solid #0000004d;align-items:center;gap:6px;padding:4px 8px;font-size:12.5px;display:inline-flex}.needs--compact .need+.need{border-top-color:#0000004d}.needs--compact .need__icon{width:16px}.needs--compact .need__amount b{font-size:13px}.needs--compact .need__ok,.needs--compact .need__missing{min-width:0;font-size:11px}.needs--compact .need--note{padding:4px 8px}.needs--compact .needs__foot{color:var(--fg-muted);padding-top:2px;font-size:11.5px}.upgrade-gain .upgrade-gain__table{width:auto;font-size:12.5px}.upgrade-gain .upgrade-gain__table th,.upgrade-gain .upgrade-gain__table td{border-bottom-color:#00000038;padding:3px 0 3px 18px}.upgrade-gain .upgrade-gain__table th:first-child,.upgrade-gain .upgrade-gain__table td:first-child{color:var(--fg);padding-left:0}.upgrade-gain .upgrade-gain__table th{letter-spacing:.06em;text-transform:uppercase;font-size:10.5px}.upgrade-gain .upgrade-gain__table .upgrade-gain__now{color:var(--fg-soft)}.upgrade-gain .upgrade-gain__table th.upgrade-gain__after-h,.upgrade-gain .upgrade-gain__table td.upgrade-gain__after{color:var(--gold-bright);font-weight:700}.upgrade-gain .upgrade-gain__table td.upgrade-gain__after{font-size:13.5px}.upgrade-gain .upgrade-gain__table td.upgrade-gain__after:before{content:"→";color:var(--fg-soft);margin-right:10px;font-weight:400}.upgrade-gain .upgrade-gain__table td.upgrade-gain__after.muted{color:var(--fg-muted)}.upgrade-gain__delta{color:var(--success);font-size:11.5px;font-weight:700}.upgrade-gain__note{color:var(--fg-soft);font-size:12px}.upgrade-odds__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.upgrade-odds .stat{flex-direction:row;align-items:baseline;gap:8px;padding:4px 10px}.upgrade-odds .stat__value{font-size:17px}.upgrade-odds__buy{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px 8px;display:flex}.upgrade-odds__buy .stat__label{white-space:nowrap}.upgrade-odds__fine{text-align:right;color:var(--fg-muted);flex-basis:100%;font-size:11px}.needs__foot{border-top:1px dashed #00000052;flex-direction:column;gap:8px;padding:10px 0 8px;display:flex}.needs__foot .btn{width:100%}.req__reason{color:var(--danger);font-size:12px;font-weight:700}.ws-section__h{align-items:baseline;gap:8px;display:flex}.ws-section__meta{letter-spacing:.04em;text-transform:none;color:var(--fg-muted);margin-left:auto;font-weight:600}.stats{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:6px;display:grid}.stat{border-radius:var(--r-sm);background:#0000002e;border:1px solid #00000040;flex-direction:column;gap:2px;min-width:0;padding:7px 10px;display:flex}.stat__label{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-soft);white-space:normal;overflow-wrap:break-word;font-size:10.5px;font-weight:700}.stat__value{color:var(--fg);font-size:18px;line-height:1.15}.stat__next{color:var(--gold-bright);font-size:13px;font-weight:600}.stat__hint{color:var(--fg-muted);font-size:11.5px}.stat--good .stat__value{color:var(--success)}.stat--warn .stat__value{color:var(--gold-bright)}.stat--bad .stat__value{color:var(--danger)}.notice{border-left:3px solid var(--info);border-radius:0 var(--r-sm) var(--r-sm) 0;white-space:normal;background:#0000002e;align-items:flex-start;gap:8px;padding:7px 10px;font-size:12px;line-height:1.45;display:flex}.notice__icon{flex:none;margin-top:2px}.notice__text{min-width:0}.notice--warn{border-left-color:var(--gold-bright)}.notice--danger{border-left-color:var(--danger);color:var(--fg)}.notice--danger .notice__icon{color:var(--danger)}.notice--muted{color:var(--fg-muted);border-left-color:#f4e4c159}.actionbar{flex-direction:column;gap:6px;display:flex}@media (max-height:560px),(max-width:760px){.ws__body .actionbar{z-index:1;background:var(--win-bg);border-top:1px solid #00000038;margin:0 -10px -6px;padding:8px 10px 6px;position:sticky;bottom:-2px;box-shadow:0 -8px 8px -8px #000000b3}}.actionbar__btns{flex-direction:column;align-items:stretch;gap:4px;display:flex}.actionbar__btns>.btn:first-child{width:100%}.actionbar__btns>.btn--ghost{align-self:center}.actionbar__note{color:var(--fg-muted);font-size:12px}.actionbar--inline{flex-flow:wrap;align-items:center;gap:6px 10px}.actionbar--inline .actionbar__btns{flex-direction:row;align-items:center}.actionbar--inline .actionbar__btns>.btn:first-child{width:auto}.disc{border-top:1px dashed #f4e4c159;padding-top:4px}.pixel-frame>.disc:first-child{border-top:0;padding-top:0}.disc__s{cursor:pointer;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted);justify-content:space-between;align-items:center;gap:8px;padding:4px 0;font-size:10.5px;font-weight:700;list-style:none;display:flex}.disc__s::-webkit-details-marker{display:none}.disc__title:before{content:"▸ "}.disc[open]>.disc__s .disc__title:before{content:"▾ "}.disc__meta{letter-spacing:.04em;text-transform:none;font-weight:600}.disc__body{padding:6px 0 4px}.market-price{color:var(--gold-bright);font-size:16px;font-weight:700}.ws__tray .select{flex:1;min-width:min(200px,100%)}.job-row{align-items:flex-start}.job-row__main{flex-direction:column;gap:2px;min-width:0;display:flex}.job-row__side{text-align:right;flex-direction:column;flex:none;align-items:flex-end;gap:4px;max-width:46%;display:flex}.job-row__side .row{flex-wrap:wrap;justify-content:flex-end;max-width:100%}.mkt{background:var(--surf-2);border:var(--surf-2-border);border-radius:var(--r-md);box-shadow:var(--surf-2-shadow);cursor:pointer;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 10px;transition:background .15s,transform .15s;display:grid}.mkt:hover{background:var(--surf-2-hover);transform:translate(3px)}.mkt__main{flex-direction:column;gap:4px;min-width:0;display:flex}.mkt__chips{flex-wrap:wrap;gap:4px;display:flex}.mkt__stats{grid-template-columns:repeat(auto-fit,minmax(46px,1fr));gap:4px;max-width:240px;display:grid}.mkt__stat{border-radius:var(--r-sm);background:#0000002e;flex-direction:column;padding:2px 6px;line-height:1.2;display:flex}.mkt__stat i{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-soft);font-size:9.5px;font-style:normal}.mkt__stat b{font-family:var(--font-num);font-size:13px}.mkt__side{text-align:right;white-space:nowrap;flex-direction:column;flex:none;align-items:flex-end;gap:2px;display:flex}.manage{border-radius:var(--r-sm);background:#00000024;border:1px solid #0003;padding:8px 10px}.chips{flex-wrap:wrap;gap:4px;display:flex}.is-fresh{border-radius:var(--r-sm);animation:2.2s ease-out fresh-pulse}@keyframes fresh-pulse{0%,55%{box-shadow:0 0 0 2px var(--gold-bright), 0 0 18px #f2c14e8c}to{box-shadow:none}}@media (prefers-reduced-motion:reduce){.is-fresh{box-shadow:0 0 0 2px var(--gold-bright);animation:none}}.world{--roster-band:232px}.world__pools{left:max(12px, env(safe-area-inset-left,0px));bottom:max(16px, env(safe-area-inset-bottom,0px));z-index:5;width:340px;max-height:calc(100% - var(--roster-band) - 16px);background:var(--win-bg);color:var(--win-fg);border:var(--win-border);border-radius:var(--win-radius);box-shadow:var(--win-shadow);flex-direction:column;display:flex;position:absolute}.world--pools .chatbar{left:364px}.world__pools .ws__handle{gap:10px;height:38px;padding:0 6px 0 12px}.world__pools .ws__crumb{gap:7px;font-size:15px}.world__pools .ws__crumb .muted{font-size:13px}.world__pools .ws__crumb .icon{width:15px;height:15px}.world__pools.is-folded{width:auto;min-width:200px}.world__pools.is-folded .ws__handle{border-radius:calc(var(--win-radius) - 1px);border-bottom:0}.world__pools.is-folded .ws__collapse svg{transform:rotate(180deg)}.world__pools-body{z-index:5;scrollbar-width:thin;flex:1;min-height:0;padding:8px 16px;position:relative;overflow-y:auto}.world__pools-foot{z-index:5;border-top:1px solid var(--line);flex-direction:column;flex:none;gap:6px;padding:8px 16px 10px;display:flex;position:relative}.world__pools-foot .btn{width:100%}.world__pools~.world__devbox{z-index:5;left:364px}.pools{flex-direction:column;gap:6px;font-size:12px;display:flex}.pools__week,.pools__empty{color:var(--fg-soft);font-size:11px}.pools__list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.pools__row{isolation:isolate;border-radius:var(--r-sm);background:var(--surf-2);border:var(--surf-2-border);box-shadow:var(--surf-2-shadow);grid-template-columns:auto minmax(0,1fr) auto 46px;align-items:center;gap:8px;padding:6px 10px;display:grid;position:relative;overflow:hidden}.pools__row>*{z-index:1;min-width:0;position:relative}.pools__row>.pools__fill{z-index:0;background:linear-gradient(90deg,#f2c14e29,#f2c14e4d);transition:width .6s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0 auto 0 0;box-shadow:inset -1px 0 #f2c14e8c}.pools__row>.pools__scan{z-index:0;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#f4e4c124 45%,#f4e4c138 50%,#f4e4c124 55%,#0000 100%);animation:1.3s cubic-bezier(.4,0,.2,1) forwards pools-scan;position:absolute;inset:0;transform:translate(-100%)}@keyframes pools-scan{to{transform:translate(100%)}}.pools__name{align-items:center;gap:6px;font-weight:600;display:flex}.pools__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pools__earning{flex:none;display:inline-flex}.pools__earning i{background:var(--success);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite pools-earning}@keyframes pools-earning{50%{opacity:.25}}.pools__value{color:var(--fg);font-family:var(--font-num);white-space:nowrap;background:#00000047;border:1px solid #0006;border-radius:4px;align-items:baseline;gap:3px;padding:2px 6px;font-size:12px;font-weight:700;display:inline-flex}.pools__value:empty{display:none}.pools__value small{letter-spacing:.06em;color:var(--fg-soft);font-size:9px}.pools__pct{color:var(--gold-bright);font-family:var(--font-num);white-space:nowrap;justify-content:flex-end;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.pools__gain{color:var(--success);white-space:nowrap;flex:none;margin-left:auto;font-size:11px;font-weight:700;animation:4s ease-out forwards pools-gain}@keyframes pools-gain{0%{opacity:0;transform:translateY(4px)}10%,80%{opacity:1;transform:none}to{opacity:0}}.pools__note{border-radius:var(--r-sm);background:#0000002e;border:1px dashed #f4e4c138;padding:6px 9px;font-size:11px;line-height:1.4}@media (prefers-reduced-motion:reduce){.pools__earning i,.pools__gain,.pools__scan,.pools__fill{transition:none;animation:none}}.help-tip{border:1px solid var(--fg-soft);width:16px;height:16px;color:var(--fg-soft);cursor:help;background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}.help-tip:hover,.help-tip:focus-visible{color:var(--gold-bright);border-color:var(--gold-bright)}.tutorial,.tut-card{background:var(--pop-bg);color:var(--pop-fg);border:var(--pop-border);border-radius:var(--pop-radius);box-shadow:var(--pop-shadow), 0 0 0 1px #0e0f11;position:relative}.tut-strip__blocker--aside{border-color:var(--gold-deep);animation:none}@keyframes tut-glow{0%,to{box-shadow:var(--pop-shadow), 0 0 0 1px #0e0f11, 0 0 14px 2px #f0c85a59}50%{box-shadow:var(--pop-shadow), 0 0 0 1px #0e0f11, 0 0 22px 4px #f0c85a8c}}@media (prefers-reduced-motion:reduce){.tut-strip__blocker{animation:none}}.tut-explain{border-left:3px solid var(--gold);border-radius:0 var(--r-sm) var(--r-sm) 0;background:#00000038;flex-direction:column;gap:3px;margin:0 0 8px;padding:8px 10px;font-size:12.5px;line-height:1.45;display:flex}.tut-explain__h{letter-spacing:.1em;text-transform:uppercase;color:var(--gold-bright);font-size:10.5px;font-weight:700}.tut-explain__toggle{width:100%;color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;padding:0;display:flex}.tut-explain__toggle:hover .tut-explain__h{color:var(--gold)}.tut-explain__chev{color:var(--fg-soft);transition:transform .25s;display:inline-flex}.tut-explain.is-open .tut-explain__chev{transform:rotate(180deg)}.tut-explain__text{padding-top:2px}@media (prefers-reduced-motion:no-preference){.tut-explain__text{animation:.3s cubic-bezier(.2,.8,.2,1) both tut-rest-in}}.tutorial{padding:12px 14px;animation:.22s cubic-bezier(.2,1.2,.4,1) pop-in}.tutorial__head{flex-wrap:nowrap;align-items:flex-start;gap:8px}.tutorial__head>.row{flex-wrap:nowrap;flex:none}.tutorial__title{min-width:0;font-family:var(--font-display);color:var(--gold-bright);flex:1;font-size:16px;font-weight:600}.tutorial__body{margin:6px 0 8px;font-size:13px;line-height:1.45}.tutorial__extra{margin-bottom:8px;font-size:12px}.tutorial__actions{align-items:center;gap:8px}.tutorial__hide{color:var(--fg-soft);cursor:pointer;background:0 0;border:0;padding:2px;display:inline-flex}.tutorial__hide .icon{width:12px;height:12px}.tutorial__dots{gap:3px;display:inline-flex}.tutorial__dots i{background:var(--surf-2);border-radius:50%;width:6px;height:6px}.tutorial__dots i.is-on{background:var(--gold)}.tutorial__more .icon{display:none}.tutorial__more{color:var(--gold-bright);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:11.5px;font-weight:700;text-decoration:underline}.tut-reward{color:var(--success);align-items:center;gap:5px;margin-bottom:8px;font-size:12px;font-weight:700;display:flex}.tut-reward .icon{width:12px;height:12px}.tut-supplies{background:#00000038;border-radius:6px;flex-direction:column;gap:4px;padding:6px 8px;font-size:11.5px;line-height:1.4;display:flex}.tut-supplies__row{flex-direction:column;display:flex}.tut-supplies__label{color:var(--fg-soft);letter-spacing:.05em;text-transform:uppercase;font-size:10.5px;font-weight:700}.tut-supplies__later{display:block}.supplies{flex-wrap:wrap;justify-content:center;gap:10px;padding:8px 0 6px;display:flex}.supplies__item{border-radius:var(--r-sm);border:1px solid var(--gold-deep);background:#00000042;flex-direction:column;align-items:center;gap:3px;min-width:96px;padding:12px 14px 10px;display:flex;position:relative;box-shadow:inset 0 0 14px #00000059}.supplies__icon{background:#f2c14e1f;border-radius:50%;place-items:center;width:50px;height:50px;display:grid}.supplies__n{color:var(--gold-bright);font-size:20px;line-height:1}.supplies__label{letter-spacing:.05em;text-transform:uppercase;color:var(--fg-soft);font-size:10.5px;font-weight:700}@media (prefers-reduced-motion:no-preference){.supplies__item{opacity:0;animation:.6s cubic-bezier(.2,1.4,.4,1) both supplies-pop}.supplies__item:after{content:"✦";color:var(--gold-bright);opacity:0;animation:.9s ease-out both supplies-spark;animation-delay:inherit;font-size:14px;position:absolute;top:-6px;right:6px}.supplies__icon{animation:1.2s ease-out both supplies-glow;animation-delay:inherit}}@keyframes supplies-pop{0%{opacity:0;transform:translateY(16px)scale(.6)}60%{opacity:1;transform:translateY(-4px)scale(1.06)}to{opacity:1;transform:none}}@keyframes supplies-spark{0%{opacity:0;transform:translateY(6px)scale(.4)}40%{opacity:1}to{opacity:0;transform:translateY(-14px)scale(1.2)rotate(90deg)}}@keyframes supplies-glow{0%{box-shadow:0 0 #f2c14e00}40%{box-shadow:0 0 18px 4px #f2c14e73}to{box-shadow:0 0 #f2c14e00}}.tut-sub{color:var(--fg-2);margin-top:2px;font-size:11.5px;display:block}.tut-table{border-collapse:collapse;width:100%;font-size:11.5px}.tut-table th,.tut-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:2px 4px}.tut-table th{color:var(--fg-soft);font-weight:700}.tut-table .num{text-align:right;font-family:var(--font-num);white-space:nowrap}.tut-table tr.is-here td{color:var(--gold-bright);font-weight:700}.tut-list{margin:4px 0;padding-left:16px;font-size:12px;line-height:1.45}.tut-checklist{margin:4px 0;padding:0;font-size:12px;line-height:1.5;list-style:none}.tut-checklist li:before{content:"○ ";color:var(--fg-soft)}.tut-checklist li.is-met{color:var(--success)}.tut-checklist li.is-met:before{content:"✓ ";color:inherit}.tut-progress{font-family:var(--font-num);color:var(--gold-bright);font-size:12px;display:inline-block}.tut-strip__line .tut-progress{margin-top:2px;display:block}.tut-strip .tut-timer,.tut-strip__blocker .tut-timer{vertical-align:middle;color:var(--gold-bright);background:#00000059;border-color:#0000008c;margin-left:4px;font-size:12px}.tut-kv{font-size:12px}.tut-kv .tut-kv__note{text-align:left;font-family:var(--font-body);color:var(--fg-muted);grid-column:1/-1;font-weight:500}.tut-finale{grid-template-columns:auto 1fr;column-gap:12px}.tut-finale dt{color:var(--gold-bright);font-weight:800}.tut-strip,.tut-strip__blocker,.tut-card{box-sizing:border-box;order:1;width:min(640px,100% - 200px)}.tut-strip{background:var(--pop-bg);color:var(--pop-fg);border:var(--pop-border);border-radius:var(--pop-radius);box-shadow:var(--pop-shadow), 0 0 0 1px #0e0f11;align-items:center;gap:10px;padding:7px 12px;font-size:13px;line-height:1.35;animation:.22s cubic-bezier(.2,1.2,.4,1) pop-in;display:flex}.tut-strip.is-min{width:auto}.tut-strip__chip{border:1px solid var(--gold-deep);color:var(--gold-bright);font-family:var(--font-num);background:#00000040;border-radius:999px;flex:none;padding:2px 8px;font-size:11.5px;font-weight:700}.tut-strip__line{flex:1;min-width:0}.tut-strip__title{color:var(--gold-bright);font-family:var(--font-display);font-size:15px;font-weight:600}.tut-strip__actions,.tut-strip__reward{flex:none;align-items:center;gap:6px;display:inline-flex}.tut-strip__reward{color:var(--success);font-size:12px;font-weight:700}.tut-strip .tutorial__more{flex:none}.tut-strip__blocker{background:var(--pop-bg);color:var(--pop-fg);border:1px solid var(--gold-bright);border-radius:var(--pop-radius);box-shadow:var(--pop-shadow), 0 0 0 1px #0e0f11, 0 0 14px 2px #f0c85a59;align-items:center;gap:8px;padding:6px 10px;font-size:12px;line-height:1.35;animation:2.4s ease-in-out infinite tut-glow;display:flex}.tut-strip__blocker .icon{color:var(--gold-bright);flex:none}.tut-strip__blocker-text{flex:1;min-width:0}.tut-strip__blocker b{color:var(--gold-bright)}.tut-card{width:min(480px,100% - 200px);max-height:calc(100vh - 240px);flex-direction:column;max-height:calc(100dvh - 240px);padding:0;display:flex}.tut-card>.tutorial__head{flex:none;padding:10px 14px 0}.tut-card__body{scrollbar-width:thin;flex:1;min-height:0;padding:0 14px 8px;overflow-y:auto}.tut-card__foot{border-top:1px solid var(--line);flex:none;justify-content:flex-end;gap:8px;padding:8px 14px 12px;display:flex}.tut-card__need{border-radius:var(--r-sm);border:1px solid var(--gold-bright);background:#00000038;align-items:center;gap:8px;margin:0 0 8px;padding:7px 10px;font-size:12.5px;line-height:1.4;display:flex}.tut-card__need>.icon{color:var(--gold-bright);flex:none}.tut-card__need-text{flex:1;min-width:0}.tut-card__need .btn{flex:none}.tut-card__need--aside{border-color:var(--gold-deep)}.tut-strip.is-under-card{display:none}.tut-card .tut-strip__chip,.tut-card__close{flex:none;align-self:center}.tut-strip__expand{border:1px solid var(--gold-deep);color:var(--gold-bright);font:inherit;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:#00000040;border-radius:999px;flex:none;align-items:center;gap:4px;padding:3px 7px 3px 9px;font-size:11px;font-weight:700;line-height:1.2;transition:background .15s,color .15s;display:inline-flex}.tut-strip__expand:hover{background:var(--gold-deep);color:#1a1408}.tutorial__more-chev{transition:transform .25s;display:inline-flex}.tutorial__more-chev svg{width:12px;height:12px;display:block}.tutorial__more-chev.is-open{transform:rotate(180deg)}.tut-card__close{margin-left:4px}.tut-card.is-typing .tut-card__rest,.tut-card.is-typing>.tut-card__foot{display:none}.tut-card.is-growing>.tut-card__body{overflow:hidden}@media (prefers-reduced-motion:no-preference){.tut-card.is-open .tut-card__rest>*,.tut-card.is-open>.tut-card__foot{animation:.42s cubic-bezier(.2,.8,.2,1) both tut-rest-in}.tut-card.is-open .tut-card__rest>:nth-child(2){animation-delay:90ms}.tut-card.is-open .tut-card__rest>:nth-child(3){animation-delay:.18s}.tut-card.is-open .tut-card__rest>:nth-child(n+4),.tut-card.is-open>.tut-card__foot{animation-delay:.27s}}@keyframes tut-rest-in{0%{opacity:0;transform:translateY(6px)}}.tut-caret{vertical-align:-.15em;background:currentColor;width:.55em;height:1em;margin-left:2px;animation:.7s step-end infinite tut-caret;display:inline-block}@keyframes tut-caret{50%{opacity:0}}.tut-list--steps{padding-left:20px;list-style:decimal}.tut-list--steps li{margin:2px 0}body.tut-over .modal-backdrop{padding-top:calc(var(--tut-cover,0px) + 8px);align-items:start}body.tut-over .modal{max-height:calc(100vh - var(--tut-cover,0px) - 16px);max-height:calc(100dvh - var(--tut-cover,0px) - 16px)}.tut-recap{flex-direction:column;gap:8px;display:flex}.tut-recap__box{flex-direction:column;gap:4px;font-size:12px;display:flex}.tut-recap__h{color:var(--gold-bright);font-family:var(--font-display);font-size:13px}.tut-finale dd{text-align:left;font-family:var(--font-body);font-weight:500}.tut-warn{color:var(--danger);font-size:12px;display:block}.spotlight{z-index:56;pointer-events:none;position:fixed;inset:0}.spotlight__clip{pointer-events:none;position:fixed;overflow:hidden}.spotlight__clip .spotlight__ring{position:absolute}.scroll-hint{z-index:1;background:var(--gold);color:#1a1408;width:44px;height:44px;box-shadow:0 0 0 1px var(--gold-bright), 0 0 16px #f0c85a8c;pointer-events:auto;cursor:pointer;border:2px solid #1a1408;border-radius:50%;place-items:center;padding:0;animation:1.1s ease-in-out infinite scroll-hint-bob;display:grid;position:fixed}.scroll-hint svg{width:22px;height:22px}.scroll-hint--up svg{transform:rotate(180deg)}.scroll-hint--up{animation-name:scroll-hint-bob-up}@keyframes scroll-hint-bob{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}@keyframes scroll-hint-bob-up{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@media (prefers-reduced-motion:reduce){.scroll-hint{animation:none}}.spotlight__ring{border:2px solid var(--gold);background:#f2c14e17;border-radius:10px;animation:1.6s ease-in-out infinite spot-pulse;position:fixed;box-shadow:0 0 0 2px #00000059,0 0 16px #ecc36773}@keyframes spot-pulse{50%{border-color:var(--gold-bright);box-shadow:0 0 0 2px #00000059,0 0 24px #ecc367b3}}.world__label--quest{color:var(--gold-bright);box-shadow:0 2px 0 #0e0f11, 0 0 0 1px var(--gold), 0 0 14px #ecc367b3}.world__label--quest:after{content:"▼";color:var(--gold-bright);text-shadow:0 0 6px #000000d9;font-size:15px;animation:.9s ease-in-out infinite quest-bob;position:absolute;bottom:100%;left:50%;transform:translate(-50%,-2px)}@keyframes quest-bob{50%{transform:translate(-50%,-9px)}}[data-tutorial-locked]{opacity:.45;cursor:not-allowed}.btn[data-tutorial-locked]:hover,.hud__tab[data-tutorial-locked]:hover,.hud__mi[data-tutorial-locked]:hover,.roster__btn[data-tutorial-locked]:hover{filter:none;transform:none}.tut-lock{display:inline-flex}.tut-lock--block{display:block}.tut-lock__inner{pointer-events:none;display:contents}.hud__tab.is-quest,.hud__mi.is-quest{color:var(--gold-bright);box-shadow:inset 0 0 0 1px var(--gold);animation:1.4s ease-in-out infinite hud-quest}@keyframes hud-quest{50%{box-shadow:inset 0 0 0 1px var(--gold), 0 0 12px #ecc36799}}@media (prefers-reduced-motion:reduce){.spotlight__ring,.world__label--quest:after,.hud__tab.is-quest,.hud__mi.is-quest{animation:none}}.guide__toc{flex-wrap:wrap;gap:4px 12px;font-size:12px;display:flex}.guide__toc a{color:var(--gold-bright);font-weight:700}.guide__section{background:var(--surf-2);border:var(--surf-2-border);border-radius:var(--r-sm);box-shadow:var(--surf-2-shadow);padding:10px 12px 12px;scroll-margin-top:8px}.guide__section p{margin:6px 0;font-size:13px;line-height:1.5}.guide__section.is-focus{outline:1px solid var(--gold)}.release-line{border-radius:var(--r-sm);background:#0000002e;padding:4px 8px;font-size:13px}.guide__section .guide__rule{border-left:3px solid var(--gold);color:var(--gold-bright);letter-spacing:.02em;padding:6px 8px}.note{border-bottom:1px solid var(--line);padding-bottom:8px}.note.is-read{opacity:.6}.note.is-clickable{cursor:pointer;border-radius:var(--r-sm);margin:0 -6px;padding:6px 6px 8px;transition:background .15s}.note.is-clickable:hover,.note.is-clickable:focus-visible{background:#ffffff0d;outline:none}.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:186px minmax(0,1fr);align-items:start;gap:12px;display:grid}.admin__nav{position:sticky;top:0}.admin__nav .btn{text-align:left;white-space:normal;justify-content:flex-start;width:100%;padding:5px 10px;font-size:12px;line-height:1.25}.admin .table{font-size:11.5px}.admin .table th,.admin .table td{padding:4px 6px}.admin .table th{letter-spacing:.05em;white-space:normal;vertical-align:bottom;font-size:9.5px;line-height:1.2}.admin .table td{white-space:nowrap;text-overflow:ellipsis;max-width:170px;overflow:hidden}.admin .table td .btn{padding:3px 8px;font-size:11px}.admin .kv{gap:3px 10px;font-size:12px}.admin .page__title{font-size:20px!important}.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%)}.auth-screen--glade{padding:24px 16px;position:relative;overflow:hidden}.auth-screen--hang{padding-top:var(--rope);--rope:24vh;align-content:start}.auth-screen--glade .auth-card{animation:.22s cubic-bezier(.2,1.2,.4,1) bubble-in;position:relative}.auth-title{justify-items:center;gap:26px;display:grid;position:relative}.auth-hang{transform-origin:50% calc(-1 * var(--rope));animation:7s ease-in-out infinite glade-sway;position:relative}.auth-rope{--above:40px;background:#5a3d24;width:29px;position:absolute}.auth-rope--l{--into:67px;left:16%;bottom:calc(100% - var(--into));height:calc(var(--rope) + var(--into) + var(--above));clip-path:polygon(0 100%,4px 100%,29px 0,25px 0)}.auth-rope--r{--into:12px;right:16%;bottom:calc(100% - var(--into));height:calc(var(--rope) + var(--into) + var(--above));clip-path:polygon(25px 100%,29px 100%,4px 0,0 0)}@keyframes glade-sway{0%,to{transform:rotate(-1.2deg)}50%{transform:rotate(1.2deg)}}.auth-logo{width:min(762px,90vw);height:auto;display:block;position:relative}.auth-play{letter-spacing:.14em;border-width:2px;border-radius:4px;min-width:220px;padding:20px 64px;font-size:24px;box-shadow:inset 0 2px #ffffff73,0 7px #5c410e,0 18px 34px #0000008c}.auth-play .icon{width:20px;height:20px}.auth-play:active:not(:disabled){transform:translateY(6px);box-shadow:inset 0 2px 4px #0009,0 1px #5c410e}.auth-soon{pointer-events:none}.auth-play-pulse{border-radius:4px;animation:2.2s ease-in-out infinite glade-beckon;display:inline-block}@keyframes glade-beckon{50%{box-shadow:0 0 28px 8px #f2c14e52}}.auth-tagline{text-align:center;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted);margin:0;font-size:13px}.auth-ca{justify-items:center;gap:8px;max-width:calc(100vw - 32px);margin-top:-6px;display:grid}.auth-ca__label{letter-spacing:.18em;text-transform:uppercase;color:var(--gold-bright);opacity:.85;font-size:11px}.auth-ca__row{background:#120c06c7;border:1px solid #f2c14e73;border-radius:4px;align-items:center;gap:10px;max-width:100%;padding:7px 7px 7px 14px;display:flex;box-shadow:inset 0 1px #ffffff0f,0 8px 22px #00000080}.auth-ca__addr{min-width:0;font-family:var(--font-mono);letter-spacing:.02em;color:var(--fg);-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;background:0 0;font-size:14px}.auth-ca__copy.btn{letter-spacing:.12em;text-transform:uppercase;color:var(--gold-bright);border:1px solid #f2c14e99;border-radius:3px;flex:none;gap:6px;font-size:11px}.auth-ca__copy svg{fill:none;stroke:currentColor;stroke-width:1.6px}.auth-ca__link,.auth-ca__link:visited{color:var(--fg-muted);text-underline-offset:3px;font-size:12px;text-decoration:underline}.auth-screen--glade .auth-card--logo{padding-top:calc(min(600px,100vw - 32px)/6 + 16px)}.auth-card__logo{width:min(600px,100vw - 32px);height:auto;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.auth-card__lead{text-align:center}.glade{pointer-events:none;--field:calc(34% - 15px);--lamp:340px;--lamp-bottom:-56px;--lantern-x:212px;--lantern-y:172px;--glow:560px;--lamp-in:8%;background:linear-gradient(#0f0a06 0%,#17100a 40%,#241710 68%,#0f0a06 100%);position:absolute;inset:0;overflow:hidden}.glade__star{opacity:.5;background:#ffebc8;animation:3s ease-in-out infinite glade-twinkle;position:absolute}@keyframes glade-twinkle{0%,to{opacity:.12}50%{opacity:.9}}.glade__shoot{opacity:0;background:linear-gradient(90deg,#ffebc800,#ffebc8);width:170px;height:2px;animation:13s linear infinite glade-shoot;position:absolute;top:10%;left:-200px}.glade__shoot--late{animation-duration:17s;animation-delay:6.5s;top:24%}@keyframes glade-shoot{0%,88%{opacity:0;transform:translate(0)rotate(18deg)}90%{opacity:1}to{opacity:0;transform:translate(120vw,60vh)rotate(18deg)}}.glade__moon{width:160px;height:160px;position:absolute;top:calc(9% - 32px);right:calc(10% - 32px)}.glade__moon:before{content:"";background:radial-gradient(circle closest-side,#f4e4c133 0%,#f4e4c100 100%);border-radius:50%;position:absolute;inset:-55px}.glade__moon img{width:100%;height:100%;image-rendering:pixelated;display:block;position:relative}.glade__line{width:3840px;height:320px;animation:linear infinite glade-drift;position:absolute;left:0}@keyframes glade-drift{to{transform:translate(-1920px)}}.glade__line--far{bottom:calc(var(--field) - 62px);filter:brightness(.14)saturate(.5);animation-duration:150s}.glade__line--mid{bottom:calc(var(--field) - 64px);filter:brightness(.26)saturate(.6);animation-duration:100s}.glade__line--near{bottom:calc(var(--field) - 100px);filter:brightness(.5)saturate(.8)}.glade__tree{image-rendering:pixelated;display:block;position:absolute}.glade__field,.glade__horizon{width:100%;height:var(--field);min-height:200px;position:absolute;bottom:0;left:0;right:0}.glade__field{overflow:hidden}.glade__meadow{height:100%;image-rendering:pixelated;--period:128px;animation:4.133s linear infinite glade-scroll;display:block;position:absolute;top:0;left:0}@keyframes glade-scroll{to{transform:translateX(calc(-1 * var(--period)))}}.glade__horizon{background:linear-gradient(#0f0a06db 0%,#0f0a06b8 16%,#0f0a068c 50%,#0f0a067a 100%)}.glade__lamp{bottom:var(--lamp-bottom);width:var(--lamp);height:var(--lamp);image-rendering:pixelated;position:absolute}.glade__lamp--left{left:var(--lamp-in)}.glade__lamp--right{right:var(--lamp-in)}.glade__glow{bottom:calc(var(--lamp-bottom) + var(--lamp) - var(--lantern-y) - var(--glow) / 2);width:var(--glow);height:var(--glow);background:radial-gradient(circle,#f2c14e6b,#f2c14e00 62%);border-radius:50%;animation:3.4s ease-in-out infinite glade-breathe,10s linear infinite glade-flicker;position:absolute}.glade__glow--left{left:calc(var(--lamp-in) + var(--lantern-x) - var(--glow) / 2)}.glade__glow--right{right:calc(var(--lamp-in) + var(--lantern-x) - var(--glow) / 2);animation-duration:3.4s,12s;animation-delay:1.7s,5s}@keyframes glade-breathe{50%{transform:scale(1.08)}}@keyframes glade-flicker{0%,89%{opacity:1}89.25%{opacity:.45}89.5%{opacity:.95}89.75%{opacity:.4}90%,to{opacity:1}}.glade__lamp{animation:10s linear infinite glade-gutter}.glade__lamp--right{animation-duration:12s;animation-delay:5s}@keyframes glade-gutter{0%,89%{filter:brightness()}89.25%{filter:brightness(.75)}89.5%{filter:brightness(.97)}89.75%{filter:brightness(.72)}90%,to{filter:brightness()}}.glade__fly{opacity:0;background:#f2c14e;border-radius:50%;width:5px;height:5px;animation:ease-in-out infinite glade-fly;position:absolute;box-shadow:0 0 8px 2px #f2c14eb3}@keyframes glade-fly{0%{opacity:0;transform:translate(0)}20%{opacity:1}50%{opacity:.55;transform:translate(28px,-46px)}80%{opacity:1}to{opacity:0;transform:translate(-14px,-96px)}}@media (max-width:760px){.auth-screen--hang{--rope:14vh}.glade__lamp,.glade__glow{display:none}}@media (max-width:420px){.auth-play{min-width:0;max-width:100%;padding:16px 28px;font-size:19px}.auth-ca__addr{letter-spacing:0;font-size:11px}.auth-ca__row{gap:8px;padding:6px 6px 6px 10px}.auth-ca__copy-word{display:none}}@media (prefers-reduced-motion:reduce){.auth-hang,.auth-play-pulse,.glade__star,.glade__shoot,.glade__line,.glade__meadow,.glade__glow,.glade__lamp,.glade__fly{animation:none}.glade__star{opacity:.6}.glade__fly{opacity:.8}}.lvl__hero{align-items:center;gap:14px;display:flex}.lvl__portrait{border-radius:var(--r-sm);background:#00000047;border:1px solid #00000073;flex:none;place-items:center;width:104px;height:104px;display:grid;box-shadow:inset 0 1px #ffffff0f}.lvl--won .lvl__portrait{border-color:var(--gold-bright);position:relative;box-shadow:0 0 0 1px #00000080,0 0 18px #f0c85a59}@media (prefers-reduced-motion:no-preference){.lvl--won .lvl__portrait{animation:.6s cubic-bezier(.2,1.4,.4,1) both lvl-pop}.lvl--won .lvl__portrait:before,.lvl--won .lvl__portrait:after{content:"";border-radius:inherit;border:2px solid var(--gold-bright);opacity:0;pointer-events:none;animation:1s ease-out both lvl-ring;position:absolute;inset:-2px}.lvl--won .lvl__portrait:before{animation-delay:.15s}.lvl--won .lvl__portrait:after{animation-delay:.5s}.lvl__sparks i{animation:.9s cubic-bezier(.2,.8,.2,1) both lvl-spark}.lvl__stamp{animation:.5s cubic-bezier(.2,1.4,.4,1) .55s both lvl-stamp}.lvl--won .lvl__to{animation:.6s cubic-bezier(.2,1.4,.4,1) .35s both lvl-to}.lvl--won{animation:1.6s ease-out .2s both lvl-glow}}.lvl__sparks{pointer-events:none;position:absolute;inset:0}.lvl__sparks i{background:var(--gold-bright);width:6px;height:6px;box-shadow:0 0 6px var(--gold-bright);opacity:0;border-radius:50%;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%}.lvl__stamp{border:3px solid var(--gold-bright);color:var(--gold-bright);letter-spacing:.16em;text-transform:uppercase;pointer-events:none;background:#14100ad9;border-radius:5px;padding:2px 8px;font-size:11px;font-weight:900;position:absolute;bottom:-8px;right:-10px;transform:rotate(-12deg)}.lvl--won .lvl__to{text-shadow:0 0 12px #f2c14e8c;display:inline-block}.lvl__gain{border-left:3px solid var(--success);border-radius:0 var(--r-sm) var(--r-sm) 0;color:var(--fg);background:#00000038;align-items:center;gap:8px;padding:8px 12px;font-size:15px;font-weight:600;display:flex}.lvl__gain b{color:var(--success);font-size:19px;font-weight:800}.lvl__gain-arrow{color:var(--success);font-size:17px;font-weight:800}.lvl__gain-was{color:var(--fg-soft);font-size:12.5px;font-weight:500}@media (prefers-reduced-motion:no-preference){.lvl--won .lvl__gain{animation:.4s cubic-bezier(.2,.8,.2,1) .7s both tut-rest-in}}@keyframes lvl-pop{0%{transform:scale(.82)}}@keyframes lvl-ring{0%{opacity:.9;transform:scale(.92)}to{opacity:0;transform:scale(1.45)}}@keyframes lvl-spark{0%{opacity:0;transform:translateY(0)scale(.4)}15%{opacity:1}to{opacity:0;transform:translateY(-66px)scale(1)}}@keyframes lvl-stamp{0%{opacity:0;transform:rotate(-12deg)scale(3)}to{opacity:1;transform:rotate(-12deg)scale(1)}}@keyframes lvl-to{0%{opacity:0;transform:scale(2.4)}}@keyframes lvl-glow{0%{box-shadow:0 0 #f2c14e00}25%{box-shadow:0 0 28px 4px #f2c14e73}to{box-shadow:0 0 #f2c14e00}}.lvl__body{flex:1;min-width:0}.lvl__line{font-size:17px;line-height:1.25}.lvl__step{align-items:baseline;gap:8px;font-size:15px;font-weight:700;display:flex}.lvl__arrow{color:var(--fg-muted)}.lvl__to{color:var(--gold-bright);font-size:22px}@media (max-width:480px){.lvl__hero{flex-direction:column;align-items:flex-start}}.txt-link{color:var(--gold-bright);font-size:12px;font-weight:700;text-decoration:underline}.txt-link:visited{color:var(--gold-bright)}.collect-steps{gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.collect-steps li{color:var(--fg-soft);align-items:flex-start;gap:8px;display:flex}.collect-steps__mark{text-align:center;flex:none;width:16px;line-height:1.4}.collect-steps__text{min-width:0;line-height:1.4}.collect-steps li.is-current{color:var(--fg);font-weight:600}.collect-steps li.is-done{color:var(--success)}.rotate-notice{display:none}@media (pointer:coarse) and (orientation:landscape) and (max-height:480px){.rotate-notice{z-index:100;background:var(--sky);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.rotate-notice__card{text-align:center;font-family:var(--font-display);color:var(--fg);justify-items:center;gap:6px;font-size:17px;display:grid}.rotate-notice__icon{border:var(--plate-border);background:var(--crest-bg);width:54px;height:54px;color:var(--crest-fg);border-radius:8px;place-items:center;margin-bottom:4px;display:grid;transform:rotate(90deg)}.rotate-notice__card .muted{font-family:var(--font);font-size:13px}}@media (prefers-reduced-motion:reduce){.rotate-notice__icon{transform:none}}@media (pointer:coarse){.subnav__tab,.disc__s,.chatbar__who,.tut-strip__chip{align-items:center;min-height:32px;display:flex}.guide__toc{gap:6px}.guide__toc a{border-radius:var(--chip-radius);background:#00000024;border:1px solid #00000040;align-items:center;min-height:32px;padding:4px 8px;text-decoration:none;display:inline-flex}.help-tip,.tutorial__hide{min-width:32px;min-height:32px}}@media (max-width:1760px){.hud__refer-l,.hud__online-l,.hud__working-l,.hud__epoch{display:none}.hud__treasury{gap:6px}}@media (max-width:1380px){.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,.hud__working-l,.hud__res-toggle .icon:not(:first-child){display:none}.hud__tab{padding:0 8px}}@media (max-width:900px){.hud__crest-txt{display:none}}@media (max-width:760px){.hud{--hud-plate-h:38px;height:auto;padding:6px 8px 0;padding-top:calc(6px + env(safe-area-inset-top,0px));padding-left:max(8px, env(safe-area-inset-left,0px));padding-right:max(8px, env(safe-area-inset-right,0px));flex-wrap:wrap;gap:6px 0}.hud__rune,.hud__treasury>.hud__refer,.hud__admin,.hud__pop-wrap--working,.hud__treasury>.resource{display:none}.hud__crest{flex:1 1 0;order:1;gap:8px;min-width:0;padding-right:0}.hud__crest-txt{min-width:0;display:flex}.hud__crest-t{text-overflow:ellipsis;font-size:15px;line-height:1.4;overflow:hidden}.hud__crest-s{display:none}.hud__treasury{flex-wrap:nowrap;flex:none;order:2;gap:6px;margin-left:auto;position:static}.hud__online,.hud__res-toggle{padding:0 9px}.hud__online-n{font-size:14px}.hud__res-toggle .icon:first-child{display:block}.hud__pop-cat{border-radius:var(--r-sm);color:inherit;background:#00000047;border:1px solid #00000073;align-items:center;gap:8px;margin:0 0 8px;padding:10px 12px;text-decoration:none;display:flex}.hud__pop-cat-v{color:var(--plate-value);font-size:18px;font-weight:800}.hud__pop-cat-l{letter-spacing:.12em;color:var(--fg-muted);font-size:10px}.hud__pop-cat-go{color:var(--gold-bright);margin-left:auto;font-size:12px;font-weight:700}.hud__chev{margin-left:3px}.hud__ibtn{flex:none}.hud__pop-wrap{position:static}.hud__treasury .hud__pop{transform-origin:top;width:auto;min-width:0;max-width:none;top:calc(100% + 6px);left:8px;right:8px}.hud__tabs{order:3;gap:0;width:100%;height:46px;overflow:visible}.hud__tab-wrap{flex:1 1 0;min-width:0}.hud__tab-wrap>.hud__tab{width:100%}.hud__tab{letter-spacing:.04em;flex-direction:column;flex:1 1 0;justify-content:center;gap:3px;min-width:0;height:100%;margin:0;padding:0 2px;font-size:10px}.hud__tab .hud__label{display:inline}.hud__tab .icon{width:20px;height:20px}.hud__tab--menu .hud__chev{display:none}.hud__tab .hud__n{position:absolute;top:3px;left:calc(50% + 6px)}.hud__ind:after{left:8px;right:8px}.hud__tab-wrap .hud__pop{transform-origin:top;width:auto;min-width:0;max-width:none;position:fixed;left:8px;right:8px}.hud__mi{padding:11px 12px;font-size:14px}.notes-panel{width:auto;max-width:none;max-height:calc(100dvh - 140px - env(safe-area-inset-top,0px));position:absolute;top:calc(100% + 6px);left:8px;right:8px}.modal,.ws__body,.hud__pop,.notes-panel,.tut-card__body,.chatbar__log{overscroll-behavior:contain}input,select,textarea,.chatbar__input,.chatbar__input:focus{font-size:16px}.subnav{gap:8px;height:36px;padding:0 8px}.subnav--empty{height:0}.subnav__crumb{display:none}.subnav__tabs{flex:1}.subnav__tab{text-align:center;flex:1;padding:5px 8px}.roster,.world__pools{display:none}.hud__pop{min-width:0}.world__banners{max-height:calc(100% - 48px);top:8px}.tut-strip,.tut-strip__blocker,.tut-card,.world__banner{align-self:stretch;width:auto;max-width:calc(100% - 16px);margin:0 8px}.tut-strip,.tut-strip__blocker,.world__banner{flex:none}.tut-card{flex:0 auto;min-height:0;max-height:none}body.tut-over .tut-card{max-height:38dvh}.tut-card__foot{padding:6px 12px 8px}.tut-card__foot .btn{flex:none}.tut-strip:not(.is-min){grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px 10px;padding:8px 10px;display:grid}.tut-strip__chip{grid-area:1/1;align-self:start;margin-top:2px}.tut-strip__line{grid-column:2;font-size:13px;line-height:1.35}.tut-strip__head{align-items:center;gap:6px;margin-bottom:2px;display:flex}.tut-strip__title{font-size:15px;line-height:1.2;display:block}.tut-strip__head .tutorial__more{color:var(--gold-bright);margin:-4px 0;padding:4px;text-decoration:none;display:inline-flex}.tut-strip__head .tutorial__more .icon{width:16px;height:16px;display:block}.tut-strip__head .tutorial__more .tutorial__more-l,.tut-strip__dash{display:none}.tut-strip .tutorial__hide{grid-area:1/3;align-self:start;margin:-6px -6px 0 0;padding:6px}.tut-strip .tutorial__hide .icon{width:16px;height:16px}.tut-strip__reward,.tut-strip .tutorial__dots{grid-column:2/-1}.tut-strip__actions{grid-column:2/-1;justify-content:flex-end;gap:8px;display:flex}.tut-strip__actions:empty{display:none}.modal-backdrop{padding:8px;padding-top:calc(var(--hud-bottom,0px) + 8px);overscroll-behavior:contain;overflow-y:auto}.modal{--space-4:12px;--space-3:10px;max-height:calc(100dvh - var(--hud-bottom,0px) - 16px)}.leaderboard-table td{padding-top:0;padding-bottom:0}.world__label--player:not([data-me]):not([data-picked]),.world__label--cat:not([data-picked]){display:none}.world__label[data-behind]{visibility:hidden}.modal__title{font-size:17px}.modal .btn:not(.btn--lg){padding:7px 10px;font-size:12px}.tut-strip__blocker{flex-wrap:wrap;padding:8px 10px}.tut-strip__blocker .btn{flex:100%;padding:9px 12px}.tut-window{max-height:40dvh}.chatbar{bottom:calc(12px + env(safe-area-inset-bottom,0px))}.chatbar__log{max-height:min(240px,40vh)}.toasts{top:auto;bottom:calc(12px + env(safe-area-inset-bottom,0px))}.ws{border:0;border-top:var(--win-border);border-radius:var(--win-radius) var(--win-radius) 0 0;width:auto;height:45%;min-height:280px;max-height:none;animation:.38s cubic-bezier(.2,.8,.2,1) ws-in-sheet;inset:auto 0 0;box-shadow:0 -6px 18px #00000073}.app-main.ws-tall .ws{width:auto;height:70%}.ws.is-collapsed{height:45%;transform:translateY(calc(100% - 46px - env(safe-area-inset-bottom,0px)));overflow:visible}.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(45%,280px) - 28px);right:0}.app-main.ws-open.ws-tall .world{bottom:calc(70% - 28px);right:0}.app-main.ws-collapsed .world{bottom:18px;right:0}.ws__body{padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.ws__handle{padding-left:12px}.grid--2{grid-template-columns:1fr}.world__banner{padding:5px 10px;font-size:12.5px}.world__banner .btn{padding:5px 9px;font-size:11px}}.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__revealed{align-items:center;gap:12px}.welcome-permit__card{text-align:left;align-items:center;gap:18px;width:min(640px,100%);padding:14px 18px;display:flex}.welcome-permit__art{border-radius:var(--r-md);background:radial-gradient(circle at 50% 62%,#ffffff1a,#00000061 72%);border:1px solid #00000080;flex:none;place-items:center;width:164px;height:164px;display:grid;box-shadow:inset 0 0 24px #0006}.welcome-permit__art[data-rarity=LEGENDARY],.welcome-permit__art[data-rarity=MYTHIC]{box-shadow:inset 0 0 24px #0006, 0 0 18px color-mix(in srgb, var(--gold) 55%, transparent)}.welcome-permit__sprite{width:136px;height:136px;image-rendering:pixelated}.welcome-permit__facts{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.welcome-permit__name{font-family:var(--font-display);color:var(--gold-bright);font-size:22px;line-height:1.1}.welcome-permit__lesson{text-align:left;margin:2px 0 0}.welcome-permit__note{font-size:11.5px;line-height:1.4}.welcome-permit__foot{flex-direction:column;align-items:center;gap:4px;display:flex}.welcome-permit__next{text-align:center;max-width:460px;font-size:12px}.welcome-permit__seed{font-size:10.5px}@media (max-width:560px){.welcome-permit__card{text-align:center;flex-direction:column}.welcome-permit__facts{align-items:center}}@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}}.install-howto{margin:0 0 12px;padding-left:20px;line-height:1.45}.install-howto li+li{margin-top:6px}.push-kinds{border:0;gap:8px;margin:10px 0 12px;padding:0;display:grid}.push-kind{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.push-kind>span{gap:2px;display:grid}.buy-units,.buy-presets{flex-wrap:wrap;gap:6px;display:flex}.buy-units .btn[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.txt-warn{color:var(--gold);font-weight:700}.buy-address{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.buy-qr{background:#f4e4c1;border-radius:6px;width:168px;height:168px;display:block}@media (pointer:coarse){.buy-chip{min-width:44px;min-height:44px}}