:root{--obsidian: #08090b;--charcoal: #111318;--iron: #1b1d21;--gunmetal: #292c31;--gold: #c89b3c;--gold-bright: #f0c96a;--gold-dark: #80601f;--bronze: #51442d;--ember: #e85d16;--flame: #ff8a24;--crimson: #a91d24;--inferno: #e5391f;--text: #f2e8d5;--text-2: #b9a987;--muted: #777b82;--bg: var(--obsidian);--bg-2: var(--charcoal);--panel: var(--iron);--panel-2: var(--gunmetal);--border: var(--gunmetal);--border-gold: var(--bronze);--hp: var(--crimson);--mana: #37547a;--xp: #6c4a8a;--danger: var(--inferno);--success: #8a9a5e;--surface: rgba(27, 29, 33, .92);--surface-hover: rgba(41, 44, 49, .92);--surface-overlay: rgba(8, 9, 11, .86);--surface-glass: rgba(17, 19, 24, .85);--font-display: "Cinzel", "Palatino Linotype", Georgia, serif;--font: "Inter", "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 28px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .6);--shadow-glow-gold: 0 0 20px rgba(200, 155, 60, .15);--shadow-glow-ember: 0 0 20px rgba(232, 93, 22, .15);--shadow-inset: inset 0 1px 0 rgba(242, 232, 213, .05), inset 0 0 0 1px rgba(0, 0, 0, .35);--ease: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .12s;--duration: .2s;--duration-slow: .35s;--sidebar-w: 240px;--sidebar-collapsed-w: 64px;--bottomnav-h: 64px;--content-max: 1100px}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden}html.landing-scroll,html.login-scroll,html.legal-scroll,html.landing-scroll body,html.landing-scroll #root,html.login-scroll body,html.login-scroll #root,html.legal-scroll body,html.legal-scroll #root{height:auto;min-height:100%;overflow:visible}html.landing-scroll,html.login-scroll,html.legal-scroll{overflow-y:auto;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;font-size:inherit;color:inherit;border:none;background:none;padding:0;cursor:pointer}select{font-family:inherit;font-size:inherit}ul,ol{list-style:none;margin:0;padding:0}a{color:var(--gold);text-decoration:none;transition:color var(--duration-fast) var(--ease)}a:hover{color:var(--gold-bright)}h1,h2,h3,h4{margin:0;font-family:var(--font-display);font-weight:700;letter-spacing:.04em;color:var(--text)}h1{font-size:28px}h2{font-size:22px;color:var(--gold)}h3{font-size:17px}h4{font-size:14px}.text-gold{color:var(--gold)}.text-muted{color:var(--muted)}.text-bright{color:var(--gold-bright)}.text-sm{font-size:12px}.text-xs{font-size:11px}.section-title{font-size:11px;font-family:var(--font-display);font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--text-2);margin-bottom:var(--sp-3);padding-bottom:var(--sp-2);border-bottom:1px solid rgba(81,68,45,.35)}.zaroon-layout{height:100%;overflow:hidden}.zaroon-main{margin-left:var(--sidebar-w);height:100%;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(1100px 620px at 72% -12%,rgba(200,155,60,.04),transparent 60%),radial-gradient(900px 520px at 8% 112%,rgba(232,93,22,.04),transparent 60%),repeating-linear-gradient(0deg,rgba(255,255,255,.005) 0 1px,transparent 1px 3px),var(--bg)}.zaroon-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:var(--sp-6);scrollbar-width:thin;scrollbar-color:var(--gunmetal) transparent}.zaroon-content-inner{max-width:var(--content-max);margin:0 auto;min-height:100%}[dir=rtl] .zaroon-sidebar{left:auto;right:0}[dir=rtl] .zaroon-main{margin-left:0;margin-right:var(--sidebar-w)}@media (max-width: 1023px){[dir=rtl] .zaroon-main{margin-right:var(--sidebar-collapsed-w)}}.zaroon-sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);z-index:80;display:flex;flex-direction:column;background:linear-gradient(180deg,#111318f7,#08090bfa);border-right:1px solid rgba(81,68,45,.3);box-shadow:8px 0 32px #00000080;overflow:hidden}.sidebar-brand{padding:var(--sp-5);border-bottom:1px solid rgba(81,68,45,.25);display:flex;justify-content:center}.sidebar-brand img{height:32px;width:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.sidebar-nav{flex:1;padding:var(--sp-3) var(--sp-3);display:flex;flex-direction:column;gap:2px;overflow-y:auto}.sidebar-item{display:flex;align-items:center;gap:var(--sp-3);padding:10px var(--sp-4);border-radius:var(--radius-sm);color:var(--muted);font-size:14px;font-weight:500;transition:all var(--duration-fast) var(--ease);cursor:pointer;position:relative;width:100%;text-align:left}.sidebar-item:hover{color:var(--text);background:#292c3180}.sidebar-item.active{color:var(--gold-bright);background:#c89b3c14}.sidebar-item.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--gold);border-radius:0 2px 2px 0}.sidebar-item svg{width:20px;height:20px;flex-shrink:0;opacity:.7}.sidebar-item.active svg{opacity:1}.sidebar-label{white-space:nowrap;overflow:hidden}.sidebar-footer{padding:var(--sp-3);border-top:1px solid rgba(81,68,45,.25)}.sidebar-player{padding:var(--sp-2) var(--sp-4)}.sidebar-player-name{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-player-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);font-size:11px;color:var(--muted);margin-top:2px}.sidebar-gold{display:flex;align-items:center;gap:4px;font-weight:600;color:var(--gold)}.sidebar-gold svg{width:12px;height:12px}.sidebar-status{padding:var(--sp-1) var(--sp-4)}.sidebar-logout{margin-top:var(--sp-1)}.zaroon-bottomnav{display:none;position:fixed;bottom:0;left:0;right:0;height:var(--bottomnav-h);z-index:80;background:linear-gradient(180deg,#111318f2,#08090bfa);border-top:1px solid rgba(81,68,45,.3);box-shadow:0 -4px 16px #0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);justify-content:space-around;align-items:center;padding:0 var(--sp-2);padding-bottom:env(safe-area-inset-bottom,0)}.bottomnav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;border-radius:var(--radius-sm);color:var(--muted);font-size:10px;font-weight:500;letter-spacing:.04em;transition:color var(--duration-fast) var(--ease);min-width:0;flex:1;min-height:48px;justify-content:center;-webkit-tap-highlight-color:transparent}.bottomnav-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bottomnav-item svg{width:22px;height:22px}.bottomnav-item.active{color:var(--gold)}@media (max-width: 430px){.bottomnav-item span{display:none}}.bottomnav-item:active{color:var(--gold-bright)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:10px var(--sp-5);border:1px solid var(--border-gold);border-radius:var(--radius-sm);background:linear-gradient(180deg,rgba(35,38,43,.9),var(--iron) 60%,rgba(21,23,27,.9));color:var(--text-2);font-size:13px;font-family:var(--font-display);font-weight:600;letter-spacing:.06em;cursor:pointer;box-shadow:var(--shadow-inset),var(--shadow-sm);transition:all var(--duration) var(--ease);white-space:nowrap;-webkit-user-select:none;user-select:none;min-height:38px;line-height:1.2;text-align:center}.btn svg{width:16px;height:16px;flex-shrink:0}.btn:hover:not(:disabled){border-color:var(--gold);color:var(--text);box-shadow:var(--shadow-inset),var(--shadow-glow-gold)}.btn:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px 3px #00000080}.btn:disabled{opacity:.4;cursor:not-allowed;filter:saturate(.4)}.btn-primary{background:linear-gradient(180deg,var(--gold-bright),var(--gold) 45%,var(--gold-dark));border-color:var(--gold-dark);color:#171006;font-weight:700;text-shadow:0 1px 0 rgba(240,201,106,.35);box-shadow:inset 0 1px #fff5d680,inset 0 -2px 5px #3c2a088c,var(--shadow)}.btn-primary:hover:not(:disabled){border-color:var(--gold-bright);box-shadow:inset 0 1px #fff5d699,var(--shadow-glow-gold),var(--shadow)}.btn-danger{border-color:#5c1d20;color:#e0867e}.btn-danger:hover:not(:disabled){border-color:var(--crimson);color:var(--flame);box-shadow:var(--shadow-inset),var(--shadow-glow-ember)}.btn-sm{padding:5px var(--sp-3);font-size:12px}.btn-lg{padding:14px var(--sp-8);font-size:15px;min-width:200px}.btn-ghost{border-color:transparent;background:transparent;box-shadow:none;color:var(--muted)}.btn-ghost:hover:not(:disabled){color:var(--text);background:#292c3180}.btn-paypal{background:linear-gradient(180deg,#302a22f2,#1e1a15fa);border-color:var(--bronze, #8a6a3b);color:var(--ivory, #f0e6d2);font-weight:700;letter-spacing:.02em;box-shadow:inset 0 1px #f0e6d22e,inset 0 -2px 4px #0c09058c,var(--shadow)}.btn-paypal:hover:not(:disabled){border-color:var(--gold, #c89b3c);color:var(--gold-bright, #f0c96a);box-shadow:inset 0 1px #f0e6d240,var(--shadow-glow-gold),var(--shadow)}.paypal-status{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-3);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-4);border:1px solid var(--bronze, #8a6a3b);border-radius:var(--radius-sm, 6px);background:linear-gradient(180deg,#26211aeb,#1a1611f2);color:var(--ivory, #f0e6d2);font-size:13px}.paypal-status>span{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-3);min-width:0}.paypal-success{border-color:var(--success, #3f7d46)}.paypal-cancelled{border-color:var(--muted, #8b8577);color:var(--muted, #8b8577)}.paypal-failed,.paypal-creating,.paypal-waiting,.paypal-capturing{border-color:var(--crimson, #8e2436)}.paypal-failed{color:var(--flame, #e0867e)}.battlepass-upgrade{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-top:var(--sp-2)}.battlepass-upgrade .btn{white-space:normal;text-wrap:balance;line-height:1.3}@media (max-width: 480px){.battlepass-upgrade{flex-direction:column;align-items:stretch}.battlepass-upgrade .btn{width:100%}}.btn .spin{animation:zaroon-btn-spin .9s linear infinite}@keyframes zaroon-btn-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.btn .spin{animation:none}}.card{position:relative;background:linear-gradient(180deg,rgba(32,35,41,.95),var(--iron) 55%,rgba(21,23,27,.95));border:1px solid rgba(41,44,49,.8);border-radius:var(--radius);padding:var(--sp-5);box-shadow:var(--shadow-inset),var(--shadow);transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.card>*{position:relative}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--bronze);box-shadow:var(--shadow-inset),var(--shadow-glow-gold),var(--shadow-lg)}.card-gold{border-color:#c89b3c40;box-shadow:inset 0 0 0 1px #c89b3c14,var(--shadow-glow-gold),var(--shadow)}.progress-bar{height:10px;border-radius:3px;background:#07080a;overflow:hidden;position:relative;box-shadow:inset 0 1px 3px #000c,inset 0 0 0 1px #f2e8d50f}.progress-fill{height:100%;transition:width var(--duration-slow) var(--ease);border-radius:3px}.progress-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.9);white-space:nowrap}.progress-bar-lg{height:14px;border-radius:4px}.progress-bar-lg .progress-label{font-size:11px}.hp-fill{background:linear-gradient(180deg,#d13b31,var(--crimson) 55%,#7a1a1e)}.mana-fill{background:var(--mana)}.xp-fill{background:var(--xp)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:#00000059;border:1px solid rgba(81,68,45,.35);color:var(--text-2);white-space:nowrap}.badge-gold{color:var(--gold);border-color:#c89b3c4d;background:#c89b3c14}.badge-success{color:var(--success);border-color:#8a9a5e4d;background:#8a9a5e14}.badge-danger{color:var(--flame);border-color:#e85d164d;background:#e85d1614}.badge-boss{color:var(--gold-bright);border-color:var(--gold-dark);background:#3c10128c;text-shadow:0 0 8px rgba(232,93,22,.45)}.tabs{display:flex;gap:2px;background:#00000040;border-radius:var(--radius-sm);padding:3px;border:1px solid rgba(41,44,49,.5)}.tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:8px var(--sp-4);border-radius:4px;font-size:13px;font-weight:500;color:var(--muted);transition:all var(--duration-fast) var(--ease);cursor:pointer}.tab:hover{color:var(--text-2)}.tab.active{color:var(--gold-bright);background:#c89b3c1a;box-shadow:inset 0 0 0 1px #c89b3c26}.tab svg{width:16px;height:16px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050608db;display:flex;align-items:center;justify-content:center;z-index:20;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeIn var(--duration) var(--ease)}.modal-content{width:min(480px,92vw);background:linear-gradient(180deg,rgba(32,35,41,.98),var(--iron) 55%,rgba(21,23,27,.98));border:1px solid var(--bronze);border-radius:var(--radius-lg);padding:var(--sp-8);text-align:center;box-shadow:var(--shadow-inset),0 0 40px #c89b3c1f,var(--shadow-xl);animation:modalIn var(--duration) var(--ease-bounce)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.toast{position:fixed;bottom:var(--sp-12);left:50%;transform:translate(-50%);padding:10px var(--sp-5);border-radius:var(--radius);font-size:13px;font-weight:500;z-index:30;animation:toastIn var(--duration) var(--ease-bounce);box-shadow:var(--shadow-lg)}.toast-success{background:#27ae60e6;color:#fff;border:1px solid rgba(39,174,96,.5)}.toast-error{background:#a91d24e6;color:#fff;border:1px solid rgba(169,29,36,.5)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.login-screen{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--sp-6);background:radial-gradient(900px 540px at 50% 8%,rgba(200,155,60,.08),transparent 62%),radial-gradient(760px 460px at 50% 104%,rgba(232,93,22,.1),transparent 62%),var(--bg)}.login-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(200,155,60,.04) 0 1px,transparent 1px 5%),linear-gradient(0deg,rgba(200,155,60,.04) 0 1px,transparent 1px 5%);-webkit-mask-image:radial-gradient(700px 420px at 50% 42%,black,transparent);mask-image:radial-gradient(700px 420px at 50% 42%,black,transparent);pointer-events:none}.login-screen>*{position:relative}.login-screen .brand-logo{max-width:80vw;height:auto}.login-sub{color:var(--text-2);letter-spacing:.14em;margin:var(--sp-2) 0 var(--sp-12);font-family:var(--font-display);font-size:13px}.login-note{margin-top:var(--sp-8);font-size:12px;color:var(--muted);max-width:400px;line-height:1.7}.sizops-mark{color:var(--gold-bright);font-weight:600;letter-spacing:.08em}.menu-hero{text-align:center;padding:var(--sp-10) 0 var(--sp-6)}.menu-hero .brand-logo{margin-bottom:var(--sp-3)}.menu-sub{color:var(--text-2);margin-top:var(--sp-1);letter-spacing:.18em;font-family:var(--font-display);font-size:12px;text-transform:uppercase}.menu-actions{display:flex;gap:var(--sp-4);justify-content:center;flex-wrap:wrap;margin:var(--sp-6) 0 var(--sp-8)}.menu-actions .btn{min-width:180px;padding:13px var(--sp-6);font-size:14px}.hero-card{cursor:pointer;text-align:center;transition:transform var(--duration) var(--ease),border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease);overflow:hidden}.hero-card:hover{transform:translateY(-3px);border-color:var(--bronze);box-shadow:var(--shadow-inset),var(--shadow-glow-gold),var(--shadow-lg)}.hero-card .class-banner{height:3px;margin:calc(-1 * var(--sp-5)) calc(-1 * var(--sp-5)) var(--sp-4);opacity:.9}.codex-head{margin-bottom:var(--sp-5)}.codex-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--sp-3);margin-bottom:var(--sp-5)}.codex-ownership{display:flex;gap:6px;flex-wrap:wrap}.codex-filter-tab{background:transparent;border:1px solid var(--border);color:var(--muted)}.codex-filter-tab.active{background:#c89b3c1f;border-color:var(--gold);color:var(--gold)}.codex-selects{display:flex;gap:var(--sp-3);flex-wrap:wrap;margin-left:auto}.codex-card{padding:var(--sp-4);display:flex;flex-direction:column;text-align:center;background:linear-gradient(170deg,#1c1e26e6,#0e1015f2)}.codex-card .hero-portrait{position:relative}.codex-card .hero-portrait .hero-portrait-initial{z-index:1}.codex-shroud{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--muted);z-index:2;background:#08090b26}.codex-rarity-badge{position:absolute;bottom:4px;left:50%;transform:translate(-50%);z-index:3;color:#fff;font-size:8px;font-weight:700;letter-spacing:.06em;padding:2px 8px;border-radius:var(--radius-full);white-space:nowrap;text-transform:uppercase;box-shadow:0 2px 6px #0009}.codex-card-body{margin-top:var(--sp-2)}.codex-card-title{display:flex;align-items:center;justify-content:center;gap:5px;font-weight:600}.codex-owned-dot{color:var(--gold);display:inline-flex}.codex-lock-icon{color:var(--muted)}.codex-level{margin-top:4px}.codex-locked .codex-card-title{color:var(--muted)}.codex-modal{background:linear-gradient(175deg,#1c1e26,#0e1015);border:1px solid var(--bronze);border-radius:var(--radius-lg);box-shadow:var(--shadow-inset),var(--shadow-glow-gold),var(--shadow-xl);max-width:520px;width:92vw;max-height:86vh;overflow-y:auto;padding:var(--sp-6);position:relative}.codex-modal-portrait{width:96px;height:96px;border-radius:50%;margin:0 auto var(--sp-3);border:2px solid var(--bronze);box-shadow:inset 0 0 18px #000000b3,0 0 24px #c89b3c40;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:800;font-family:var(--font-display)}.codex-modal-badges{display:flex;gap:6px;justify-content:center;margin-top:var(--sp-2);flex-wrap:wrap}.codex-acquire{display:flex;align-items:center;gap:8px;justify-content:center;margin:var(--sp-3) 0;padding:var(--sp-2) var(--sp-3);border:1px dashed var(--ember);border-radius:var(--radius-sm);color:var(--ember);font-size:13px;font-weight:600;background:#e85d1614}.codex-acquire-locked{border-style:solid;border-color:var(--danger);color:var(--danger);background:#8e24361f}.codex-lock-req{margin:4px 0 0;font-size:11px;line-height:1.4;color:var(--muted);display:flex;align-items:center;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.codex-modal-section{margin-top:var(--sp-5);text-align:left}.hero-portrait{width:72px;height:72px;border-radius:50%;margin:0 auto var(--sp-2);display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:800;font-family:var(--font-display);color:var(--text);text-shadow:0 2px 6px rgba(0,0,0,.7);border:2px solid var(--bronze);box-shadow:inset 0 0 14px #000000a6,0 2px 8px #00000080;overflow:hidden}.hero-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 20%}.hero-card h3{margin-bottom:2px;font-size:16px;color:var(--text)}.dungeon-card{overflow:hidden;cursor:pointer;transition:transform var(--duration) var(--ease),border-color var(--duration) var(--ease)}.dungeon-card:hover{transform:translateY(-2px);border-color:var(--bronze)}.dungeon-art{height:100px;margin:calc(-1 * var(--sp-5)) calc(-1 * var(--sp-5)) var(--sp-4);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.dungeon-art-img{width:100%;height:100%;object-fit:cover;object-position:center 40%;position:absolute;top:0;right:0;bottom:0;left:0}.dungeon-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,rgba(8,9,11,.8));z-index:1}.dungeon-header-art{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.dungeon-header-art-img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.path-encounter-thumb{width:36px;height:36px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;margin-right:var(--sp-2);border:1px solid rgba(255,255,255,.08)}.inventory-equip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:var(--sp-2)}.inventory-equip-grid .item-card,.inventory-consumable-grid .item-card{padding:var(--sp-2);gap:4px}.item-card{display:flex;flex-direction:column;gap:var(--sp-2);overflow:hidden}.item-card-art{width:100%;aspect-ratio:1 / 1;object-fit:contain;border-radius:var(--radius-sm);background:#00000040;border:1px solid rgba(81,68,45,.2)}.item-card-art-round{width:44px;height:44px;object-fit:cover;border-radius:var(--radius-full);margin-top:var(--sp-1)}.item-card-name{font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:.02em;line-height:1.25;overflow-wrap:anywhere;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:center}.item-card-meta{font-size:10px;line-height:1.3;text-align:center;text-transform:capitalize}.item-card-badge{align-self:flex-start}.item-stats{font-size:11px;line-height:1.6;color:var(--muted);display:flex;flex-wrap:wrap;gap:2px var(--sp-3)}.item-stats>div{white-space:nowrap}.item-card-footer{font-size:11px;color:var(--muted);margin-top:auto}.inventory-consumable-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:var(--sp-2)}.inventory-consumable-grid .item-card-name{font-size:11px}.inventory-consumable-grid .btn{min-height:30px;font-size:11px;padding:4px 10px;width:100%}@media (max-width: 768px){.inventory-equip-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:var(--sp-2)}}@media (max-width: 400px){.inventory-equip-grid{grid-template-columns:repeat(3,1fr);gap:var(--sp-2)}.inventory-consumable-grid{grid-template-columns:repeat(2,1fr);gap:var(--sp-2)}.item-card-art{border-radius:var(--radius-sm)}}.eq-tooltip{position:absolute;z-index:500;width:max-content;max-width:340px;pointer-events:auto;animation:eqTipIn .12s var(--ease)}@keyframes eqTipIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.eq-tooltip-inner{background:linear-gradient(180deg,#16181efa,#0c0e12fc);border:1px solid var(--border-gold);border-radius:var(--radius);padding:var(--sp-4);box-shadow:0 0 0 1px #00000080,0 8px 32px #0009,0 0 24px #c89b3c14}.eq-tooltip-header{display:flex;flex-direction:column;gap:2px}.eq-tooltip-name{font-family:var(--font-display);font-size:15px;font-weight:700;line-height:1.3;overflow-wrap:anywhere;word-break:break-word}.eq-tooltip-rarity{font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.eq-tooltip-equipped{display:inline-flex;align-items:center;gap:4px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--success);margin-top:2px}.eq-tooltip-equipped:before{content:"✓"}.eq-tooltip-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-gold),transparent);margin:var(--sp-3) 0}.eq-tooltip-stats{display:flex;flex-direction:column;gap:4px}.eq-tooltip-stat-row{display:flex;align-items:center;gap:var(--sp-2);font-size:12px;line-height:1.4}.eq-tooltip-stat-empty{opacity:.35}.eq-tooltip-stat-icon{width:16px;text-align:center;flex-shrink:0;font-size:12px}.eq-tooltip-stat-label{color:var(--text-2);flex:1;min-width:0}.eq-tooltip-stat-value{color:var(--gold);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.eq-tooltip-stat-eq{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.eq-tooltip-stat-diff{font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.eq-tooltip-stat-diff.positive{color:var(--success)}.eq-tooltip-stat-diff.negative{color:var(--danger)}.eq-tooltip-effect{display:flex;flex-direction:column;gap:2px}.eq-tooltip-effect-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--ember)}.eq-tooltip-effect-value{font-size:12px;color:var(--flame);font-weight:500}.item-card:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.hero-detail-header{text-align:center;padding-bottom:var(--sp-6)}.hero-detail-portrait{width:280px;height:380px;border-radius:var(--radius);margin:0 auto var(--sp-5);overflow:hidden;border:2px solid var(--bronze);box-shadow:inset 0 0 30px #000000a6,0 8px 32px #00000080;background:linear-gradient(160deg,var(--surface),#10141d);display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:800;font-family:var(--font-display);color:var(--text);text-shadow:0 2px 8px rgba(0,0,0,.7)}.hero-detail-portrait img{width:100%;height:100%;object-fit:contain}.hero-detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4);margin-top:var(--sp-5)}.hero-stat{text-align:center;padding:var(--sp-3);background:#0003;border-radius:var(--radius-sm);border:1px solid rgba(41,44,49,.5)}.hero-stat-value{font-size:22px;font-weight:700;font-family:var(--font-display);color:var(--gold)}.hero-stat-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-top:2px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--sp-2)}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);background:#00000026;font-size:13px}.stat-row:hover{background:#00000040}.stat-row .val{color:var(--gold);font-weight:600}.stat-bonus{color:var(--success);font-size:12px;margin-left:4px}.slot-row{display:flex;align-items:center;gap:var(--sp-3);justify-content:space-between;padding:var(--sp-3) 0;border-bottom:1px solid rgba(81,68,45,.2)}.slot-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-family:var(--font-display);font-weight:600}.equip-layout{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--sp-6);align-items:start}.equip-center{display:flex;flex-direction:column;align-items:center;gap:var(--sp-4)}.equip-hero-frame{width:200px;height:260px;border-radius:var(--radius);border:2px solid var(--bronze);overflow:hidden;box-shadow:inset 0 0 30px #000000a6,0 8px 32px #00000080;display:flex;align-items:center;justify-content:center}.equip-hero-initial{font-family:var(--font-display);font-size:48px;font-weight:800;color:var(--text-2);text-shadow:0 2px 8px rgba(0,0,0,.7)}.equip-hero-stats{display:flex;flex-direction:column;gap:4px;align-items:center}.equip-hero-stat{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-2);font-variant-numeric:tabular-nums}.equip-side{display:flex;flex-direction:column;gap:var(--sp-4);min-width:0}.equip-slot{position:relative;background:linear-gradient(180deg,rgba(32,35,41,.95),var(--iron) 55%,rgba(21,23,27,.95));border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-4);box-shadow:var(--shadow-inset),var(--shadow-sm);transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.equip-slot.is-equipped{border-color:var(--slot-accent, var(--bronze));box-shadow:inset 0 0 12px #0000004d,0 0 12px color-mix(in srgb,var(--slot-accent, var(--bronze)) 20%,transparent)}.equip-slot-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0000004d;border:1px solid var(--border);color:var(--muted);margin-bottom:var(--sp-2)}.equip-slot.is-equipped .equip-slot-icon{color:var(--slot-accent, var(--gold));border-color:var(--slot-accent, var(--bronze));background:#00000080}.equip-slot-name{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--text);line-height:1.3;margin-bottom:2px}.equip-slot-rarity{font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.equip-slot-empty{font-size:12px;color:var(--muted);border:1px dashed var(--border);border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-3);text-align:center;transition:border-color var(--duration) var(--ease),background var(--duration) var(--ease)}.equip-slot.drag-over{border-color:var(--gold);box-shadow:inset 0 0 20px #c89b3c26,0 0 16px #c89b3c40;background:linear-gradient(180deg,#202329f2,#28241cf2 55%,#15171bf2)}.equip-slot.drag-over .equip-slot-empty{border-color:var(--gold);color:var(--gold);background:#c89b3c14}.equip-slot:not(.is-equipped){cursor:pointer}.equip-inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--sp-3);margin-top:var(--sp-3)}.equip-inv-card{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);background:linear-gradient(180deg,rgba(32,35,41,.8),var(--iron));border:1px solid var(--border);border-radius:var(--radius);cursor:grab;transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease),opacity var(--duration) var(--ease);-webkit-user-select:none;user-select:none}.equip-inv-card:hover{border-color:var(--bronze);box-shadow:0 2px 8px #0000004d}.equip-inv-card:active{cursor:grabbing}.equip-inv-card.is-dragging{opacity:.4;border-color:var(--gold)}.equip-inv-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:#0000004d;border:1px solid var(--border);color:var(--muted);flex-shrink:0}.equip-inv-info{min-width:0}.equip-inv-name{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.equip-inv-meta{display:flex;gap:var(--sp-2);font-size:11px;color:var(--muted);margin-top:2px}.equip-inv-slot{text-transform:uppercase;letter-spacing:.08em}.equip-inv-rarity{font-weight:600}.item-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--sp-4);animation:fadeIn .15s ease}.item-detail-panel{position:relative;width:100%;max-width:400px;max-height:80vh;overflow-y:auto;background:linear-gradient(180deg,#1a1d24,#12141a);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 24px 64px #0009,0 0 0 1px #c89b3c1a;padding:var(--sp-6);animation:modalIn .2s var(--ease)}.item-detail-close{position:absolute;top:var(--sp-3);right:var(--sp-3);background:none;border:none;color:var(--muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:color var(--duration) var(--ease),background var(--duration) var(--ease)}.item-detail-close:hover{color:var(--text);background:#ffffff0d}.item-detail-header{display:flex;align-items:center;gap:var(--sp-4);padding-bottom:var(--sp-4);border-bottom:1px solid var(--border);margin-bottom:var(--sp-4)}.item-detail-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);border:1px solid;color:var(--gold);flex-shrink:0}.item-detail-name{margin:0;font-family:var(--font-display);font-size:18px;font-weight:800}.item-detail-meta{display:flex;gap:var(--sp-2);font-size:12px;color:var(--muted);margin-top:2px;text-transform:uppercase;letter-spacing:.08em}.item-detail-dot{color:var(--muted);opacity:.5}.item-detail-stats{margin-bottom:var(--sp-4)}.item-detail-stat-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:13px}.item-detail-stat-val{font-weight:700;font-variant-numeric:tabular-nums}.item-detail-effect{margin-bottom:var(--sp-4);padding:var(--sp-3);background:#a91d2414;border-radius:var(--radius-sm);border-left:3px solid var(--ember)}.item-detail-actions{display:flex;gap:var(--sp-3);padding-top:var(--sp-4);border-top:1px solid var(--border)}.party-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--sp-4);margin-bottom:var(--sp-8)}.party-slot{display:flex;flex-direction:column;gap:var(--sp-2);text-align:center;padding-top:var(--sp-4);position:relative}.party-slot-empty{align-items:center;justify-content:center;min-height:260px;border-style:dashed;background:#0003}.party-slot-empty .party-slot-fill{flex:1;display:flex;align-items:center;justify-content:center}.party-slot-pos{position:absolute;top:8px;left:10px;font-family:var(--font-display);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--gold);display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.party-slot-pos-num{color:var(--muted);font-size:10px}.party-slot-portrait{width:76px;height:76px;border-radius:50%;margin:0 auto;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:800;font-family:var(--font-display);color:var(--text);text-shadow:0 2px 6px rgba(0,0,0,.7);border:2px solid var(--bronze);box-shadow:inset 0 0 14px #000000a6,0 2px 8px #00000080;overflow:hidden}.party-slot-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 20%}.party-slot-name{display:flex;align-items:center;justify-content:center;gap:6px;font-size:15px}.party-bars{display:flex;flex-direction:column;gap:6px}.party-bar{display:grid;grid-template-columns:44px 1fr 74px;align-items:center;gap:6px;font-size:11px}.party-bar-label{display:inline-flex;align-items:center;gap:3px;color:var(--muted);white-space:nowrap}.party-bar-num{text-align:right;color:var(--text-2);white-space:nowrap;font-variant-numeric:tabular-nums}.party-slot-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px;font-size:11px;color:var(--text-2)}.party-slot-stats span{display:inline-flex;align-items:center;gap:3px}.party-slot-gear{font-size:11px;color:var(--muted)}.party-slot-actions{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:auto}.badge-down{background:#a91d2440;border-color:#a91d2499;color:#e86a6a}.badge-injured{background:#c89b3c26;border-color:#c89b3c73;color:var(--gold)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#040507b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:var(--sp-4)}.modal-panel{width:100%;max-width:460px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(180deg,#16181d,#0d0f13);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid rgba(81,68,45,.25)}.modal-header h3{margin:0;font-size:16px}.modal-list{overflow-y:auto;padding:var(--sp-4) var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-2)}.modal-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2);border:1px solid rgba(81,68,45,.25);border-radius:var(--radius-sm);background:#0003;cursor:pointer;transition:border-color var(--duration) var(--ease)}.modal-row:hover{border-color:var(--bronze)}.modal-row:disabled{opacity:.5;cursor:not-allowed}.modal-row-portrait{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;font-family:var(--font-display);border:1px solid var(--bronze);flex-shrink:0;overflow:hidden}.modal-row-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 20%}.path-encounter{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-left:3px solid transparent;border-radius:0 var(--radius-sm) var(--radius-sm) 0;transition:background var(--duration-fast) var(--ease)}.path-encounter:hover{background:#00000026}.path-encounter.current{border-left-color:var(--gold);background:#c89b3c0d}.path-encounter.done{opacity:.55}.path-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px}.ember-text{color:var(--flame);text-shadow:0 0 14px rgba(232,93,22,.5),0 0 2px rgba(255,138,36,.8),0 1px 2px rgba(0,0,0,.8)}.ember-frame{border-color:var(--gold-dark);box-shadow:inset 0 0 18px #e85d161a,inset 0 0 0 1px #e85d1640,0 0 22px #e85d1624,var(--shadow)}@keyframes emberPulse{0%,to{opacity:.75}50%{opacity:1}}.ember-pulse{animation:emberPulse 1.6s ease-in-out infinite}.ember-field{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.ember-field i{position:absolute;bottom:-8px;width:3px;height:3px;border-radius:50%;background:radial-gradient(circle,var(--flame),var(--ember) 70%,transparent);opacity:0;animation:emberRise linear infinite}.ember-field i:nth-child(1){left:12%;animation-duration:9s;animation-delay:0s}.ember-field i:nth-child(2){left:26%;animation-duration:12s;animation-delay:3s}.ember-field i:nth-child(3){left:43%;animation-duration:8s;animation-delay:6s}.ember-field i:nth-child(4){left:58%;animation-duration:11s;animation-delay:1.5s}.ember-field i:nth-child(5){left:71%;animation-duration:10s;animation-delay:5s}.ember-field i:nth-child(6){left:84%;animation-duration:13s;animation-delay:2s}.ember-field i:nth-child(7){left:94%;animation-duration:9.5s;animation-delay:7s}@keyframes emberRise{0%{transform:translateY(0) translate(0) scale(1);opacity:0}8%{opacity:.7}55%{opacity:.45}to{transform:translateY(-105vh) translate(var(--drift, 18px)) scale(.4);opacity:0}}.loading-orb{width:36px;height:36px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--gold);box-shadow:0 0 18px #c89b3c26;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.brand-logo{display:inline-block;object-fit:contain;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 6px 20px rgba(0,0,0,.6))}.error-banner{background:#3c10128c;border:1px solid #5c1d20;color:#e09088;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);margin-bottom:var(--sp-4);font-size:13px}.empty{color:var(--muted);text-align:center;padding:var(--sp-10) 0;font-family:var(--font-display);letter-spacing:.06em}.state-block{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);text-align:center;padding:var(--sp-10) var(--sp-4);color:var(--muted)}.state-block .loading-orb{margin-bottom:var(--sp-2)}.muted{color:var(--muted)}.grid{display:grid;gap:var(--sp-4)}.grid-2{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.grid-3{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.grid-4{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.battle-screen{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;position:relative;background:radial-gradient(900px 520px at 50% 26%,rgba(35,42,32,.55),transparent 70%),radial-gradient(640px 380px at 84% 88%,rgba(169,29,36,.09),transparent 70%),repeating-linear-gradient(0deg,rgba(255,255,255,.005) 0 1px,transparent 1px 3px),var(--bg-2)}.battle-bg-img{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center 35%;opacity:.35;z-index:0;pointer-events:none}.battle-bg-img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(900px 520px at 50% 26%,rgba(35,42,32,.55),transparent 70%),radial-gradient(640px 380px at 84% 88%,rgba(169,29,36,.09),transparent 70%),linear-gradient(180deg,#08090b4d,#08090b99)}.battle-layout{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;gap:6px;padding:6px 12px 8px;position:relative;z-index:1}.battle-field-wrap{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column}.battle-field{flex:1;min-height:0;min-width:0;display:grid;grid-template-rows:minmax(auto,1fr) auto minmax(auto,1fr);gap:4px}.party{min-height:0;min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;align-content:center;align-items:start}.party-empty{color:var(--muted);text-align:center;font-family:var(--font-display);letter-spacing:.08em;align-self:center;grid-column:1 / -1}.battle-divider{flex:none;height:1px;margin:0 2px;background:linear-gradient(90deg,transparent,var(--bronze) 30%,var(--gold-dark) 50%,var(--bronze) 70%,transparent);border:0;opacity:.7}.combatant-card{position:relative;width:100%;max-width:230px;min-width:0;margin:0 auto;display:flex;flex-direction:column;gap:5px;padding:8px 9px 9px;background:linear-gradient(180deg,#1b1d21f0,#111318f0);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-inset),0 6px 16px #0006;transition:border-color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease);touch-action:manipulation}.combatant-card.is-active{border-color:var(--gold-dark);box-shadow:var(--shadow-inset),var(--shadow-glow-gold),0 6px 16px #0006}.combatant-card.targetable{cursor:pointer;border-color:var(--bronze);-webkit-tap-highlight-color:rgba(200,155,60,.25)}@media (hover: hover){.combatant-card.targetable:hover{border-color:var(--gold);box-shadow:var(--shadow-inset),0 0 16px #c89b3c38,0 6px 16px #00000073;transform:translateY(-1px)}}.combatant-card.targetable:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.combatant-card.is-selected{border-color:var(--gold);box-shadow:var(--shadow-inset),0 0 0 1px #c89b3c8c,0 0 24px #c89b3c59,0 6px 16px #00000073}.combatant-card.is-dead{opacity:.5;filter:grayscale(.85)}.combatant-name{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;text-align:center}.name-text{min-width:0;font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.boss-tag{flex:none;font-size:9px;letter-spacing:.14em;color:var(--gold-bright);border:1px solid var(--gold-dark);border-radius:3px;padding:1px 5px;background:#c89b3c1f;text-shadow:0 0 8px rgba(232,93,22,.45);font-weight:700}.combatant-figure{--figure-h: clamp(64px, 17vh, 150px);position:relative;height:var(--figure-h);width:auto;aspect-ratio:3 / 4;max-width:100%;margin:0 auto;border:1px solid var(--border-gold);border-radius:6px;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,rgba(200,155,60,.07),transparent 55%),radial-gradient(100% 120% at 50% 110%,rgba(232,93,22,.08),transparent 60%),#0b0d11;box-shadow:inset 0 0 0 1px #00000080}.combatant-figure.boss-figure{border-color:var(--gold-dark);box-shadow:inset 0 0 18px #c89b3c24,0 0 14px #c89b3c1a}.combatant-image{display:block;height:100%;width:100%;object-fit:cover;object-position:center 20%}.figure-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--muted)}.figure-initial{font-family:var(--font-display);font-size:calc(var(--figure-h) * .36);font-weight:800;color:var(--text-2);text-shadow:0 2px 8px rgba(0,0,0,.7)}.figure-caption{font-size:8px;letter-spacing:.22em;color:var(--muted)}.combatant-bars{display:flex;flex-direction:column;gap:3px;min-width:0}.hpbar{position:relative;height:15px;min-width:0;border-radius:3px;background:#07080a;overflow:hidden;box-shadow:inset 0 1px 3px #000000d9,inset 0 0 0 1px #f2e8d514}.hpbar-fill{position:absolute;inset-inline-start:0;top:0;bottom:0;width:0%;background:linear-gradient(180deg,#d13b31,var(--crimson) 55%,#7a1a1e);transition:width .35s ease}.hpbar.low .hpbar-fill{background:linear-gradient(180deg,var(--flame),var(--ember));animation:hpPulse 1.2s ease-in-out infinite}.hpbar-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.95);white-space:nowrap}.hpbar.defeated .hpbar-text:after{content:" — DEFEATED"}@keyframes hpPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.4)}}.manabar{height:6px;border-radius:3px;background:#07080a;overflow:hidden;box-shadow:inset 0 1px 2px #000000b3}.manabar-fill{height:100%;width:0%;background:var(--mana);transition:width .35s ease}.combatant-statuses{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:3px;justify-content:center;min-width:0}.combatant-statuses .status-pill{font-size:10px;padding:1px 6px;border-radius:3px;background:#0009;border:1px solid var(--border);color:var(--text-2);white-space:nowrap}.status-pill.dot{color:var(--flame);border-color:var(--ember);background:#321404b3;text-shadow:0 0 6px rgba(232,93,22,.5)}.status-pill.stun{color:var(--gold-bright);border-color:var(--gold);background:#3c2c0ab3}.targeted-ribbon{position:absolute;top:8px;inset-inline-end:-1px;transform:rotate(3deg);background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:#171006;font-family:var(--font-display);font-size:10px;font-weight:800;letter-spacing:.12em;padding:3px 10px;border:1px solid var(--gold-dark);box-shadow:0 2px 8px #00000080,0 0 12px #c89b3c59;animation:ribbonIn .15s ease-out;z-index:3}@keyframes ribbonIn{0%{opacity:0;transform:rotate(6deg) scale(.9)}to{opacity:1}}.battle-float{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);pointer-events:none;z-index:5;font-family:var(--font-display);font-weight:800;font-size:24px;color:var(--inferno);text-shadow:0 0 10px rgba(169,29,36,.65),0 2px 4px rgba(0,0,0,.95);animation:floatUp 1.1s ease-out forwards}.battle-float.crit{font-size:32px;color:var(--flame);text-shadow:0 0 18px rgba(232,93,22,.85),0 0 3px rgba(255,138,36,.9),0 2px 4px rgba(0,0,0,.95);animation:critFloatUp 1.1s ease-out forwards}@keyframes critFloatUp{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}18%{opacity:1;transform:translate(-50%,-55%) scale(1.18)}30%{transform:translate(-50%,-62%) scale(1)}to{opacity:0;transform:translate(-50%,-160%) scale(1)}}.battle-float.heal{color:var(--success);text-shadow:0 0 12px rgba(122,168,96,.55),0 2px 4px rgba(0,0,0,.95)}.battle-float.note{font-size:15px;color:var(--text-2);letter-spacing:.12em}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,-20%)}15%{opacity:1}to{opacity:0;transform:translate(-50%,-160%)}}.combatant-card.impact-hit .combatant-figure{animation:impactFlash .5s ease-out}.combatant-card.impact-crit .combatant-figure{animation:impactCrit .65s ease-out}.combatant-card.impact-heal .combatant-figure{animation:impactHeal .6s ease-out}.combatant-card.impact-death .combatant-figure{animation:impactDeath .8s ease-out forwards}@keyframes impactFlash{0%{transform:translate(0);box-shadow:inset 0 0 0 2px var(--crimson),0 0 18px #a91d2480}15%{transform:translate(-3px)}35%{transform:translate(3px)}55%{transform:translate(-2px)}80%{transform:translate(1px)}to{transform:translate(0);box-shadow:inset 0 0 0 1px #00000080}}@keyframes impactCrit{0%{transform:translate(0) scale(1.02);box-shadow:inset 0 0 0 2px var(--flame),0 0 26px #ff8a24b3}15%{transform:translate(-4px) scale(1.02)}35%{transform:translate(4px) scale(1.02)}55%{transform:translate(-3px) scale(1)}60%{box-shadow:inset 0 0 0 2px #ff8a2466,0 0 12px #e85d1666}80%{transform:translate(1px) scale(1)}to{transform:translate(0) scale(1);box-shadow:inset 0 0 0 1px #00000080}}@keyframes impactHeal{0%{box-shadow:inset 0 0 0 2px var(--gold-bright),0 0 20px #f0c96a99}to{box-shadow:inset 0 0 0 1px #00000080}}@keyframes impactDeath{0%{filter:none;opacity:1}to{filter:grayscale(1);opacity:.5}}.combatant-card.impact-hit .combatant-image,.combatant-card.impact-crit .combatant-image{animation:imageHitFlash .3s ease-out}@keyframes imageHitFlash{0%{filter:brightness(1.75) saturate(.6)}to{filter:none}}.combatant-card.impact-status .combatant-figure{animation:statusPulse .5s ease-out}@keyframes statusPulse{0%{box-shadow:inset 0 0 0 2px var(--bronze),0 0 14px #c89b3c66}to{box-shadow:inset 0 0 0 1px #00000080}}.combatant-card.is-active{animation:activeTake .25s ease-out}@keyframes activeTake{0%{filter:brightness(1.25)}to{filter:none}}.combatant-card.not-targetable{opacity:.45;filter:saturate(.5) brightness(.75);transition:opacity .15s ease,filter .15s ease}.combatant-card.boss-entrance .combatant-figure{animation:bossEnter .7s ease-out}@keyframes bossEnter{0%{transform:scale(.94);filter:brightness(.65)}55%{filter:brightness(1.12)}to{transform:scale(1);filter:none}}.battle-screen.phase-flash .battle-field{animation:phasePulse .6s ease-out}@keyframes phasePulse{0%{filter:brightness(1.12)}to{filter:none}}.battle-meta{flex:none;min-width:0;display:flex;align-items:center;gap:12px;background:linear-gradient(180deg,#202329,var(--iron) 55%,#15171b);border:1px solid var(--border);border-radius:8px;padding:6px 10px;box-shadow:var(--shadow-inset)}.turn-indicator{display:flex;align-items:center;gap:10px;flex:none;min-width:0}.turn-current{display:flex;align-items:baseline;gap:6px;flex:none}.turn-label{font-size:10px;letter-spacing:.22em;color:var(--muted);font-family:var(--font-display)}.turn-name{font-family:var(--font-display);font-size:14px;color:var(--gold-bright);text-shadow:0 0 10px rgba(200,155,60,.3);white-space:nowrap}.turn-order{display:flex;gap:4px;flex:1;min-width:0;overflow:hidden}.turn-chip{flex:none;padding:2px 8px;border-radius:3px;background:var(--panel);border:1px solid var(--border);color:var(--muted);font-size:11px;letter-spacing:.04em;white-space:nowrap}.turn-chip.current{border-color:var(--gold);color:var(--gold-bright);font-weight:700;text-shadow:0 0 8px rgba(200,155,60,.35);animation:chipTake .24s ease-out}@keyframes chipTake{0%{transform:scale(.92)}to{transform:scale(1)}}.turn-chip.dead{text-decoration:line-through;opacity:.5}.battle-log{flex:0 1 380px;min-width:0;max-height:52px;overflow-y:auto;font-size:12px;line-height:1.5;padding:4px 8px;background:#06070a;border-radius:6px;border:1px solid var(--border);box-shadow:inset 0 2px 8px #0009}.battle-log .log-line{color:var(--muted)}.battle-log .log-turn{color:var(--gold-dark);margin-inline-end:4px}.action-bar{flex:none;background:linear-gradient(180deg,#111318f7,#08090bfa);border-top:1px solid var(--border-gold);box-shadow:0 -1px #c89b3c1f;padding:8px 12px;display:flex;flex-direction:column;gap:6px;max-height:40vh;overflow-y:auto}.action-hint{font-size:13px;color:var(--muted);font-family:var(--font-display);letter-spacing:.05em}.action-rows{display:flex;flex-direction:column;gap:6px}.action-row{display:flex;gap:8px;flex-wrap:wrap}.action-btn{min-width:104px;min-height:44px;touch-action:manipulation}.action-btn:not(.btn-primary){border-color:var(--bronze);background:linear-gradient(180deg,#2a2d33,#1b1d21 60%,#141619);color:var(--text)}.action-btn:not(.btn-primary):hover:not(:disabled){border-color:var(--gold);color:var(--gold-bright);box-shadow:var(--shadow-inset),0 0 14px #c89b3c33}.action-btn:not(.btn-primary):active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 4px #0000008c}.action-btn.active{border-color:var(--gold);color:var(--gold-bright);background:linear-gradient(180deg,#383021,#221d12);box-shadow:var(--shadow-inset),0 0 12px #c89b3c47}.action-btn:disabled{border-color:var(--border);background:#16181c;color:var(--muted);cursor:not-allowed;box-shadow:none;opacity:.55;filter:saturate(.35)}.action-confirm{min-width:180px}.action-row-primary .action-confirm,.action-row-primary .btn-danger{animation:riseIn .18s ease-out}@keyframes riseIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.skill-btn{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:7px 11px;min-width:118px;min-height:44px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,#202329,#15171b);color:var(--text);cursor:pointer;text-align:left;position:relative;overflow:hidden;box-shadow:var(--shadow-inset);touch-action:manipulation;transition:border-color .15s,box-shadow .15s}.skill-btn:hover:not(:disabled){border-color:var(--gold);box-shadow:var(--shadow-inset),0 0 12px #c89b3c29}.skill-btn:disabled{opacity:.45;cursor:not-allowed;border-color:var(--border);background:#16181c;box-shadow:none;filter:saturate(.35)}.skill-cost{font-size:11px;color:var(--mana)}.skill-cooldown{position:absolute;top:0;right:0;bottom:0;left:0;background:#08090bb3;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:var(--text-2);font-family:var(--font-display);pointer-events:none}.item-btn{display:flex;align-items:center;gap:6px;padding:7px 11px;min-height:44px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,#202329,#15171b);color:var(--text-2);cursor:pointer;font-size:13px;box-shadow:var(--shadow-inset);touch-action:manipulation}.item-btn:hover:not(:disabled){border-color:var(--success);color:var(--text)}.item-btn:disabled{opacity:.45;border-color:var(--border);background:#16181c;box-shadow:none;cursor:not-allowed;filter:saturate(.35)}.action-retreat{display:flex;justify-content:flex-end}.battle-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#050608db;display:flex;align-items:center;justify-content:center;z-index:20}.battle-modal .card{width:min(480px,92vw);text-align:center;border-color:var(--gold-dark);box-shadow:var(--shadow-inset),0 0 40px #c89b3c24,var(--shadow-xl);animation:modalIn .22s ease-out}@keyframes modalIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.reward-list{list-style:none;padding:0;margin:var(--sp-4) 0;text-align:left}.reward-list li{padding:var(--sp-2) 0;border-bottom:1px solid rgba(81,68,45,.3);color:var(--text-2);animation:rewardIn .3s ease-out both}.reward-list li:nth-child(1){animation-delay:.05s}.reward-list li:nth-child(2){animation-delay:.1s}.reward-list li:nth-child(3){animation-delay:.15s}.reward-list li:nth-child(4){animation-delay:.2s}.reward-list li:nth-child(5){animation-delay:.25s}.reward-list li:nth-child(6){animation-delay:.3s}.reward-list li:nth-child(7){animation-delay:.35s}.reward-list li:nth-child(n+8){animation-delay:.4s}@keyframes rewardIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}@media (max-width: 700px){.battle-screen{height:auto;min-height:100dvh;overflow:visible}.battle-layout{padding:4px 8px 6px;gap:4px}.party{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:6px}.combatant-card{max-width:150px;padding:5px 6px 7px;gap:4px}.combatant-figure{--figure-h: clamp(52px, 14vh, 120px)}.combatant-name{font-size:11px}.hpbar-text{font-size:10px}.battle-meta{flex-wrap:wrap;gap:6px}.turn-indicator{flex-wrap:wrap}.turn-order{flex-basis:100%;overflow-x:auto}.battle-log{flex:1 1 100%;max-height:34px}.action-btn{flex:1 1 auto;min-width:0;padding:9px 8px}.action-confirm{flex-basis:100%}.skill-btn{flex:1 1 40%;min-width:0}}@media (max-width: 380px){.party{grid-template-columns:repeat(2,minmax(0,1fr))}.combatant-card{max-width:none}.combatant-figure{--figure-h: clamp(44px, 12vh, 100px)}.turn-order{display:none}}@media (max-width: 1023px){.zaroon-sidebar{width:var(--sidebar-collapsed-w)}.zaroon-main{margin-left:var(--sidebar-collapsed-w)}.sidebar-label,.sidebar-player-name{display:none}.sidebar-player-meta{flex-direction:column;align-items:center;gap:2px}.sidebar-player-meta span:first-child{display:none}.sidebar-status{text-align:center}}@media (max-width: 768px){.zaroon-sidebar{display:none}.zaroon-main{margin-left:0}.zaroon-bottomnav{display:flex}.zaroon-content{padding:var(--sp-4);padding-bottom:calc(var(--bottomnav-h) + env(safe-area-inset-bottom,0px) + 16px)}}@media (min-width: 769px){.zaroon-bottomnav{display:none}}@media (max-width: 768px){.hero-detail-portrait{width:min(280px,80vw);height:min(380px,55vw)}.hero-detail-header{padding-bottom:var(--sp-4)}}@media (max-width: 400px){.hero-detail-portrait{width:min(240px,75vw);height:min(340px,52vw)}}@media (max-width: 768px){.equip-layout{grid-template-columns:1fr;gap:var(--sp-4)}.equip-center{order:-1}.equip-hero-frame{width:min(180px,60vw);height:min(240px,80vw)}.equip-side{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3)}}@media (max-width: 400px){.equip-hero-frame{width:min(150px,55vw);height:min(200px,73vw)}.equip-side{grid-template-columns:1fr;gap:var(--sp-2)}.equip-slot{padding:var(--sp-3)}.equip-inventory-grid{grid-template-columns:1fr}.item-detail-panel{max-height:90vh;padding:var(--sp-4)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gunmetal);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bronze)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}button:focus:not(:focus-visible){outline:none}.zaroon-select{position:relative;display:inline-flex;flex-direction:column;gap:var(--sp-1)}.zaroon-select-label{font-size:11px;font-family:var(--font-display);font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.zaroon-select-trigger{display:flex;align-items:center;gap:var(--sp-2);min-width:160px;min-height:36px;padding:6px 12px;border:1px solid var(--border-gold);border-radius:var(--radius-sm);background:linear-gradient(180deg,rgba(35,38,43,.9),var(--iron) 60%,rgba(21,23,27,.9));color:var(--text);font-size:13px;font-family:var(--font);font-weight:500;text-align:start;cursor:pointer;box-shadow:var(--shadow-inset),var(--shadow-sm);transition:border-color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease)}.zaroon-select-trigger:hover:not(:disabled){border-color:var(--gold);box-shadow:var(--shadow-inset),var(--shadow-glow-gold)}.zaroon-select-trigger:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.4)}.zaroon-select.is-open .zaroon-select-trigger{border-color:var(--gold);box-shadow:var(--shadow-inset),var(--shadow-glow-gold)}.zaroon-select.has-error .zaroon-select-trigger{border-color:var(--crimson)}.zaroon-select-value{flex:1;min-width:0;display:flex;align-items:center}.zaroon-select-selected{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.zaroon-select-placeholder{color:var(--muted);opacity:.7}.zaroon-select-loading{color:var(--muted);font-style:italic}.zaroon-select-chevron{flex-shrink:0;color:var(--gold-dark);transition:transform var(--duration-fast) var(--ease)}.zaroon-select.is-open .zaroon-select-chevron{transform:rotate(180deg)}.zaroon-select-menu{position:absolute;top:100%;left:0;z-index:100;min-width:100%;margin-top:2px;max-height:300px;overflow-y:auto;overflow-x:hidden;background:linear-gradient(180deg,#16181d,#0d0f13);border:1px solid var(--border-gold);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg),0 0 16px #00000073;animation:zaroonSelectIn var(--duration-fast) var(--ease);scrollbar-width:thin;scrollbar-color:var(--gunmetal) transparent}@keyframes zaroonSelectIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.zaroon-select-option{display:flex;align-items:center;gap:var(--sp-2);padding:8px 12px;font-size:13px;color:var(--text-2);cursor:pointer;transition:background var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.zaroon-select-option:hover,.zaroon-select-option.is-focused{background:#c89b3c14;color:var(--text)}.zaroon-select-option.is-selected{color:var(--gold-bright);background:#c89b3c1f;font-weight:600}.zaroon-select-check{flex-shrink:0;color:var(--gold)}.zaroon-select-option-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zaroon-select-empty{padding:12px;text-align:center;font-size:12px;color:var(--muted);font-style:italic}.zaroon-select-error{font-size:11px;color:#e0867e}.zaroon-select.is-disabled .zaroon-select-trigger{background:linear-gradient(180deg,#1b1d21b3,#15171bb3)}.zaroon-select-native{min-height:36px;padding:6px 28px 6px 12px;border:1px solid var(--border-gold);border-radius:var(--radius-sm);background:linear-gradient(180deg,rgba(35,38,43,.9),var(--iron) 60%,rgba(21,23,27,.9));color:var(--text);font-size:13px;font-family:var(--font);font-weight:500;cursor:pointer;box-shadow:var(--shadow-inset),var(--shadow-sm);-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5L6 8L9.5 4.5' stroke='%2380601f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px}.zaroon-select-native:hover:not(:disabled){border-color:var(--gold)}.zaroon-select-native:focus{outline:2px solid var(--gold);outline-offset:1px}.zaroon-select-native:disabled{opacity:.45;cursor:not-allowed}[dir=rtl] .zaroon-select-menu{left:auto;right:0}[dir=rtl] .zaroon-select-trigger{text-align:right}[dir=rtl] .zaroon-select-native{background-position:left 10px center;padding:6px 12px 6px 28px}[dir=rtl] .eq-tooltip-name{text-align:right}[dir=rtl] .eq-tooltip-stat-row{flex-direction:row-reverse}[dir=rtl] .eq-tooltip-stat-label{text-align:right}[dir=rtl] .eq-tooltip-equipped{justify-content:flex-end}.screen{min-height:100%;padding:var(--sp-6);max-width:var(--content-max);margin:0 auto}.screen-center{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3)}.admin-head{margin-bottom:var(--sp-5)}.admin-tabs{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:var(--sp-6);padding-bottom:var(--sp-3);border-bottom:1px solid rgba(81,68,45,.35)}.admin-tab{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:linear-gradient(180deg,#1b1d21e6,#111318f2);color:var(--text-2);font-size:13px;transition:all var(--duration-fast) var(--ease)}.admin-tab:hover{border-color:var(--bronze);color:var(--text)}.admin-tab.active{border-color:var(--bronze);color:var(--gold);box-shadow:var(--shadow-glow-gold),var(--shadow-inset)}.admin-stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--sp-3)}.admin-stat{padding:var(--sp-4);display:flex;flex-direction:column;gap:6px;border:1px solid rgba(81,68,45,.28);background:radial-gradient(140px 90px at 100% 0%,rgba(200,155,60,.07),transparent 70%),linear-gradient(180deg,#1b1d21e6,#111318f7)}.admin-stat-icon{color:var(--gold)}.admin-stat-icon.ember{color:var(--ember)}.admin-stat-value{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--text)}.admin-stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.admin-panel{padding:var(--sp-5);border:1px solid rgba(81,68,45,.25);background:radial-gradient(300px 160px at 0% 0%,rgba(200,155,60,.05),transparent 70%),linear-gradient(180deg,#1b1d21eb,#111318f5)}.admin-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:13px}.admin-row:last-child{border-bottom:none}.admin-search{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-5)}.admin-search input{flex:1;max-width:420px}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th{text-align:left;font-family:var(--font-display);font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--text-2);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid rgba(81,68,45,.4);white-space:nowrap}.admin-table td{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}.admin-table tr:hover td{background:#c89b3c0a}.admin-table .row-btn{white-space:nowrap}.badge-disabled{background:#a91d2440;border:1px solid #5c1d20;color:#e09088}.admin-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--sp-3);margin-bottom:var(--sp-6)}.admin-detail-item{padding:var(--sp-3) var(--sp-4)}.admin-detail-item .admin-stat-value{font-size:18px}.admin-actions{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center}.admin-actions input{width:110px;padding:7px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#08090bcc;color:var(--text)}.admin-actions input:focus{outline:none;border-color:var(--bronze)}.admin-reason{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-4)}.admin-reason input{flex:1;padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#08090bcc;color:var(--text)}.admin-reason input:focus{outline:none;border-color:var(--bronze)}.admin-log-row{padding:var(--sp-3) 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:13px}.admin-log-row:last-child{border-bottom:none}.admin-log-meta{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center}.admin-log-delta{font-family:var(--font-mono);font-size:12px;color:var(--gold-bright)}.admin-econ-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--sp-3);margin-bottom:var(--sp-5)}.admin-currency{border-color:#51442d4d;padding:var(--sp-4)}.admin-currency-title{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700;margin-bottom:var(--sp-3)}.admin-currency-title .gem{color:var(--ember)}.admin-currency-title .coins{color:var(--gold)}.admin-currency-stat{display:flex;justify-content:space-between;font-size:13px;padding:3px 0}.admin-currency-stat .val{font-family:var(--font-mono);color:var(--gold-bright)}.bazaar-head{margin-bottom:var(--sp-5)}.bazaar-wallet{display:flex;gap:var(--sp-3);flex-wrap:wrap;margin-top:var(--sp-3)}.bazaar-coin{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--bronze);border-radius:var(--radius-full);background:#1b1d21b3;font-size:13px;color:var(--gold-bright)}.bazaar-coin.ember{color:var(--ember);border-color:#e85d1666}.bazaar-tabs{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:var(--sp-6);padding-bottom:var(--sp-3);border-bottom:1px solid rgba(81,68,45,.35)}.bazaar-tab{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:linear-gradient(180deg,#1b1d21e6,#111318f2);color:var(--text-2);font-size:13px}.bazaar-tab.active{border-color:var(--bronze);color:var(--gold);box-shadow:var(--shadow-glow-gold)}.bazaar-sub{min-height:200px}.bazaar-foot{display:flex;align-items:center;gap:6px;margin-top:var(--sp-8)}.shop-card{padding:var(--sp-4);display:flex;flex-direction:column;gap:8px;border:1px solid rgba(81,68,45,.25)}.shop-rewards{display:flex;flex-wrap:wrap;gap:6px;font-size:12px;color:var(--text-2)}.shop-rewards span{display:inline-flex;align-items:center;gap:4px}.shop-buy{width:100%;margin-top:auto;white-space:normal;text-wrap:balance;line-height:1.3;padding-block:8px}.shop-buy+.shop-buy{margin-top:var(--sp-2)}.shop-onetime{display:inline-flex;align-items:center;gap:4px;align-self:flex-start}.shop-desc{min-height:40px}.shop-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.shop-hero-portrait{position:relative;width:64px;height:64px;border-radius:var(--radius-sm);background-size:cover;background-position:center;border:1px solid rgba(81,68,45,.4);display:flex;align-items:center;justify-content:center}.shop-hero-initial{font-size:28px;font-weight:700;color:#fff4d6d9}.shop-hero-rarity{position:absolute;top:-6px;right:-6px;font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:#0c0d10;padding:2px 6px;border-radius:var(--radius-full);font-weight:700}.shop-hero-name{margin:0;font-size:15px}.shop-hero-class{color:var(--text-2)}.toast-success{background:#8a9a5e29;border:1px solid #4c5a35;color:#c4d3a1;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);margin-bottom:var(--sp-4);font-size:13px}.recruit-card{padding:var(--sp-5);border:1px solid rgba(81,68,45,.3);background:radial-gradient(300px 140px at 100% 0%,rgba(232,93,22,.06),transparent 70%),linear-gradient(180deg,#1b1d21eb,#111318f5)}.recruit-rate{display:flex;align-items:center;gap:8px;margin:4px 0}.recruit-rate .badge{min-width:74px;text-align:center}.recruit-rate-bar{flex:1;height:8px;background:#ffffff0d;border-radius:var(--radius-full);overflow:hidden}.recruit-rate-fill{display:block;height:100%}.recruit-pity{margin-top:var(--sp-3);font-size:12px}.recruit-actions{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-top:var(--sp-4)}.recruit-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--sp-3)}.recruit-result{padding:var(--sp-3);border:1px solid;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:6px;background:#111318cc}.recruit-result-name{font-family:var(--font-display);font-weight:700}.recruit-result-note{font-size:12px;color:var(--gold-bright)}.battlepass-head{padding:var(--sp-5);margin-bottom:var(--sp-5);border:1px solid rgba(81,68,45,.35);background:radial-gradient(400px 180px at 100% 0%,rgba(200,155,60,.08),transparent 70%),linear-gradient(180deg,#1b1d21eb,#111318f5)}.battlepass-title{display:flex;align-items:center;gap:10px}.battlepass-tiers{display:flex;flex-direction:column;gap:var(--sp-2)}.battlepass-tier{display:grid;grid-template-columns:48px 1fr 1fr;gap:var(--sp-3);align-items:center;padding:var(--sp-3) var(--sp-4)}.battlepass-tier.locked{opacity:.55}.battlepass-tier-num{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--gold);text-align:center}.battlepass-track{display:flex;align-items:center;gap:8px;justify-content:space-between}.battlepass-track.premium{border-left:1px solid rgba(232,93,22,.35);padding-left:var(--sp-3)}.battlepass-claimed{display:inline-flex;align-items:center;gap:4px;color:var(--success);font-size:12px}.battlepass-locked{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:12px}.daily-head{padding:var(--sp-5);margin-bottom:var(--sp-5);display:flex;flex-direction:column;gap:8px;align-items:flex-start}.daily-result{color:var(--gold-bright);font-size:13px}.daily-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--sp-3)}.daily-day{padding:var(--sp-3);display:flex;flex-direction:column;gap:6px;border:1px solid rgba(81,68,45,.25)}.daily-day.active{border-color:var(--bronze);box-shadow:var(--shadow-glow-gold)}.daily-day-num{font-family:var(--font-display);font-weight:700;color:var(--gold);font-size:13px;text-transform:uppercase;letter-spacing:.1em}.daily-day-reward{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--text-2)}.menu-quicklinks{display:flex;gap:var(--sp-2);flex-wrap:wrap;justify-content:center;margin-bottom:var(--sp-8)}.dungeon-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;overflow:hidden}.atmo-layer{position:absolute;top:0;right:0;bottom:0;left:0;will-change:opacity,transform}.atmo-vignette{background:radial-gradient(ellipse 70% 60% at 50% 50%,transparent 40%,rgba(6,7,9,.55) 100%)}.dungeon-atmosphere--dark_forest .atmo-ember-1{background:radial-gradient(ellipse 45% 50% at 30% 65%,rgba(210,105,30,.18) 0%,transparent 70%);animation:atmo-ember-pulse 8s ease-in-out infinite}.dungeon-atmosphere--dark_forest .atmo-ember-2{background:radial-gradient(ellipse 35% 40% at 70% 35%,rgba(255,120,20,.12) 0%,transparent 65%);animation:atmo-ember-pulse 11s ease-in-out infinite reverse}.dungeon-atmosphere--dark_forest .atmo-fog{background:radial-gradient(ellipse 80% 45% at 50% 80%,rgba(15,30,15,.25) 0%,transparent 70%);animation:atmo-fog-drift 16s ease-in-out infinite;mix-blend-mode:screen}.dungeon-atmosphere--dark_forest .atmo-rays{background:linear-gradient(155deg,transparent 0%,rgba(200,170,100,.04) 25%,transparent 30%,rgba(200,170,100,.06) 50%,transparent 55%,rgba(200,170,100,.03) 75%,transparent 100%);animation:atmo-rays-shift 20s ease-in-out infinite;mix-blend-mode:soft-light}.dungeon-atmosphere--dark_forest .atmo-corruption{background:radial-gradient(ellipse 25% 25% at 55% 50%,rgba(80,20,120,.1) 0%,transparent 70%);animation:atmo-corruption-pulse 13s ease-in-out infinite}.dungeon-atmosphere--dark_forest.dungeon-atmosphere--boss .atmo-ember-1{background:radial-gradient(ellipse 50% 55% at 40% 60%,rgba(230,110,25,.28) 0%,transparent 65%);animation-duration:6s}.dungeon-atmosphere--dark_forest.dungeon-atmosphere--boss .atmo-ember-2{background:radial-gradient(ellipse 40% 45% at 65% 40%,rgba(255,130,30,.2) 0%,transparent 60%);animation-duration:9s}.dungeon-atmosphere--dark_forest.dungeon-atmosphere--boss .atmo-corruption{background:radial-gradient(ellipse 35% 30% at 50% 55%,rgba(90,15,140,.18) 0%,transparent 65%);animation-duration:10s}.dungeon-atmosphere--forgotten_ruins .atmo-ember-1{background:radial-gradient(ellipse 40% 45% at 45% 55%,rgba(110,60,180,.15) 0%,transparent 70%);animation:atmo-arcane-pulse 10s ease-in-out infinite}.dungeon-atmosphere--forgotten_ruins .atmo-ember-2{background:radial-gradient(ellipse 35% 40% at 65% 30%,rgba(70,40,160,.12) 0%,transparent 65%);animation:atmo-arcane-pulse 14s ease-in-out infinite reverse}.dungeon-atmosphere--forgotten_ruins .atmo-fog{background:radial-gradient(ellipse 70% 50% at 50% 75%,rgba(60,30,120,.14) 0%,transparent 70%);animation:atmo-fog-drift 18s ease-in-out infinite;mix-blend-mode:screen}.dungeon-atmosphere--forgotten_ruins .atmo-rays{background:radial-gradient(ellipse 50% 50% at 35% 40%,rgba(140,160,200,.06) 0%,transparent 60%);animation:atmo-rays-shift 22s ease-in-out infinite;mix-blend-mode:screen}.dungeon-atmosphere--forgotten_ruins .atmo-corruption{background:radial-gradient(ellipse 30% 30% at 55% 65%,rgba(30,20,80,.12) 0%,transparent 70%);animation:atmo-corruption-pulse 15s ease-in-out infinite}.dungeon-atmosphere--forgotten_ruins.dungeon-atmosphere--boss .atmo-ember-1{background:radial-gradient(ellipse 45% 50% at 40% 50%,rgba(130,70,200,.24) 0%,transparent 65%);animation-duration:8s}.dungeon-atmosphere--forgotten_ruins.dungeon-atmosphere--boss .atmo-ember-2{background:radial-gradient(ellipse 40% 40% at 60% 35%,rgba(90,50,180,.18) 0%,transparent 60%);animation-duration:11s}.dungeon-atmosphere--forgotten_ruins.dungeon-atmosphere--boss .atmo-corruption{background:radial-gradient(ellipse 35% 35% at 50% 60%,rgba(40,25,100,.2) 0%,transparent 65%);animation-duration:12s}@keyframes atmo-ember-pulse{0%,to{opacity:.6;transform:scale(1) translateY(0)}35%{opacity:1;transform:scale(1.04) translateY(-1%)}70%{opacity:.75;transform:scale(.98) translateY(1%)}}@keyframes atmo-arcane-pulse{0%,to{opacity:.55;transform:scale(1)}30%{opacity:.9;transform:scale(1.06)}60%{opacity:.65;transform:scale(.97)}}@keyframes atmo-fog-drift{0%,to{opacity:.6;transform:translate(0) translateY(0)}25%{opacity:.8;transform:translate(3%) translateY(-1%)}50%{opacity:.5;transform:translate(-2%) translateY(1%)}75%{opacity:.75;transform:translate(1%) translateY(-.5%)}}@keyframes atmo-rays-shift{0%,to{opacity:.6;transform:translate(0) skew(0)}30%{opacity:.9;transform:translate(2%) skew(1deg)}60%{opacity:.55;transform:translate(-1.5%) skew(-.5deg)}}@keyframes atmo-corruption-pulse{0%,to{opacity:.4;transform:scale(1)}40%{opacity:.85;transform:scale(1.08)}70%{opacity:.5;transform:scale(.95)}}@media (prefers-reduced-motion: reduce){.atmo-layer{animation:none!important;opacity:.5}.battle-float{animation:none!important;opacity:1;transform:translate(-50%,-50%)}}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;padding:var(--sp-4);pointer-events:auto}.onboarding-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.onboarding-card{position:relative;z-index:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-5);max-width:400px;width:100%;box-shadow:var(--shadow-lg)}.onboarding-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3)}.onboarding-step-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.onboarding-skip-btn{display:inline-flex;align-items:center;gap:var(--sp-1);background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.8rem;padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-sm);transition:color .2s}.onboarding-skip-btn:hover{color:var(--text)}.onboarding-title{font-family:var(--font-display);font-size:1.25rem;color:var(--gold);margin:0 0 var(--sp-2)}.onboarding-text{color:var(--text);line-height:1.6;margin:0 0 var(--sp-4)}.onboarding-error{display:inline-flex;align-items:center;gap:var(--sp-1);color:#e09088;background:#3c10128c;border:1px solid #5c1d20;border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-3);font-size:.85rem;margin:0 0 var(--sp-3)}.onboarding-actions{display:flex;justify-content:flex-end}.onboarding-actions .btn{display:inline-flex;align-items:center;gap:var(--sp-1)}.onboarding-progress{display:flex;gap:6px;justify-content:center;margin-top:var(--sp-3)}.onboarding-dot{width:8px;height:8px;border-radius:50%;background:var(--border);transition:background .3s,transform .3s}.onboarding-dot.active{background:var(--gold);transform:scale(1.2)}.onboarding-dot.completed{background:var(--gold-dim)}.narrative-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);opacity:0;pointer-events:none;transition:opacity .3s ease}.narrative-overlay.visible{opacity:1;pointer-events:auto}.narrative-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.narrative-card{position:relative;z-index:1;background:linear-gradient(135deg,var(--surface),var(--surface-elevated, #161b22));border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-6);max-width:480px;width:100%;text-align:center;box-shadow:0 8px 32px #00000080;transform:translateY(20px);transition:transform .3s ease}.narrative-card.visible{transform:translateY(0)}.narrative-head{display:flex;align-items:center;gap:var(--sp-4);text-align:left;margin-bottom:var(--sp-3)}.narrative-portrait{width:64px;height:64px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--gold-dim);box-shadow:0 0 16px #f0c96a33;flex-shrink:0}.narrative-skip-btn{color:var(--text-muted);display:inline-flex;align-items:center;gap:var(--sp-1)}.narrative-hint{margin:var(--sp-3) 0 0;font-size:.7rem;color:var(--muted);letter-spacing:.04em}.narrative-title{font-family:var(--font-display);font-size:1.5rem;color:var(--gold);margin:0 0 var(--sp-3)}.narrative-type-badge{display:inline-block;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ember);border:1px solid var(--ember-dim, rgba(255, 100, 50, .3));padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);margin-bottom:var(--sp-4)}.narrative-text{color:var(--text);font-size:1.05rem;line-height:1.7;margin:0 0 var(--sp-4);font-style:italic}.narrative-pagination{display:flex;gap:6px;justify-content:center;margin-bottom:var(--sp-4)}.narrative-dot{width:6px;height:6px;border-radius:50%;background:var(--border);transition:background .3s,transform .3s}.narrative-dot.active{background:var(--gold);transform:scale(1.3)}.narrative-actions{display:flex;justify-content:center}.narrative-actions .btn{display:inline-flex;align-items:center;gap:var(--sp-1)}.war-camp{max-width:720px;margin:0 auto}.war-camp-header{text-align:center;padding:var(--sp-6) 0 var(--sp-4)}.war-camp-header h1{font-family:var(--font-display);font-size:1.8rem;color:var(--gold);margin:0 0 var(--sp-1)}.war-camp-header .muted{color:var(--text-muted);margin:0}.war-camp-section{margin-bottom:var(--sp-6)}.war-camp-section-title{font-family:var(--font-display);font-size:1rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 var(--sp-3)}.war-camp-party{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3)}@media (max-width: 600px){.war-camp-party{grid-template-columns:repeat(2,1fr)}}.war-camp-hero-card{display:flex;flex-direction:column;align-items:center;padding:var(--sp-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:border-color .2s,transform .15s;text-decoration:none;color:var(--text)}.war-camp-hero-card:hover{border-color:var(--gold-dim);transform:translateY(-2px)}.war-camp-hero-portrait{width:56px;height:56px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--border);margin-bottom:var(--sp-2)}.war-camp-hero-name{font-size:.85rem;font-weight:600;text-align:center}.war-camp-hero-role{font-size:.7rem;color:var(--text-muted);text-transform:capitalize}.war-camp-dungeon-cta{display:block;padding:var(--sp-4);background:linear-gradient(135deg,var(--surface),rgba(35,42,32,.8));border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:border-color .2s,transform .15s;text-decoration:none;color:var(--text)}.war-camp-dungeon-cta:hover{border-color:#4a7c47;transform:translateY(-1px)}.war-camp-dungeon-name{font-family:var(--font-display);font-size:1.1rem;color:var(--text);margin:0 0 var(--sp-1)}.war-camp-dungeon-desc{font-size:.85rem;color:var(--text-muted);margin:0}.war-camp-stats{display:flex;gap:var(--sp-4);justify-content:center;flex-wrap:wrap;margin-top:var(--sp-3)}.war-camp-objective{display:flex;align-items:center;gap:var(--sp-3);margin-top:var(--sp-5);padding:var(--sp-4) var(--sp-5);background:linear-gradient(135deg,#f0c96a14,#f0c96a05),var(--surface);border:1px solid rgba(240,201,106,.25);border-left:3px solid var(--gold);border-radius:var(--radius-md);color:var(--text);text-decoration:none;transition:border-color var(--transition-base),transform var(--transition-fast)}.war-camp-objective:hover{border-color:var(--gold-dim);transform:translateY(-1px)}.war-camp-objective>svg:first-child{color:var(--gold)}.war-camp-objective-label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gold-dim);margin-bottom:2px}.war-camp-objective-text{margin:0;font-size:.95rem;line-height:1.5}.war-camp-objective-arrow{margin-left:auto;color:var(--gold-dim);flex-shrink:0}.war-camp-dungeon-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);text-decoration:none;transition:border-color var(--transition-base),background var(--transition-base)}.war-camp-dungeon-row:hover{border-color:var(--gold-dim)}.war-camp-dungeon-row[data-state=cleared]{opacity:.75}.war-camp-dungeon-row[data-state=locked]{opacity:.55}.war-camp-dungeon-row[data-state=active]{border-color:var(--gold-dim);background:linear-gradient(135deg,rgba(240,201,106,.06),transparent),var(--surface)}.war-camp-dungeon-row-name{display:block;font-weight:600;font-size:.95rem}.war-camp-dungeon-row-sub{display:block;font-size:.78rem;color:var(--text-muted)}.war-camp-dungeon-reward{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;color:var(--ember);flex-shrink:0}.recruit-result{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);padding:var(--sp-3);border-width:1px;border-style:solid;border-radius:var(--radius-md);background:var(--surface);opacity:0;transform:translateY(10px) scale(.94);animation:recruit-reveal .45s cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--reveal-delay, 0ms)}@keyframes recruit-reveal{to{opacity:1;transform:translateY(0) scale(1)}}.recruit-result.reveal-new .recruit-result-name{color:var(--reveal-glow, var(--gold));text-shadow:0 0 12px color-mix(in srgb,var(--reveal-glow, var(--gold)) 55%,transparent)}.recruit-result-portrait,.recruit-result-initial{width:52px;height:52px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--reveal-glow, var(--border))}.recruit-result-initial{display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;background:linear-gradient(160deg,var(--surface-elevated, #161b22),#10141d);color:var(--text)}@media (prefers-reduced-motion: reduce){.recruit-result{animation:none;opacity:1;transform:none}}.war-camp-stat{text-align:center}.war-camp-stat-value{font-family:var(--font-display);font-size:1.2rem;color:var(--gold)}.war-camp-stat-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase}.war-chest-card{position:relative;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4);border:1px solid rgba(81,68,45,.4);border-radius:var(--radius-md);background:linear-gradient(120deg,#1c1d22eb,#14161ceb);overflow:hidden;margin:var(--sp-4) 0}.war-chest-card.ready{border-color:#c89b3c8c}.war-chest-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .4s ease;background:radial-gradient(80% 140% at 15% 50%,rgba(200,155,60,.16),transparent 60%)}.war-chest-card.ready .war-chest-glow{opacity:1}.war-chest-icon{flex:0 0 auto;width:44px;height:44px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#cf9c3fd9;background:radial-gradient(circle at 50% 30%,#c89b3c38,#14161c99);border:1px solid rgba(200,155,60,.35)}.war-chest-body{flex:1 1 auto;display:flex;flex-direction:column;gap:2px;min-width:0}.war-chest-title{font-family:var(--font-display);font-size:1rem;color:var(--text)}.war-chest-card.ready .war-chest-title{color:var(--gold)}.war-chest-sub{font-size:.78rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.war-chest-cta{flex:0 0 auto;white-space:nowrap}.war-chest-reveal{flex:1 1 100%;display:flex;flex-direction:column;gap:4px;padding:var(--sp-2) var(--sp-3);border:1px solid rgba(138,154,94,.4);border-radius:var(--radius-sm);background:#8a9a5e1a;color:#c4d3a1;font-size:.8rem}.war-chest-reveal ul{margin:0;padding-left:0;list-style:none;display:flex;flex-wrap:wrap;gap:2px 12px}.war-chest-error{flex:1 1 100%;font-size:.75rem;color:var(--danger, #e2728a);margin:0}@media (max-width: 520px){.war-chest-card{flex-wrap:wrap}.war-chest-cta{width:100%}}@media (max-width: 400px){.war-camp-header h1{font-size:1.4rem}.onboarding-card,.narrative-card{padding:var(--sp-4)}}.landing{--landing-gold: #c89b3c;--landing-ember: #e85d16;--landing-nav-h: 64px;background:var(--obsidian);color:var(--text);font-family:var(--font-body);overflow-x:hidden;min-height:100vh;min-height:100svh}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:90;box-sizing:border-box;height:var(--landing-nav-h);display:flex;align-items:center;gap:var(--sp-4);padding:0 var(--sp-6);background:linear-gradient(180deg,#08090beb,#08090b8c);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:border-color var(--duration) var(--ease)}.landing-nav.is-scrolled{border-bottom-color:#51442d59}.landing-nav-brand{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.landing-nav-brand img{height:calc(var(--landing-nav-h) - 18px);width:auto;display:block}.landing-nav-links{display:flex;gap:var(--sp-5);margin-inline-start:var(--sp-4)}.landing-nav-links a{color:var(--muted);text-decoration:none;font-size:13px;font-weight:600;letter-spacing:.06em;transition:color var(--duration-fast) var(--ease)}.landing-nav-links a:hover,.landing-nav-links a:focus-visible{color:var(--landing-gold)}.landing-nav-actions{margin-inline-start:auto;display:flex;align-items:center;gap:var(--sp-3)}.landing-lang{background:transparent;border:1px solid var(--bronze);color:var(--muted);border-radius:var(--radius-sm);font-size:11px;font-weight:700;letter-spacing:.08em;padding:4px 9px;cursor:pointer;transition:all var(--duration-fast) var(--ease)}.landing-lang.active{color:var(--landing-gold);border-color:var(--landing-gold);background:#c89b3c1a}.landing-lang-divider{color:var(--bronze)}.landing-nav-login{font-size:13px}.landing-nav-play{font-size:13px;padding:8px 18px}.landing-burger{display:none;background:transparent;border:none;color:var(--text);cursor:pointer;padding:6px}.landing-menu{position:fixed;top:0;left:0;right:0;bottom:0;z-index:85;background:linear-gradient(180deg,#08090bfa,#0c0d11fa);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-6)}.landing-menu a{color:var(--text);text-decoration:none;font-size:22px;font-weight:700;letter-spacing:.05em;font-family:var(--font-display)}.landing-menu-cta{margin-top:var(--sp-4)}.landing-hero{position:relative;min-height:calc(100svh - var(--landing-nav-h));padding-top:var(--landing-nav-h);display:flex;align-items:center;overflow:hidden}.landing-hero-bg,.landing-hero-scroll,.landing-hero-shade,.landing-hero-vignette{pointer-events:none}.landing-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.landing-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.landing-hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#08090b8c,#08090b40 40%,#08090beb),linear-gradient(90deg,#08090be0,#08090b59 55%,#08090b26)}.landing-hero-vignette{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 220px #000000d9}.landing-hero-content{position:relative;z-index:2;max-width:1240px;margin:0 auto;padding:0 var(--sp-6) 72px;display:grid;grid-template-columns:1.15fr .85fr;gap:var(--sp-8);align-items:center;width:100%}.landing-eyebrow{display:flex;align-items:center;gap:8px;color:var(--landing-ember);font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;margin:0 0 var(--sp-4)}.landing-hero-title{font-family:var(--font-display);font-size:clamp(38px,6vw,74px);line-height:1.08;letter-spacing:.02em;margin:0 0 var(--sp-5);text-shadow:0 4px 24px rgba(0,0,0,.8)}.landing-hero-accent{color:var(--landing-gold);text-shadow:0 0 34px rgba(200,155,60,.45)}.landing-hero-sub{color:var(--muted);font-size:clamp(15px,1.6vw,19px);line-height:1.65;max-width:520px;margin:0 0 var(--sp-6)}.landing-hero-ctas{display:flex;gap:var(--sp-4);flex-wrap:wrap}.landing-cta-primary{min-width:230px;justify-content:center;box-shadow:0 0 34px #e85d1659,var(--shadow-lg)}.landing-cta-secondary{justify-content:center;border-color:#51442db3}.landing-chevron{transition:transform var(--duration-fast) var(--ease)}[dir=rtl] .landing-chevron{transform:scaleX(-1)}.landing-hero-formation{position:relative;min-height:380px;display:flex;align-items:flex-end;justify-content:center}.landing-formation-card{position:absolute;width:clamp(150px,16vw,210px);height:clamp(250px,32svh,370px);border-radius:14px;overflow:hidden;border:1px solid rgba(81,68,45,.6);box-shadow:0 18px 50px #000000bf,inset 0 0 40px #00000080;background:linear-gradient(180deg,#1c1e26,#0b0d11)}.landing-formation-card img{width:100%;height:100%;object-fit:cover;object-position:center 15%}.landing-formation-rarity{position:absolute;bottom:8px;left:50%;transform:translate(-50%);color:#fff;font-size:9px;font-weight:700;letter-spacing:.1em;padding:2px 10px;border-radius:var(--radius-full);text-transform:uppercase;box-shadow:0 2px 8px #000000b3}.landing-formation-back{transform:translate(-96px) rotate(-4deg);z-index:1;opacity:.9}.landing-formation-front{transform:translate(0) translateY(8px);z-index:3}.landing-formation-mid{transform:translate(96px) rotate(4deg);z-index:2;opacity:.9}.landing-formation-side{transform:translate(-192px) translateY(40px) scale(.8) rotate(-7deg);z-index:0;opacity:.7;display:none}[dir=rtl] .landing-formation-back{transform:translate(96px) rotate(4deg)}[dir=rtl] .landing-formation-mid{transform:translate(-96px) rotate(-4deg)}.landing-embers{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.landing-embers i{position:absolute;bottom:-12px;width:4px;height:4px;border-radius:50%;background:radial-gradient(circle,#ff9d5c,#e85d16 60%,transparent);opacity:0;animation:landing-ember-rise 7s linear infinite}.landing-embers i:nth-child(1){left:8%;animation-delay:0s;animation-duration:8s}.landing-embers i:nth-child(2){left:22%;animation-delay:2.2s;animation-duration:7s}.landing-embers i:nth-child(3){left:37%;animation-delay:4s;animation-duration:9s}.landing-embers i:nth-child(4){left:55%;animation-delay:1.2s;animation-duration:8.5s}.landing-embers i:nth-child(5){left:68%;animation-delay:5.4s;animation-duration:7.5s}.landing-embers i:nth-child(6){left:81%;animation-delay:3s;animation-duration:9.5s}.landing-embers i:nth-child(7){left:92%;animation-delay:6.2s;animation-duration:8s}@keyframes landing-ember-rise{0%{transform:translateY(0) translate(0) scale(1);opacity:0}8%{opacity:.85}60%{opacity:.55}to{transform:translateY(-105vh) translate(24px) scale(.4);opacity:0}}.landing-hero-scroll{position:absolute;bottom:22px;left:50%;transform:translate(-50%);z-index:3}.landing-hero-scroll span{display:block;width:22px;height:36px;border:2px solid rgba(200,155,60,.55);border-radius:12px;position:relative}.landing-hero-scroll span:after{content:"";position:absolute;top:6px;left:50%;width:3px;height:7px;margin-left:-1.5px;border-radius:3px;background:var(--landing-gold);animation:landing-scroll-hint 1.8s ease-in-out infinite}@keyframes landing-scroll-hint{0%,to{transform:translateY(0);opacity:1}60%{transform:translateY(10px);opacity:.2}}.landing-section{position:relative;padding:96px var(--sp-6);max-width:1240px;margin:0 auto}.landing-title{font-family:var(--font-display);font-size:clamp(26px,3.4vw,42px);letter-spacing:.03em;margin:0 0 var(--sp-4);color:var(--text)}.landing-lead{color:var(--muted);font-size:clamp(15px,1.8vw,19px);line-height:1.7;max-width:640px;margin:0}.landing-what{padding-top:110px;text-align:center}.landing-what-inner{display:flex;flex-direction:column;align-items:center}.landing-loop{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--sp-3);margin-top:var(--sp-8)}.landing-loop-step{display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--sp-4) var(--sp-5);border:1px solid var(--bronze);border-radius:var(--radius-md);background:linear-gradient(170deg,#1c1e26bf,#0e1015d9);color:var(--landing-gold);font-size:12px;font-weight:700;letter-spacing:.12em;min-width:108px}.landing-loop-step svg{color:var(--landing-ember)}.landing-features{text-align:center}.landing-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-6);margin-top:var(--sp-8);text-align:start}.landing-feature{border:1px solid var(--bronze);border-radius:var(--radius-lg);padding:var(--sp-6);background:radial-gradient(900px 380px at 50% 0%,rgba(200,155,60,.06),transparent 60%),linear-gradient(170deg,#181a21e6,#0c0e12f2);display:flex;flex-direction:column;height:100%;transition:border-color var(--duration) var(--ease),transform var(--duration) var(--ease)}.landing-feature:hover{border-color:var(--landing-gold);transform:translateY(-3px)}.landing-feature h3{font-family:var(--font-display);font-size:20px;margin:var(--sp-4) 0 var(--sp-2);color:var(--landing-gold)}.landing-feature p{color:var(--muted);line-height:1.7;font-size:14px;margin:0 0 var(--sp-4)}.landing-feature-art{height:220px;border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(81,68,45,.5);position:relative;background:#0b0d11}.landing-feature-art img{width:100%;height:100%;object-fit:cover;object-position:center 15%}.landing-feature-art-duo{display:grid;grid-template-columns:1fr 1fr;gap:2px}.landing-feature-cta{margin-top:auto;align-self:flex-start}.landing-progression{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;padding-top:var(--sp-3);color:var(--landing-gold);font-size:11px;font-weight:700;letter-spacing:.08em}.landing-progression span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.landing-showcase{text-align:center}.landing-showcase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4);margin-top:var(--sp-8)}.landing-hero-card{border:1px solid var(--bronze);border-radius:var(--radius-md);overflow:hidden;background:linear-gradient(175deg,#1a1c24,#0d0f13);text-align:center;padding-bottom:var(--sp-4);transition:border-color var(--duration) var(--ease),transform var(--duration) var(--ease)}.landing-hero-card:hover{border-color:var(--landing-gold);transform:translateY(-4px);box-shadow:0 14px 40px #0009,0 0 24px #c89b3c26}.landing-hero-card-art{position:relative;height:230px;overflow:hidden}.landing-hero-card-art img{width:100%;height:100%;object-fit:cover;object-position:center 12%;transition:transform .5s var(--ease)}.landing-hero-card:hover .landing-hero-card-art img{transform:scale(1.06)}.landing-hero-card-rarity{position:absolute;top:8px;right:8px;color:#fff;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:2px 9px;border-radius:var(--radius-full);box-shadow:0 2px 8px #000000b3}[dir=rtl] .landing-hero-card-rarity{right:auto;left:8px}.landing-hero-card h3{font-family:var(--font-display);font-size:17px;margin:var(--sp-3) 0 2px}.landing-hero-card-role{color:var(--landing-gold);font-size:11px;font-weight:600;letter-spacing:.04em;margin:0 0 var(--sp-2)}.landing-hero-card-desc{color:var(--muted);font-size:12px;line-height:1.6;margin:0;padding:0 var(--sp-3)}.landing-showcase-note{margin-top:var(--sp-6);color:var(--muted);font-size:13px;letter-spacing:.06em}.landing-preview{text-align:center}.landing-preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4);margin-top:var(--sp-8)}.landing-preview-shot{margin:0;border:1px solid var(--bronze);border-radius:var(--radius-md);overflow:hidden;background:#0b0d11}.landing-preview-shot img{width:100%;height:240px;object-fit:cover;display:block;transition:transform .6s var(--ease)}.landing-preview-shot:hover img{transform:scale(1.04)}.landing-preview-shot figcaption{padding:10px var(--sp-3);text-align:start;color:var(--muted);font-size:13px;font-weight:600;letter-spacing:.04em;border-top:1px solid rgba(81,68,45,.4)}.landing-why{text-align:center;background:radial-gradient(900px 420px at 50% 0%,rgba(232,93,22,.08),transparent 65%);border-top:1px solid rgba(81,68,45,.25);border-bottom:1px solid rgba(81,68,45,.25);max-width:none;padding-inline:var(--sp-6)}.landing-why-title{max-width:760px;margin-inline:auto}.landing-why-list{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-3);margin:var(--sp-6) 0 0;padding:0}.landing-why-list li{display:flex;align-items:center;gap:8px;border:1px solid var(--bronze);border-radius:var(--radius-full);padding:8px 18px;color:var(--text);font-size:13px;font-weight:600;background:#111318b3}.landing-why-flame{color:var(--landing-ember);flex-shrink:0}.landing-final{text-align:center;padding-block:120px;background:radial-gradient(800px 400px at 50% 100%,rgba(232,93,22,.12),transparent 65%)}.landing-final-title{font-family:var(--font-display);font-size:clamp(30px,4.4vw,54px);margin:0 0 var(--sp-4);letter-spacing:.02em}.landing-final-sub{color:var(--muted);font-size:17px;margin:0 0 var(--sp-6)}.landing-footer{border-top:1px solid rgba(81,68,45,.35);padding:var(--sp-8) var(--sp-6);display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);text-align:center}.landing-footer p{color:var(--muted);font-size:12px;margin:0;line-height:1.6}.landing-footer-identity{color:var(--bronze)}.landing-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.landing-reveal.is-visible{opacity:1;transform:none}@media (max-width: 1024px){.landing-hero-content{grid-template-columns:1fr;text-align:center}.landing-hero-sub{margin-inline:auto}.landing-hero-ctas,.landing-eyebrow{justify-content:center}.landing-hero-formation{margin-top:var(--sp-6);min-height:300px}.landing-formation-card{width:clamp(130px,20vw,170px);height:clamp(220px,28svh,290px)}.landing-showcase-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 860px){.landing-nav-links{display:none}.landing-burger{display:inline-flex}.landing-nav-login{display:none}.landing-feature-grid{grid-template-columns:1fr}.landing-showcase-grid{grid-template-columns:repeat(2,1fr)}.landing-preview-grid{grid-template-columns:1fr}.landing-preview-shot img{height:200px}}@media (max-width: 600px){.landing-section{padding:72px var(--sp-4)}.landing-hero-content{padding:0 var(--sp-4) 56px}.landing-hero-title{font-size:clamp(30px,9vw,44px)}.landing-hero-formation{min-height:240px}.landing-formation-card{width:clamp(104px,30vw,132px);height:clamp(178px,24svh,220px)}.landing-formation-back{transform:translate(-64px) rotate(-4deg)}.landing-formation-mid{transform:translate(64px) rotate(4deg)}.landing-showcase-grid{grid-template-columns:repeat(2,1fr);gap:var(--sp-3)}.landing-hero-card-art{height:170px}.landing-loop-step{min-width:88px;padding:var(--sp-3) var(--sp-3)}.landing-cta-primary{min-width:0;flex:1 1 100%}}@media (max-height: 560px) and (orientation: landscape){.landing-hero{min-height:auto;padding-bottom:40px}.landing-hero-content{gap:var(--sp-5)}.landing-hero-title{font-size:clamp(26px,5.4vw,44px);margin-bottom:var(--sp-3)}.landing-hero-sub{margin-bottom:var(--sp-4)}.landing-hero-formation{min-height:200px}.landing-formation-card{width:clamp(90px,13vw,130px);height:clamp(150px,44svh,210px)}.landing-hero-scroll{display:none}}@media (max-width: 380px){.landing-nav{gap:var(--sp-2);padding:0 var(--sp-3)}.landing-nav-actions{gap:6px;margin-inline-start:auto}.landing-nav-play{padding:8px 12px;font-size:12px;white-space:nowrap}.landing-lang{padding:4px 7px}.landing-showcase-grid{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion: reduce){.landing-reveal{opacity:1;transform:none;transition:none}.landing-embers i,.landing-hero-scroll span:after,.landing-hero-card:hover .landing-hero-card-art img,.landing-preview-shot:hover img{animation:none;transition:none}.landing-hero-card:hover,.landing-feature:hover{transform:none}}[dir=rtl] .landing-hero-title,[dir=rtl] .landing-title{letter-spacing:0}[dir=rtl] .landing-eyebrow svg{transform:scaleX(-1)}.legal-page{min-height:100vh;min-height:100svh;background:var(--obsidian);color:var(--text);display:flex;flex-direction:column}.legal-page-inner{max-width:780px;width:100%;margin:0 auto;padding:96px var(--sp-5) 64px;flex:1}.legal-page-head{margin-bottom:var(--sp-6)}.legal-page-title{font-family:var(--font-display);font-size:clamp(26px,4vw,40px);letter-spacing:.03em;margin:0 0 var(--sp-2)}.legal-page-meta{color:var(--muted);font-size:12px;line-height:1.7;margin:0}.legal-page-intro{color:var(--text);font-size:15px;line-height:1.75;border-inline-start:3px solid var(--gold);padding-inline-start:var(--sp-4);margin:0 0 var(--sp-7)}.legal-block{margin-bottom:var(--sp-6)}.legal-block h2{font-family:var(--font-display);font-size:17px;color:var(--gold);margin:0 0 var(--sp-2);letter-spacing:.02em}.legal-block p{color:var(--text-secondary, #b9b4a8);font-size:14px;line-height:1.8;margin:0}.legal-block ul{margin:var(--sp-2) 0 0;padding-inline-start:22px}.legal-block li{color:var(--text-secondary, #b9b4a8);font-size:14px;line-height:1.8;margin-bottom:6px}.legal-contact-note{border:1px dashed var(--bronze);border-radius:var(--radius-sm);padding:var(--sp-3) var(--sp-4);color:var(--muted);font-size:12px}.legal-footer{border-top:1px solid rgba(81,68,45,.35);background:linear-gradient(180deg,#0b0d11,#08090b);padding:var(--sp-7) var(--sp-6) var(--sp-5);width:100%}.legal-footer-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:var(--sp-6)}.legal-footer-brand .brand-logo{margin-bottom:var(--sp-2)}.legal-footer-tagline{color:var(--muted);font-size:12px;letter-spacing:.06em;margin:0}.legal-footer-col{display:flex;flex-direction:column;gap:8px}.legal-footer-col h4{font-family:var(--font-display);color:var(--gold);font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 4px}.legal-footer-col a{color:var(--muted);text-decoration:none;font-size:13px;transition:color var(--duration-fast) var(--ease);width:fit-content}.legal-footer-col a:hover,.legal-footer-col a:focus-visible{color:var(--gold)}.legal-footer-bottom{max-width:1100px;margin:var(--sp-6) auto 0;padding-top:var(--sp-4);border-top:1px solid rgba(81,68,45,.25);display:flex;flex-direction:column;gap:4px}.legal-footer-bottom p{color:var(--bronze);font-size:12px;margin:0;line-height:1.6}.account-page{min-height:100vh;min-height:100svh;background:var(--obsidian);display:flex;flex-direction:column}.account-panel{max-width:640px;width:100%;margin:0 auto;padding:96px var(--sp-5) 64px;flex:1}.account-danger{margin-top:var(--sp-7);border:1px solid rgba(142,36,54,.5);border-radius:var(--radius-md);padding:var(--sp-5);background:#8e24360f}.account-danger h2{font-family:var(--font-display);font-size:16px;color:var(--danger, #8e2436);display:flex;align-items:center;gap:8px;margin:0 0 var(--sp-3)}.account-danger ul{margin:var(--sp-2) 0;padding-inline-start:20px}.account-danger li{margin-bottom:4px}.account-confirm-row{display:flex;align-items:center;gap:10px;margin:var(--sp-3) 0;font-size:13px;color:var(--text-secondary, #b9b4a8)}.account-confirm-row input[type=text]{background:var(--bg-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:8px 10px;font-size:13px;width:160px}.account-delete-actions{display:flex;gap:var(--sp-3);margin-top:var(--sp-4);flex-wrap:wrap}.account-delete-actions .btn{min-height:40px}.login-footer-area{margin-top:var(--sp-8);width:100%}@media (max-width: 860px){.legal-footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 520px){.legal-page-inner,.account-panel{padding:72px var(--sp-4) 48px}.legal-footer-grid{grid-template-columns:1fr;gap:var(--sp-5)}}.lang-switch{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--bronze);border-radius:var(--radius-full);padding:3px;background:#111318d9;color:var(--muted)}.lang-switch-icon{color:var(--gold);margin-inline:3px;flex-shrink:0}.lang-switch-btn{background:transparent;border:none;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.06em;border-radius:var(--radius-full);padding:3px 9px;cursor:pointer;transition:all var(--duration-fast) var(--ease);min-height:28px;-webkit-tap-highlight-color:transparent}.lang-switch-btn:hover,.lang-switch-btn:focus-visible{color:var(--text);outline:2px solid var(--gold);outline-offset:1px}.lang-switch-btn.is-active{background:linear-gradient(180deg,#c89b3c40,#c89b3c1f);color:var(--gold);box-shadow:inset 0 0 0 1px #c89b3c73}.lang-switch-sep{width:1px;height:14px;background:var(--bronze);opacity:.6}.lang-switch-mini .lang-switch-btn{font-size:9px;padding:2px 6px;min-height:22px}.lang-switch-mini .lang-switch-sep{height:10px}.lang-switch-float{display:none}@media (max-width: 768px){.lang-switch-float{display:block;position:fixed;bottom:calc(var(--bottomnav-h) + 10px);inset-inline-end:10px;z-index:75;border-radius:var(--radius-full);box-shadow:var(--shadow-lg),0 0 18px #c89b3c26}.sidebar-lang{display:none}}.battle-lang{margin-inline-start:auto;flex-shrink:0}@media (max-width: 380px){.battle-lang .lang-switch-btn{padding:2px 5px}}.inv-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--sp-3)}.inv-filter{background:transparent;border:1px solid var(--bronze);color:var(--muted);border-radius:var(--radius-full);font-size:11px;font-weight:600;letter-spacing:.04em;padding:5px 12px;cursor:pointer;min-height:30px;transition:all var(--duration-fast) var(--ease);-webkit-tap-highlight-color:transparent}.inv-filter:hover,.inv-filter:focus-visible{color:var(--text);outline:2px solid var(--gold);outline-offset:1px}.inv-filter.is-active{background:linear-gradient(180deg,#c89b3c40,#c89b3c1f);border-color:var(--gold);color:var(--gold)}.quest-page{max-width:860px}.quest-head{display:flex;align-items:baseline;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:var(--sp-5)}.quest-claimable-hint{color:var(--gold);font-size:12px;font-weight:600;letter-spacing:.04em}.quest-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:var(--sp-5)}.quest-tab{position:relative}.quest-tab-badge{position:absolute;top:-6px;inset-inline-end:-6px;min-width:16px;height:16px;border-radius:var(--radius-full);background:var(--ember);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px}.quest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--sp-3)}.quest-card{padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2);border:1px solid var(--bronze);transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.quest-card.is-completed{border-color:#c89b3c80}.quest-card.is-claimable{box-shadow:var(--shadow-inset),0 0 18px #c89b3c2e}.quest-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);flex-wrap:wrap}.quest-card-head h3{font-family:var(--font-display);font-size:15px;margin:0}.quest-ready-badge{display:inline-flex;align-items:center;gap:4px;background:#c89b3c26;border:1px solid var(--gold);color:var(--gold);border-radius:var(--radius-full);font-size:10px;font-weight:700;padding:2px 8px}.quest-progress{display:flex;align-items:center;gap:var(--sp-2)}.quest-progress .progress-bar{flex:1}.quest-fill{background:linear-gradient(90deg,var(--gold),var(--ember))}.quest-progress-text{font-size:11px;color:var(--muted);font-weight:600;white-space:nowrap}.quest-rewards{display:flex;flex-wrap:wrap;gap:6px}.quest-reward{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--gold)}.quest-reward-ember{color:var(--ember)}.quest-reward-ticket{color:var(--success, #7a8a52)}.quest-card-action{margin-top:auto;padding-top:var(--sp-1)}.quest-claim-btn{min-height:34px}.quest-claimed{display:inline-flex;align-items:center;gap:5px;color:var(--success, #7a8a52);font-size:12px;font-weight:700;letter-spacing:.05em}.quest-not-started{font-size:11px}.nav-quest-badge{position:absolute;top:4px;inset-inline-end:4px;min-width:15px;height:15px;border-radius:var(--radius-full);background:var(--ember);color:#fff;font-size:9px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 0 8px #e85d1680}.sidebar-item,.bottomnav-item{position:relative}@media (max-width: 600px){.quest-grid{grid-template-columns:1fr}}.quest-notifications{position:fixed;top:calc(var(--landing-nav-h, 64px) + 10px);inset-inline-end:12px;z-index:120;display:flex;flex-direction:column;gap:8px;max-width:320px;width:calc(100vw - 24px)}.quest-notification{display:flex;align-items:center;gap:10px;background:linear-gradient(175deg,#23262e,#14171c);border:1px solid var(--gold);border-radius:var(--radius-md);padding:10px 12px;box-shadow:var(--shadow-lg),0 0 18px #c89b3c33}.quest-notification-icon{color:var(--gold);flex-shrink:0}.quest-notification-body{display:flex;flex-direction:column;min-width:0;flex:1}.quest-notification-body strong{font-size:12px;color:var(--gold)}.quest-notification-body span{font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quest-notification .btn{flex-shrink:0;min-height:30px;font-size:11px;padding:4px 10px}.quest-notification-close{background:transparent;border:none;color:var(--muted);cursor:pointer;padding:4px;flex-shrink:0}.energy-widget{display:flex;align-items:center;gap:8px;border:1px solid rgba(212,175,55,.45);border-radius:var(--radius-md);background:linear-gradient(175deg,#d4af371a,#28220e40);padding:8px 10px}.energy-icon{color:var(--gold);flex-shrink:0}.energy-body{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.energy-numbers{display:flex;align-items:baseline;gap:3px;line-height:1}.energy-current{color:var(--gold);font-weight:700;font-size:14px}.energy-divider,.energy-max{color:var(--muted);font-size:11px}.energy-bar{height:4px;border-radius:999px;background:#ffffff14;overflow:hidden}.energy-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#8a5a1a,var(--gold));transition:width .4s ease}.energy-timer{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.energy-widget-default{margin:0 12px 10px}.energy-widget-mini{gap:5px;padding:4px 8px;border-radius:var(--radius-sm)}.energy-widget-mini .energy-numbers{gap:2px}.energy-widget-mini .energy-timer{font-size:9px}.energy-float{display:none}@media (max-width: 768px){.energy-float{display:block;position:fixed;bottom:calc(var(--bottomnav-h, 56px) + 8px);inset-inline-start:10px;z-index:110;max-width:min(220px,calc(100vw - 20px));pointer-events:none}.energy-float .energy-widget{background:linear-gradient(175deg,#23262e,#14171c);box-shadow:var(--shadow-lg);border-color:#d4af3780;pointer-events:none}}.energy-insufficient{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--crimson);border-radius:var(--radius-md);background:linear-gradient(175deg,#c628281f,#280c0c4d);padding:12px 14px;margin-bottom:var(--sp-6)}.energy-insufficient-icon{color:var(--crimson);flex-shrink:0;margin-top:1px}.energy-insufficient div{display:flex;flex-direction:column;gap:2px}.energy-insufficient strong{color:var(--crimson);font-size:13px}.energy-insufficient span{color:var(--text);font-size:12px}.battle-energy{flex-shrink:0}[dir=rtl] .energy-fill{background:linear-gradient(270deg,#8a5a1a,var(--gold))}.notif-bell-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(212,175,55,.28);background:linear-gradient(175deg,#23262ee6,#14171ce6);color:var(--muted);cursor:pointer;transition:all var(--duration-fast) var(--ease);-webkit-tap-highlight-color:transparent;flex-shrink:0}.notif-bell-button svg{width:18px;height:18px;flex-shrink:0}.notif-bell-button:hover,.notif-bell-button:active,.notif-bell-button:focus-visible{border-radius:50%;color:var(--gold-bright);border-color:var(--gold);background:linear-gradient(175deg,#c89b3c29,#14171ce6);outline:none}.notif-bell-badge{position:absolute;top:-2px;inset-inline-end:-2px;min-width:17px;height:17px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;line-height:1;color:#fff;background:linear-gradient(180deg,var(--crimson),#8f1d1d);border:1px solid rgba(255,183,77,.45);border-radius:var(--radius-full);box-shadow:0 0 8px #c6282880}.sidebar-actions{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-4)}.profile-nav-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(212,175,55,.28);background:linear-gradient(175deg,#23262ee6,#14171ce6);color:var(--muted);cursor:pointer;transition:all var(--duration-fast) var(--ease);-webkit-tap-highlight-color:transparent;flex-shrink:0}.profile-nav-button svg{width:18px;height:18px;flex-shrink:0}.profile-nav-button:hover,.profile-nav-button:active,.profile-nav-button:focus-visible{border-radius:50%;color:var(--gold-bright);border-color:var(--gold);background:linear-gradient(175deg,#c89b3c29,#14171ce6);outline:none}.nav-actions-float{display:none}@media (max-width: 768px){.sidebar-actions{display:none}.nav-actions-float{display:flex;align-items:center;gap:8px;position:fixed;bottom:calc(var(--bottomnav-h, 64px) + 62px);inset-inline-end:10px;z-index:112}.nav-actions-float .notif-bell-button,.nav-actions-float .profile-nav-button{width:44px;height:44px;background:linear-gradient(175deg,#23262e,#14171c);box-shadow:var(--shadow-lg)}.nav-actions-float .notif-bell-badge{top:-2px;inset-inline-end:-2px}}.notif-page{max-width:760px;margin:0 auto;padding:var(--sp-6) 0 var(--sp-12)}.notif-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-5)}.notif-page-title{font-family:var(--font-display);font-size:clamp(22px,3vw,30px);letter-spacing:.06em;text-transform:uppercase;color:var(--gold);margin:0}.notif-page-unread{margin:var(--sp-1) 0 0;font-size:12px;color:var(--text-2);min-height:1.2em}.notif-page-actions{display:flex;gap:var(--sp-2);flex-wrap:wrap}.notif-page-actions .btn{min-height:38px;font-size:12px;padding:8px 14px}.notif-page-filters{display:inline-flex;gap:4px;padding:4px;border:1px solid rgba(81,68,45,.4);border-radius:var(--radius-full);background:#111318d9;margin-bottom:var(--sp-5)}.notif-filter{border:none;background:transparent;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.06em;border-radius:var(--radius-full);padding:7px 16px;min-height:34px;cursor:pointer;transition:all var(--duration-fast) var(--ease);-webkit-tap-highlight-color:transparent}.notif-filter:hover,.notif-filter:focus-visible{color:var(--text);outline:none}.notif-filter.active{color:var(--gold-bright);background:linear-gradient(180deg,#c89b3c40,#c89b3c1f);box-shadow:inset 0 0 0 1px #c89b3c73}.notif-page-list{display:flex;flex-direction:column;gap:var(--sp-3)}.notif-page-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:56px 16px;text-align:center;color:var(--muted)}.notif-page-empty svg{color:var(--bronze);opacity:.7}.notif-page-empty p{font-family:var(--font-display);font-size:14px;color:var(--text-2);margin:0}.notif-row{border:1px solid rgba(81,68,45,.4);border-radius:var(--radius);background:linear-gradient(175deg,#1b1d21e6,#111318e6);overflow:hidden;transition:border-color var(--duration-fast) var(--ease)}.notif-row.is-unread{border-color:#d4af3773;box-shadow:inset 3px 0 0 var(--gold),0 2px 12px #00000059}.notif-row.is-read{opacity:.66}.notif-row-main{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:start;padding:14px 16px;border:none;background:transparent;color:var(--text);cursor:pointer;transition:background var(--duration-fast) var(--ease);-webkit-tap-highlight-color:transparent;position:relative}.notif-row-main:hover,.notif-row-main:focus-visible{background:#292c3180;outline:none}.notif-row-icon{flex-shrink:0;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:#d4af3714;color:var(--gold)}.notif-row-icon.notif-priority-important{color:var(--gold-bright);background:#d4af372e}.notif-row-icon.notif-priority-warning{color:var(--crimson);background:#c628281f}.notif-row-icon.notif-priority-success{color:#7fc48a;background:#50a05a1f}.notif-row-body{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.notif-row-title{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-bright)}.notif-row-msg{font-size:13px;line-height:1.5;color:var(--text-2);word-break:break-word}.notif-row-time{font-size:11px;color:var(--muted);margin-top:2px}.notif-row .notif-dot{position:static;flex-shrink:0;margin-top:8px;width:8px;height:8px;border-radius:var(--radius-full);background:linear-gradient(180deg,#ff8c42,var(--crimson));box-shadow:0 0 6px #ff7832b3}.notif-row-actions{display:flex;gap:8px;padding:0 16px 12px 64px}.notif-row-action{display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(212,175,55,.3);background:transparent;color:var(--muted);font-size:12px;font-weight:600;border-radius:var(--radius-full);padding:6px 12px;min-height:34px;cursor:pointer;transition:all var(--duration-fast) var(--ease);-webkit-tap-highlight-color:transparent}.notif-row-action:hover,.notif-row-action:focus-visible{color:var(--gold-bright);border-color:var(--gold);outline:none}.notif-row-action-danger{border-color:#8e243673}.notif-row-action-danger:hover,.notif-row-action-danger:focus-visible{color:var(--crimson);border-color:var(--crimson);background:#8e24361a}.notif-confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:#08090bb8;display:flex;align-items:center;justify-content:center;padding:var(--sp-4)}.notif-confirm{width:min(420px,100%);background:linear-gradient(175deg,#20232a,#121419);border:1px solid rgba(212,175,55,.35);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);padding:var(--sp-6);text-align:center}.notif-confirm h3{font-family:var(--font-display);font-size:16px;color:var(--gold);margin:0 0 var(--sp-3)}.notif-confirm p{font-size:13px;color:var(--text-2);line-height:1.6;margin:0 0 var(--sp-5)}.notif-confirm-actions{display:flex;gap:var(--sp-3);justify-content:center}.notif-confirm-actions .btn{min-height:40px}@media (max-width: 520px){.notif-page{padding:var(--sp-4) 0 var(--sp-10)}.notif-page-head{align-items:flex-start;flex-direction:column}.notif-row-actions{padding-inline-start:16px}}[dir=rtl] .notif-row-main{text-align:right}[dir=rtl] .notif-row{box-shadow:none}[dir=rtl] .notif-row.is-unread{box-shadow:inset -3px 0 0 var(--gold),0 2px 12px #00000059}.profile-page{max-width:720px;margin:0 auto;padding:var(--sp-6) 0 var(--sp-12)}.profile-panel{display:flex;flex-direction:column;gap:var(--sp-6)}.profile-head{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap;padding:var(--sp-5);border:1px solid rgba(81,68,45,.4);border-radius:var(--radius);background:radial-gradient(420px 180px at 12% 0%,rgba(200,155,60,.08),transparent 70%),linear-gradient(175deg,#1b1d21e6,#111318e6)}.profile-avatar{width:64px;height:64px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--gold);background:linear-gradient(175deg,#c89b3c2e,#c89b3c0f);border:1px solid rgba(212,175,55,.4);flex-shrink:0}.profile-head-text{flex:1;min-width:160px}.profile-name{font-family:var(--font-display);font-size:clamp(20px,3vw,26px);letter-spacing:.04em;color:var(--gold-bright);margin:0;word-break:break-word}.profile-joined{margin:4px 0 0;font-size:12px;color:var(--muted)}.profile-guild{display:flex;align-items:center;gap:6px;margin:6px 0 0;font-size:13px}.profile-guild a{color:var(--gold-bright);text-decoration:none}.profile-guild a:hover{text-decoration:underline}.profile-invite{display:flex;flex-direction:column;gap:8px;margin-top:8px;align-items:flex-start}.profile-invite-sent{display:inline-flex;align-items:center;gap:6px;color:var(--gold-bright);font-size:13px}.profile-balances{display:flex;flex-direction:column;gap:6px;align-items:flex-end;font-size:13px}.profile-balance{display:inline-flex;align-items:center;gap:6px;color:var(--text-2);font-weight:600}.profile-balance svg{color:var(--gold)}.profile-balance-ember svg{color:var(--ember)}.profile-section-title{font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:0 0 var(--sp-3);padding-bottom:var(--sp-2);border-bottom:1px solid rgba(81,68,45,.35)}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--sp-3)}.profile-stat{border:1px solid rgba(81,68,45,.4);border-radius:var(--radius-sm);background:linear-gradient(175deg,#1b1d21e6,#111318e6);padding:14px;text-align:center}.profile-stat-value{display:block;font-family:var(--font-display);font-size:22px;color:var(--gold-bright)}.profile-stat-label{display:block;margin-top:4px;font-size:11px;letter-spacing:.06em;color:var(--muted)}.profile-account-rows{display:flex;flex-direction:column;gap:var(--sp-3)}.profile-account-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;padding:var(--sp-3) var(--sp-4);border:1px solid rgba(81,68,45,.4);border-radius:var(--radius-sm);background:#111318d9}.profile-account-label{font-size:13px;color:var(--text-2)}@media (max-width: 520px){.profile-page{padding:var(--sp-4) 0 var(--sp-10)}.profile-balances{align-items:flex-start}}.player-link{color:var(--gold);text-decoration:none;font-weight:600;border-bottom:1px solid transparent;transition:color var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease)}.player-link:hover{color:var(--gold-bright);border-bottom-color:var(--gold-bright)}.player-link:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:2px}.back-link{display:inline-block;margin-top:var(--sp-2);font-size:12px;color:var(--muted);border-bottom:1px solid transparent;transition:color var(--duration-fast) var(--ease)}.back-link:hover{color:var(--gold);border-bottom-color:var(--gold)}.public-profile-missing{align-items:center;text-align:center;padding:var(--sp-10) var(--sp-5);border:1px solid rgba(81,68,45,.4);border-radius:var(--radius);background:radial-gradient(420px 180px at 50% 0%,rgba(200,155,60,.08),transparent 70%),linear-gradient(175deg,#1b1d21e6,#111318e6);gap:var(--sp-3)}.public-profile-missing .profile-name{margin-bottom:var(--sp-1)}.guilds-page{max-width:860px;margin:0 auto;padding:var(--sp-6) 0 var(--sp-12);display:flex;flex-direction:column;gap:var(--sp-5)}.guilds-page-head h2{display:flex;align-items:center;gap:10px;margin:0 0 4px}.guilds-page-head .muted{margin:0}.guild-emblem{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;color:var(--gold-bright);background:radial-gradient(120% 120% at 30% 20%,rgba(200,155,60,.28),transparent 65%),linear-gradient(175deg,#c89b3c1a,#c89b3c05);border:1px solid rgba(212,175,55,.45);box-shadow:inset 0 1px #ffe6aa2e}.guild-my-card,.guild-pending-card{display:flex;align-items:center;gap:var(--sp-4)}.guild-pending-card{flex-wrap:wrap}.guild-my-card{background:radial-gradient(480px 200px at 10% 0%,rgba(200,155,60,.1),transparent 70%),linear-gradient(175deg,#1b1d21eb,#111318eb)}.guild-my-info{display:flex;flex-direction:column;gap:4px;min-width:0}.guild-my-name,.guild-discovery-name{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;font-family:var(--font-display);font-size:17px;letter-spacing:.04em;color:var(--gold-bright)}.guild-discovery-tag{color:var(--text-2);font-size:12px;letter-spacing:.08em}.guild-discovery-meta{font-size:12px;color:var(--muted)}.guild-actions-row{display:flex;gap:10px;margin-top:6px;flex-wrap:wrap}.guild-empty-card{align-items:center;text-align:center;padding:var(--sp-6) var(--sp-5)}.guild-empty-card,.guild-empty-card .guild-empty-text{display:flex;flex-direction:column;gap:8px}.guild-pending-card{border-color:#d4af3747}.guild-pending-icon{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--gold);background:#c89b3c1a;border:1px solid rgba(212,175,55,.35)}.guild-pending-text{display:flex;flex-direction:column;gap:2px;flex:1 1 180px}.guild-pending-actions{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}.guilds-create{margin-top:var(--sp-2)}.guild-create-form{display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-5)}.guild-create-form h3{margin:0}.guild-form-field{display:flex;flex-direction:column;gap:4px}.guild-form-label{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}.guild-form-hint{font-size:12px;color:var(--muted)}.guild-form-field input,.guild-form-field textarea,.guilds-search input{background:#0a0c0fb3;border:1px solid rgba(81,68,45,.45);border-radius:8px;color:var(--text-1, #e8e2d4);padding:9px 11px;font-size:14px}.guild-form-field input:focus,.guild-form-field textarea:focus,.guilds-search input:focus{outline:none;border-color:#d4af37b3;box-shadow:0 0 0 2px #d4af3726}.guild-form-check{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.guild-form-check input{margin-top:3px;accent-color:var(--gold)}.guild-form-check>span{display:flex;flex-direction:column;gap:2px}.guild-form-actions{display:flex;gap:10px;flex-wrap:wrap}.guilds-search{display:flex;gap:8px;margin-bottom:var(--sp-4)}.guilds-search input{flex:1;min-width:0}.guild-discovery-item{display:flex;align-items:center;gap:var(--sp-3)}.guild-discovery-info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.guild-membercount{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-2);flex-shrink:0}.guild-detail-head{display:flex;align-items:flex-start;gap:var(--sp-4);flex-wrap:wrap;padding:var(--sp-5)}.guild-detail-id{flex:1;min-width:220px}.guild-detail-id h2{margin:0 0 4px}.guild-detail-desc{margin:var(--sp-3) 0 0;font-size:14px;color:var(--text-2);white-space:pre-wrap}.guild-detail-actions,.guild-detail-apply{display:flex;flex-direction:column;gap:8px;min-width:0}.guild-apply-message{min-width:220px;background:#0a0c0fb3;border:1px solid rgba(81,68,45,.45);border-radius:8px;color:var(--text-1, #e8e2d4);padding:8px 10px;font-size:13px;resize:vertical}.guild-applied-badge{border:1px solid rgba(212,175,55,.45);border-radius:999px;padding:6px 12px;color:var(--gold-bright);background:#c89b3c1a;font-size:13px;letter-spacing:.04em}.guild-xp{display:flex;flex-direction:column;gap:8px}.guild-xp-head{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}.guild-xp-track{height:10px;border-radius:999px;background:#0a0c0fcc;border:1px solid rgba(81,68,45,.4);overflow:hidden}.guild-xp-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold-dark, #8a6a1f),var(--gold-bright));box-shadow:0 0 8px #f0c96a73;transition:width .3s ease}.guild-roster h3,.guild-edit h3{margin:0 0 var(--sp-3)}.guild-roster{display:block}.guild-roster-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.guild-roster-row{display:flex;align-items:center;gap:var(--sp-3);padding:10px 0;border-bottom:1px solid rgba(81,68,45,.18);flex-wrap:wrap}.guild-roster-row:last-child{border-bottom:none}.guild-roster-main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.guild-roster-role{font-size:12px;letter-spacing:.06em;color:var(--gold)}.guild-roster-joined{font-size:12px}.guild-roster-actions{display:flex;gap:6px;flex-wrap:wrap}.guild-roster-name{font-weight:600}.guild-transfer-confirm{width:100%;align-items:center}.guild-app-message{margin:4px 0 0;font-size:13px;color:var(--text-2);font-style:italic}.guild-app-row{align-items:flex-start}.guild-empty-note{margin:0}.guild-edit{display:flex;flex-direction:column;gap:var(--sp-4)}.guild-edit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--sp-4)}.guild-form-field-wide{grid-column:1 / -1}.guild-danger-zone{border-color:#c4424266;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.guild-danger-zone p{margin:0}.guild-leave-confirm{display:flex;flex-direction:column;gap:10px;align-items:flex-start;border-color:#c4424266}.guild-leave-confirm p{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.player-avatar{border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;object-fit:cover}.player-avatar-img{border:1px solid rgba(212,175,55,.4);background:#0a0c0f99}.player-avatar-initial{color:var(--gold);font-family:var(--font-display);font-size:25.6px;background:linear-gradient(175deg,#c89b3c2e,#c89b3c0f);border:1px solid rgba(212,175,55,.4)}.profile-nav-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;border:1px solid rgba(212,175,55,.5)}.profile-level{margin:4px 0 0;font-size:12px;letter-spacing:.06em;color:var(--gold)}.profile-xp{display:flex;align-items:center;gap:var(--sp-3);margin-top:var(--sp-3);padding:10px 12px;border-radius:var(--radius-sm);background:#0a0c0f8c;border:1px solid rgba(81,68,45,.35)}.profile-xp-label{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);white-space:nowrap}.profile-xp-max{font-size:12px;letter-spacing:.06em;color:var(--gold-bright);white-space:nowrap}.profile-xp-track{flex:1;height:10px;border-radius:999px;background:#0a0c0fcc;border:1px solid rgba(81,68,45,.4);overflow:hidden}.profile-xp-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--xp, #6c4a8a),#a882e0);box-shadow:0 0 8px #966ed273;transition:width .3s ease}.profile-avatar-actions{display:flex;gap:var(--sp-2);flex-wrap:wrap}.profile-avatar-hint{margin:6px 0 0;font-size:12px;color:var(--muted)}.profile-avatar-source{margin:8px 0 0;font-size:12px;color:var(--gold);font-style:italic}.guild-emblem-img{border-radius:50%;object-fit:cover;border:1px solid rgba(212,175,55,.4);background:#0a0c0f99;flex-shrink:0}.guild-missions{display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-4);border-radius:var(--radius-md);background:linear-gradient(175deg,#1b1d21e6,#111318e6);border:1px solid rgba(212,175,55,.25);box-shadow:var(--shadow-sm)}.guild-missions-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-2);flex-wrap:wrap}.guild-missions-title{margin:0;font-family:var(--font-display);letter-spacing:.05em;color:var(--gold-bright);font-size:17px}.guild-missions-reset{font-size:12px;color:var(--muted)}.guild-missions-group{display:flex;flex-direction:column;gap:var(--sp-2)}.guild-missions-group-title{margin:0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}.guild-missions-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--sp-3)}.guild-mission{display:flex;flex-direction:column;gap:6px;padding:var(--sp-3);border-radius:var(--radius-sm);background:#0a0c0f8c;border:1px solid rgba(81,68,45,.35);min-width:0}.guild-mission-completed{border-color:#78965a73}.guild-mission-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-2)}.guild-mission-title{font-size:13px;color:var(--text);word-break:break-word}.guild-mission-reward{font-size:11px;color:var(--gold);white-space:nowrap}.guild-mission-desc{margin:0;font-size:12px;color:var(--muted);word-break:break-word}.guild-mission-track{height:8px;border-radius:999px;background:#0a0c0fcc;border:1px solid rgba(81,68,45,.4);overflow:hidden}.guild-mission-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold-dark, #8a6a1f),var(--gold-bright));transition:width .3s ease}.guild-mission-completed .guild-mission-fill{background:linear-gradient(90deg,#5d7a45,#8fb05f)}.guild-mission-count{align-self:flex-end;font-size:12px;color:var(--text-2)}.guild-mission-completed .guild-mission-count{color:#8fb05f}.guild-emblem-upload{display:flex;flex-direction:column;gap:var(--sp-3)}.guild-emblem-upload h3{margin:0}.guild-emblem-upload-body{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap}.guild-emblem-upload-controls{display:flex;gap:var(--sp-2);flex-wrap:wrap}.gw-page{display:flex;flex-direction:column;gap:var(--sp-4);width:100%;max-width:900px;margin:0 auto}.gw-page-loading{align-items:center;justify-content:center;min-height:40vh;color:var(--muted);gap:var(--sp-3);flex-direction:row}.gw-page-head{display:flex;flex-direction:column;gap:6px}.gw-page-head .page-title{display:inline-flex;align-items:center;gap:10px}.gw-page-head .page-title svg{color:var(--gold-bright)}.gw-subtitle{color:var(--muted);font-size:13px;line-height:1.6;max-width:62ch}.gw-header{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-radius:var(--radius-md);background:radial-gradient(480px 160px at 90% 10%,rgba(200,155,60,.1),transparent 70%),linear-gradient(175deg,#1b1d21eb,#111318eb);border:1px solid rgba(212,175,55,.22)}.gw-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap}.gw-status-pill{font-family:var(--font-display);font-size:13px;letter-spacing:.14em;text-transform:uppercase;padding:5px 12px;border-radius:var(--radius-full);border:1px solid;color:var(--gold-bright);border-color:#d4af3780;background:#c89b3c14}.gw-status-matchmaking{color:var(--ember-bright, #ff8a4c);border-color:#ff8a4c80;background:#ff8a4c14}.gw-status-active{color:var(--ember-bright, #ff6b4a);border-color:#ff6b4a8c;background:#ff6b4a14}.gw-status-completed,.gw-status-calculating{color:#8fb05f;border-color:#8fb05f80;background:#8fb05f14}.gw-status-cancelled{color:var(--text-2);border-color:#8c8c9666;background:#8c8c9614}.gw-countdown{font-variant-numeric:tabular-nums;font-size:15px;color:var(--gold-bright);letter-spacing:.06em}.gw-phase-track{display:flex;gap:8px;align-items:center}.gw-phase-dot{width:10px;height:10px;border-radius:50%;background:#d4af3726;border:1px solid rgba(212,175,55,.25);transition:all .3s ease}.gw-phase-dot-done{background:#c89b3c8c;border-color:#d4af3799}.gw-phase-dot-current{background:var(--gold-bright);box-shadow:0 0 10px #f0c96a8c;transform:scale(1.2)}.gw-status-note{margin:0;font-size:13px;color:var(--muted);line-height:1.55}.gw-panel{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-radius:var(--radius-md);background:linear-gradient(160deg,var(--surface),#10141d);border:1px solid rgba(212,175,55,.16)}.gw-section-title{margin:0;font-family:var(--font-display);font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-bright);display:inline-flex;align-items:center;gap:8px}.gw-panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap}.gw-hint{margin:0;font-size:12.5px;color:var(--muted);line-height:1.55}.gw-muted-note{margin:0;font-size:13px;color:var(--muted);line-height:1.55}.gw-hint-note{font-size:12.5px;color:var(--muted);line-height:1.5;padding:0 6px}.gw-empty-card{align-items:center;text-align:center;gap:var(--sp-4);padding:var(--sp-6) var(--sp-5)}.gw-empty-card.card{display:flex;flex-direction:column}.gw-req-note{margin:0;font-size:12.5px;color:var(--muted)}.gw-enqueue-btn{min-width:220px;justify-content:center}.gw-error-note{margin:0;font-size:13px;color:var(--danger, #e05545)}.gw-scoreboard{display:flex;flex-direction:column;gap:var(--sp-3)}.gw-matchup{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:var(--sp-3)}.gw-side-card{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--radius-md);background:radial-gradient(380px 130px at 10% -10%,rgba(200,155,60,.09),transparent 70%),var(--surface);border:1px solid rgba(212,175,55,.18)}.gw-side-head{display:flex;gap:var(--sp-3);align-items:center}.gw-side-name{display:flex;flex-direction:column;gap:3px;min-width:0}.gw-side-guild{font-family:var(--font-display);font-size:15px;color:var(--gold-bright);letter-spacing:.03em;display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.gw-side-tag{color:var(--muted);font-size:11px;font-style:normal;letter-spacing:.08em}.gw-side-meta{font-size:12px;color:var(--muted)}.gw-vs{align-self:center;font-family:var(--font-display);font-size:18px;letter-spacing:.1em;color:var(--ember-bright, #ff8a4c);text-shadow:0 0 14px rgba(255,120,70,.4)}.gw-vs-icon{margin:0;text-align:center;color:var(--ember-bright, #ff8a4c)}.gw-side-score{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-2);padding-top:var(--sp-2);border-top:1px dashed rgba(212,175,55,.22)}.gw-side-score-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.gw-side-score-value{font-family:var(--font-display);font-size:26px;color:var(--gold-bright);font-variant-numeric:tabular-nums}.gw-participants{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.gw-participant{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px;padding:2px 0}.gw-participant .player-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.gw-participant-stats{display:inline-flex;align-items:center;gap:3px;font-variant-numeric:tabular-nums;color:var(--muted);flex-shrink:0}.gw-participant-score{margin-inline-start:6px;color:var(--text-2);font-weight:600}.gw-wins{color:#8fb05f}.gw-losses{color:var(--ember-bright, #ff6b4a)}.gw-me-strip{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin:0;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);background:#f0c96a0d;border:1px solid rgba(212,175,55,.18)}.gw-me-strip>div{display:flex;flex-direction:column;gap:2px;padding-inline-end:var(--sp-3);border-inline-end:1px solid rgba(212,175,55,.18)}.gw-me-strip>div:last-child{border-inline-end:none}.gw-me-strip dt{font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.gw-me-strip dd{margin:0;font-family:var(--font-display);font-size:17px;color:var(--gold-bright);font-variant-numeric:tabular-nums}.gw-me-score{color:var(--ember-bright, #ff8a4c)!important}.gw-defense-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:var(--sp-2)}.gw-defense-hero{display:flex;align-items:center;gap:10px;width:100%;padding:var(--sp-2);border-radius:var(--radius-sm);border:1px solid rgba(212,175,55,.16);background:#1b1d21b3;color:var(--text-1);cursor:pointer;text-align:start;transition:border-color .15s ease,background .15s ease}.gw-defense-hero:hover:not(:disabled){border-color:#d4af3773;background:var(--surface-hover)}.gw-defense-hero:disabled{cursor:not-allowed;opacity:.55}.gw-defense-hero-on{border-color:#f0c96ab3;background:linear-gradient(160deg,#c89b3c29,#c89b3c0a);box-shadow:inset 0 0 0 1px #f0c96a40,0 0 12px #f0c96a1a}.gw-defense-hero-art{width:46px;height:46px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.gw-defense-hero-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gw-defense-hero-lvl{margin-inline-start:auto;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.gw-defense-locked{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--muted)}.gw-defense-saved{font-size:12px;color:#8fb05f}.gw-attacks-left{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--gold-bright);font-variant-numeric:tabular-nums}.gw-targets-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}.gw-target-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);background:#1b1d21b3;border:1px solid rgba(255,255,255,.05);flex-wrap:wrap}.gw-target-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.gw-target-meta{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.gw-target-stats{display:inline-flex;gap:3px}.gw-target-defense{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.gw-defense-count{display:inline-flex;align-items:center;gap:4px;color:var(--gold-bright)}.gw-defense-empty{color:var(--ember-bright, #ff6b4a);font-size:12px}.gw-attack-btn{flex-shrink:0}.gw-attack-result{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.08);font-size:13.5px}.gw-attack-result-victory{border-color:#8fb05f80;background:#8fb05f1a;color:#b3d589}.gw-attack-result-defeat,.gw-attack-result-aborted{border-color:#ff6b4a73;background:#ff6b4a14;color:var(--ember-bright, #ff8a5c)}.gw-attack-result-label{font-weight:700}.gw-attack-result-score{font-variant-numeric:tabular-nums;opacity:.85}.gw-perfect-badge{font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:var(--radius-full);background:#f0c96a29;color:var(--gold-bright);border:1px solid rgba(240,201,106,.45)}.gw-attack-result-close{margin-inline-start:auto;display:inline-flex;border:none;background:transparent;color:inherit;opacity:.7;cursor:pointer;padding:2px}.gw-attack-result-close:hover{opacity:1}.gw-end-banner{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:var(--sp-5);border-radius:var(--radius-md);border:1px solid rgba(143,176,95,.5);background:radial-gradient(500px 160px at 50% -20%,rgba(143,176,95,.14),transparent 70%),var(--surface);color:#b3d589}.gw-end-banner h2{margin:0;font-family:var(--font-display);font-size:22px;letter-spacing:.08em}.gw-end-banner-cancelled{border-color:#8c8c9666;color:var(--text-2);background:var(--surface)}.gw-rewards{list-style:none;margin:0;padding:0;display:flex;gap:var(--sp-2);flex-wrap:wrap}.gw-reward-item{padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);border:1px solid rgba(212,175,55,.35);background:#c89b3c14;color:var(--gold-bright);font-weight:600;font-variant-numeric:tabular-nums}.gw-ladder{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.gw-ladder-row{display:grid;grid-template-columns:34px 1fr auto auto auto;gap:var(--sp-3);align-items:center;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);font-size:13px;background:#1b1d21b3;border:1px solid rgba(255,255,255,.05)}.gw-ladder-row-me{border-color:#f0c96a80;background:linear-gradient(160deg,#c89b3c1f,#c89b3c05)}.gw-ladder-rank{display:inline-flex;align-items:center;justify-content:center;gap:4px;width:24px;height:24px;border-radius:50%;font-family:var(--font-display);font-size:12px;color:var(--text-2);border:1px solid rgba(255,255,255,.1)}.gw-ladder-rank-top1{color:var(--gold-bright);border-color:#f0c96a99;background:#c89b3c1f}.gw-ladder-rank-top2{color:#cdd6e0;border-color:#cdd6e066}.gw-ladder-rank-top3{color:#d29a6b;border-color:#d29a6b73}.gw-ladder-guild{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;color:var(--text-1)}.gw-ladder-rating{font-family:var(--font-display);color:var(--gold-bright);font-variant-numeric:tabular-nums}.gw-ladder-streak{color:var(--ember-bright, #ff8a4c);font-variant-numeric:tabular-nums;min-width:3ch;text-align:end}.gw-ladder-wars{color:var(--muted);font-variant-numeric:tabular-nums;min-width:3ch;text-align:end}.gw-history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.gw-history-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);font-size:13px;background:#1b1d21b3;border:1px solid rgba(255,255,255,.05);border-inline-start:3px solid var(--text-2);flex-wrap:wrap}.gw-history-result{font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.gw-result-win{border-inline-start-color:#8fb05f}.gw-result-win .gw-history-result{color:#b3d589}.gw-result-loss{border-inline-start-color:var(--ember-bright, #ff6b4a)}.gw-result-loss .gw-history-result{color:var(--ember-bright, #ff8a5c)}.gw-result-draw{border-inline-start-color:var(--gold-bright)}.gw-result-draw .gw-history-result,.gw-result-cancelled .gw-history-result{color:var(--muted)}.gw-history-opp{flex:1;min-width:0;color:var(--text-1)}.gw-history-score{font-variant-numeric:tabular-nums;color:var(--gold-bright)}.gw-history-date{font-size:11.5px;color:var(--muted)}@media (max-width: 680px){.gw-matchup{grid-template-columns:1fr}.gw-vs{align-self:center;transform:rotate(90deg);font-size:15px}.gw-vs-icon{display:none}.gw-ladder-row{grid-template-columns:26px 1fr auto}.gw-ladder-wars{display:none}.gw-side-card{padding:var(--sp-3)}.gw-target-row{align-items:stretch}.gw-attack-btn{width:100%}.gw-me-strip>div{border-inline-end:none;border-top:1px solid rgba(212,175,55,.18)}}[dir=rtl] .gw-vs{transform:scaleX(-1)}@media (max-width: 680px){[dir=rtl] .gw-vs{transform:rotate(90deg)}}