/* Selective color/surface integration from the independent UI art handoff.
   Current compact layout, input sizes, visibility and gameplay remain owned by
   main/style. The character/scene direction is reviewed separately. */
html:has(body.single-level){background:#f7efdf;color-scheme:light}
body.single-level{--paper:#f7efdf;--paper-raised:#fffbf3;--ink:#493b34;--muted:#806c5d;--line:#d9c7ad;--gold:#f3c75b;color:var(--ink);background:radial-gradient(ellipse at 50% 0,#fffbf3 0,#f7efdf 60%,#eee2cc 100%);color-scheme:light}
body.single-level .heading h1{color:var(--ink);text-shadow:none}
body.single-level .timer{color:var(--ink);background:#f3c75b;border-color:#d9b763;box-shadow:0 3px 0 #ceb184;transform:none}
body.single-level .timer.urgent{color:#fff7e8;background:#b63f37;border-color:#97362f}
body.single-level .quiet,body.single-level .tag{color:var(--muted)}
body.single-level .opening-line .blue{color:#267ba7}
body.single-level .opening-line strong{color:#b8612c}
body.single-level .opening-line .shared-goal{color:var(--muted)}
body.single-level .single-mechanics{color:#92602d}
body.single-level .single-mechanics span{color:var(--muted)}
body.single-level .stage{border-color:#d6bd96;background:#fff9eb;box-shadow:0 4px 0 #c5ad8a,0 8px 22px #6c4a2312}
body.single-level .stage.threat{border-color:#be6f57;box-shadow:0 0 0 2px #eab092,0 5px 16px #b7503320}
body.single-level .vision-caption{color:#715a45;background:#fff7e3ed;border:1px solid #d6bd9277}
body.single-level .danger{color:#fff7e8;background:#b63f37;border-color:#f7cf95;box-shadow:0 3px 0 #6f36252b}
body.single-level .first-order:not([hidden]),body.single-level .first-order span{color:#71523b}
body.single-level .first-order b{color:#99733c}
body.single-level .primary{color:#5d3d21;background:#f3c75b;border-color:#d5a745;box-shadow:0 3px 0 #c5a166}
body.single-level .primary span{color:#866037}
body.single-level .play-mode,body.single-level .fine,body.single-level .connection,body.single-level .feedback{color:var(--muted)}
body.single-level .plan-settings,body.single-level .credentials-panel{color:var(--ink);background:#f1e5cf88;border-color:#deccb1}
body.single-level .plan-settings:not([open]),body.single-level .credentials-panel:not([open]){background:transparent;border-color:transparent}
body.single-level .plan-settings summary,body.single-level .credentials-panel summary,body.single-level .field-label{color:#715844}
body.single-level input,body.single-level textarea,body.single-level .credentials-panel input,body.single-level .credentials-panel select{color:var(--ink);background:#fffbf3;border-color:#cdb695}
body.single-level input::placeholder,body.single-level textarea::placeholder{color:#9a8774;opacity:1}
body.single-level .credentials-panel p{color:var(--muted)}
body.single-level .credentials-panel #credentials-message{color:#97612e}
body.single-level .credentials-panel button{color:#694720;background:#f2d38c}
body.single-level .credentials-panel #remove-api-key{color:var(--ink);background:#e9dac1}
body.single-level .campaign-partner{background:transparent;border-color:#d9c7ad;color:var(--ink)}
body.single-level .campaign-partner p{color:var(--muted)}
body.single-level .partner-choices button,body.single-level .mode-choices button{color:#806b55;background:#fffbf3;border-color:#d9c7ad}
body.single-level .partner-choices [aria-pressed=true],body.single-level .mode-choices [aria-pressed=true]{color:#6b4825;background:#f7e5b7;border-color:#d3a85a;box-shadow:none}
body.single-level .partner-line{color:var(--ink);background:#f1e4cc;border-color:#d8bd92}
body.single-level .partner-line b,body.single-level .partner-line p{color:#75553d}
body.single-level .signal{color:#815b32;background:#f3e5c7;border-color:#d8bd92}
body.single-level .joystick-ring{background:#eaddc6;border-color:#cdb594;box-shadow:inset 0 3px 10px #87623812,0 3px 0 #d2bd9e}
body.single-level .stick{background:linear-gradient(145deg,#fffaf0,#e8d7b9);border-color:#b79a76;box-shadow:0 3px 0 #b99a71,inset 0 1px 0 #fffdf7}
body.single-level .joystick small,body.single-level .control-note span{color:#8b7155}
body.single-level .control-note b{color:#76583c}
body.single-level .interact{color:#805e34;background:#f0e0b8;border-color:#d4b37f;box-shadow:0 4px 0 #c2a178}
body.single-level .interact span{color:#997243}
body.single-level .interact.ready{color:#624020;background:#f3c75b;border-color:#c6993e;box-shadow:0 0 0 4px #edc56630,0 4px 0 #bd8f49}
body.single-level .command-tools,body.single-level .command-tools summary,body.single-level .command-form small{color:var(--muted)}
body.single-level .command-form button,body.single-level .quick-commands button{color:#785637;background:#f5ead5;border-color:#d6bea0}
body.single-level .coach,body.single-level .preparation-panel{color:var(--ink);background:#f5e9cf;border-color:#d6bd97}
body.single-level .coach p,body.single-level .preparation-panel p{color:var(--muted)}
body.single-level .preparation-panel b{color:#87602e}
body.single-level .preparation-panel button{color:#7b5b39;background:#fff9ec;border-color:#d4b993}
body.single-level .overlay{background:#5b402f47}
body.single-level .result-card{color:var(--ink);background:#fff9e9f7;border-color:#d1b27e;box-shadow:0 5px 0 #7e563432,0 15px 35px #48301e22}
body.single-level .result-card h2{color:var(--ink)}
body.single-level .result-card p{color:#836548}
body.single-level #result-progress{color:#9e6a2e;border-color:#dec99f}
body.single-level.finished.victory #start-play{color:var(--ink);background:#efe2c8;border-color:#d7bd91;box-shadow:0 3px 0 #cbb08a}
body.single-level .evidence{color:#92775d;border-color:#dbc6a688}
body.single-level .evidence p{color:var(--muted)}
body.single-level .evidence button{color:#856344;background:#f2e5cc;border-color:#d6bfa0}
body.single-level .evidence a{color:#9a682e}
body.expansion .campaign-panel{display:block;margin:5px 0 7px}
body.expansion .chapter-heading small{color:#8b735c}
body.expansion .chapter-heading h2{color:#493b34;font-size:17px}
body.expansion .cheese-goal{display:none}
body.expansion .level-track{justify-content:flex-start;margin-top:6px;gap:12px}
body.expansion #level-track{display:flex}
body.expansion .level-track:before{display:none}
body.expansion .level-track button{width:28px;height:28px;color:#896947;background:#f1e4cc;border-color:#d8bd92}
body.expansion .level-track .current{background:#f3c75b;color:#654528}
body.expansion .campaign-copy{color:#806c5d}
.preparation-change{padding:8px 10px;margin:7px 0;background:#f5e9cf;border:1px solid #d6bd97;border-radius:10px;color:#806c5d}
.preparation-change label{display:block;font-size:11px;margin-bottom:5px}
.preparation-change>div{display:flex;gap:6px}
.preparation-change input{min-width:0;flex:1;padding:9px;font-size:12px}
.preparation-change button{flex:0 0 auto;padding:8px 10px;border-radius:8px;color:#654528;background:#f3c75b;font-size:12px}
body.expansion.prepared .preparation-panel p{display:block;overflow:visible;-webkit-line-clamp:unset;line-clamp:unset;white-space:normal}
body.expansion.prepared .preparation-panel{align-items:flex-start}
body.expansion.prepared .controls,body.expansion.prepared #feedback{display:none}
body.expansion .danger{top:32px;z-index:2;font-size:11px}