.playbook-command{display:block;margin:0 0 28px;border:1px solid rgba(65,183,255,.35);background:linear-gradient(145deg,rgba(6,18,28,.96),rgba(3,8,12,.98) 60%,rgba(255,126,22,.09));overflow:hidden}.command-loop{display:flex;align-items:center;justify-content:center;gap:12px;padding:18px;border-bottom:1px solid rgba(255,134,27,.35);background:rgba(0,0,0,.32);font:800 .9rem 'Barlow Condensed';letter-spacing:.12em;color:#fff}.command-loop span{padding:8px 14px;border:1px solid rgba(62,187,255,.38);background:rgba(38,156,222,.08)}.command-loop i{font-style:normal;color:#ff861b}.play-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:18px}.play-card{display:flex;flex-direction:column;gap:9px;padding:14px;text-align:left;color:#fff;background:linear-gradient(145deg,rgba(15,38,53,.94),rgba(4,10,15,.98));border:1px solid rgba(82,174,228,.34);cursor:pointer;transition:.2s}.play-card:hover,.play-card:focus-visible{transform:translateY(-3px);border-color:#ff861b;box-shadow:0 12px 30px rgba(0,0,0,.4),0 0 22px rgba(255,134,27,.11)}.play-card>span,.phase-label{font:800 .68rem Inter;letter-spacing:.13em;color:#ff9a37}.play-card svg{width:100%;aspect-ratio:16/9;border:1px solid rgba(255,255,255,.08)}.play-card svg text{display:none}.play-card strong{font:800 1.45rem 'Barlow Condensed';text-transform:uppercase}.play-card small{color:#96adbd;font:600 .72rem/1.45 Inter}.playbook-command>figcaption{display:block;padding:14px 18px;border-top:1px solid rgba(81,178,232,.2);color:#849dab;font:700 .68rem Inter;letter-spacing:.08em}.phase-label{display:block;margin-bottom:4px;color:#64c8ff}.playbook-header{border-left:6px solid #ff861b}.simple-route{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.simple-route div{position:relative;min-height:96px;padding:16px 14px 14px 52px;border:1px solid rgba(71,181,244,.3);background:linear-gradient(135deg,rgba(41,155,218,.12),rgba(4,12,18,.8))}.simple-route div:not(:last-child):after{content:'→';position:absolute;z-index:2;right:-18px;top:31px;color:#ff9a37;font:800 22px 'Barlow Condensed'}.simple-route b{position:absolute;left:14px;top:14px;color:#ff942f;font:800 1.3rem 'Barlow Condensed'}.simple-route span{font:800 1rem/1.25 'Barlow Condensed';text-transform:uppercase;color:#fff}.play-diagram{margin:20px 0 0;border:1px solid rgba(255,134,27,.52);background:#030608;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.42)}.pb-diagram-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;padding:14px 18px;border-bottom:1px solid rgba(255,134,27,.3);color:#69c9ff;font:800 .7rem Inter;letter-spacing:.12em}.pb-diagram-head strong{color:#fff;font:800 1.35rem 'Barlow Condensed';text-transform:uppercase;letter-spacing:.04em}.pb-diagram-head span:last-child{text-align:right}.play-diagram svg{display:block;width:100%;height:auto}.pb-topo{fill:none;stroke:#ff861b;stroke-width:2;opacity:.12}.pb-unit circle:first-child{fill:#04080b;stroke:#39b9ff;stroke-width:4;filter:drop-shadow(0 0 8px #39b9ff)}.pb-unit.enemy circle:first-child{stroke:#ff453a;filter:drop-shadow(0 0 8px #ff453a)}.pb-unit.vulnerable circle:first-child{stroke:#ffd447;filter:drop-shadow(0 0 8px #ffd447)}.pb-unit text,.pb-route text,.pb-note,.pb-coord text,.pb-wall text{fill:#dce9f1;font:800 12px 'Barlow Condensed';letter-spacing:.08em}.pb-route polyline{fill:none;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:12 7;animation:routeMarch 1.2s linear infinite;filter:drop-shadow(0 0 5px currentColor)}@keyframes routeMarch{to{stroke-dashoffset:-38}}.pb-fire{stroke-width:4;stroke-dasharray:8 7;animation:routeMarch 1s linear infinite}.pb-fire.orange{stroke:#ff861b;filter:drop-shadow(0 0 5px #ff861b)}.pb-wall rect{fill:#172028;stroke:#aebdc7;stroke-width:3}.pb-wall text{font-size:10px}.pb-block{stroke:#ff453a;stroke-width:5;stroke-dasharray:10 8}.pb-zone{fill:none;stroke:#39b9ff;stroke-width:20;opacity:.2}.pb-sector{stroke-width:3;opacity:.11}.pb-sector.blue{fill:#39b9ff;stroke:#39b9ff}.pb-sector.orange{fill:#ff861b;stroke:#ff861b}.pb-seam{stroke:#fff;stroke-width:2;stroke-dasharray:8 8;opacity:.55}.pb-intercept,.pb-priority-ring{fill:none;stroke:#ffd447;stroke-width:4;stroke-dasharray:9 7;animation:pbPulse 1.6s ease-in-out infinite}.pb-shield{fill:rgba(255,212,71,.07);stroke:#ffd447;stroke-width:3;stroke-dasharray:8 8}.pb-protect{fill:none;stroke:#39b9ff;stroke-width:24;opacity:.12}.pb-note{fill:#fff!important;font-size:15px!important}.pb-coord text{fill:#6bbde9;font-size:11px}.play-diagram figcaption{display:flex;gap:24px;flex-wrap:wrap;padding:12px 18px;border-top:1px solid rgba(90,163,204,.25);color:#9bb0be;font:700 .65rem Inter;letter-spacing:.11em}.play-diagram figcaption span:before{content:'';display:inline-block;width:9px;height:9px;margin-right:8px;border-radius:50%}.ally-dot:before{background:#39b9ff}.enemy-dot:before{background:#ff453a}.vuln-dot:before{background:#ffd447}.route-dot:before{background:#51e28c}@keyframes pbPulse{50%{opacity:.4;transform:scale(1.04);transform-origin:center}}.priority-panel{display:grid;grid-template-columns:1fr 1fr;gap:16px}.priority-panel>div{padding:22px;border:1px solid rgba(255,134,27,.35);background:linear-gradient(120deg,rgba(255,69,58,.1),rgba(8,21,30,.8))}.priority-panel span{color:#ff9b3c;font:800 .68rem Inter;letter-spacing:.15em}.priority-panel h3{margin:9px 0 0;font-size:1.6rem;color:#fff}
.gate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gate-grid article{padding:20px;border:1px solid rgba(86,177,226,.3);background:rgba(5,17,25,.72)}.gate-grid article:first-child{border-top:3px solid #51e28c}.gate-grid article:nth-child(2){border-top:3px solid #ffd447}.gate-grid article:last-child{border-top:3px solid #ff453a}.gate-grid span{font:900 1.4rem 'Barlow Condensed';color:#fff}.gate-grid p{margin:8px 0 0;color:#adbfca;line-height:1.6}.score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.score-grid article{display:grid;gap:6px;padding:16px;border:1px solid rgba(73,178,237,.28);background:#07121a}.score-grid strong{color:#fff;font:800 1.1rem 'Barlow Condensed';text-transform:uppercase}.score-grid span{color:#94aab8;font-size:.75rem}.score-standard{display:flex;justify-content:space-between;gap:15px;margin:16px 0 0;padding:15px;border:1px solid rgba(255,134,27,.45);color:#ff9b36}
.pb-unit circle,.pb-unit .unit-symbol{fill:none;stroke:var(--unit);stroke-width:5;stroke-linecap:round;filter:drop-shadow(0 0 8px var(--unit))}.pb-unit text,.pb-los-label,.pb-sight text,.pb-hide text{font:800 12px 'Barlow Condensed';letter-spacing:.08em}.pb-fire.orange{stroke:#55caff;filter:drop-shadow(0 0 5px #39b9ff)}.pb-los-label{fill:#8cdbff!important;font-size:10px!important}.pb-sight path{fill:rgba(255,69,58,.1);stroke:#ff453a;stroke-width:2;stroke-dasharray:9 8}.pb-sight text{fill:#ff8d86!important;font-size:10px!important}.pb-hide rect{fill:rgba(81,226,140,.08);stroke:#51e28c;stroke-width:3;stroke-dasharray:8 7}.pb-hide text{fill:#70eea4!important;font-size:10px!important}.pb-wall rect{fill:#edf2f4;stroke:#fff;filter:drop-shadow(0 0 5px rgba(255,255,255,.24))}.pb-wall text{fill:#101820!important}.ally-dot:before{background:#51e28c!important;clip-path:polygon(0 35%,35% 35%,35% 0,65% 0,65% 35%,100% 35%,100% 65%,65% 65%,65% 100%,35% 100%,35% 65%,0 65%);transform:rotate(45deg)}.enemy-dot:before{background:transparent!important;border:2px solid #ff453a}.route-dot:before{background:#39b9ff!important}.los-dot:before{background:#8cdbff}.reaction-dot:before{background:#ff453a}.escape-dot:before{background:#51e28c}
.playbook-key{display:flex;align-items:center;justify-content:center;gap:9px 14px;flex-wrap:wrap;padding:12px 18px;border-bottom:1px solid rgba(81,178,232,.18);background:rgba(4,12,18,.72);font:700 .68rem Inter;letter-spacing:.08em}.playbook-key b{color:#fff}.playbook-key b:first-child{color:#51e28c}.playbook-key b:nth-of-type(2),.playbook-key b:nth-of-type(4){color:#ff655d}.playbook-key b:nth-of-type(3){color:#55caff}.playbook-key span{color:#8299a8;margin-right:8px}
@media(max-width:1000px){.play-card-grid{grid-template-columns:repeat(2,1fr)}.command-loop{flex-wrap:wrap}.simple-route{grid-template-columns:repeat(2,1fr)}.simple-route div:nth-child(2):after{display:none}}
@media(max-width:720px){.play-card-grid{grid-template-columns:1fr}.command-loop{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}.command-loop span{white-space:nowrap}.simple-route{grid-template-columns:1fr}.simple-route div:not(:last-child):after{content:'↓';right:50%;top:auto;bottom:-21px}.play-diagram{overflow-x:auto}.play-diagram svg{width:760px;max-width:none}.pb-diagram-head{grid-template-columns:1fr}.pb-diagram-head span:last-child{text-align:left}.priority-panel,.gate-grid{grid-template-columns:1fr}.score-grid{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){.pb-route polyline,.pb-fire,.pb-intercept,.pb-priority-ring{animation:none}}

/* Clean play-chart language: filled unit arrowheads and restrained routes. */
.pb-unit .unit-symbol{fill:var(--unit);stroke:rgba(255,255,255,.72);stroke-width:1.5;stroke-linejoin:round;filter:drop-shadow(0 0 5px var(--unit))}
.pb-route polyline{stroke-width:6;stroke-dasharray:initial;animation:none;filter:drop-shadow(0 0 3px currentColor)}
.pb-route polyline[stroke-dasharray]{stroke-dasharray:10 9}
.pb-fire{stroke-width:2.5;animation:none;opacity:.82;filter:drop-shadow(0 0 3px currentColor)}
.pb-sight path{fill:rgba(255,69,58,.06);stroke-width:1.5}
.pb-hide rect{fill:rgba(81,226,140,.06);stroke-width:2}
.pb-protect{stroke-width:18;opacity:.1}
.pb-wall rect{filter:drop-shadow(0 0 3px rgba(255,255,255,.2))}
.play-diagram figcaption span:before{width:11px;height:11px;border-radius:0}
.ally-dot:before,.enemy-dot:before{clip-path:polygon(0 0,100% 50%,0 100%,28% 50%);transform:none!important;border:0!important}
.ally-dot:before{background:#51e28c!important}
.enemy-dot:before{background:#ff453a!important}
.route-dot:before,.reaction-dot:before,.los-dot:before{border-radius:50%!important}