@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--color-ink:#0a0a0f;--color-panel:#111620;--color-panel-deep:#070912;--color-input-fill:#1c2030;--color-amber-bright:#f5ab4a;--color-amber:#d4731a;--color-amber-line:#8c5418;--color-amber-dim:#5c3812;--color-ivory:#f5eddc;--color-cream:#e8dcc0;--color-tan:#a89070;--color-rust:#6b3018;--color-danger:#a6041c;--color-success:#5c9670;--color-faction-royalists:#164273;--color-faction-narn:#2cb9c0;--color-faction-freedom:#dd9600;--color-faction-liberty:#a6041c;--color-faction-cult:#7b2d8e;--font-display:"Cinzel", serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-sm:4px;--radius:8px;--radius-lg:12px;--radius-xl:16px}@media (width<=640px){.auth-card{padding:1.25rem}.auth-tagline{font-size:1.4rem}.auth-submit{letter-spacing:.23rem;font-size:1.2rem}.auth-link{letter-spacing:.15rem;font-size:.87rem}.auth-input{font-size:1.1rem}}.game-screen{color:#eadbc2;background:radial-gradient(circle at 12% 15%,#ff84192e,#0000 42%),radial-gradient(circle at 88% 82%,#2966aa2e,#0000 38%),#06080d;justify-content:center;align-items:center;min-height:100svh;padding:1.5rem;display:flex}.game-shell{background:linear-gradient(#1e1309d1,#070e18e0);border:2px solid #d58e26;border-radius:14px;width:min(1280px,100%);max-width:1280px;padding:1.25rem;box-shadow:0 0 45px #e9901c33}.game-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.game-title{color:#f5e8d3;letter-spacing:.08em;margin:0;font-family:Times New Roman,serif}.game-topline{color:#d8b17d}.game-btn{color:#efdcc3;cursor:pointer;background:#15110d;border:1px solid #9b6b3b;border-radius:8px;padding:.45rem .8rem}.game-btn-primary{background:linear-gradient(#9f4a00,#7b2900);border-color:#db9e29}.game-btn-warn{background:#8a5a1f}.game-btn-danger{background:#7b1f28}.game-pill{background:#040b148c;border:1px solid #9b6b3b;border-radius:8px;margin-bottom:.75rem;padding:.65rem .75rem}.game-list{flex-direction:column;gap:.55rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.game-item{background:#050c1499;border:1px solid #8f673e;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem;display:flex}.game-subtle{color:#a6957f;font-size:.85rem}.play-area-frame{background:linear-gradient(145deg,#99662242,#2d180773),repeating-linear-gradient(45deg,#daa85f38 0 8px,#4a2a1138 8px 16px);border:3px solid #c28a39;border-radius:14px;width:100%;max-width:1240px;margin:0 auto;padding:.5rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #5a3a18,inset 0 0 0 6px #d6aa62,0 0 20px #00000073}.game-board{border:2px solid #3d3428;border-radius:8px;width:100%;height:auto;margin-inline:auto;display:block}.play-area-toggle{z-index:2;color:#efdcc3;cursor:pointer;background:#0a0f18db;border:1px solid #d6aa62;border-radius:.45rem;width:2.2rem;height:2.2rem;position:absolute;top:.9rem;right:.9rem}.hidden{display:none!important}.play-area-expanded{max-width:calc(100vw - 1.5rem);min-height:calc(100svh - 4.25rem)}.play-area-expanded .play-area-frame{align-items:stretch;height:calc(100svh - 7.5rem);display:flex}.play-area-expanded .game-board{width:100%;height:100%}.color-dot{border:1px solid #111;border-radius:50%;width:12px;height:12px;margin-right:4px;display:inline-block}.color-choice{cursor:pointer;border-radius:4px;width:32px;height:32px;margin-bottom:4px;margin-right:6px}@media (width<=640px){.game-screen{padding:.75rem}.game-shell{padding:.9rem}}*{box-sizing:border-box}body{background:var(--color-ink);color:var(--color-cream);font-family:var(--font-body);margin:0}body:before{content:"";pointer-events:none;background:radial-gradient(#d4731a0a,#0000 50%);position:fixed;inset:0}.top-nav{z-index:5;background:var(--color-panel-deep);border-bottom:1px solid var(--color-amber-line);justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.top-nav__brand{font-family:var(--font-display);letter-spacing:.08em;color:var(--color-ivory)}.top-nav nav{gap:8px;display:flex}.top-nav button{border:1px solid var(--color-amber-line);color:var(--color-cream);background:0 0;border-radius:8px;padding:8px 12px}.top-nav .active{border-color:var(--color-amber);color:var(--color-ivory)}.ui-panel{border:1px solid var(--color-amber-line);border-radius:var(--radius-lg);background:var(--color-panel);flex-direction:column;gap:8px;padding:24px;display:flex}.stats-shell{max-width:1000px;margin:0 auto;padding:32px 16px}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--color-amber);font-size:.75rem}.stats-title{font-family:var(--font-display);color:var(--color-ivory)}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.stats-grid strong{font-size:2rem}.coming-soon{padding:40px}.companies-page{flex-direction:column;gap:12px;max-width:1280px;margin:0 auto;padding:24px 16px;display:flex}.companies-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.company-card button{all:unset;cursor:pointer;color:var(--color-ivory);font-weight:700}.empty-card{border:2px dashed var(--color-amber-line);color:var(--color-amber-bright);border-radius:var(--radius-lg);cursor:pointer;background:0 0;padding:24px}.top-nav__brand{cursor:pointer;background:0 0;border:none}.top-nav__user{align-items:center;gap:8px;display:flex}@media (width<=767px){.companies-grid{grid-template-columns:1fr}}.squad-builder{grid-template-columns:1fr 1fr;gap:16px;display:grid}.squad-title{align-items:center;gap:8px;display:flex}.slot{border:1px solid var(--color-amber-line);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;padding:8px;display:flex}.slot--active{border-color:var(--color-amber-bright)}.slot-badge{border:1px solid var(--color-amber-line);border-radius:999px;padding:2px 6px;font-size:.7rem}.catalog-list{flex-direction:column;gap:8px;max-height:60vh;display:flex;overflow:auto}.catalog-card{all:unset;border:1px solid var(--color-amber-line);cursor:pointer;border-radius:8px;flex-direction:column;gap:4px;padding:8px;display:flex}.catalog-card.picked{border-color:var(--color-amber-bright);background:#d4731a1a}.catalog-card.disabled{opacity:.45;cursor:not-allowed}@media (width<=900px){.squad-builder{grid-template-columns:1fr}}.recent-head,.recent-row{border-bottom:1px solid var(--color-amber-line);grid-template-columns:1.4fr repeat(5,1fr);gap:8px;padding:6px 0;display:grid}.recent-head{font-weight:700}.rules-screen{grid-template-columns:280px 1fr 240px;gap:16px;max-width:1400px;margin:0 auto;padding:16px;display:grid}.rules-toc,.rules-search{border:1px solid var(--color-amber-line);border-radius:var(--radius-lg);background:var(--color-panel);padding:12px}.rules-toc{flex-direction:column;gap:6px;max-height:calc(100vh - 110px);display:flex;position:sticky;top:84px;overflow:auto}.rules-toc a{color:var(--color-cream);text-decoration:none}.rules-toc .lvl-2{padding-left:10px}.rules-toc .lvl-3{padding-left:20px}.rules-content{border:1px solid var(--color-amber-line);border-radius:var(--radius-lg);background:var(--color-panel);padding:18px;line-height:1.5}.rules-content h1,.rules-content h2{font-family:var(--font-display);color:var(--color-ivory)}.rules-content table{border-collapse:collapse;width:100%}.rules-content th,.rules-content td{border:1px solid var(--color-amber-line);padding:6px}.rules-search input{background:var(--color-panel-deep);width:100%;color:var(--color-cream);border:1px solid var(--color-amber-line);border-radius:8px;padding:8px}.rules-toc-toggle,.rules-search.mobile{display:none}@media (width<=768px){.rules-screen{grid-template-columns:1fr}.rules-search.desktop{display:none}.rules-search.mobile{margin-bottom:8px;display:block}.rules-toc-toggle{margin-bottom:8px;display:inline-block}.rules-toc{max-height:unset;display:none;position:static}.rules-toc.open{display:flex}}.ability-chips{gap:4px;margin:4px 0;display:flex}.chip{border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.chip--red{color:#fff;background:#a6041c}.chip--blue{color:#fff;background:#164273}.chip--green{color:#fff;background:#355e3b}.unit-trait-block{margin:8px 0}.unit-trait-block h5{letter-spacing:.5px;margin-bottom:4px;font-size:11px}.unit-trait-block ul{margin:0;padding-left:20px;font-size:13px}.loadout-children{border-left:2px solid #dd9600;margin-top:8px;margin-left:16px;padding-left:8px}.loadout-child{align-items:center;gap:8px;padding:2px 0;font-size:13px;display:flex}.special-rules{color:#dd9600;font-size:13px}.ui-dialog{z-index:40;padding:var(--space-6);background:#070912cc;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ui-dialog>.ui-panel{width:min(720px,100%);max-height:calc(100vh - (var(--space-6) * 2));overflow:auto}.attachment-tools{justify-content:flex-end;display:flex;position:relative}.attachment-dropdown{top:calc(100% + var(--space-2));z-index:20;border:1px solid var(--color-amber-line);border-radius:var(--radius);background:var(--color-panel-deep);width:min(360px,80vw);padding:var(--space-3);position:absolute;right:0;box-shadow:0 12px 28px #00000080}.attachment-dropdown h5{margin:0 0 var(--space-2)}.attachment-options{gap:var(--space-2);flex-direction:column;max-height:240px;display:flex;overflow:auto}.squad-stats-row{border:1px solid var(--color-amber-line);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:8px 0;padding:8px;display:grid}.slots-grid{flex-direction:column;gap:12px;max-width:980px;display:flex}.attachment-slot-list{flex-direction:column;gap:8px;display:flex}.attachment-slot-row{justify-content:space-between;align-items:center;gap:8px;display:flex}@media (width<=900px){.slots-grid{grid-template-columns:1fr}.squad-stats-row{grid-template-columns:1fr 1fr}}.squad-builder--stacked{grid-template-columns:1fr}.squad-header-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.sp-summary{flex-direction:column;align-items:flex-end;gap:6px;min-width:260px;display:flex}.sp-summary progress{width:240px}.slot--detail{cursor:default;flex-direction:column;align-items:stretch;gap:8px;display:flex}.slot-main{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.slot-main select{width:100%;max-width:420px}.slot-main>.ui-button:last-child{margin-left:auto}.slot-ability-cells{grid-template-columns:repeat(4,minmax(140px,1fr));align-items:start;gap:8px;display:grid}.ability-cell{border:1px solid var(--color-amber-line);border-radius:6px;min-height:52px;padding:6px;font-size:12px}.ability-cell--boosted{color:var(--color-success);font-weight:600}.slot-attachments-grid{grid-template-columns:repeat(4,minmax(140px,1fr));gap:8px;display:grid}.slot-attachment-control{flex-direction:column;gap:4px;display:flex}.slot-attachment-control small{opacity:.8;font-size:11px}.selected-attachment-pill{border:1px solid var(--color-amber-line);background:color-mix(in srgb, var(--color-surface) 85%, transparent);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;display:flex}.selected-attachment-pill span{font-size:12px;line-height:1.2}.selected-attachment-pill button{min-height:0;padding:2px 8px;line-height:1}.training-head{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}@media (width<=1100px){.slot-ability-cells,.slot-attachments-grid{grid-template-columns:1fr 1fr}.sp-summary{align-items:flex-start}.sp-summary progress{width:100%}}.ability-cell--red{border-color:var(--color-danger)}.ability-cell--blue{border-color:var(--color-faction-royalists)}.ability-cell--green{border-color:var(--color-success)}.ability-cell__special{margin-top:4px;font-size:12px;line-height:1.2;display:block}.ability-cell__special--green{color:var(--color-success)}.compose-company-dialog{gap:var(--space-4)}.ui-dialog>.compose-company-dialog{width:min(1100px,100%)}.compose-company-dialog h2{color:var(--color-ivory);font-family:var(--font-display);margin:0;font-size:clamp(2rem,4vw,3rem)}.compose-company-dialog__intro{color:var(--color-tan);margin:0}.faction-picker{gap:var(--space-4);grid-template-columns:minmax(240px,320px) minmax(0,1fr);align-items:stretch;display:grid}.faction-picker__list{gap:var(--space-2);flex-direction:column;display:flex}.faction-picker__option{gap:var(--space-3);border:1px solid var(--color-amber-line);border-radius:var(--radius);background:var(--color-panel-deep);min-height:78px;padding:var(--space-2) var(--space-3);color:var(--color-cream);cursor:pointer;grid-template-columns:64px 1fr;align-items:center;transition:border-color .14s,background .14s,transform .14s;display:grid}.faction-picker__option:hover,.faction-picker__option:focus-within{border-color:var(--color-amber-bright);transform:translate(2px)}.faction-picker__option.is-selected{border-color:var(--faction-accent,var(--color-amber-bright));background:color-mix(in srgb, var(--faction-accent,var(--color-amber)) 18%, var(--color-panel-deep))}.faction-picker__option input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.faction-picker__icon-wrap{border:1px solid color-mix(in srgb, var(--faction-accent,var(--color-amber)) 60%, var(--color-panel-deep));border-radius:var(--radius);background:var(--color-ink);place-items:center;width:58px;height:58px;display:grid;overflow:hidden}.faction-picker__icon{object-fit:contain;width:54px;height:54px}.faction-picker__name{color:var(--color-ivory);letter-spacing:.04em;text-transform:uppercase;font-weight:800}.faction-picker__details{gap:var(--space-5);border:1px solid var(--faction-accent,var(--color-amber-line));border-radius:var(--radius-lg);background:linear-gradient(135deg, color-mix(in srgb, var(--faction-accent,var(--color-amber)) 18%, transparent), transparent 45%), var(--color-panel-deep);min-height:100%;padding:var(--space-5);grid-template-columns:190px 1fr;align-items:start;display:grid}.faction-picker__details-icon{aspect-ratio:1;object-fit:contain;border-radius:var(--radius-lg);background:var(--color-ink);width:100%;max-width:190px}.faction-picker__kicker{margin:0 0 var(--space-1);color:var(--faction-accent,var(--color-amber-bright));font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem}.faction-picker__details h3{margin:0 0 var(--space-3);color:var(--color-ivory);font-family:var(--font-display);font-size:clamp(1.45rem,3vw,2rem)}.faction-picker__details p{margin-top:0;line-height:1.55}.faction-picker__details dl{gap:var(--space-3);margin:var(--space-4) 0 0;display:grid}.faction-picker__details dt{color:var(--faction-accent,var(--color-amber-bright));font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem}.faction-picker__details dd{margin:var(--space-1) 0 0;color:var(--color-cream);line-height:1.45}.compose-company-dialog__actions{gap:var(--space-2);justify-content:flex-end;display:flex}.faction-picker__option--royalists,.faction-picker__details--royalists{--faction-accent:var(--color-faction-royalists)}.faction-picker__option--narn,.faction-picker__details--narn{--faction-accent:var(--color-faction-narn)}.faction-picker__option--freedom,.faction-picker__details--freedom{--faction-accent:var(--color-faction-freedom)}.faction-picker__option--liberty,.faction-picker__details--liberty{--faction-accent:var(--color-faction-liberty)}.faction-picker__option--cult,.faction-picker__details--cult{--faction-accent:var(--color-faction-cult)}@media (width<=860px){.faction-picker{grid-template-columns:1fr}.faction-picker__list{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));display:grid}.faction-picker__details{grid-template-columns:120px 1fr}}@media (width<=560px){.faction-picker__details{grid-template-columns:1fr}.faction-picker__details-icon{max-width:140px}.compose-company-dialog__actions{justify-content:stretch}.compose-company-dialog__actions .ui-button{flex:1}}.compose-squad-dialog{gap:var(--space-4)}.compose-squad-dialog h2{color:var(--color-ivory);font-family:var(--font-display);margin:0}.unit-type-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.unit-type-option{border:1px solid var(--color-amber-line);border-radius:var(--radius-lg);background:var(--color-panel-deep);padding:var(--space-4);color:var(--color-cream);text-align:left;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.unit-type-option:hover,.unit-type-option:focus-visible{border-color:var(--color-amber-bright);background:color-mix(in srgb, var(--color-amber) 10%, var(--color-panel-deep));outline:none;transform:translateY(-1px)}.unit-type-option__name{margin-bottom:var(--space-3);color:var(--color-ivory);letter-spacing:.06em;text-transform:uppercase;font-weight:800;display:block}.unit-type-option__stats{gap:var(--space-2);color:var(--color-tan);font-family:var(--font-mono);grid-template-columns:repeat(2,minmax(0,1fr));font-size:.78rem;display:grid}@media (width<=560px){.unit-type-grid{grid-template-columns:1fr}}.slot-attachment-cell--red{grid-column:1}.slot-attachment-cell--blue{grid-column:2}.slot-attachment-cell--green{grid-column:3}@media (width<=1100px){.slot-attachment-cell--red,.slot-attachment-cell--blue,.slot-attachment-cell--green{grid-column:auto}}.auth-screen{color:#e8ddcc;background:radial-gradient(circle at 10% 20%,#f703,#0000 45%),radial-gradient(circle at 90% 85%,#165fa02e,#0000 40%),#06080d;justify-content:center;align-items:center;min-height:100svh;padding:2rem 1rem;font-family:Inter,Segoe UI,sans-serif;display:flex}.auth-overlay{width:min(760px,100%)}.auth-channel{color:#d5a45a;letter-spacing:.45rem;margin:0 0 1.75rem;font-size:.78rem}.auth-brand{letter-spacing:.08em;color:#f5e8d3;margin:0;font-family:Times New Roman,serif;font-size:clamp(3rem,9vw,5.25rem)}.auth-tagline{color:#b6a58d;margin:.6rem 0 2rem;font-size:1.95rem}.auth-card{background:linear-gradient(#1e1309d6,#070e18e6);border:2px solid #d58e26;border-radius:14px;margin-top:1.5rem;padding:2.2rem;position:relative;box-shadow:0 0 45px #e9901c40}.auth-rivet{background:#ab8b66;border:1px solid #8f6f4b;border-radius:50%;width:10px;height:10px;position:absolute;box-shadow:inset 0 1px 2px #ffffff4d}.auth-rivet--tl{top:10px;left:10px}.auth-rivet--tr{top:10px;right:10px}.auth-rivet--bl{bottom:10px;left:10px}.auth-rivet--br{bottom:10px;right:10px}.auth-form{flex-direction:column;gap:1.35rem;display:flex}.auth-label{text-transform:uppercase;letter-spacing:.35rem;color:#e0a943;text-align:left;font-size:.82rem}.auth-input{box-sizing:border-box;color:#e6d7be;letter-spacing:.2rem;background:#040b14;border:1px solid #9b6b3b;border-radius:9px;width:100%;padding:1.05rem 1.2rem;font-size:1.4rem}.auth-input::placeholder{color:#6e6961}.auth-submit{color:#f9ebd4;letter-spacing:.45rem;cursor:pointer;background:linear-gradient(#9f4a00,#7b2900);border:2px solid #db9e29;border-radius:9px;margin-top:.7rem;padding:1.05rem;font-family:Times New Roman,serif;font-size:2rem;font-weight:700}.auth-secondary{justify-content:space-between;margin-top:1.2rem;display:flex}.auth-link{color:#9d8f7d;text-transform:uppercase;letter-spacing:.3rem;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.2rem}.auth-msg{color:#d8b17d;letter-spacing:.06rem;margin-top:1rem}@media (width<=640px){.auth-card{padding:1.25rem}.auth-tagline{font-size:1.4rem}.auth-submit{letter-spacing:.23rem;font-size:1.2rem}.auth-link{letter-spacing:.15rem;font-size:.87rem}.auth-input{font-size:1.1rem}}