/* Static PCB traces and beveled modules keep the controls readable and lightweight. */
html[data-eco-theme] body .eco-experience-panel[open]{
 width:min(420px,calc(100vw - 24px));max-width:calc(100vw - 24px);border-radius:22px;
 border-color:var(--ct-line)!important;box-shadow:0 20px 46px #020d2359,0 2px 0 var(--ct-accent),inset 0 1px 0 #ffffff45;
}
html[data-eco-theme] body .eco-experience-panel[open]>summary{border-radius:20px 20px 0 0;font-size:15px;padding:14px 16px;letter-spacing:.015em}
html[data-eco-theme] body .eco-experience-panel[open]>div{
 box-sizing:border-box;width:100%;max-height:calc(100dvh - 112px);padding:12px 14px 18px;gap:12px;border-radius:0 0 20px 20px;
 background-color:var(--ct-panel);
 background-image:radial-gradient(circle at 12px 12px,var(--ct-line) 1.3px,transparent 1.7px),linear-gradient(90deg,transparent 11px,color-mix(in srgb,var(--ct-line) 16%,transparent) 12px,transparent 13px),linear-gradient(0deg,transparent 11px,color-mix(in srgb,var(--ct-line) 12%,transparent) 12px,transparent 13px);
 background-size:72px 72px,72px 72px,72px 72px;
}
.eco-settings-console{display:flex;align-items:center;justify-content:space-between;gap:4px;min-width:0;min-height:92px;padding:6px 0;isolation:isolate}
.eco-settings-console>div{display:grid;gap:5px;min-width:0}
html[data-eco-theme] body .eco-experience-panel[open] .eco-settings-console small{color:var(--ct-accent)!important;font-size:12px;letter-spacing:.08em}
.eco-settings-console strong{font-size:26px;letter-spacing:-.04em;line-height:1.15;color:var(--ct-ink)}
.eco-settings-console span{font-size:12px;line-height:1.5;color:var(--ct-muted)}
.eco-settings-console img{width:132px;height:88px;object-fit:contain;flex:0 0 132px}
html[data-eco-theme] body .eco-experience-panel[open] fieldset{
 background:var(--ct-soft);border:1px solid var(--ct-line)!important;border-radius:18px;padding:14px;margin:8px 0;min-width:0;
 box-shadow:inset 0 1px 0 #ffffff24,0 4px 0 color-mix(in srgb,var(--ct-panel) 75%,#000),0 8px 14px #00000015;
}
html[data-eco-theme] body .eco-experience-panel[open] legend{font-size:17px;line-height:1.5;font-weight:800;background:var(--ct-soft);padding:3px 9px;border-radius:8px;border:1px solid var(--ct-line)}
html[data-eco-theme] body .eco-experience-panel[open] .eco-character-choices button{
 border-radius:15px!important;min-height:118px;box-shadow:inset 0 1px 0 #ffffff38,0 3px 0 color-mix(in srgb,var(--ct-panel) 80%,#000);
}
html[data-eco-theme] body .eco-experience-panel[open] button[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--ct-on-selected),0 2px 0 var(--ct-line)}
html[data-eco-theme] body .eco-experience-panel[open] [data-settings-close]{border-radius:999px;padding:8px 16px;margin-top:-4px}
html[data-eco-theme] body .eco-experience-panel[open] :is(.eco-music-status,.eco-voice-status,.eco-theme-note){border-radius:12px;padding:10px;background:var(--ct-soft)!important;line-height:1.6}
@media(hover:hover) and (prefers-reduced-motion:no-preference){html[data-eco-quality=high] .eco-experience-panel[open] button:hover,html[data-eco-quality=medium] .eco-experience-panel[open] button:hover{transform:translateY(-2px)}}
@media(max-width:370px){.eco-settings-console img{width:104px;height:76px;flex-basis:104px}.eco-settings-console strong{font-size:24px}.eco-settings-console span{font-size:11px}html[data-eco-theme] body .eco-experience-panel[open]>div{padding:10px}}
html[data-eco-quality=low] body .eco-experience-panel[open]{box-shadow:0 4px 16px #0004}
html[data-eco-quality=low] body .eco-experience-panel[open] :is(fieldset,button){box-shadow:none;transform:none!important}
@media(prefers-reduced-motion:reduce){.eco-experience-panel[open] button,.eco-experience-panel[open] button img{transform:none!important;transition:none!important}}