*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#eee;background:#0e0e0e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}:root{--faction-accent:#d4af37;--faction-accent-dim:#d4af3766;--faction-accent-bg:#d4af3714;--faction-text:#f0d877}body[data-active-faction=tau]{--faction-accent:#c6a86a;--faction-accent-dim:#c6a86a66;--faction-accent-bg:#c6a86a14;--faction-text:#f0d8a0}body[data-active-faction=space-marines]{--faction-accent:#3a6ea5;--faction-accent-dim:#3a6ea566;--faction-accent-bg:#3a6ea51a;--faction-text:#a0c8f0}body[data-active-faction=chaos-space-marines]{--faction-accent:#8b1a1a;--faction-accent-dim:#8b1a1a66;--faction-accent-bg:#8b1a1a1a;--faction-text:#f0a0a0}.app{grid-template:"top top"44px"board side"1fr/1fr 320px;width:100vw;height:100vh;display:grid}.topbar{color:#eee;background:#111;border-bottom:1px solid #333;grid-area:top;align-items:center;gap:16px;padding:0 16px;display:flex}.topbar h1{margin:0;font-size:16px;font-weight:600}.phase-indicator{color:#9aa;font-size:12px}.tool-btn{color:#ddd;cursor:pointer;background:#222;border:1px solid #444;border-radius:4px;margin-left:auto;padding:4px 12px;font-size:12px}.tool-btn:hover{background:#2c2c2c}.tool-btn.active{color:#111;background:#d4af37;border-color:#d4af37}.tool-btn.primary{color:#111;background:#2c5;border-color:#2c5;font-weight:600}.tool-btn.primary:hover{background:#3d6}.owner-tag{color:#aab;vertical-align:middle;background:#2a2a2a;border:1px solid #444;border-radius:2px;padding:1px 4px;font-size:10px}.flag-on{color:#f93;font-weight:600}.flag-off{color:#444}.phase-action{padding:6px 0}.kind-charge .dice-summary{color:#f55}.kind-phase .dice-summary{color:#5cf}.kind-fight .dice-summary{color:#fc6}.kind-move .dice-summary{color:#8c8}.hint.warn{color:#f93;font-style:normal}.move-modes{gap:4px;padding:6px 0;display:flex}.mode-btn{color:#ccc;cursor:pointer;background:#222;border:1px solid #333;border-radius:3px;flex:1;padding:4px 6px;font-size:11px}.mode-btn:hover:not(:disabled){background:#2c2c2c}.mode-btn.on{color:#111;background:#2a5;border-color:#2a5;font-weight:600}.mode-btn:disabled{color:#555;cursor:not-allowed}.scoreboard{background:#1c1c1c;border:1px solid #2c2c2c;border-radius:4px;align-items:center;gap:6px;margin-left:8px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.score-p1{color:#4a90e2}.score-p2{color:#e24a4a}.score-sep{color:#555;font-weight:400}.score-sub{color:#777;font-size:10px;font-weight:400}.obj-list{flex-direction:column;gap:2px;display:flex}.obj-row{color:#aaa;background:#1c1c1c;border-left:3px solid #555;border-radius:3px;grid-template-columns:32px 1fr 28px;align-items:center;gap:6px;padding:3px 6px;font-size:12px;display:grid}.obj-row.ctrl-player1{border-left-color:#4a90e2}.obj-row.ctrl-player2{border-left-color:#e24a4a}.obj-row.ctrl-neutral{border-left-color:#d4af37}.obj-id{color:#ccc;font-weight:600}.obj-bar{gap:6px;display:flex}.obj-p1{color:#4a90e2}.obj-p2{color:#e24a4a}.obj-vs{color:#555}.obj-owner{text-align:right;color:#ddd;font-weight:600}.cp-board{background:#1c1822;border-color:#2a2433}.strat-list{flex-direction:column;gap:4px;display:flex}.strat-row{background:#1c1c1c;border:1px solid #2a2a2a;border-radius:3px;padding:6px 8px;font-size:12px}.strat-row.disabled{opacity:.45}.strat-head{grid-template-columns:1fr 48px 56px;align-items:center;gap:6px;display:grid}.strat-name{color:#ddd;font-weight:600}.strat-cost{text-align:right;color:#fb6;font-size:11px;font-weight:600}.strat-btn{color:#111;cursor:pointer;background:#2a5;border:none;border-radius:3px;padding:3px 6px;font-size:11px;font-weight:600}.strat-btn:hover:not(:disabled){background:#3d6}.strat-btn:disabled{color:#666;cursor:not-allowed;background:#333}.strat-timing{color:#788;margin-top:3px;font-size:11px;font-style:italic}.strat-used{color:#c66;margin-top:2px;font-size:10px;font-weight:600}.roster-overlay{z-index:1000;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.roster-modal{color:#ddd;background:#161616;border:1px solid #333;border-radius:6px;flex-direction:column;width:min(1100px,95vw);max-height:90vh;display:flex}.roster-head{border-bottom:1px solid #2a2a2a;align-items:center;gap:12px;padding:12px 16px;display:flex}.roster-head h1{margin:0;font-size:16px}.roster-sub{color:#888;font-size:12px}.roster-actions{gap:8px;margin-left:auto;display:flex}.roster-body{grid-template-columns:1fr 1fr;gap:12px;padding:12px;display:grid;overflow-y:auto}.roster-col{background:#1c1c1c;border:1px solid #2a2a2a;border-radius:4px;padding:8px}.roster-col.tone-p1{border-top:2px solid #4a90e2}.roster-col.tone-p2{border-top:2px solid #e24a4a}.col-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.col-head h2{margin:0;font-size:14px}.col-head select{color:#ddd;background:#222;border:1px solid #444;border-radius:3px;padding:3px 6px;font-size:12px}.points-total{color:#888;margin-left:auto;font-size:12px;font-weight:600}.points-total.over{color:#e85}.roster-split{grid-template-columns:1fr 1fr;gap:8px;display:grid}.roster-available h3,.roster-picks h3{text-transform:uppercase;color:#9aa;letter-spacing:.06em;margin:0 0 6px;font-size:11px}.ds-pick{color:#ddd;cursor:pointer;text-align:left;background:#222;border:1px solid #2a2a2a;border-radius:3px;grid-template-columns:1fr 60px;align-items:center;gap:6px;width:100%;margin-bottom:3px;padding:6px 8px;font-family:inherit;font-size:12px;display:grid}.ds-pick:hover{background:#2c2c2c}.ds-pick-name{color:#ddd;font-weight:500}.ds-pick-pts{color:#fb6;text-align:right;font-size:11px}.ds-remove{color:#f99;cursor:pointer;background:#3a2222;border:1px solid #4a2a2a;border-radius:2px;width:18px;height:18px;padding:0;font-size:14px;line-height:1}.ds-remove:hover{background:#5a2a2a}.tip-anchor{cursor:help;border-bottom:1px dotted #555;position:relative}.tip-bubble{z-index:9999;color:#ddd;pointer-events:none;text-align:left;background:#1c1c1c;border:1px solid #444;border-radius:4px;width:260px;padding:8px 10px;font-size:11px;font-style:normal;font-weight:400;line-height:1.45;position:fixed;box-shadow:0 4px 18px #00000080}.board-host{background:#1a1a1a;overflow:hidden}.board-host canvas{display:block}.sidebar{color:#ccc;background:#161616;border-left:1px solid #333;flex-direction:column;grid-area:side;min-height:0;font-size:13px;display:flex;overflow:hidden}.sidebar h2{text-transform:uppercase;color:#9aa;letter-spacing:.06em;margin:16px 0 6px;font-size:12px}.sidebar h2:first-child{margin-top:0}.sidebar ul{margin:0;padding:0;list-style:none}.sidebar li{align-items:center;gap:8px;padding:4px 0;display:flex}.swatch{border:1px solid #444;border-radius:2px;width:12px;height:12px;display:inline-block}.swatch.ring{background:0 0;border-radius:50%}.swatch.ring.p1{border:1px solid #4a90e280}.swatch.ring.sel{border:2px solid #fff}.swatch.ring.rng{border:1.5px solid #ffaa44b3}.legend-list li{color:#aaa;padding:2px 0;font-size:11px}.sec-list{flex-direction:column;gap:4px;margin-top:4px;display:flex}.sec-row{background:#1c1c1c;border:1px solid #2a2a2a;border-radius:3px;padding:6px 8px}.sec-head{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sec-name{color:#ddd;flex:1;font-size:12px;font-weight:600}.sec-buttons{flex-wrap:wrap;gap:2px;display:flex}.sec-btn{cursor:pointer;background:#1a1a1a;border:1px solid;border-radius:2px;padding:2px 5px;font-size:10px;font-weight:600}.sec-btn.sec-p1{color:#4a90e2;border-color:#2a3a52}.sec-btn.sec-p2{color:#e24a4a;border-color:#522a2a}.sec-btn:hover{background:#232323}.rule-lookup{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:3px;margin-bottom:4px;padding:6px 8px;font-size:12px}.rule-lookup summary{color:#ddd;cursor:pointer;padding:2px 0;font-weight:600}.rule-lookup p{color:#aab;margin:6px 0 0;font-size:11px;line-height:1.45}.rule-lookup dl{margin:6px 0 0;font-size:11px}.rule-lookup dt{color:#fb6;margin-top:6px;font-weight:600}.rule-lookup dd{color:#aab;margin:2px 0 0;line-height:1.4}.replay-loader{color:#ddd;max-width:600px;margin:40px auto;padding:16px;font-family:sans-serif}.replay-loader h1{font-size:16px}.replay-loader code{background:#1c1c1c;border-radius:3px;padding:2px 6px}.replay-loader .error{color:#e85}.roster-cloud{border-bottom:1px solid #2a2a2a;align-items:center;gap:8px;margin-bottom:8px;padding:6px 0;font-size:12px;display:flex}.roster-cloud .tool-btn{padding:3px 8px;font-size:11px}.roster-cloud select{color:#ddd;background:#222;border:1px solid #444;border-radius:3px;padding:3px 6px;font-size:11px}.replay-loader button{color:#111;cursor:pointer;background:#2c5;border:1px solid #2c5;border-radius:4px;margin-top:12px;padding:6px 12px;font-weight:600}.hint{color:#777;padding:4px 0;font-size:12px;font-style:italic}.ds-card{background:#1e1e1e;border:1px solid #2c2c2c;border-radius:4px;padding:8px}.ds-title{color:#eee;margin-bottom:4px;font-weight:600}.ds-meta{color:#9aa;margin-bottom:2px;font-size:12px}.weapon-list{flex-direction:column;gap:2px;margin-top:8px;display:flex}.weapon-row{cursor:pointer;border-radius:3px;grid-template-rows:auto auto;grid-template-columns:14px 1fr;column-gap:6px;padding:4px 6px;font-size:12px;display:grid}.weapon-row:hover{background:#242424}.weapon-row.on{background:#2a2a35}.weapon-row input{grid-row:1/3}.weapon-name{color:#ddd;font-weight:500}.weapon-stats{color:#889;grid-column:2;font-size:11px}.fire-btn{color:#fff;cursor:pointer;background:#c33;border:none;border-radius:4px;width:100%;margin-top:12px;padding:8px;font-size:13px;font-weight:600}.fire-btn:disabled{color:#666;cursor:not-allowed;background:#333}.fire-btn:not(:disabled):hover{background:#d44}.dice-log{flex-direction:column;gap:8px;max-height:260px;display:flex;overflow-y:auto}.dice-entry{background:#1c1c1c;border:1px solid #2a2a2a;border-radius:3px;padding:6px 8px}.dice-summary{color:#ddd;margin-bottom:4px;font-size:12px}.dice-detail{color:#889;margin:0;padding:0 0 0 8px;font-size:11px;list-style:none}.dice-detail li{padding:1px 0}.modal-backdrop{z-index:1000;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal.token-overrides{color:#ddd;background:#161616;border:1px solid #333;border-radius:6px;flex-direction:column;width:min(900px,95vw);max-height:90vh;display:flex}.modal-header{border-bottom:1px solid #2a2a2a;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.modal-header h2{margin:0;font-size:16px}.overrides-toolbar{border-bottom:1px solid #222;align-items:center;gap:8px;padding:10px 16px;display:flex}.overrides-filter{color:#ddd;background:#0c0c0c;border:1px solid #2a2a2a;border-radius:4px;flex:1;padding:6px 8px}.overrides-toolbar select{color:#ddd;background:#0c0c0c;border:1px solid #2a2a2a;border-radius:4px;padding:6px 8px}.overrides-hint{color:#888;border-bottom:1px solid #1c1c1c;margin:0;padding:8px 16px;font-size:11px}.overrides-hint code{color:#b5b5b5;background:#0c0c0c;border-radius:2px;padding:1px 4px}.overrides-list{flex-direction:column;gap:6px;padding:8px 12px;display:flex;overflow-y:auto}.override-row{background:#1c1c1c;border:1px solid #2a2a2a;border-radius:4px;gap:12px;padding:8px;display:flex}.override-row--custom{border-color:#4a90e2}.override-preview{background:#0c0c0c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.override-preview img{object-fit:cover;width:100%;height:100%}.override-preview-empty{background:#222;width:100%;height:100%}.override-info{flex:1;min-width:0}.override-title{align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.override-faction{color:#888;text-transform:uppercase;letter-spacing:.4px;font-size:10px}.override-badge{color:#4a90e2;text-transform:uppercase;letter-spacing:.4px;border:1px solid #4a90e2;border-radius:2px;padding:1px 4px;font-size:9px}.override-row-controls{align-items:center;gap:6px;display:flex}.override-row-controls input[type=text]{color:#ddd;background:#0c0c0c;border:1px solid #2a2a2a;border-radius:3px;flex:1;padding:4px 6px;font-size:11px}.override-upload-btn{cursor:pointer;align-items:center;display:inline-flex}.override-error{color:#c66;margin-top:4px;font-size:10px}.phase-banner{text-align:center;color:#f0f0f0;pointer-events:none;z-index:9000;background:#000000c7;border:1px solid #ffffff26;border-radius:6px;padding:14px 38px;animation:.9s ease-out forwards phase-banner-flash;position:fixed;top:56px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000080}.phase-banner--player1{border-left:4px solid #4a90e2;border-right:4px solid #4a90e2}.phase-banner--player2{border-left:4px solid #e24a4a;border-right:4px solid #e24a4a}.phase-banner-sub{letter-spacing:2px;opacity:.72;margin-bottom:4px;font-size:11px}.phase-banner-main{letter-spacing:4px;font-size:22px;font-weight:700}@keyframes phase-banner-flash{0%{opacity:0;transform:translate(-50%,-8px)}18%{opacity:1;transform:translate(-50%)}80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-8px)}}.dice-tray{flex-direction:column;gap:10px;margin-top:4px;display:flex}.dice-tray-entry{background:#ffffff0a;border:1px solid #2a2a2a;border-radius:4px;padding:8px 10px}.dice-tray-summary{color:#aaa;margin-bottom:6px;font-size:10px;line-height:1.3}.dice-tray-row{align-items:center;gap:8px;margin-bottom:3px;display:flex}.dice-tray-step{color:#888;text-transform:uppercase;letter-spacing:.5px;width:42px;font-size:10px}.dice-tray-faces{flex-wrap:wrap;flex:1;gap:1px;display:flex}.die{text-align:center;width:18px;font-size:18px;line-height:1;display:inline-block}.die--good{color:#6cba6c}.die--bad{color:#c66}.die--save-good{color:#6cba6c}.die--save-bad{color:#c66}.mathhammer-preview{background:var(--faction-accent-bg);border-left:2px solid var(--faction-accent);color:#d8d4c0;border-radius:3px;align-items:center;gap:6px;margin-bottom:6px;padding:6px 8px;font-size:11px;display:flex}.mathhammer-preview .mh-label{color:var(--faction-accent);text-transform:uppercase;letter-spacing:.7px;font-size:9px}.mathhammer-preview .mh-stat b{color:#fff;font-size:12px}.mathhammer-preview .mh-sep{color:#555}.detachment-card{background:var(--faction-accent-bg);border-left:3px solid var(--faction-accent);border-radius:3px;margin-bottom:8px;padding:8px 10px}.detachment-name{color:var(--faction-accent);text-transform:uppercase;letter-spacing:1px;margin-bottom:3px;font-size:11px;font-weight:700}.detachment-rule{color:#d8d4c0;font-size:10px;line-height:1.4}.board-area{flex-direction:column;grid-area:board;min-width:0;min-height:0;display:flex;position:relative}.board-area .board-host{flex:1;min-width:0;min-height:0;position:relative}.top-score-strip{color:#eee;background:#141414;border-bottom:1px solid #2a2a2a;flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;padding:8px 14px;font-size:12px;display:flex}.tss-block{align-items:center;gap:6px;display:flex}.tss-side.tss-p1{color:#74a8e2;font-weight:700}.tss-side.tss-p2{color:#e27474;font-weight:700}.tss-sep{color:#555;font-size:10px}.tss-label{color:#888;letter-spacing:1px;margin-left:2px;font-size:9px}.tss-objectives{border-left:1px solid #333;gap:4px;margin-left:4px;padding-left:12px;display:flex}.tss-obj{background:#ffffff08;border:1px solid #0000;border-radius:3px;align-items:center;gap:3px;padding:2px 6px;font-size:10px;display:inline-flex}.tss-obj.ctrl-player1{border-color:#4a90e2}.tss-obj.ctrl-player2{border-color:#e24a4a}.tss-obj-id{color:#d4af37;font-weight:600}.tss-obj-p1{color:#74a8e2}.tss-obj-p2{color:#e27474}.tss-obj-vs{color:#444}.action-bar{color:#ddd;background:linear-gradient(#1c1c1c 0%,#161616 100%);border-bottom:1px solid #2a2a2a;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:8px 14px;display:grid}.action-bar--player1,.action-bar--player2{border-left:4px solid var(--faction-accent)}.ab-phase{align-items:baseline;gap:8px;font-size:13px;display:inline-flex}.ab-turn{color:#888;letter-spacing:1px;font-size:10px}.ab-player{color:#fff;background:#ffffff0f;border-radius:3px;padding:2px 6px;font-size:11px}.action-bar--player1 .ab-player{color:#74a8e2}.action-bar--player2 .ab-player{color:#e27474}.ab-phase-name{text-transform:uppercase;letter-spacing:2px;color:#f0f0f0;font-weight:700}.ab-primary{justify-content:center;align-items:center;gap:10px;display:flex}.ab-phase-hint{color:#888;font-size:11px;font-style:italic}.ab-action-btn{color:#ddd;cursor:pointer;letter-spacing:.5px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:4px;padding:6px 16px;font-size:12px;font-weight:600;transition:background 80ms,border-color 80ms}.ab-action-btn:hover:not(:disabled){background:#3a3a3a;border-color:#555}.ab-action-btn:disabled{opacity:.4;cursor:not-allowed}.ab-fire{color:#ffd690;background:#5a3e1e;border-color:#8a5e2e}.ab-fire:hover:not(:disabled){background:#7a5424}.ab-charge{color:#ffb0b0;background:#5a1e1e;border-color:#8a2e2e}.ab-charge:hover:not(:disabled){background:#7a2424}.ab-fight{color:#f0c0f0;background:#4a2a4a;border-color:#6a3e6a}.ab-fight:hover:not(:disabled){background:#5a345a}.ab-next-phase{color:#c6e9d0;background:#1f4a2f;border-color:#2f6a40}.ab-next-phase:hover:not(:disabled){background:#295e3a}.tabbed-rail{flex-direction:column;height:100%;display:flex}.tabbed-rail-tabs{background:#141414;border-bottom:1px solid #2a2a2a;grid-template-columns:repeat(4,1fr);display:grid}.tab-btn{color:#888;letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;font-size:11px;font-weight:600;transition:color .1s,border-color .1s;display:flex}.tab-btn:hover{color:#ccc}.tab-btn--active{color:#fff;border-bottom-color:var(--faction-accent);background:var(--faction-accent-bg)}.tab-label{font-size:11px}.tab-badge{color:var(--faction-accent);text-transform:none;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;font-weight:400;display:block;overflow:hidden}.tab-btn--active .tab-badge{color:var(--faction-text)}.tabbed-rail-content{flex:1;min-height:0;padding:12px 14px;overflow-y:auto}.tabbed-rail-content h2{text-transform:uppercase;letter-spacing:1.5px;color:#aaa;margin:18px 0 6px;font-size:11px;font-weight:600}.tabbed-rail-content h2:first-child{margin-top:0}.phase-banner--turn{background:#000000e0;border-width:2px;padding:28px 60px;animation:1.3s ease-out forwards phase-banner-mega;top:80px}.phase-banner--turn.phase-banner--player1{border-left:6px solid #4a90e2;border-right:6px solid #4a90e2}.phase-banner--turn.phase-banner--player2{border-left:6px solid #e24a4a;border-right:6px solid #e24a4a}.phase-banner-mega-sub{letter-spacing:4px;opacity:.75;margin-bottom:8px;font-size:13px}.phase-banner-mega-main{letter-spacing:8px;color:var(--faction-accent);text-shadow:0 0 24px var(--faction-accent-dim);font-size:36px;font-weight:900}@keyframes phase-banner-mega{0%{opacity:0;transform:translate(-50%,-16px)scale(.95)}12%{opacity:1;transform:translate(-50%)scale(1)}80%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-16px)scale(.95)}}.ab-next-phase{animation:2.4s ease-in-out infinite end-phase-pulse}.ab-next-phase:disabled{animation:none}@keyframes end-phase-pulse{0%,to{box-shadow:0 0 #1f4a2f99}50%{box-shadow:0 0 12px 3px #3a8a5499}}.ability-dock{border-top:1px solid #2a2a2a;border-left:4px solid var(--faction-accent);color:#ddd;background:linear-gradient(#1a1a1a 0%,#161616 100%);flex-wrap:wrap;align-items:center;gap:10px;min-height:48px;padding:8px 14px;font-size:12px;display:flex}.ability-dock--passive{opacity:.7;border-left-color:#555}.dock-label{color:var(--faction-accent);text-transform:uppercase;letter-spacing:1.5px;font-size:10px;font-weight:700}.dock-hint{color:#888;font-size:11px;font-style:italic}.dock-hint--right{margin-left:auto}.dock-tile{color:#ccc;cursor:pointer;letter-spacing:.4px;background:#222;border:1px solid #333;border-radius:3px;padding:6px 12px;font-size:11px;font-weight:600;transition:background 80ms,border-color 80ms,color 80ms}.dock-tile:hover:not(:disabled){background:#2c2c2c;border-color:#555}.dock-tile:disabled{color:#555;cursor:not-allowed;opacity:.5}.dock-tile--active{background:var(--faction-accent);color:#111;border-color:var(--faction-accent);box-shadow:0 0 8px var(--faction-accent-dim);font-weight:700}.dock-tile--active:hover{background:var(--faction-accent)}.dock-weapon,.dock-weapon-card{border:1px solid #333;border-left:3px solid var(--faction-accent-dim);text-align:left;background:linear-gradient(170deg,#222 0%,#1a1a1a 100%);flex-direction:column;align-items:flex-start;gap:3px;min-width:140px;max-width:240px;padding:6px 10px;transition:transform .12s ease-out,box-shadow .12s,border-color .12s;display:inline-flex}.dock-weapon-card:hover:not(:disabled){border-left-color:var(--faction-accent);transform:translateY(-2px);box-shadow:0 4px 12px #00000080}.dock-weapon-card.dock-tile--active{background:var(--faction-accent);color:#111;border-color:var(--faction-accent);border-left-color:var(--faction-accent);box-shadow:0 0 10px var(--faction-accent-dim)}.dock-weapon-name{white-space:nowrap;letter-spacing:.3px;font-size:11px;font-weight:700}.dock-weapon-stats{color:#888;letter-spacing:.4px;white-space:nowrap;font-size:9px}.dock-tile--active .dock-weapon-stats{color:#000000a6}.dock-weapon-keywords{flex-wrap:wrap;gap:2px;margin-top:2px;display:flex}.dock-kw-chip{color:var(--faction-text);border:1px solid var(--faction-accent-dim);letter-spacing:.5px;text-transform:uppercase;cursor:help;background:#ffffff0f;border-radius:8px;padding:1px 5px;font-size:8px;font-weight:700;display:inline-block}.dock-tile--active .dock-kw-chip{color:#000000b3;background:#00000026;border-color:#00000040}.strat-card{border:1px solid #2a2a2a;border-left:3px solid var(--faction-accent);color:#d8d8d8;background:linear-gradient(170deg,#1f1f1f 0%,#181818 100%);border-radius:4px;margin-bottom:8px;padding:10px 12px;font-size:12px;line-height:1.45;transition:transform .1s ease-out,box-shadow .1s ease-out,border-color .1s;position:relative}.strat-card:hover{box-shadow:0 6px 16px #00000080, 0 0 0 1px var(--faction-accent-dim) inset;border-left-color:var(--faction-accent);z-index:2;transform:translateY(-1px)}.strat-card--disabled,.strat-card--used{opacity:.45;filter:grayscale(.35)}.strat-card--used{border-left-color:#555}.strat-card[data-faction=core]{border-left-color:#888}.strat-card[data-faction=tau]{border-left-color:#c6a86a}.strat-card[data-faction=space-marines]{border-left-color:#3a6ea5}.strat-card[data-faction=chaos-space-marines]{border-left-color:#8b1a1a}.strat-card-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.strat-card-name{color:#fff;letter-spacing:.3px;font-size:13px;font-weight:700}.strat-card-cost{color:#ffd070;white-space:nowrap;background:#ffc85014;border:1px solid #ffc85040;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.strat-card-timing{color:#7e8a7e;letter-spacing:.3px;margin-bottom:6px;font-size:10px;font-style:italic}.strat-card-text{color:#ccc;margin-bottom:8px;font-size:11px}.strat-card-foot{justify-content:flex-end;align-items:center;display:flex}.strat-card-btn{color:#f0fff0;cursor:pointer;letter-spacing:.5px;background:#2a6b3b;border:1px solid #3d8f55;border-radius:3px;padding:4px 14px;font-size:11px;font-weight:700;transition:background 80ms,transform 80ms}.strat-card-btn:hover{background:#347e48;transform:translate(2px)}.strat-card-used{color:#c66;letter-spacing:1px;font-size:10px;font-weight:700}.strat-card-cant{color:#888;font-size:10px;font-style:italic}.kw-highlight{color:var(--faction-accent);background:var(--faction-accent-bg);border-bottom:1px dotted var(--faction-accent);cursor:help;text-transform:uppercase;letter-spacing:.5px;border-radius:2px;margin:0 1px;padding:0 4px;font-size:.92em;font-weight:700;display:inline}.shot-callout{pointer-events:none;z-index:200;border:1px solid var(--faction-accent);color:#eee;background:#0f0f0ff0;border-radius:5px;min-width:200px;max-width:280px;padding:8px 10px;font-size:11px;line-height:1.4;animation:.16s ease-out shot-callout-in;position:fixed;box-shadow:0 6px 18px #000000b3,inset 0 0 0 1px #0000004d}@keyframes shot-callout-in{0%{opacity:0;transform:translate(-4px,-4px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}.sc-head{border-bottom:1px solid #2a2a2a;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;padding-bottom:4px;display:flex}.sc-weapon{color:var(--faction-accent);letter-spacing:.3px;font-size:11px;font-weight:700}.sc-attackers{color:#aaa;background:#ffffff0a;border:1px solid #2a2a2a;border-radius:8px;padding:1px 6px;font-size:10px}.sc-stats{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:6px;display:grid}.sc-stat{background:#ffffff08;border-radius:3px;flex-direction:column;align-items:center;padding:4px 0;display:flex}.sc-stat-label{color:#888;text-transform:uppercase;letter-spacing:.5px;font-size:8px}.sc-stat-value{color:#fff;font-size:13px;font-weight:700}.sc-footer{border-top:1px solid #2a2a2a;flex-direction:column;gap:3px;padding-top:4px;display:flex}.sc-headline{color:#ddd;font-size:12px}.sc-headline b{color:var(--faction-accent);font-size:14px}.sc-mod{letter-spacing:.5px;text-transform:uppercase;border-radius:2px;align-self:flex-start;padding:1px 4px;font-size:9px;font-weight:700}.sc-mod-guided{color:#c6a86a;background:#c6a86a1f;border:1px solid #c6a86a66}.sc-mod-dev{color:#e27474;background:#e274741a;border:1px solid #e2747466}.strat-card[draggable=true]{cursor:grab}.strat-card[draggable=true]:active{cursor:grabbing}.strat-card--dragging{opacity:.4;transform:rotate(-2deg)scale(.98)}.strat-card-drag-hint{color:#666;letter-spacing:.4px;margin-right:auto;font-size:9px;font-style:italic}.strat-card[draggable=true]:hover .strat-card-drag-hint{color:var(--faction-accent)}.board-area--strat-targeting{outline:2px dashed var(--faction-accent);outline-offset:-6px;animation:1.2s ease-in-out infinite strat-drop-pulse}.board-area--strat-targeting .board-host{cursor:copy}.board-area--strat-targeting:after{content:"DROP TO PLAY STRATAGEM";border:1px solid var(--faction-accent);color:var(--faction-accent);letter-spacing:3px;pointer-events:none;z-index:100;box-shadow:0 0 24px var(--faction-accent-dim);background:#000000c7;border-radius:6px;padding:12px 24px;font-size:14px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes strat-drop-pulse{0%,to{outline-color:var(--faction-accent-dim)}50%{outline-color:var(--faction-accent)}}.app--compact{grid-template-columns:1fr 0}.app--compact .sidebar{display:none}.app--compact .board-area{padding-right:0}.roster-filters{border-bottom:1px solid #2a2a2a;flex-direction:column;gap:6px;margin-bottom:8px;padding-bottom:8px;display:flex}.roster-search{color:#ddd;background:#222;border:1px solid #444;border-radius:3px;width:100%;padding:5px 8px;font-size:12px}.roster-search:focus{border-color:var(--faction-accent);outline:none}.roster-chips{flex-wrap:wrap;gap:4px;display:flex}.roster-chip{color:#aaa;letter-spacing:.3px;cursor:pointer;background:#222;border:1px solid #2c2c2c;border-radius:11px;padding:2px 9px;font-size:10px;font-weight:600;transition:background 80ms,border-color 80ms,color 80ms}.roster-chip:hover{color:#ddd;background:#2c2c2c}.roster-chip--on{background:var(--faction-accent-bg);border-color:var(--faction-accent);color:var(--faction-accent)}.roster-chip--clear{color:#888;background:0 0;border-color:#444}.roster-chip--clear:hover{color:#c66;border-color:#c66}.roster-filter-count{color:#666;font-size:10px;font-style:italic}.unit-hover-tip{pointer-events:none;z-index:150;color:#ddd;background:#0f0f0ff0;border:1px solid #2a2a2a;border-radius:4px;min-width:140px;max-width:240px;padding:5px 8px;font-size:10px;line-height:1.3;animation:.12s ease-out uht-in;position:fixed;transform:translate(-50%,-100%);box-shadow:0 3px 10px #0009}@keyframes uht-in{0%{opacity:0;transform:translate(-50%,calc(4px - 100%))}to{opacity:1;transform:translate(-50%,-100%)}}.unit-hover-tip--player1{border-left:3px solid #4a90e2}.unit-hover-tip--player2{border-left:3px solid #e24a4a}.uht-head{border-bottom:1px solid #2a2a2a;justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:3px;padding-bottom:3px;display:flex}.uht-name{color:#fff;letter-spacing:.2px;font-size:11px;font-weight:700}.uht-owner{color:#aaa;background:#ffffff0f;border-radius:6px;padding:0 5px;font-size:9px}.unit-hover-tip--player1 .uht-owner{color:#74a8e2}.unit-hover-tip--player2 .uht-owner{color:#e27474}.uht-stats{flex-wrap:wrap;gap:6px;display:flex}.uht-stat{color:#888;font-size:10px}.uht-stat b{color:#fff;font-weight:600}.uht-living{color:#888;margin-left:auto}.uht-living b{color:#d4af37}.reserves-list{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.reserves-row{border:1px solid #d4af3740;border-left:3px solid var(--faction-accent);color:#ddd;cursor:pointer;text-align:left;background:#d4af370f;border-radius:3px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-size:12px;transition:background 80ms,border-color 80ms;display:flex}.reserves-row:hover{background:#d4af371f}.reserves-row--selected{background:var(--faction-accent-bg);border-color:var(--faction-accent);box-shadow:0 0 8px var(--faction-accent-dim)}.reserves-name{color:#fff;font-weight:600}.reserves-hint{color:var(--faction-accent);font-size:10px;font-style:italic}.ds-reserve-toggle{color:#888;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #2c2c2c;border-radius:8px;align-items:center;gap:4px;padding:2px 6px;font-size:10px;display:inline-flex}.ds-reserve-toggle:hover{color:#ccc;border-color:#444}.ds-reserve-toggle.on{border-color:var(--faction-accent);color:var(--faction-accent);background:#d4af371f}.ds-reserve-toggle input[type=checkbox]{width:10px;height:10px;accent-color:var(--faction-accent);margin:0}.ds-picked{color:#ddd;background:#222;border:1px solid #2a2a2a;border-radius:3px;align-items:center;gap:6px;width:100%;padding:6px 8px;display:flex}.ds-picked .ds-pick-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ds-picked .ds-pick-pts{color:#888;white-space:nowrap;font-size:11px}.ds-picked .ds-remove{color:#888;cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:14px;line-height:1}.ds-picked .ds-remove:hover{color:#c66}.auth-shell{color:#eee;background:radial-gradient(circle at 20% 10%,#2a1a1a 0%,#0000 50%),radial-gradient(circle at 80% 90%,#1a1a2a 0%,#0000 50%),#0d0d0d;justify-content:center;align-items:center;font-family:system-ui,-apple-system,sans-serif;display:flex;position:fixed;inset:0}.auth-card{background:#161616;border:1px solid #333;border-radius:8px;width:100%;max-width:360px;padding:28px 28px 24px;box-shadow:0 8px 32px #00000080}.auth-title{letter-spacing:.02em;color:#d4af37;margin:0 0 4px;font-size:22px;font-weight:700}.auth-sub{color:#9aa;margin:0 0 20px;font-size:13px}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-field{color:#bbb;flex-direction:column;gap:4px;font-size:12px;display:flex}.auth-field input{color:#eee;background:#0d0d0d;border:1px solid #333;border-radius:4px;outline:none;padding:8px 10px;font-size:14px}.auth-field input:focus{border-color:#d4af37}.auth-btn{color:#ddd;cursor:pointer;background:#222;border:1px solid #444;border-radius:4px;margin-top:4px;padding:9px 12px;font-size:13px}.auth-btn:hover:not(:disabled){background:#2c2c2c}.auth-btn.primary{color:#111;background:#d4af37;border-color:#d4af37;font-weight:600}.auth-btn.primary:hover:not(:disabled){background:#e0bc4a}.auth-btn:disabled{opacity:.6;cursor:default}.auth-links{justify-content:space-between;margin-top:4px;display:flex}.auth-link{color:#9ab;cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:12px}.auth-link:hover{color:#d4af37;text-decoration:underline}.auth-error{color:#f4b0b0;background:#2a1414;border:1px solid #5a2222;border-radius:4px;padding:8px 10px;font-size:12px}.auth-success{color:#b0f4c8;background:#14261a;border:1px solid #2a5a3a;border-radius:4px;padding:8px 10px;font-size:12px}.auth-hint{color:#888;font-size:11px}.auth-userbadge-floating{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#111111d9;border:1px solid #333;border-radius:6px;padding:4px 8px;position:fixed;top:8px;right:12px}.auth-userbadge{color:#bbb;align-items:center;gap:8px;font-size:12px;display:flex}.auth-userbadge .role-pill{color:#111;text-transform:uppercase;background:#d4af37;border-radius:8px;padding:1px 6px;font-size:10px;font-weight:700}.auth-userbadge .logout-btn{color:#bbb;cursor:pointer;background:0 0;border:1px solid #444;border-radius:4px;padding:3px 8px;font-size:11px}.auth-userbadge .logout-btn:hover{background:#2c2c2c}.editor-page{color:#e8e8e8;background:#14181f;flex-direction:column;height:100vh;font-family:inherit;display:flex}.editor-topbar{background:#1a1f28;border-bottom:1px solid #2a3140;flex:none;align-items:center;gap:12px;padding:10px 16px;display:flex}.editor-topbar h1{color:#d4af37;margin:0;font-size:16px;font-weight:600}.editor-topbar .editor-mode{color:#888;margin-left:4px;font-size:13px}.editor-topbar .spacer{flex:1}.editor-topbar a,.editor-topbar button{color:#d4af37;cursor:pointer;background:0 0;border:1px solid #2a3140;border-radius:4px;padding:6px 12px;font-size:13px;text-decoration:none}.editor-topbar button:disabled{opacity:.4;cursor:not-allowed}.editor-topbar button.primary{color:#14181f;background:#d4af37;border-color:#d4af37;font-weight:600}.editor-topbar button.primary:disabled{color:#888;background:#5a4d20;border-color:#5a4d20}.editor-body{flex:1;grid-template-columns:minmax(0,1fr) 360px;display:grid;overflow:hidden}.editor-form{padding:16px 24px;overflow-y:auto}.editor-preview{background:#11141a;border-left:1px solid #2a3140;padding:16px;overflow-y:auto}.editor-section{background:#1a1f28;border:1px solid #2a3140;border-radius:6px;margin-bottom:16px;padding:12px 16px}.editor-section h2{text-transform:uppercase;letter-spacing:.08em;color:#d4af37;margin:0 0 12px;font-size:13px;font-weight:600}.editor-row{grid-template-columns:140px minmax(0,1fr);align-items:center;gap:12px;margin-bottom:8px;display:grid}.editor-row label{color:#aaa;font-size:13px}.editor-row input[type=text],.editor-row input[type=number],.editor-row select,.editor-row textarea{color:#e8e8e8;box-sizing:border-box;background:#0c0f14;border:1px solid #2a3140;border-radius:4px;width:100%;padding:6px 8px;font-family:inherit;font-size:13px}.editor-row input[type=checkbox]{transform:scale(1.2)}.editor-row textarea{resize:vertical;min-height:60px}.editor-row .row-hint{color:#666;grid-column:2;margin-top:2px;font-size:11px}.editor-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.editor-stat{flex-direction:column;gap:4px;display:flex}.editor-stat label{color:#aaa;letter-spacing:.04em;font-size:11px;font-weight:600}.editor-chip-input{background:#0c0f14;border:1px solid #2a3140;border-radius:4px;flex-wrap:wrap;align-items:center;gap:4px;min-height:30px;padding:4px;display:flex}.editor-chip{color:#e8e8e8;background:#2a3140;border-radius:3px;align-items:center;gap:4px;padding:2px 6px;font-size:11px;display:inline-flex}.editor-chip button{color:#aaa;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;line-height:1}.editor-chip-input input{color:#e8e8e8;background:0 0;border:0;outline:none;flex:1;min-width:80px;padding:2px 4px;font-size:12px}.editor-table{border-collapse:collapse;width:100%;font-size:12px}.editor-table th,.editor-table td{text-align:left;border-bottom:1px solid #2a3140;padding:4px 6px}.editor-table th{text-transform:uppercase;color:#aaa;letter-spacing:.06em;font-size:10px;font-weight:600}.editor-table input[type=text],.editor-table input[type=number],.editor-table select{color:#e8e8e8;box-sizing:border-box;background:#0c0f14;border:1px solid #2a3140;border-radius:3px;width:100%;padding:3px 5px;font-family:inherit;font-size:12px}.editor-table .col-num{width:60px}.editor-table .col-narrow{width:80px}.editor-table .col-actions{text-align:right;width:60px}.editor-row-actions button,.editor-add-row{color:#d4af37;cursor:pointer;background:#2a3140;border:0;border-radius:3px;padding:4px 10px;font-size:12px}.editor-add-row{margin-top:8px}.editor-remove-row{color:#c44;cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:14px}.editor-errors{background:#2a1f1f;border:1px solid #844;border-radius:4px;margin-top:8px;padding:8px 12px;font-size:12px;position:sticky;bottom:0}.editor-errors-title{color:#f88;margin-bottom:4px;font-weight:600}.editor-errors ul{color:#fcc;margin:0;padding-left:16px}.editor-preview-card{background:#1a1f28;border:1px solid #2a3140;border-radius:6px;padding:12px}.editor-preview-img{object-fit:cover;background:#0c0f14;border:2px solid #d4af37;border-radius:50%;width:64px;height:64px;margin:0 auto 8px;display:block}.editor-preview-name{color:#d4af37;text-align:center;margin-bottom:2px;font-size:14px;font-weight:600}.editor-preview-faction{color:#888;text-align:center;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:11px}.editor-preview-stats{text-align:center;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:8px;font-size:11px;display:grid}.editor-preview-stat .lbl{color:#888;text-transform:uppercase;font-size:9px;display:block}.editor-preview-stat .val{color:#e8e8e8;font-size:14px;font-weight:600;display:block}.editor-preview-section{border-top:1px solid #2a3140;margin-top:8px;padding-top:8px;font-size:11px}.editor-preview-section h4{color:#aaa;text-transform:uppercase;letter-spacing:.06em;margin:0 0 4px;font-size:10px}.editor-preview-weapon{background:#0c0f14;border-radius:3px;margin-bottom:4px;padding:4px}.editor-preview-weapon-name{color:#e8e8e8;font-size:11px;font-weight:600}.editor-preview-weapon-stats{color:#aaa;margin-top:2px;font-size:10px}.editor-preview-ability{border-bottom:1px dotted #2a3140;margin-bottom:6px;padding-bottom:4px}.editor-preview-ability:last-child{border-bottom:0}.editor-preview-ability-name{color:#d4af37;font-size:11px;font-weight:600}.editor-preview-ability-text{color:#ccc;margin-top:2px;font-size:10px}.editor-preview-keywords{color:#888;word-break:break-word;margin-top:4px;font-size:10px}.picker-page{color:#e8e8e8;background:#14181f;flex-direction:column;height:100vh;font-family:inherit;display:flex}.picker-body{flex:1;padding:24px;overflow-y:auto}.picker-section{margin-bottom:32px}.picker-section h2{color:#d4af37;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-size:14px}.picker-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.picker-card{background:#1a1f28;border:1px solid #2a3140;border-radius:6px;flex-direction:column;gap:6px;padding:12px;display:flex}.picker-card-name{color:#e8e8e8;font-size:13px;font-weight:600}.picker-card-meta{color:#888;text-transform:capitalize;font-size:11px}.picker-card-actions{gap:6px;margin-top:6px;display:flex}.picker-card-actions a,.picker-card-actions button{text-align:center;color:#d4af37;cursor:pointer;background:#2a3140;border:0;border-radius:3px;flex:1;padding:4px;font-size:11px;text-decoration:none}.picker-new-card{color:#888;background:0 0;border:2px dashed #2a3140;border-radius:6px;justify-content:center;align-items:center;min-height:80px;font-size:13px;text-decoration:none;display:flex}.picker-new-card:hover{color:#d4af37;border-color:#d4af37}.editor-status-badge{text-transform:uppercase;border-radius:2px;margin-left:4px;padding:1px 5px;font-size:9px;font-weight:600;display:inline-block}.editor-status-badge.draft{color:#ffe9a0;background:#5a4d20}.editor-status-badge.published{color:#a0ffc0;background:#2a5a3d}