:root{--font-display:"Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-body:"Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-num:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--s-900:#1c2026;--s-800:#232830;--s-700:#2f353c;--s-600:#3b434c;--s-500:#4b545e;--s-400:#646e79;--s-300:#8e978f;--t-100:#eef0e6;--t-300:#dfe4d8;--t-500:#b3bbb0;--t-700:#8e978f;--moss-300:#9ccf86;--moss-500:#7fb069;--moss-700:#6f9d5b;--moss-900:#2f4a2a;--amber-300:#ecc367;--amber-500:#d9a441;--amber-700:#c9932f;--amber-900:#6e4f12;--c-forest-900:#1e2a22;--c-forest-800:#2b3a2e;--c-forest-600:var(--moss-700);--c-forest-300:var(--moss-300);--c-wood-800:var(--s-700);--c-wood-700:var(--s-600);--c-wood-500:var(--s-500);--c-wood-300:var(--s-400);--c-gold-500:var(--amber-700);--c-gold-400:var(--amber-500);--c-gold-300:var(--amber-300);--c-parchment-300:#262b31;--c-parchment-200:var(--s-700);--c-parchment-100:var(--s-600);--c-stone-700:var(--t-500);--c-stone-600:var(--t-700);--c-stone-400:#57616b;--c-ink:var(--t-100);--c-danger:#d16a5a;--c-danger-100:#d16a5a2e;--c-success:var(--moss-500);--c-info:#7fa8c9;--rarity-common:#8f9a8f;--rarity-uncommon:#4f8a5b;--rarity-rare:#3b6fb6;--rarity-epic:#8a4fb6;--rarity-legendary:#d4a017;--rarity-mythic:#d1476f;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--radius:6px;--radius-lg:10px;--line:#ffffff1a;--focus:var(--amber-500);--bevel:inset 1px 1px 0 #ffffff1f, inset -1px -1px 0 #00000059;--stone-grad:linear-gradient(180deg, #4f5862, #3f474f);--stone-tex:repeating-linear-gradient(45deg, #ffffff04 0 2px, transparent 2px 6px), repeating-linear-gradient(-45deg, #0000000d 0 1px, transparent 1px 7px);--shadow-pixel:0 4px 0 var(--s-800), 0 10px 24px #0006;--win-bg:var(--stone-tex), var(--stone-grad);--surf:#4b545e;--surf-border:1px solid #0006;--surf-shadow:inset 1px 1px 0 #ffffff1a, inset -1px -1px 0 #00000059;--surf-2:#3b434c;--surf-2-border:1px solid #00000073;--surf-2-hover:#434c56;--surf-2-shadow:inset 1px 1px 0 #ffffff0d, inset -1px -1px 0 #0000004d;--r-sm:6px;--r-md:8px;--sel:var(--amber-500)}*{box-sizing:border-box}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:var(--s-400) var(--s-800)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--s-800);border-radius:6px;box-shadow:inset 1px 1px 2px #00000080}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--s-400), var(--s-500));border:2px solid var(--s-800);border-radius:6px;box-shadow:inset 0 1px #ffffff26}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, #737e8a, var(--s-400))}::-webkit-scrollbar-corner{background:var(--s-800)}.pixel-frame{background:var(--surf);border:var(--surf-border);border-radius:var(--r-md);box-shadow:var(--surf-shadow);color:var(--t-100);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{border-color:var(--s-900);background:#262b31;box-shadow:inset 1px 1px 3px #00000080,inset -1px -1px #ffffff0d}.pixel-frame--glass{background:var(--surf)}.pixel-frame--window,.modal,.tutorial,.auth-card,.notes-panel,.world__banner{background:var(--win-bg);border:1px solid var(--s-800);border-radius:var(--radius-lg);box-shadow:var(--bevel), 0 20px 40px #00000073;padding:var(--space-4)}.card{gap:var(--space-2);flex-direction:column;display:flex}.h2,.card__title{font-family:var(--font-display);letter-spacing:.01em;color:var(--t-100);margin:0;font-size:17px;font-weight:800;line-height:1.2}.h2 .muted,.card__title .muted{letter-spacing:0;font-size:13px;font-weight:500}.h3{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--moss-300);margin:4px 0 0;font-size:10.5px;font-weight:700;line-height:1.3}.h3:before{content:"◆";vertical-align:2px;color:var(--moss-500);margin-right:6px;font-size:7px}.pixel-frame>.h3:first-child,.stack>.h3:first-child{margin-top:0}.card__subtitle{color:var(--t-500);margin:0;font-size:12px}.card.is-clickable{cursor:pointer;transition:background .15s,transform .15s cubic-bezier(.2,.8,.2,1),box-shadow .15s}.card.is-clickable:hover{background:var(--surf-2-hover);transform:translate(2px)}.stats{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.stat{background:var(--surf-2);border:var(--surf-2-border);border-radius:var(--r-sm);box-shadow:var(--surf-2-shadow);flex-direction:column;gap:3px;min-width:0;padding:8px 10px;display:flex}.stat__v{font-variant-numeric:tabular-nums;font-size:16px;font-weight:800;font-family:var(--font-num);white-space:nowrap;line-height:1.1}.stat__v small{color:var(--t-500);font-size:11px;font-weight:600}.stat__l{text-transform:uppercase;letter-spacing:.1em;color:var(--t-700);font-size:9.5px;font-weight:700}.stat .progress{border-radius:2px;height:5px;margin-top:4px}@media (max-width:560px){.stats{grid-template-columns:repeat(2,1fr)}}.li{background:var(--surf-2);border:var(--surf-2-border);border-radius:var(--r-sm);box-shadow:var(--surf-2-shadow);color:inherit;font:inherit;text-align:left;align-items:center;gap:10px;width:100%;padding:8px 10px;transition:background .15s,transform .15s,box-shadow .15s;display:flex;position:relative}.li.is-clickable{cursor:pointer}.li.is-clickable:hover{background:var(--surf-2-hover);transform:translate(2px)}.li__t{font-size:13px;font-weight:700;line-height:1.25}.li__t .muted{font-weight:500}.li__s{color:var(--t-500);margin-top:1px;font-size:11.5px;line-height:1.35}.li--ready{box-shadow:var(--surf-2-shadow), 0 0 0 1px var(--moss-500), 0 0 14px #7fb06966}.li--ready:before{content:"";background:var(--moss-500);border-radius:2px;width:3px;position:absolute;top:8px;bottom:8px;left:0}.is-dim{opacity:.55}.catrow{background:var(--surf-2);border:var(--surf-2-border);border-radius:var(--r-md);box-shadow:var(--surf-2-shadow);color:inherit;font:inherit;text-align:left;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;padding:10px 12px;transition:background .15s,transform .15s,box-shadow .15s;display:grid}.catrow.is-clickable{cursor:pointer}.catrow.is-clickable:hover{background:var(--surf-2-hover);transform:translate(3px)}.catrow--compact{gap:10px;padding:8px 10px}.catrow__bars{gap:4px;max-width:320px;margin-top:6px;display:grid}.catrow__act{flex-direction:column;flex:none;align-items:flex-end;gap:6px;display:flex}@media (max-width:760px){.catrow{grid-template-columns:auto 1fr}.catrow__act{flex-flow:wrap;grid-column:1/-1;align-items:center}}.seg{background:var(--surf-2);border:var(--surf-2-border);border-radius:var(--r-sm);box-shadow:var(--surf-2-shadow);flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.seg .btn{box-shadow:none;color:var(--t-300);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(--moss-500);color:#0f1a12;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-body);letter-spacing:.01em;border:1px solid var(--s-800);border-radius:var(--radius);color:var(--t-100);cursor:pointer;box-shadow:inset 1px 1px 0 #ffffff29, inset -1px -1px 0 #00000059, 0 3px 0 var(--s-800), 0 6px 12px #00000059;-webkit-user-select:none;user-select:none;white-space:nowrap;background:linear-gradient(#646e79,#4b545e);justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;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:linear-gradient(#717c88,#57616b);transform:translateY(-1px)}.btn:active:not(:disabled){box-shadow:inset 1px 1px 3px #00000080, 0 0 0 var(--s-800);transform:translateY(3px)}.btn:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.6)}.btn--primary{color:#0f1a12;border-color:var(--moss-900);box-shadow:inset 0 1px 0 #ffffff59, 0 3px 0 var(--moss-900), 0 6px 12px #00000059;background:linear-gradient(#98c983,#6f9d5b)}.btn--primary:hover:not(:disabled){color:#0f1a12;background:linear-gradient(#a8d693,#7bad66)}.btn--gold{color:#1a1408;border-color:var(--amber-900);box-shadow:inset 0 1px 0 #fff6, 0 3px 0 var(--amber-900), 0 6px 12px #00000059;background:linear-gradient(#ecc367,#c9932f)}.btn--gold:hover:not(:disabled){background:linear-gradient(#f4cf78,#d59d38)}.btn--danger{color:#fff;background:linear-gradient(#e07e6e,#b8544a);border-color:#5e2620;box-shadow:inset 0 1px #ffffff40,0 3px #5e2620,0 6px 12px #00000059}.btn--danger:hover:not(:disabled){background:linear-gradient(#ea8b7b,#c45f54)}.btn--ghost{box-shadow:none;color:inherit;background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){background:#ffffff12;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(--s-700);color:var(--t-100);transform:none;box-shadow:inset 1px 1px 3px #0000008c,inset -1px -1px #ffffff0d}.btn.is-active:after{content:"";background:var(--moss-500);border-radius:1px;height:2px;position:absolute;bottom:-1px;left:10px;right:10px;box-shadow:0 0 8px #7fb069b3}.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-body);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--s-900);background:var(--s-700);color:var(--t-300);white-space:nowrap;border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:10.5px;font-weight:700;line-height:1.35;display:inline-flex;box-shadow:inset 0 1px #ffffff14}.badge--rarity{color:#fff;text-shadow:0 1px #00000080;border-color:#00000080}.badge--COMMON{background:var(--rarity-common)}.badge--UNCOMMON{background:var(--rarity-uncommon)}.badge--RARE{background:var(--rarity-rare)}.badge--EPIC{background:var(--rarity-epic)}.badge--LEGENDARY{background:var(--rarity-legendary)}.badge--MYTHIC{background:var(--rarity-mythic);animation:2s linear infinite shimmer}.badge--success{background:var(--moss-700);color:#fff}.badge--danger{color:#fff;background:#b8544a}.badge--info{color:#fff;background:#4f7ea3}.badge--muted{background:var(--s-600);color:var(--t-500)}.badge--gold{background:var(--amber-500);color:#1a1408;border-color:#0000}.badge--soft{opacity:.75}.badge--n{background:var(--moss-500);color:#0f1a12;letter-spacing:0;border-color:#0000;border-radius:9px;justify-content:center;min-width:18px;height:18px;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{border:1px solid var(--s-900);background:#262b31;border-radius:4px;height:17px;position:relative;overflow:hidden;box-shadow:inset 0 2px 3px #00000080}.progress__fill{background:linear-gradient(#9ccf86,#6f9d5b);height:100%;transition:width .5s cubic-bezier(.2,.8,.2,1);position:relative}.progress__fill:after{content:"";background:linear-gradient(#ffffff2e,#0000 50%);position:absolute;inset:0}.progress--gold .progress__fill{background:linear-gradient(#ecc367,#c9932f)}.progress--danger .progress__fill{background:linear-gradient(#e07e6e,#b8544a)}.progress__label{font-family:var(--font-num);letter-spacing:.02em;color:#fff;text-shadow:0 1px #000000b3,0 0 4px #00000080;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{height:12px}.progress--sm .progress__label{font-size:9px}.progress--lg{height:20px}.progress--lg .progress__label{font-size:11px}.resource{background:var(--s-700);border:1px solid var(--s-900);color:var(--t-100);border-radius:4px;align-items:center;gap:6px;min-width:0;padding:3px 9px 3px 6px;font-size:12.5px;font-weight:700;transition:transform .15s,background .15s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14}.resource:hover{background:var(--s-600)}.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(--c-stone-600);font-variant-numeric:tabular-nums;margin-left:-2px;font-size:11px;position:relative}.resource__label{color:var(--c-stone-600);font-size:10px;font-family:var(--font-body);position:relative}.resource__fill{background:var(--c-forest-300);opacity:.35;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-body);border:1px solid;border-radius:2px;padding:0 3px;position:relative}.resource--warning .resource__fill{background:var(--c-gold-300);opacity:.5}.resource--nearly-full .resource__fill{background:var(--c-gold-400);opacity:.55}.resource--full,.resource--over-cap{border-color:var(--c-danger);color:var(--c-danger)}.resource--full .resource__fill,.resource--over-cap .resource__fill{background:var(--c-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(--c-parchment-300)}.storage-row__name{font-family:var(--font-display);font-size:12px}.storage-row__bar{background:var(--c-parchment-300);border:2px solid var(--c-ink);border-radius:2px;height:10px;position:relative;overflow:hidden}.storage-row__bar>span{background:var(--c-forest-600);height:100%;transition:width .24s ease-out;display:block}.storage-row[data-state=WARNING] .storage-row__bar>span{background:var(--c-gold-400)}.storage-row[data-state=NEARLY_FULL] .storage-row__bar>span{background:var(--c-gold-500)}.storage-row[data-state=FULL] .storage-row__bar>span,.storage-row[data-state=OVER_CAP] .storage-row__bar>span{background:var(--c-danger)}.storage-row__value{font-family:var(--font-display);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.modal-backdrop{z-index:50;background:#0c0f12b8;place-items:center;padding:16px;animation:.14s fade-in;display:grid;position:fixed;inset:0}.modal{width:min(600px,100%);max-height:calc(100vh - 32px);padding:var(--space-4);animation:.22s cubic-bezier(.2,1.2,.4,1) pop-in;overflow:auto}.modal--wide{width:min(940px,100%)}.modal__header{margin:calc(-1 * var(--space-4)) calc(-1 * var(--space-4)) var(--space-3);border-bottom:1px solid var(--s-800);border-radius:var(--radius-lg) var(--radius-lg) 0 0;top:calc(-1 * var(--space-4));z-index:2;background:#363d45;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex;position:sticky}.modal__title{font-family:var(--font-display);margin:0;font-size:16px;font-weight:800}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:none}}.toasts{z-index:60;flex-direction:column;gap:8px;width:min(340px,100vw - 32px);display:flex;position:fixed;top:70px;right:16px}.toast{border-left:4px solid var(--c-info);cursor:pointer;padding:10px 12px;animation:.22s cubic-bezier(.2,1.2,.4,1) slide-in}.toast--success{border-left-color:var(--moss-500)}.toast--error{border-left-color:var(--c-danger)}.toast__title{font-family:var(--font-display);margin:0;font-size:13px;font-weight:800}.toast__body{color:var(--t-500);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-body);border:1px solid var(--s-900);color:var(--t-100);background:#262b31;border-radius:6px;padding:8px 10px;font-size:13.5px;box-shadow:inset 0 2px 3px #0006}input::placeholder,textarea::placeholder{color:var(--t-700)}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--t-500) 50%), linear-gradient(135deg, var(--t-500) 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(--amber-500);outline-offset:1px}input[type=checkbox]{appearance:none;border:1px solid var(--s-900);vertical-align:middle;cursor:pointer;background:#262b31;border-radius:5px;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-bottom:2.5px solid #0f1a12;border-left:2.5px solid #0f1a12;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:var(--s-700)}input[type=checkbox]:checked{border-color:var(--moss-900);background:linear-gradient(#98c983,#6f9d5b);box-shadow:inset 0 1px #ffffff59,0 0 8px #7fb06959}input[type=checkbox]:checked:before{transform:rotate(-45deg)scale(1)translate(1px,-1px)}input[type=radio]{accent-color:var(--moss-500);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:1px solid var(--s-900);background:linear-gradient(90deg, var(--moss-700) 0 var(--pct), transparent var(--pct)) no-repeat, #262b31;border-radius:5px;height:10px;box-shadow:inset 0 2px 3px #00000080}input[type=range]::-moz-range-track{border:1px solid var(--s-900);background:#262b31;border-radius:5px;height:10px;box-shadow:inset 0 2px 3px #00000080}input[type=range]::-moz-range-progress{background:var(--moss-700);border-radius:5px;height:10px}input[type=range]::-webkit-slider-thumb{appearance:none;border:1px solid var(--s-900);width:20px;height:20px;box-shadow:inset 1px 1px 0 #fff3, 0 2px 0 var(--s-900), 0 4px 10px #0006;background:linear-gradient(#737e8a,#4b545e);border-radius:6px;margin-top:-6px;transition:transform .15s,box-shadow .15s}input[type=range]::-moz-range-thumb{border:1px solid var(--s-900);width:20px;height:20px;box-shadow:inset 1px 1px 0 #fff3, 0 2px 0 var(--s-900), 0 4px 10px #0006;background:linear-gradient(#737e8a,#4b545e);border-radius:6px}input[type=range]:hover::-webkit-slider-thumb{box-shadow:inset 1px 1px 0 #fff3, 0 2px 0 var(--s-900), 0 0 0 3px #d9a44159;transform:scale(1.08)}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:inset 1px 1px 0 #fff3, 0 2px 0 var(--s-900), 0 0 0 3px #d9a44159;transform:scale(1.08)}input[type=range]:focus-visible{outline:none}.slider-row{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;font-size:12.5px;font-weight:600;display:grid}.slider-row>span:last-child{font-family:var(--font-num);text-align:right;min-width:36px}.tabs{border:1px solid var(--s-900);background:#262b31;border-radius:7px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex;position:relative;box-shadow:inset 0 2px 3px #00000073}.tabs__ind{opacity:0;background:var(--s-700);pointer-events:none;border-radius:5px;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;box-shadow:inset 1px 1px 3px #0009,inset -1px -1px #ffffff0d}.tabs__ind:after{content:"";background:var(--moss-500);border-radius:1px;height:2px;position:absolute;bottom:0;left:10px;right:10px;box-shadow:0 0 8px #7fb069b3}.tabs .btn{z-index:1;box-shadow:none;color:var(--t-500);background:0 0;border-color:#0000;transition:color .18s;position:relative}.tabs .btn:hover:not(:disabled){color:var(--t-100);background:0 0;transform:none}.tabs .btn.is-active{color:var(--t-100);box-shadow:none;background:0 0}.tabs .btn.is-active:after{display:none}.spinner{border:3px solid var(--s-800);border-top-color:var(--moss-500);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(--t-500);padding:var(--space-5);font-size:13.5px}.tooltip{display:inline-flex;position:relative}.tooltip__bubble,.tip-layer{background:var(--stone-tex), var(--stone-grad);color:var(--t-100);border:1px solid var(--s-800);box-shadow:var(--bevel), 0 12px 28px #0000008c;font-family:var(--font-body);border-radius:6px;padding:8px 11px;font-size:11.5px;font-weight:500;line-height:1.45}.tooltip__bubble{white-space:normal;z-index:40;pointer-events:none;width:max-content;max-width:340px;display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip:hover .tooltip__bubble,.tooltip:focus-within .tooltip__bubble{animation:.12s fade-in;display:block}.tip-layer{z-index:400;pointer-events:none;opacity:0;white-space:normal;max-width:300px;font-size:12px;transition:opacity .12s,transform .12s;position:fixed;top:0;left:0;transform:translateY(4px)}.tip-layer.is-on{opacity:1;transform:none}.tip-layer.is-below{transform:translateY(-4px)}.tip-layer.is-below.is-on{transform:none}.icon{vertical-align:-.15em;flex:none;width:1em;height:1em;display:inline-block}.particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.particle{background:var(--amber-300);width:6px;height:6px;animation:.9s ease-out forwards particle;position:absolute}.particle:nth-child(3n){background:var(--moss-300)}@keyframes particle{to{transform:translate(var(--dx), var(--dy)) scale(.2);opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html,body,#root{height:100%}body{color:var(--t-100);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background:#07080a;margin:0;overflow:hidden}.app-shell{grid-template-rows:auto auto 1fr;min-width:0;height:100vh;display:grid}.app-shell>*{min-width:0}.app-main{--ws-w:min(480px, 44vw);--ws-w-tall:min(960px, 72vw);background:#07080a;min-height:0;position:relative;overflow:hidden}.hud{--hud-plate-h:34px;background:var(--stone-tex), var(--stone-grad);border-bottom:2px solid var(--s-800);z-index:20;align-items:center;gap:12px;height:58px;padding:0 14px;display:flex;position:relative;box-shadow:0 10px 30px #00000073,inset 0 1px #ffffff24}.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:inset 1px 1px 0 #ffffff1a, 0 0 0 1px var(--amber-500)}.hud__crest-ico{background:var(--s-700);border:1px solid var(--s-900);width:38px;height:38px;color:var(--amber-500);border-radius:6px;flex:none;place-items:center;transition:box-shadow .15s;display:grid;box-shadow:inset 1px 1px #ffffff1a}.hud__crest-txt{flex-direction:column;line-height:1.15;display:flex}.hud__crest-t{font-size:13.5px;font-weight:800}.hud__crest-s{color:var(--t-500);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(--t-300)}.hud__rune{background:var(--moss-500);opacity:.6;width:7px;height:7px;box-shadow:0 0 0 2px var(--s-700);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(--s-700);border-radius:6px;box-shadow:inset 1px 1px 3px #0000008c,inset -1px -1px #ffffff0d}.hud__ind:after{content:"";background:var(--moss-500);border-radius:1px;height:2px;position:absolute;bottom:-1px;left:12px;right:12px;box-shadow:0 0 8px #7fb069b3}.hud__tab{z-index:1;height:40px;color:var(--t-500);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,.hud__tab.is-active{color:var(--t-100)}.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(--c-danger);color:#fff;border-radius:8px;place-items:center;min-width:16px;height:16px;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(--s-600);position:absolute;top:2px;right:2px}.hud__badge.is-pulse:after{content:"";border-radius:inherit;border:2px solid var(--c-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:1px solid var(--s-900);background:var(--s-700);color:var(--t-300);white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.hud__online-dot{background:var(--moss-300);border-radius:50%;width:7px;height:7px;box-shadow:0 0 7px #9ccf86bf}.hud__treasury{align-items:center;gap:8px;margin-left:auto;display:flex;position:relative}.hud__treasury>.resource{height:var(--hud-plate-h);border-radius:6px;gap:6px;padding:0 12px;font-size:13.5px;line-height:1}.hud__treasury>.resource .resource__value{color:var(--amber-300);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(--s-700);border:1px solid var(--s-900);color:var(--t-300);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:0 10px;font-size:12px;font-weight:700;transition:background .15s;display:flex;box-shadow:inset 1px 1px #ffffff14}.hud__res-toggle:hover,.hud__pop-wrap.is-open .hud__res-toggle{background:var(--s-600)}.hud__res-toggle .icon{margin-right:-3px}.hud__treasury .icon{width:16px;height:16px}.hud__res-label{margin-left:8px}.hud__chev{margin-left:5px;transition:transform .25s;display:grid}.hud__pop-wrap.is-open .hud__chev{transform:rotate(180deg)}.hud__pop{background:var(--stone-tex), var(--stone-grad);border:1px solid var(--s-800);z-index:30;transform-origin:100% 0;border-radius:8px;min-width:340px;padding:10px;animation:.18s cubic-bezier(.2,1.2,.4,1) pop-in;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 20px 40px #00000080,inset 0 1px #ffffff24}.hud__pop-grid{gap:4px;display:grid}.hud__pop-grid .resource{justify-content:flex-start;width:100%;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(--s-800);color:var(--t-500);gap:6px;margin-top:8px;padding-top:8px;font-size:11px;display:grid}.hud__frag{color:var(--t-300);font-weight:700;font-family:var(--font-num);align-items:center;gap:5px;text-decoration:none;display:inline-flex}.hud__frag:hover{color:var(--t-100)}.hud__pop--menu{gap:2px;min-width:210px;padding:6px;display:grid}.hud__pop--menu[hidden]{display:none}.hud__mi{color:var(--t-300);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-body);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:#e07e6e}.hud__mi--danger:hover{color:#f0a093;background:#e07e6e24}.hud__mi .icon{width:16px;height:16px}.hud__mi:hover,.hud__mi.is-active{background:var(--s-700);color:var(--t-100);transform:translate(2px)}.hud__ibtn{width:var(--hud-plate-h);height:var(--hud-plate-h);color:var(--t-300);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{color:var(--t-100);background:#ffffff12}.hud__ibtn .icon{width:18px;height:18px}.hud__admin{color:#fff;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(#e07e6e,#b8544a);border:1px solid #5e2620;border-radius:4px;padding:5px 10px;font-size:11px;font-weight:800;text-decoration:none;box-shadow:inset 0 1px #ffffff40,0 2px #5e2620}.hud__admin.is-active{box-shadow:inset 0 2px 3px #0006}.demo-banner{background:var(--amber-500);color:#1a1408;letter-spacing:.1em;text-transform:uppercase;border-radius:3px;padding:1px 6px;font-size:9.5px;font-weight:800;display:inline-block}.subnav{border-bottom:1px solid var(--s-800);z-index:15;background:#363d45;align-items:center;gap:14px;height:42px;padding:0 16px;display:flex;position:relative;overflow:auto hidden;box-shadow:0 8px 20px #0000004d}.subnav--empty{height:0;box-shadow:none;border:0;overflow:hidden}.subnav__crumb{letter-spacing:.12em;text-transform:uppercase;color:var(--t-700);white-space:nowrap;font-size:11px;font-weight:700}.subnav__tabs{border:1px solid var(--s-900);background:#262b31;border-radius:7px;gap:2px;padding:3px;display:flex;position:relative;box-shadow:inset 0 2px 3px #00000073}.subnav__ind{background:var(--s-700);border-radius:5px;box-shadow:inset 1px 1px 3px #0009,inset -1px -1px #ffffff0d}.subnav__ind:after{content:"";background:var(--moss-500);border-radius:1px;height:2px;position:absolute;bottom:0;left:10px;right:10px;box-shadow:0 0 8px #7fb069b3}.subnav__tab{z-index:1;color:var(--t-500);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,.subnav__tab.is-active{color:var(--t-100)}.roster{z-index:12;border:1px solid var(--s-900);background:#2f353ce0;border-radius:8px;flex-direction:column;gap:8px;width:66px;max-height:calc(100% - 24px);padding:8px;transition:max-height .38s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;top:12px;left:12px;overflow:hidden auto;box-shadow:0 10px 24px #0006,inset 0 1px #ffffff14}.roster::-webkit-scrollbar{width:6px}.roster::-webkit-scrollbar-thumb{border-width:1px}.roster__ava{border:1px solid var(--s-900);cursor:pointer;width:48px;height:48px;color:inherit;background:#262b31;border-radius:6px;flex:none;place-items:center;padding:0;transition:transform .18s cubic-bezier(.2,.9,.3,1.2),box-shadow .18s;display:grid;position:relative;box-shadow:inset 1px 1px #ffffff14}.roster__ava .cat-portrait{box-shadow:none;background:0 0;border:0}.roster__ava:hover{box-shadow:0 0 0 1px var(--amber-500), inset 1px 1px 0 #ffffff14;transform:translate(3px)scale(1.04)}.roster__ava.is-active{box-shadow:0 0 0 2px var(--amber-500), 0 0 14px #d9a44166}.roster__dot{background:var(--s-300);border:2px solid var(--s-700);border-radius:50%;width:11px;height:11px;position:absolute;bottom:-3px;right:-3px}.roster__dot--work{background:var(--moss-500);box-shadow:0 0 8px var(--moss-500)}.roster__dot--lucky{background:var(--amber-500)}.roster__dot--upgrade{background:var(--c-info)}.roster__add{color:var(--moss-300);border-style:dashed;border-color:var(--s-400);font-size:20px;font-weight:800}.roster__count{color:var(--t-700);text-align:center;flex:none;font-size:10px;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(--t-500);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(--t-100);letter-spacing:.01em;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:800;display:flex}.page__title:before{content:"◆";color:var(--moss-500);font-size:8px}.kv{grid-template-columns:auto 1fr;gap:5px 14px;margin:0;font-size:12.5px;display:grid}.kv dt{color:var(--t-500)}.kv dd{text-align:right;font-weight:600;font-family:var(--font-num);font-variant-numeric:tabular-nums;margin:0;font-size:12px}.kv dd .muted{font-weight:500}.form-field{letter-spacing:.06em;text-transform:uppercase;color:var(--t-700);flex-direction:column;gap:4px;font-size:11px;font-weight:700;display:flex}.form-field input,.form-field select,.form-field textarea{letter-spacing:0;text-transform:none;font-weight:500}.table{border-collapse:collapse;width:100%;font-size:12.5px}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:7px 8px}.table th{color:var(--t-700);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:#7fb0691f}.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}.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__fade{z-index:3;pointer-events:none;position:absolute;inset:0}.world__fade canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.world canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block}.world__labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.world__label{font-family:var(--font-body);letter-spacing:.02em;color:var(--t-100);background:var(--s-700);border:1px solid var(--s-900);box-shadow:0 2px 0 var(--s-900);white-space:nowrap;border-radius:3px;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{color:#1b1e23;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border-radius:7px;width:max-content;min-width:34px;max-width:min(220px,40vw);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;box-shadow:0 0 0 1px #0000004d}.world__bubble:after{content:"";border:5px solid #0000;border-top-color:#fff;border-bottom:0;width:0;height:0;position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes bubble-in{0%{opacity:0;transform:translateY(4px)scale(.92)}}.world__label--npc{color:var(--amber-300);font-size:10.5px}.world__label--lucky{color:var(--amber-300);box-shadow:0 2px 0 var(--s-900), 0 0 10px #d9a44199}.world__label--sel{color:var(--sel);box-shadow:0 2px 0 var(--s-900), 0 0 0 1px var(--sel)}.world__banners{pointer-events:none;z-index:7;transition:right .38s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;bottom:0;left:0}.world__banners>*{pointer-events:auto}.world__banner{z-index:5;max-width:calc(100% - 200px);padding:8px 12px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.world__devbox{z-index:13;width:250px;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(--t-500);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(--t-100)}.world__devbox:not(.is-min) .devbox__bar{border-bottom:1px solid #ffffff14;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__compass{border-top:1px solid #ffffff14;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,monospace);color:inherit;resize:vertical;background:#00000040;border:1px solid #ffffff1f;border-radius:4px;margin-top:6px;padding:4px 6px}.ws{width:var(--ws-w);z-index:10;background:var(--stone-tex), var(--stone-grad);border:1px solid var(--s-800);border-radius:12px;flex-direction:column;height:calc(100% - 24px);transition:transform .38s cubic-bezier(.2,.8,.2,1),width .38s cubic-bezier(.2,.8,.2,1),height .38s cubic-bezier(.2,.8,.2,1),visibility;animation:.38s cubic-bezier(.2,.8,.2,1) ws-in;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 14px 44px #0000008c,inset 0 1px #ffffff24}.app-main.ws-tall .ws{width:var(--ws-w-tall)}.ws.is-collapsed{height:46px;overflow:hidden}.ws.is-collapsed .ws__handle{border-bottom:0;border-radius:12px}.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{border-bottom:1px solid var(--s-800);-webkit-user-select:none;user-select:none;background:#363d45;border-radius:12px 12px 0 0;flex:none;align-items:center;gap:12px;height:46px;padding:0 8px 0 16px;display:flex}.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(--s-800);border-radius:2px;width:4px;height:14px;box-shadow:inset 0 1px #ffffff1a}.ws__crumb{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:800;display:flex;overflow:hidden}.ws__crumb .muted{font-weight:600}.ws__crumb .icon{width:16px;height:16px}.ws__ctl{gap:4px;margin-left:auto;display:flex}.ws__ctl svg{transition:transform .3s}.ws.is-collapsed .ws__collapse svg{transform:rotate(180deg)}.ws__body{flex:1;min-height:0;padding:14px 18px 18px;overflow:auto}.ws__body>.stack,.ws__body>.grid{animation:.3s cubic-bezier(.2,.8,.2,1) both rise}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.ws__tray{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.chatbar{pointer-events:none;z-index:8;justify-content:center;padding:0 12px;transition:right .38s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;bottom:16px;left:0}.chatbar__stack{flex-direction:column;gap:8px;width:min(520px,100%);display:flex}.chatbar__form{pointer-events:auto;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:0 14px;transition:box-shadow .2s;display:flex;box-shadow:0 8px 24px #00000080,inset 0 0 0 1px #00000024}.chatbar__input,.chatbar__input:focus{min-width:0;height:38px;box-shadow:none;color:#1b1e23;font-family:var(--font-body);background:0 0;border:0;border-radius:0;outline:none;flex:1;padding:0;font-size:13px;font-weight:600}.chatbar__input::placeholder{color:#8b9299;font-weight:500}.chatbar__input:disabled{cursor:not-allowed}.chatbar__tools{justify-content:center;display:flex}.chatbar__history{pointer-events:auto;color:#8b9299;height:24px;font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:999px;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:#1b1e23;background:#00000012}.chatbar__history.is-on{color:#1b1e23;background:#0000001a}.chatbar__tools .chatbar__history{color:#3b4148;background:#ffffffe6;height:28px;padding:0 12px;box-shadow:0 6px 18px #00000073}.chatbar__tools .chatbar__history:hover{color:#1b1e23;background:#fff}.chatbar__log{pointer-events:auto;color:#fff;background:#00000080;border-radius:10px;padding:10px 8px 10px 14px;font-size:11.5px;line-height:1.45;box-shadow:0 10px 28px #0006}.chatbar__scroll{scrollbar-width:thin;scrollbar-color:#ffffff59 transparent;flex-direction:column;gap:3px;max-height:min(280px,36vh);padding-right:10px;display:flex;overflow-y:auto}.chatbar__scroll::-webkit-scrollbar{width:6px}.chatbar__scroll::-webkit-scrollbar-track{box-shadow:none;background:0 0}.chatbar__scroll::-webkit-scrollbar-thumb{box-shadow:none;background:#ffffff4d;border:0;border-radius:999px}.chatbar__scroll::-webkit-scrollbar-thumb:hover{background:#ffffff80}.chatbar__line{grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:6px;display:grid}.chatbar__line b{color:var(--amber-300);font-weight:800}.chatbar__said{overflow-wrap:anywhere}.chatbar__at{color:#ffffff73;font-variant-numeric:tabular-nums;font-size:9.5px}.chatbar__line--system{color:#fff9;grid-template-columns:minmax(0,1fr);font-style:italic}.chatbar__empty{color:#ffffff80;font-style:italic}.chatbar__hint{letter-spacing:.1em;text-transform:uppercase;color:#9aa1a8;font-size:9.5px;font-weight:800}.reqs{gap:2px var(--space-2);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));font-size:12px;line-height:1.5;display:grid}.req{white-space:nowrap;align-items:baseline;gap:4px;display:flex}.req__mark{font-weight:700}.req--met .req__mark{color:var(--c-success)}.req--short .req__mark,.req--short .req__amount{color:var(--c-danger)}.req--short .req__amount{font-weight:700}.req__label{color:var(--c-stone-600)}.req__missing{color:var(--c-danger);font-weight:700}.req--note{color:var(--c-stone-600)}.reqs__heading{letter-spacing:.08em;text-transform:uppercase;color:var(--c-stone-600);font-size:11px;font-weight:700}.reqs__note{color:var(--c-stone-600);font-size:12px}.req__reason{color:var(--c-danger);font-size:12px;font-weight:700}.tutorial{z-index:14;width:min(340px,100% - 110px);padding:12px 14px;position:absolute;top:12px;left:90px}.tutorial__title{font-size:13px;font-weight:800}.note{border-bottom:1px solid var(--line);padding-bottom:8px}.note.is-read{opacity:.6}.note__hint{color:var(--amber-300);margin-top:4px;font-size:11.5px;font-weight:700}.note__act{gap:6px;margin-top:6px}.notes-panel{z-index:40;width:360px;max-width:calc(100vw - 24px);max-height:70vh;animation:.2s cubic-bezier(.2,1.2,.4,1) pop-in;position:fixed;top:66px;right:12px;overflow:auto}.admin{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:16px;display:grid}.admin__nav{position:sticky;top:0}@media (max-width:900px){.admin{grid-template-columns:1fr}.admin__nav{position:static}}.cat-portrait{width:64px;height:64px;image-rendering:pixelated;border:1px solid var(--s-900);background:#262b31;border-radius:6px;box-shadow:inset 0 1px #ffffff1a}.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(--c-gold-400);pointer-events:none;opacity:.75;position:absolute;inset-block:-2px}.rule{border:0;border-top:1px solid var(--s-800);width:100%;margin:10px 0 0}.good{color:var(--c-success)}.stat-bar strong{text-align:right;font-family:var(--font-num);font-variant-numeric:tabular-nums}.quality-stars{color:var(--amber-500);letter-spacing:1px;white-space:nowrap;font-size:13px}.quality-stars--dim{color:var(--t-700)}.odds-row{grid-template-columns:96px 52px 1fr 52px;align-items:center;gap:10px;display:grid}.odds-row .progress{height:8px}.pack-reveal{place-items:center;min-height:220px;display:grid;position:relative}.pack-reveal__box{border:2px solid var(--amber-700);width:120px;height:150px;box-shadow:inset 0 0 0 3px #1c1526, inset 0 0 0 4px var(--amber-700), 0 12px 30px #0009;background:linear-gradient(#4a3a6a,#1c1526);border-radius:8px;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(--amber-500), 0 0 22px #d9a441b3}.pity-meter{flex-wrap:wrap;gap:3px;display:flex}.pity-meter__pip{border:1px solid var(--s-900);background:#262b31;border-radius:2px;width:14px;height:10px;box-shadow:inset 0 1px 2px #00000080}.pity-meter__pip--filled{background:var(--amber-500);box-shadow:none}.lucky-banner{background:linear-gradient(90deg, #d9a44138, transparent 70%), var(--surf-2);border-color:var(--amber-700)}.auth-screen{height:100%;padding:var(--space-4);background:radial-gradient(circle at 20% 20%,#7fb06929,#0000 40%),radial-gradient(circle at 80% 70%,#d9a4411f,#0000 45%),#1e2a22;place-items:center;display:grid}.auth-wallet__ico{object-fit:contain;border-radius:4px;width:18px;height:18px}.auth-card{width:min(520px,100%)}@media (max-width:1240px){.hud__tab .hud__label{display:none}.hud__tab{padding:0 11px}.hud__tab .icon{width:18px;height:18px}.hud__crest-s{display:none}}@media (max-width:1000px){.hud__res-label{display:none}}@media (max-width:760px){.chatbar{bottom:12px}.chatbar__log{max-height:min(240px,40vh)}.hud{flex-wrap:wrap;gap:8px;height:auto;padding:8px 10px}.hud__rune{display:none}.hud__tabs{order:3;width:100%;height:40px;overflow:auto hidden}.hud__tab{flex:1 0 auto;justify-content:center;margin:2px 0}.hud__treasury{margin-left:auto}.subnav{gap:10px;padding:0 10px}.roster{display:none}.hud__pop{width:max-content;min-width:0;max-width:calc(100vw - 20px)}.ws{border:0;border-top:1px solid var(--s-800);border-radius:12px 12px 0 0;width:auto;height:58%;min-height:280px;animation:.38s cubic-bezier(.2,.8,.2,1) ws-in-sheet;inset:auto 0 0;box-shadow:0 -14px 44px #00000080,inset 0 1px #ffffff24}.app-main.ws-tall .ws{width:auto;height:78%}.ws.is-collapsed{height:58%;overflow:visible;transform:translateY(calc(100% - 46px))}.ws.is-collapsed .ws__handle{border-bottom:1px solid var(--s-800);border-radius:12px 12px 0 0}.ws.is-closed{transform:translateY(102%)}.app-main.ws-open .world{bottom:calc(max(58%,280px) - 28px);right:0}.app-main.ws-open.ws-tall .world{bottom:calc(78% - 28px);right:0}.app-main.ws-collapsed .world{bottom:18px;right:0}.ws__body{padding:12px}.ws__handle{padding-left:12px}.tutorial{width:calc(100% - 20px);left:10px}.toasts{top:auto;bottom:12px}.grid--2{grid-template-columns:1fr}.world__banner{max-width:calc(100% - 24px)}.hud__tab-wrap .hud__pop{transform-origin:top;width:auto;min-width:0;max-width:none;position:fixed;left:8px;right:8px}}.welcome-permit{min-width:min(520px,100%)}.welcome-permit__lede{margin:0;font-size:15px;font-weight:700}.welcome-permit__rolling{min-height:240px}.welcome-permit__box{animation:.9s ease-in-out 2 pack-shake}.welcome-permit__stamp{color:#b83b2e;letter-spacing:3px;opacity:0;border:4px solid #b83b2e;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(--c-gold-400), 0 0 18px #f2c14ebf}to{box-shadow:0 0 0 4px var(--c-gold-400), 0 0 40px #f2c14e}}.welcome-permit__lesson{text-align:left;margin:4px auto 0}.welcome-permit__next{text-align:center;max-width:420px;font-size:12px}@media (max-width:480px){.welcome-permit{min-width:0}.welcome-permit__lede{display:none}}