:root{--violet-50:#f3f1ff;--violet-100:#e4dfff;--violet-200:#c7bcff;--violet-300:#a692ff;--violet-400:#8b6dfb;--violet-500:#7c4dff;--violet-600:#6b3df5;--violet-700:#5b2ed8;--violet-800:#2a1d5e;--violet-900:#161033;--violet-950:#0c0820;--gold-50:#fff8e1;--gold-100:#ffeeb3;--gold-200:#ffe080;--gold-300:#f5c84a;--gold-400:#d4a24e;--gold-500:#b8862c;--gold-600:#8a601e;--gold-700:#5c3f10;--cyan-50:#e0fbff;--cyan-100:#c0f5ff;--cyan-200:#9ce8fc;--cyan-300:#7dd3fc;--cyan-400:#38bdf8;--cyan-500:#06b6d4;--cyan-700:#0e7490;--cyan-900:#164e63;--magenta-200:#fbcfe8;--magenta-300:#f9a8d4;--magenta-400:#f472b6;--magenta-500:#ec4899;--magenta-600:#db2777;--magenta-700:#be185d;--ember-400:#ff7e5f;--ember-500:#f97316;--moss-300:#b8e6c1;--moss-500:#4ade80;--soil-500:#8b6f47;--soil-700:#5c3f10;--neutral-0:#fff;--neutral-50:#f5f5fa;--neutral-100:#e0dfe6;--neutral-200:#c2c2d2;--neutral-300:#a8a8c0;--neutral-400:#88a;--neutral-500:#66667e;--neutral-600:#4a4a66;--neutral-700:#335;--neutral-800:#224;--neutral-900:#1a1a2e;--neutral-1000:#0f0f17;--neutral-1100:#07060f;--state-success-500:#4ade80;--state-danger-500:#f87171;--state-warning-500:#f5c84a}:root,:root[data-theme=default]{--surface-base:var(--neutral-1000);--surface-raised:var(--neutral-900);--surface-overlay:var(--neutral-800);--surface-deep:var(--neutral-1100);--border-subtle:var(--neutral-700);--border-strong:var(--neutral-600);--border-ornate:var(--gold-400);--border-rare:var(--cyan-300);--text-primary:var(--neutral-50);--text-muted:var(--neutral-400);--text-on-gold:var(--violet-950);--text-on-dark:var(--neutral-50);--accent-primary:var(--violet-400);--accent-primary-hover:var(--violet-300);--accent-rare:var(--cyan-300);--accent-legendary:var(--magenta-500);--accent-mythic:var(--gold-300);--currency-gem:var(--violet-300);--currency-gold:var(--gold-300);--currency-energy:var(--cyan-300);--currency-crystal:var(--magenta-300);--rarity-common:var(--neutral-200);--rarity-uncommon:var(--moss-500);--rarity-rare:var(--cyan-300);--rarity-epic:var(--violet-300);--rarity-legendary:var(--gold-300);--rarity-mythic:var(--magenta-500);--element-fire:var(--ember-400);--element-ice:var(--cyan-300);--element-water:var(--cyan-400);--element-earth:var(--soil-500);--element-wind:var(--moss-300);--element-arcane:var(--violet-400);--state-success:var(--state-success-500);--state-danger:var(--state-danger-500);--state-warning:var(--state-warning-500);--focus-ring:var(--gold-300);--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 12px 32px #0009;--shadow-glow-gold:0 0 16px #f5c84a66;--shadow-glow-violet:0 0 16px #8b6dfb73;--shadow-glow-magenta:0 0 16px #ec489973}:root[data-theme=ember]{--accent-primary:var(--ember-400);--accent-primary-hover:var(--ember-500);--currency-gem:var(--ember-400);--shadow-glow-violet:0 0 16px #ff7e5f73}:root[data-theme=frost]{--accent-primary:var(--cyan-400);--accent-primary-hover:var(--cyan-300);--currency-gem:var(--cyan-300);--shadow-glow-violet:0 0 16px #7dd3fc73}:root{--button-primary-bg:var(--accent-primary);--button-primary-bg-hover:var(--accent-primary-hover);--button-primary-text:var(--text-primary);--button-primary-shadow:var(--shadow-glow-violet);--button-gold-bg:linear-gradient(180deg, var(--gold-300), var(--gold-500));--button-gold-bg-hover:linear-gradient(180deg, var(--gold-200), var(--gold-400));--button-gold-text:var(--text-on-gold);--button-gold-shadow:var(--shadow-glow-gold);--button-ghost-border:var(--border-strong);--button-ghost-bg-hover:var(--surface-overlay);--card-hero-frame:var(--border-ornate);--card-hero-bg:linear-gradient(180deg, var(--surface-raised), var(--surface-base));--card-hero-shadow:var(--shadow-md);--card-empty-border:var(--border-subtle);--banner-event-bg:linear-gradient(135deg, var(--violet-700), var(--magenta-700));--banner-limited-bg:linear-gradient(135deg, var(--magenta-700), var(--gold-500));--banner-limited-glow:var(--accent-legendary);--battlepass-track-fill:var(--gold-300);--battlepass-track-empty:var(--surface-overlay);--battlepass-tier-locked:var(--neutral-600);--battlepass-tier-claimable:var(--gold-300);--battlepass-tier-claimed:var(--state-success);--battlepass-premium-bg:var(--button-gold-bg);--shop-tile-real-money:var(--border-ornate);--shop-tile-soft-currency:var(--accent-primary);--shop-tile-free:var(--accent-rare);--shop-tile-bg:var(--surface-raised);--shop-tile-bg-hover:var(--surface-overlay);--topbar-bg:var(--surface-deep);--topbar-chip-bg:var(--surface-overlay);--topbar-chip-border:var(--border-subtle);--bottomnav-bg:var(--surface-deep);--bottomnav-border:var(--border-subtle);--bottomnav-item-active:var(--accent-primary);--bottomnav-item-idle:var(--text-muted);--bottomnav-active-glow:var(--shadow-glow-violet);--input-bg:var(--surface-overlay);--input-border:var(--border-subtle);--input-border-focus:var(--accent-primary);--input-text:var(--text-primary);--input-placeholder:var(--text-muted);--modal-backdrop:#07060fb8;--modal-bg:var(--surface-raised);--modal-border:var(--border-ornate);--modal-shadow:var(--shadow-lg);--stepper-active:var(--accent-primary);--stepper-completed:var(--gold-300);--stepper-pending:var(--border-strong);--hero-frame-1star:var(--rarity-common);--hero-frame-2star:var(--rarity-uncommon);--hero-frame-3star:var(--rarity-rare);--hero-frame-4star:var(--rarity-epic);--hero-frame-5star:var(--rarity-legendary)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:var(--surface-base);--surface:var(--surface-raised);--surface-2:var(--surface-overlay);--border:var(--border-subtle);--text:var(--text-primary);--text-dim:var(--text-muted);--accent:var(--accent-primary);--accent-hover:var(--accent-primary-hover);--success:var(--state-success);--danger:var(--state-danger);--gold:var(--gold-300);--bp-sm:500px;--bp-md:760px;--bp-lg:900px;--bp-xl:1280px;color:var(--text-primary);background:var(--surface-base);font-family:system-ui,-apple-system,sans-serif;font-size:14px}body{min-height:100vh;overflow:hidden}button{cursor:pointer;font:inherit;border:none}input,select{font:inherit;color:inherit}code,kbd{background:var(--surface-overlay);border-radius:3px;padding:1px 5px;font-family:ui-monospace,Consolas,monospace;font-size:.9em}kbd{border:1px solid var(--border-subtle)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.ftue-overlay{z-index:9000;background:#000000d1;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.ftue-panel{background:linear-gradient(160deg,#1a1040 0%,#0f0a28 100%);border:1px solid #7c3aed80;border-radius:16px;width:100%;max-width:420px;padding:32px 28px 28px;box-shadow:0 0 60px #7c3aed40,0 24px 48px #0009}.ftue-header{text-align:center;margin-bottom:28px}.ftue-title{color:#f5c842;letter-spacing:.02em;text-shadow:0 0 20px #f5c84266;margin:0 0 8px;font-size:1.6rem;font-weight:700}.ftue-subtitle{color:#ffffff80;margin:0;font-size:.82rem;line-height:1.4}.ftue-tips{flex-direction:column;gap:14px;margin:0 0 28px;padding:0;list-style:none;display:flex}.ftue-tip{background:#ffffff0a;border:1px solid #ffffff12;border-radius:10px;align-items:flex-start;gap:14px;padding:12px 14px;display:flex}.ftue-tip-icon{flex-shrink:0;font-size:1.3rem;line-height:1.2}.ftue-tip-text{color:#ffffffd9;font-size:.875rem;line-height:1.45}.ftue-btn{color:#fff;cursor:pointer;letter-spacing:.04em;background:linear-gradient(135deg,#7c3aed,#4c1d95);border:1px solid #7c3aed99;border-radius:10px;width:100%;padding:14px;font-size:1rem;font-weight:700;transition:opacity .15s,transform .1s}.ftue-btn:hover{opacity:.9;transform:translateY(-1px)}.ftue-btn:active{opacity:1;transform:translateY(0)}.app{height:100svh;padding-top:env(safe-area-inset-top,0);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);flex-direction:column;display:flex;overflow:hidden}.app-header{background:var(--surface);border-bottom:1px solid var(--border);align-items:baseline;gap:12px;padding:12px 20px;display:flex}.app-header h1{color:var(--accent);font-size:1.4rem;font-weight:700}.create-screen{background:radial-gradient(circle at 50% 50%, #1a1a2ecc 0%, var(--bg) 70%);flex:1;justify-content:center;align-items:center;display:flex}.create-card{text-align:center;width:90%;max-width:480px}.create-card h2{color:var(--accent);margin-bottom:8px;font-size:1.6rem}.create-subtitle{color:var(--text-dim);margin-bottom:20px;font-size:.9rem}.create-textarea{border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--text);resize:vertical;border-radius:8px;outline:none;margin-bottom:16px;padding:12px 14px;font-family:inherit;font-size:.95rem;transition:border-color .15s}.create-textarea:focus{border-color:var(--accent)}.create-textarea::placeholder{color:var(--text-dim)}.create-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 36px;font-size:1.05rem;font-weight:600;transition:background .15s}.create-btn:hover:not(:disabled){background:var(--accent-hover)}.create-btn:disabled{opacity:.5;cursor:wait}.create-btn-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}.create-btn-row .create-btn{flex:1;min-width:140px;margin-top:0}.create-btn-secondary{color:var(--accent);border:1.5px solid var(--accent);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;padding:12px 20px;font-size:.95rem;font-weight:600;transition:background .15s,color .15s}.create-btn-secondary:hover{background:rgba(var(--accent-rgb,168, 85, 247), .15)}.spinner.large{border-width:3px;width:32px;height:32px;margin-bottom:16px}.preview-screen{background:radial-gradient(circle at 50% 50%, #1a1a2ecc 0%, var(--bg) 70%);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:auto}.pc-choice-card{cursor:pointer;color:inherit;text-align:left;background:#0d0b26;border:2px solid #2d2a5e;border-radius:12px;align-items:center;gap:14px;width:100%;margin-bottom:8px;padding:16px 14px;transition:border-color .2s,box-shadow .2s,transform .1s;display:flex}.pc-choice-card:hover{border-color:#6d28d9;transform:translateY(-1px);box-shadow:0 0 16px #6d28d933}.pc-choice-icon{flex-shrink:0;font-size:2rem;line-height:1}.pc-choice-text{flex:1;min-width:0}.pc-choice-label{color:#fbbf24;margin-bottom:2px;font-size:1rem;font-weight:700}.pc-choice-sub{color:#64748b;font-size:.8rem}.pc-choice-arrow{color:#6d28d9;flex-shrink:0;font-size:1.5rem}.pc-card--selected{border-color:#6d28d9;box-shadow:0 0 8px #6d28d926}.pc-card{cursor:pointer}.pc-desc-preview{color:#64748b;margin:0;font-size:.75rem;line-height:1.35}.play-overlay{z-index:10;background:#00000073;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.play-btn{color:#fff;cursor:pointer;letter-spacing:2px;background:linear-gradient(135deg,#7c3aed 0%,#c084fc 100%);border:2px solid #fff3;border-radius:16px;padding:20px 56px;font-size:1.6rem;font-weight:700;transition:transform .15s,box-shadow .15s;box-shadow:0 8px 32px #7c3aed66}.play-btn:hover{transform:scale(1.05);box-shadow:0 12px 40px #7c3aed99}.app-body{flex:1;display:flex;overflow:hidden}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:12px;width:280px;min-width:280px;padding:16px;display:flex;overflow-y:auto}.canvas-area{background:radial-gradient(circle at 50% 50%, #1a1a2ecc 0%, var(--bg) 70%);touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.canvas-area:active{cursor:grabbing}.canvas-inner{will-change:transform;transition:transform .25s;position:absolute;top:0;left:0}.action-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:background .15s,transform .1s}.action-btn:hover{transform:translateY(-1px)}.action-btn:active{transform:translateY(0)}.spell-panel-inline,.spell-list-inline{align-items:center;gap:4px;display:flex}.spell-list-inline .spell-btn{padding:6px 10px;font-size:.78rem}.right-tray{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;gap:12px;width:260px;min-width:260px;padding:16px;display:flex;overflow-y:auto}.tray-objective{background:#7c3aed1a;border:1px solid #7c3aed40;border-radius:8px;padding:12px}.tray-objective h4{color:var(--accent);margin:0 0 8px;font-size:.85rem}.objective-type{color:#c084fc;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.75rem;font-weight:600}.objective-name{color:#fbbf24;margin-bottom:4px;font-size:.95rem;font-weight:700}.objective-desc{color:var(--text-dim);font-size:.8rem;line-height:1.4}.objective-done{color:#34d399;margin-top:6px;font-size:.85rem;font-weight:700}.objective-timer{color:#f87171;margin-top:4px;font-size:.82rem;font-weight:600}.tray-log{flex-direction:column;flex:1;min-height:0;display:flex}.tray-log h4{color:var(--accent);margin:0 0 8px;font-size:.85rem}.tray-log .log-scroll{background:#0000004d;border-radius:6px;flex:1;max-height:none;padding:8px;font-size:.76rem;line-height:1.5;overflow-y:auto}.log-entry{border-bottom:1px solid #ffffff0a;padding:2px 0}.log-combat{color:#f87171}.log-move{color:#94a3b8}.log-door{color:#fbbf24}.log-search{color:#34d399}.log-malikor{color:#c084fc}.log-system{color:#60a5fa}.log-narration{color:#a78bfa;font-style:italic}.log-spell{color:#818cf8}.log-trap{color:#fb923c}.log-item{color:#2dd4bf}.log-npc{color:#22c55e}.log-lore{color:#fbbf24;border-bottom-color:#fbbf241f;font-style:italic}.log-lore-prefix{opacity:.7;margin-right:1px}.log-clue-banner{background:#fbbf241a;border:1px solid #fbbf2459;border-radius:6px;align-items:flex-start;gap:6px;margin-bottom:8px;padding:6px 8px;font-size:.78rem;line-height:1.4;display:flex}.log-clue-icon{flex-shrink:0;font-size:.9rem}.log-clue-text{color:#fde68a;font-style:italic}.malikor-overlay{z-index:90;pointer-events:auto;background:#0009;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.action-toast-overlay{left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 96px);z-index:85;pointer-events:none;justify-content:center;animation:.2s fadeIn;display:flex;position:fixed}.action-toast{pointer-events:auto;color:#e5e3f2;background:#141020f2;border:1px solid #c084fc47;border-radius:10px;align-items:center;gap:12px;max-width:min(520px,92vw);padding:10px 16px;font-size:.9rem;line-height:1.4;display:flex;box-shadow:0 8px 28px #0000008c}.action-toast-text{flex:1}.action-toast-dismiss{color:#e9d5ff;cursor:pointer;background:#7c3aed40;border:1px solid #c084fc59;border-radius:999px;padding:4px 12px;font-size:.8rem;transition:background .15s,transform .1s}.action-toast-dismiss:hover{background:#7c3aed73}.action-toast-dismiss:active{transform:scale(.97)}.malikor-popup{text-align:center;background:linear-gradient(135deg,#1a0a2e 0%,#2d1b4e 50%,#1a0a2e 100%);border:2px solid #7c3aed;border-radius:16px;width:85%;max-width:440px;padding:32px 40px;animation:.3s popIn;box-shadow:0 0 40px #7c3aed66,0 0 80px #7c3aed26}.malikor-icon{margin-bottom:8px;font-size:2.5rem;animation:2s ease-in-out infinite malikorPulse}@keyframes malikorPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.malikor-title{color:#c084fc;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;font-size:1.1rem;font-weight:700}.malikor-text{color:#e2e8f0;font-size:.95rem;font-style:italic;line-height:1.6}.malikor-dismiss{color:#c084fc;cursor:pointer;background:#7c3aed4d;border:1px solid #7c3aed;border-radius:6px;margin-top:16px;padding:8px 24px;font-size:.85rem;transition:background .15s}.malikor-dismiss:hover{background:#7c3aed80}.spell-btn.targeting{background:#92400e;border-color:#f59e0b;animation:1s ease-in-out infinite targetPulse}@keyframes targetPulse{0%,to{box-shadow:0 0 4px #f59e0b66}50%{box-shadow:0 0 12px #f59e0bcc}}.spell-targeting-tag{color:#fbbf24;text-transform:uppercase;font-size:.65rem;font-weight:700}.end-session-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#dc2626;border:none;border-radius:6px;padding:8px 20px;font-size:.85rem;font-weight:600;transition:background .15s}.end-session-btn:hover{background:#b91c1c}.victory-form{flex-direction:column;gap:12px;margin-top:16px;display:flex}.victory-label{color:var(--text-dim);font-size:.85rem;font-weight:600}.dungeon-canvas-wrapper{padding:16px;position:relative}.error-msg{color:var(--danger);background:#f8717126;border:1px solid #f871714d;border-radius:6px;margin-top:12px;padding:10px 16px}.game-hud{flex-direction:column;gap:12px;display:flex}.hud-status{text-align:center}.hud-status h3{color:var(--accent);margin:0 0 4px;font-size:1.1rem}.hud-phase{color:#fbbf24;font-size:.95rem;font-weight:600}.hud-turn{color:var(--text-dim);font-size:.8rem}.hud-topbar{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;display:flex}.hud-topbar-identity{flex-direction:column;flex:none;min-width:0;max-width:90px;display:flex}.hud-topbar-name{color:#fde68a;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:700;overflow:hidden}.hud-topbar-class{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.68rem}.hud-topbar-right{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.hud-topbar-hp-row{align-items:center;gap:5px;display:flex}.hud-topbar-hp-bar{background:#ffffff1a;border-radius:3px;flex:1;height:6px;overflow:hidden}.hud-topbar-hp-fill{border-radius:3px;height:100%;transition:width .3s}.hud-topbar-hp-text{color:#d1fae5;white-space:nowrap;font-size:.68rem;font-weight:600}.hud-topbar-hp-text.hp-low{color:#fca5a5}.hud-topbar-meta{justify-content:space-between;align-items:center;display:flex}.hud-topbar-meta .hud-phase{color:#fbbf24;font-size:.68rem;font-weight:600}.hud-topbar-meta .hud-turn{color:var(--text-dim);font-size:.68rem}.hud-party{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.hud-party-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;flex-direction:column;gap:3px;padding:5px 8px;transition:border-color .15s;display:flex}.hud-party-card.active{background:#ffd70012;border-color:gold}.hud-party-card-ally{border-color:#22c55e40}.hud-party-card-ally.active{border-color:gold}.hud-party-header{justify-content:space-between;align-items:center;gap:4px;display:flex}.hud-party-class{color:#c0b090;text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.72rem;font-weight:600;overflow:hidden}.hud-party-card.active .hud-party-class{color:gold}.hud-party-hp-bar{background:#ffffff1a;border-radius:3px;height:5px;overflow:hidden}.hud-party-hp-fill{background:#22c55e;border-radius:3px;height:100%;transition:width .2s}.hud-party-hp-fill-ally{background:#4ade80}.hud-party-hp-fill.hp-low{background:#ef4444}.hud-party-hp-text{color:#94a3b8;white-space:nowrap;font-size:.66rem}.hud-party-hp-text.hp-low{color:#f87171}.hud-party-item{color:#89a;white-space:nowrap;text-overflow:ellipsis;padding-left:2px;font-size:.64rem;overflow:hidden}.hud-party-bond{color:#7a8a9a;font-size:.62rem;font-style:italic}.hud-hero{background:#ffffff0a;border-radius:8px;padding:10px}.hud-gold-pot{color:#fde68a;text-align:center;background:#fbbf2414;border:1px solid #fbbf2440;border-radius:6px;padding:6px 10px;font-size:.82rem}.hud-member-card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;transition:border-color .15s;overflow:hidden}.hud-member-card--active{background:#ffd7000f;border-color:gold}.hud-member-card--ally{border-color:#6366f14d}.hud-member-card--ally.hud-member-card--active{border-color:gold}.hud-member-summary{cursor:pointer;text-align:left;width:100%;color:inherit;background:0 0;border:none;align-items:center;gap:8px;padding:8px 10px;display:flex}.hud-member-summary:hover{background:#ffffff0a}.hud-member-portrait{object-fit:cover;aspect-ratio:1;border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;width:40px;min-width:40px;height:40px;min-height:40px}.hud-member-portrait-placeholder{color:#a5b4fc;aspect-ratio:1;background:#6366f14d;border:1px solid #6366f180;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;min-height:40px;font-size:1rem;font-weight:700;display:flex}.hud-member-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.hud-member-name{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;font-size:.82rem;font-weight:600;display:flex;overflow:hidden}.hud-active-badge{color:gold;white-space:nowrap;background:#ffd70033;border-radius:3px;padding:1px 4px;font-size:.66rem}.hud-member-stats{color:#89a;white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;overflow:hidden}.hud-member-hp{align-items:center;gap:5px;display:flex}.hud-member-hp-bar{background:#ffffff1a;border-radius:3px;flex:1;height:5px;overflow:hidden}.hud-member-hp-fill{border-radius:3px;height:100%;transition:width .25s}.hud-member-hp-text{color:#94a3b8;white-space:nowrap;font-size:.66rem}.hud-member-hp-text.hp-low{color:#f87171}.hud-member-bond{font-size:.66rem;font-style:italic}.hud-expand-chevron{color:#64748b;flex-shrink:0;font-size:.65rem}.hud-member-detail{border-top:1px solid #ffffff0f;flex-direction:column;gap:8px;padding:0 10px 10px;display:flex}.hud-inv-section{flex-direction:column;gap:3px;display:flex}.hud-inv-label{text-transform:uppercase;letter-spacing:.08em;color:#64748b;padding-top:6px;font-size:.65rem;font-weight:700}.hud-inv-row{color:#cbd5e1;justify-content:space-between;align-items:center;gap:6px;font-size:.74rem;display:flex}.hud-inv-row span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.hud-inv-btn{color:#a5b4fc;cursor:pointer;white-space:nowrap;background:#6366f133;border:1px solid #6366f166;border-radius:4px;flex-shrink:0;padding:2px 7px;font-size:.68rem;transition:background .1s}.hud-inv-btn:hover{background:#6366f159}.hud-inv-btn.danger{color:#fca5a5;background:#ef444426;border-color:#ef444459}.hud-inv-btn.danger:hover{background:#ef444440}.hud-inv-empty{color:#475569;font-size:.7rem;font-style:italic}.hud-inv-used{opacity:.45}.hud-inv-used-badge{color:#64748b;white-space:nowrap;font-size:.62rem;font-style:italic}.hud-trophies{background:linear-gradient(#fbbf240f,#fbbf2404);border:1px solid #fbbf242e;border-radius:8px;margin-top:2px;padding:8px 10px 10px}.hud-trophies-title{text-transform:uppercase;letter-spacing:.12em;color:#fbbf24;opacity:.9;margin-bottom:6px;font-size:.72rem;font-weight:700}.hud-trophies-list{flex-direction:column;gap:6px;max-height:220px;display:flex;overflow-y:auto}.trophy-card{background:#0f172a8c;border:1px solid #fbbf2438;border-radius:6px;padding:6px 8px}.trophy-card-head{align-items:center;gap:6px;margin-bottom:2px;display:flex}.trophy-ordinal{color:#fbbf24;letter-spacing:.08em;background:#fbbf242e;border-radius:4px;justify-content:center;align-items:center;min-width:22px;height:18px;padding:0 6px;font-family:Cinzel,Times New Roman,serif;font-size:.68rem;font-weight:700;display:inline-flex}.trophy-title{color:#fde68a;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.82rem;font-weight:600;overflow:hidden}.trophy-poem{white-space:pre-wrap;color:#e2e8f0;opacity:.82;margin:2px 0 0;font-size:.72rem;font-style:italic;line-height:1.35}.stat-label{color:var(--text-dim);font-size:.85rem;font-weight:700}.stat-value.hp{color:#f87171;margin-left:8px;font-size:1.2rem;font-weight:700}.hp-bar{background:#ffffff1a;border-radius:3px;height:6px;margin-top:4px;overflow:hidden}.hp-fill{background:linear-gradient(90deg,#ef4444,#f87171);border-radius:3px;height:100%;transition:width .3s}.stat-row{color:var(--text-dim);gap:12px;margin-top:6px;font-size:.82rem;display:flex}.movement-left{color:#60a5fa;font-weight:600}.hud-monsters h4,.hud-log h4{color:var(--accent);margin:0 0 6px;font-size:.85rem}.monster-entry{border-left:3px solid #0000;border-radius:3px;flex-direction:column;gap:2px;padding:4px 6px;font-size:.82rem;display:flex}.monster-entry.monster-util{border-left-color:#b91c1c}.monster-entry.monster-llm{background:#a855f70f;border-left-color:#a855f7}.monster-entry>.monster-name,.monster-entry>.monster-hp{align-items:center;gap:6px;display:inline-flex}.monster-entry{position:relative}.monster-entry .monster-name{color:#c084fc;font-weight:600}.monster-entry .monster-hp{color:#f87171;align-self:flex-end;margin-top:-18px}.brain-dot{background:#b91c1c;border-radius:50%;width:7px;height:7px;display:inline-block}.brain-dot.brain-llm{background:#a855f7;box-shadow:0 0 6px #a855f7bf}.monster-mood{color:#d8b4fe;opacity:.85;text-transform:uppercase;letter-spacing:.03em;margin-left:4px;font-size:.72rem}.monster-fear{background:#f871712e;border-radius:2px;width:100%;height:3px;margin-top:2px;overflow:hidden}.monster-fear-fill{background:linear-gradient(90deg,#f59e0b,#ef4444);height:100%;transition:width .3s ease-out}.hud-actions{flex-direction:column;gap:6px;display:flex}.hud-btn{cursor:pointer;border:none;border-radius:6px;padding:8px 12px;font-size:.85rem;font-weight:600;transition:background .15s}.roll-btn{color:#fff;background:#2563eb}.roll-btn:hover{background:#1d4ed8}.search-btn{color:#fff;background:#059669}.search-btn:hover{background:#047857}.end-btn{color:#fff;background:#dc2626}.end-btn:hover{background:#b91c1c}.trap-btn{color:#fff;background:#92400e}.trap-btn:hover{background:#78350f}.malikor-indicator{text-align:center;color:#c084fc;padding:10px;font-weight:600}.spinner{vertical-align:middle;border:2px solid #c084fc;border-top-color:#0000;border-radius:50%;width:14px;height:14px;margin-right:6px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.game-over-text{text-align:center;color:#f87171;padding:10px;font-size:1.1rem;font-weight:700}.victory-text{text-align:center;color:#34d399;padding:10px;font-size:1.1rem;font-weight:700}.hud-log{flex:1;min-height:0}.log-scroll{background:#0000004d;border-radius:6px;max-height:200px;padding:6px;font-size:.78rem;line-height:1.5;overflow-y:auto}.log-entry{padding:1px 0}.log-turn{color:var(--text-dim);margin-right:4px;font-size:.72rem}.narrative-overlay{z-index:100;background:#000000bf;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.narrative-popup{background:linear-gradient(135deg,#1e1b2e 0%,#2a2540 100%);border:1px solid #c084fc4d;border-radius:12px;width:90%;max-width:520px;padding:32px 40px;animation:.3s popIn;box-shadow:0 20px 60px #0009}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.narrative-loading{text-align:center;color:#c084fc;padding:20px;font-size:1rem;font-weight:600}.narrative-title{color:#fbbf24;text-align:center;margin:0 0 8px;font-size:1.3rem}.narrative-subtitle{color:#94a3b8;text-align:center;margin:0 0 16px;font-size:.85rem;font-style:italic}.narrative-text{color:#e2e8f0;text-align:center;white-space:pre-line;margin:0 0 24px;font-size:.95rem;line-height:1.6}.narrative-dismiss{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:6px;margin:0 auto;padding:8px 28px;font-size:.9rem;font-weight:600;transition:background .15s;display:block}.narrative-dismiss:hover{background:#6d28d9}.malikor-cinematic-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:110;background:radial-gradient(#0a0618b8 0%,#000000eb 80%);justify-content:center;align-items:center;padding:24px;animation:.35s fadeIn;display:flex;position:fixed;inset:0}.malikor-cinematic-popup{background:linear-gradient(145deg,#14101f 0%,#221a34 55%,#1a1528 100%);border:1px solid #c084fc47;border-radius:18px;width:min(860px,100%);padding:28px 32px 24px;animation:.35s cubic-bezier(.2,.9,.3,1.2) popIn;position:relative;box-shadow:0 30px 80px #000000b3,inset 0 0 60px #7c3aed14}.malikor-cinematic-close{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:background .15s,color .15s;display:flex;position:absolute;top:12px;right:12px}.malikor-cinematic-close:hover{color:#fca5a5;background:#f8717133}.malikor-cinematic-body{grid-template-columns:220px 1fr;align-items:stretch;gap:28px;display:grid}.malikor-cinematic-portrait-wrap{flex-direction:column;flex-shrink:0;align-items:center;gap:10px;display:flex}.malikor-cinematic-portrait{aspect-ratio:1;background:#0f0c1a radial-gradient(circle at 50% 35%,#7c3aed40,#0009 80%);border:1px solid #c084fc59;border-radius:16px;flex-shrink:0;width:220px;min-width:220px;height:220px;min-height:220px;animation:.35s malikorPortraitFade;overflow:hidden;box-shadow:0 12px 30px #0009,inset 0 0 40px #c084fc14}.malikor-cinematic-portrait img{object-fit:cover;width:100%;height:100%;display:block}@keyframes malikorPortraitFade{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.malikor-cinematic-nameplate{letter-spacing:.12em;color:#fbbf24;text-transform:uppercase;text-shadow:0 0 12px #fbbf2459;font-family:Cinzel,serif;font-size:.95rem;font-weight:700}.malikor-cinematic-text-wrap{flex-direction:column;min-height:220px;display:flex}.malikor-cinematic-title{color:#fbbf24;margin:0 0 4px;font-size:1.3rem}.malikor-cinematic-subtitle{color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;margin:0 0 14px;font-size:.82rem}.malikor-cinematic-paragraph{color:#e5e3f2;white-space:pre-line;cursor:pointer;flex:1;min-height:1.65em;margin:0 0 18px;font-size:1.02rem;line-height:1.65;animation:.25s malikorParagraphFade}.malikor-cinematic-cursor{color:#c084fc;margin-left:2px;font-weight:400;animation:.9s step-end infinite malikorCursorBlink;display:inline-block;transform:translateY(-1px)}@keyframes malikorCursorBlink{0%,50%{opacity:1}50.01%,to{opacity:0}}@keyframes malikorParagraphFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.malikor-cinematic-loading{color:#c084fc;flex:1;align-items:center;gap:10px;margin-bottom:18px;font-weight:600;display:flex}.malikor-cinematic-footer{justify-content:space-between;align-items:center;gap:16px;margin-top:auto;display:flex}.malikor-cinematic-dots{gap:6px;display:flex}.malikor-cinematic-dot{background:#94a3b840;border-radius:50%;width:8px;height:8px;transition:background .15s,transform .15s}.malikor-cinematic-dot.is-done{background:#c084fc80}.malikor-cinematic-dot.is-active{background:#c084fc;transform:scale(1.3);box-shadow:0 0 10px #c084fcb3}.malikor-cinematic-next{color:#fff;letter-spacing:.04em;cursor:pointer;background:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%);border:none;border-radius:999px;padding:10px 24px;font-size:.95rem;font-weight:700;transition:transform .1s,box-shadow .15s,filter .15s;box-shadow:0 4px 14px #7c3aed73}.malikor-cinematic-next:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 6px 18px #7c3aed99}.malikor-cinematic-next:disabled{opacity:.5;cursor:wait}@media (width<=760px){.malikor-cinematic-popup{padding:20px 18px 18px}.malikor-cinematic-body{grid-template-columns:1fr;gap:16px}.malikor-cinematic-portrait{width:160px;height:160px;margin:0 auto}.malikor-cinematic-text-wrap{min-height:0}.malikor-cinematic-title{text-align:center;font-size:1.1rem}.malikor-cinematic-subtitle{text-align:center}.malikor-cinematic-paragraph{font-size:.95rem}}.hero-select-overlay{z-index:50;background:#000000d9;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hero-select-panel{background:#1e1b4b;border:2px solid #7c3aed;border-radius:12px;width:90%;max-width:900px;max-height:90vh;padding:24px;overflow-y:auto}.hero-select-title{text-align:center;color:#fbbf24;margin-bottom:16px;font-size:1.5rem}.hero-select-cards{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.hero-card-select{cursor:pointer;background:#0f172a;border:2px solid #334155;border-radius:8px;padding:12px;transition:border-color .2s,transform .15s}.hero-card-select:hover{border-color:#7c3aed;transform:translateY(-2px)}.hero-card-select.selected{border-color:#fbbf24;box-shadow:0 0 12px #fbbf244d}.hero-card-name{color:#fbbf24;margin:0 0 6px;font-size:1.1rem}.hero-card-desc{color:#94a3b8;margin:0 0 8px;font-size:.8rem;line-height:1.3}.hero-card-stats{color:#60a5fa;flex-wrap:wrap;gap:8px;font-size:.85rem;font-weight:600;display:flex}.hero-card-note{color:#a78bfa;margin-top:6px;font-size:.75rem;font-style:italic}.element-picker{margin-bottom:16px}.element-picker h3{color:#e2e8f0;margin-bottom:8px;font-size:1rem}.element-buttons{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.element-btn{cursor:pointer;color:#e2e8f0;text-align:left;background:#0f172a;border:2px solid #334155;border-radius:6px;padding:8px;transition:border-color .2s}.element-btn:hover{border-color:#7c3aed}.element-btn.selected{border-color:#fbbf24}.element-name{text-transform:capitalize;color:#fbbf24;margin-bottom:4px;font-weight:600;display:block}.element-spells{color:#94a3b8;font-size:.75rem;display:block}.hero-name-picker{text-align:center;flex-direction:column;gap:6px;max-width:360px;margin:0 auto 16px;display:flex}.hero-name-label{color:#cbd5e1;letter-spacing:.06em;text-transform:uppercase;font-size:.9rem}.hero-name-input{color:#f8fafc;text-align:center;background:#0f172a;border:1px solid #334155;border-radius:6px;outline:none;padding:10px 14px;font-family:inherit;font-size:1.05rem;transition:border-color .15s}.hero-name-input:focus{border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed40}.hero-confirm-btn{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:6px;margin:0 auto;padding:10px 32px;font-size:1rem;font-weight:600;transition:background .15s;display:block}.hero-confirm-btn:hover:not(:disabled){background:#6d28d9}.hero-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.pc-overlay{z-index:50;background:#000000e6;justify-content:center;align-items:flex-start;padding:24px 0;display:flex;position:fixed;inset:0;overflow-y:auto}.pc-panel{background:#12103a;border:2px solid #6d28d9;border-radius:16px;flex-direction:column;gap:0;width:96%;max-width:680px;max-height:calc(100svh - 48px);margin:auto;padding:0 0 4px;display:flex}.pc-header{text-align:center;background:#1e1b4b;border-radius:14px 14px 0 0;padding:16px 20px 14px}.pc-title{color:#fbbf24;margin:0 0 2px;font-size:1.4rem;font-weight:700}.pc-subtitle{color:#64748b;margin:0;font-size:.82rem}.pc-cards{flex-direction:column;flex:1;gap:0;min-height:0;padding:8px 12px;display:flex;overflow-y:auto}.pc-card{background:#0d0b26;border:2px solid #2d2a5e;border-radius:12px;flex-direction:column;gap:8px;margin-bottom:8px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.pc-leader-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#1e293b;border:1px solid #475569;border-radius:0 0 8px 8px;padding:2px 10px;font-size:.7rem;transition:background .15s,color .15s,border-color .15s;position:absolute;top:-1px;right:10px}.pc-leader-btn:hover{color:#fbbf24;border-color:#fbbf24}.pc-leader-btn--active{color:#fbbf24;background:#78350f;border-color:#fbbf24;font-weight:700}.pc-card-body{align-items:flex-start;gap:12px;display:flex}.pc-images{flex-shrink:0;gap:6px;display:flex}.pc-img-wrap{flex-direction:column;align-items:center;gap:4px;display:flex}.pc-img-placeholder{background:#1a1a3a;border:1.5px solid #334155;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:88px;height:88px;display:flex}.pc-img-placeholder--token{border-radius:50%;width:72px;height:72px}.pc-img-loading{border-style:dashed;border-color:#6d28d9}.pc-img-label{color:#475569;text-align:center;font-size:.65rem;line-height:1.2}.pc-img-portrait{object-fit:cover;aspect-ratio:1;border:1.5px solid #6d28d9;border-radius:8px;flex-shrink:0;width:88px;min-width:88px;height:88px;min-height:88px}.pc-img-token{object-fit:cover;aspect-ratio:1;border:1.5px solid #6d28d9;border-radius:50%;flex-shrink:0;width:72px;min-width:72px;height:72px;min-height:72px}.pc-reroll-btn{color:#fbbf24;cursor:pointer;white-space:nowrap;background:#1e293b;border:1px solid #475569;border-radius:6px;padding:3px 6px;font-size:.68rem;transition:background .15s}.pc-reroll-btn:hover:not(:disabled){background:#2d1b69;border-color:#fbbf24}.pc-reroll-btn:disabled{opacity:.4;cursor:not-allowed}.pc-spinner{border:2px solid #334155;border-top-color:#7c3aed;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite pc-spin;display:inline-block}@keyframes pc-spin{to{transform:rotate(360deg)}}.pc-info{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.pc-info-top{flex-direction:column;gap:6px;display:flex}.pc-name-row{align-items:center;gap:8px;display:flex}.pc-name-input{color:#e2e8f0;background:#1e293b;border:1px solid #475569;border-radius:6px;outline:none;flex:1;min-width:0;padding:6px 10px;font-size:.88rem;transition:border-color .15s}.pc-name-input:focus{border-color:#7c3aed}.pc-name-input:disabled{opacity:.7}.pc-class-label{color:#fbbf24;white-space:nowrap;flex-shrink:0;font-size:.88rem;font-weight:700}.pc-desc-row{align-items:flex-start;gap:6px;display:flex}.pc-desc-input{color:#94a3b8;resize:none;background:#1e293b;border:1px solid #334155;border-radius:6px;outline:none;flex:1;min-width:0;padding:5px 8px;font-size:.78rem;line-height:1.4;transition:border-color .15s}.pc-desc-input:focus{border-color:#7c3aed}.pc-desc-input:disabled{opacity:.7}.pc-field-generating{color:#a78bfa;background:#a78bfa14;border:1px solid #a78bfa40;border-radius:6px;flex:1;align-items:center;gap:8px;min-height:32px;padding:6px 8px;font-size:.78rem;display:flex}.pc-field-generating--desc{align-items:flex-start;min-height:52px;padding-top:10px}.pc-stats{color:#3b82f6;letter-spacing:.03em;font-size:.72rem;font-weight:600}.pc-spells{border:1.5px solid #2d2a5e;border-radius:8px;flex-direction:column;gap:6px;padding:6px 8px 8px;transition:border-color .2s;display:flex}.pc-spells--ready{border-color:#fbbf24}.pc-spells--readonly{background:0 0;border-color:#1e293b;padding:2px 0}.pc-spells-label{color:#64748b;font-size:.7rem;font-weight:600}.pc-elements{flex-wrap:wrap;gap:6px;display:flex}.pc-el-btn{color:#fff;cursor:pointer;text-align:center;background:#6d28d9;border:1.5px solid #7c3aed;border-radius:6px;flex:1;padding:5px 14px;font-size:.8rem;font-weight:600;transition:background .15s,border-color .15s}.pc-el-btn:hover{background:#7c3aed}.pc-el-btn--active{color:#fbbf24;background:#92400e;border-color:#fbbf24}.pc-el-btn--static{cursor:default;flex:none}.pc-footer{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:10px 16px 16px;display:flex}.pc-hint{color:#475569;margin:0;font-size:.78rem}.pc-main-btn{color:#fff;cursor:pointer;letter-spacing:.02em;background:#6d28d9;border:none;border-radius:10px;width:100%;max-width:360px;padding:13px 0;font-size:1rem;font-weight:700;transition:background .15s,transform .1s}.pc-main-btn:hover:not(:disabled){background:#7c3aed;transform:translateY(-1px)}.pc-main-btn:disabled{opacity:.35;cursor:not-allowed}.pc-main-btn--accept{background:#065f46;border:1px solid #10b981}.pc-main-btn--accept:hover:not(:disabled){background:#047857}@media (width<=500px){.pc-images{flex-direction:column;align-items:center}.pc-img-placeholder--token,.pc-img-token{width:60px;height:60px}.pc-card-body{flex-direction:column}.pc-images{flex-direction:row;justify-content:center}}.pc-back-btn{border:1px solid var(--border-subtle);width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.4rem;line-height:1;transition:color .15s,border-color .15s;display:flex}.pc-back-btn:hover{color:var(--text-primary);border-color:var(--accent-primary)}.pc-header{align-items:center;gap:12px;display:flex}.pc-header-text{flex:1;min-width:0}.pc-stepper{align-items:center;gap:12px;padding:12px 18px 8px;display:flex}.pc-step{letter-spacing:.06em;text-transform:uppercase;color:var(--stepper-pending);align-items:center;gap:8px;font-size:.78rem;font-weight:700;display:inline-flex}.pc-step-num{background:var(--surface-overlay);border:1.5px solid;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.78rem;display:inline-flex}.pc-step--active{color:var(--accent-primary)}.pc-step--active .pc-step-num{background:var(--accent-primary);color:var(--text-primary);box-shadow:var(--shadow-glow-violet)}.pc-step--done{color:var(--gold-300)}.pc-step--done .pc-step-num{background:var(--gold-300);color:var(--text-on-gold)}.pc-step-line{background:var(--border-subtle);border-radius:1px;flex:1;height:2px}.pc-card-head{align-items:center;gap:8px;width:100%;display:flex}.pc-card-toggle{cursor:pointer;text-align:left;color:inherit;background:0 0;border:none;flex:1;align-items:center;gap:10px;padding:4px 0;display:flex}.pc-card-toggle:disabled{cursor:default}.pc-class-chip{background:var(--surface-overlay);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:18px;align-items:center;gap:6px;padding:4px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.pc-class-chip-label{white-space:nowrap}.pc-class-chip--starter{color:var(--gold-300);background:#f5c84a1f;border-color:#f5c84a66}.pc-status-pill{letter-spacing:.04em;text-transform:uppercase;border-radius:10px;padding:3px 8px;font-size:.7rem;font-weight:700}.pc-status-pill--ready{color:var(--state-success);background:#4ade801a;border:1px solid #4ade804d}.pc-status-pill--needs{color:var(--state-warning);background:#f5c84a1a;border:1px solid #f5c84a4d}.pc-card--collapsed .pc-card-body,.pc-card--collapsed .pc-spells{display:none}.pc-card--leader{border-color:var(--gold-300);box-shadow:var(--shadow-glow-gold)}.pc-leader-btn-label{font-size:.74rem;font-weight:700}.pc-img-error{color:var(--state-danger);border-color:var(--state-danger)!important}.pc-spells--needs{border-color:var(--state-warning)}.pc-el-check{color:var(--state-success)}.pc-hint--error{color:var(--state-danger);flex-direction:column;align-items:center;gap:8px;display:flex}.pc-retry-btn{background:var(--surface-overlay);border:1px solid var(--state-danger);color:var(--state-danger);cursor:pointer;border-radius:8px;padding:6px 14px;font-size:.82rem;font-weight:700;transition:background .15s}.pc-retry-btn:hover{background:#f871711a}.pc-discard-overlay{background:var(--modal-backdrop);z-index:1200;justify-content:center;align-items:center;padding:20px;animation:.15s ease-out fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.pc-discard-sheet{background:var(--modal-bg);border:1px solid var(--border-ornate);width:100%;max-width:380px;box-shadow:var(--modal-shadow);border-radius:16px;padding:24px 22px 20px}.pc-discard-title{color:var(--text-primary);margin:0 0 8px;font-family:Cinzel,Trajan Pro,Georgia,serif;font-size:1.15rem}.pc-discard-body{color:var(--text-muted);margin:0 0 18px;font-size:.88rem;line-height:1.5}.pc-discard-actions{gap:10px;display:flex}.pc-discard-cancel,.pc-discard-confirm{cursor:pointer;border-radius:10px;flex:1;min-height:44px;font-size:.88rem;font-weight:700;transition:background .15s,border-color .15s}.pc-discard-cancel{border:1px solid var(--border-strong);color:var(--text-primary);background:0 0}.pc-discard-cancel:hover{border-color:var(--accent-primary)}.pc-discard-confirm{border:1px solid var(--state-danger);color:var(--state-danger);background:#f871711a}.pc-discard-confirm:hover{background:#f8717133}.hero-class-label{color:#fbbf24;margin-bottom:4px;font-size:1rem;font-weight:700}.spell-panel{margin-bottom:8px}.spell-panel h4{color:#a78bfa;margin:0 0 4px;font-size:.85rem}.spell-list{flex-direction:column;gap:3px;display:flex}.spell-btn{color:#e2e8f0;cursor:pointer;background:#1e1b4b;border:1px solid #4c1d95;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:.8rem;transition:background .15s;display:flex}.spell-btn:hover:not(:disabled){background:#2e1065}.spell-btn.used{opacity:.4;cursor:not-allowed}.spell-btn:disabled{opacity:.5;cursor:not-allowed}.spell-element{border-radius:50%;flex-shrink:0;width:8px;height:8px}.spell-fire{background:#f87171}.spell-air{background:#60a5fa}.spell-water{background:#22d3ee}.spell-earth{background:#a3e635}.spell-name{flex:1}.spell-used-tag{color:#64748b;font-size:.7rem}.hud-items h4{color:#2dd4bf;margin:0 0 4px;font-size:.85rem}.item-btn{color:#e2e8f0;background:#064e3b;border:1px solid #059669;margin-bottom:2px;padding:3px 8px;font-size:.8rem}.item-btn:hover{background:#065f46}.dice-overlay{z-index:115;pointer-events:none;justify-content:center;align-items:center;animation:.22s both diceOverlayFade;display:flex;position:fixed;inset:0}.dice-card{--dice-accent:#ef4444;border:2px solid var(--dice-accent);color:#f3e8ff;min-width:260px;max-width:min(92vw,460px);box-shadow:0 20px 48px #000000b3, 0 0 32px color-mix(in srgb, var(--dice-accent) 40%, transparent);pointer-events:auto;cursor:pointer;transform-origin:50%;background:linear-gradient(145deg,#0f0a1ef5,#1e1434f5);border-radius:18px;padding:18px 22px 20px;animation:.28s cubic-bezier(.22,1,.36,1) both diceCardPop;position:relative}.dice-overlay--attack .dice-card{--dice-accent:#ef4444}.dice-overlay--spell .dice-card{--dice-accent:#a855f7}.dice-overlay--defense .dice-card{--dice-accent:#f97316}.dice-overlay--movement .dice-card,.dice-overlay--kill .dice-card{--dice-accent:#facc15}.dice-overlay--miss .dice-card{--dice-accent:#94a3b8}.dice-overlay--resist .dice-card{--dice-accent:#64748b}.dice-overlay--heal .dice-card{--dice-accent:#22c55e}.dice-overlay--buff .dice-card{--dice-accent:#38bdf8}.dice-overlay--take .dice-card{--dice-accent:#dc2626}.dice-overlay--pending .dice-card{--dice-accent:#94a3b8}.dice-header{align-items:center;gap:12px;margin-bottom:14px;display:flex}.dice-header-icon{filter:drop-shadow(0 0 6px color-mix(in srgb, var(--dice-accent) 60%, transparent));font-size:1.8rem;line-height:1}.dice-header-text{flex-direction:column;gap:2px;min-width:0;display:flex}.dice-header-title{color:var(--dice-accent);text-shadow:0 0 8px color-mix(in srgb, var(--dice-accent) 40%, transparent);font-size:1.05rem;font-weight:700;line-height:1.15}.dice-header-target{color:#cbd5e1;text-transform:uppercase;letter-spacing:.07em;font-size:.72rem}.dice-queue-badge{border:1px solid color-mix(in srgb, var(--dice-accent) 60%, transparent);color:var(--dice-accent);letter-spacing:.04em;text-shadow:0 0 6px color-mix(in srgb, var(--dice-accent) 40%, transparent);white-space:nowrap;background:#0f0a1ee6;border-radius:999px;margin-left:auto;padding:3px 9px;font-size:.72rem;font-weight:700}.dice-actions{justify-content:center;margin-top:16px;display:flex}.dice-next-btn{border:2px solid var(--dice-accent);background:linear-gradient(180deg, color-mix(in srgb, var(--dice-accent) 18%, transparent) 0%, color-mix(in srgb, var(--dice-accent) 8%, transparent) 100%);color:#f3e8ff;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;min-width:160px;box-shadow:0 4px 14px #00000073, 0 0 16px color-mix(in srgb, var(--dice-accent) 25%, transparent);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-size:.95rem;font-weight:700;transition:transform .12s,box-shadow .12s,filter .12s;display:inline-flex}.dice-next-btn:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 6px 18px #00000080, 0 0 22px color-mix(in srgb, var(--dice-accent) 45%, transparent);transform:translateY(-1px)}.dice-next-btn:active:not(:disabled){filter:brightness(.95);transform:translateY(0)}.dice-next-btn:disabled{opacity:.55;cursor:default;filter:grayscale(.4)}.dice-next-count{border:1px solid color-mix(in srgb, var(--dice-accent) 40%, transparent);letter-spacing:.04em;background:#0f0a1e8c;border-radius:999px;padding:1px 8px;font-size:.75rem}.dice-rows{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.dice-row{background:#0a061473;border:1px solid #94a3b826;border-radius:10px;grid-template:"label summary""dice dice"/1fr auto;gap:4px 10px;padding:8px 10px;display:grid}.dice-row-label{text-transform:uppercase;letter-spacing:.06em;color:#cbd5e1;grid-area:label;font-size:.72rem;font-weight:600}.dice-row-summary{color:#f3e8ff;text-align:right;letter-spacing:.03em;grid-area:summary;font-size:.72rem;font-weight:600}.dice-row-dice{flex-wrap:wrap;grid-area:dice;gap:6px;margin-top:4px;display:flex}.dice-row--attack .dice-row-summary{color:#fca5a5}.dice-row--defense .dice-row-summary{color:#93c5fd}.dice-row--pip .dice-row-summary{color:#fde68a}.dice-combat{color:#1f1b16;background:linear-gradient(145deg,#faf3e0 0%,#d6c9a8 60%,#b3a17e 100%);border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.35rem;line-height:1;transition:transform .12s,box-shadow .2s,background .2s;display:inline-flex;position:relative;box-shadow:inset 0 1px #fff9,inset 0 -2px 4px #00000040,0 3px 6px #00000059}.dice-combat.is-rolling{animation:.2s linear infinite dieTumble}.dice-combat.is-settled{animation:.22s cubic-bezier(.2,1.6,.4,1) both dieLand}.dice-combat.is-hit{color:#fef2f2;background:linear-gradient(145deg,#fca5a5 0%,#dc2626 60%,#7f1d1d 100%);box-shadow:inset 0 1px #ffffff59,inset 0 -2px 4px #00000073,0 3px 10px #dc26268c}.dice-combat.is-block{color:#eff6ff;background:linear-gradient(145deg,#bfdbfe 0%,#2563eb 60%,#1e3a8a 100%);box-shadow:inset 0 1px #ffffff73,inset 0 -2px 4px #00000073,0 3px 10px #2563eb8c}.dice-combat.is-miss{opacity:.75;filter:grayscale(.4)}.dice-combat-face{transform:translateY(-1px)}.dice-pip{background:linear-gradient(145deg,#faf3e0 0%,#e4d8b4 60%,#b3a17e 100%);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;padding:5px;display:inline-flex;position:relative;box-shadow:inset 0 1px #fff9,inset 0 -2px 4px #00000040,0 3px 6px #00000059}.dice-pip.is-rolling{animation:.18s linear infinite dieTumble}.dice-pip.is-settled{animation:.24s cubic-bezier(.2,1.6,.4,1) both dieLand}.dice-pip-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:2px;width:100%;height:100%;display:grid}.dice-pip .pip{opacity:0;background:#1f1b16;border-radius:50%;place-self:center;width:6px;height:6px;box-shadow:inset 0 1px #fff3}.dice-pip-grid[data-pips="1"] .pip-4,.dice-pip-grid[data-pips="2"] .pip-0,.dice-pip-grid[data-pips="2"] .pip-8,.dice-pip-grid[data-pips="3"] .pip-0,.dice-pip-grid[data-pips="3"] .pip-4,.dice-pip-grid[data-pips="3"] .pip-8,.dice-pip-grid[data-pips="4"] .pip-0,.dice-pip-grid[data-pips="4"] .pip-2,.dice-pip-grid[data-pips="4"] .pip-6,.dice-pip-grid[data-pips="4"] .pip-8,.dice-pip-grid[data-pips="5"] .pip-0,.dice-pip-grid[data-pips="5"] .pip-2,.dice-pip-grid[data-pips="5"] .pip-4,.dice-pip-grid[data-pips="5"] .pip-6,.dice-pip-grid[data-pips="5"] .pip-8,.dice-pip-grid[data-pips="6"] .pip-0,.dice-pip-grid[data-pips="6"] .pip-2,.dice-pip-grid[data-pips="6"] .pip-3,.dice-pip-grid[data-pips="6"] .pip-5,.dice-pip-grid[data-pips="6"] .pip-6,.dice-pip-grid[data-pips="6"] .pip-8{opacity:1}.dice-headline{color:var(--dice-accent);text-align:center;letter-spacing:.01em;text-shadow:0 0 10px color-mix(in srgb, var(--dice-accent) 55%, transparent);padding:4px 0;font-size:1.15rem;font-weight:800;line-height:1.2}.dice-headline--kill{font-size:1.35rem}.dice-sublines{text-align:center;flex-direction:column;gap:2px;margin-top:6px;display:flex}.dice-subline{color:#cbd5e1;font-size:.82rem;line-height:1.25}@keyframes diceOverlayFade{0%{background:0 0}to{background:#00000059}}@keyframes diceCardPop{0%{opacity:0;transform:translateY(8px)scale(.92)}60%{opacity:1;transform:translateY(0)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes dieTumble{0%{transform:rotate(-8deg)translateY(0)}50%{transform:rotate(12deg)translateY(-3px)}to{transform:rotate(-8deg)translateY(0)}}@keyframes dieLand{0%{transform:scale(1.18)}60%{transform:scale(.94)}to{transform:scale(1)}}.ally-turn-banner{z-index:30;color:#fef3c7;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(135deg,#161128eb,#241a3ceb);border:1px solid #facc15b3;border-radius:999px;align-items:center;gap:10px;max-width:calc(100vw - 48px);padding:8px 18px;font-size:.9rem;font-weight:600;display:inline-flex;position:absolute;top:16px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 6px 18px #00000073,0 0 14px #facc154d}.ally-turn-banner-icon{filter:drop-shadow(0 0 4px #facc15b3);font-size:1.1rem;line-height:1}.end-turn-floating{bottom:calc(env(safe-area-inset-bottom,0px) + 24px);z-index:95;color:#fde68a;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#b45309 0%,#78350f 100%);border:2px solid #fcd34d8c;border-radius:999px;align-items:center;gap:10px;padding:12px 26px;font-size:.95rem;font-weight:700;transition:transform .12s,box-shadow .12s,background .18s,color .18s,border-color .18s;display:inline-flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #00000080,0 0 14px #b4530959}.end-turn-floating.is-done{color:#fffbeb;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-color:#fcd34d;animation:1.6s ease-in-out infinite endTurnPulse;box-shadow:0 10px 28px #0000008c,0 0 22px #f59e0b73}.end-turn-floating:hover{transform:translate(-50%)translateY(-2px);box-shadow:0 14px 34px #0009,0 0 30px #fcd34db3}.end-turn-floating:active{transform:translate(-50%)translateY(0)}.end-turn-floating-icon{filter:drop-shadow(0 0 4px #fcd34dcc);font-size:1.1rem;line-height:1}@keyframes endTurnPulse{0%,to{box-shadow:0 10px 28px #0000008c,0 0 22px #f59e0b73}50%{box-shadow:0 12px 32px #0009,0 0 32px #fcd34dbf}}.inventory-overlay{-webkit-backdrop-filter:blur(2px);z-index:120;background:#0009;justify-content:center;align-items:center;animation:.18s popIn;display:flex;position:fixed;inset:0}.inventory-popup{background:linear-gradient(135deg,#1e1b2e 0%,#2a2540 100%);border:1px solid #c084fc59;border-radius:14px;width:520px;max-width:94vw;max-height:86vh;padding:18px 22px 22px;animation:.22s popIn;position:relative;overflow-y:auto;box-shadow:0 20px 60px #000000b3,0 0 32px #7c3aed33}.inventory-popup .inventory-panel{background:0 0;border:none;padding:0}.inventory-popup-close{color:#e2e8f0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1.3rem;line-height:1;transition:background .15s,transform .12s;display:flex;position:absolute;top:8px;right:12px}.inventory-popup-close:hover{background:#ffffff24}.inventory-popup-close:active{transform:scale(.94)}.merchant-chat-dialog{border-color:#fbbf24;box-shadow:0 24px 60px #000000a6,inset 0 0 0 1px #fbbf2440}.merchant-tabs{grid-template-columns:repeat(2,1fr);gap:4px;display:grid}.merchant-tab{color:#cbd5e1;cursor:pointer;letter-spacing:.04em;text-transform:uppercase;background:#0f0d1ad9;border:1px solid #fbbf244d;border-radius:6px;padding:7px 6px;font-size:.8rem;font-weight:600;transition:background .12s,border-color .12s,color .12s}.merchant-tab:hover{color:#f1f5f9;background:#4c1d9559}.merchant-tab.active{color:#fde68a;background:linear-gradient(135deg,#b45309 0%,#78350f 100%);border-color:#fbbf24}.merchant-wares-scroll{flex-direction:column;gap:6px;max-height:260px;padding-right:4px;display:flex;overflow-y:auto}.merchant-item{background:#0f0d1ad9;border:1px solid #fbbf2433;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex}.merchant-item-body{flex:1;min-width:0}.merchant-item-name{color:#f1f5f9;font-size:.88rem;font-weight:700;line-height:1.2}.merchant-item-stat{color:#94a3b8;margin-top:2px;font-size:.75rem;line-height:1.3}.merchant-item-right{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.merchant-item-cost{color:#fbbf24;font-size:.85rem;font-weight:700}.merchant-buy-btn{color:#fff;cursor:pointer;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,#059669 0%,#047857 100%);border:none;border-radius:999px;padding:4px 14px;font-size:.75rem;font-weight:700;transition:transform .12s,box-shadow .12s}.merchant-buy-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #05966973}.merchant-buy-btn:disabled{opacity:.4;cursor:not-allowed}.merchant-continue-btn{color:#fde68a;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,#b45309 0%,#78350f 100%);width:100%;font-weight:700}.merchant-continue-btn:hover:not(:disabled){background:linear-gradient(135deg,#d97706 0%,#92400e 100%)}.npc-chat-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05030fc7;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.npc-chat-dialog{background:linear-gradient(#1e1b2e 0%,#15121f 100%);border:2px solid #4c1d95;border-radius:16px;flex-direction:column;width:min(960px,96vw);max-height:min(88vh,720px);display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #000000a6,inset 0 0 0 1px #7c3aed40}.npc-chat-close{z-index:5;color:#cbd5e1;cursor:pointer;background:#0f0d1ad9;border:1px solid #7c3aed73;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.95rem;transition:transform .12s,background .12s,color .12s;display:inline-flex;position:absolute;top:10px;right:12px}.npc-chat-close:hover{color:#fff;background:#4c1d95;transform:scale(1.05)}.npc-chat-body{flex:1;grid-template-columns:minmax(240px,300px) minmax(0,1fr);min-height:0;display:grid}.npc-chat-left{background:#120f1c;flex-direction:column;min-height:0;display:flex}.npc-chat-messages{scroll-behavior:smooth;flex-direction:column;flex:1;gap:12px;min-height:0;padding:18px 20px;display:flex;overflow-y:auto}.npc-bubble-row{width:100%;display:flex}.npc-bubble-row-npc{justify-content:flex-start}.npc-bubble-row-player{justify-content:flex-end}.npc-bubble{border-radius:14px;max-width:min(78%,520px);padding:8px 12px 9px;font-size:.92rem;line-height:1.45;box-shadow:0 2px 8px #00000059}.npc-bubble-npc{color:#e2e8f0;background:#221d36;border:1px solid #7c3aed59;border-top-left-radius:4px}.npc-bubble-player{color:#f1f5f9;background:#1e3a8a;border:1px solid #60a5fa8c;border-top-right-radius:4px}.npc-bubble-typing{opacity:.75}.npc-bubble-speaker{letter-spacing:.04em;text-transform:uppercase;margin-bottom:3px;font-size:.72rem;font-weight:700}.npc-bubble-text{white-space:pre-wrap;word-wrap:break-word}.npc-crystal-bar{background:#15152a;border-top:1px solid #2a2a4a;padding:5px 16px;font-size:.78rem}.npc-crystal-bar.broke{background:#64141459;border-top-color:#ef444459}.npc-crystal-balance{color:#a78bfa}.npc-crystal-broke{color:#ef4444}.npc-crystal-header{background:#0f0d1a99;border-bottom:1px solid #7c3aed33;flex-shrink:0;padding:8px 16px;font-size:.82rem;font-weight:600}.npc-chat-input-row{background:#15121f;border-top:1px solid #4c1d9580;gap:8px;padding:12px 16px;display:flex}.npc-chat-input{color:#e2e8f0;background:#0f0d1a;border:1px solid #4c1d95;border-radius:999px;flex:1;padding:9px 16px;font-size:.9rem;transition:border-color .12s,box-shadow .12s}.npc-chat-input:focus{border-color:#a78bfa;outline:none;box-shadow:0 0 0 3px #a78bfa2e}.npc-chat-input::placeholder{color:#64748b}.npc-chat-send{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%);border:none;border-radius:999px;padding:9px 20px;font-size:.9rem;font-weight:600;transition:transform .12s,box-shadow .12s,background .12s}.npc-chat-send:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);transform:translateY(-1px);box-shadow:0 6px 14px #7c3aed59}.npc-chat-send:disabled{opacity:.45;cursor:not-allowed}.npc-chat-right{background:linear-gradient(#1a1530 0%,#0f0d1a 100%);border-right:2px solid #4c1d9580;flex-direction:column;gap:14px;padding:28px 20px 20px;display:flex;overflow-y:auto}.npc-portrait{aspect-ratio:1;border:3px solid #4c1d95;border-radius:50%;flex-shrink:0;justify-content:center;align-self:center;align-items:center;width:120px;min-width:120px;height:120px;min-height:120px;display:flex;overflow:hidden;box-shadow:0 8px 24px #0000008c,0 0 22px #7c3aed4d}.npc-portrait img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated}.npc-portrait-glyph{color:#0f0d1a;text-shadow:0 2px #0003;font-size:3rem;font-weight:800}.npc-identity{text-align:center}.npc-identity-name{color:#f1f5f9;letter-spacing:.01em;font-size:1.3rem;font-weight:700}.npc-identity-type{text-transform:uppercase;letter-spacing:.1em;margin-top:2px;font-size:.78rem;font-weight:600}.npc-identity-class{color:#94a3b8;text-transform:capitalize;margin-top:2px;font-size:.78rem}.npc-stats{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px;display:grid}.npc-stat{text-align:center;background:#0f0d1acc;border:1px solid #7c3aed59;border-radius:8px;padding:8px 10px}.npc-stat-good{background:#052e168c;border-color:#22c55e8c}.npc-stat-warn{background:#451a038c;border-color:#fbbf248c}.npc-stat-label{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-size:.68rem}.npc-stat-value{color:#f1f5f9;margin-top:2px;font-size:1rem;font-weight:700}.npc-section-title{text-transform:uppercase;letter-spacing:.08em;color:#a78bfa;margin-bottom:4px;font-size:.72rem;font-weight:700}.npc-appearance-text,.npc-personality-text{color:#cbd5e1;font-size:.85rem;font-style:italic;line-height:1.45}.npc-bond{background:#0f0d1aa6;border:1px solid #94a3b82e;border-radius:8px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.npc-bond-head{align-items:baseline;gap:8px;font-size:.78rem;display:flex}.npc-bond-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.6px;font-weight:700}.npc-bond-mood{margin-right:auto;font-weight:700}.npc-bond-value{color:#e2e8f0;font-variant-numeric:tabular-nums}.npc-bond-track{background:#0f0d1ae6;border-radius:999px;height:6px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #94a3b82e}.npc-bond-fill{border-radius:999px;height:100%;transition:width .28s ease-out,background .28s ease-out}.npc-memory{flex-direction:column;gap:4px;display:flex}.npc-memory-list{flex-direction:column;gap:4px;max-height:160px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.npc-memory-item{color:#cbd5e1;background:#0f0d1a8c;border-left:2px solid #a855f799;border-radius:4px;padding:4px 8px;font-size:.78rem;line-height:1.4}.npc-wares-list{flex-direction:column;gap:4px;display:flex}.npc-ware-row{background:#0f0d1a8c;border-radius:4px;justify-content:space-between;gap:8px;padding:4px 6px;font-size:.82rem;display:flex}.npc-ware-name{color:#fbbf24;font-weight:600}.npc-ware-cost{color:#22c55e;font-weight:700}@media (width<=760px){.npc-chat-body{grid-template-columns:minmax(90px,110px) minmax(0,1fr)}.npc-chat-right{border-bottom:none;border-right:2px solid #4c1d9580;max-height:none;padding:12px 10px 10px;overflow-y:auto}.npc-portrait{width:60px;height:60px}.npc-portrait-glyph{font-size:1.6rem}.npc-identity-name{font-size:.9rem}.npc-identity-type,.npc-identity-class{font-size:.65rem}.npc-stat{padding:4px 5px}.npc-stat-label{font-size:.56rem}.npc-stat-value{font-size:.78rem}.npc-section-title{font-size:.6rem}.npc-memory-item,.npc-appearance-text,.npc-personality-text{font-size:.68rem}.npc-bubble{padding:6px 10px 7px;font-size:.82rem}.npc-chat-input{padding:7px 10px;font-size:.8rem}.npc-chat-send{padding:7px 12px;font-size:.8rem}.npc-ware-row{font-size:.72rem}}.hud-npcs{margin-bottom:4px;padding:4px 8px}.hud-npcs h4{color:#a78bfa;margin:2px 0}.npc-entry{align-items:center;gap:6px;padding:2px 0;font-size:.85rem;display:flex}.npc-type-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.npc-hud-name{color:#e2e8f0;flex:1}.npc-hud-type{color:#94a3b8;text-transform:uppercase;font-size:.75rem}.npc-talk-btn{background:#7c3aed!important;padding:2px 8px!important;font-size:.75rem!important}.npc-talk-btn:hover{background:#6d28d9!important}.mobile-status,.recenter-btn{display:none}@media (width<=900px){.app-header{padding:8px 12px}.app-header h1{font-size:1.05rem}.app-body{flex-direction:column;position:relative}.mobile-drawer{z-index:120;width:min(88vw,360px);min-width:0;max-width:360px;padding-top:44px;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-102%);box-shadow:4px 0 24px #00000080}.mobile-drawer.mobile-drawer-right{left:auto;right:0;transform:translate(102%);box-shadow:-4px 0 24px #00000080}.mobile-drawer.mobile-drawer-open{transform:translate(0)}.mobile-drawer-close{width:32px;height:32px;color:var(--text);border:1px solid var(--border);z-index:2;background:#ffffff14;border-radius:16px;font-size:1rem;position:absolute;top:8px;right:10px}.canvas-area{-webkit-overflow-scrolling:touch;flex:1;justify-content:flex-start;align-items:flex-start;width:100%;min-height:0;padding:0;position:relative;overflow:auto}.dungeon-canvas-wrapper{padding:0}.mobile-status{background:var(--surface);border-bottom:1px solid var(--border);color:var(--text);flex-shrink:0;align-items:center;gap:8px;min-height:40px;padding:6px 10px;font-size:.78rem;display:flex}.mobile-tab-btn{background:var(--surface-2);color:var(--text);border:1px solid var(--border);white-space:nowrap;border-radius:6px;padding:6px 10px;font-size:.78rem;font-weight:600}.mobile-end-btn{opacity:.75;background:#781e1e8c;border-color:#b4323266;padding:6px 8px;font-size:.85rem}.mobile-status-hp{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.mobile-hp-label{color:var(--text-dim);font-size:.72rem;font-weight:700}.mobile-hp-bar{background:#ffffff14;border-radius:4px;flex:1;min-width:40px;height:8px;overflow:hidden}.mobile-hp-fill{background:linear-gradient(90deg,#ef4444,#f87171);height:100%;transition:width .3s}.mobile-hp-val{color:#f87171;white-space:nowrap;font-size:.78rem;font-weight:700}.mobile-status-phase{color:#fbbf24;white-space:nowrap;font-weight:700}.recenter-btn{right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 120px);color:#fff;z-index:40;background:#2563ebeb;border:2px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:0;font-size:1.6rem;font-weight:700;line-height:1;display:flex;position:fixed;box-shadow:0 6px 20px #0006}.recenter-btn:active{transform:scale(.95)}.action-btn{min-height:40px;padding:10px 12px;font-size:.8rem}.end-session-btn{min-height:40px;padding:10px 14px;font-size:.8rem}.spell-panel-inline,.spell-list-inline{flex-wrap:wrap}.narrative-popup,.merchant-popup,.malikor-popup{width:94%;max-width:94vw;padding:20px 18px}.narrative-title{font-size:1.1rem}.create-card h2{font-size:1.25rem}.hero-select-cards,.element-buttons{grid-template-columns:repeat(2,1fr)}.hero-select-panel{max-height:94vh;padding:16px}.npc-chat-overlay{padding:8px;padding-bottom:max(8px, env(safe-area-inset-bottom,8px));align-items:flex-end}.npc-chat-dialog{border-radius:16px 16px 0 0;width:100%;max-width:100%;max-height:min(90dvh,100dvh - 16px)}}@media (width<=420px){.action-btn{padding:9px 10px;font-size:.74rem}.mobile-tab-btn{padding:5px 8px;font-size:.72rem}.app-header h1{font-size:.95rem}}@media (width<=900px) and (orientation:landscape) and (height<=500px){.app-header{padding:4px 10px}.app-header h1{font-size:.9rem}.mobile-status{padding:4px 8px;font-size:.72rem}.action-btn{min-height:34px;padding:7px 10px}}.app-header{justify-content:space-between}.app-header-right{align-items:center;gap:10px;margin-left:auto;display:flex}.header-end-btn{color:#fff;cursor:pointer;background:#7a1d1d;border:1px solid #9b2a2a;border-radius:4px;padding:6px 14px;font-size:.85rem;font-weight:600;transition:background .15s}.header-end-btn:hover{background:#9b2a2a}.radial-menu-backdrop{z-index:150;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;position:fixed;inset:0}.radial-menu{pointer-events:none;width:0;height:0;position:absolute}.radial-menu>*{pointer-events:auto}.radial-center{color:gold;cursor:pointer;background:#1a1a2e;border:2px solid gold;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;display:flex;position:absolute;top:-20px;left:-20px;box-shadow:0 0 18px #ffd70059}.radial-item{color:#f0f0ff;cursor:pointer;background:radial-gradient(circle at 30% 30%,#2a2a4a,#15152a);border:2px solid #4a4a7a;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:76px;height:76px;padding:4px;font-size:.7rem;transition:transform .18s cubic-bezier(.4,1.6,.4,1),border-color .15s,box-shadow .15s;display:flex;position:absolute;top:-38px;left:-38px;box-shadow:0 4px 18px #00000080}.radial-item:hover:not(.disabled){z-index:1;border-color:gold;box-shadow:0 0 20px #ffd70066}.radial-item.disabled{opacity:.4;cursor:not-allowed}.radial-icon{font-size:1.3rem;line-height:1}.radial-label{text-align:center;padding:0 2px;font-size:.68rem;font-weight:600;line-height:1.1}.radial-hotkey{color:gold;opacity:.8;font-size:.6rem;position:absolute;top:4px;right:6px}.inventory-panel{color:#e0e0f0;background:#00000040;border:1px solid #3a3a5a;border-radius:6px;margin-top:10px;padding:10px 12px;font-size:.8rem}.inventory-panel h3{color:gold;margin:0 0 6px;font-size:.9rem}.inventory-panel .gold-line{color:gold;margin-bottom:10px;font-size:1.1rem;font-weight:700}.inventory-panel .inv-section{margin-bottom:12px}.inventory-panel .inv-section-title{text-transform:uppercase;letter-spacing:.08em;color:#9090a8;margin-bottom:4px;font-size:.72rem}.inventory-panel .inv-row{background:#ffffff08;border-radius:4px;justify-content:space-between;align-items:center;gap:6px;margin-bottom:4px;padding:4px 6px;display:flex}.inventory-panel .inv-row-main{flex:1;min-width:0}.inventory-panel .inv-row-name{color:#f0f0ff;font-weight:600}.inventory-panel .inv-row-sub{color:#8080a0;font-size:.68rem}.inventory-panel .inv-row-actions{gap:4px;display:flex}.inventory-panel .inv-btn{color:#e0e0f0;cursor:pointer;background:#2a2a4a;border:1px solid #4a4a7a;border-radius:3px;padding:3px 8px;font-size:.7rem;transition:background .15s}.inventory-panel .inv-btn:hover{background:#3a3a5a}.inventory-panel .inv-btn.danger{color:#ffaeae;border-color:#7a1d1d}.inventory-panel .inv-btn.danger:hover{background:#4a1a1a}.inventory-panel .inv-empty{color:#666680;padding:2px 6px;font-style:italic}.ally-inv-header{color:#e2e8f0;border-bottom:1px solid #7c3aed4d;margin-bottom:10px;padding:4px 0 12px;font-size:1.05rem;font-weight:700}.ally-inv-class{color:#9ca3af;font-weight:400}.ally-inv-hp{color:#22c55e;margin-left:8px;font-weight:400}.ally-inv-section{margin-bottom:10px}.ally-inv-section .inv-section-label{letter-spacing:.08em;text-transform:uppercase;color:#7c3aed;margin-bottom:4px;font-size:.72rem}.ally-inv-section .inv-item-row{color:#cbd5e1;border-radius:6px;justify-content:space-between;align-items:center;padding:4px 6px;font-size:.88rem;display:flex}.ally-inv-section .inv-item-row:hover{background:#7c3aed1f}.ally-inv-section .inv-empty{color:#666680;padding:2px 6px;font-size:.85rem;font-style:italic}.ally-inv-section .inv-btn{color:#c4b5fd;cursor:pointer;background:#7c3aed26;border:1px solid #7c3aed80;border-radius:5px;padding:2px 10px;font-size:.78rem}.ally-inv-section .inv-btn:hover{background:#7c3aed4d}.ally-inv-section .inv-used{opacity:.45}.npc-callout-bubble{color:#451a03;letter-spacing:.2px;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;z-index:20;pointer-events:auto;background:linear-gradient(#fef3c7 0%,#fde68a 100%);border:none;border-radius:14px;max-width:220px;padding:6px 12px 8px;font-size:12px;font-weight:700;line-height:1.2;animation:.32s cubic-bezier(.2,.9,.2,1.05) both calloutPop,2.4s ease-in-out .32s infinite calloutBob;overflow:hidden;box-shadow:0 4px 10px #00000073,inset 0 0 0 2px #b4530999}.npc-callout-bubble:hover{filter:brightness(1.05)saturate(1.1)}.npc-callout-text{font-family:system-ui,-apple-system,sans-serif;display:block}.npc-callout-tail{background:linear-gradient(#fde68a 0%,#fcd34d 100%);border-radius:2px;width:12px;height:12px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg);box-shadow:2px 2px #b4530999}@keyframes calloutPop{0%{opacity:0;transform:translate(-50%,-90%)scale(.8)}to{opacity:1;transform:translate(-50%,-100%)scale(1)}}@keyframes calloutBob{0%,to{transform:translate(-50%,-100%)translateY(0)}50%{transform:translate(-50%,-100%)translateY(-3px)}}.malikor-chat-trigger{right:20px;bottom:calc(env(safe-area-inset-bottom,0px) + 20px);z-index:80;color:gold;cursor:pointer;background:linear-gradient(135deg,#2a1a4a,#431f6e);border:2px solid #7a3a9a;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;padding:0;transition:transform .15s,box-shadow .15s;display:flex;position:fixed;overflow:hidden;box-shadow:0 6px 24px #0000008c,0 0 22px #7a3a9a73}.malikor-chat-trigger img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.malikor-chat-trigger:hover{transform:translateY(-1px)scale(1.04);box-shadow:0 10px 32px #000000a6,0 0 32px #ffd70059}.malikor-chat-trigger:active{transform:translateY(0)scale(.97)}.malikor-chat-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;background:#00000080;justify-content:flex-end;display:flex;position:fixed;inset:0}.malikor-chat-panel{background:#10101c;border-left:1px solid #4a4a7a;flex-direction:column;width:min(420px,92vw);max-width:420px;height:100%;animation:.22s ease-out malikor-slide-in;display:flex}@keyframes malikor-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.malikor-chat-header{color:gold;background:linear-gradient(90deg,#2a1a4a,#431f6e);border-bottom:1px solid #7a3a9a;justify-content:space-between;align-items:center;padding:10px 14px;font-weight:700;display:flex}.malikor-chat-header-id{align-items:center;gap:10px;min-width:0;display:flex}.malikor-chat-header-portrait{object-fit:cover;border:1px solid #ffd70073;border-radius:50%;width:38px;height:38px;animation:.25s malikorPortraitFade;box-shadow:0 0 8px #7a3a9a8c}.malikor-chat-header-info{flex-direction:column;gap:2px;min-width:0;display:flex}.malikor-chat-header-name{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.malikor-standing-pill{letter-spacing:.04em;opacity:.9;text-transform:uppercase;border:1px solid;border-radius:20px;align-self:flex-start;padding:1px 7px;font-size:.65rem;font-weight:700;display:inline-block}.malikor-chat-close{color:gold;cursor:pointer;background:0 0;border:none;font-size:1.2rem}.malikor-chat-body{background:radial-gradient(circle at 50% 0,#1a1a2e,#0b0b16);flex-direction:column;flex:1;gap:8px;padding:12px 14px;display:flex;overflow-y:auto}.malikor-chat-bubble{word-wrap:break-word;border-radius:14px;max-width:78%;padding:8px 12px;font-size:.85rem;line-height:1.35}.malikor-chat-bubble.player{color:#eaffef;background:#1f4c37;border-bottom-right-radius:4px;align-self:flex-end}.malikor-chat-bubble.malikor{color:#ffe7b3;background:#3a2340;border:1px solid #7a3a9a;border-bottom-left-radius:4px;align-self:flex-start}.malikor-chat-bubble-row.malikor{align-self:flex-start;align-items:flex-end;gap:8px;max-width:88%;display:flex}.malikor-chat-bubble-row.malikor .malikor-chat-bubble{max-width:100%}.malikor-chat-bubble-avatar{object-fit:cover;border:1px solid #7a3a9a8c;border-radius:50%;flex-shrink:0;width:28px;height:28px;box-shadow:0 2px 6px #00000073}.malikor-chat-input{background:#15152a;border-top:1px solid #2a2a4a;gap:8px;padding:10px 12px;display:flex}.malikor-chat-input input{color:#f0f0ff;background:#0b0b16;border:1px solid #3a3a5a;border-radius:20px;flex:1;padding:8px 12px;font-size:.85rem}.malikor-chat-input input:focus{border-color:gold;outline:none}.malikor-chat-input button{color:#10101c;cursor:pointer;background:gold;border:none;border-radius:20px;padding:6px 14px;font-weight:700}.malikor-chat-input button:disabled{opacity:.5;cursor:not-allowed}.malikor-crystal-bar{background:#15152a;border-top:1px solid #2a2a4a;align-items:center;padding:6px 14px;font-size:.78rem;display:flex}.malikor-crystal-bar.broke{background:#64141459;border-top-color:#ef444459}.malikor-crystal-balance{color:#a78bfa;letter-spacing:.02em}.malikor-crystal-broke{color:#ef4444;letter-spacing:.02em}.shop-success-toast{color:gold;letter-spacing:.04em;z-index:9999;cursor:pointer;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid gold;border-radius:12px;padding:12px 24px;font-size:1rem;font-weight:700;animation:.3s fadeInUp;position:fixed;bottom:80px;left:50%;transform:translate(-50%);box-shadow:0 0 24px #ffd70066}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.floor-item-toast{color:gold;z-index:70;pointer-events:none;background:#000c;border-radius:16px;padding:6px 14px;font-size:.85rem;position:absolute;top:12px;left:50%;transform:translate(-50%)}.log-tabs{border-bottom:1px solid #ffffff14;gap:4px;margin-bottom:8px;display:flex}.log-tab{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:6px 10px;font-size:.78rem;transition:color .15s,border-color .15s}.log-tab:hover{color:#cbd5e1}.log-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.log-empty{color:#fff6;text-align:center;padding:12px 4px;font-size:.8rem;font-style:italic}.log-detail-row{cursor:pointer;border-bottom:1px solid #ffffff0a;padding:6px 8px;transition:background .1s}.log-detail-row:hover{background:#ffffff08}.log-detail-row.expanded{background:#ffffff0a}.log-detail-head{justify-content:space-between;align-items:center;gap:8px;font-size:.8rem;display:flex}.log-detail-name{color:#f3f4f6;align-items:center;gap:6px;display:inline-flex}.boss-tag{color:#f87171;font-weight:600}.log-detail-hp{color:#94a3b8;font-variant-numeric:tabular-nums;font-size:.74rem}.log-detail-hpbar{background:#0006;border-radius:2px;height:3px;margin-top:3px;overflow:hidden}.log-detail-hpfill{background:linear-gradient(90deg,#ef4444,#f97316);height:100%}.log-detail-body{color:#cbd5e1;margin-top:6px;font-size:.75rem}.log-detail-stats{color:#94a3b8;flex-wrap:wrap;gap:10px;display:flex}.log-detail-intent{color:#cbd5e1;margin-top:4px}.log-detail-status{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.status-chip{color:#c084fc;background:#a855f726;border-radius:8px;padding:1px 7px;font-size:.68rem}.log-detail-wares ul{margin:4px 0 0 14px;padding:0}.log-detail-wares li{color:#cbd5e1;font-size:.74rem}.revival-overlay{z-index:9000;background:#000000d1;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.revival-panel{background:linear-gradient(160deg,#1a0a2e 0%,#0f172a 100%);border:2px solid #7c3aed;border-radius:16px;flex-direction:column;gap:18px;width:100%;max-width:380px;padding:28px 24px 20px;animation:.25s ease-out revival-in;display:flex;box-shadow:0 0 40px #7c3aed80,0 0 80px #000c}@keyframes revival-in{0%{opacity:0;transform:scale(.88)translateY(24px)}to{opacity:1;transform:scale(1)translateY(0)}}.revival-skull-row{justify-content:center;align-items:center;gap:10px;display:flex}.revival-skull{font-size:1.6rem;animation:1.4s ease-in-out infinite revival-pulse}@keyframes revival-pulse{0%,to{opacity:1}50%{opacity:.4}}.revival-title{letter-spacing:.12em;color:#f1f5f9;text-align:center;margin:0;font-size:1.05rem;font-weight:800}.revival-malikor-quote{color:#c4b5fd;text-align:center;margin:0;font-size:.95rem;font-style:italic;line-height:1.5}.revival-malikor-sig{color:#7c3aed;font-size:.82rem;font-style:normal}.revival-gem-offer{background:#ffffff0a;border:1px solid #7c3aed59;border-radius:10px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.revival-gem-offer-text{color:#e2e8f0;text-align:center;font-size:.92rem;line-height:1.5}.revival-gem-cost{color:#a78bfa;font-size:1.05rem;font-weight:700}.revival-balance{text-align:center;color:#94a3b8;font-size:.85rem}.revival-balance-ok{color:#a78bfa;font-weight:700}.revival-balance-low{color:#ef4444;font-weight:700}.revival-insufficient{color:#ef4444;text-align:center;margin:0;font-size:.78rem}.revival-actions{gap:10px;display:flex}.revival-btn-survive{color:#fff;letter-spacing:.06em;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#4f46e5);border:none;border-radius:10px;flex:1;padding:12px 0;font-size:.95rem;font-weight:700;transition:opacity .15s,transform .12s}.revival-btn-survive:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.revival-btn-survive:disabled{opacity:.35;cursor:not-allowed}.revival-btn-death{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #94a3b84d;border-radius:10px;flex:1;padding:12px 0;font-size:.88rem;transition:color .15s,border-color .15s}.revival-btn-death:hover{color:#ef4444;border-color:#ef444480}.revival-countdown{background:#ffffff0f;border-radius:10px;height:20px;position:relative;overflow:hidden}.revival-countdown-bar{background:linear-gradient(90deg,#7c3aed,#ef4444);border-radius:10px;transition:width 1s linear;position:absolute;top:0;bottom:0;left:0}.revival-countdown-text{color:#ffffffb3;letter-spacing:.04em;justify-content:center;align-items:center;font-size:.72rem;font-weight:600;display:flex;position:absolute;inset:0}.landing-screen{-webkit-overflow-scrolling:touch;background:var(--surface-deep);color:var(--text-primary);position:fixed;inset:0;overflow-y:auto}.landing-hero{min-height:100dvh;padding:max(40px, env(safe-area-inset-top)) 24px 60px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.landing-hero-bg{background:var(--surface-deep);will-change:transform;position:absolute;inset:-10%;overflow:hidden}.landing-hero-video{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.landing-hero-scrim{background:linear-gradient(#07060f66 0%,#07060fb3 100%);position:absolute;inset:0}.landing-hero-content{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:520px;animation:.6s cubic-bezier(.2,.8,.2,1) landing-rise;display:flex;position:relative}@keyframes landing-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.landing-title{letter-spacing:.22em;text-shadow:0 0 32px #f5c84a59;flex-direction:column;gap:6px;margin:0;font-family:Cinzel,Trajan Pro,Georgia,serif;font-size:clamp(1.6rem,5.5vw,2.6rem);font-weight:900;display:flex}.landing-title-row{color:var(--text-primary);display:block}.landing-title-row--accent{color:var(--gold-200)}.landing-tagline{color:var(--text-muted);letter-spacing:.04em;justify-content:center;align-items:center;gap:8px;margin:0;font-size:.95rem;display:inline-flex}.landing-cta-row{gap:12px;width:100%;max-width:360px;margin-top:8px;display:flex}.landing-cta-primary{background:var(--button-gold-bg);min-height:56px;color:var(--button-gold-text);letter-spacing:.18em;cursor:pointer;box-shadow:var(--shadow-glow-gold), 0 6px 18px #0006;border:none;border-radius:12px;flex:1;font-family:Cinzel,Trajan Pro,Georgia,serif;font-size:1rem;font-weight:800;transition:transform .12s,background .15s}.landing-cta-primary:hover{background:var(--button-gold-bg-hover);transform:translateY(-1px)}.landing-cta-primary:active{transform:scale(.98)}.landing-cta-primary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.landing-cta-secondary{min-height:56px;color:var(--text-primary);border:1px solid var(--border-strong);letter-spacing:.08em;cursor:pointer;background:0 0;border-radius:12px;flex:1;font-size:.95rem;font-weight:700;transition:border-color .15s,background .15s}.landing-cta-secondary:hover{background:var(--button-ghost-bg-hover);border-color:var(--accent-primary)}.landing-cta-secondary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.landing-cta-guest{color:var(--text-muted);cursor:pointer;text-underline-offset:4px;background:0 0;border:none;padding:8px 12px;font-size:.85rem;text-decoration:underline}.landing-cta-guest:hover{color:var(--text-primary)}.landing-scroll-hint{color:var(--text-muted);margin-top:28px;font-size:1.4rem;animation:2s ease-in-out infinite landing-bounce}@keyframes landing-bounce{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.landing-scroll-hint{animation:none}.landing-hero-bg{transform:none!important}}.landing-features{max-width:980px;margin:0 auto;padding:60px 24px 40px}.landing-section-title{letter-spacing:.14em;text-align:center;color:var(--gold-200);margin:0 0 32px;font-family:Cinzel,Trajan Pro,Georgia,serif;font-size:1.4rem}.landing-feature-grid{grid-template-columns:1fr;gap:18px;display:grid}@media (width>=760px){.landing-feature-grid{grid-template-columns:repeat(3,1fr)}}.landing-feature{background:var(--surface-raised);border:1px solid var(--border-subtle);text-align:center;border-radius:14px;padding:24px 20px;transition:border-color .15s,transform .15s}.landing-feature:hover{border-color:var(--gold-400);transform:translateY(-2px)}.landing-feature-icon{justify-content:center;margin-bottom:14px;display:flex}.landing-feature-title{color:var(--text-primary);letter-spacing:.04em;margin:0 0 8px;font-family:Cinzel,Trajan Pro,Georgia,serif;font-size:1.05rem}.landing-feature-body{color:var(--text-muted);margin:0;font-size:.88rem;line-height:1.5}.landing-footer{padding:40px 24px max(40px, env(safe-area-inset-bottom));text-align:center;border-top:1px solid var(--border-subtle)}.landing-footer-tagline{color:var(--text-muted);letter-spacing:.08em;margin:0 0 12px;font-size:.78rem}.landing-footer-links{color:var(--text-muted);align-items:center;gap:10px;font-size:.78rem;display:inline-flex}.landing-footer-links a{color:var(--text-muted);text-decoration:none;transition:color .15s}.landing-footer-links a:hover{color:var(--gold-300)}.landing-sticky-cta{bottom:max(16px, env(safe-area-inset-bottom));z-index:100;display:none;position:fixed;left:16px;right:16px}.landing-cta-primary--sticky{width:100%}@media (width<=760px){.landing-sticky-cta{display:block}.landing-screen:has(.landing-features:not(:hover))~.landing-sticky-cta{display:block}}.login-screen{padding:max(20px, env(safe-area-inset-top)) 20px max(20px, env(safe-area-inset-bottom));justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.login-bg{background:radial-gradient(ellipse 80% 60% at 50% 40%, #5b21b659 0%, transparent 70%), url(/dungeon_gate_bg.webp) center/cover no-repeat, var(--surface-deep);z-index:0;position:absolute;inset:0}.login-bg:after{content:"";background:#0009;position:absolute;inset:0}.login-card{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-ornate);width:100%;max-width:400px;box-shadow:var(--shadow-glow-gold), 0 24px 48px #000000b3;background:linear-gradient(#1a1a2ef2,#0f0f17f7);border-radius:18px;flex-direction:column;gap:14px;padding:38px 28px 30px;animation:.3s cubic-bezier(.2,.8,.2,1) login-rise;display:flex;position:relative}.login-card:before{content:"";background:linear-gradient(90deg, transparent, var(--gold-300), transparent);border-radius:2px;height:2px;position:absolute;top:-1px;left:24px;right:24px}@keyframes login-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-title{letter-spacing:.22em;color:var(--gold-200);text-align:center;text-shadow:0 0 24px #f5c84a66;margin:0;font-family:Cinzel,Trajan Pro,Georgia,serif;font-size:1.7rem;font-weight:900}.login-subtitle{color:var(--text-muted);text-align:center;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.78rem}.login-tabs{background:var(--surface-overlay);border-radius:10px;gap:3px;padding:3px;display:flex}.login-tab{color:var(--text-muted);letter-spacing:.05em;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;min-height:40px;padding:10px 0;font-size:.88rem;font-weight:700;transition:background .18s,color .18s}.login-tab.active{background:var(--accent-primary);color:var(--text-primary);box-shadow:var(--shadow-glow-violet)}.login-tab:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.login-fields{flex-direction:column;gap:12px;display:flex}.login-field{flex-direction:column;gap:5px;display:flex}.login-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding-left:2px;font-size:.72rem;font-weight:700}.login-input{background:var(--input-bg);border:1px solid var(--input-border);width:100%;height:56px;color:var(--input-text);box-sizing:border-box;border-radius:10px;outline:none;padding:0 16px;font-size:1rem;transition:border-color .15s,box-shadow .15s}.login-input:focus{border-color:var(--input-border-focus);box-shadow:0 0 0 3px #8b6dfb2e}.login-input::placeholder{color:var(--input-placeholder)}.login-error{color:var(--state-danger);text-align:center;background:#f871711a;border:1px solid #f871714d;border-radius:8px;margin:0;padding:10px 12px;font-size:.82rem}.login-btn-primary{background:var(--button-gold-bg);width:100%;min-height:56px;color:var(--button-gold-text);letter-spacing:.14em;cursor:pointer;box-shadow:var(--shadow-glow-gold), 0 4px 14px #0006;border:none;border-radius:12px;padding:16px 0;font-family:Cinzel,Trajan Pro,Georgia,serif;font-size:.95rem;font-weight:800;transition:opacity .15s,transform .12s,box-shadow .15s}.login-btn-primary:hover:not(:disabled){background:var(--button-gold-bg-hover);transform:translateY(-1px)}.login-btn-primary:active:not(:disabled){transform:translateY(0)scale(.98)}.login-btn-primary:disabled{opacity:.4;cursor:not-allowed}.login-btn-primary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.login-divider{color:var(--text-muted);align-items:center;gap:10px;margin:4px 0;font-size:.78rem;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border-subtle);flex:1;height:1px}.login-btn-secondary{background:var(--surface-overlay);border:1px solid var(--button-ghost-border);width:100%;min-height:48px;color:var(--text-primary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:12px 14px;font-size:.9rem;font-weight:600;transition:background .15s,border-color .15s;display:flex}.login-btn-secondary:hover:not(:disabled){background:var(--button-ghost-bg-hover);border-color:var(--accent-primary)}.login-btn-secondary:disabled{opacity:.4;cursor:not-allowed}.login-btn-secondary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.login-btn-icon{color:var(--accent-primary-hover);justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:inline-flex}.login-btn-icon--google{background:var(--neutral-50);width:22px;height:22px;color:var(--violet-700);border-radius:50%;font-family:Helvetica Neue,Arial,sans-serif;font-size:.9rem}.login-magic-sent{color:var(--state-success);text-align:center;background:#4ade801a;border:1px solid #4ade804d;border-radius:8px;margin:0;padding:10px;font-size:.82rem}.topbar{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a081ad9;border-bottom:1px solid #7c3aed33;flex-shrink:0;justify-content:space-between;align-items:center;min-height:48px;padding:10px 16px;display:flex;position:relative}.topbar-currencies{align-items:center;gap:6px;display:flex}.topbar-gem,.topbar-crystal{align-items:center;gap:4px;font-size:.9rem;font-weight:700;display:flex}.topbar-gem span{color:#a78bfa}.topbar-crystal span{color:#7dd3fc}.topbar-currency-btn{background:var(--topbar-chip-bg);border:1px solid var(--topbar-chip-border);cursor:pointer;border-radius:20px;align-items:center;gap:5px;padding:4px 10px 4px 7px;transition:background .15s,border-color .15s;display:flex;position:relative}.topbar-currency-btn:hover:not(:disabled){background:var(--surface-overlay);border-color:var(--accent-primary)}.topbar-currency-btn:disabled{cursor:default}.topbar-gem-icon,.topbar-crystal-icon{align-items:center;line-height:1;display:inline-flex}.topbar-gem-val{color:var(--currency-gem);font-size:.85rem;font-weight:700}.topbar-crystal-val{color:var(--currency-crystal);font-size:.85rem;font-weight:700}.topbar-plus-badge{color:var(--text-primary);background:var(--accent-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:13px;height:13px;margin-left:1px;font-size:.6rem;font-weight:800;display:flex}.topbar-plus-badge.crystal{background:var(--accent-legendary)}.topbar-profile-btn{border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;transition:border-color .15s,color .15s;display:flex}.topbar-profile-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary-hover)}.topbar-menu-wrap{position:relative}.topbar-menu-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #94a3b840;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.3rem;transition:border-color .15s,color .15s;display:flex}.topbar-menu-btn:hover{color:#c4b5fd;border-color:#7c3aed}.topbar-menu-backdrop{z-index:100;position:fixed;inset:0}.topbar-dropdown{z-index:101;background:#1e1333;border:1px solid #7c3aed66;border-radius:10px;min-width:150px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 8px 24px #0009}.topbar-dropdown button{color:#cbd5e1;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:11px 16px;font-size:.88rem;transition:background .12s;display:block}.topbar-dropdown button:hover{background:#7c3aed33}.bottom-nav{background:var(--bottomnav-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--bottomnav-border);min-height:56px;padding-bottom:env(safe-area-inset-bottom,0px);flex-shrink:0;display:flex}.bottom-nav-item{cursor:pointer;color:var(--bottomnav-item-idle);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-height:44px;padding:10px 0 12px;transition:color .15s,transform .15s;display:flex;position:relative}.bottom-nav-item:active{transform:scale(.96)}.bottom-nav-item.active{color:var(--gold-300)}.bottom-nav-item.active:before{content:"";background:var(--gold-300);height:2px;box-shadow:0 0 8px var(--gold-300);border-radius:0 0 2px 2px;position:absolute;top:0;left:22%;right:22%}.bottom-nav-item:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-3px;border-radius:4px}.bottom-nav-icon{justify-content:center;align-items:center;font-size:1.2rem;display:inline-flex}.bottom-nav-label{letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:600}.homepage{flex-direction:column;height:100svh;display:flex;overflow:hidden}.homepage-hero{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.homepage-hero-bg{will-change:background-position;background:radial-gradient(90% 70% at 50% 60%,#5b21b659 0%,#0000 65%),url(/background.png) 50% 30%/cover no-repeat;position:absolute;inset:-10%;transform:translateZ(0)}.homepage-vignette{pointer-events:none;z-index:1;background:linear-gradient(#08061a8c 0%,#08061a1a 35% 65%,#08061abf 100%),radial-gradient(70% 80%,#0000 40%,#08061a80 100%);position:absolute;inset:0}.homepage-particles{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.homepage-hero-content{z-index:3;flex-direction:column;justify-content:flex-start;align-items:center;gap:28px;width:100%;max-width:480px;height:100%;min-height:0;padding:0 16px;display:flex;position:relative}.homepage-hero-content--home{justify-content:center}.homepage-malikor-btn{z-index:4;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ad9;border:1.5px solid #7c3aed80;border-radius:40px;align-items:center;gap:8px;padding:8px 14px 8px 8px;transition:border-color .2s,box-shadow .2s;display:flex;position:absolute;bottom:16px;right:16px;box-shadow:0 4px 24px #7c3aed4d}.homepage-malikor-btn:hover{border-color:#a78bfacc;box-shadow:0 4px 32px #7c3aed80}.homepage-malikor-avatar{object-fit:cover;border-radius:50%;width:36px;height:36px}.homepage-malikor-label{color:#c4b5fd;white-space:nowrap;font-size:.78rem;font-weight:600}.homepage-title{letter-spacing:.22em;color:#e2d9f3;text-shadow:0 0 30px #a78bfa99,0 2px 8px #000c;flex-direction:column;align-items:center;gap:4px;margin:0;font-size:1.4rem;font-weight:900;line-height:1.2;display:flex}.homepage-title-dungeon{color:#c4b5fd;letter-spacing:.28em;font-size:2rem}.homepage-create-card{border:1px solid var(--border-ornate);width:100%;box-shadow:var(--shadow-glow-gold), 0 8px 32px #0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#1a1a2eeb,#0f0f17f0);border-radius:16px;flex-direction:column;gap:12px;padding:20px;display:flex;position:relative}.homepage-create-card:before{content:"";background:linear-gradient(90deg, transparent, var(--gold-300), transparent);border-radius:2px;height:2px;position:absolute;top:-1px;left:24px;right:24px}.homepage-loading-text{color:var(--text-muted);text-align:center;margin:0;font-size:.88rem;font-style:italic}.homepage-textarea{background:var(--input-bg);border:1px solid var(--input-border);width:100%;color:var(--input-text);resize:none;box-sizing:border-box;border-radius:10px;outline:none;padding:12px 14px;font-size:.95rem;line-height:1.5;transition:border-color .15s,box-shadow .15s}.homepage-textarea:focus{border-color:var(--input-border-focus);box-shadow:0 0 0 3px #8b6dfb2e}.homepage-textarea::placeholder{color:var(--input-placeholder)}.homepage-btn-row{align-items:stretch;gap:10px;display:flex}.homepage-btn-random{background:var(--surface-overlay);border:1px solid var(--button-ghost-border);cursor:pointer;width:56px;min-height:56px;color:var(--text-primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,border-color .15s,transform .12s;display:flex}.homepage-btn-random:hover{background:var(--button-ghost-bg-hover);border-color:var(--accent-primary)}.homepage-btn-random:active{transform:scale(.96)}.homepage-btn-random:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.homepage-btn-enter{background:var(--button-gold-bg);min-height:56px;color:var(--button-gold-text);letter-spacing:.12em;cursor:pointer;box-shadow:var(--shadow-glow-gold), 0 4px 14px #0006;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:10px;padding:14px 16px;font-family:Cinzel,Trajan Pro,Georgia,serif;font-size:.95rem;font-weight:800;transition:transform .12s,background .15s;display:inline-flex}.homepage-btn-enter:hover:not(:disabled){background:var(--button-gold-bg-hover);transform:translateY(-1px)}.homepage-btn-enter:active:not(:disabled){transform:translateY(0)scale(.98)}.homepage-btn-enter:disabled{opacity:.4;cursor:not-allowed}.homepage-btn-enter:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.homepage-btn-label{display:inline-block}.homepage-error{color:var(--state-danger);text-align:center;background:#f8717114;border:1px solid #f8717140;border-radius:8px;margin:0;padding:8px 12px;font-size:.82rem}.homepage-topup-timer{text-align:center;color:var(--text-muted);letter-spacing:.04em;margin:6px 0 0;font-size:.7rem}.collect-orb-btn{right:calc(env(safe-area-inset-right,0px) + 12px);top:calc(env(safe-area-inset-top,0px) + clamp(76px, 11vh, 108px));z-index:1090;border:1px solid var(--gold-300);background:radial-gradient(circle at 35% 30%, #ffffff38, transparent 48%), linear-gradient(155deg, var(--surface-overlay), var(--surface-base));width:68px;height:68px;color:var(--gold-300);box-shadow:var(--shadow-glow-gold), 0 12px 24px #00000080;cursor:pointer;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex;position:fixed;transform:none}.collect-orb-icon{justify-content:center;align-items:center;display:inline-flex}.collect-orb-timer{letter-spacing:.02em;color:var(--text-muted);font-size:.58rem}@media (width<=900px){.collect-orb-btn{top:calc(env(safe-area-inset-top,0px) + 96px)}}@media (width<=640px){.collect-orb-btn{right:calc(env(safe-area-inset-right,0px) + 10px);top:calc(env(safe-area-inset-top,0px) + 102px);width:64px;height:64px}.collect-orb-timer{font-size:.54rem}}.collect-popup-overlay{z-index:9999;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.collect-popup{background:linear-gradient(165deg, var(--surface-raised) 0%, var(--surface-base) 100%);border:1px solid var(--border-ornate);text-align:center;border-radius:16px;width:min(94vw,440px);padding:16px;animation:.22s ease-out collect-popup-in;box-shadow:0 8px 40px #0009,0 0 0 1px #ffd7001f}@keyframes collect-popup-in{0%{opacity:0;transform:scale(.88)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.collect-popup-title{color:var(--gold-300);letter-spacing:.04em;margin-bottom:6px;font-size:1rem;font-weight:700}.collect-popup-next{color:var(--text-muted);margin-bottom:14px;font-size:.76rem}.collect-popup-rewards{justify-content:center;gap:12px;margin-bottom:18px;display:flex}.collect-reward-item{border:1px solid var(--border-subtle);background:#ffffff0a;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:12px 8px;display:flex}.collect-reward-icon{font-size:1.75rem}.collect-reward-amount{color:var(--text-primary);font-size:.8rem;font-weight:700}.collect-reward-sub{color:var(--text-muted);font-size:.68rem}.collect-popup-btn{background:var(--button-gold-bg);color:var(--button-gold-text);letter-spacing:.03em;cursor:pointer;border:none;border-radius:8px;width:100%;padding:11px 24px;font-size:.95rem;font-weight:700;transition:opacity .15s}.collect-popup-btn:disabled{opacity:.55;cursor:not-allowed}.collect-pact-card{margin-bottom:12px}.collect-pact-active-note{color:var(--text-muted);margin-top:6px;font-size:.72rem}.collect-pact-active-chip{background:var(--button-gold-bg);min-width:74px;color:var(--button-gold-text);box-shadow:var(--button-gold-shadow);border-radius:10px;justify-content:center;align-items:center;padding:8px 14px;font-size:.85rem;font-weight:800;display:inline-flex}.collect-popup .shop-deal-card{text-align:left}.collect-popup .shop-deal-price-col{align-items:center;display:flex}@media (width<=560px){.collect-popup .shop-deal-card{gap:10px;padding:12px}.collect-popup .shop-deal-visual{font-size:1.8rem}.collect-popup .shop-deal-name{font-size:.86rem}.collect-popup .shop-deal-desc,.collect-popup .shop-deal-contents,.collect-pact-active-note{font-size:.7rem}}.npc-release-btn{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef444466;border-radius:6px;margin-top:4px;padding:2px 8px;font-size:.6rem;transition:background .15s}.npc-release-btn:hover{background:#ef44441f}.npc-release-confirm{align-items:center;gap:4px;margin-top:4px;font-size:.6rem;display:flex}.npc-release-confirm span{color:#fff9}.npc-release-yes{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:4px;padding:2px 6px;font-size:.6rem}.npc-release-no{color:#ffffffb3;cursor:pointer;background:#ffffff14;border:none;border-radius:4px;padding:2px 6px;font-size:.6rem}.party-swap-overlay{z-index:9000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.party-swap-popup{background:linear-gradient(160deg,#1a1a2e 0%,#0f0f1a 100%);border:1px solid #c4b5fd59;border-radius:16px;width:90%;max-width:420px;padding:24px;box-shadow:0 8px 40px #0009}.party-swap-title{color:gold;text-align:center;margin-bottom:10px;font-size:1.1rem;font-weight:800}.party-swap-desc{color:#ffffffbf;text-align:center;margin-bottom:16px;font-size:.82rem}.party-swap-list{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.party-swap-ally{background:#ffffff0d;border-radius:10px;align-items:center;gap:12px;padding:8px 10px;display:flex}.party-swap-portrait{object-fit:cover;border-radius:8px;width:44px;height:44px}.party-swap-portrait-placeholder{background:#7c3aed40;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;display:flex}.party-swap-ally-info{flex:1}.party-swap-ally-name{color:#fff;font-size:.88rem;font-weight:700}.party-swap-ally-class{color:#c4b5fd;font-size:.72rem}.party-swap-ally-bond{color:#ffffff80;font-size:.68rem}.party-swap-send-btn{color:#ef4444;cursor:pointer;white-space:nowrap;background:#ef444426;border:1px solid #ef444466;border-radius:8px;padding:6px 12px;font-size:.75rem;font-weight:700}.party-swap-send-btn:hover{background:#ef44444d}.party-swap-cancel{color:#fff9;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;width:100%;padding:8px;font-size:.82rem}.party-swap-cancel:hover{background:#ffffff1a}.party-select-overlay{z-index:900;background:#000000d9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.party-select-popup{background:linear-gradient(160deg,#1a1030 0%,#0d0a22 100%);border:1px solid #7c3aed80;border-radius:18px;width:100%;max-width:480px;max-height:90vh;padding:28px 24px;overflow-y:auto}.party-select-title{color:#c4b5fd;margin:0 0 6px;font-size:1.3rem;font-weight:800}.party-select-subtitle{color:#ffffff8c;margin:0 0 18px;font-size:.82rem}.party-select-grid{flex-direction:column;gap:10px;margin-bottom:18px;display:flex}.party-select-card{cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;width:100%;padding:10px 14px;transition:background .15s,border-color .15s;display:flex}.party-select-card:hover:not(:disabled){background:#7c3aed26}.party-select-card--selected{background:#7c3aed2e;border-color:#7c3aedb3}.party-select-card--disabled{opacity:.4;cursor:not-allowed}.party-select-check{text-align:center;color:#c4b5fd;flex-shrink:0;width:22px;font-size:1.1rem}.party-select-name{color:#fff;flex:1;font-size:.9rem;font-weight:700}.party-select-stats{color:#ffffff80;font-size:.72rem}.party-select-bond{color:#fbbf24;font-size:.7rem}.party-select-camp-section{border-top:1px solid #ffffff14;margin-bottom:18px;padding-top:14px}.party-select-camp-label{color:#ffffff73;margin:0 0 8px;font-size:.75rem}.party-select-camp-list{flex-wrap:wrap;gap:6px;display:flex}.party-select-camp-name{color:#fff9;background:#ffffff0f;border-radius:8px;padding:3px 8px;font-size:.75rem}.party-select-actions{gap:10px;display:flex}.party-select-cancel{color:#fff9;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;flex:1;padding:10px;font-size:.85rem}.party-select-cancel:hover{background:#ffffff1a}.party-select-confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:10px;flex:2;padding:10px 16px;font-size:.88rem;font-weight:700}.party-select-confirm:hover{opacity:.9}.homepage-tab-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a081ad1;border:1px solid #7c3aed4d;border-radius:16px;width:100%;padding:28px 18px}.homepage-tab-empty{color:#475569;text-align:center;margin:0;font-size:.88rem;font-style:italic}.npc-roster-grid{flex-wrap:wrap;justify-content:flex-start;gap:14px;display:flex}.npc-roster-card{cursor:default;background:#141228b3;border:1px solid #7c3aed4d;border-radius:10px;flex-direction:column;align-items:center;gap:4px;width:96px;padding:10px 8px 8px;transition:border-color .15s;display:flex}.npc-roster-card:hover{border-color:#7c3aed99}.npc-subtype-hero{border-color:#facc1580}.npc-subtype-hero:hover{border-color:#facc15cc}.npc-roster-portrait{object-fit:cover;aspect-ratio:1;border:2px solid #7c3aed66;border-radius:50%;flex-shrink:0;width:64px;min-width:64px;height:64px;min-height:64px}.npc-subtype-hero .npc-roster-portrait{border-color:#facc1580}.npc-roster-portrait-placeholder{background:#7c3aed33;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;min-width:64px;height:64px;min-height:64px;font-size:1.4rem;display:flex}.npc-roster-name{color:#e2e8f0;text-align:center;word-break:break-word;font-size:.72rem;font-weight:600;line-height:1.2}.npc-roster-class{color:#94a3b8;text-align:center;text-transform:capitalize;font-size:.66rem}.npc-roster-bond{color:#7c3aed;text-align:center;font-size:.62rem}.npc-roster-status{text-align:center;border-radius:8px;margin-top:2px;padding:1px 6px;font-size:.58rem;font-weight:700}.npc-roster-status.status-camp{color:#16a34a;background:#22c55e26}.npc-roster-status.status-mission{color:#a16207;background:#eab30826}.dungeon-history-list{flex-direction:column;gap:12px;display:flex}.dungeon-run-card{background:#0f0d1ecc;border-left:4px solid #475569;border-radius:8px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.dungeon-run-card.outcome-victory{border-left-color:#22c55e}.dungeon-run-card.outcome-death{border-left-color:#ef4444}.dungeon-run-card.outcome-abandoned{border-left-color:#475569}.run-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.run-card-theme{color:#e2e8f0;font-size:.82rem;font-weight:600}.run-card-outcome{white-space:nowrap;color:#94a3b8;font-size:.72rem;font-weight:600}.dungeon-run-card.outcome-victory .run-card-outcome{color:#22c55e}.dungeon-run-card.outcome-death .run-card-outcome{color:#ef4444}.run-card-summary{color:#64748b;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.76rem;font-style:italic;line-height:1.4;display:-webkit-box;overflow:hidden}.run-card-stats{color:#475569;gap:10px;font-size:.68rem;display:flex}.app-loading{color:#7c6fa0;background:#08061a;justify-content:center;align-items:center;height:100svh;font-size:.9rem;display:flex}.shop-overlay{z-index:8000;background:#000000bf;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.shop-panel{background:linear-gradient(170deg,#130e2a 0%,#0d0a1e 100%);border:1px solid #7c3aed66;border-radius:20px 20px 0 0;flex-direction:column;width:100%;max-width:520px;max-height:90dvh;animation:.22s ease-out shop-slide-up;display:flex;overflow:hidden}@keyframes shop-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.shop-header{border-bottom:1px solid #7c3aed33;flex-shrink:0;align-items:center;gap:10px;padding:16px 18px 12px;display:flex}.shop-back{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #94a3b833;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;transition:color .15s,border-color .15s;display:flex}.shop-back:hover{color:#e2e8f0;border-color:#94a3b880}.shop-title{letter-spacing:.1em;color:#e2d9f3;text-align:center;flex:1;margin:0;font-size:1rem;font-weight:800}.shop-header-balance{color:#a78bfa;flex-shrink:0;gap:10px;font-size:.85rem;font-weight:700;display:flex}.shop-tabs{border-bottom:1px solid #7c3aed26;flex-shrink:0;display:flex}.shop-tab{color:#475569;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:11px 0;font-size:.8rem;font-weight:600;transition:color .15s}.shop-tab.active{color:#a78bfa;border-bottom-color:#7c3aed}.shop-body{flex:1;padding:18px;overflow-y:auto}.shop-gem-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.shop-gem-card{background:#ffffff0a;border:1px solid #7c3aed40;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:16px 12px 14px;transition:border-color .15s;display:flex;position:relative}.shop-gem-card:hover{border-color:#7c3aed99}.shop-gem-badge{color:#fff;background:#7c3aed;border-radius:20px;padding:2px 8px;font-size:.68rem;font-weight:700;position:absolute;top:-8px;right:10px}.shop-gem-icon{font-size:1.8rem}.shop-gem-amount{color:#a78bfa;font-size:1.3rem;font-weight:800}.shop-gem-label{color:#64748b;font-size:.75rem}.shop-gem-price{color:#e2e8f0;margin-top:4px;font-size:.9rem;font-weight:700}.shop-buy-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#4f46e5);border:none;border-radius:8px;width:100%;margin-top:8px;padding:8px 0;font-size:.82rem;font-weight:700;transition:opacity .15s}.shop-buy-btn:disabled{opacity:.4;cursor:not-allowed}.shop-discount-hint{color:#475569;text-align:center;margin:4px 0 0;font-size:.78rem}.shop-coming-soon{color:#334155;text-align:center;margin:12px 0 0;font-size:.78rem;font-style:italic}.shop-sub-card,.shop-bp-card{background:#ffffff0a;border:1px solid #7c3aed40;border-radius:14px;flex-direction:column;gap:14px;padding:22px 18px;display:flex}.shop-sub-title{color:#e2d9f3;text-align:center;margin:0;font-size:1.05rem;font-weight:800}.shop-sub-price{color:#a78bfa;text-align:center;margin:0;font-size:1.4rem;font-weight:800}.shop-sub-perks{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.shop-sub-perks li{color:#cbd5e1;padding-left:18px;font-size:.88rem;position:relative}.shop-sub-perks li:before{content:"✦";color:#7c3aed;font-size:.7rem;position:absolute;left:0}.shop-subscribe-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#4f46e5);border:none;border-radius:12px;padding:14px;font-size:.95rem;font-weight:800;transition:opacity .15s}.shop-subscribe-btn:disabled{opacity:.4;cursor:not-allowed}.shop-bp-progress-wrap{flex-direction:column;gap:6px;display:flex}.shop-bp-track{background:#ffffff14;border-radius:3px;height:6px;position:relative}.shop-bp-fill{background:linear-gradient(90deg,#7c3aed,#a78bfa);border-radius:3px;position:absolute;top:0;bottom:0;left:0}.shop-bp-label{color:#475569;text-align:right;font-size:.75rem}.shop-bp-tiers{flex-direction:column;gap:8px;display:flex}.shop-bp-tier{border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.85rem;display:flex}.shop-bp-tier.free{color:#64748b;background:#ffffff0a}.shop-bp-tier.premium{color:#c4b5fd;background:#7c3aed26;border:1px solid #7c3aed4d}.shop-bp-tier-reward{color:#94a3b8;font-size:.75rem}.shop-bp-node{display:none}.shop-panel2{background:#0f172a;border-radius:20px 20px 0 0;flex-direction:column;max-height:92dvh;animation:.25s cubic-bezier(.34,1.36,.64,1) shop-slide-up;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -8px 48px #000000b3}.shop-drag-handle{background:#ffffff2e;border-radius:2px;flex-shrink:0;width:40px;height:4px;margin:10px auto 0}.shop-header2{flex-shrink:0;align-items:center;gap:8px;padding:10px 16px 6px;display:flex}.shop-back2{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:1.1rem;transition:color .15s}.shop-back2:hover{color:#e2e8f0}.shop-header-title{color:#e2e8f0;letter-spacing:.03em;flex:1;font-size:1rem;font-weight:700}.shop-header-bal2{color:#94a3b8;gap:12px;font-size:.85rem;display:flex}.shop-featured-banner{border-radius:14px;flex-shrink:0;align-items:center;gap:12px;margin:6px 12px 0;padding:14px 16px;display:flex;position:relative;overflow:hidden}.shop-featured-badge{color:#1e1b4b;letter-spacing:.05em;border-radius:99px;padding:2px 7px;font-size:.65rem;font-weight:800;position:absolute;top:8px;right:12px}.shop-featured-visual{filter:drop-shadow(0 2px 8px #00000080);flex-shrink:0;font-size:2rem}.shop-featured-info{flex:1;min-width:0}.shop-featured-name{color:#fff;font-size:.95rem;font-weight:700}.shop-featured-sub{color:#ffffffb3;margin-top:2px;font-size:.72rem}.shop-featured-gems{color:#fde68a;margin-top:4px;font-size:.8rem;font-weight:600}.shop-featured-btn{color:#fff;cursor:pointer;background:#fff3;border:1.5px solid #fff6;border-radius:10px;flex-shrink:0;padding:8px 16px;font-size:.9rem;font-weight:700;transition:background .15s}.shop-featured-btn:hover:not(:disabled){background:#ffffff4d}.shop-featured-btn:disabled{opacity:.4;cursor:not-allowed}.shop-tabbar2{border-bottom:1px solid #ffffff14;flex-shrink:0;margin-top:10px;display:flex}.shop-tab2{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2.5px solid #0000;flex:1;padding:10px 4px;font-size:.8rem;font-weight:600;transition:color .15s;position:relative}.shop-tab2.active{color:#a78bfa;border-bottom-color:#7c3aed}.shop-tab-dot{background:#f59e0b;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:calc(50% - 14px)}.shop-body2{-webkit-overflow-scrolling:touch;flex:1;padding:8px 12px 24px;overflow-y:auto}.shop-section-header{color:#475569;text-transform:uppercase;letter-spacing:.08em;padding:4px 2px;font-size:.7rem;font-weight:700}.shop-gem-list{flex-direction:column;gap:8px;display:flex}.shop-gem-row{border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.shop-gem-row-visual{flex-shrink:0;font-size:1.6rem}.shop-gem-row-info{flex:1;min-width:0}.shop-gem-row-title{color:#e2e8f0;font-size:.9rem;font-weight:600}.shop-gem-row-sub{color:#94a3b8;margin-top:2px;font-size:.78rem}.shop-gem-row-bonus{color:#7dd3fc;margin-top:2px;font-size:.73rem}.shop-gem-row-right{text-align:right;flex-shrink:0}.shop-row-badge{color:#1e1b4b;border-radius:99px;margin-right:8px;padding:2px 6px;font-size:.6rem;font-weight:800}.shop-original-price{color:#64748b;margin-bottom:2px;font-size:.72rem;text-decoration:line-through}.shop-row-buy{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#5b21b6);border:none;border-radius:10px;padding:8px 16px;font-size:.9rem;font-weight:700;transition:filter .15s}.shop-row-buy:hover:not(:disabled){filter:brightness(1.15)}.shop-row-buy:disabled{opacity:.4;cursor:not-allowed}.shop-pass-panel{flex-direction:column;gap:14px;padding-top:4px;display:flex}.shop-sub-block{border:1px solid #ffffff0f;border-radius:14px;align-items:flex-start;gap:10px;padding:14px;display:flex}.shop-sub-icon{flex-shrink:0;font-size:2rem}.shop-sub-body{flex:1;min-width:0}.shop-sub-name{color:#e2e8f0;font-size:.95rem;font-weight:700}.shop-sub-desc{color:#94a3b8;margin:2px 0 6px;font-size:.75rem}.shop-sub-perks2{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.shop-sub-perks2 li{color:#a7f3d0;font-size:.78rem}.shop-sub-perks2 li:before{content:"✓ ";color:#34d399}.shop-pass-buy{color:#fff;cursor:pointer;background:linear-gradient(135deg,#059669,#047857);border:none;border-radius:10px;flex-shrink:0;align-self:center;padding:8px 14px;font-size:.85rem;font-weight:700;transition:filter .15s}.shop-pass-buy:hover:not(:disabled){filter:brightness(1.15)}.shop-pass-buy:disabled{opacity:.4;cursor:not-allowed}.shop-pass-buy--premium{background:linear-gradient(135deg, var(--gold-400), var(--gold-600));color:var(--text-on-gold);box-shadow:var(--shadow-glow-gold)}.shop-bp-shell{background:linear-gradient(#142c4aeb,#0d1b32fa),radial-gradient(circle at top,#7dd3fc1f,#0000 44%);border:1px solid #ffffff14;border-radius:18px;padding:12px;box-shadow:0 16px 40px #00000059}.shop-bp-season-card{background:linear-gradient(145deg,#27548dbf,#112647f2),radial-gradient(circle at 20% 10%,#f5c84a2e,#0000 32%);border:1px solid #7dd3fc26;border-radius:16px;margin-bottom:12px;padding:14px}.shop-bp-season-topline{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.shop-bp-season-title-wrap{align-items:center;gap:12px;min-width:0;display:flex}.shop-bp-season-copy{color:#e2e8f0c7;max-width:26ch;margin-top:3px;font-size:.76rem}.shop-bp-season-badges{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.shop-bp-icon{font-size:1.8rem}.shop-bp-name{color:#e2e8f0;letter-spacing:.03em;font-family:Cinzel,Trajan Pro,Georgia,serif;font-size:1rem;font-weight:700}.shop-bp-season-badge{color:#fde68a;background:#92400e;border-radius:99px;padding:2px 7px;font-size:.65rem;font-weight:700}.shop-bp-season-timer{color:#ffffffd1;align-items:center;gap:6px;font-size:.72rem;display:inline-flex}.shop-bp-status-strip{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.shop-bp-status-crown{background:linear-gradient(#f5c84a38,#f5c84a14);border:1px solid #f5c84a4d;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.shop-bp-status-track{background:#09172cbf;border:1px solid #ffffff14;border-radius:999px;height:22px;position:relative;overflow:hidden}.shop-bp-status-fill{background:linear-gradient(90deg,#f5c84af2,#7dd3fceb);position:absolute;inset:0 auto 0 0;box-shadow:0 0 16px #f5c84a4d}.shop-bp-status-label{color:#fff;text-shadow:0 1px 2px #0000008c;justify-content:center;align-items:center;font-size:.82rem;font-weight:800;display:flex;position:absolute;inset:0}.shop-bp-status-tier{color:#1f2937;background:linear-gradient(#c9fff5eb,#dd9dffeb);border-radius:16px;justify-content:center;align-items:center;min-width:54px;height:44px;padding:0 10px;font-weight:900;display:flex;box-shadow:0 0 18px #7dd3fc47}.shop-bp-lanes-header{grid-template-columns:1fr 88px 1fr;align-items:center;margin-bottom:10px;padding:0 4px;display:grid}.shop-bp-lane-label{text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;font-weight:800}.shop-bp-lane-label.premium{color:var(--gold-300);justify-self:start}.shop-bp-lane-label.free{color:#7dd3fc;justify-self:end}.shop-bp-scroll-viewport{scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;max-height:54vh;padding-right:2px;overflow:hidden auto}.shop-bp-lanes-grid{flex-direction:column;gap:12px;padding:4px 0 18px;display:flex}.shop-bp-entry{scroll-snap-align:center;grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr);align-items:center;gap:8px;min-height:116px;display:grid}.shop-bp-entry.active .shop-bp-center-glow{opacity:1}.shop-bp-center-rail{justify-content:center;align-items:center;min-height:116px;display:flex;position:relative}.shop-bp-center-rail:before{content:"";background:linear-gradient(#ffffff1f,#7dd3fc47,#ffffff1f);width:3px;position:absolute;top:-12px;bottom:-12px;left:50%;transform:translate(-50%)}.shop-bp-center-glow{opacity:0;background:radial-gradient(circle,#a7f3d066,#0000 68%);border-radius:50%;width:76px;height:76px;transition:opacity .2s;position:absolute}.shop-bp-tier-diamond{z-index:1;background:linear-gradient(145deg,#b3fff7e6,#d896ffe6);border:2px solid #fff3;border-radius:14px;justify-content:center;align-items:center;width:58px;height:58px;display:flex;position:relative;transform:rotate(45deg);box-shadow:0 6px 18px #0000003d}.shop-bp-tier-diamond span{color:#272e48;font-size:1rem;font-weight:900;transform:rotate(-45deg)}.shop-bp-tier-diamond.claimed{background:linear-gradient(145deg,#f5c84af2,#f5c84ab8)}.shop-bp-tier-diamond.active{box-shadow:0 0 0 4px #ffffff0f,0 0 18px #a7f3d061}.shop-bp-track-card{border:2px solid #0000;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:98px;padding:10px 10px 12px;display:flex;position:relative;overflow:hidden}.shop-bp-track-card:before{content:"";pointer-events:none;background:linear-gradient(#ffffff14,#0000 40%);position:absolute;inset:0}.shop-bp-track-card.premium{background:linear-gradient(#1d3857fa,#12263dfa);border-color:#f5c84a85;box-shadow:inset 0 0 0 1px #ffffff0d}.shop-bp-track-card.free{background:linear-gradient(#2a588feb,#1e4071fa);border-color:#7dd3fc61}.shop-bp-track-card.locked{filter:saturate(.7)brightness(.75)}.shop-bp-track-card.claimed{box-shadow:0 0 0 2px #ffffff0a,0 0 22px #f5c84a1f}.shop-bp-track-card.active{transform:translateY(-1px);box-shadow:0 0 20px #7dd3fc2e}.shop-bp-track-card.tone-gold .shop-bp-card-visual{color:var(--gold-300)}.shop-bp-track-card.tone-violet .shop-bp-card-visual{color:var(--accent-primary)}.shop-bp-track-card.tone-cyan .shop-bp-card-visual{color:#7dd3fc}.shop-bp-track-card.tone-ember .shop-bp-card-visual{color:var(--element-fire)}.shop-bp-card-visual{justify-content:center;align-items:center;min-height:42px;display:flex}.shop-bp-card-name{text-transform:uppercase;letter-spacing:.05em;color:#fff;font-size:.74rem;font-weight:800}.shop-bp-card-amount,.shop-bp-card-cost{color:#fff8e1;font-size:.8rem;font-weight:900}.shop-bp-card-cost{color:#272e48;background:#ffffffe6;border-radius:10px;align-self:flex-end;padding:3px 8px}.shop-bp-card-check{color:#fff;background:#4ade80;border-radius:8px;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:8px;right:8px}.shop-bp-card-ribbon{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#dc2626,#be185d);border-radius:10px;padding:4px 8px;font-size:.6rem;font-weight:900;position:absolute;bottom:10px;left:8px}.shop-bp-card-claim{color:#163621;text-transform:uppercase;background:linear-gradient(#86efac,#4ade80);border-radius:999px;align-self:flex-start;margin-top:6px;padding:5px 10px;font-size:.68rem;font-weight:900}.shop-bp-card-lock{color:#ffffffb8;position:absolute;inset:auto 10px 10px auto}.shop-bp-sticky-cta{z-index:2;background:linear-gradient(#0a1322f5,#0e1826fa);border:1px solid #f5c84a40;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px;padding:12px;display:flex;position:sticky;top:0;box-shadow:0 12px 28px #00000047}.shop-bp-sticky-copy{min-width:0}.shop-bp-sticky-title{color:var(--gold-300);font-size:.85rem;font-weight:800}.shop-bp-sticky-sub{color:#e2e8f0bd;margin-top:2px;font-size:.72rem}.shop-bp-owned{color:#34d399;font-size:.85rem;font-weight:700}@media (width<=560px){.shop-bp-entry{grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);gap:6px}.shop-bp-track-card{min-height:92px;padding:10px 8px}.shop-bp-tier-diamond{width:50px;height:50px}.shop-bp-tier-diamond span{font-size:.88rem}.shop-bp-sticky-cta{flex-direction:column;align-items:stretch}.shop-pass-buy--premium,.shop-bp-owned{text-align:center;justify-content:center;align-self:stretch}}.shop-deals-panel{flex-direction:column;gap:10px;padding-top:4px;display:flex}.shop-deals-empty{text-align:center;padding:40px 16px}.shop-deals-empty-icon{margin-bottom:10px;font-size:2.5rem}.shop-deals-empty-text{color:#475569;margin-bottom:4px;font-size:.95rem;font-weight:600}.shop-deals-empty-sub{color:#334155;font-size:.78rem}.shop-deal-card{border:1px solid #ffffff12;border-radius:14px;align-items:center;gap:12px;padding:14px;display:flex;position:relative}.shop-deal-badge{background:linear-gradient(180deg, var(--gold-200), var(--gold-400));color:#1e1b4b;border-radius:99px;padding:2px 7px;font-size:.6rem;font-weight:800;position:absolute;top:8px;right:10px;box-shadow:0 4px 10px #00000038}.shop-deal-visual{flex-shrink:0;font-size:2rem}.shop-deal-info{flex:1;min-width:0}.shop-deal-name{color:#e2e8f0;font-size:.9rem;font-weight:700}.shop-deal-desc{color:#94a3b8;margin:2px 0 4px;font-size:.73rem}.shop-deal-contents{color:#fde68a;font-size:.78rem}.shop-countdown{color:#fb923c;font-variant-numeric:tabular-nums;margin-top:4px;font-size:.7rem;display:inline-block}.shop-deal-price-col{text-align:right;flex-shrink:0}.shop-loading{text-align:center;color:#475569;padding:20px;font-size:.85rem}.profile-overlay{z-index:1100;background:var(--modal-backdrop);align-items:flex-end;display:flex;position:fixed;inset:0}.profile-sheet{background:var(--surface-raised);border-top:1px solid var(--border-ornate);-webkit-overflow-scrolling:touch;width:100%;max-height:88dvh;padding:0 0 max(32px, env(safe-area-inset-bottom));border-radius:20px 20px 0 0;flex-direction:column;animation:.25s cubic-bezier(.2,.8,.2,1) shop-slide-up;display:flex;overflow-y:auto;box-shadow:0 -8px 48px #000000b3}.profile-drag-handle{background:var(--border-strong);border-radius:2px;flex-shrink:0;width:40px;height:4px;margin:10px auto 0}.profile-hero-row{border-bottom:1px solid var(--border-subtle);align-items:center;gap:14px;padding:18px 20px 16px;display:flex}.profile-avatar{background:linear-gradient(135deg, var(--violet-700), var(--violet-900));border:2px solid var(--gold-300);width:56px;height:56px;box-shadow:var(--shadow-glow-gold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-hero-info{flex:1;min-width:0}.profile-name{color:var(--text-primary);letter-spacing:.04em;font-family:Cinzel,Trajan Pro,Georgia,serif;font-size:1.1rem;font-weight:700}.profile-sub{color:var(--text-muted);margin-top:3px;font-size:.75rem}.profile-settings-btn{border:1px solid var(--border-subtle);width:40px;height:40px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,border-color .15s;display:flex}.profile-settings-btn:hover{color:var(--gold-300);border-color:var(--gold-300)}.profile-settings-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.profile-section{padding:14px 20px 0}.profile-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;font-size:.7rem;font-weight:700}.profile-field-label{color:var(--text-muted);margin-bottom:6px;font-size:.75rem;display:block}.profile-name-edit-row{gap:8px;margin-bottom:10px;display:flex}.profile-name-input{background:var(--surface-overlay);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:10px;flex:1;min-height:42px;padding:10px 12px}.profile-name-input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.profile-name-save{background:var(--button-gold-bg);color:var(--button-gold-text);cursor:pointer;border:none;border-radius:10px;min-height:42px;padding:0 12px;font-size:.82rem;font-weight:700}.profile-name-save:disabled{opacity:.65;cursor:not-allowed}.profile-user-id-row{background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:10px;padding:10px 12px}.profile-user-id-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.06em;font-size:.68rem;display:block}.profile-user-id-value{color:var(--text-primary);word-break:break-all;margin-top:4px;font-size:.72rem;display:block}.profile-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:4px;display:grid}@media (width>=760px){.profile-stats-grid{grid-template-columns:repeat(4,1fr)}}.profile-stat{background:var(--surface-overlay);border:1px solid var(--border-subtle);text-align:center;border-radius:12px;padding:14px 8px 12px;transition:transform .12s,border-color .15s;position:relative}.profile-stat:hover{transform:translateY(-1px)}.profile-stat-icon{color:var(--text-muted);justify-content:center;margin-bottom:6px;display:flex}.profile-stat--gold .profile-stat-icon,.profile-stat--gold .profile-stat-val{color:var(--gold-300)}.profile-stat--violet .profile-stat-icon,.profile-stat--violet .profile-stat-val{color:var(--accent-primary)}.profile-stat--danger .profile-stat-icon,.profile-stat--danger .profile-stat-val{color:var(--state-danger)}.profile-stat--neutral .profile-stat-icon,.profile-stat--neutral .profile-stat-val{color:var(--cyan-300)}.profile-stat-val{font-family:Cinzel,Trajan Pro,Georgia,serif;font-size:1.35rem;font-weight:800}.profile-stat-lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:4px;font-size:.7rem}.profile-toggle-row{background:var(--surface-overlay);border:1px solid var(--border-subtle);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;width:100%;min-height:48px;margin-bottom:8px;padding:12px 14px;transition:border-color .15s;display:flex}.profile-toggle-row:hover{border-color:var(--accent-primary)}.profile-toggle-label{color:var(--text-primary);align-items:center;gap:10px;font-size:.9rem;display:inline-flex}.profile-toggle{background:var(--surface-base);border:1.5px solid var(--border-strong);border-radius:13px;flex-shrink:0;width:46px;height:26px;transition:background .2s,border-color .2s;position:relative}.profile-toggle.on{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:var(--shadow-glow-violet)}.profile-toggle-knob{background:var(--text-muted);border-radius:50%;width:18px;height:18px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}.profile-toggle.on .profile-toggle-knob{background:var(--neutral-0);transform:translate(20px)}.profile-link-row{background:var(--surface-overlay);border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;min-height:48px;margin-bottom:8px;padding:13px 14px;font-size:.9rem;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.profile-link-row:hover{background:var(--button-ghost-bg-hover);border-color:var(--accent-primary)}.profile-link-text{color:var(--text-primary);align-items:center;gap:10px;display:inline-flex}.profile-chevron{color:var(--text-muted);font-size:1.2rem}.profile-signout-btn{width:calc(100% - 40px);color:var(--state-danger);letter-spacing:.04em;cursor:pointer;background:#f8717114;border:1px solid #f871714d;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:48px;margin:24px 20px 0;padding:14px;font-size:.95rem;font-weight:700;transition:background .15s,border-color .15s;display:inline-flex}.profile-signout-btn:hover{border-color:var(--state-danger);background:#f8717129}.topbar-currency-btn{color:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 6px;transition:background .15s;display:flex}.topbar-currency-btn:hover{background:#ffffff12}.bp-screen{z-index:1100;background:var(--surface-base);color:var(--text-primary);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.bp-close{top:max(12px, env(safe-area-inset-top));z-index:5;border:1px solid var(--border-strong);width:36px;height:36px;color:var(--text-primary);cursor:pointer;background:#00000080;border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;display:flex;position:absolute;right:12px}.bp-close:hover{border-color:var(--accent-primary)}.bp-season{flex-shrink:0;min-height:220px;padding:24px 20px 20px;position:relative;overflow:hidden}.bp-season-art{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.bp-season-scrim{z-index:1;background:linear-gradient(#0f0f1766,#0f0f17eb);position:absolute;inset:0}.bp-season-meta{z-index:2;flex-direction:column;gap:10px;display:flex;position:relative}.bp-season-eyebrow{color:var(--text-muted);letter-spacing:.04em;align-items:center;gap:6px;font-size:.78rem;display:inline-flex}.bp-season-name{color:var(--gold-200);letter-spacing:.06em;text-shadow:0 0 24px #f5c84a4d;margin:0;font-family:Cinzel,Trajan Pro,Georgia,serif;font-size:clamp(1.4rem,4.5vw,1.9rem)}.bp-season-tier{gap:8px;display:flex}.bp-season-tier-badge{background:var(--surface-overlay);border:1px solid var(--gold-400);color:var(--gold-300);border-radius:16px;align-items:center;gap:6px;padding:5px 12px;font-size:.82rem;font-weight:700;display:inline-flex}.bp-xp-bar{background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:11px;height:22px;margin-top:6px;position:relative;overflow:hidden}.bp-xp-fill{background:linear-gradient(90deg, var(--gold-400), var(--gold-200));transition:width .4s ease-out;position:absolute;inset:0 auto 0 0}.bp-xp-text{color:var(--text-on-gold);text-shadow:0 1px 2px #fff6;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:flex;position:absolute;inset:0}.bp-view-tabs{border-bottom:1px solid var(--border-subtle);gap:4px;padding:12px 16px 0;display:flex}.bp-view-tab{color:var(--text-muted);letter-spacing:.04em;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:12px 18px;font-size:.88rem;font-weight:700;display:inline-flex;position:relative}.bp-view-tab--active{color:var(--gold-300)}.bp-view-tab--active:after{content:"";background:var(--gold-300);height:2px;box-shadow:0 0 8px var(--gold-300);position:absolute;bottom:-1px;left:12px;right:12px}.bp-tab-badge{background:var(--state-danger);color:var(--text-primary);border-radius:10px;padding:1px 6px;font-size:.65rem;font-weight:800}.bp-track{scroll-snap-type:x proximity;flex:1;grid-template-rows:24px auto 24px auto;grid-auto-flow:column;align-items:center;gap:6px 8px;padding:16px 16px 88px;display:grid;position:relative;overflow:auto hidden}.bp-track-row-label{z-index:3;letter-spacing:.08em;text-transform:uppercase;background:var(--surface-base);border-radius:4px;padding:4px 10px;font-size:.7rem;font-weight:700;position:sticky;left:0}.bp-track-row-label--free{color:var(--cyan-300);grid-area:2/1}.bp-track-row-label--premium{color:var(--gold-300);grid-area:4/1}.bp-track-now-line{display:none}.bp-tier-col{display:contents}.bp-tier-col[data-tier]>.bp-tier-num{text-align:center;color:var(--text-muted);grid-row:3;font-size:.74rem;font-weight:700}.bp-tier-col--current>.bp-tier-num{color:var(--gold-300)}.bp-tier-col[data-tier]>.bp-tier-node--free-row{grid-row:2}.bp-tier-col[data-tier]>.bp-tier-node--premium-row{grid-row:4}.bp-tier-node{background:var(--surface-overlay);border:1.5px solid var(--border-subtle);scroll-snap-align:center;cursor:pointer;width:72px;height:88px;color:inherit;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:transform .12s,border-color .15s,background .15s;display:flex;position:relative}.bp-tier-node--empty{border:1.5px dashed var(--border-subtle);cursor:default;background:0 0}.bp-tier-node--locked{filter:grayscale(.7)brightness(.6);cursor:not-allowed}.bp-tier-node--claimable{border-color:var(--gold-300);box-shadow:var(--shadow-glow-gold);animation:1.6s ease-in-out infinite bp-pulse}@keyframes bp-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.bp-tier-node--claimed{border-color:var(--state-success);opacity:.85}.bp-tier-node--claimable:hover{background:var(--button-ghost-bg-hover)}.bp-tier-icon{font-size:1.4rem}.bp-tier-qty{color:var(--text-primary);font-size:.78rem;font-weight:700}.bp-tier-state{background:#0000008c;border-radius:8px;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:4px;right:4px}.bp-tier-state--claimed{color:var(--state-success)}.bp-tier-state--locked{color:var(--text-muted)}.bp-missions{flex:1;padding:12px 16px 88px;overflow-y:auto}.bp-mission-tabs{gap:6px;margin-bottom:14px;display:flex}.bp-mission-tab{background:var(--surface-overlay);border:1px solid var(--border-subtle);color:var(--text-muted);letter-spacing:.04em;cursor:pointer;border-radius:18px;flex:1;min-height:40px;padding:10px;font-size:.82rem;font-weight:700;transition:border-color .15s,color .15s}.bp-mission-tab--active{color:var(--gold-300);border-color:var(--gold-300);background:#f5c84a14}.bp-empty{text-align:center;color:var(--text-muted);padding:32px 12px;font-size:.9rem}.bp-mission-list{flex-direction:column;gap:10px;list-style:none;display:flex}.bp-mission{background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:12px;align-items:center;gap:12px;padding:14px;display:flex}.bp-mission--claimed{opacity:.55}.bp-mission-text{flex:1;min-width:0}.bp-mission-title{color:var(--text-primary);margin-bottom:8px;font-size:.95rem;font-weight:600}.bp-mission-progress{align-items:center;gap:10px;display:flex}.bp-mission-progress-bar{background:var(--surface-base);border-radius:4px;flex:1;height:8px;overflow:hidden}.bp-mission-progress-fill{background:linear-gradient(90deg, var(--accent-primary), var(--accent-rare));height:100%;transition:width .3s ease-out}.bp-mission-progress-text{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.74rem;font-weight:600}.bp-mission-reward{flex-direction:column;align-items:stretch;gap:6px;min-width:92px;display:flex}.bp-reward-chip{background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:4px 10px;font-size:.82rem;font-weight:700;display:inline-flex}.bp-reward-chip-qty{color:var(--text-primary)}.bp-mission-claim{background:var(--accent-primary);color:var(--text-primary);letter-spacing:.04em;cursor:pointer;border:none;border-radius:10px;min-height:36px;padding:8px;font-size:.78rem;font-weight:700;transition:background .15s,opacity .15s}.bp-mission-claim:hover:not(:disabled){background:var(--accent-primary-hover)}.bp-mission-claim:disabled{background:var(--surface-base);color:var(--text-muted);cursor:not-allowed}.bp-sticky-claim{bottom:max(16px, env(safe-area-inset-bottom));z-index:4;position:absolute;left:16px;right:16px}.bp-claim-all-btn{background:var(--button-gold-bg);width:100%;min-height:56px;color:var(--button-gold-text);letter-spacing:.1em;cursor:pointer;box-shadow:var(--shadow-glow-gold), 0 6px 16px #0006;border:none;border-radius:14px;font-family:Cinzel,Trajan Pro,Georgia,serif;font-size:.95rem;font-weight:800}.bp-claim-all-btn:hover{background:var(--button-gold-bg-hover)}.bp-premium-cta{bottom:calc(max(16px, env(safe-area-inset-bottom)) + 72px);background:linear-gradient(90deg, var(--violet-700), var(--magenta-700));border:1px solid var(--gold-300);color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-glow-gold);z-index:4;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;position:absolute;left:16px;right:16px}.bp-premium-cta:hover{filter:brightness(1.1)}.bp-premium-cta-title{align-items:center;gap:8px;font-size:.92rem;font-weight:700;display:inline-flex}.bp-premium-cta-price{background:var(--gold-300);color:var(--text-on-gold);border-radius:10px;padding:4px 10px;font-size:.85rem;font-weight:800}.rs-screen{z-index:1100;background:var(--surface-base);color:var(--text-primary);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.rs-close{border:1px solid var(--border-strong);width:36px;height:36px;color:var(--text-primary);cursor:pointer;background:#0006;border-radius:50%;flex-shrink:0;font-size:1.4rem}.rs-close:hover{border-color:var(--accent-primary)}.rs-header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:14px;padding:12px 16px;display:flex}.rs-title{letter-spacing:.1em;color:var(--gold-200);flex:1;margin:0;font-family:Cinzel,Trajan Pro,Georgia,serif;font-size:1.15rem}.rs-power{flex-direction:column;align-items:flex-end;display:flex}.rs-power-label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.66rem}.rs-power-val{color:var(--gold-300);font-variant-numeric:tabular-nums;font-family:Cinzel,Trajan Pro,Georgia,serif;font-size:1.15rem;font-weight:800}.rs-submode-strip{scrollbar-width:none;border-bottom:1px solid var(--border-subtle);gap:4px;padding:6px 8px;display:flex;overflow-x:auto}.rs-submode-strip::-webkit-scrollbar{display:none}.rs-submode{border:1px solid var(--border-subtle);color:var(--text-muted);letter-spacing:.04em;cursor:pointer;background:0 0;border-radius:16px;flex-shrink:0;min-height:32px;padding:6px 14px;font-size:.78rem;font-weight:700;transition:color .15s,border-color .15s}.rs-submode--active{color:var(--gold-300);border-color:var(--gold-300);background:#f5c84a14}.rs-mobile-tabs{border-bottom:1px solid var(--border-subtle);gap:4px;padding:8px 12px;display:flex}@media (width>=900px){.rs-mobile-tabs{display:none}}.rs-mobile-tab{color:var(--text-muted);letter-spacing:.04em;cursor:pointer;background:0 0;border:none;flex:1;padding:10px;font-size:.85rem;font-weight:700;position:relative}.rs-mobile-tab--active{color:var(--text-primary)}.rs-mobile-tab--active:after{content:"";background:var(--gold-300);border-radius:2px;height:2px;position:absolute;bottom:-8px;left:24%;right:24%}.rs-body{flex:1;grid-template-columns:1fr;display:grid;position:relative;overflow:hidden}@media (width>=900px){.rs-body{grid-template-columns:1fr 1fr 280px;gap:16px;padding:12px 16px;overflow:auto}}.rs-pane{flex-direction:column;padding:12px 16px;display:none;overflow:hidden}.rs-pane--active{display:flex}@media (width>=900px){.rs-pane{padding:0;overflow:auto;display:flex!important}}.rs-search{background:var(--input-bg);border:1px solid var(--input-border);border-radius:10px;align-items:center;gap:8px;margin-bottom:10px;padding:0 12px;display:flex}.rs-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;height:44px;font-size:.92rem}.rs-search-input::placeholder{color:var(--input-placeholder)}.rs-filter-row{scrollbar-width:none;gap:6px;margin-bottom:8px;padding-bottom:6px;display:flex;overflow-x:auto}.rs-filter-row::-webkit-scrollbar{display:none}.rs-filter-chip{background:var(--surface-overlay);border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;border-radius:16px;flex-shrink:0;align-items:center;gap:6px;min-height:32px;padding:6px 12px;font-size:.78rem;font-weight:600;transition:border-color .15s,color .15s;display:inline-flex}.rs-filter-chip--active{color:var(--gold-300);border-color:var(--gold-300)}.rs-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));align-content:start;gap:12px;padding-bottom:24px;display:grid;overflow-y:auto}.rs-grid-empty{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:24px}.rs-hero{perspective:1000px;cursor:pointer;text-align:left;background:0 0;border:none;height:230px;padding:0;position:relative}.rs-hero-face{background:var(--card-hero-bg);border:1.5px solid var(--card-hero-frame);backface-visibility:hidden;box-shadow:var(--card-hero-shadow);border-radius:14px;flex-direction:column;gap:6px;padding:10px;transition:transform .5s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;inset:0}.rs-hero-front{transform:rotateY(0)}.rs-hero-back{padding:14px 12px;transform:rotateY(180deg)}.rs-hero--flipped .rs-hero-front{transform:rotateY(-180deg)}.rs-hero--flipped .rs-hero-back{transform:rotateY(0)}.rs-hero--rarity-1 .rs-hero-face{border-color:var(--rarity-common)}.rs-hero--rarity-2 .rs-hero-face{border-color:var(--rarity-uncommon)}.rs-hero--rarity-3 .rs-hero-face{border-color:var(--rarity-rare)}.rs-hero--rarity-4 .rs-hero-face{border-color:var(--rarity-epic)}.rs-hero--rarity-5 .rs-hero-face{border-color:var(--rarity-legendary);box-shadow:var(--shadow-glow-gold)}.rs-hero-frame{aspect-ratio:1;background:var(--surface-overlay);border-radius:10px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.rs-hero-portrait{object-fit:cover;width:100%;height:100%}.rs-hero-portrait-placeholder{color:var(--text-muted);justify-content:center;align-items:center;display:flex}.rs-hero-element-badge,.rs-hero-leader-badge{background:#000000a6;border-radius:10px;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute}.rs-hero-element-badge{top:6px;right:6px}.rs-hero-leader-badge{top:6px;left:6px}.rs-hero-stars{justify-content:center;gap:1px;height:14px;display:flex}.rs-hero-name{color:var(--text-primary);text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:.86rem;font-weight:700;overflow:hidden}.rs-hero-meta{color:var(--text-muted);justify-content:space-between;font-size:.74rem;display:flex}.rs-hero-power{color:var(--gold-300);font-variant-numeric:tabular-nums;font-weight:700}.rs-hero-back-title{color:var(--gold-200);text-align:center;margin:0;font-family:Cinzel,Trajan Pro,Georgia,serif;font-size:.88rem}.rs-equipment-row{flex-direction:column;gap:4px;display:flex}.rs-equip{background:var(--surface-overlay);border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:6px;align-items:center;gap:8px;padding:4px 6px;font-size:.72rem;display:flex}.rs-equip--filled{color:var(--text-primary);border-color:var(--gold-400)}.rs-equip-text{flex-direction:column;flex:1;min-width:0;display:flex}.rs-equip-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.62rem}.rs-equip-value{white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;overflow:hidden}.rs-skills{flex-direction:column;gap:4px;display:flex}.rs-skills-label{text-transform:uppercase;letter-spacing:.06em;color:var(--gold-300);align-items:center;gap:4px;font-size:.66rem;display:inline-flex}.rs-skill-list{color:var(--text-primary);padding-left:6px;font-size:.72rem;list-style:none}.rs-skill-list li:before{content:"· ";color:var(--gold-300)}.rs-quick-actions{gap:8px;margin-bottom:14px;display:flex}.rs-quick-btn{background:var(--surface-overlay);border:1px solid var(--border-subtle);min-height:44px;color:var(--text-primary);cursor:pointer;border-radius:10px;flex:1;font-size:.85rem;font-weight:700;transition:border-color .15s,background .15s}.rs-quick-btn:hover{border-color:var(--accent-primary)}.rs-quick-btn--accent{background:var(--accent-primary);border-color:var(--accent-primary)}.rs-quick-btn--accent:hover{background:var(--accent-primary-hover)}.rs-quick-btn--ghost{color:var(--text-muted)}.rs-formation{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}.rs-slot{aspect-ratio:.85;background:var(--surface-overlay);border:1.5px solid var(--border-subtle);cursor:pointer;color:var(--text-muted);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:10px;transition:border-color .15s,transform .12s;display:flex;position:relative}.rs-slot:hover{transform:translateY(-2px)}.rs-slot--empty{border-style:dashed}.rs-slot--empty:hover{border-color:var(--gold-300);color:var(--gold-300)}.rs-slot-num{color:var(--text-muted);font-family:Cinzel,Trajan Pro,Georgia,serif;font-size:1.6rem}.rs-slot-empty-hint{letter-spacing:.04em;text-transform:uppercase;font-size:.7rem}.rs-slot--filled{border-color:var(--card-hero-frame);background:var(--card-hero-bg);color:var(--text-primary)}.rs-slot--rarity-5{box-shadow:var(--shadow-glow-gold)}.rs-slot-portrait{background:var(--surface-overlay);border:2px solid var(--gold-400);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative;overflow:hidden}.rs-slot-portrait img{object-fit:cover;width:100%;height:100%}.rs-slot-element{background:var(--surface-base);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;bottom:-2px;right:-2px}.rs-slot-name{text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.78rem;font-weight:700;overflow:hidden}.rs-slot-actions{gap:6px;margin-top:auto;display:flex}.rs-slot-leader,.rs-slot-remove{border:1px solid var(--border-subtle);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:#0006;border-radius:8px;justify-content:center;align-items:center;font-size:1rem;display:flex}.rs-slot-leader--on{border-color:var(--gold-300);color:var(--gold-300)}.rs-slot-remove:hover{color:var(--state-danger);border-color:var(--state-danger)}.rs-synergy-card{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:12px;margin-bottom:12px;padding:14px}.rs-synergy-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:0 0 10px;font-size:.7rem}.rs-synergy-power{color:var(--gold-300);font-variant-numeric:tabular-nums;font-family:Cinzel,Trajan Pro,Georgia,serif;font-size:2rem;font-weight:800}.rs-synergy-meta{color:var(--text-muted);font-size:.78rem}.rs-element-row{flex-wrap:wrap;gap:8px;display:flex}.rs-element-dot{background:var(--surface-overlay);border:1.5px solid var(--border-subtle);width:36px;height:36px;color:var(--text-muted);filter:grayscale(.6);border-radius:50%;justify-content:center;align-items:center;display:flex}.rs-element-dot--has{filter:none}.rs-role-row{flex-wrap:wrap;gap:6px;display:flex}.rs-role-pill{background:var(--surface-overlay);border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:16px;align-items:center;gap:6px;padding:4px 10px;font-size:.78rem;display:inline-flex}.rs-role-pill--has{color:var(--text-primary);border-color:var(--gold-400)}.rs-picker-overlay{background:var(--modal-backdrop);z-index:1200;align-items:flex-end;display:flex;position:fixed;inset:0}.rs-picker-sheet{background:var(--surface-raised);border-top:1px solid var(--border-ornate);border-radius:18px 18px 0 0;flex-direction:column;width:100%;max-height:80dvh;animation:.25s cubic-bezier(.2,.8,.2,1) shop-slide-up;display:flex}.rs-picker-head{border-bottom:1px solid var(--border-subtle);color:var(--gold-200);letter-spacing:.05em;justify-content:space-between;align-items:center;padding:14px 18px;font-size:.88rem;font-weight:700;display:flex}.rs-picker-close{color:var(--text-primary);cursor:pointer;background:0 0;border:none;width:32px;height:32px;font-size:1.4rem}.rs-picker-grid{padding:14px 16px max(20px, env(safe-area-inset-bottom));flex:1;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;display:grid;overflow-y:auto}.rs-picker-item{cursor:pointer;background:0 0;border:none;padding:0}.rs-picker-empty{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:24px}.rs-thumb{background:var(--card-hero-bg);border:1.5px solid var(--border-subtle);border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:8px;display:flex}.rs-thumb--rarity-5{border-color:var(--gold-300);box-shadow:var(--shadow-glow-gold)}.rs-thumb--rarity-4{border-color:var(--rarity-epic)}.rs-thumb--rarity-3{border-color:var(--rarity-rare)}.rs-thumb-portrait{background:var(--surface-overlay);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative;overflow:hidden}.rs-thumb-portrait img{object-fit:cover;width:100%;height:100%}.rs-thumb-element{background:var(--surface-base);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;bottom:-2px;right:-2px}.rs-thumb-name{color:var(--text-primary);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.76rem;font-weight:700;overflow:hidden}.rs-thumb-power{color:var(--gold-300);font-variant-numeric:tabular-nums;font-size:.7rem}.rs-empty-screen{justify-content:center;align-items:center}.rs-empty{text-align:center;max-width:380px;padding:24px}.rs-empty-icon{margin-bottom:16px}.rs-empty-title{color:var(--gold-200);margin:0 0 12px;font-family:Cinzel,Trajan Pro,Georgia,serif;font-size:1.3rem}.rs-empty-body{color:var(--text-muted);margin-bottom:22px;line-height:1.5}.rs-empty-cta{background:var(--button-gold-bg);color:var(--button-gold-text);letter-spacing:.12em;cursor:pointer;min-height:56px;box-shadow:var(--shadow-glow-gold);border:none;border-radius:12px;padding:0 28px;font-family:Cinzel,Trajan Pro,Georgia,serif;font-size:.95rem;font-weight:800}.rs-submode-hint{bottom:max(16px, env(safe-area-inset-bottom));background:var(--surface-overlay);border:1px solid var(--border-subtle);color:var(--text-muted);text-align:center;pointer-events:none;border-radius:10px;padding:10px 14px;font-size:.82rem;position:absolute;left:16px;right:16px}.homepage-tab-panel--full{flex:1;width:100%;min-height:0;display:flex;max-width:none!important;padding:0!important}.story-tab{flex-direction:column;gap:18px;width:100%;max-width:720px;margin:0 auto;padding:18px 16px 24px;display:flex}.story-progress-card{border:1px solid var(--gold-400);box-shadow:var(--shadow-glow-gold);border-radius:16px;min-height:180px;position:relative;overflow:hidden}.story-progress-art{background:radial-gradient(ellipse 60% 50% at 50% 30%, #5b21b680, transparent 70%), linear-gradient(180deg, var(--violet-900), var(--neutral-1000));position:absolute;inset:0}.story-progress-scrim{background:linear-gradient(#0003,#000000a6);position:absolute;inset:0}.story-progress-meta{z-index:1;flex-direction:column;gap:10px;padding:22px 20px;display:flex;position:relative}.story-progress-eyebrow{color:var(--gold-300);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:6px;font-size:.74rem;display:inline-flex}.story-progress-title{color:var(--gold-200);text-shadow:0 0 20px #f5c84a66;margin:0;font-family:Cinzel,Trajan Pro,Georgia,serif;font-size:2rem;font-weight:800}.story-progress-bar{background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:11px;height:22px;position:relative;overflow:hidden}.story-progress-fill{background:linear-gradient(90deg, var(--gold-400), var(--gold-200));transition:width .4s ease-out;position:absolute;inset:0 auto 0 0}.story-progress-text{color:var(--text-on-gold);text-shadow:0 1px 2px #ffffff4d;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:flex;position:absolute;inset:0}.story-progress-stats{color:var(--text-primary);flex-wrap:wrap;gap:16px;font-size:.82rem;display:flex}.story-progress-stats span{align-items:center;gap:6px;display:inline-flex}.story-progress-cta{background:var(--button-gold-bg);color:var(--button-gold-text);letter-spacing:.12em;cursor:pointer;border:none;border-radius:10px;align-self:flex-start;min-height:40px;margin-top:4px;padding:10px 24px;font-family:Cinzel,Trajan Pro,Georgia,serif;font-size:.85rem;font-weight:800}.story-progress-cta:hover{background:var(--button-gold-bg-hover)}.story-section-title{letter-spacing:.1em;color:var(--gold-200);margin:0 0 4px;font-family:Cinzel,Trajan Pro,Georgia,serif;font-size:.95rem}.story-runs{flex-direction:column;gap:10px;display:flex}.story-run-list{flex-direction:column;gap:12px;list-style:none;display:flex}.story-run{background:var(--surface-raised);border:1px solid var(--border-subtle);border-left:3px solid var(--text-muted);border-radius:12px;padding:14px 16px}.story-run--victory{border-left-color:var(--state-success)}.story-run--death{border-left-color:var(--state-danger)}.story-run--abandoned{border-left-color:var(--text-muted)}.story-run-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.story-run-title{color:var(--text-primary);font-size:.95rem;font-weight:700}.story-run-outcome{letter-spacing:.04em;align-items:center;gap:6px;font-size:.82rem;font-weight:700;display:inline-flex}.story-run-summary{color:var(--text-muted);margin:6px 0;font-size:.85rem;line-height:1.5}.story-run-stats{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:.78rem;display:flex}.story-run-stars{color:var(--text-muted);gap:2px;margin-left:auto;font-size:1rem;display:flex}.story-star{opacity:.4}.story-star--earned{opacity:1;color:var(--gold-300);text-shadow:0 0 8px #f5c84a80}.story-run-replay{border:1px solid var(--accent-primary);color:var(--accent-primary);cursor:pointer;background:0 0;border-radius:8px;margin-top:10px;padding:6px 14px;font-size:.82rem;font-weight:700}.story-run-replay:hover{background:#8b6dfb1a}.story-empty{text-align:center;max-width:380px;margin:0 auto;padding:60px 20px}.story-empty-icon{margin-bottom:16px}.story-empty-title{color:var(--gold-200);margin:0 0 10px;font-family:Cinzel,Trajan Pro,Georgia,serif;font-size:1.3rem}.story-empty-body{color:var(--text-muted);margin-bottom:20px;line-height:1.5}.story-empty-cta{background:var(--button-gold-bg);color:var(--button-gold-text);letter-spacing:.12em;cursor:pointer;border:none;border-radius:12px;min-height:56px;padding:0 28px;font-family:Cinzel,Trajan Pro,Georgia,serif;font-size:.95rem;font-weight:800}.npc-tab{flex-direction:column;gap:16px;width:100%;max-width:980px;min-height:0;margin:0 auto;padding:18px 16px 24px;display:flex}.npc-featured{border:1px solid var(--gold-400);cursor:pointer;border-radius:16px;align-items:flex-end;min-height:180px;display:flex;position:relative;overflow:hidden}.npc-featured-portrait{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.npc-featured-portrait--placeholder{background:var(--surface-overlay);color:var(--text-muted);justify-content:center;align-items:center;display:flex}.npc-featured-scrim{background:linear-gradient(#0000001a 30%,#0f0f17e6 100%);position:absolute;inset:0}.npc-featured-meta{z-index:1;width:100%;padding:18px 20px;position:relative}.npc-featured-eyebrow{color:var(--gold-300);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:6px;font-size:.74rem;display:inline-flex}.npc-featured-name{color:var(--gold-200);margin:6px 0 8px;font-family:Cinzel,Trajan Pro,Georgia,serif;font-size:1.4rem}.npc-featured-bio{color:var(--text-primary);margin:0 0 8px;font-size:.88rem;line-height:1.4}.npc-featured-cta{color:var(--accent-primary-hover);font-size:.85rem;font-weight:700}.npc-filters{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.npc-filters::-webkit-scrollbar{display:none}.npc-filter{background:var(--surface-overlay);border:1px solid var(--border-subtle);color:var(--text-muted);letter-spacing:.04em;cursor:pointer;border-radius:16px;flex-shrink:0;min-height:36px;padding:6px 14px;font-size:.82rem;font-weight:700;transition:color .15s,border-color .15s}.npc-filter--active{color:var(--gold-300);border-color:var(--gold-300)}.npc-grid{min-height:0;padding-right:6px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));scrollbar-width:thin;scrollbar-color:var(--gold-400) var(--surface-overlay);flex-direction:column;flex:1;gap:12px;display:flex;overflow-y:auto}.npc-grid::-webkit-scrollbar{width:6px}.npc-grid::-webkit-scrollbar-track{background:var(--surface-overlay);border-radius:3px}.npc-grid::-webkit-scrollbar-thumb{background:var(--gold-400);border-radius:3px}.npc-grid-empty{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:32px}.npc-card{perspective:1000px;flex-shrink:0;height:168px;position:relative}.npc-card-front,.npc-card-back{background:var(--card-hero-bg);border:1px solid var(--gold-400);backface-visibility:hidden;box-shadow:var(--card-hero-shadow);border-radius:14px;flex-direction:column;gap:10px;padding:12px;transition:transform .5s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;inset:0}.npc-card-back{align-items:flex-start;padding:14px 12px;overflow-y:auto;transform:rotateY(180deg)}.npc-card--flipped .npc-card-front{transform:rotateY(-180deg)}.npc-card--flipped .npc-card-back{transform:rotateY(0)}.npc-card--flipped{height:320px}.npc-card-images{flex-direction:row;align-items:flex-start;gap:10px;display:flex}.npc-card-img-col{flex-direction:column;align-items:center;gap:4px;display:flex}.npc-card-img-wrap{background:var(--surface-overlay);border:1px solid var(--gold-400);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex;overflow:hidden}.npc-card-portrait,.npc-card-token{object-fit:cover;width:100%;height:100%}.npc-card-img-placeholder{width:100%;height:100%;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.npc-card-img-loading{opacity:.6}.npc-regen-btn{text-align:center;width:72px;padding:3px 4px;font-size:.62rem}.npc-card-title-col{flex-direction:column;flex:1;gap:4px;min-width:0;padding-top:4px;display:flex}.npc-card-flip-btn-text{color:var(--accent-primary);cursor:pointer;text-align:left;background:0 0;border:none;margin-top:4px;padding:0;font-size:.72rem}.npc-card-flip-btn-text:hover{text-decoration:underline}.npc-card-bottom{flex-direction:row;align-items:center;gap:10px;display:flex}.npc-card-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.npc-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.92rem;font-weight:700;overflow:hidden}.npc-card-role{letter-spacing:.04em;align-items:center;gap:4px;font-size:.74rem;display:inline-flex}.npc-starter-badge{letter-spacing:.05em;text-transform:uppercase;width:fit-content;color:var(--gold-300);background:#f5c84a14;border:1px solid #f5c84a59;border-radius:999px;align-items:center;margin-top:2px;padding:2px 8px;font-size:.68rem;font-weight:700;display:inline-flex}.npc-card-bond{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.npc-card-bond-bar{background:var(--surface-overlay);border-radius:3px;height:6px;overflow:hidden}.npc-card-bond-fill{background:linear-gradient(90deg, var(--accent-primary), var(--magenta-400));height:100%}.npc-card-bond-val{color:var(--text-muted);text-align:left;font-size:.7rem}.npc-card-actions{flex-shrink:0;gap:6px;display:flex}.npc-card-talk{background:var(--accent-primary);color:var(--text-primary);letter-spacing:.04em;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex-shrink:0;min-height:36px;padding:8px 16px;font-size:.82rem;font-weight:700}.npc-card-talk:hover{background:var(--accent-primary-hover)}.npc-card-back-title{color:var(--gold-200);text-align:center;margin:0;font-family:Cinzel,Trajan Pro,Georgia,serif;font-size:1rem}.npc-card-back-section{color:var(--text-primary);flex-direction:column;gap:2px;margin:0;font-size:.78rem;line-height:1.4;display:flex}.npc-card-back-label{color:var(--gold-300);text-transform:uppercase;letter-spacing:.06em;font-size:.66rem;font-weight:700}.npc-card-back-actions{gap:6px;margin-top:auto;display:flex}.npc-card-back-flip,.npc-card-release{border:1px solid var(--border-strong);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:8px;flex:1;padding:8px;font-size:.78rem;font-weight:700}.npc-card-release{border-color:var(--state-danger);color:var(--state-danger)}.npc-card-release-front{border:1px solid var(--state-danger);color:var(--state-danger);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;flex-shrink:0;padding:8px 12px;font-size:.78rem;font-weight:700;transition:background .15s}.npc-card-release-front:hover{background:#ef44441f}.npc-release-overlay{z-index:200;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.npc-release-modal{border:2px solid var(--state-danger);background:#12103a;border-radius:16px;flex-direction:column;gap:14px;width:90%;max-width:360px;padding:28px 24px 20px;display:flex}.npc-release-title{color:var(--state-danger);text-align:center;margin:0;font-family:Cinzel,Georgia,serif;font-size:1.1rem}.npc-release-body{color:var(--text-secondary);text-align:center;margin:0;font-size:.88rem;line-height:1.5}.npc-release-actions{gap:10px;margin-top:4px;display:flex}.npc-release-cancel{border:1px solid var(--border-strong);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:10px;flex:1;padding:10px;font-size:.88rem;font-weight:700}.npc-release-cancel:hover{background:var(--surface-overlay)}.npc-release-confirm{background:var(--state-danger);color:#fff;cursor:pointer;border:none;border-radius:10px;flex:1;padding:10px;font-size:.88rem;font-weight:700}.npc-release-confirm:hover{filter:brightness(1.1)}.npc-empty{text-align:center;max-width:380px;margin:0 auto;padding:60px 20px}.npc-empty-icon{margin-bottom:16px}.npc-empty-title{color:var(--gold-200);margin:0 0 10px;font-family:Cinzel,Trajan Pro,Georgia,serif;font-size:1.3rem}.npc-empty-body{color:var(--text-muted);margin-bottom:20px;line-height:1.5}.npc-empty-cta{border:1px solid var(--gold-300);color:var(--gold-300);letter-spacing:.08em;cursor:pointer;background:0 0;border-radius:12px;min-height:48px;padding:0 24px;font-size:.85rem;font-weight:700}.npc-empty-cta:hover{background:#f5c84a14}.shop-tile--real-money{position:relative;border:1.5px solid var(--shop-tile-real-money)!important}.shop-tile--real-money:before{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--gold-300), transparent 40%, transparent 60%, var(--gold-300));opacity:.25;pointer-events:none;z-index:0;position:absolute;inset:-1px}.shop-tile--real-money>*{z-index:1;position:relative}.shop-tile--soft-currency{border:1.5px solid var(--shop-tile-soft-currency)!important}.shop-tile--free{animation:2s ease-in-out infinite shop-free-pulse;border:1.5px solid var(--shop-tile-free)!important}@keyframes shop-free-pulse{0%,to{box-shadow:0 0 #7dd3fc80}50%{box-shadow:0 0 0 6px #7dd3fc00}}.shop-stack{letter-spacing:-4px;align-items:center;gap:-2px;display:inline-flex}.shop-stack>*+*{margin-left:-6px}.shop-header-bal-chip{background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:14px;align-items:center;gap:4px;padding:3px 10px;font-size:.82rem;font-weight:700;display:inline-flex}.shop-sub-perks2 li{align-items:center;gap:6px;display:flex}.shop-bp-meta{flex:1;min-width:0}.shop-discount-hint{align-items:center;gap:6px;display:inline-flex}.shop-deal-contents{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.home-chat-check{letter-spacing:.04em;font-variant-numeric:tabular-nums;border-radius:10px;margin-top:6px;padding:3px 8px;font-size:.7rem;font-weight:700;display:inline-block}.home-chat-check--success{color:var(--state-success);background:#4ade801f;border:1px solid #4ade8059}.home-chat-check--fail{color:var(--state-danger);background:#f871711a;border:1px solid #f871714d}.home-chat-lore{color:var(--gold-200);border-left:3px solid var(--gold-300);background:#f5c84a14;border-radius:6px;margin-top:6px;padding:8px 10px;font-size:.85rem;font-style:italic}.npc-mood-row{justify-content:space-between;align-items:center;margin:4px 0 8px;display:flex}.npc-mood-label{color:var(--gold-200);letter-spacing:.06em;font-family:Cinzel,Trajan Pro,Georgia,serif;font-size:.92rem;font-weight:700}.npc-mood-label--vengeful{color:var(--state-danger)}.npc-mood-label--afraid{color:var(--state-warning)}.npc-mood-label--despondent{color:var(--text-muted)}.npc-mood-label--weary{color:var(--neutral-300)}.npc-mood-label--exultant{color:var(--gold-200)}.npc-mood-label--devoted{color:var(--accent-rare)}.npc-mood-label--content{color:var(--state-success)}.npc-mood-label--anxious{color:var(--magenta-300)}.npc-mood-label--steady{color:var(--text-primary)}.npc-vector-grid{flex-direction:column;gap:5px;margin-bottom:10px;display:flex}.npc-vector{flex-direction:column;gap:2px;display:flex}.npc-vector-head{letter-spacing:.04em;color:var(--text-muted);justify-content:space-between;font-size:.66rem;display:flex}.npc-vector-val{font-variant-numeric:tabular-nums;color:var(--text-primary);font-weight:700}.npc-vector-bar{background:var(--surface-overlay);border-radius:3px;height:5px;overflow:hidden}.npc-vector-fill{height:100%;transition:width .4s ease-out}.npc-memory-block{margin-bottom:10px}.npc-memory-list{flex-direction:column;gap:4px;margin:4px 0 0;padding:0;list-style:none;display:flex}.npc-memory-item{color:var(--text-primary);align-items:flex-start;gap:6px;font-size:.74rem;line-height:1.35;display:flex}.npc-memory-event{text-transform:uppercase;letter-spacing:.06em;background:var(--surface-overlay);color:var(--text-muted);border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:.6rem;font-weight:700}.npc-memory-event--victory{color:var(--state-success);background:#4ade801a}.npc-memory-event--defeat{color:var(--state-danger);background:#f871711a}.npc-memory-event--saved{color:var(--accent-rare);background:#7dd3fc1a}.npc-memory-event--looted{color:var(--gold-300);background:#f5c84a1a}.npc-memory-text{flex:1;min-width:0}.hud-loot-banner{border:1px solid var(--gold-300);color:var(--gold-200);letter-spacing:.04em;box-shadow:var(--shadow-glow-gold);background:linear-gradient(90deg,#f5c84a2e,#f5c84a0a);border-radius:10px;align-items:center;gap:8px;margin:6px 8px;padding:8px 12px;font-size:.84rem;font-weight:700;animation:1.6s ease-in-out infinite hud-loot-pulse;display:flex}@keyframes hud-loot-pulse{0%,to{box-shadow:0 0 #f5c84a80}50%{box-shadow:0 0 12px #f5c84ab3}}.hud-loot-banner-icon{color:var(--gold-300);font-size:1rem}.hud-loot-banner-text strong{color:var(--gold-200);font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.hud-loot-banner{animation:none}}