/* Tactics workspace extends the existing BBEE skin and shared form primitives. */
.tactic-nav{display:flex;gap:4px;border-bottom:1px solid var(--line);overflow-x:auto;margin:-8px 0 28px;padding-bottom:0;scrollbar-width:thin}.tactic-nav a{font-size:12px;padding:15px 18px;white-space:nowrap;border-bottom:2px solid transparent;color:var(--muted)}.tactic-nav a.selected{border-color:var(--cyan);color:var(--cyan);background:#152836}.tactic-nav a:hover{background:#122232;color:white}.tactic-hero{display:grid;gap:30px;padding:32px;border:1px solid #36556c;background:linear-gradient(115deg,#122536,#0c1624);position:relative;overflow:hidden}.tactic-hero:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#7eeef305 1px,transparent 1px),linear-gradient(90deg,#7eeef305 1px,transparent 1px);background-size:35px 35px}.tactic-hero>div{position:relative}.tactic-hero h2{font-size:64px;font-weight:700;font-style:italic;line-height:.95;margin:20px 0;color:var(--text)}.tactic-hero p{max-width:45ch;font-size:14px}.tactic-visuals{display:grid;gap:16px;align-items:center}.tactic-visuals figure{margin:0;background:#09121e;padding:20px;border:1px solid #294258;text-align:center;min-width:0}.tactic-visuals img{max-width:100%;height:auto;display:block;margin:auto}.tactic-visuals figcaption{color:var(--muted);font-size:10px;line-height:1.7;margin-top:12px}.tactic-visuals figcaption a{color:var(--cyan)}.tactic-entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.tactic-entry{padding:24px;background:#101c2a;border:1px solid var(--line)}.tactic-entry h3{margin:14px 0 10px;display:flex;justify-content:space-between;gap:8px}.tactic-entry h3 span{color:var(--cyan);font-size:20px}.tactic-entry p{font-size:12px;line-height:1.8}.tactic-entry:hover,.build-card:hover{border-color:#609aa8;background:#132738}.tactic-source{display:flex;gap:12px 24px;flex-wrap:wrap;margin:40px 0 0;padding:20px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.tactic-source a{color:var(--cyan)}.build-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.build-card{padding:26px;border:1px solid var(--line);background:#101c2a;display:flex;flex-direction:column;min-width:0;transition:background .15s,border-color .15s}.build-card h3{font-size:32px;margin:16px 0 14px}.build-card p{font-size:13px;line-height:1.85;margin-bottom:18px}.build-card .eyebrow{font-size:9px;letter-spacing:1.4px}.build-chain{font-size:11px;line-height:1.9;padding:14px 0;border-top:1px solid #294052;color:#bce9eb;margin-top:auto}.build-chain.large{font-size:16px;color:var(--cyan);padding:22px;border:1px solid #34566a;background:#0b1826;margin:20px 0}.build-foot{font-size:10px;display:flex;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid #294052;color:var(--muted)}.build-foot span:last-child{flex-shrink:0;color:var(--cyan)}.tactic-toolbar{display:flex;gap:16px;align-items:end;margin:24px 0 16px}.tactic-toolbar .ds-field{flex:1;margin:0}.tactic-toolbar label,.crafter-top>label,.slot-fields label,.upgrade-field{font-size:11px;color:var(--muted);display:flex;flex-direction:column;gap:8px}.tactic-toolbar select,.slot-fields select{background:#122131;color:var(--text);border:1px solid #3e556a;border-radius:0;min-height:48px;padding:10px 12px;max-width:100%;width:100%;font-size:12px}.tactic-toolbar>label:not(.ds-field){min-width:150px}select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.tactic-steps{padding-left:24px}.tactic-steps li{padding:12px 0 16px 10px;border-bottom:1px solid var(--line)}.tactic-steps li:last-child{border:0}.tactic-steps li::marker{color:var(--cyan);font:600 24px var(--display)}.tactic-steps li p{margin:10px 0 0}.recipe-table{min-width:690px}.recipe-table td{white-space:pre-line;vertical-align:top}.recipe-table th{color:var(--cyan)}.black-market-image{max-width:100%;height:auto;border:1px solid #3c5467;margin:16px 0}.pool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.pool-card{border:1px solid var(--line);padding:22px;background:#101c2a}.pool-card h3{font-size:25px}.pool-tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.pool-tags span{padding:6px 10px;border:1px solid #684459;background:#302331;color:#f6b1cf;font-size:11px;line-height:1.8}.codex-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.codex-card{border:1px solid var(--line);background:#101c2a;padding:24px;display:flex;flex-direction:column}.codex-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted)}.codex-meta .element{padding:4px 9px}.codex-card h3{font-size:28px;margin:18px 0 14px}.codex-card p{font-size:13px;line-height:1.9}.codex-card .text-link{margin-top:auto;padding-top:16px;font-size:10px}.red-label{color:#f6a7ca}.requirement{background:#231e30;padding:12px;border-left:2px solid #d976a1;margin:18px 0}.requirement b{font-size:10px;color:#f1a8c7}.requirement p{font-size:12px;color:#ceb5c4;margin-top:5px}.crafter-top{display:flex;align-items:end;justify-content:space-between;gap:24px}.crafter-top>label{flex:1;max-width:530px}.crafter-top .inline-actions{margin:0}.crafter-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;margin-top:24px;align-items:start}.crafter-slots{display:grid;gap:18px}.crafter-slot{padding:26px;background:#101d2b;border:1px solid #30485c;min-width:0}.slot-heading{display:flex;align-items:center;gap:18px;margin-bottom:22px}.slot-heading h2{font-size:32px;margin:3px 0 0}.slot-heading .eyebrow{font-size:8px;letter-spacing:1.3px}.slot-heading .pill-counter{margin-left:auto}.slot-index{font:italic 700 48px/.9 var(--display);color:#4a718b}.slot-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.slot-fields label{min-width:0}.upgrade-field{margin:16px 0}.upgrade-field input{font-size:12px}.inherit-check{display:flex;align-items:center;gap:10px;font-size:12px;color:#c1cfdb;min-height:44px}.inherit-check input{width:18px;height:18px;accent-color:var(--cyan)}.base-effect{font-size:12px;line-height:1.9;margin-top:12px}.red-requirements{border-top:1px solid #354559;margin-top:18px;padding-top:16px}.red-requirements summary{font-size:12px;color:#f5a8ca;cursor:pointer;line-height:1.8}.red-requirements p{font-size:12px;margin-top:12px;line-height:1.9}.red-requirements .scope{font-size:11px}.inherit-note{color:var(--amber)}.crafter-summary{position:sticky;top:108px;background:#0e1c2a;border:1px solid #345467;padding:24px}.crafter-summary h2{font-size:36px;margin-top:14px;color:var(--cyan)}.crafter-summary h2 small{font:10px var(--body);color:var(--muted)}.draft-slot-map{margin:24px 0}.draft-slot-map>div{padding:10px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:65px minmax(0,1fr);gap:10px;font-size:11px}.draft-slot-map span{color:var(--muted)}.draft-slot-map b{font-weight:500;overflow-wrap:anywhere}.validation{padding:16px;background:#102934;border:1px solid #2c5e68}.validation.has-issues{background:#32241e;border-color:#80604a}.validation h3{font-size:23px}.validation p,.validation li{font-size:11px;line-height:1.9;margin-top:12px}.validation ul{padding-left:14px;color:#f6c6a4}.validation .scope{font-size:10px}.draft-recipe{padding:16px 20px;border-left:2px solid var(--cyan);background:#132534;color:var(--muted);font-size:12px;margin-top:18px}.draft-recipe a{color:var(--cyan)}
@media(min-width:1000px){.tactic-hero{grid-template-columns:1.1fr 1fr;align-items:center;padding:40px}.tactic-hero .tactic-visuals{grid-template-columns:1fr 1fr}.tactic-hero h2{font-size:80px}.tactic-hero .tactic-visuals figure{height:230px;display:flex;flex-direction:column;justify-content:center;padding:16px}.tactic-hero .tactic-visuals img{max-height:160px;object-fit:contain}.tactic-hero .tactic-visuals figcaption{margin-top:auto;padding-top:12px}.tactic-entries{grid-template-columns:repeat(4,minmax(0,1fr))}.tactic-entry{padding:22px}.tactic-entry h3{font-size:25px}}
@media(max-width:999px){.build-grid,.codex-grid,.pool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.crafter-layout{grid-template-columns:1fr}.crafter-summary{position:static;grid-row:1}.draft-slot-map{display:flex;gap:16px;flex-wrap:wrap}.draft-slot-map>div{grid-template-columns:1fr;flex:1;min-width:90px}.tactic-visuals{grid-template-columns:1fr 1fr}.side-panel .tactic-visuals{grid-template-columns:1fr}.crafter-top{align-items:stretch}.tactic-hero .tactic-visuals{max-width:620px}}
@media(max-width:599px){.tactic-nav{margin-left:-20px;margin-right:-20px;padding-left:12px}.tactic-nav a{padding:14px 12px}.tactic-hero{padding:25px}.tactic-hero h2{font-size:60px}.tactic-hero .tactic-visuals{gap:10px}.tactic-visuals figure{padding:12px}.tactic-visuals figcaption{font-size:9px}.tactic-entries,.build-grid,.codex-grid,.pool-grid{grid-template-columns:1fr}.tactic-entry{padding:22px}.tactic-entry h3{font-size:28px}.build-card h3{font-size:34px}.tactic-toolbar{flex-wrap:wrap}.tactic-toolbar .ds-field{flex:1 0 100%}.tactic-toolbar>label:not(.ds-field){flex:1;min-width:0}.crafter-top{flex-direction:column;gap:16px}.crafter-top .inline-actions{justify-content:space-between}.slot-fields{grid-template-columns:1fr}.crafter-slot{padding:20px}.crafter-summary{padding:20px}.slot-heading{gap:12px}.slot-heading .pill-counter{font-size:8px;padding:4px 6px}.tactic-source{font-size:10px}.recipe-table{min-width:650px}.codex-card p,.build-card p{font-size:14px}.tactic-hero p{font-size:15px}}

@media(max-width:599px){.crafter-summary{grid-row:auto}}
#tactics-app .article-layout>article{min-width:0}#tactics-app .table-wrap{max-width:100%;overflow-x:auto}
.build-export-body{padding:0 24px 24px}.build-export-body>p{font-size:13px;margin-bottom:16px}.build-export-body textarea{width:100%;height:320px;resize:vertical;background:#081320;color:var(--text);border:1px solid #3b5367;padding:16px;font:12px/1.8 var(--body)}#build-export-dialog h2{font-size:30px}textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}