:root{color:#e7edf7;background:#07101d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 12% 0,#18365d 0,transparent 36%),#07101d}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{width:min(1440px,100%);margin:0 auto;padding:28px 32px 48px}.topbar,.panel-heading,.capture-facts,.button-row,.log-row{display:flex;align-items:center}.topbar{justify-content:space-between;margin-bottom:22px}.topbar h1{margin:5px 0 0;font-size:34px;letter-spacing:-.04em}.eyebrow,.section-kicker{color:#6ecbff;font-size:11px;letter-spacing:.15em;font-weight:800}.top-status{color:#a9bad0;font-size:13px}.status-dot{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:99px;background:#74e6a2;box-shadow:0 0 12px #74e6a2}.trust-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 18px;border:1px solid #2c5272;border-radius:12px;background:linear-gradient(90deg,#184061e6,#0e253ec7)}.trust-banner div{display:flex;align-items:center;gap:16px}.trust-banner strong{color:#c9efff;white-space:nowrap}.trust-banner span{color:#adc3d8;font-size:13px}.trust-tag,.local-chip,.count-badge{border-radius:999px;padding:6px 9px;color:#a8f2c5!important;background:#15382d;font-size:10px!important;letter-spacing:.08em;font-weight:800;white-space:nowrap}.layout-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(360px,.7fr);gap:18px;margin-top:18px}.panel{border:1px solid #263d59;border-radius:16px;background:#0a1727e8;box-shadow:0 16px 50px #00000029}.capture-panel,.monitoring-panel,.log-panel{padding:20px}.panel-heading{justify-content:space-between;gap:16px}.panel h2{margin:6px 0 0;font-size:20px;letter-spacing:-.02em}.muted{color:#9bb0c7;font-size:13px;line-height:1.5}.muted.small{font-size:11px}.state-badge{padding:6px 9px;border:1px solid #38536f;border-radius:999px;color:#a9bad0;font-size:10px;font-weight:800;letter-spacing:.08em}.state-running{color:#9ff2c4;border-color:#357856;background:#15352a}.state-privacy_guard,.state-source_unavailable,.state-no_fresh_frames{color:#ffbeac;border-color:#864a45;background:#3b221e}.capture-preview{position:relative;height:390px;margin-top:16px;overflow:hidden;border:1px solid #355372;border-radius:10px;background:#060e19}.capture-preview video{width:100%;height:100%;display:block;object-fit:contain}.preview-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:8px;color:#8fa4b9}.preview-placeholder strong{color:#c9d9e9}.preview-placeholder small{font-size:12px}.preview-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #426582;border-radius:12px;color:#7ec8f1;font-size:23px;background:#102239}.region-box{position:absolute;border:1px solid rgba(99,221,255,.8);border-radius:4px;background:#36aedd14;pointer-events:none}.region-box span{position:absolute;top:2px;left:3px;padding:2px 4px;border-radius:3px;color:#c7f4ff;background:#071a2bcc;font-size:9px;white-space:nowrap}.region-box.drawing{border-style:dashed;border-color:#f4cb77;background:#f4cb771f}.capture-facts{flex-wrap:wrap;gap:8px 18px;padding:11px 2px 2px;color:#8fa7bd;font-size:11px}.capture-facts b{color:#e0edf8;font-weight:600}.button-row{flex-wrap:wrap;gap:8px;margin-top:14px}.button-row button,.secondary,.primary{padding:9px 12px;border:1px solid #38536f;border-radius:7px;color:#dcecff;background:#142940}.button-row button:hover,.secondary:hover{border-color:#6ecbff;background:#1b3b5b}.primary{border-color:#3189ba;color:#eaffff;background:linear-gradient(120deg,#12638c,#164d79);font-weight:700}.primary:hover{background:linear-gradient(120deg,#1681b2,#1c6095)}.full{width:100%;margin-top:12px}.privacy-note{margin:12px 0 0;padding:10px;border-left:2px solid #e5b362;color:#b8c6d4;background:#6e4d2329;font-size:11px;line-height:1.4}.ocr-readout{margin:10px 0 0;padding:8px 10px;overflow:hidden;border-radius:6px;color:#91b7d1;background:#0b1b2d;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.field-label{display:flex;flex-direction:column;gap:6px;margin-top:18px;color:#9fb2c8;font-size:11px}.field-label select{padding:10px;border:1px solid #34506e;border-radius:7px;color:#dcecff;background:#0e2034}.monitoring-panel{margin-top:18px}.message-bar{margin-top:15px;padding:10px 12px;border:1px solid #294560;border-radius:7px;color:#b9cce0;background:#0c1c2e;font-size:12px}.count-badge{color:#abd5f0!important;background:#19344d}.empty{padding:18px 0;color:#788fa7;font-size:12px}.log-list{margin-top:16px}.log-row{gap:10px;padding:10px 0;border-top:1px solid #1c3148}.log-time{width:72px;color:#7189a2;font-size:10px}.log-row>span:nth-child(2){flex:1}.log-row strong,.log-row small{display:block}.log-row strong{color:#d7e7f5;font-size:11px}.log-row small{margin-top:3px;color:#7189a2;font-size:10px}.event-state{color:#8eeab5;font-size:9px;font-weight:800;letter-spacing:.06em}.event-state.sent{color:#8eeab5}.event-state.failed,.event-state.dead_lettered{color:#ffad9c}.event-state.delayed{color:#f4cb77}.footer-note{padding:22px 4px 0;color:#71879e;text-align:center;font-size:11px;line-height:1.5}@media(max-width:980px){.app-shell{padding:22px 16px 40px}.layout-grid{grid-template-columns:1fr}.trust-banner,.trust-banner div{align-items:flex-start;flex-direction:column}.capture-preview{height:320px}}.capture-content-overlay{position:absolute;pointer-events:none}.capture-preview{touch-action:none}.rule-calibration{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:12px;color:#b8c6d4}.rule-calibration button{padding:7px 10px;border:1px solid #38536f;border-radius:7px;background:#142940;color:#dcecff}.calibration-section{margin-top:12px}.rule-calibration .field-label{margin-top:0;flex:0 1 220px;max-width:100%}.rule-calibration .field-label select{width:100%}.rule-calibration .calibration-help{flex-basis:100%}.calibration-section .rule-calibration{margin-top:0}.calibration-ready{color:#98edb7;font-weight:700}.capture-feedback{display:flex;align-items:flex-start;gap:10px;margin-top:10px;padding:12px;border:1px solid;border-radius:8px;animation:capture-confirmation .35s ease-out}.capture-feedback.success{border-color:#439768;background:#123026;color:#b7f5cf}.capture-feedback.error{border-color:#bd6760;background:#362127;color:#ffd0c9}.capture-feedback-icon{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;border:1px solid currentColor;border-radius:50%;font-size:16px;font-weight:800}.capture-feedback strong{display:block;font-size:13px}.capture-feedback time{font-weight:400}.capture-feedback p{margin:5px 0 0;font-size:12px;line-height:1.5}.reference-previews{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.reference-preview{flex:0 1 260px;min-width:0;margin:0;overflow:hidden;border:1px solid #38536f;border-radius:8px;background:#091522}.reference-preview canvas{display:block;width:100%;height:120px;object-fit:contain;background:#060e19}.reference-preview figcaption{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px 8px;padding:9px;font-size:11px;color:#b8c6d4}.reference-preview figcaption strong{color:#98edb7}.calibration-help{margin:8px 0 0;color:#b8c6d4;font-size:12px}@keyframes capture-confirmation{0%{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.capture-feedback{animation:none}}.resource-readings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px}.resource-region{margin-top:16px}.resource-inspector{margin-top:12px;padding:12px;border:1px solid #38536f;border-radius:8px;background:#091522}.resource-setup-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.resource-number-options{margin-top:12px;padding:12px;border:1px solid #294560;border-radius:7px}.resource-number-options summary{cursor:pointer;color:#b9cce0;font-size:13px}.resource-crop-scroll{overflow:auto;margin-top:12px}.resource-crop-scroll canvas{display:block;width:auto;height:auto;min-width:100%;image-rendering:pixelated;touch-action:none;cursor:crosshair}.resource-reading{display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid #354457;border-radius:10px}.resource-reading.hp{border-left:4px solid #e45b65}.resource-reading.mp{border-left:4px solid #619cff}.resource-reading span{color:#aab8c9;font-size:12px}@media(max-width:600px){.resource-readings{grid-template-columns:1fr}}.activity-panel{margin-top:18px;padding:16px 20px}.activity-list{display:grid;gap:5px;max-height:190px;margin-top:12px;overflow:auto}.activity-row{display:flex;gap:12px;padding:8px 10px;border-left:2px solid #3a5875;border-radius:4px;color:#b9cbe0;background:#0c1d30;font-size:12px}.activity-row.success{border-color:#53bd83}.activity-row.warning{border-color:#dfb05e}.activity-row.error{border-color:#e2776c}.activity-time{width:76px;flex:0 0 auto;color:#718aa4;font-size:10px}.region-manager{margin-top:18px;padding:20px}.region-manager-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.region-manager-actions button{padding:8px 10px;border:1px solid #38536f;border-radius:7px;color:#dcecff;background:#142940}.region-manager-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:14px}.region-manager-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid #263e59;border-radius:8px;background:#0c1c2e}.region-manager-row.disabled{opacity:.55}.region-manager-row label{display:flex;align-items:center;gap:9px;min-width:0;color:#dcecff;cursor:pointer}.region-manager-row input{accent-color:#58bde7}.region-manager-row strong,.region-manager-row small{display:block}.region-manager-row strong{font-size:12px}.region-manager-row small{margin-top:3px;color:#7f98b2;font-size:10px}.remove-region{padding:5px 7px;border:1px solid #764550;border-radius:5px;color:#ffb9ae;background:#281721;font-size:10px}@media(max-width:700px){.region-manager-list{grid-template-columns:1fr}}.custom-rule-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.custom-rule-grid .field-label{margin-top:0}.custom-rule-grid input,.custom-rule-grid select{padding:10px;border:1px solid #34506e;border-radius:7px;color:#dcecff;background:#0e2034}@media(max-width:980px){.custom-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.custom-rule-grid{grid-template-columns:1fr}}.live-detector-panel{margin-top:18px;padding:20px}.detector-status{padding:6px 9px;border:1px solid #38536f;border-radius:999px;color:#9fb2c8;font-size:10px;font-weight:800;letter-spacing:.08em}.detector-status.active{border-color:#357856;color:#9ff2c4;background:#15352a}.live-detector-facts{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:16px;color:#a8bdd1;font-size:11px}.live-detector-facts span{display:flex;flex-direction:column;gap:4px}.live-detector-facts b{color:#e0edf8;font-weight:600}.unified-rules-panel{margin-top:18px;padding:20px}.created-rules-divider{display:flex;align-items:center;justify-content:space-between;gap:10px}.created-rules-divider h3{margin:0;color:#e7f2fc;font-size:15px}.created-rules-list-actions{display:flex;align-items:center;gap:9px}.created-rules-divider{margin-top:22px;padding-top:16px;border-top:1px solid #253d57}.created-rules-divider>div{display:grid;gap:4px}.created-rule-controls{display:flex;align-items:center;gap:9px}.delete-rule,.delete-all-rules{padding:6px 9px;border:1px solid #764550;border-radius:6px;color:#ffb9ae;background:#281721;font-size:10px;font-weight:700}.delete-rule:hover,.delete-all-rules:hover{border-color:#bd6971;background:#3a2028}.created-rules-list{display:grid;gap:10px;margin-top:14px}.created-rule-card{padding:12px;border:1px solid #2c4965;border-radius:9px;background:#0c1d30}.created-rule-card.disabled{opacity:.58}.created-rule-heading,.created-rule-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.created-rule-heading{align-items:flex-start}.created-rule-name{min-width:240px;padding:8px 9px;border:1px solid #34506e;border-radius:6px;color:#e7f2fc;background:#10243a;font-weight:700}.rule-enabled{display:flex;align-items:center;gap:6px;color:#a9bad0;font-size:11px}.rule-enabled input{accent-color:#58bde7}.created-rule-meta{justify-content:flex-start;margin-top:8px;color:#8da6bd;font-size:10px}.created-rule-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:9px}.created-rule-fields .field-label{margin-top:0}.created-rule-fields input,.created-rule-fields select{padding:8px;border:1px solid #34506e;border-radius:6px;color:#dcecff;background:#0e2034}.created-rule-note{align-self:end;padding:9px;color:#9fb8ce;font-size:10px}@media(max-width:700px){.created-rule-name{min-width:0;width:100%}.created-rule-heading{flex-direction:column}.created-rule-fields{grid-template-columns:1fr}.created-rules-divider{align-items:flex-start;flex-direction:column}.created-rules-list-actions{align-items:flex-start;flex-wrap:wrap}}.layout-grid{grid-template-areas:"capture" "setup";grid-template-columns:1fr;grid-template-rows:auto auto;align-items:start}.capture-panel{grid-area:capture}@media(max-width:980px){.layout-grid{grid-template-areas:"capture" "setup";grid-template-columns:1fr;grid-template-rows:auto}}.teaching-panel{margin:20px 0;border-color:#376477;background:linear-gradient(135deg,#10283a,#101d30)}.teaching-workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;margin-top:20px;align-items:start}.teaching-image{min-height:260px;padding:16px;border:1px solid #29485b;border-radius:12px;background:#071421;overflow:auto}.teaching-image canvas{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair;image-rendering:pixelated}.teaching-empty{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#97b5c8;text-align:center}.teaching-empty>span{font-size:52px;color:#64dfce;margin-bottom:14px}.teaching-empty p{font-size:13px}.teaching-controls{display:flex;flex-direction:column;gap:12px}.teaching-controls .field-label{margin-top:0;font-size:12px}.teaching-controls button,.candidate-list button{padding:10px 12px;border:1px solid #38536f;border-radius:7px;color:#dcecff;background:#142940}.teaching-controls .primary{background:#155c74;border-color:#3b9fa8}.teaching-controls input{width:100%;box-sizing:border-box;background:#0b1d2d;color:#e0edf8;border:1px solid #34506e;border-radius:7px;padding:10px}.teaching-controls details{padding:12px;border:1px solid #29485b;border-radius:8px}.teaching-controls summary{cursor:pointer;color:#bce8ea;font-size:12px}.teaching-controls details .field-label{margin-top:12px}.teaching-result{display:flex;flex-direction:column;gap:7px;background:#0b292c;border:1px solid #347b76;border-radius:8px;padding:12px;font-size:13px}.teaching-result small{color:#9ebec0;font-size:11px}.teaching-confirm{margin-top:4px}.teaching-message{padding:12px 14px;border-left:3px solid #64dfce;background:#0b1f2b;color:#c2e1e9;font-size:13px;line-height:1.5}.snapshot-caption{color:#8faabd;font-size:11px;margin-bottom:12px}.teaching-ocr{white-space:pre-wrap;max-height:140px;overflow:auto;padding:10px;background:#081624;color:#b7d9e5;font-size:12px}.candidate-list{display:flex;flex-direction:column;gap:7px}.profile-tools{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.profile-tools .button-row{margin-top:0}.shadow-panel{margin-top:18px;border-color:#8b7441}.profile-tools button{white-space:nowrap}button:disabled{opacity:.45;cursor:not-allowed}.teaching-panel button:focus-visible,.teaching-panel input:focus-visible,.teaching-panel select:focus-visible{outline:2px solid #64dfce;outline-offset:3px}@media(max-width:850px){.teaching-workspace{grid-template-columns:1fr}.profile-tools{align-items:flex-start;flex-direction:column}.teaching-image{min-height:180px}.teaching-controls{gap:14px}}.preview-rate{max-width:260px}.event-history,.diagnostics-panel{margin-top:18px;padding:20px}.diagnostics-panel>summary{cursor:pointer;color:#bce8ea;font-size:13px;font-weight:600}.teaching-panel,.profile-tools,.resource-readings-panel,.shadow-panel{padding:20px}.layout-grid{display:block}.capture-preview video{background:#071421}.diagnostics-panel .field-label{margin-top:0}.diagnostics-panel .live-detector-panel{box-shadow:none}.created-rules-divider{margin-top:14px;padding-top:10px}@media(max-width:700px){.topbar{gap:12px;align-items:flex-start}.top-status{font-size:11px}.profile-tools{margin-top:16px}}@media(max-width:700px){.topbar{flex-direction:column}.top-status{white-space:normal}.diagnostics-panel .button-row{align-items:flex-start}}.capture-facts span{min-width:0;max-width:100%;overflow-wrap:anywhere}.capture-facts b{overflow-wrap:anywhere}.diagnostics-panel{overflow:hidden;min-width:0}.activity-list{min-width:0;grid-template-columns:minmax(0,1fr)}.activity-row{min-width:0}.activity-row>span:last-child{min-width:0;overflow-wrap:anywhere}.teaching-controls .candidate-list button.candidate-selected{border:2px solid #64dfce;background:#0b3436;color:#e8fff9;box-shadow:0 0 0 2px #64dfce2e;font-weight:700}.selection-tools{display:flex;flex-wrap:wrap;align-items:end;gap:8px;margin-bottom:12px}.selection-tools .field-label{margin:0;min-width:90px}.selection-tools button{padding:8px 10px;font-size:12px;border:1px solid #38536f;border-radius:7px;color:#dcecff;background:#142940}.selection-tools select{padding:8px}.screenshot-viewport{max-height:620px;overflow:auto}.screenshot-viewport canvas{max-width:none}.teaching-controls button.drawing-tool-selected{border-color:#64dfce;background:#0b3436;color:#e8fff9}.teaching-image{min-width:0}.selection-tools button:disabled{opacity:.45}@media(max-width:700px){.screenshot-viewport{max-height:420px}.selection-tools{gap:6px}}.setup-help{font-size:12px;line-height:1.5;margin:0;padding:10px 12px;border-radius:7px;background:#0b292c;color:#c2e1e9}.setup-help.needs-attention{background:#302719;color:#f1d9a2}.teaching-controls .font-options{margin-top:12px}.teaching-controls .reading-options p,.teaching-controls .font-options p{line-height:1.5}.teaching-panel>.button-row>.primary{background:#155c74;border-color:#64dfce;color:#e8fff9;font-weight:700}.teaching-panel>.button-row>.primary:hover:not(:disabled){background:#1b7185}.snapshot-surface{position:relative}.selection-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.selection-label{position:absolute;pointer-events:none;transform:translate(4px);font-size:12px;line-height:1.2;font-weight:600;padding:1px 4px;background:#061220e0;border-radius:3px;white-space:nowrap}.advanced-resource-tools{margin:18px 0;padding:16px;border:1px solid #29485b;border-radius:8px}.advanced-resource-tools h3{font-size:15px;margin:0 0 8px}.advanced-resource-region{margin-top:14px}.advanced-resource-region .resource-inspector{margin-top:12px}.app-shell>.panel,.app-shell>.trust-banner,.app-shell>.layout-grid{margin-block:24px 0}.setup-guide{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0 0}.setup-guide-step{display:flex;flex-direction:column;min-width:0;padding:14px;border:1px solid #355367;border-radius:12px;background:#0b1e2d}.setup-guide-heading{display:flex;align-items:center;gap:8px;min-height:40px;font-size:14px;line-height:1.4}.setup-step-number{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;background:#164a50;color:#a3f4e5;font-size:13px;font-weight:800}.setup-guide-step>p{margin:12px 0;color:#acc3d5;font-size:13px;line-height:1.5}.setup-guide-preview{display:block;width:100%;height:auto;flex-shrink:0}.setup-guide-step>.setup-guide-caption{margin-bottom:0;font-size:12px}.snapshot-button-cue{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:14px;color:#89e9d9;font-size:12px;font-weight:600}.snapshot-button-cue svg{margin-left:36px}.setup-guide-disclosure+.button-row{margin-top:12px}@media(max-width:1199px){.setup-guide{grid-template-columns:repeat(2,minmax(0,1fr))}.snapshot-button-cue svg{display:none}}@media(max-width:700px){.setup-guide{grid-template-columns:1fr;gap:16px}.setup-guide-step{padding:14px}.snapshot-button-cue{display:none}}.setup-guide-disclosure{margin-top:24px}.setup-guide-disclosure>summary{cursor:pointer;color:#bce8ea;font-size:13px;font-weight:600;line-height:1.5}.setup-guide-disclosure>summary:focus-visible{outline:2px solid #64dfce;outline-offset:4px;border-radius:3px}.setup-guide-disclosure>summary>span{margin-left:10px;color:#89e9d9;font-size:12px;font-weight:400}.setup-guide-disclosure .setup-guide{margin-top:14px}.setup-guide-disclosure[open] .setup-guide-expand,.setup-guide-disclosure:not([open]) .setup-guide-collapse{display:none}@media(min-width:1200px){.setup-guide-step>p:not(.setup-guide-caption){min-height:59px}}.game-log-options{display:flex;flex-direction:column;gap:12px;min-width:0}.game-log-options p{margin:0;line-height:1.5}.game-log-options fieldset{min-width:0;margin:0;padding:12px;border:1px solid #355367;border-radius:8px}.game-log-options legend{padding:0 6px;color:#c4e5ed;font-size:13px}.game-log-category+.game-log-category{margin-top:14px;padding-top:14px;border-top:1px solid #29485b}.game-log-checkbox{display:flex;align-items:center;gap:9px;line-height:1.5;font-size:13px;color:#e0edf8}.teaching-controls .game-log-checkbox input{width:16px;height:16px;flex-shrink:0;margin:0;accent-color:#64dfce}.game-log-category .field-label{margin:10px 0 7px}.game-log-options textarea{width:100%;max-width:100%;resize:vertical;box-sizing:border-box;background:#0b1d2d;color:#e0edf8;border:1px solid #34506e;border-radius:7px;padding:10px;font:inherit;font-size:13px}.game-log-options textarea:focus-visible{outline:2px solid #64dfce;outline-offset:3px}.game-log-guide{margin-top:14px;padding:12px;border:1px solid #355367;border-radius:10px;background:#0b1e2d;color:#acc3d5;font-size:13px;line-height:1.6}.game-log-guide ol{margin:0;padding-left:22px}.game-log-guide li+li{margin-top:6px}.log-exclusions-field{margin-top:12px}.log-exclusions-field textarea{width:100%;box-sizing:border-box;resize:vertical;background:#0b1d2d;color:#e0edf8;border:1px solid #34506e;border-radius:7px;padding:10px;font:inherit}.log-exclusions-field small{font-weight:400;line-height:1.5;color:#acc3d5}.buff-options{display:flex;flex-direction:column;gap:12px;min-width:0}.buff-options p{margin:0;line-height:1.5}.buff-drawing-tools{display:flex;flex-direction:column;gap:8px}.buff-icon-preview{display:flex;align-items:center;gap:12px;margin:0;padding:12px;background:#0b1d2d;border:1px solid #34506e;border-radius:8px}.buff-icon-preview canvas{width:64px;height:64px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}.buff-icon-preview figcaption{font-size:12px;line-height:1.5;color:#acc3d5}.buff-monitor-status{margin-top:12px;padding:12px;border:1px solid #34506e;border-radius:8px;font-size:13px;color:#c2e1e9}.buff-monitor-status p{margin:8px 0 0;font-size:12px;line-height:1.5}.buff-monitor-status button{margin-top:10px;padding:9px 12px;border:1px solid #38536f;border-radius:7px;background:#142940;color:#dcecff}.buff-monitor-status button:focus-visible{outline:2px solid #64dfce;outline-offset:3px}.buff-alert-options{min-width:0;margin:0;padding:12px;border:1px solid #355367;border-radius:8px}.buff-alert-options legend{padding:0 6px;color:#c4e5ed;font-size:12px}.buff-alert-choice{display:flex;align-items:flex-start;gap:10px;padding:11px 10px;border:1px solid #34506e;border-radius:7px;background:#0b1d2d;color:#e0edf8;cursor:pointer;font-size:13px;line-height:1.5}.buff-alert-choice+.buff-alert-choice{margin-top:8px}.buff-alert-choice.selected{border-color:#64dfce;background:#0b3436}.buff-alert-choice input[type=radio]{width:16px;height:16px;flex:0 0 16px;margin:2px 0 0;padding:0;accent-color:#64dfce}.buff-alert-choice span{min-width:0}.buff-alert-choice small{display:block;margin-top:3px;color:#acc3d5;font-size:11px}.buff-alert-options:disabled .buff-alert-choice{cursor:default;opacity:.65}.buff-alert-choice:focus-within{outline:2px solid #64dfce;outline-offset:2px}.item-count-options{display:flex;flex-direction:column;gap:12px;min-width:0}.item-count-options p{margin:0;line-height:1.5}.save-crop-choice{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #355367;border-radius:8px;color:#e0edf8;font-size:13px;line-height:1.5}.teaching-controls .save-crop-choice input{width:16px;height:16px;flex:0 0 16px;margin:2px 0 0;accent-color:#64dfce}.save-crop-choice small{display:block;color:#acc3d5;font-size:11px;margin-top:4px}.saved-crop-panel>progress{width:100%;height:10px;accent-color:#64dfce}.saved-crop-list{display:grid;gap:12px;margin-top:16px}.saved-crop-card{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid #34506e;border-radius:8px;min-width:0}.saved-crop-card canvas{max-width:96px;max-height:64px;flex-shrink:0;image-rendering:pixelated}.saved-crop-card>div{min-width:0}.saved-crop-card strong{display:block;overflow-wrap:anywhere;font-size:13px}.saved-crop-card small,.saved-crop-card time{display:block;color:#acc3d5;font-size:11px;line-height:1.6}.saved-crop-card .button-row{margin:0 0 0 auto;flex-shrink:0}.saved-crop-panel button{padding:9px 12px;border:1px solid #38536f;border-radius:7px;background:#142940;color:#dcecff}.saved-crop-panel .setup-help{margin-top:12px}.saved-crop-panel button:focus-visible{outline:2px solid #64dfce;outline-offset:3px}@media(max-width:700px){.saved-crop-card{align-items:flex-start;flex-wrap:wrap}.saved-crop-card .button-row{margin:0;flex:1 0 100%;flex-wrap:wrap}.saved-crop-usage{white-space:nowrap}}.saved-crop-panel{padding:20px}