:root{color-scheme:dark;--mg-font-family-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mg-font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--mg-font-size-title: 2.5rem;--mg-font-size-heading: 1.5rem;--mg-font-size-body-lg: 1.125rem;--mg-font-size-body: 1rem;--mg-font-size-meta: .92rem;--mg-font-size-eyebrow: .72rem;--mg-space-1: 4px;--mg-space-2: 8px;--mg-space-3: 12px;--mg-space-4: 16px;--mg-space-5: 20px;--mg-space-6: 24px;--mg-space-7: 28px;--mg-space-8: 32px;--mg-space-12: 48px;--mg-radius-sm: 4px;--mg-radius-md: 8px;--mg-radius-pill: 999px;--mg-color-canvas: #1d2b53;--mg-color-canvas-deep: #142043;--mg-color-panel: #2b3e5f;--mg-color-surface: #16233f;--mg-color-surface-strong: #0f1a33;--mg-color-border: rgba(255, 241, 232, .18);--mg-color-border-strong: rgba(255, 241, 232, .24);--mg-color-text-primary: #fff1e8;--mg-color-text-muted: #83769c;--mg-color-action-primary: #00e436;--mg-color-action-secondary: #29adff;--mg-color-accent: #ffec27;--mg-color-success: #00e756;--mg-color-danger: #ff004d;--mg-color-success-soft: rgba(0, 231, 86, .18);--mg-color-success-foreground: #d1fae5;--mg-color-accent-soft: rgba(255, 236, 39, .18);--mg-color-accent-foreground: #fef3c7;--mg-color-action-secondary-soft: rgba(41, 173, 255, .14);--mg-color-scrim: rgba(0, 0, 0, .8);--mg-background-canvas: linear-gradient(180deg, rgba(29, 43, 83, .98), rgba(20, 32, 67, .98)), var(--mg-color-canvas);--mg-background-panel: rgba(43, 62, 95, .92);--mg-background-surface: rgba(22, 35, 63, .94);--mg-background-surface-deep: rgba(15, 26, 51, .95);--mg-background-badge: rgba(15, 26, 51, .8);--mg-shadow-card: 4px 4px 0 rgba(0, 0, 0, .3);--mg-shadow-button: 3px 3px 0 rgba(0, 0, 0, .4);--mg-z-base: 0;--mg-z-sticky: 20;--mg-z-overlay: 40;--mg-z-modal: 50}:root{font-family:var(--mg-font-family-body);background:var(--mg-background-canvas);color:var(--mg-color-text-primary)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;background:var(--mg-background-canvas)}a{color:inherit}button,input{font:inherit}button{border:0;cursor:pointer}.app-shell{width:min(1200px,calc(100vw - 16px));margin:0 auto;padding:var(--mg-space-4) 0 var(--mg-space-6);display:grid;gap:var(--mg-space-4)}.app-shell__topbar,.status-strip,.route-panel,.app-shell__footer{border:1px solid var(--mg-color-border);background:var(--mg-background-panel);border-radius:var(--mg-radius-md);box-shadow:var(--mg-shadow-card)}.app-shell__topbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:var(--mg-space-4);padding:var(--mg-space-5)}.app-shell__brand{display:grid;gap:var(--mg-space-2);min-width:min(100%,420px)}.app-shell__topbar>div:last-child{margin-left:auto}@media(max-width:719px){.app-shell{width:min(1200px,calc(100vw - 12px));padding-top:var(--mg-space-3)}.app-shell__topbar,.status-strip,.route-panel,.app-shell__footer{padding-inline:var(--mg-space-4)}.app-shell__topbar{display:grid}.app-shell__topbar>div:last-child{margin-left:0;justify-self:start}.status-row,.footer-actions{justify-content:flex-start}.user-menu{justify-items:start}.user-menu__trigger{width:100%}.route-shell__header,.fighter-picker__summary,.entity-card__header,.entity-card__identity,.entity-card__title-row{flex-direction:column;align-items:stretch}.entity-card__title-row{gap:var(--mg-space-2)}.entity-card__badge{align-self:flex-start}.app-shell__footer{flex-direction:column;align-items:stretch}.app-shell__footer .muted.small{order:2}.footer-actions,.footer-actions .button{width:100%}.modal-scrim{padding:var(--mg-space-3);align-items:end}.modal-panel{width:100%;max-height:calc(100vh - var(--mg-space-6));overflow:auto;padding:var(--mg-space-4)}}.title{margin:0;font-size:var(--mg-font-size-title);line-height:1;letter-spacing:0}.subtitle{max-width:68ch;margin:0;color:var(--mg-color-text-muted)}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:var(--mg-font-size-eyebrow);color:var(--mg-color-text-muted)}.status-strip{padding:var(--mg-space-4) var(--mg-space-6);display:grid;gap:var(--mg-space-2)}.status-row{display:flex;flex-wrap:wrap;gap:var(--mg-space-2)}.badge,.pill{display:inline-flex;align-items:center;gap:var(--mg-space-2);padding:6px 12px;border-radius:var(--mg-radius-pill);border:1px solid var(--mg-color-border-strong);background:var(--mg-background-badge);color:var(--mg-color-text-primary);font-size:var(--mg-font-size-meta)}.pill--success{background:var(--mg-color-success-soft);color:var(--mg-color-success-foreground)}.pill--warn{background:var(--mg-color-accent-soft);color:var(--mg-color-accent-foreground)}.user-menu{position:relative;display:grid;justify-items:end;gap:var(--mg-space-2)}.user-menu__trigger{display:inline-flex;align-items:center;gap:var(--mg-space-2);max-width:min(100%,320px);text-align:left}.user-menu__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu__caret{flex:0 0 auto;opacity:.75}.user-menu__panel{position:absolute;top:calc(100% + var(--mg-space-2));right:0;min-width:180px;padding:var(--mg-space-2);border:1px solid var(--mg-color-border-strong);border-radius:var(--mg-radius-md);background:var(--mg-background-panel);box-shadow:var(--mg-shadow-card);z-index:var(--mg-z-overlay)}.user-menu__action{width:100%;justify-content:center}.route-panel{padding:var(--mg-space-6);display:grid;gap:var(--mg-space-4)}.route-shell__header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:var(--mg-space-3)}.route-shell__stack{display:grid;gap:var(--mg-space-2)}.route-shell__stack h2,.route-shell__stack h3,.route-shell__stack p{margin:0}.route-shell__body,.route-shell__grid{display:grid;gap:var(--mg-space-4)}@media(min-width:960px){.auth-layout{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:start}}@media(max-width:959px){.auth-layout{grid-template-columns:1fr}}.auth-stack{display:grid;gap:var(--mg-space-4)}.auth-hero{position:relative;overflow:hidden;display:grid;gap:var(--mg-space-4);padding:var(--mg-space-5);background:radial-gradient(circle at top right,rgba(41,173,255,.16),transparent 36%),radial-gradient(circle at bottom left,rgba(255,236,39,.12),transparent 32%),var(--mg-background-surface)}.auth-hero:after{content:"";position:absolute;inset:auto -24px -24px auto;width:160px;height:160px;border-radius:999px;background:radial-gradient(circle,rgba(0,228,54,.2),transparent 68%);pointer-events:none}.auth-hero>*{position:relative;z-index:1}.auth-hero__header{display:flex;align-items:flex-start;gap:var(--mg-space-4)}.auth-hero__title{margin:0;font-size:clamp(2.2rem,5vw,4rem);line-height:.95;letter-spacing:-.03em}.auth-hero__copy{margin:0;max-width:58ch;color:var(--mg-color-text-muted)}.auth-chip-row{display:flex;flex-wrap:wrap;gap:var(--mg-space-2)}.auth-capability-grid{display:grid;gap:var(--mg-space-3)}.auth-panel{display:grid;gap:var(--mg-space-4)}.auth-form-grid,.auth-session-grid,.auth-entry-grid{display:grid;gap:var(--mg-space-3)}.auth-entry-grid .button{width:100%}.setup-layout{display:grid;gap:var(--mg-space-4)}@media(min-width:960px){.setup-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start}}.setup-hero,.setup-panel{display:grid;gap:var(--mg-space-4)}.setup-hero{position:relative;overflow:hidden;padding:var(--mg-space-5);background:radial-gradient(circle at top left,rgba(255,236,39,.14),transparent 30%),radial-gradient(circle at bottom right,rgba(0,228,54,.12),transparent 32%),var(--mg-background-surface)}.setup-hero__title{margin:0;font-size:clamp(1.8rem,4vw,3rem);line-height:.95}.setup-summary-grid{display:grid;gap:var(--mg-space-3)}.setup-panel{padding:var(--mg-space-5)}.setup-section{display:grid;gap:var(--mg-space-4)}.setup-player-list{display:grid;gap:var(--mg-space-3)}.setup-player-row{display:grid;gap:var(--mg-space-2)}.setup-note{color:var(--mg-color-text-muted);font-size:var(--mg-font-size-meta)}.build-layout,.build-layout__grid{display:grid;gap:var(--mg-space-4)}@media(min-width:1120px){.build-layout__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}}.build-panel{display:grid;gap:var(--mg-space-4)}.build-panel--race,.build-panel--draft{padding:var(--mg-space-5)}.race-grid{display:grid;gap:var(--mg-space-3)}@media(min-width:720px){.race-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.race-card{display:grid;gap:var(--mg-space-3);padding:var(--mg-space-4);text-align:left;border:1px solid var(--mg-color-border);border-radius:var(--mg-radius-md);background:var(--mg-background-surface-deep);color:var(--mg-color-text-primary);box-shadow:var(--mg-shadow-button)}.race-card--selected{border-color:#00e43699;box-shadow:0 0 0 1px #00e43633,var(--mg-shadow-button)}.race-card__header,.race-card__stats{display:grid;gap:var(--mg-space-2)}.race-card__header{grid-template-columns:1fr auto;align-items:center}.race-card__title{margin:0;font-size:1.15rem}.race-card__ability{margin:0;color:var(--mg-color-text-muted)}.race-card__notes{display:grid;gap:2px}.build-panel__grid,.build-summary-card,.build-item-section,.build-stats-card,.build-validation{display:grid;gap:var(--mg-space-4)}.build-summary-card{padding:var(--mg-space-4)}.build-item-list,.build-item-row{display:grid;gap:var(--mg-space-3)}@media(min-width:840px){.build-item-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}}.build-stats-grid,.build-profile-grid{display:grid;gap:var(--mg-space-2)}.build-stats-grid{margin-top:0}.build-profile-grid .list-row{background:var(--mg-background-surface-deep)}.build-validation{padding:var(--mg-space-4)}.roster-layout,.roster-hero,.roster-panel{display:grid;gap:var(--mg-space-4)}.roster-hero{padding:var(--mg-space-5);background:radial-gradient(circle at top right,rgba(41,173,255,.14),transparent 30%),radial-gradient(circle at bottom left,rgba(255,236,39,.08),transparent 28%),var(--mg-background-surface)}.roster-card-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.roster-card__actions{width:100%}@media(min-width:840px){.route-shell__grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:719px){.route-shell__grid--2{grid-template-columns:1fr}}.surface,.empty-state,.card{border:1px solid var(--mg-color-border);background:var(--mg-background-surface);border-radius:var(--mg-radius-md)}.surface,.empty-state{padding:var(--mg-space-4)}.empty-state{display:grid;gap:var(--mg-space-2)}.card-grid{display:grid;gap:var(--mg-space-3)}@media(min-width:720px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.card{padding:var(--mg-space-4);display:grid;gap:var(--mg-space-2)}.card h3,.surface h3,.empty-state h3{margin:0}.data-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--mg-space-2)}.field{display:grid;gap:var(--mg-space-2)}.field label{font-size:.85rem;color:var(--mg-color-text-muted)}.field input{width:100%;border-radius:var(--mg-radius-md);border:1px solid var(--mg-color-border-strong);background:var(--mg-background-surface-deep);color:var(--mg-color-text-primary);padding:var(--mg-space-3) var(--mg-space-4)}.button{border-radius:var(--mg-radius-md);padding:var(--mg-space-3) var(--mg-space-4);font-weight:600;cursor:pointer}.button--md{min-height:44px}.button--lg{min-height:52px}.button:disabled{cursor:not-allowed;opacity:.55}.button--primary{background:var(--mg-color-action-primary);color:var(--mg-color-canvas);box-shadow:var(--mg-shadow-button)}.button--secondary{background:var(--mg-color-action-secondary-soft);color:var(--mg-color-text-primary);box-shadow:var(--mg-shadow-button)}.button--ghost{background:transparent;color:var(--mg-color-text-primary);border:1px solid var(--mg-color-border-strong)}.entity-card{display:grid;gap:var(--mg-space-4)}.entity-card--selected{border-color:#00e4368c}.entity-card--active{border-color:#ffec278c}.entity-card__header,.entity-card__identity,.entity-card__title-row{display:flex;align-items:flex-start;gap:var(--mg-space-3)}.entity-card__header{justify-content:space-between}.entity-card__identity{min-width:0;flex:1 1 auto}.entity-card__leading{flex:0 0 auto}.entity-card__title-row{align-items:center;justify-content:space-between}.entity-card__title{margin:0}.entity-card__subtitle{color:var(--mg-color-text-muted)}.entity-card__badge{flex:0 0 auto}.entity-card__stats,.entity-card__items{display:grid;gap:var(--mg-space-2)}.entity-card__items{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.entity-card__item{display:grid;gap:2px;padding:var(--mg-space-2);border:1px solid var(--mg-color-border);border-radius:var(--mg-radius-md);background:var(--mg-background-surface-deep)}.entity-card__item-label{font-size:var(--mg-font-size-meta);color:var(--mg-color-text-muted);text-transform:uppercase}.entity-card__item-value{font-weight:600}.entity-card__footer{display:flex;flex-wrap:wrap;gap:var(--mg-space-2);align-items:center}.stat-row{display:flex;justify-content:space-between;gap:var(--mg-space-3);align-items:center;padding:var(--mg-space-2) var(--mg-space-3);border:1px solid var(--mg-color-border);border-radius:var(--mg-radius-md);background:var(--mg-background-surface-deep)}.stat-row__label{color:var(--mg-color-text-muted)}.stat-row__value{font-weight:600}.stat-row--success .stat-row__value{color:var(--mg-color-success-foreground)}.stat-row--warn .stat-row__value{color:var(--mg-color-accent-foreground)}.action-bar,.setup-stepper{display:grid;gap:var(--mg-space-2)}.setup-stepper__item{display:grid;gap:4px;padding:var(--mg-space-2) 0}.setup-stepper__item--active .badge{box-shadow:var(--mg-shadow-button)}.setup-stepper__description{color:var(--mg-color-text-muted);font-size:var(--mg-font-size-meta)}.fighter-picker{display:grid;gap:var(--mg-space-4)}.fighter-picker__summary{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--mg-space-3);align-items:center}.fighter-picker__grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.fighter-selection-layout,.fighter-selection-panel{display:grid;gap:var(--mg-space-4)}.fighter-selection-summary{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--mg-space-2)}.fighter-selection-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.fighter-selection-card__actions{width:100%}.fighter-selection-card__actions .button{flex:1 1 auto}@media(max-width:719px){.fighter-picker__grid,.fighter-selection-grid,.match-combatant-grid__cards,.post-match-report__fighters{grid-template-columns:1fr}.fighter-selection-summary{justify-content:flex-start}}.turn-order{display:flex;flex-wrap:wrap;gap:var(--mg-space-2)}.turn-order .badge{white-space:nowrap}.attack-resolution__damage{font-size:2.5rem;font-weight:900;color:var(--mg-color-danger)}.match-snapshot-panel{display:grid;gap:var(--mg-space-4);padding:var(--mg-space-5)}.match-snapshot-panel__grid{display:grid;gap:var(--mg-space-3)}@media(min-width:840px){.match-snapshot-panel__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.match-combatant-grid{display:grid;gap:var(--mg-space-4)}.match-combatant-grid__cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.match-combatant-grid__action{width:100%}.match-log-panel{display:grid;gap:var(--mg-space-4)}.match-log-panel__list{max-height:28rem;overflow:auto}@media(max-width:719px){.match-log-panel__list{max-height:none}}.post-match-report{display:grid;gap:var(--mg-space-4)}.post-match-report__hero,.result-capture-panel{display:grid;gap:var(--mg-space-4);padding:var(--mg-space-5)}.post-match-report__fighters{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.result-capture-panel__grid{display:grid;gap:var(--mg-space-3)}@media(min-width:840px){.result-capture-panel__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:719px){.result-capture-panel__grid{grid-template-columns:1fr}}.footer-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--mg-space-2)}.app-shell__footer{padding:var(--mg-space-4) var(--mg-space-6);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--mg-space-3)}.muted{color:var(--mg-color-text-muted)}.small{font-size:var(--mg-font-size-meta)}.code{font-family:var(--mg-font-family-mono);word-break:break-word}.list-row{display:flex;align-items:center;gap:var(--mg-space-3);padding:var(--mg-space-3);border:1px solid var(--mg-color-border);background:var(--mg-background-surface);border-radius:var(--mg-radius-md)}.list-row--success{border-color:#00e75673}.list-row--warn{border-color:#ffec2773}.list-row__leading{flex:0 0 auto}.list-row__content{flex:1 1 auto;min-width:0;display:grid;gap:var(--mg-space-1)}.list-row__title{font-weight:600}.list-row__subtitle{color:var(--mg-color-text-muted);font-size:var(--mg-font-size-meta)}.list-row__trailing{flex:0 0 auto}.avatar-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--mg-radius-md);border:1px solid var(--mg-color-border-strong);background:var(--mg-background-surface-deep);color:var(--mg-color-text-primary);font-weight:700}.avatar-icon--sm{width:28px;height:28px;font-size:.875rem}.avatar-icon--md{width:40px;height:40px;font-size:1rem}.avatar-icon--lg{width:52px;height:52px;font-size:1.125rem}.avatar-icon--success{border-color:#00e75673}.avatar-icon--warn{border-color:#ffec2773}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--mg-z-modal);display:grid;place-items:center;padding:var(--mg-space-6);background:var(--mg-color-scrim)}.modal-panel{width:min(100%,28rem);border:1px solid var(--mg-color-border-strong);background:var(--mg-background-panel);border-radius:var(--mg-radius-md);box-shadow:var(--mg-shadow-card);padding:var(--mg-space-6)}.modal-title{margin:0 0 var(--mg-space-4)}.modal-body{display:grid;gap:var(--mg-space-4)}.tabs{display:inline-flex;flex-wrap:wrap;gap:var(--mg-space-2)}.tabs__item{border:1px solid var(--mg-color-border);border-radius:var(--mg-radius-pill);background:var(--mg-background-surface);color:var(--mg-color-text-primary);padding:.625rem .875rem}.tabs__item--active{background:var(--mg-color-action-primary);color:var(--mg-color-canvas)}