:root{--bg: #0b0f16;--bg-elev: #121a25;--surface: #151d29;--surface-2: #1b2534;--border: #253143;--border-soft: #1e2836;--text: #e7eef7;--muted: #8fa0b6;--accent: #34d17f;--accent-dim: #1f7a4d;--gold: #ffb224;--danger: #ff5f5f;--info: #4aa8ff;--radius: 14px;--radius-sm: 10px;--shadow: 0 8px 24px rgba(0, 0, 0, .35);--nav-h: 66px;--header-h: 58px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Vazirmatn,Segoe UI,Tahoma,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}body{overscroll-behavior-y:none}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}h1,h2,h3,p{margin:0}code{direction:ltr;unicode-bidi:embed;background:#0d141d;padding:1px 5px;border-radius:6px;font-size:.85em}.muted{color:var(--muted);font-size:.88em}.crit{color:var(--gold);font-weight:700}.app{min-height:100vh;padding-bottom:calc(var(--nav-h) + 12px)}.app-header{position:sticky;top:0;z-index:20;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px;background:#0b0f16eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-soft)}.app-header__brand{background:none;border:0;padding:0;color:var(--text)}.app-header__logo{font-weight:800;font-size:1.15rem;letter-spacing:.5px;background:linear-gradient(90deg,var(--accent),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.app-header__meta{display:flex;align-items:center;gap:8px}.app-main{max-width:760px;margin:0 auto;padding:14px}.offline-banner{background:#4a2a12;color:#ffd9a8;text-align:center;padding:6px 12px;font-size:.85rem}.app-nav{position:fixed;bottom:0;right:0;left:0;z-index:30;height:var(--nav-h);display:flex;align-items:stretch;gap:2px;padding:6px max(6px,env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom));background:#0f151ef7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-soft);overflow-x:auto}.app-nav__item{flex:1 0 60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;border:0;border-radius:var(--radius-sm);color:var(--muted);padding:4px 2px;transition:background .15s,color .15s}.app-nav__item--active{color:var(--text);background:var(--surface-2)}.app-nav__icon{font-size:1.15rem;line-height:1}.app-nav__label{font-size:.68rem;white-space:nowrap}.page{display:flex;flex-direction:column;gap:14px}.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow)}.card--hero{background:linear-gradient(160deg,#172334,#121a25 60%);border-color:var(--border)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.section-title h2{font-size:1rem;font-weight:700}.section-hint{margin-bottom:10px}.hero__row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.hero__name{font-size:1.3rem;font-weight:800}.hero__sub{color:var(--muted);font-size:.85rem}.hero__cp{text-align:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 12px}.hero__cp-label{display:block;font-size:.7rem;color:var(--muted)}.hero__cp-value{display:block;font-weight:800;color:var(--accent);font-size:1.1rem}.hero__exp{margin-top:14px}.hero__exp-head{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:6px}.hero__exp-note{margin-top:6px}.progress{height:10px;border-radius:999px;background:#0d141d;border:1px solid var(--border-soft);overflow:hidden}.progress__fill{height:100%;background:linear-gradient(90deg,var(--accent-dim),var(--accent));transition:width .35s ease}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:.78rem;white-space:nowrap}.chip--level{color:var(--info);border-color:#24425f}.chip--good{color:var(--accent);border-color:var(--accent-dim)}.chip--gold{color:var(--gold);border-color:#5c4318}.gold-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;background:#22190a;border:1px solid #5c4318;color:var(--gold);font-size:.82rem;font-weight:700}.badge{padding:2px 9px;border-radius:999px;font-size:.72rem;border:1px solid var(--border);color:var(--muted)}.badge--done{color:var(--accent);border-color:var(--accent-dim)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:.88rem;font-weight:600;text-decoration:none;transition:transform .08s,filter .15s,opacity .15s}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:linear-gradient(180deg,#2fbd72,#23a461);border-color:#1d8a52;color:#04120b}.btn--ghost{background:transparent}.btn--sm{padding:6px 10px;font-size:.8rem}.btn--wide{width:100%;margin-top:10px}.input{width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#0e151e;color:var(--text);font-size:.95rem}.input:focus{outline:none;border-color:var(--accent-dim)}.input--lg{padding:13px 14px;font-size:1.05rem}.field{display:block;margin-top:10px}.field__label{display:block;font-size:.82rem;color:var(--muted);margin-bottom:5px}.spinner{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);padding:16px}.spinner__dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.block{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);padding:18px;text-align:center}.block--error{border-color:#5a2b2b}.block__title{font-weight:700;margin-bottom:6px}.block__text{color:var(--muted)}.inline-error{color:var(--danger);font-size:.85rem;margin-top:8px}.item-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px}.item-card--dim{opacity:.6}.item-card__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.item-card__name{font-weight:700;font-size:.92rem}.item-card__subtitle{color:var(--muted);font-size:.78rem;margin-top:2px}.item-card__stats{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:8px}.stat{display:inline-flex;gap:4px;font-size:.78rem}.stat__label{color:var(--muted)}.stat__value{font-weight:700}.item-card__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}.rarity{border:1px solid;border-radius:999px;padding:1px 9px;font-size:.72rem;white-space:nowrap}.slot-list,.inv-list,.mission-list,.listing-list,.kv-list{display:flex;flex-direction:column;gap:10px}.slot{border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:10px}.slot__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.slot__name{font-weight:700}.slot__levels{display:flex;gap:6px}.slot__empty{padding:12px;text-align:center;border:1px dashed var(--border);border-radius:var(--radius-sm)}.slot__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.kv{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--border-soft)}.kv:last-child{border-bottom:0}.kv__label{color:var(--muted);font-size:.88rem}.kv__value{font-weight:700}.activity__meta{display:flex;justify-content:space-between;margin-top:6px;font-size:.82rem}.activity__ladder{margin-top:10px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;border-radius:var(--radius);border:1px solid var(--border-soft);background:var(--surface);color:var(--text);font-size:.82rem}.quick:active{background:var(--surface-2)}.quick__icon{font-size:1.4rem}.mission{border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:10px}.mission__head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.mission__name{font-weight:700;direction:ltr;text-align:right}.mission__desc{font-size:.8rem}.mission__foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.board-wrap{margin-top:8px}.board-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:.85rem}.tile-grid{display:grid;gap:6px}.tile{aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:1.05rem;transition:background .15s,transform .08s}.tile:disabled{cursor:default}.tile--hidden:not(:disabled):active{transform:scale(.95)}.tile--box{background:#2a2110;border-color:var(--gold)}.tile--empty{background:#10161f;color:#3d4a5c}.tile--busy{border-color:var(--accent)}.tile--path{background:#10161f}.tile--lit{background:linear-gradient(180deg,#2fbd72,#1d8a52);border-color:#1d8a52}.tile--fixed{border-color:var(--info);background:#14293d}.battle{border-width:1px}.battle--win{border-color:var(--accent-dim)}.battle--loss{border-color:#5a2b2b}.battle__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.battle__title{font-weight:800;font-size:1.02rem}.battle__rewards{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.battle__bars{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0}.battle-log{margin:10px 0 0;padding:0 16px 0 0;list-style:none;max-height:240px;overflow-y:auto;font-size:.85rem}.battle-log li{padding:3px 0;border-bottom:1px solid var(--border-soft)}.family-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}.family{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 8px;border-radius:var(--radius-sm);border:1px solid var(--border-soft);background:var(--surface-2);color:var(--text)}.family--active{border-color:var(--accent);background:#16281f}.family__icon{font-size:1.3rem}.family__name{font-size:.78rem;font-weight:700}.family__slot{font-size:.7rem}.craft__cost{display:flex;align-items:center;justify-content:space-between;margin:12px 0 8px}.craft__rates{display:flex;flex-wrap:wrap;gap:12px;font-size:.82rem;margin-bottom:8px}.craft-result{border:2px solid var(--border);border-radius:var(--radius);padding:10px}.craft-result__rarity{font-weight:800;text-align:center;margin-bottom:8px}.listing__price{margin-inline-start:auto;font-weight:800;color:var(--gold)}.share-box{margin-top:12px;border:1px dashed var(--border);border-radius:var(--radius-sm);padding:10px}.share-box__link{word-break:break-all;font-size:.78rem;color:var(--info);background:#0d141d;border-radius:8px;padding:8px}.share-box__actions{display:flex;gap:8px;margin-top:10px}.duel-vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-bottom:12px}.duel-vs__side{display:flex;flex-direction:column;gap:2px;text-align:center}.duel-vs__name{font-weight:800}.duel-vs__mark{font-size:1.5rem}.duel-result__line{margin-bottom:8px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#03060ab3;display:flex;align-items:center;justify-content:center;padding:20px}.dialog{width:100%;max-width:380px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.dialog__actions{display:flex;gap:10px;margin-top:16px}.dialog__actions .btn{flex:1}.toast{position:fixed;bottom:calc(var(--nav-h) + 14px);right:50%;transform:translate(50%);z-index:70;max-width:min(92vw,420px);padding:10px 16px;border-radius:999px;font-size:.88rem;font-weight:600;box-shadow:var(--shadow);background:var(--surface-2);border:1px solid var(--border)}.toast--success{background:#16281f;border-color:var(--accent-dim);color:#b6f2cf}.toast--error{background:#2b1616;border-color:#5a2b2b;color:#ffc9c9}.login,.onboarding{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login__card,.onboarding__card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border-soft);border-radius:18px;padding:26px 22px;box-shadow:var(--shadow);text-align:center}.login__logo,.onboarding__title{font-size:1.7rem;font-weight:900;background:linear-gradient(90deg,var(--accent),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.onboarding__title{font-size:1.25rem}.login__tagline{color:var(--muted);margin:4px 0 20px;font-size:.9rem}.login__hint,.onboarding__text{color:var(--muted);font-size:.9rem;margin-bottom:16px}.login__note{color:var(--muted);font-size:.78rem;margin-top:12px}.login__dev{margin-top:22px;padding-top:16px;border-top:1px solid var(--border-soft)}.login__dev-title{display:block;font-size:.78rem;color:var(--muted);margin-bottom:8px}.login__dev-row{display:flex;gap:8px}.login__code{margin-top:4px;text-align:start}.login__code-label{display:block;font-size:.78rem;color:var(--muted);margin-bottom:6px}.login__code-row{display:flex;gap:8px}.input--code{font-weight:700;letter-spacing:.24em;text-align:center}.login__code-note{color:var(--muted);font-size:.72rem;margin-top:8px}.gender-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gender-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 10px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-weight:700}.gender-btn--active{border-color:var(--accent);background:#16281f}.gender-btn__icon{font-size:1.6rem}.onboarding__actions{display:flex;gap:10px;margin-top:16px}.onboarding__actions .btn{flex:1}.center-screen{min-height:100vh;display:flex;align-items:center;justify-content:center}@media(min-width:980px){.app{padding-bottom:24px;padding-right:220px}.app-nav{top:var(--header-h);bottom:0;right:0;left:auto;width:200px;height:auto;flex-direction:column;overflow-y:auto;border-top:0;border-left:1px solid var(--border-soft);padding:12px;gap:4px}.app-nav__item{flex:0 0 auto;flex-direction:row;justify-content:flex-start;gap:10px;padding:10px 12px;font-size:.95rem}.app-nav__label{font-size:.92rem}.toast{bottom:22px}.app-main{padding:20px}}