/* Candidate theme: load after existing front, selection and title styles. */
body.front-active #overlay:not(.title-cinema){background:#edf6cf;color:#243f28}
#overlay .front-backdrop{background-image:url('front-assets.41f39b6fcec1/menu-bamboo-rear-kaguya-v3.webp');background-position:center;opacity:1;transform:none}
#overlay:not(.title-cinema) .front-vignette{background:linear-gradient(90deg,#fffbe9e8 0%,#fffbe9c9 25%,#fffbe940 44%,transparent 64%),linear-gradient(0deg,#eff7dcba,transparent 20%)}
#overlay .front-wordmark{color:#284c30}#overlay .front-wordmark span,#overlay .front-build{color:#476b42}
#overlay .front-steps{color:#4d6849;background:#fffde8e8;padding:10px 20px;border-radius:30px;box-shadow:0 3px 0 #6d895f30}
#overlay .front-steps .current{color:#9f3d69}#overlay .front-steps .past{color:#39704e}#overlay .front-steps i{background:#75966870}
#overlay .front-kicker,#overlay .front-description,#overlay .front-small,#overlay .front-nav-hint{color:#375637}
#overlay .front-foot{display:none}
#overlay .front-menu-layout{display:block;overflow:visible}
#overlay .front-menu-layout>div:first-child{width:36%;min-width:310px;max-width:430px}
#overlay .front-menu-logo{width:100%;height:auto;max-height:140px;object-fit:contain;filter:drop-shadow(0 4px 0 #fff8)}
#overlay .front-menu-list{display:grid;grid-template-columns:1fr;gap:12px;margin-top:22px}
#overlay .front-menu-card{width:100%;min-height:72px;border:2px solid #719359;background:#fffceded;border-radius:16px;padding:14px 20px;gap:15px;box-shadow:0 5px 0 #4b6e3940;color:#29432c}
#overlay .front-menu-card>span:last-child{color:inherit}#overlay .front-menu-card strong{font-size:23px;letter-spacing:.02em}#overlay .front-menu-card small{font-size:11px;color:#576d45}
#overlay .front-menu-icon{background:#e4edcc;color:#476f39;border-radius:50%;font-size:18px;width:34px;height:34px;flex:none}
#overlay .front-menu-card.selected{background:linear-gradient(110deg,#ffec9e,#fff9d8);border:3px solid #ad6e29;box-shadow:0 0 0 3px #fffbea,0 6px 0 #b0844270;padding:13px 19px}
#overlay .front-menu-card[aria-disabled=true]{background:#fff7f0ed;border-color:#b7b59a;color:#777961;box-shadow:0 4px 0 #68735025;cursor:default}
#overlay .front-menu-card[aria-disabled=true] small{color:#8d4965}
#overlay .front-side-art{display:none}
#overlay .front-back{background:#fffbeade;border:2px solid #819d69;color:#345334;box-shadow:0 3px 0 #476c3028}
#overlay #start.front-primary{background:linear-gradient(#ffe899,#f8cc67);border:2px solid #a57a2d;color:#334523;box-shadow:0 4px 0 #aa7a3866;border-radius:14px}
#overlay button:focus-visible{outline:3px solid #a4437d;outline-offset:4px}
#overlay .front-course-layout{gap:36px;background:#fffdefe8;border:2px solid #a4b88a;padding:28px;border-radius:26px;box-shadow:0 10px 30px #29401d26}
#overlay .front-course-image{border:3px solid #7b9c5e;box-shadow:0 5px 0 #a9ba8480;background:#f8f4d6}
#overlay .front-course-image:after{background:linear-gradient(transparent 75%,#365134bd)}
#overlay .front-course-copy h2{font-size:clamp(26px,3vw,42px);line-height:1.32;color:#345336}
#overlay .front-course-number{background:#fff4c9;color:#4a5c30;border:1px solid #8ca168}
#overlay .front-course-facts,#overlay .front-course-facts b{color:#427141}
#overlay .front-course-status{color:#3c7442!important}
.character-select-active #overlay .front-backdrop{background-image:url('front-assets.41f39b6fcec1/menu-bamboo-rear-kaguya-v3.webp');opacity:1}
.character-select-active #overlay:not(.title-cinema) .front-vignette{background:linear-gradient(#fffbedde,#edf5d3df)}
#overlay #frontCharacterHeading{color:#365438;text-shadow:2px 2px 0 #fffbe9,0 3px 0 #bdcc98}
#overlay .front-character-layout .front-kicker{color:#7d4f60}
#overlay .front-character-layout #frontStage{background:radial-gradient(ellipse at 50% 80%,#c1dba7,#f6f5d4 65%);border:2px solid #9cb579;box-shadow:inset 0 0 0 5px #fffbee80}
#overlay .front-preview-caption h3{color:#355434;text-shadow:1px 2px #fffbe5}#overlay .front-preview-number{color:#60794d}
#overlay .front-cast{border:2px solid #90ab74;background:linear-gradient(145deg,#fffbea,#c8dda9);box-shadow:0 4px 0 #688f4550}
#overlay .front-cast .front-face{background:radial-gradient(ellipse at 50% 36%,#fff9e9,transparent 80%)}
#overlay .front-cast span{background:#e4eccd;color:#35482c}#overlay .front-cast small{color:#536e43;text-shadow:1px 1px #fff9e0}
#overlay .front-cast.selected{border:3px solid #a04676;background:linear-gradient(145deg,#ffe9ed,#f4c2dc);box-shadow:0 0 0 2px #fffaf0,0 4px 0 #96507270}
#overlay .front-cast.selected span{color:#642c50;background:#ffe6ef}
#overlay .front-guide-columns>div{background:#fff9eae8;border:2px solid #9eb885;color:#355138}
#overlay .front-guide h3{color:#875a38}#overlay .front-guide p{color:#425e3b!important}
#overlay .front-settings{width:min(900px,100%);margin:auto;padding:28px;background:#fffbeeea;border:2px solid #9bb782;border-radius:24px}
#overlay .front-settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
#overlay .front-settings-grid button{padding:16px;background:#f1f4d9;border:2px solid #9db783;color:#3b593b;text-align:left}
#overlay .front-settings details{margin-top:22px}#overlay .front-settings summary{cursor:pointer;color:#725c41;margin-bottom:14px}
@media(max-height:560px) and (orientation:landscape){#overlay .front-menu-layout>div:first-child{width:38%;min-width:260px}#overlay .front-menu-logo{max-height:72px}#overlay .front-menu-list{gap:7px;margin-top:8px}#overlay .front-menu-card{min-height:45px;padding:8px 12px}#overlay .front-menu-card.selected{padding:7px 11px}#overlay .front-menu-card strong{font-size:16px}#overlay .front-menu-card small{font-size:9px}#overlay .front-menu-icon{width:27px;height:27px}#overlay .front-course-layout{padding:16px;gap:20px}#overlay .front-settings{padding:16px;max-height:100%;overflow:auto}}
@media(orientation:portrait){#overlay .front-menu-layout>div:first-child{width:100%;min-width:0;max-width:420px;margin:auto}#overlay:not(.title-cinema) .front-vignette{background:#fffbe9ac}#overlay .front-course-layout{padding:18px}#overlay .front-settings-grid{grid-template-columns:1fr}}

/* Always-visible help entrance on title and main menu. */
#overlay #frontHelp{order:3;border:2px solid #60823e;background:#fff9e9;color:#35502a;font-size:15px;font-weight:800;padding:10px 20px;border-radius:24px;box-shadow:0 3px 0 #506e3933;white-space:nowrap}#overlay .front-build{display:none}
@media(max-height:560px){#overlay #frontHelp{font-size:12px;padding:7px 14px}}

/* Title help stays visible without changing title replay or its fade. */
.title-cinema#overlay .front-top{display:flex!important;position:absolute;top:max(16px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));z-index:8;min-height:0}
.title-cinema#overlay .front-top>*:not(#frontHelp){display:none!important}
#overlay #frontHelp.selected,#overlay .front-settings-grid button.selected{outline:3px solid #a4437d;outline-offset:3px;background:#fff0bb}
#overlay .front-settings{max-height:100%;overflow:auto;overscroll-behavior:contain}
#overlay .front-settings h3{color:#7a5a3d;margin:18px 0 10px;font-size:16px}
#overlay #frontMenuNotice{color:#85415d;background:#fff4e9e8;border:1px solid #bf7695;border-radius:12px;padding:8px 14px;font-weight:700;flex-shrink:0}
#overlay #testSettings{margin-top:0;background:#fffdf1;color:#355034;border-color:#92ab78;padding:15px}
#overlay #testSettings select{color:#355034;background:#f1f3d9;border-color:#90a86f}
#overlay #testSettings p{color:#486446;font-size:12px}
#overlay #testSettings button{background:#e9eebc;color:#355034;border-color:#82965e}
#overlay #testSettings legend{display:none}
#overlay [data-front-panel="production"] .front-kicker{margin-bottom:5px}
#overlay [data-front-panel="production"] h2{font-size:24px;margin-bottom:12px}
@media(max-height:560px) and (orientation:landscape){#overlay .front-settings-grid{grid-template-columns:repeat(3,1fr);gap:8px}#overlay .front-settings-grid button{padding:10px;font-size:12px}.title-cinema#overlay .front-top{top:8px;right:14px}}

/* Production diagnostics no longer cover normal menu/racing screens. */
#testSettings #freezeDebug,#testSettings #courseLocator{position:static!important;inset:auto!important;max-width:100%!important;max-height:50vh!important;z-index:auto!important;font-size:11px!important}
#testSettings #freezeDebug{background:#f3f1df!important;color:#35472e!important;border-color:#8e9b6d!important}
#testSettings #courseLocator{background:#e8ead0!important;color:#3c4e32!important;text-shadow:none!important}
body.front-active>#freezeDebug,body.front-active>#courseLocator{display:none!important}
#testSettings #frontTestDisplay{border:2px solid #8b6c41;background:#fff0c0;color:#594527}
