/* Canning Master: scoped to the teaching game. */
.can-game{--can-gold:#f6bd75;--can-blue:#6aafff;--can-red:#ff8990;--can-line:#29445f;min-width:0;font-size:15px;line-height:1.65}.can-game *{box-sizing:border-box}.can-game h2,.can-game h3,.can-game p{margin-top:0}.can-game h2{font-size:25px;line-height:1.35;margin-bottom:7px}.can-game h3{font-size:17px;margin-bottom:12px}.can-game button,.can-game input,.can-game select,.can-game textarea{font:inherit}.can-game button{cursor:pointer}.can-game button:disabled{opacity:.4;cursor:not-allowed}.can-game button:focus-visible,.can-game input:focus-visible,.can-game select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.can-game label{display:block;font-size:14px;color:#becfe0}.can-game input[type=number],.can-game input[type=text],.can-game select,.can-game textarea{width:100%;min-height:42px;padding:9px 11px;color:#edf5ff;background:#081829;border:1px solid #36536e;border-radius:8px}.can-game input[type=radio],.can-game input[type=checkbox]{accent-color:var(--accent);width:17px;height:17px;flex-shrink:0}.can-game textarea{resize:vertical}.can-muted{color:#a5b9cc;font-size:14px}.can-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.can-intro p{margin-bottom:0}.can-tag{display:inline-block;font-size:12px;letter-spacing:.08em;color:var(--can-gold);margin-bottom:8px}.can-intro-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.can-btn{border:1px solid #3b5671;background:#162e45;color:#e6f2fb;border-radius:8px;padding:9px 13px;min-height:42px;font-size:14px}.can-btn:hover:enabled{border-color:var(--accent)}.can-btn-primary{background:var(--accent);border-color:var(--accent);color:#052b27;font-weight:650}.can-btn-gold{background:var(--can-gold);border-color:var(--can-gold);color:#2a1c09;font-weight:650}.can-btn-quiet{background:transparent}.can-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.can-actions label{display:flex;align-items:center;gap:7px}.can-actions select{width:auto;min-width:90px}.can-order{padding:19px 22px;margin-bottom:17px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;border-left:3px solid var(--can-gold)}.can-order h3{font-size:20px;margin:0 0 5px}.can-order p{margin:0}.can-order-stats{display:flex;align-items:center;gap:30px}.can-order-stats small{display:block;color:#a8bccf;font-size:13px}.can-order-stats strong{display:block;font-size:24px;font-variant-numeric:tabular-nums}.can-budget{color:var(--can-gold)}.can-layout{display:grid;grid-template-columns:275px minmax(0,1fr);gap:17px;align-items:start}.can-panel{padding:19px;min-width:0}.can-field{margin:0 0 17px}.can-field>label{font-weight:600;margin-bottom:6px}.can-field .can-muted{font-size:13px;margin:5px 0 0}.can-readout{display:flex;align-items:center;gap:8px}.can-readout input[type=number]{max-width:115px}.can-game input[type=range]{width:100%;accent-color:var(--accent);margin-top:10px}.can-rule{border-top:1px solid var(--can-line);padding-top:15px;margin-top:16px}.can-maintain{padding:12px;border:1px solid #4b524b;background:#1b2b35;border-radius:9px;margin-bottom:16px}.can-maintain p{margin-bottom:9px;font-size:13px}.can-cost{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--can-line);padding-top:12px;margin-top:16px;font-size:14px}.can-cost strong{color:var(--can-gold)}.can-studio{display:grid;gap:15px;min-width:0}.can-scene-card{padding:0;overflow:hidden}.can-scene-head{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--can-line)}.can-scene-head h3{margin:0}.can-scene-wrap{overflow-x:auto;background:#091a2b}.can-scene{width:100%;min-width:850px;height:auto;display:block;aspect-ratio:1000/380}.can-scene text{font-family:inherit;font-size:17px;fill:#ceddec}.can-scene .can-svg-small{font-size:14px;fill:#9eb7ce}.can-scene-footer{padding:15px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.can-progress{height:6px;background:#1c3850}.can-progress>span{display:block;height:100%;width:0;background:var(--accent)}.can-live{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.can-metric{padding:13px 15px;background:#102237;border:1px solid var(--can-line);border-radius:10px;min-width:0}.can-metric small{display:block;font-size:13px;color:#a6bdd2}.can-metric strong{display:block;font-size:24px;line-height:1.5;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.can-metric em{font-size:12px;color:#a5b9cc;font-style:normal}.can-message{padding:12px 16px;background:#143340;border:1px solid #305d6d;border-radius:9px;margin-bottom:16px;color:#d2edf0}.can-message.error{background:#38242c;border-color:#a45e6b;color:#ffd3d6}.can-message[hidden]{display:none}.can-batches{margin-top:17px}.can-batches .can-actions{justify-content:space-between;margin-bottom:13px}.can-game .table-wrap{overflow-x:auto}.can-game table{font-size:14px}.can-game td,.can-game th{padding:10px 12px;white-space:nowrap}.can-game tr.can-current td{background:#16384a}.can-batch-button{border:0;background:transparent;color:#81ddda;text-decoration:underline;padding:0;font-size:inherit;cursor:pointer}.can-report{display:grid;gap:15px;margin-top:17px;min-width:0}.can-report-head{padding:19px;display:flex;align-items:center;gap:16px;justify-content:space-between;flex-wrap:wrap}.can-report-head h3{margin:0 0 4px}.can-pill{padding:5px 10px;border:1px solid #476177;border-radius:20px;font-size:13px;white-space:nowrap}.can-pill.good{color:#79e1c1;border-color:#326b61}.can-pill.warn{color:#ffd092;border-color:#866637}.can-pill.bad{color:#ffb1b6;border-color:#a9636b}.can-analysis-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.can-chart-grid{display:grid;grid-template-columns:1fr;gap:15px;min-width:0}.can-chart-card{padding:17px;min-width:0}.can-chart-card h3{margin-bottom:5px}.can-chart-scroll{overflow-x:auto;width:100%}.can-chart{display:block;width:100%;min-width:760px;height:auto}.can-chart text{font-family:inherit;font-size:14px;fill:#b9cee0}.can-chart .can-grid{stroke:#29445e;stroke-width:1}.can-chart .can-axis{stroke:#4b6980;stroke-width:1}.can-chart-note{font-size:13px;color:#a1b8cb;margin:9px 0 0}.can-diagnosis{padding:19px;border-top:2px solid var(--can-gold)}.can-options{display:grid;grid-template-columns:1fr;gap:8px;margin:12px 0 15px}.can-option{display:flex!important;align-items:center;gap:9px;padding:10px 12px;background:#0b1c2e;border:1px solid #2d4862;border-radius:8px;font-size:14px;cursor:pointer}.can-feedback{padding:13px 15px;border-left:3px solid var(--accent);background:#0c2736;font-size:14px;margin-top:13px}.can-feedback.bad{border-color:var(--can-gold)}.can-feedback p:last-child{margin:0}.can-decision{padding:20px;border:1px solid #536148}.can-decision h3{color:#f2d2a0}.can-decision-result{font-size:15px;margin-top:12px}.can-game details>summary{cursor:pointer;font-weight:600;font-size:14px}.can-game details p{margin:10px 0}.can-file{position:relative;display:inline-flex!important;align-items:center;cursor:pointer}.can-file input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.can-game [hidden]{display:none!important}.can-storage{padding:16px 19px;margin-top:17px}.can-teacher{margin-bottom:16px;padding:18px;border:1px solid #6d5a3d;border-radius:12px;background:#172735}.can-start-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end}.can-start-grid .can-field{margin:0}.can-note-box{padding:12px 15px;background:#0b1c2e;border-left:2px solid #6889a1;font-size:14px}.can-completion{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.can-completion span{font-size:12px;border:1px solid #3d576c;border-radius:6px;padding:3px 8px;color:#a5bbcc}.can-completion .done{border-color:#3d826e;color:#85e8c2}.can-raw{padding:17px}.can-raw .table-wrap{max-height:340px}.can-footer-note{font-size:13px;color:#97afc4;margin:17px 0 0}
@media(min-width:1700px){.can-chart-grid{grid-template-columns:1fr 1fr}}
@media(max-width:1200px){.can-layout{grid-template-columns:245px minmax(0,1fr)}.can-order{grid-template-columns:1fr}.can-order-stats{gap:25px}.can-live,.can-analysis-metrics{grid-template-columns:1fr 1fr}.can-intro{flex-direction:column}.can-intro-actions{justify-content:flex-start}}
@media(max-width:1000px){.can-layout{grid-template-columns:1fr}.can-studio{grid-row:1}.can-parameters{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.can-parameters>h3,.can-parameters>.can-rule,.can-parameters>.can-cost{grid-column:1 / -1}.can-start-grid{grid-template-columns:1fr 1fr}.can-start-grid>button{grid-column:1/-1}}
@media(max-width:600px){.can-parameters{grid-template-columns:1fr}.can-game h2{font-size:22px}.can-order,.can-panel{padding:15px}.can-order-stats{justify-content:space-between;gap:10px}.can-order-stats strong{font-size:21px}.can-order-stats small{font-size:12px}.can-metric{padding:12px}.can-metric strong{font-size:22px}.can-start-grid{grid-template-columns:1fr}.can-report-head{padding:15px}.can-scene-head,.can-scene-footer{padding:14px}}

.can-cost-note{grid-column:1 / -1;font-size:13px;margin:10px 0 0}

/* Second round: source controls and evidence panels. */
.can-v2-settings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 16px;margin-top:18px;padding-top:16px;border-top:1px solid #4a514a}.can-v2-settings .can-field{margin:0}.can-v2-truth{border-left:3px solid var(--can-gold)}.can-v2-review{margin-top:16px;border-top:1px solid var(--can-line);padding-top:13px}#canEvidencePanel{margin-top:17px}#canPlanSummary{margin-top:12px}.can-v2-review textarea{margin-top:8px}
@media(max-width:1100px){.can-v2-settings{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.can-v2-settings{grid-template-columns:1fr}}

/* Shared task at the top of the production scene; manual production. */
.can-scene-card>.can-rule{margin:0;padding:15px 20px;background:#102536;border-top:0;border-bottom:1px solid var(--can-line)}.can-scene-card>.can-rule h3{margin-bottom:6px;font-size:15px}.can-scene-card>.can-rule p{margin:5px 0;font-size:14px}.can-production-modes{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:22px;padding:12px 15px;border:1px solid var(--can-line);border-radius:11px;background:#102236}.can-production-modes>span{font-size:14px;margin-right:5px;color:#a8bfd2}.cm-config{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 18px}.cm-config .can-field{margin:0}.cm-noise{margin:18px 0;padding-top:12px;border-top:1px solid var(--can-line)}.cm-noise .cm-config{margin-top:14px}.cm-caption{margin:12px 0 0}.cm-workstation{margin-top:17px;overflow:hidden}.cm-workstation .cm-task{margin:0;padding:15px 20px;background:#102536;border-top:0;border-bottom:1px solid var(--can-line)}.cm-task h3{font-size:15px;margin-bottom:6px}.cm-task p{font-size:14px;margin:0;color:#b9cdde}.cm-station-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,1fr);gap:20px;padding:20px;align-items:center}.cm-scene{min-width:0;background:#091a2b;border-radius:12px;overflow-x:auto}.cm-scene svg{display:block;width:100%;min-width:600px;height:auto}.cm-scene text{font-family:inherit;font-size:16px;fill:#ccdeed}.cm-console{min-width:0}.cm-readout{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:15px;padding:15px;border:1px solid #37556f;border-radius:10px;background:#0b1d2e;min-height:132px}.cm-readout small,.cm-readout span{font-size:14px;color:#a8bfd2}.cm-readout strong{font-size:36px;color:#87e6d1;font-variant-numeric:tabular-nums}.cm-hold{display:block;width:100%;min-height:102px;padding:18px;font-size:23px;font-weight:650;border:2px solid #62d5be;border-radius:14px;background:#164b4c;color:#cffff5;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.cm-hold small{font-size:14px;font-weight:400}.cm-hold.is-filling{background:#d9b56a;color:#201908;border-color:#ffe0a1;box-shadow:0 0 0 4px #f6bd7522}.cm-console>p{font-size:13px;margin:13px 0 0}.cm-live{padding:0 20px 20px}.cm-records{margin-top:17px}.cm-records>.can-actions{justify-content:space-between;margin-bottom:12px}.cm-records h3{margin:0}#cmMessage{margin-top:17px;margin-bottom:0}#cmComparison{margin-top:13px}
@media(max-width:1200px){.cm-station-grid{grid-template-columns:1fr}.cm-console{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:center}.cm-console>p{grid-column:1/-1}.cm-readout{margin-bottom:0}}
@media(max-width:700px){.cm-config{grid-template-columns:1fr 1fr}.cm-station-grid{padding:15px}.cm-live{padding:0 15px 15px}.cm-scene svg{min-width:600px}.cm-console{grid-template-columns:1fr}.cm-console>p{grid-column:auto}.can-production-modes{align-items:stretch}.can-production-modes>span{width:100%}.can-production-modes button{flex:1}.cm-readout strong{font-size:31px}}
@media(max-width:450px){.cm-config{grid-template-columns:1fr}}

#canModeMessage{flex-basis:100%;margin:2px 0 0;color:#ffd092}