:root{--bg-night: #0e0b0b;--bg-night-blue: #101723;--ink-bright: #faf4e8;--ink-soft: rgba(250, 244, 232, .76);--ink-faint: rgba(250, 244, 232, .58);--gold-1: #f7dd92;--gold-2: #bd8a35;--blue-1: #79bcff;--blue-2: #3768b5;--red-1: #eb8f6a;--red-2: #8d3f3c;--sage-1: #bfdfd0;--sage-2: #638c7c;--glass-strong: rgba(19, 15, 17, .82);--glass-soft: rgba(28, 22, 24, .62);--border-soft: rgba(247, 221, 146, .16);--shadow-deep: 0 28px 100px rgba(0, 0, 0, .44);--shadow-soft: 0 16px 36px rgba(0, 0, 0, .24);--radius-xl: 24px;--radius-lg: 18px;--radius-md: 14px;--radius-sm: 10px;--font-display: "Baskerville", "Palatino Linotype", "Times New Roman", serif;--font-body: "Avenir Next", "Segoe UI", sans-serif;--font-pixel: "Courier New", monospace}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-width:1260px;color:var(--ink-bright);font-family:var(--font-body);background:radial-gradient(circle at top left,rgba(196,110,73,.25),transparent 26%),radial-gradient(circle at top right,rgba(63,104,181,.24),transparent 26%),linear-gradient(180deg,var(--bg-night) 0%,#090707 100%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.08;background:linear-gradient(transparent 0,transparent 2px,rgba(255,255,255,.12) 2px,rgba(255,255,255,.12) 3px),linear-gradient(90deg,rgba(255,255,255,.05),transparent 30%);background-size:100% 4px,300px 100%}button,input,textarea,select{font:inherit}#root{min-height:100vh}.app-shell{position:relative;min-height:100vh}.app-aura{position:fixed;width:360px;height:360px;border-radius:999px;filter:blur(66px);opacity:.2;pointer-events:none;z-index:0}.app-aura-left{top:-80px;left:-80px;background:#d9744b70}.app-aura-right{top:40px;right:-90px;background:#5085e66b}.app-view-battle .app-aura{display:none}.app-header,.screen-shell{position:relative;z-index:1}.app-header{position:fixed;top:16px;left:20px;right:20px;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:start;pointer-events:none;z-index:10}.app-view-battle .app-header{top:12px;left:12px;right:12px;grid-template-columns:auto auto;justify-content:space-between;align-items:start}.app-header>*{pointer-events:auto}.app-brand,.app-nav,.app-status{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-brand{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;border:1px solid var(--border-soft);background:var(--glass-strong);box-shadow:var(--shadow-soft)}.app-view-battle .app-brand{gap:10px;padding:9px 11px;border-radius:14px;background:#0b090a94}.app-crest{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(180deg,#f7dd923d,#bd8a3538);border:1px solid rgba(247,221,146,.2);font-family:var(--font-display);font-size:1.1rem;letter-spacing:.08em}.app-view-battle .app-crest{width:34px;height:34px;border-radius:10px;font-size:.92rem}.app-kicker,.eyebrow,.panel-kicker,.portrait-title{margin:0 0 .35rem;color:#ffe19cd1;font-size:.7rem;letter-spacing:.24em;text-transform:uppercase}.app-brand h1,.battle-overlay-title h2,.roster-header h2,.portrait-copy h3{margin:0;font-family:var(--font-display)}.app-brand h1{font-size:1.8rem;line-height:1}.app-view-battle .app-brand h1{font-size:1.2rem}.app-nav{justify-self:center;padding:10px;border-radius:999px;border:1px solid var(--border-soft);background:#120e0fb3;box-shadow:var(--shadow-soft)}.app-view-battle .app-nav{justify-self:end;padding:6px;background:#0b090a8f}.app-status{padding:10px 12px;border-radius:999px;border:1px solid var(--border-soft);background:#120e0fc2;box-shadow:var(--shadow-soft)}.app-view-battle .app-kicker{margin-bottom:.15rem;font-size:.56rem}.app-view-battle .tab-button{min-width:148px;padding:.58rem .82rem}.screen-shell{min-height:100vh}.app-view-roster .screen-shell{padding:92px 18px 18px}.tabs-shell{display:flex;gap:10px}.tab-button{display:flex;flex-direction:column;align-items:flex-start;gap:.26rem;min-width:190px;padding:.8rem 1rem;border:1px solid rgba(247,221,146,.12);border-radius:999px;background:#ffffff05;color:var(--ink-soft);cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease}.tab-button:hover,.tab-button.is-active{transform:translateY(-1px);border-color:#f7dd9257;background:linear-gradient(180deg,#f7dd921f,#ffffff05)}.tab-label{font-size:.92rem;font-weight:600}.tab-detail{color:var(--ink-faint);font-size:.76rem}.badge,.icon-glyph{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:.34rem .68rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.icon-glyph{min-width:2.3rem}.tone-gold{color:#281708;background:linear-gradient(180deg,var(--gold-1),var(--gold-2))}.tone-crimson{color:#fff4ee;background:linear-gradient(180deg,var(--red-1),var(--red-2))}.tone-sage{color:#11221a;background:linear-gradient(180deg,var(--sage-1),var(--sage-2))}.tone-ink{color:var(--ink-bright);background:linear-gradient(180deg,#473f40f0,#1c1618f0)}.button-shell{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;padding:.82rem 1rem;border-radius:999px;border:1px solid rgba(247,221,146,.18);cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease}.button-shell:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 20px #00000038}.button-shell:disabled{opacity:.45;cursor:not-allowed}.variant-primary{color:#281708;background:linear-gradient(180deg,var(--gold-1),var(--gold-2))}.variant-secondary{color:var(--ink-bright);background:linear-gradient(180deg,#7295e52e,#35292b9e)}.variant-ghost{color:var(--ink-bright);background:transparent}.battle-screen{min-height:100vh}.battle-map-stage{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 15% 22%,rgba(255,241,191,.06),transparent 18%),radial-gradient(circle at 80% 18%,rgba(113,170,255,.06),transparent 20%),linear-gradient(180deg,#080707f5,#060505)}.battle-map-stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at center,transparent 56%,rgba(0,0,0,.34) 100%)}.battlefield-canvas{position:absolute;inset:0;width:min(calc(100vw - 10px),calc((100vh - 10px) * var(--map-aspect)));max-width:calc(100vw - 10px);max-height:calc(100vh - 10px);aspect-ratio:var(--map-aspect);margin:auto}.battlefield-canvas canvas{display:block;width:100%!important;height:100%!important;image-rendering:pixelated;cursor:grab;touch-action:none}.battle-overlay{position:absolute;border:1px solid rgba(247,221,146,.12);border-radius:20px;background:#100c0e9e;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none}.battle-overlay-hitbox{position:relative;z-index:1}.battle-overlay:before{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.05);border-radius:14px;pointer-events:none}.battle-overlay-title,.battle-overlay-controls,.battle-overlay-unit,.battle-overlay-forecast,.battle-overlay-terrain,.battle-overlay-log,.battle-overlay-legend{z-index:2}.battle-overlay-title{top:76px;left:16px;max-width:360px;padding:14px 16px}.battle-right-rail{position:absolute;top:76px;right:16px;bottom:16px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;gap:14px;pointer-events:none;z-index:2}.battle-right-rail-top{display:grid;align-content:start;gap:14px;min-height:0;flex:1 1 auto;overflow-y:auto;overflow-x:visible;padding-right:4px;scrollbar-width:thin}.battle-right-rail .battle-overlay{position:relative;inset:auto;pointer-events:auto}.battle-right-rail .battle-overlay-controls{flex:0 0 auto;margin-top:14px}.battle-overlay-title h2{font-size:2.2rem;line-height:1}.battle-stage-objective,.battle-unit-bio,.battle-terrain-copy,.battle-log-overlay p,.battle-forecast-text{margin:0;color:var(--ink-soft);line-height:1.5}.battle-inline-badges{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.9rem}.battle-overlay-controls{width:292px;padding:12px}.battle-command-summary{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:.45rem .65rem;margin-top:.9rem}.battle-command-summary span{display:inline-flex;align-items:center;min-height:1.9rem;padding:.28rem .62rem;border-radius:999px;background:#ffffff0d;color:var(--ink-soft);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.battle-overlay-header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:.7rem;color:#ffe19ce0;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase}.battle-overlay-actions{display:inline-flex;align-items:center;gap:.45rem}.battle-overlay-toggle{appearance:none;border:1px solid rgba(247,221,146,.16);border-radius:999px;background:#ffffff0a;color:var(--ink-soft);cursor:pointer;font-size:.68rem;letter-spacing:.08em;padding:.35rem .68rem;text-transform:uppercase;transition:background .14s ease,border-color .14s ease,color .14s ease}.battle-overlay-toggle:hover{border-color:#f7dd924d;background:#ffffff14;color:var(--ink-bright)}.battle-overlay-stats{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:.6rem 1rem;color:var(--ink-soft);font-size:.84rem}.battle-focus-unit{position:relative;z-index:1;display:grid;gap:.7rem;margin-top:.95rem;padding-top:.95rem;border-top:1px solid rgba(247,221,146,.12)}.battle-focus-unit-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.battle-focus-unit-header strong{display:block;font-size:.95rem}.battle-focus-unit-header small{display:block;margin-top:.16rem;color:var(--ink-faint);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase}.battle-health-shell{display:grid;gap:.34rem}.battle-health-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.18rem .65rem;align-items:center}.battle-health-meta span,.battle-health-meta em{color:var(--ink-faint);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.battle-health-meta strong{justify-self:end;font-size:.82rem}.battle-health-meta em{grid-column:1 / -1;font-style:normal}.battle-health-track{position:relative;height:8px;overflow:hidden;border-radius:999px;background:#ffffff12;border:1px solid rgba(255,255,255,.08)}.battle-health-fill,.battle-health-delta{position:absolute;top:0;bottom:0;border-radius:999px}.tone-allies .battle-health-fill{background:linear-gradient(90deg,#79bcfff5,#3768b5fa)}.tone-enemies .battle-health-fill{background:linear-gradient(90deg,#eb8f6af5,#8d3f3cfa)}.battle-health-delta.is-loss{background:linear-gradient(90deg,#ffe4a5e0,#eb6b57f5)}.battle-health-delta.is-gain{background:linear-gradient(90deg,#beffbce6,#6fd280f5)}.battle-health-shell.is-compact{gap:.24rem}.battle-health-shell.is-compact .battle-health-meta span,.battle-health-shell.is-compact .battle-health-meta em,.battle-health-shell.is-compact .battle-health-meta strong{font-size:.62rem}.battle-health-shell.is-compact .battle-health-track{height:6px}.battle-action-grid{position:relative;z-index:1;display:grid;gap:.7rem;margin-top:.9rem}.battle-action-grid.is-compact .button-shell{width:100%}.battle-threat-list{position:relative;z-index:1;display:grid;gap:.55rem;margin-top:.95rem}.battle-threat-row{display:grid;gap:.6rem;padding:.6rem .75rem;border-radius:12px;background:#ffffff0a}.battle-threat-copy{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.battle-threat-copy span{font-size:.9rem}.battle-threat-copy small{color:var(--ink-faint);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.battle-overlay-unit{left:16px;bottom:76px;width:430px;display:grid;grid-template-columns:118px minmax(0,1fr);gap:14px;padding:14px}.battle-overlay-unit,.battle-overlay-log{pointer-events:auto}.battle-overlay-unit.is-minimized{width:272px;grid-template-columns:72px minmax(0,1fr);gap:12px}.battle-unit-swatch{position:relative;min-height:188px;overflow:hidden;border-radius:16px;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.22),transparent 34%),linear-gradient(160deg,var(--unit-start),var(--unit-end))}.battle-unit-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--unit-focus);filter:saturate(1.05) contrast(1.04)}.battle-unit-swatch:before,.battle-unit-swatch:after{content:"";position:absolute;border-radius:999px;border:1px solid rgba(255,255,255,.16);opacity:.34}.battle-unit-swatch:before{width:110px;height:110px;top:-20px;right:-18px}.battle-unit-swatch:after{width:140px;height:140px;left:-28px;bottom:-48px}.battle-unit-sigil{position:absolute;top:12px;left:12px;padding:.25rem .45rem;border-radius:999px;background:#0b090a38;color:var(--unit-accent);font-size:.68rem;letter-spacing:.12em}.battle-unit-motto{position:absolute;left:12px;bottom:12px;max-width:5rem;font-family:var(--font-display);font-size:1.4rem;line-height:1}.battle-unit-copy{position:relative;z-index:1;display:grid;align-content:start;gap:.55rem}.battle-overlay-unit.is-minimized .battle-unit-swatch{min-height:126px}.battle-overlay-unit.is-minimized .battle-unit-motto{max-width:3.5rem;font-size:1rem}.battle-unit-copy h3{margin:0;font-family:var(--font-display);font-size:1.55rem}.battle-unit-role{margin:0;color:#ffe19cdb;font-size:.86rem;letter-spacing:.08em;text-transform:uppercase}.battle-unit-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin-top:.2rem}.battle-unit-stats div{padding:.55rem .45rem;border-radius:12px;background:#ffffff0a;text-align:center}.battle-unit-stats span{display:block;color:var(--ink-faint);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.battle-unit-stats strong{display:block;margin-top:.18rem;font-size:1.02rem}.battle-unit-mini-stats{display:grid;gap:.4rem;margin-top:.15rem;color:var(--ink-soft);font-size:.82rem}.battle-overlay-forecast{width:300px;padding:14px}.battle-forecast-text{position:relative;z-index:1;margin-top:.8rem}.battle-command-note{margin:.8rem 0 0;color:var(--ink-soft);line-height:1.45}.battle-duel-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem}.battle-duel-card{display:grid;gap:.7rem;padding:.82rem;border-radius:14px;border:1px solid rgba(255,255,255,.08)}.battle-duel-card.is-attacker{background:linear-gradient(180deg,#4774b02e,#ffffff0a),#ffffff05}.battle-duel-card.is-defender{background:linear-gradient(180deg,#ab57452e,#ffffff0a),#ffffff05}.battle-duel-card-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.battle-duel-card-header strong{font-family:var(--font-display);font-size:1rem;line-height:1.1}.battle-duel-copy{margin:0;color:var(--ink-soft);font-size:.78rem;line-height:1.45}.battle-overlay-forecast .battle-forecast-text{margin-top:.7rem}.battle-overlay-controls.is-compact{width:248px}.battle-overlay-controls.is-compact .battle-overlay-stats{gap:.45rem .8rem}.battle-overlay-controls.is-compact .battle-command-note,.battle-overlay-controls.is-compact .battle-command-summary{margin-top:.72rem}.battle-overlay-terrain{width:292px;padding:14px}.battle-overlay-log{left:50%;top:76px;width:420px;padding:12px 14px;transform:translate(-50%)}.battle-overlay-log.is-minimized{width:344px}.battle-overlay-log p{position:relative;z-index:1;margin-top:.45rem}.battle-log-collapsed{color:var(--ink-soft);line-height:1.4;margin:0}.battle-overlay-legend{left:16px;bottom:16px;display:flex;flex-wrap:wrap;gap:.75rem 1rem;padding:12px 14px}.legend-line{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.52rem;color:var(--ink-soft);font-size:.78rem}.legend-chip{width:.9rem;height:.9rem;border-radius:999px;border:1px solid rgba(255,255,255,.16)}.legend-chip.is-move{background:#70b8ffad}.legend-chip.is-attack{background:#e28942c7}.legend-chip.is-ally{background:linear-gradient(180deg,var(--blue-1),var(--blue-2))}.legend-chip.is-enemy{background:linear-gradient(180deg,var(--red-1),var(--red-2))}.ornate-frame,.panel-shell{position:relative;overflow:hidden;border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:linear-gradient(180deg,#fff8e20f,#ffffff05),#130f11db;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.ornate-frame:before,.panel-shell:before{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.05);border-radius:calc(var(--radius-lg) - 8px);pointer-events:none}.panel-shell{padding:14px}.panel-header{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:.95rem}.panel-title{margin:0;font-family:var(--font-display);font-size:1.38rem}.panel-subtitle,.portrait-class,.dossier-note{margin:0;color:var(--ink-soft);line-height:1.55}.panel-body{position:relative;z-index:1}.stat-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.stat-label{color:var(--ink-faint)}.stat-value{font-weight:600}.portrait-card{display:grid;gap:.95rem}.portrait-card.is-compact{grid-template-columns:118px minmax(0,1fr);align-items:stretch}.portrait-illustration{position:relative;min-height:220px;padding:.9rem;overflow:hidden;border-radius:16px;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.2),transparent 34%),linear-gradient(155deg,var(--portrait-start),var(--portrait-end))}.portrait-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--portrait-focus);filter:saturate(1.06) contrast(1.04)}.portrait-card.is-compact .portrait-illustration{min-height:132px}.portrait-illustration:before,.portrait-illustration:after{content:"";position:absolute;border-radius:999px;border:1px solid rgba(255,255,255,.16);opacity:.38}.portrait-illustration:before{width:140px;height:140px;top:-18px;right:-18px}.portrait-illustration:after{width:168px;height:168px;bottom:-70px;left:-34px}.portrait-sigil{position:absolute;top:14px;left:14px;padding:.28rem .5rem;border-radius:999px;background:#0907083d;color:var(--portrait-accent);font-size:.68rem;letter-spacing:.12em}.portrait-motto{position:absolute;left:16px;bottom:16px;max-width:8rem;font-family:var(--font-display);font-size:1.45rem;line-height:1.02}.portrait-copy h3{font-size:1.42rem}.portrait-footer,.badge-row,.portrait-statline{display:flex;flex-wrap:wrap;gap:.55rem}.roster-layout{display:grid}.roster-frame{padding:18px}.roster-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.roster-header h2{font-size:2rem}.hero-summary,.character-quote,.dossier-card p{color:var(--ink-soft)}.roster-grid{display:grid;grid-template-columns:minmax(310px,.72fr) minmax(0,1.28fr);gap:16px}.roster-list{display:grid;gap:.8rem}.roster-choice{padding:0;border:0;background:transparent;cursor:pointer;text-align:left}.roster-choice-card{padding:.72rem;border-radius:16px;border:1px solid rgba(247,221,146,.14);background:#ffffff08;transition:transform .14s ease,border-color .14s ease,background .14s ease}.roster-choice:hover .roster-choice-card,.roster-choice.is-active .roster-choice-card{transform:translateY(-1px);border-color:#f7dd9247;background:#f7dd9214}.dossier-panel .panel-body{display:grid;gap:1.1rem}.dossier-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:1rem}.dossier-copy{display:grid;align-content:start;gap:.9rem}.character-quote{margin:0;padding:.95rem 1rem;border-left:3px solid rgba(247,221,146,.42);border-radius:0 14px 14px 0;background:#ffffff0a;font-family:var(--font-display);font-size:1.24rem;line-height:1.45}.dossier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.dossier-card{padding:.92rem;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.dossier-card h3{margin:0 0 .8rem;font-family:var(--font-display);font-size:1.18rem}.dossier-card p{margin:.5rem 0 0;line-height:1.55}.dossier-card-wide{grid-column:1 / -1}.empty-state{margin:0;color:var(--ink-faint)}.tooltip-shell{position:relative;display:inline-flex}.tooltip-content{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%);width:230px;padding:.7rem .8rem;border-radius:12px;background:#0a0809f0;border:1px solid rgba(247,221,146,.16);color:var(--ink-bright);font-size:.76rem;line-height:1.45;opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease}.tooltip-shell:hover .tooltip-content{opacity:1;transform:translate(-50%) translateY(-2px)}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app-brand,.app-nav,.app-status,.battle-overlay,.panel-shell,.ornate-frame{animation:fade-up .22s ease both}@media(max-width:1320px){body{min-width:1180px}.battle-overlay-controls{width:290px}.battle-overlay-controls.is-compact{width:236px}.battle-overlay-unit{width:360px}.battle-overlay-unit.is-minimized{width:244px}}