@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Rajdhani:wght@500;600;700&family=Share+Tech+Mono&display=swap";.loot-notification-stack{right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));z-index:80;pointer-events:none;flex-direction:column-reverse;gap:.5rem;width:min(19.5rem,100vw - 2rem);max-width:calc(100vw - 2rem);display:flex;position:fixed}.loot-notification-card{--loot-source-rgb:231, 227, 216;border:1px solid var(--border-primary);border-left:.25rem solid rgb(var(--loot-source-rgb));border-radius:var(--radius-lg);min-height:3.55rem;color:var(--text-primary);background:linear-gradient(135deg, rgba(var(--surface-3-rgb), .94), rgba(var(--bg-secondary-rgb), .96)), var(--card-bg);box-shadow:var(--shadow-md), var(--shadow-inner);grid-template-columns:2.5rem minmax(0,1fr);align-items:center;gap:.625rem;padding:.5rem .65rem;animation:.24s ease-out both loot-notification-enter,.26s ease-in 3.9s forwards loot-notification-leave;display:grid;position:relative;overflow:hidden}.loot-notification-card:before{content:"";background:radial-gradient(circle at left, rgba(var(--loot-source-rgb), .22), transparent 58%);opacity:.9;pointer-events:none;position:absolute;inset:0}.loot-notification-card[data-source=auto-combat]{--loot-source-rgb:194, 74, 74}.loot-notification-card[data-source=gathering]{--loot-source-rgb:86, 175, 87}.loot-notification-card[data-source=crafting]{--loot-source-rgb:232, 184, 78}.loot-notification-card[data-source=incursion]{--loot-source-rgb:216, 181, 86}.loot-notification-card[data-source=world-boss]{--loot-source-rgb:143, 93, 214}.loot-notification-card[data-source=system]{--loot-source-rgb:231, 227, 216}.loot-notification-card[data-rarity=uncommon]{box-shadow:var(--shadow-md), var(--shadow-inner), inset 0 0 0 1px #54d3781a}.loot-notification-card[data-rarity=rare]{box-shadow:var(--shadow-md), var(--shadow-inner), inset 0 0 0 1px #5aa0ff1f}.loot-notification-card[data-rarity=epic]{box-shadow:var(--shadow-md), var(--shadow-inner), inset 0 0 0 1px #b164ff1f}.loot-notification-card[data-rarity=legendary]{box-shadow:var(--shadow-md), var(--shadow-inner), inset 0 0 0 1px #ff564e1f}.loot-notification-card__icon,.loot-notification-card__body{z-index:1;position:relative}.loot-notification-card__icon{border:1px solid rgba(var(--text-primary-rgb), .1);border-radius:var(--radius-md);background:radial-gradient(circle at 35% 25%, rgba(var(--loot-source-rgb), .28), transparent 58%), rgba(var(--bg-primary-rgb), .5);width:2.5rem;height:2.5rem;color:rgb(var(--loot-source-rgb));font-family:var(--font-title);letter-spacing:.04em;place-items:center;font-size:.82rem;font-weight:800;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}.loot-notification-card__icon img{object-fit:contain;filter:drop-shadow(0 3px 5px #00000059);width:100%;height:100%;padding:.15rem}.loot-notification-card__body{flex-direction:column;gap:.05rem;min-width:0;display:flex}.loot-notification-card__eyebrow{color:var(--text-muted);font-family:var(--font-title);letter-spacing:.08em;text-transform:uppercase;font-size:.64rem;font-weight:700;line-height:1}.loot-notification-card__name{color:var(--text-primary);font-family:var(--font-title);text-overflow:ellipsis;white-space:nowrap;font-size:.94rem;font-weight:800;line-height:1.15;overflow:hidden}@keyframes loot-notification-enter{0%{opacity:0;transform:translate(1rem,.5rem)scale(.98)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes loot-notification-leave{to{opacity:0;transform:translate(.75rem,.25rem)scale(.98)}}@media (width<=720px){.loot-notification-stack{right:max(.75rem, env(safe-area-inset-right));bottom:max(.75rem, env(safe-area-inset-bottom));width:min(16.25rem,100vw - 1.5rem)}.loot-notification-card{border-radius:var(--radius-md);grid-template-columns:2.25rem minmax(0,1fr);gap:.5rem;min-height:3.25rem;padding:.48rem .58rem}.loot-notification-card__icon{width:2.25rem;height:2.25rem}.loot-notification-card__name{font-size:.88rem}}@media (prefers-reduced-motion:reduce){.loot-notification-card{animation:none}}:root{--font-title:"Rajdhani", "Exo 2", system-ui, sans-serif;--font-body:"Inter", "Roboto", system-ui, sans-serif;--font-number:"Share Tech Mono", "Rajdhani", monospace;--bg-primary:#0b1110;--bg-secondary:#111917;--bg-tertiary:#171e1c;--surface-1:#171e1c;--surface-2:#1e2523;--surface-3:#252d2a;--surface-4:#2d3532;--surface-5:#343c39;--menu-bg:#151d1a;--modal-bg:#202926;--overlay-bg:#030706c2;--card-bg:#1e2523;--card-bg-hover:#252d2a;--card-bg-active:#2d3532;--bg-primary-rgb:11 17 16;--bg-secondary-rgb:17 25 23;--surface-2-rgb:30 37 35;--surface-3-rgb:37 45 42;--border-subtle:#2c3531;--border-primary:#3e4743;--border-secondary:#4a5450;--border-strong:#617067;--divider:#323b37;--divider-soft:#e7e3d814;--text-primary:#e7e3d8;--text-secondary:#b3b8b1;--text-muted:#8b918a;--text-disabled:#6b726c;--text-inverted:#07100d;--text-primary-rgb:231 227 216;--text-secondary-rgb:179 184 177;--action-primary:#6e9f43;--action-primary-hover:#7fb64f;--action-primary-active:#5d8b37;--action-primary-muted:#6e9f432e;--action-secondary:#46514c;--action-secondary-hover:#55625c;--action-secondary-active:#3a443f;--action-danger:#9e3535;--action-danger-hover:#bd4343;--action-danger-active:#7f2929;--action-ghost-hover:#e7e3d80f;--state-success:#4fa36b;--state-success-bg:#4fa36b24;--state-success-border:#4fa36b6b;--state-error:#c24a4a;--state-error-bg:#c24a4a24;--state-error-border:#c24a4a73;--state-warning:#d2a23e;--state-warning-bg:#d2a23e24;--state-warning-border:#d2a23e73;--state-info:#4a88a8;--state-info-bg:#4a88a824;--state-info-border:#4a88a873;--hp:#5dae63;--hp-bg:#5dae6329;--energy:#4e9cb3;--energy-bg:#4e9cb329;--xp:#a78bfa;--xp-bg:#a78bfa29;--damage:#c45454;--damage-bg:#c4545429;--heal:#68c27d;--heal-bg:#68c27d29;--shield:#6fa8d6;--shield-bg:#6fa8d629;--critical:#e59a3a;--dodge:#7fc3d6;--infection:#78b847;--death:#8a2e2e;--rarity-common:#d9d8d1;--rarity-common-dark:#a9aaa3;--rarity-common-bg:#d9d8d114;--rarity-common-glow:#d9d8d129;--rarity-common-rgb:217 216 209;--rarity-uncommon:#d7b341;--rarity-uncommon-dark:#8e7426;--rarity-uncommon-bg:#d7b3411a;--rarity-uncommon-glow:#d7b34138;--rarity-uncommon-rgb:215 179 65;--rarity-rare:#4fb463;--rarity-rare-dark:#2e6f3c;--rarity-rare-bg:#4fb4631a;--rarity-rare-glow:#4fb4633d;--rarity-rare-rgb:79 180 99;--rarity-epic:#8d5bd4;--rarity-epic-dark:#553287;--rarity-epic-bg:#8d5bd41f;--rarity-epic-glow:#8d5bd44d;--rarity-epic-rgb:141 91 212;--rarity-legendary:#c7433c;--rarity-legendary-dark:#7d201d;--rarity-legendary-bg:#c7433c21;--rarity-legendary-glow:#c7433c5c;--rarity-legendary-rgb:199 67 60;--gathering-desmanche:#9b6a3a;--gathering-desmanche-bg:#9b6a3a24;--gathering-coleta:#8a9360;--gathering-coleta-bg:#8a936024;--gathering-patrulha:#6faf54;--gathering-patrulha-bg:#6faf5424;--gathering-arsenal:#c77b31;--gathering-arsenal-bg:#c77b3124;--gathering-tecnovarredura:#4a98b8;--gathering-tecnovarredura-bg:#4a98b824;--gathering-contencao:#79b94b;--gathering-contencao-bg:#79b94b24;--class-lutador:#b56a43;--class-lutador-bg:#b56a4324;--class-atirador:#d19b3d;--class-atirador-bg:#d19b3d24;--class-assassino:#7352c7;--class-assassino-bg:#7352c724;--class-medico:#59b985;--class-medico-bg:#59b98524;--stat-strength:#b56a43;--stat-vitality:#5dae63;--stat-agility:#7fbf55;--stat-precision:#d19b3d;--stat-technique:#4a98b8;--stat-willpower:#79b94b;--tier-1:#76806d;--tier-1-bg:#76806d24;--tier-2:#9b6a3a;--tier-2-bg:#9b6a3a24;--tier-3:#d7b341;--tier-3-bg:#d7b3411f;--tier-4:#607b86;--tier-4-bg:#607b8624;--tier-5:#6e9f43;--tier-5-bg:#6e9f4324;--tier-6:#8a7a62;--tier-6-bg:#8a7a6224;--tier-7:#a8423f;--tier-7-bg:#a8423f24;--tier-8:#4a98b8;--tier-8-bg:#4a98b824;--tier-9:#8d5bd4;--tier-9-bg:#8d5bd424;--tier-10:#c7433c;--tier-10-bg:#c7433c29;--risk-safe:#4fa36b;--risk-low:#7fb64f;--risk-medium:#d2a23e;--risk-high:#c77b31;--risk-lethal:#c24a4a;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-xs:.375rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--radius-pill:999px;--shadow-sm:0 4px 12px #00000038;--shadow-md:0 12px 28px #00000052;--shadow-lg:0 22px 48px #0000006b;--shadow-inner:inset 0 1px 0 #ffffff0a;--shadow-glow-green:0 0 24px #6e9f4338;--shadow-glow-red:0 0 28px #c7433c3d;--shadow-glow-blue:0 0 28px #4a98b838;--sidebar-width:280px;--topbar-height:72px;--container-sm:640px;--container-md:960px;--container-lg:1180px;--container-xl:1360px;--transition-fast:.12s ease;--transition-base:.18s ease;--transition-slow:.28s ease;--z-base:1;--z-dropdown:20;--z-sticky:40;--z-modal:80;--z-toast:100}*,:before,:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth;background:var(--bg-primary);min-height:100%}body{min-width:320px;min-height:100vh;font-family:var(--font-body);color:var(--text-primary);background:radial-gradient(circle at top left, #6e9f4314, transparent 34rem), radial-gradient(circle at top right, #c7433c0f, transparent 28rem), linear-gradient(135deg, var(--bg-primary), #09100e 55%, #0d1412);font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}#root{min-height:100vh}img,picture,video,canvas,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}ul,ol{padding-left:1.25rem}::selection{color:var(--text-inverted);background:var(--action-primary)}*{scrollbar-width:thin;scrollbar-color:var(--border-secondary) var(--bg-secondary)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-secondary);border:2px solid var(--bg-secondary);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);color:var(--text-primary);letter-spacing:.02em;font-weight:700;line-height:1.1}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,3vw,2.25rem)}h3{font-size:clamp(1.25rem,2vw,1.65rem)}p{color:var(--text-secondary)}small{color:var(--text-muted)}strong{color:var(--text-primary);font-weight:700}.text-title{font-family:var(--font-title);letter-spacing:.03em;font-weight:700}.text-number{font-family:var(--font-number);letter-spacing:.02em}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-disabled{color:var(--text-disabled)}.app-shell{background:linear-gradient(#0b1110d1,#0b1110f5),radial-gradient(circle at 20% 0,#6e9f431f,#0000 28rem);min-height:100vh}.page{width:100%;min-height:100vh;padding:var(--space-6)}.container{width:min(100%, var(--container-xl));margin:0 auto}.container-sm{width:min(100%, var(--container-sm));margin:0 auto}.container-md{width:min(100%, var(--container-md));margin:0 auto}.container-lg{width:min(100%, var(--container-lg));margin:0 auto}.grid{gap:var(--space-4);display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.stack{gap:var(--space-4);flex-direction:column;display:flex}.stack-sm{gap:var(--space-2);flex-direction:column;display:flex}.stack-lg{gap:var(--space-6);flex-direction:column;display:flex}.surface{color:var(--text-primary);background:var(--surface-2);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm), var(--shadow-inner)}.panel,.card{color:var(--text-primary);background:linear-gradient(180deg, #ffffff06, transparent), var(--card-bg);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm), var(--shadow-inner);position:relative;overflow:hidden}.card:hover{background:linear-gradient(180deg, #ffffff09, transparent), var(--card-bg-hover);border-color:var(--border-secondary);transition:background var(--transition-base), border-color var(--transition-base), transform var(--transition-base)}.card-interactive{cursor:pointer}.card-interactive:hover{transform:translateY(-2px)}.card-header,.panel-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--divider-soft);display:flex}.card-body,.panel-body{padding:var(--space-5)}.card-footer,.panel-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--divider-soft);display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:42px;font-family:var(--font-title);letter-spacing:.045em;color:var(--text-primary);white-space:nowrap;-webkit-user-select:none;user-select:none;background:var(--action-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff0f;transition:transform var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);border:1px solid #ffffff0f;padding:.68rem 1rem;font-size:.98rem;font-weight:700;line-height:1;display:inline-flex}.btn:hover:not(:disabled){background:var(--action-secondary-hover);border-color:var(--border-secondary);transform:translateY(-1px)}.btn:active:not(:disabled){background:var(--action-secondary-active);transform:translateY(0)}.btn:disabled{color:var(--text-disabled);box-shadow:none;opacity:.65;background:#2f3734}.btn-primary{color:#07100d;background:linear-gradient(180deg, var(--action-primary-hover), var(--action-primary));box-shadow:var(--shadow-sm), var(--shadow-glow-green);border-color:#6e9f43b3}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg, #8cc85a, var(--action-primary-hover))}.btn-secondary{background:var(--action-secondary)}.btn-danger{background:linear-gradient(180deg, var(--action-danger-hover), var(--action-danger));box-shadow:var(--shadow-sm), var(--shadow-glow-red);border-color:#c24a4a99}.btn-ghost{border-color:var(--border-primary);box-shadow:none;background:0 0}.btn-ghost:hover:not(:disabled){background:var(--action-ghost-hover)}.btn-sm{min-height:34px;padding:.5rem .75rem;font-size:.85rem}.btn-lg{min-height:50px;padding:.85rem 1.25rem;font-size:1.08rem}.form-field{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-family:var(--font-title);color:var(--text-secondary);letter-spacing:.04em;font-weight:700}.input,.select,.textarea{width:100%;color:var(--text-primary);background:rgba(var(--bg-primary-rgb), .62);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);outline:none;box-shadow:inset 0 1px #ffffff08}.input,.select{min-height:44px;padding:0 .9rem}.textarea{resize:vertical;min-height:120px;padding:.85rem .9rem}.input::placeholder,.textarea::placeholder{color:var(--text-disabled)}.input:focus,.select:focus,.textarea:focus{background:rgba(var(--bg-primary-rgb), .8);border-color:var(--action-primary);box-shadow:0 0 0 3px #6e9f4329}.form-error{color:var(--state-error);font-size:.85rem}.form-error-box{color:var(--text-primary);border-radius:var(--radius-md);background:#c24a4a1f;border:1px solid #c24a4a6b;padding:.85rem 1rem;font-size:.92rem}.form-success-box{color:var(--text-primary);border-radius:var(--radius-md);background:#4fa36c1f;border:1px solid #4fa36c6b;padding:.85rem 1rem;font-size:.92rem}.password-field{align-items:center;width:100%;display:flex;position:relative}.password-field .password-input{width:100%;padding-right:3.25rem}.password-toggle{z-index:2;width:2rem;height:2rem;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast), opacity var(--transition-fast);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;right:.85rem;transform:translateY(-50%)}.password-toggle:hover{color:var(--text-primary);background:#ffffff0b}.password-toggle:focus-visible{outline:2px solid var(--action-primary);outline-offset:2px}.password-toggle svg{pointer-events:none;width:18px;height:18px;display:block}.badge,.tag{justify-content:center;align-items:center;gap:var(--space-1);min-height:24px;font-family:var(--font-title);letter-spacing:.045em;color:var(--text-primary);border-radius:var(--radius-pill);background:#e7e3d812;border:1px solid #e7e3d81a;padding:.25rem .55rem;font-size:.78rem;font-weight:700;line-height:1;display:inline-flex}.badge-success{color:var(--state-success);background:var(--state-success-bg);border-color:var(--state-success-border)}.badge-error{color:var(--state-error);background:var(--state-error-bg);border-color:var(--state-error-border)}.badge-warning{color:var(--state-warning);background:var(--state-warning-bg);border-color:var(--state-warning-border)}.badge-info{color:var(--state-info);background:var(--state-info-bg);border-color:var(--state-info-border)}.rarity-common{color:var(--rarity-common);border-color:var(--rarity-common);box-shadow:0 0 16px var(--rarity-common-glow)}.rarity-uncommon{color:var(--rarity-uncommon);border-color:var(--rarity-uncommon);box-shadow:0 0 18px var(--rarity-uncommon-glow)}.rarity-rare{color:var(--rarity-rare);border-color:var(--rarity-rare);box-shadow:0 0 20px var(--rarity-rare-glow)}.rarity-epic{color:var(--rarity-epic);border-color:var(--rarity-epic);box-shadow:0 0 22px var(--rarity-epic-glow)}.rarity-legendary{color:var(--rarity-legendary);border-color:var(--rarity-legendary);box-shadow:0 0 26px var(--rarity-legendary-glow)}.rarity-bg-common{background:var(--rarity-common-bg)}.rarity-bg-uncommon{background:var(--rarity-uncommon-bg)}.rarity-bg-rare{background:var(--rarity-rare-bg)}.rarity-bg-epic{background:var(--rarity-epic-bg)}.rarity-bg-legendary{background:var(--rarity-legendary-bg)}.gathering-desmanche{color:var(--gathering-desmanche);background:var(--gathering-desmanche-bg);border-color:#9b6a3a73}.gathering-coleta{color:var(--gathering-coleta);background:var(--gathering-coleta-bg);border-color:#8a936073}.gathering-patrulha{color:var(--gathering-patrulha);background:var(--gathering-patrulha-bg);border-color:#6faf5473}.gathering-arsenal{color:var(--gathering-arsenal);background:var(--gathering-arsenal-bg);border-color:#c77b3173}.gathering-tecnovarredura{color:var(--gathering-tecnovarredura);background:var(--gathering-tecnovarredura-bg);border-color:#4a98b873}.gathering-contencao{color:var(--gathering-contencao);background:var(--gathering-contencao-bg);border-color:#79b94b73}.class-lutador{color:var(--class-lutador);background:var(--class-lutador-bg);border-color:#b56a437a}.class-atirador{color:var(--class-atirador);background:var(--class-atirador-bg);border-color:#d19b3d7a}.class-assassino{color:var(--class-assassino);background:var(--class-assassino-bg);border-color:#7352c77a}.class-medico{color:var(--class-medico);background:var(--class-medico-bg);border-color:#59b9857a}.stat-strength{color:var(--stat-strength)}.stat-vitality{color:var(--stat-vitality)}.stat-agility{color:var(--stat-agility)}.stat-precision{color:var(--stat-precision)}.stat-technique{color:var(--stat-technique)}.stat-willpower{color:var(--stat-willpower)}.risk-safe{color:var(--risk-safe);background:#4fa36b24;border-color:#4fa36b6b}.risk-low{color:var(--risk-low);background:#7fb64f24;border-color:#7fb64f6b}.risk-medium{color:var(--risk-medium);background:#d2a23e24;border-color:#d2a23e6b}.risk-high{color:var(--risk-high);background:#c77b3124;border-color:#c77b316b}.risk-lethal{color:var(--risk-lethal);background:#c24a4a24;border-color:#c24a4a7a}.progress{background:rgba(var(--bg-primary-rgb), .72);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);width:100%;height:12px;position:relative;overflow:hidden}.progress-fill{border-radius:inherit;height:100%;transition:width var(--transition-slow)}.progress-label{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);font-family:var(--font-title);color:var(--text-secondary);font-weight:700;display:flex}.progress-hp .progress-fill{background:linear-gradient(90deg, #3f8548, var(--hp));box-shadow:0 0 16px #5dae6347}.progress-energy .progress-fill{background:linear-gradient(90deg, #366f83, var(--energy));box-shadow:0 0 16px #4e9cb347}.progress-xp .progress-fill{background:linear-gradient(90deg, #6d54b5, var(--xp));box-shadow:0 0 16px #a78bfa47}.progress-shield .progress-fill{background:linear-gradient(90deg, #527fa2, var(--shield));box-shadow:0 0 16px #6fa8d647}.inventory-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(72px,1fr));display:grid}.item-slot{aspect-ratio:1;min-height:72px;color:var(--text-secondary);background:radial-gradient(circle at 50% 20%, #ffffff0a, transparent 45%), rgba(var(--bg-primary-rgb), .6);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);place-items:center;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff06}.item-slot:hover{background:radial-gradient(circle at 50% 20%, #ffffff0f, transparent 45%), rgba(var(--surface-3-rgb), .68);border-color:var(--border-secondary);transform:translateY(-2px)}.item-slot.is-empty{opacity:.55;border-style:dashed}.item-slot-count{min-width:22px;font-family:var(--font-number);color:var(--text-primary);text-align:center;border:1px solid var(--border-primary);border-radius:var(--radius-pill);background:#030706bd;padding:.1rem .35rem;font-size:.75rem;position:absolute;bottom:5px;right:6px}.equipment-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(72px,1fr));display:grid}.stat-card{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:rgba(var(--bg-primary-rgb), .42);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex}.stat-label{color:var(--text-secondary);font-size:.88rem}.stat-value{font-family:var(--font-number);color:var(--text-primary);font-size:1.05rem}.table-wrap{border:1px solid var(--border-primary);border-radius:var(--radius-lg);width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%;min-width:720px;color:var(--text-secondary);background:var(--surface-2)}.table th,.table td{text-align:left;border-bottom:1px solid var(--divider-soft);padding:.85rem 1rem}.table th{font-family:var(--font-title);color:var(--text-primary);letter-spacing:.04em;background:rgba(var(--bg-primary-rgb), .42);font-weight:700}.table tr:hover td{background:#e7e3d806}.modal-backdrop{z-index:var(--z-modal);padding:var(--space-4);background:var(--overlay-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);place-items:center;display:grid;position:fixed;inset:0}.modal{background:linear-gradient(180deg, #ffffff09, transparent), var(--modal-bg);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);width:min(100%,560px);max-height:min(90vh,720px);box-shadow:var(--shadow-lg);overflow:auto}.toast{align-items:flex-start;gap:var(--space-3);width:min(100%,420px);padding:var(--space-4);color:var(--text-primary);background:var(--surface-4);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex}.toast-success{border-color:var(--state-success-border);background:linear-gradient(90deg, var(--state-success-bg), var(--surface-4))}.toast-error{border-color:var(--state-error-border);background:linear-gradient(90deg, var(--state-error-bg), var(--surface-4))}.toast-warning{border-color:var(--state-warning-border);background:linear-gradient(90deg, var(--state-warning-bg), var(--surface-4))}.toast-info{border-color:var(--state-info-border);background:linear-gradient(90deg, var(--state-info-bg), var(--surface-4))}.tooltip{z-index:var(--z-dropdown);max-width:320px;padding:var(--space-3);color:var(--text-secondary);background:rgba(var(--bg-primary-rgb), .96);border:1px solid var(--border-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.tooltip-title{margin-bottom:var(--space-1);font-family:var(--font-title);color:var(--text-primary);font-weight:700}.auth-background{min-height:100vh;padding:0 var(--space-4);background:radial-gradient(circle at 50% 10%,#6e9f4329,#0000 31rem),radial-gradient(circle at 50% 38%,#d2a23e12,#0000 23rem),linear-gradient(#0b1110 0%,#07100d 52%,#050807 100%);position:relative;overflow:hidden auto}.auth-background:before{content:"";pointer-events:none;opacity:.48;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 76%);mask-image:radial-gradient(circle,#000 0%,#0000 76%)}.auth-page-layout{z-index:2;flex-direction:column;width:min(100%,1180px);min-height:100vh;margin:0 auto;display:flex;position:relative}.auth-stage{z-index:2;justify-content:center;align-items:center;gap:var(--space-5);flex-direction:column;flex:1;width:min(100%,560px);margin:0 auto;padding:clamp(3.5rem,8vh,6rem) 0 clamp(2.5rem,5vh,4rem);display:flex;position:relative}.auth-brand-panel{align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;width:100%;display:flex}.game-logo{justify-content:center;width:100%;display:flex}.game-logo__image{object-fit:contain;filter:drop-shadow(0 18px 34px #000000ad)drop-shadow(0 0 30px #6e9f4329);width:min(560px,96vw);height:auto;display:block}.game-title-block{flex-direction:column;align-items:center;width:100%;display:flex}.auth-main-subtitle{width:min(520px,100%);color:var(--text-secondary);letter-spacing:.01em;text-align:center;text-shadow:0 2px 10px #000000b8;margin:0 auto;font-size:clamp(1rem,1.45vw,1.12rem);line-height:1.6}.auth-badge-list,.auth-feature-badge,.auth-footer-note{display:none!important}.auth-card-shell{width:min(100%,430px);padding:var(--space-4);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#ffffff09,#0000),#1e2523eb;border:1px solid #4a5450eb;box-shadow:0 24px 56px #0000006b,inset 0 1px #ffffff0b}.auth-card-content{padding-top:var(--space-4)}.auth-tab-list{background:rgba(var(--bg-primary-rgb), .62);border:1px solid var(--border-primary);border-radius:var(--radius-lg);grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;padding:.35rem;display:grid}.auth-tab{min-height:42px;font-family:var(--font-title);letter-spacing:.04em;color:var(--text-secondary);border-radius:var(--radius-md);transition:background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);background:0 0;border:0;padding:.75rem 1rem;font-weight:700}.auth-tab:hover{color:var(--text-primary);background:#ffffff09}.auth-tab.is-active{color:#07100d;background:linear-gradient(180deg, var(--action-primary-hover), var(--action-primary));box-shadow:0 0 18px #6e9f432e,inset 0 1px #ffffff2e}.auth-form{gap:var(--space-4);flex-direction:column;display:flex}.auth-inline-row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.auth-text-link{color:var(--action-primary-hover);transition:color var(--transition-fast), opacity var(--transition-fast);background:0 0;border:0;padding:0;font-size:.92rem}.auth-text-link:hover{color:#93cc5a}.auth-footer-action{color:var(--text-secondary);text-align:center;margin:0;font-size:.94rem}.company-footer{align-items:center;gap:var(--space-4);padding:var(--space-8) 0 var(--space-6);color:var(--text-muted);text-align:center;border-top:1px solid #e7e3d80e;flex-direction:column;display:flex}.company-footer__brand{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.company-footer__logo{object-fit:contain;opacity:.9;filter:drop-shadow(0 10px 20px #00000080)drop-shadow(0 0 14px #6e9f431f);display:block}.company-footer__logo--horizontal{width:min(220px,72vw);height:auto}.company-footer__text{flex-direction:column;align-items:center;gap:.25rem;display:flex}.company-footer__text span{max-width:420px;color:var(--text-muted);font-size:.86rem;line-height:1.5}.company-footer__links{justify-content:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.company-footer__link{color:var(--text-secondary);font-family:var(--font-title);letter-spacing:.04em;transition:color var(--transition-fast), opacity var(--transition-fast);font-size:.86rem;font-weight:700}.company-footer__link:hover{color:var(--action-primary-hover)}.company-footer__copyright{color:#b3b8b194;margin:0;font-size:.78rem}.game-layout{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100vh;display:grid}.sidebar{background:linear-gradient(180deg, var(--menu-bg), rgba(var(--bg-primary-rgb), .96));border-right:1px solid var(--border-primary)}.main-content{min-width:0;padding:var(--space-6)}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.page-title-block{gap:var(--space-2);flex-direction:column;display:flex}.page-eyebrow{font-family:var(--font-title);color:var(--action-primary);letter-spacing:.08em;text-transform:uppercase;font-weight:700}@keyframes subtle-pulse{0%,to{opacity:.78}50%{opacity:1}}@keyframes glow-pulse{0%,to{box-shadow:0 0 14px #6e9f4329}50%{box-shadow:0 0 28px #6e9f4357}}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.animate-subtle-pulse{animation:2s ease-in-out infinite subtle-pulse}.animate-glow-pulse{animation:2.5s ease-in-out infinite glow-pulse}.loading-spinner{border:2px solid #07100d47;border-top-color:#07100df2;border-radius:50%;width:1rem;height:1rem;animation:.85s linear infinite spinner-rotate}.hidden{display:none!important}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.shadow{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.divider{background:var(--divider-soft);width:100%;height:1px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=1024px){.game-layout{grid-template-columns:1fr}.sidebar{display:none}.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.main-content,.page{padding:var(--space-4)}}@media (width<=720px){body{font-size:15px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}.card-header,.panel-header,.card-body,.panel-body,.card-footer,.panel-footer{padding:var(--space-4)}.inventory-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}.equipment-grid{grid-template-columns:repeat(3,minmax(64px,1fr))}.auth-background{padding:0 var(--space-4)}.auth-stage{width:100%;padding:var(--space-6) 0 var(--space-5);gap:var(--space-4)}.game-logo__image{width:min(390px,98vw)}.auth-main-subtitle{width:min(360px,100%);font-size:.95rem;line-height:1.55}.auth-card-shell{width:100%;padding:var(--space-3)}.auth-inline-row{flex-direction:column;align-items:flex-start}.company-footer{padding:var(--space-6) 0 var(--space-5)}.company-footer__logo--horizontal{width:min(190px,78vw)}.company-footer__links{gap:var(--space-3)}}@media (width<=420px){.page,.main-content{padding:var(--space-3)}.btn{width:100%}.equipment-grid{gap:var(--space-2)}}.character-page{min-height:100vh;padding:var(--space-6);background:radial-gradient(circle at 50% 0,#6e9f4324,#0000 32rem),radial-gradient(circle at 20% 70%,#c7433c0f,#0000 28rem),linear-gradient(#0b1110 0%,#07100d 52%,#050807 100%);position:relative;overflow-x:hidden}.character-page__overlay{pointer-events:none;opacity:.42;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 76%);mask-image:radial-gradient(circle,#000 0%,#0000 76%)}.character-page__container{z-index:2;width:min(100%,1180px);margin:0 auto;position:relative}.character-select-header{justify-content:space-between;align-items:flex-end;gap:var(--space-5);margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid #e7e3d814;display:flex}.character-select-header__content{gap:var(--space-2);flex-direction:column;max-width:720px;display:flex}.character-select-header h1{margin:0;font-size:clamp(2.05rem,4vw,3.3rem)}.character-select-header p{max-width:680px;margin:0;line-height:1.6}.character-select-header__actions{justify-content:flex-end;align-items:center;display:flex}.character-count{width:fit-content;margin-top:var(--space-2);font-family:var(--font-title);color:var(--action-primary-hover);border-radius:var(--radius-pill);background:#6e9f431a;border:1px solid #6e9f433d;padding:.35rem .7rem;font-size:.86rem;font-weight:700;display:inline-flex}.character-loading{justify-content:center;align-items:center;gap:var(--space-3);min-height:320px;color:var(--text-secondary);display:flex}.character-layout{gap:var(--space-5);grid-template-columns:minmax(310px,.88fr) minmax(360px,1.15fr) minmax(340px,.95fr);align-items:start;display:grid}.character-panel,.character-create-card{padding:var(--space-5)}.character-section-title,.character-create-card__header{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.character-section-title h2,.character-create-card__header h2{margin:0;font-size:clamp(1.45rem,2vw,1.85rem)}.character-section-title p,.character-create-card__header p{margin:0;line-height:1.6}.character-card-list{gap:var(--space-4);display:grid}.character-card{gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm), var(--shadow-inner);transition:border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);background:linear-gradient(#ffffff08,#0000),#1e2523db;border:1px solid #4a5450c7;flex-direction:column;display:flex}.character-card:hover{border-color:color-mix(in srgb, var(--character-class-color) 52%, #ffffff2e);transform:translateY(-2px)}.character-card.is-selected{border-color:color-mix(in srgb, var(--character-class-color) 76%, #fff3);box-shadow:var(--shadow-sm), 0 0 26px color-mix(in srgb, var(--character-class-color) 22%, transparent)}.character-card__main{align-items:center;gap:var(--space-3);grid-template-columns:66px minmax(0,1fr) 50px;display:grid}.character-avatar{background:radial-gradient(circle at 50% 20%, #ffffff17, transparent 45%), rgba(var(--bg-primary-rgb), .72);border:1px solid #e7e3d81f;border-radius:1.25rem;place-items:center;width:66px;height:66px;display:grid;overflow:hidden}.character-avatar img,.character-preview-avatar img{object-fit:cover;width:100%;height:100%}.character-avatar span{font-family:var(--font-title);color:var(--text-primary);font-size:1.8rem;font-weight:700}.character-card__info{min-width:0}.character-card__label{font-family:var(--font-title);color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.25rem;font-size:.74rem;font-weight:700;display:block}.character-card h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.35rem;overflow:hidden}.character-card__meta{gap:var(--space-2);color:var(--text-secondary);flex-wrap:wrap;margin-top:.35rem;font-size:.82rem;display:flex}.character-card__emblem{object-fit:contain;width:50px;height:50px;filter:drop-shadow(0 0 16px color-mix(in srgb, var(--character-class-color) 38%, transparent))}.character-card__details{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.character-detail{min-width:0;padding:var(--space-3);background:rgba(var(--bg-primary-rgb), .42);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.character-detail span{color:var(--text-muted);font-size:.76rem;display:block}.character-detail strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin-top:.2rem;font-size:.9rem;display:block;overflow:hidden}.character-hp{gap:var(--space-1);display:grid}.character-hp__label{justify-content:space-between;gap:var(--space-2);color:var(--text-muted);font-size:.78rem;display:flex}.character-hp__label strong{font-family:var(--font-number);color:var(--text-secondary)}.character-hp__bar{background:rgba(var(--bg-primary-rgb), .72);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);height:8px;overflow:hidden}.character-hp__fill{background:linear-gradient(90deg, #3f8548, var(--hp));height:100%;box-shadow:0 0 16px #5dae6347}.character-enter-button{margin-top:var(--space-4)}.character-preview-panel{gap:var(--space-4);flex-direction:column;display:flex}.character-preview-stage{background:radial-gradient(circle at 50% 20%, color-mix(in srgb, var(--character-class-color) 14%, transparent), transparent 36%), radial-gradient(circle at 50% 78%, #6e9f431a, transparent 34%), #1e2523c7;border:1px solid #4a5450eb;border-radius:2rem;place-items:center;min-height:470px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 56px #00000052,inset 0 1px #ffffff0b}.character-preview-stage:after{content:"";background:color-mix(in srgb, var(--character-class-color) 18%, transparent);filter:blur(48px);border-radius:999px;height:160px;position:absolute;bottom:-12%;left:12%;right:12%}.character-preview-avatar{z-index:2;aspect-ratio:1/1.25;background:radial-gradient(circle at 50% 20%, #ffffff17, transparent 42%), rgba(var(--bg-primary-rgb), .74);width:min(250px,72%);box-shadow:var(--shadow-md);border:1px dashed #e7e3d82e;border-radius:2rem;place-items:center;display:grid;position:relative;overflow:hidden}.character-preview-avatar__placeholder{gap:var(--space-3);text-align:center;place-items:center;display:grid}.character-preview-avatar__placeholder span{width:96px;height:96px;font-family:var(--font-title);color:var(--text-primary);background:rgba(var(--bg-primary-rgb), .86);border:1px solid var(--border-primary);border-radius:var(--radius-pill);place-items:center;font-size:3rem;font-weight:700;display:grid}.character-preview-avatar__placeholder small{color:var(--text-muted);font-family:var(--font-title);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:700}.character-preview-info{padding:var(--space-5);background:linear-gradient(90deg, color-mix(in srgb, var(--character-class-color) 9%, transparent), transparent), #1e2523db;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm), var(--shadow-inner);border:1px solid #4a5450c7}.character-preview-info__main{align-items:center;gap:var(--space-4);display:flex}.character-preview-info__main img{object-fit:contain;width:68px;height:68px;filter:drop-shadow(0 0 18px color-mix(in srgb, var(--character-class-color) 34%, transparent))}.character-preview-info h2{margin:.25rem 0 0;font-size:1.75rem}.character-preview-info p{margin:.25rem 0 0}.character-preview-info__details{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.character-preview-info__details div{min-width:0;padding:var(--space-3);background:rgba(var(--bg-primary-rgb), .42);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.character-preview-info__details span{color:var(--text-muted);font-size:.76rem;display:block}.character-preview-info__details strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin-top:.2rem;font-size:.9rem;display:block;overflow:hidden}.character-preview-empty{min-height:520px;padding:var(--space-6);text-align:center;background:#1e2523c7;border:1px solid #4a5450eb;border-radius:2rem;place-items:center;display:grid}.character-preview-empty h2{margin:0}.character-preview-empty p{max-width:360px;margin:var(--space-2) auto 0}.character-create-form{gap:var(--space-4);flex-direction:column;display:flex}.character-form-hint{margin-top:calc(var(--space-3) * -1);color:var(--text-muted);font-size:.78rem}.character-class-picker{gap:var(--space-2);flex-direction:column;display:flex}.character-class-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.character-class-option{align-items:center;gap:var(--space-3);min-height:86px;padding:var(--space-3);color:var(--text-secondary);text-align:left;background:rgba(var(--bg-primary-rgb), .5);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);grid-template-columns:54px minmax(0,1fr);display:grid}.character-class-option:hover:not(:disabled){background:rgba(var(--bg-primary-rgb), .72);border-color:color-mix(in srgb, var(--character-class-color) 45%, #ffffff29);transform:translateY(-1px)}.character-class-option.is-active{color:var(--text-primary);background:radial-gradient(circle at top left, color-mix(in srgb, var(--character-class-color) 16%, transparent), transparent 55%), rgba(var(--bg-primary-rgb), .74);border-color:color-mix(in srgb, var(--character-class-color) 72%, #ffffff29);box-shadow:0 0 20px color-mix(in srgb, var(--character-class-color) 14%, transparent)}.character-class-option__emblem{object-fit:contain;width:54px;height:54px;filter:drop-shadow(0 0 12px color-mix(in srgb, var(--character-class-color) 28%, transparent))}.character-class-option strong{font-family:var(--font-title);font-size:1rem;display:block}.character-class-option span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:.2rem;font-size:.78rem;display:block;overflow:hidden}.selected-class-preview{padding:var(--space-4);background:linear-gradient(90deg, color-mix(in srgb, var(--character-class-color) 10%, transparent), transparent), rgba(var(--bg-primary-rgb), .42);border:1px solid color-mix(in srgb, var(--character-class-color) 36%, #ffffff1f);border-radius:var(--radius-xl)}.selected-class-preview__header{gap:var(--space-3);grid-template-columns:64px minmax(0,1fr);align-items:center;display:grid}.selected-class-preview__header img{object-fit:contain;width:64px;height:64px}.selected-class-preview__header strong{font-family:var(--font-title);font-size:1.15rem;display:block}.selected-class-preview__header span{color:var(--text-secondary);margin-top:.25rem;font-size:.84rem;line-height:1.45;display:block}.selected-class-preview__stats{gap:var(--space-2);margin-top:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.selected-class-stat{padding:var(--space-2);background:rgba(var(--bg-primary-rgb), .46);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:center}.selected-class-stat span{color:var(--text-muted);font-family:var(--font-title);font-size:.72rem;font-weight:700;display:block}.selected-class-stat strong{color:var(--text-primary);font-family:var(--font-number);margin-top:.1rem;font-size:1rem;display:block}.character-empty-state,.character-limit-notice{gap:var(--space-2);padding:var(--space-4);color:var(--text-secondary);background:rgba(var(--bg-primary-rgb), .42);border:1px solid var(--border-primary);border-radius:var(--radius-lg);flex-direction:column;display:flex}.character-empty-state{text-align:center;align-items:center}.character-empty-state__icon{width:54px;height:54px;color:var(--action-primary-hover);border-radius:var(--radius-lg);font-family:var(--font-title);background:#6e9f431a;border:1px solid #6e9f433d;place-items:center;font-size:1.8rem;font-weight:700;display:grid}.character-limit-notice{margin-bottom:var(--space-4);color:var(--state-warning);background:var(--state-warning-bg);border-color:var(--state-warning-border)}@media (width<=1120px){.character-layout{grid-template-columns:minmax(0,1fr) minmax(340px,.9fr)}.character-preview-panel{order:-1;grid-column:1/-1}.character-preview-stage{min-height:400px}.character-preview-avatar{width:min(220px,62%)}}@media (width<=820px){.character-page{padding:var(--space-4)}.character-select-header{align-items:stretch;gap:var(--space-4);flex-direction:column}.character-select-header__actions{justify-content:stretch}.character-select-header__actions .btn{align-self:flex-start;width:auto;min-width:110px}.character-layout{grid-template-columns:1fr}.character-panel,.character-create-card,.character-preview-info{padding:var(--space-4)}.character-preview-stage{min-height:340px}.character-preview-avatar{width:min(190px,68%)}.character-preview-info__details,.character-class-grid,.character-card__details{grid-template-columns:1fr}}@media (width<=480px){.character-page{padding:var(--space-3)}.character-select-header h1{font-size:2rem}.character-card__main{grid-template-columns:58px minmax(0,1fr) 44px}.character-avatar{width:58px;height:58px}.character-card__emblem{width:44px;height:44px}.character-preview-info__main{flex-direction:column;align-items:flex-start}.selected-class-preview__header{grid-template-columns:54px minmax(0,1fr)}.selected-class-preview__header img{width:54px;height:54px}}.auth-consent-row{color:var(--text-secondary);grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px;font-size:.88rem;line-height:1.45;display:grid}.auth-consent-row input{width:16px;height:16px;accent-color:var(--action-primary);margin-top:2px}.auth-consent-row a,.auth-development-link{color:var(--action-primary-hover)}.auth-recovery-heading{margin-bottom:var(--space-6)}.auth-recovery-heading h1{letter-spacing:0;margin:6px 0 10px;font-size:1.55rem}.auth-recovery-heading p,.auth-status-message{color:var(--text-secondary);margin:0;line-height:1.55}.auth-recovery-kicker{color:var(--action-primary-hover);text-transform:uppercase;font-size:.76rem;font-weight:800}.auth-status-message{border-left:3px solid var(--action-primary);background:#6e9f4317;padding:12px}.auth-development-link,.auth-back-link{text-align:center}