@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#1b2d27;background:#f3f5f2;font-synthesis:none;--green:#173c31;--lime:#ddf078;--line:#dce3dc}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,label.file-button{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #769126;outline-offset:3px}button{border:0}a{color:inherit;text-decoration:none}.topbar{height:88px;background:var(--green);color:white;padding:0 5%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border:2px solid var(--lime);border-radius:50%;color:var(--lime);font:700 34px 'Barlow Condensed',sans-serif}.brand strong{display:block;font:700 25px 'Barlow Condensed',sans-serif;letter-spacing:2px}.brand div>span{display:block;font-size:12px;color:#becfc5}.top-actions{display:flex;gap:14px;align-items:center}.quiet{padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:transparent;font-weight:600;font-size:14px;display:inline-block;text-align:center}.topbar .quiet{border-color:#49695b;color:white}.topbar #savedCount{margin-left:5px;color:var(--lime)}main{max-width:1380px;padding:38px 5% 24px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}.eyeline{font-size:12px;letter-spacing:1.8px;font-weight:700;color:#607469;margin:0 0 10px}h1{font-family:'Barlow Condensed',Arial,sans-serif;font-size:46px;line-height:1.05;margin:0 0 10px}p{line-height:1.5}.intro p:last-child{font-size:16px;margin:0;color:#607066}.game-meta{display:flex;gap:12px}.game-meta label{font-size:14px;font-weight:600}.optional{font-size:12px;font-weight:400;color:#6f7c74}input:not([type=checkbox],[type=radio],[type=file]){display:block;width:100%;padding:11px 12px;border:1px solid #cfd8d0;background:white;border-radius:6px;margin-top:7px;font-size:16px;min-width:0}.game-meta input{max-width:205px}.workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px;align-items:start}.setup{background:white;border:1px solid var(--line);border-radius:10px;padding:24px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-title strong{font-size:14px;color:#5f7564}h2{font-size:19px;margin:0;letter-spacing:-.4px}.step{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;border:1px solid #cbd6cb;border-radius:50%;font-size:12px;margin-right:8px;vertical-align:middle;color:#56715e}.small-actions{display:flex;gap:12px;margin:13px 0}.text-button{padding:2px 0;background:none;color:#526d59;font-size:14px;text-decoration:underline;text-underline-offset:3px}.attendance{display:grid;grid-template-columns:1fr 1fr;gap:8px}.person{display:flex;align-items:center;gap:8px;padding:12px 9px;border:1px solid var(--line);border-radius:5px;font-size:14px;cursor:pointer;color:#78817a}.person.present{background:#f3f7eb;border-color:#cad7ad;color:#213c2c}.person input{margin:0;width:16px;height:16px;accent-color:#305c40}.attendance-state{display:none}.rotation-options{border-top:1px solid var(--line);margin-top:24px;padding-top:23px}.radio{display:flex;gap:9px;margin:18px 0;cursor:pointer}.radio input{margin:4px 0 0;accent-color:var(--green);width:16px;height:16px;flex-shrink:0}.radio strong{display:block;font-size:14px}.radio small{display:block;color:#6b796f;font-size:13px;line-height:1.5;margin-top:4px}.primary,.secondary{padding:12px 17px;border-radius:6px;font-weight:600;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px}.primary{background:var(--green);color:white}.primary:hover{background:#254d40}.secondary{background:white;border:1px solid #ccd7ce;color:#284333}.full{width:100%}.full.primary{justify-content:space-between}.hint{font-size:13px;color:#6c7b70;margin:11px 0 0;line-height:1.55}.baseline{padding-top:22px}.results{min-width:0;background:white;border:1px solid var(--line);border-radius:10px;padding:26px}.results-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.results-head h2{font-size:25px;font-family:'Barlow Condensed',sans-serif;letter-spacing:0}.actions{display:flex;gap:9px;flex-wrap:wrap}.results-head .eyeline{margin-bottom:4px;font-size:11px}#message:empty,#validation:empty{display:none}#message{margin-top:18px;background:#f2f7e7;padding:12px 15px;font-size:14px;line-height:1.5}#validation{margin-top:18px;border-left:3px solid #aa651d;background:#fff3e3;padding:12px 15px;color:#704215;font-size:14px}.totals{margin:24px 0 28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0}.totals-title{display:flex;justify-content:space-between;gap:15px;align-items:baseline;font-size:13px}.totals-title strong{font-size:14px}.totals-title>span{color:#65766a}.count-row{display:flex;flex-wrap:wrap;gap:16px 22px;margin-top:14px}.count-row>div{display:flex;flex-direction:column;gap:4px}.count-row span{font-size:12px;color:#68776d}.count-row b{font-size:21px;font-weight:600}.count-row small{font-size:12px;font-weight:400;color:#7a887f}.review-title h3{font-size:17px;margin:0}.review-title p{font-size:13px;color:#65736a;margin:7px 0 16px}.session-tabs{display:flex;border-bottom:1px solid var(--line);gap:3px;flex-wrap:wrap}.session-tabs button{padding:12px 14px;color:#65746b;background:transparent;font-size:14px;font-weight:600;border-bottom:3px solid transparent}.session-tabs .selected{color:#1a3c2b;border-color:#82a43d;background:#f4f7ee}.edit-head,.edit-row{display:grid;grid-template-columns:minmax(100px,1.2fr) minmax(95px,1fr) minmax(65px,.8fr) 65px;gap:16px;align-items:center;padding:10px 12px}.edit-head{font-size:11px;letter-spacing:.8px;margin-top:10px;color:#78857b}.edit-row{min-height:62px;border-bottom:1px solid #eef1ed}.side-label{text-align:right;padding:7px 92px 7px 12px;background:#f0f3ee;font-size:12px;font-weight:700;letter-spacing:.9px;color:#607566}.edit-row select{width:100%;padding:9px 7px;font-size:17px;font-weight:600;border:1px solid #d9e0d8;border-radius:5px;min-width:0;background:#fff;color:#22392b}.edit-row select.color-select{font-size:15px;color:white;border:0}.orange{background:#f5a340!important;color:#17212b!important}.purple{background:#703e9d!important;color:white!important}.blue{background:#1763ae!important;color:white!important}.red{background:#b92635!important;color:white!important}.green{background:#197347!important;color:white!important}.black{background:#202329!important;color:white!important}.edit-row option{background:white;color:#17212b}.defense-role{font-size:16px}.lock{font-size:12px;padding:8px 6px;border-radius:4px;border:1px solid #d7dfd7;background:white;color:#718075;min-height:34px}.lock.is-locked{background:#edf3d6;border-color:#adb980;color:#425b24}.absent-row{background:#fff3e4}.bench-preview{display:flex;flex-direction:column;gap:7px;padding:18px 12px}.bench-preview>span{font-size:11px;color:#6d7f70;letter-spacing:.5px}.bench-preview strong{font-size:16px;font-weight:500}.change-preview{background:#f6f8f3;border:1px solid var(--line);border-radius:6px;overflow:hidden}.change-preview h4{background:#eaf0e3;font-size:13px;margin:0;padding:10px 14px;font-weight:600}.change-preview>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:14px}.change-preview h5{font-size:11px;letter-spacing:.5px;margin:0;color:#667861}.change-preview p{font-size:15px;margin:6px 0 0}.print-summary{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#77857b;margin-top:20px}.app-footer{font-size:12px;color:#7c8980;text-align:center;padding:24px 0 0}.saved-panel{margin-top:24px;background:white;border:1px solid var(--line);border-radius:10px;padding:24px}.saved-panel[hidden]{display:none}.saved-panel p{font-size:14px;color:#627269}.saved-item{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);align-items:center}.saved-item strong{font-size:16px;display:block}.saved-item span{display:block;font-size:13px;color:#6b7a70;margin-top:5px}.file-button{cursor:pointer}.file-button input{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#printRoot{display:none}
@media(max-width:1080px){.workspace{grid-template-columns:260px minmax(0,1fr);gap:18px}.setup,.results{padding:20px}.results-head{flex-direction:column;align-items:flex-start}.intro{align-items:flex-start}.game-meta{flex-direction:column}.edit-head,.edit-row{gap:8px;padding-left:5px;padding-right:5px;grid-template-columns:minmax(90px,1.2fr) minmax(85px,1fr) 60px 52px}.session-tabs button{padding:12px 8px}.totals-title{flex-direction:column;gap:5px}}
@media(max-width:760px){.topbar{height:auto;min-height:78px;padding:16px 5%;gap:18px;flex-wrap:wrap}.top-actions{gap:8px}.topbar .quiet{padding:8px;font-size:12px}main{padding-top:26px}.intro{flex-direction:column;margin-bottom:22px}.game-meta{flex-direction:row;width:100%}.game-meta label{flex:1;min-width:0}.game-meta input{max-width:none}.workspace{grid-template-columns:1fr}.attendance{grid-template-columns:repeat(2,1fr)}.person{font-size:16px;min-height:46px}.attendance-state{display:block;margin-left:auto;font-size:12px}.results-head{flex-direction:row;flex-wrap:wrap}.results-head h2{font-size:24px}.print-summary{flex-direction:column;gap:5px}.side-label{padding-right:68px}.edit-row select{font-size:16px}.count-row{gap:14px 20px}.count-row span{font-size:13px}.review-title p{font-size:14px}.saved-panel .section-title{align-items:flex-start}h1{font-size:40px}}
@media(max-width:390px){.results{padding:13px}.edit-head,.edit-row{gap:5px;grid-template-columns:minmax(76px,1.1fr) minmax(73px,1fr) 52px 43px}.edit-row select{font-size:14px;padding:9px 3px}.edit-row select.color-select{font-size:13px}.defense-role{font-size:14px}.lock{font-size:11px}.session-tabs button{font-size:13px}.game-meta{flex-direction:column}}
@page{size:letter landscape;margin:0}
@media print{body{margin:0;background:white;font-family:Arial,Helvetica,sans-serif;color:#17212b}.topbar,body>main{display:none!important}#printRoot{display:block}.print-sheet{width:11in;height:8.5in;display:flex;break-after:page}.print-sheet:last-child{break-after:auto}.print-card{position:relative;width:5.5in;height:8.5in;padding:26pt}.print-card+.print-card{border-left:1px dashed #aab2b9}.print-card h2{font-family:Arial,sans-serif;font-size:30pt;line-height:1;margin:0 0 13pt;letter-spacing:0}.print-eyebrow{font-size:11pt;color:#55616d;font-weight:bold;margin:0}.print-card table{position:absolute;top:85pt;left:26pt;width:344pt;border-collapse:collapse;table-layout:fixed}.print-card th{font-size:10pt;text-align:left;background:#17212b;color:white;height:23pt;padding:0 8pt}.print-card th:nth-child(1){width:36%}.print-card th:nth-child(2){width:33%}.print-card td{height:34pt;padding:0 8pt;font-size:17pt;font-weight:bold}.print-card td:first-child{font-size:20pt}.print-card .side-heading th{text-align:right;height:18pt;font-size:12pt;background:#dfe5ea;color:#17212b}.print-color{display:block;border-radius:4pt;padding:4pt 7pt;font-size:16pt;line-height:18pt}.print-bench{position:absolute;top:377pt;left:26pt;right:26pt;border-top:1px solid #e8ebee;padding-top:14pt}.print-bench h3{font-size:11pt;margin:0 0 10pt;color:#55616d}.print-bench>div{display:block;white-space:nowrap;font-size:15pt;line-height:21pt;font-weight:bold}.print-change{position:absolute;top:449pt;left:26pt;right:26pt}.print-change h3{margin:0;height:20pt;padding:5pt 8pt;font-size:11pt;line-height:11pt;background:#17212b;color:white}.print-change>div{display:grid;grid-template-columns:1fr 1fr;gap:12pt;padding-top:9pt}.print-change h4{font-size:10pt;line-height:12pt;margin:0 0 6pt}.print-change span{display:block;font-size:16pt;line-height:17pt;font-weight:bold}.print-card footer{position:absolute;bottom:20pt;left:26pt;right:26pt;font-size:9pt;line-height:15pt;color:#55616d}*{print-color-adjust:exact;-webkit-print-color-adjust:exact}}

dialog{max-width:520px;border:1px solid #d3dfd7;border-radius:16px;padding:28px;color:#183d2d}dialog::backdrop{background:#102f2466}dialog p{line-height:1.5}#editor select[data-defense-slot]{font-size:13px;min-width:0;width:100%}@media print{dialog{display:none!important}}

.brand-mark{background:#ffcf32;color:#173d2b}.print-team{float:right;font-size:13px;line-height:1.2;max-width:45%;overflow-wrap:anywhere;text-transform:uppercase}.game-meta{flex-wrap:wrap}

/* Give the rotation action room after the attendance list. */
.rotation-options{display:flex;flex-direction:column;gap:16px;padding-top:24px}
.rotation-options h2{display:flex;align-items:flex-start;gap:8px;line-height:1.3}
.rotation-options .step{flex:0 0 23px;margin:1px 0 0}
.rotation-options .hint{margin:0}

/* Local preview: check colors only for players staying on the field. */
.overview-switch{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0;padding:5px;background:#edf2eb;border-radius:8px;width:fit-content}
.overview-switch button{padding:10px 14px;border-radius:6px;background:transparent;color:#42624f;font-size:14px;font-weight:600;min-height:44px}
.overview-switch button[aria-pressed=true]{background:#173c31;color:white}
.overview-help{font-size:13px;color:#607469;margin:0 0 12px;line-height:1.5}
.transition-summary{padding:12px 14px;border-radius:7px;font-size:14px;font-weight:600;margin:0 0 10px}
.all-match{color:#315d3e;background:#eef5e7}.needs-review{color:#87441b;background:#fff0e2}
.transition-scroll{display:flex;gap:14px;overflow-x:auto;padding:2px 2px 14px;max-width:100%;overscroll-behavior-x:contain;scroll-snap-type:x proximity}
.transition-card{flex:0 0 260px;border:1px solid var(--line);border-radius:9px;padding:16px;scroll-snap-align:start;display:flex;flex-direction:column;align-self:stretch;background:#fff}
.transition-card header{padding-bottom:14px;border-bottom:1px solid var(--line)}
.transition-card h4{font-size:17px;margin:0 0 9px}.transition-status{display:inline-block;font-size:12px;padding:4px 7px;border-radius:4px;font-weight:600}
.transition-player{padding:12px 0;border-bottom:1px solid #edf0e9}.transition-player strong{display:block;font-size:15px;margin-bottom:8px}
.transition-colors{display:flex;align-items:center;gap:9px}.transition-color{display:inline-block;padding:6px 9px;border-radius:5px;font-size:13px;font-weight:600;min-width:76px;text-align:center}
.transition-player small{display:block;font-size:12px;color:#55735e;margin-top:7px}.color-mismatch{background:#fff5ec;border-radius:6px;padding:12px 8px;margin:8px -8px}.color-mismatch small{color:#9a481b;font-weight:700}
.transition-edit{background:#f1f5ec;color:#31583f;border-radius:5px;padding:12px;margin-top:auto;font-size:13px;font-weight:600;min-height:44px}.transition-card>div{padding-bottom:16px}
#sessionTabs[hidden],#editor[hidden]{display:none}

/* Local coach layout: sessions first, setup available when needed. */
.coach-workspace .topbar{height:66px;padding:0 3%}
.coach-workspace main{max-width:1600px;padding:22px 3%}
.game-heading{margin-bottom:16px}.game-heading h1{font-size:32px;margin:0 0 5px}.game-heading p{margin:0;font-size:13px;color:#65766a}
.game-setup-panel{background:white;border:1px solid var(--line);border-radius:9px;margin-bottom:18px}
.game-setup-panel>summary,.playing-time>summary{padding:14px 18px;cursor:pointer;font-weight:600;font-size:14px;min-height:44px}
.game-setup-panel summary span,.playing-time summary span{font-weight:400;color:#748276;margin-left:12px;font-size:13px}
.game-setup-content{padding:4px 20px 20px}.coach-workspace .game-meta{display:flex;flex-direction:row;gap:16px;flex-wrap:wrap;margin-bottom:20px}.coach-workspace .game-meta label{flex:1;min-width:180px}.coach-workspace .game-meta input{max-width:none}
.coach-workspace .setup{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:28px;padding:0;background:none;border:0}
.coach-workspace .attendance{grid-template-columns:repeat(5,minmax(0,1fr))}.coach-workspace .attendance-state{display:none}
.coach-workspace .rotation-options{border:0;border-left:1px solid var(--line);padding:0 0 0 24px;margin:0;justify-content:center}
.coach-workspace .workspace{display:block}.coach-workspace .results{padding:20px 24px}
.coach-workspace .results-head{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.coach-workspace .results-head .eyeline{display:none}.coach-workspace .results-head h2{font-size:25px}
.coach-workspace #message{margin-top:12px;padding:8px 12px;font-size:13px}
.playing-time{border-bottom:1px solid var(--line);margin:12px 0}.playing-time>summary{padding:10px 0}.playing-time .totals{border:0;margin:0;padding:10px 0 16px}
.session-help{font-size:13px;color:#65736a;margin:12px 0 8px}.coach-workspace .overview-switch{margin:8px 0 12px}
.coach-workspace .edit-head,.coach-workspace .edit-row{grid-template-columns:minmax(160px,1.25fr) minmax(110px,1fr) minmax(160px,1fr) 70px;gap:18px;padding:8px 12px}
.coach-workspace .side-label{padding-top:5px;padding-bottom:5px}.coach-workspace .edit-row{min-height:56px}
@media(max-width:900px){.coach-workspace .attendance{grid-template-columns:repeat(3,minmax(0,1fr))}.coach-workspace .setup{grid-template-columns:minmax(0,1fr) 230px}}
@media(max-width:650px){.coach-workspace .topbar{height:auto;min-height:66px}.coach-workspace main{padding:16px 12px}.coach-workspace .setup{display:block}.coach-workspace .attendance{grid-template-columns:1fr 1fr}.coach-workspace .rotation-options{border-left:0;border-top:1px solid var(--line);margin-top:18px;padding:18px 0 0}.game-setup-panel summary span{display:block;margin:5px 0 0 16px}.coach-workspace .results{padding:14px 10px}.coach-workspace .edit-head,.coach-workspace .edit-row{grid-template-columns:minmax(75px,1fr) minmax(70px,.85fr) minmax(90px,1fr) 43px;gap:5px;padding:8px 2px}.coach-workspace .edit-row select{font-size:14px;padding:9px 3px}.coach-workspace .side-label{padding-right:50px}.coach-workspace .game-meta label{min-width:100%}}

.team-picker{display:flex;align-items:center;gap:8px;font-weight:700}.team-picker select{max-width:220px;padding:9px}#newTeamDialog{max-width:480px;width:calc(100% - 32px);border:0;border-radius:16px;padding:24px}#newTeamDialog::backdrop{background:#102b2266}#newTeamForm{display:grid;gap:16px}#newTeamForm label{display:grid;gap:6px}#newTeamForm input,#newTeamForm textarea,#managedTeamName{padding:10px;width:100%;box-sizing:border-box}#newTeamError{color:#a82030} @media(max-width:650px){.top-actions{flex-wrap:wrap}.team-picker{width:100%}}

/* The same field geometry is used on screen and on the printed session card. */
.defense-preview{margin:16px 0;border:1px solid var(--line);border-radius:8px;padding:12px}.defense-preview summary{cursor:pointer;font-weight:700}.defense-preview p{font-size:12px;color:#536357;margin:8px 0 0}#defensePreview{max-width:620px;margin:14px auto 0}.defense-field{border:1.5px solid #758879;background:#f7faf5;color:#172b20;padding:8px;font-family:Arial,sans-serif}.field-direction{text-align:center;font-size:10px;font-weight:700;letter-spacing:.4px;border-bottom:3px solid #516c55;padding:3px 0 8px}.field-sides{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;font-size:11px;letter-spacing:1px;padding:9px 0}.field-spots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,78px);gap:10px 8px;background:linear-gradient(to right,transparent 33%,#b5c4b3 33%,#b5c4b3 33.3%,transparent 33.3%,transparent 66.6%,#b5c4b3 66.6%,#b5c4b3 66.9%,transparent 66.9%),repeating-linear-gradient(to bottom,transparent 0,transparent 43px,#dce5d8 44px,transparent 45px)}.field-player{align-self:center;text-align:center;min-width:0;background:white;border:1px solid #b5c4b3;border-radius:5px;padding:6px 3px;display:flex;flex-direction:column;align-items:center;gap:3px}.field-role{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.field-player strong{font-size:20px;line-height:1.08;overflow-wrap:anywhere;max-width:100%}.field-color{font-size:10px;font-weight:700;padding:2px 8px;border-radius:3px}.field-caption{text-align:center;font-size:9px;letter-spacing:.5px;padding-top:6px}.print-summary{align-items:center;flex-wrap:wrap}.print-summary select{padding:7px;border:1px solid var(--line);border-radius:4px;background:white}
@media print{.field-card .defense-field{position:absolute;top:85pt;left:26pt;right:26pt;height:280pt;padding:7pt}.field-card .field-direction{font-size:7pt;padding:2pt 0 6pt}.field-card .field-sides{font-size:9pt;padding:7pt 0}.field-card .field-spots{grid-template-rows:repeat(3,66pt);gap:4pt 6pt}.field-card .field-player{padding:5pt 2pt;gap:3pt}.field-card .field-role{font-size:8pt}.field-card .field-player strong{font-size:18pt}.field-card .field-color{font-size:8pt;padding:2pt 6pt}.field-card .field-caption{font-size:7pt;padding-top:6pt}.field-card .print-bench>div{white-space:normal}.field-card .print-bench{padding-top:9pt}.field-card .print-bench h3{margin-bottom:6pt}}

@media print{.field-card .defense-field{top:278pt;height:280pt}.field-card .field-spots{grid-template-rows:repeat(3,66pt)}.field-card .field-player{min-height:50pt;justify-content:center}.print-offense{position:absolute;top:96pt;left:26pt;right:26pt}.print-offense h3{font-size:11pt;margin:0 0 10pt}.print-offense>div{display:grid;grid-template-columns:1fr 1fr;gap:8pt 14pt}.offense-player{min-width:0;border-bottom:1px solid #dde3dd;padding-bottom:5pt}.offense-player strong{display:block;font-size:16pt;line-height:19pt;overflow-wrap:anywhere}.offense-player .print-color{display:inline-block;font-size:11pt;line-height:12pt;padding:3pt 8pt}.field-card .field-caption{font-size:7pt}}

@media print{.print-sitting-note{position:absolute;top:567pt;left:26pt;right:26pt;margin:0;font-size:10pt;line-height:13pt;color:#37483e;overflow-wrap:anywhere}}

/* Reserve color ink for the offense pills only. */
@media print{
 #printRoot .print-card,#printRoot .print-card *:not(.print-color){color:#000;background-color:#fff;border-color:#bbb}
 #printRoot .field-direction{border-bottom-color:#000}
 #printRoot .field-spots{background-image:linear-gradient(to right,transparent 33%,#ddd 33%,#ddd 33.3%,transparent 33.3%,transparent 66.6%,#ddd 66.6%,#ddd 66.9%,transparent 66.9%),repeating-linear-gradient(to bottom,transparent 0,transparent 43px,#eee 44px,transparent 45px)}
 #printRoot .print-color.black{background:#000!important;color:#fff!important}
}