:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#e8ecef;background:#14181c;font-family:system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit;cursor:pointer;touch-action:manipulation;color:inherit;background:#2a323a;border:1px solid #3a4450;border-radius:4px;padding:6px 10px}button:hover:not(:disabled){background:#343e47}button:disabled{opacity:.4;cursor:not-allowed}button.danger:hover:not(:disabled){background:#5a2a2a;border-color:#7a3a3a}select,input,textarea{font:inherit;color:inherit;background:#2a323a;border:1px solid #3a4450;border-radius:4px;padding:6px 10px}.app{height:100dvh;display:flex}.sidebar{background:#1b2127;border-right:1px solid #2a323a;flex-direction:column;flex:0 0 240px;gap:10px;width:240px;padding:12px;display:flex;overflow-y:auto}.sidebar-actions{flex-wrap:wrap;gap:6px;display:flex}.import-label{align-items:center;padding:6px 10px;font-size:13px;display:inline-flex}.play-list{flex-direction:column;flex:1;gap:4px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.play-list li{background:#20272e;border-radius:4px;padding:8px}.play-list li.active{background:#2c3e50;outline:1px solid #4a6fa5}.play-name{cursor:pointer;margin-bottom:6px;font-weight:600;display:inline-block}.rename-button{float:right;padding:2px 6px;font-size:12px;line-height:1}.route-actions{gap:6px;display:flex}.route-actions button{flex:1}.rename-input{width:100%;margin-bottom:6px}.play-row-actions{flex-wrap:wrap;gap:4px;display:flex}.play-row-actions button{padding:3px 6px;font-size:11px}.notes{flex-direction:column;gap:4px;display:flex}.notes textarea{resize:vertical;min-height:90px}.editor{flex-direction:column;flex:1;min-width:0;display:flex}.toolbar{background:#10151a;border-bottom:1px solid #2a323a;align-items:center;gap:10px;padding:10px 16px;display:flex}.print-button{margin-left:auto}.editor-body{flex:1;gap:16px;padding:16px;display:flex;overflow:auto}.field-wrap{flex:1;justify-content:center;align-items:flex-start;min-width:0;display:flex}svg.field{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:6px;width:100%;max-width:760px;height:auto}.empty-state{color:#6b7680;flex:1;justify-content:center;align-items:center;display:flex}.route-controls{background:#1b2127;border-radius:6px;flex-direction:column;flex:0 0 220px;align-self:flex-start;gap:10px;width:220px;padding:12px;display:flex}.route-controls h3{text-transform:uppercase;letter-spacing:.04em;color:#9aa5af;margin:0;font-size:14px}.preset-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.route-toggle-row button{width:100%}.print-view{color:#111;background:#fff;min-height:100vh}.print-setup-bar{color:#e8ecef;background:#1b2127;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 16px;display:flex;position:sticky;top:0}.print-play-checklist{flex-wrap:wrap;gap:4px 12px;max-width:760px;margin:0;padding:0;list-style:none;display:flex}.print-play-checklist label,.print-layout-choice label{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.print-layout-choice{border:none;align-items:center;gap:10px;margin:0;padding:0;display:flex}.print-page{box-sizing:border-box;gap:.25in;width:100%;max-width:8.5in;min-height:11in;margin:0 auto 24px;padding:.5in;display:grid}.print-page.layout-1{grid-template-columns:1fr;max-width:11in;min-height:8.5in}.print-page.layout-1 .print-play-card{min-height:0}.print-page.layout-1 .print-play-card svg.field{flex:1 1 0;max-width:100%;height:100%;min-height:0}.layout-1 .print-play-card h3{font-size:20px}.layout-1 .print-notes{font-size:14px}.print-page.layout-4{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);max-width:11in;min-height:8.5in}.print-page.layout-4 .print-play-card{min-height:0}.print-page.layout-4 .print-play-card svg.field{flex:1 1 0;height:100%;min-height:0}.print-page.layout-6{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,1fr);gap:.15in}.print-page.layout-6 .print-play-card{min-height:0}.print-page.layout-6 .print-play-card svg.field{flex:1 1 0;height:100%;min-height:0}.print-play-card{flex-direction:column;gap:4px;min-height:0;display:flex}.print-play-card h3{margin:0;font-size:14px}.print-play-card svg.field{max-width:100%}.layout-6 .print-play-card h3{font-size:11px}.print-notes{white-space:pre-wrap;margin:4px 0 0;font-size:12px}@media print{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body,.print-view{background:#fff}.no-print{display:none}.print-page:last-of-type{page-break-after:auto}.print-page{page-break-after:always;width:auto;min-height:auto;margin:0;padding:.1in}.print-page.layout-1,.print-page.layout-4{width:auto;height:7.3in;min-height:0}.print-page.layout-6{width:auto;height:9.8in;min-height:0}}.field-bg{fill:#2f7d32}.field-line,.field-los{stroke:#fff}button.active{color:#fff;background:#2b6cdf}.route-controls .hint{color:#9aa5af;margin:0;font-size:12px}.custom-formations{color:#9aa5af;flex-wrap:wrap;gap:8px;padding:6px 16px;font-size:12px;display:flex}.custom-formation-chip{background:#1b2127;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;display:inline-flex}.custom-formation-chip button{padding:0 4px;font-size:11px}@media print{.field-bg{fill:#fff}.field-line{stroke:#999}.field-los{stroke:#777}}.print-view .field-bg{fill:#fff}.print-view .field-line{stroke:#999}.print-view .field-los{stroke:#777}.print-view svg.field{border:1px solid #ddd}.play-list li{cursor:grab}.play-list li.drag-over{outline-offset:-2px;outline:2px dashed #2b6cdf}.shared-banner{color:#e8ecef;background:#2c3e50;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-weight:700;display:flex}.menu-button,.drawer-backdrop{display:none}.print-play-picker>summary{cursor:pointer;font-weight:600}@media (width>=901px){.print-play-picker>summary{display:none}}@media screen and (width<=900px){.menu-button{display:inline-flex}.sidebar{z-index:20;flex:none;width:min(320px,85vw);transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #00000080}.sidebar.open{transform:none}.drawer-backdrop{z-index:19;background:#0000008c;display:block;position:fixed;inset:0}.toolbar{flex-wrap:wrap;gap:6px;padding:8px}.editor-body{flex-direction:column;gap:8px;padding:8px}.field-wrap{flex:none;align-items:center}svg.field{max-width:100%;max-height:calc(100dvh - 130px)}.route-controls{flex:none;align-self:stretch;width:auto}.preset-grid{grid-template-columns:repeat(4,1fr)}button,select,.import-label{min-height:40px}.play-row-actions button{min-width:36px;min-height:36px;font-size:13px}.print-setup-bar{gap:8px}.print-page{min-height:0;padding:12px}.print-page.layout-4,.print-page.layout-6{grid-template-rows:none;grid-template-columns:1fr}}.playback{gap:4px;display:inline-flex}.print-play-card h3{align-items:center;gap:8px;display:flex}.card-playback button{color:#e8ecef;background:#2a323a;border-color:#3a4450;padding:2px 8px;font-size:12px}.card-playback button:hover:not(:disabled){background:#343e47}@media screen and (width<=900px){.card-playback button{min-height:32px}}.print-page.layout-wb{flex-direction:column;align-items:center;gap:.3in;display:flex}.wb-card{background:#fff;border:1px dashed #999;flex:none;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,1fr);width:4.5in;height:2.15in;display:grid}.wb-cell{border-bottom:1px solid #ddd;border-right:1px solid #ddd;flex-direction:column;min-width:0;min-height:0;padding:2px 3px;display:flex}.wb-cell:nth-child(4n){border-right:none}.wb-cell:nth-child(n+5){border-bottom:none}.wb-num{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#fff;text-align:center;text-shadow:-1px 0 #000,1px 0 #000,0 -1px #000,0 1px #000,-1px -1px #000,1px 1px #000,-1px 1px #000,1px -1px #000;background:#111;flex:none;margin:2px -3px -2px;font-size:13px;font-weight:900;line-height:1.35;position:relative}.wb-num-run{background:#d62828}.wb-num-pass{background:#2b6cdf}.wb-kind-label{letter-spacing:.06em;font-size:8px;font-weight:900;position:absolute;top:50%;left:5px;transform:translateY(-50%)}.wb-cell svg.field{border-radius:0;flex:1 1 0;width:100%;height:100%;min-height:0;border:none!important}@media print{.print-page.layout-wb{padding:0}}.card-num{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#fff;background:#111;border-radius:3px;padding:0 7px;font-size:12px;font-weight:900;line-height:1.4}.layout-6 .card-num{padding:0 5px;font-size:10px}.wb-card.wb-4{grid-template-columns:repeat(2,1fr)}.wb-card.wb-4 .wb-cell{border-bottom:1px solid #ddd;border-right:1px solid #ddd}.wb-card.wb-4 .wb-cell:nth-child(2n){border-right:none}.wb-card.wb-4 .wb-cell:nth-child(n+3){border-bottom:none}.kind-toggle{gap:2px;display:inline-flex}.kind-pill{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#fff;letter-spacing:.06em;border-radius:999px;padding:0 8px;font-size:10px;font-weight:900;line-height:1.5}.kind-pill-run{background:#d62828}.kind-pill-pass{background:#2b6cdf}.layout-6 .kind-pill{padding:0 6px;font-size:8.5px}.book-bar{border-bottom:1px solid #2a323a;flex-direction:column;gap:6px;padding-bottom:10px;display:flex}.book-bar select{width:100%;font-weight:700}.book-bar-actions{flex-wrap:wrap;gap:4px;display:flex}.book-bar-actions button{flex:auto;padding:4px 2px;font-size:12px}