/* Preserve the cutoff app's layout and components; invert their surfaces. */
:root{color-scheme:light;--navy:#eef0f2;--panel:#f8f9fa;--teal:#176a58;--muted:#4d5961;--line:#ccd3d8;--gold:#b57920}
body{color:#13191d}
.brand small,.crest{color:#176a58}
.modeBox{background:linear-gradient(135deg,#e4e9e9,#f7f8f9)}
.tabs{background:#dce2e5}.tabs button[aria-pressed=true]{background:#c6e9df;color:#164e42}
.primary{background:#61d4bd;color:#0b2425}
.quiet{color:#202b33}.quiet:hover{background:#e0e6e9}
.fieldPanel{background:#d9e4de;background-image:linear-gradient(150deg,#e1eae4,#d3dfda)}
.fieldTop{color:#284c3e;border-bottom-color:#b9cec1}.fieldTop i,.legend .teal{background:#208d75}
.legend{color:#284c3e;border-top-color:#b9cec1}.legend .gold{background:#ffcf79;border:1px solid #8a6225}
.baseLabel{fill:#213f30;font-size:13px;font-weight:700}
.chips span{background:#e3e8ec;color:#29373e}
.answer{border-color:#bac8cd;background:#f0f3f5;color:#17262e}
.answer b{border-color:#7b9a90;color:#176a58}
.answer:hover:not(:disabled){background:#e0eee8;border-color:#176a58}
.answer.correct{background:#d6eee4;border-color:#176a58}.answer.incorrect{background:#f7dfdc;border-color:#ba6257}
#feedback:not(:empty){background:#e5ecee;color:#34444d}#feedback strong{color:#13191d}
footer{color:#52616c}dialog{color:#17262e}dialog::backdrop{background:#64707691}
input{background:#fff;color:#17262e;border-color:#95a5ac}
#prePitch{background:#eef0f2f7}
.prepCard{border-color:#accbc0;background:radial-gradient(ellipse at top,#d8eee4,#f5f7f8 75%);box-shadow:0 20px 80px #1a3c291c}
.prepCard>p:not(.eyebrow){color:#344b45}.prepCard .prepOuts{display:inline-block;margin:6px 0 0;padding:9px 18px;border-radius:30px;background:#c9e7dc;color:#174f3f;font-size:15px;font-weight:800;letter-spacing:2px}
.missedPlay{background:#f0f3f5}.missedPlay .yourChoice{color:#a34336}.missedPlay .rightChoice{color:#176a58}
.fieldHint{background:#cce5d9;color:#174f3f;border-top-color:#b4cebf}.fieldHint:disabled{color:#365e4d}
.helpArt{background:#dcebe3}.prepExample{color:#203c31}.helpRules{background:#e5ecee}
.baseExample{display:flex;justify-content:center;gap:30px;padding:30px 16px}.baseExample span{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#f6dfaa;color:#172820;border:2px solid #334a3e;font-weight:800}
.marker:hover circle{fill:#9ce0c9}.selectedHalo{stroke:#075c4e}
button:focus-visible,a:focus-visible,input:focus-visible,[role=button]:focus-visible,#field:focus-visible{outline-color:#87601d}
@media(max-width:760px){.legend{gap:10px;font-size:9px}.fieldPanel svg{max-height:365px}}