/* Front flow only. Existing race HUD and mobile controls remain in their own stylesheets. */
body.front-active>header,body.front-active>#controls,body.front-active>#note,body.front-active>#minimap,body.front-active>#locationReadout,body.front-active>#itemPanel,body.front-active>#skipIntro{visibility:hidden;pointer-events:none}
.front-shell{position:absolute;inset:0;z-index:6;isolation:isolate;background:#071a27;color:#edf8f6;overflow:hidden;touch-action:pan-y}
.front-backdrop,.front-vignette{position:absolute;inset:0;z-index:-1;pointer-events:none}.front-backdrop{background:url('front-assets.41f39b6fcec1/island.jpg') center 46%/cover no-repeat;opacity:.55;transform:scale(1.04)}.front-vignette{background:linear-gradient(100deg,#071725ed 5%,#09233098 56%,#071a2777),linear-gradient(0deg,#051921 0%,transparent 65%)}
#overlay .front-wrap.box{width:100%;height:100%;max-height:none;max-width:1440px;margin:auto;padding:max(24px,env(safe-area-inset-top)) max(40px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(40px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:14px;background:none;border:0;border-radius:0;text-align:left;overflow:auto;overscroll-behavior:contain}
.front-top{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:40px}.front-wordmark{font-weight:900;font-size:23px;letter-spacing:-1px}.front-wordmark span{font-weight:500;font-size:17px;letter-spacing:3px;color:#92c3bf}.front-build{font-size:10px;letter-spacing:3px;color:#8aacae}.front-steps{display:flex;gap:12px;align-items:center;font-size:10px;font-weight:750;letter-spacing:1.5px;color:#a5b9be}.front-steps i{height:1px;width:22px;background:#95c9bc40}.front-steps .current{color:#ffd979}.front-steps .past{color:#93d5c2}
.front-content{flex:1;min-height:0;display:flex;align-items:center}.front-content>section{width:100%;max-height:100%;min-height:0}#overlay h2{font-size:clamp(24px,3.3vw,46px);line-height:1.15;letter-spacing:-.04em;margin:0 0 15px}#overlay p{margin:0}#overlay .front-kicker{font-size:12px;color:#96d5ca;letter-spacing:2px;font-weight:750;margin:0 0 13px}#overlay .front-description{font-size:15px;line-height:1.8;color:#b7cccf}#overlay .front-small{font-size:11px;line-height:1.6;color:#abc1c7}
.front-title{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;position:relative}.front-title-copy{z-index:1}#overlay .front-title h2{font-size:clamp(34px,6.8vw,84px);white-space:nowrap;text-shadow:0 8px 28px #04151abb}.front-title h2>span{color:#d7b965;font-weight:400}.front-title-go{width:100%;max-height:52vh;object-fit:contain;filter:drop-shadow(0 25px 30px #09091e77)}#overlay .front-subtitle{font-size:clamp(14px,2vw,21px);color:#d0e2df;letter-spacing:.15em}#overlay .front-title-hint{font-size:12px;color:#bacdcf;margin-top:32px}
.front-menu-layout{display:grid;grid-template-columns:1fr .8fr;gap:7%;align-items:center}.front-menu-list{display:grid;gap:12px;margin-top:24px}.front-menu-card{display:flex;align-items:center;gap:18px;text-align:left;padding:20px;border:1px solid #53928966;background:#0f3542e0;border-radius:14px;min-height:82px}.front-menu-card>span:last-child{margin-left:auto;color:#93d5c2;font-size:22px}.front-menu-icon{width:38px;height:38px;display:grid;place-items:center;color:#e7ce88;background:#32514e88;border-radius:10px}.front-menu-card strong,.front-menu-card small{display:block}.front-menu-card strong{font-size:18px}.front-menu-card small{font-weight:400;color:#aec8c7;font-size:11px;margin-top:5px}.front-menu-card.selected{border-color:#ffda81;background:#234b50e8;box-shadow:0 0 0 2px #e6c16b44}.front-side-art{position:relative;display:grid;justify-items:center;isolation:isolate}.front-side-art>img{width:100%;max-height:47vh;object-fit:contain;filter:drop-shadow(0 16px 22px #0b102844)}.front-side-art>span{font-size:12px;letter-spacing:2px;color:#d8c6ed}.front-orbit{position:absolute;inset:8%;border-radius:50%;border:1px solid #b198d533;z-index:-1;background:radial-gradient(#9771ca38,transparent 67%)}
.front-course-layout{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:40px}.front-course-image{position:relative;overflow:hidden;border-radius:20px;border:1px solid #a8cfd95c;box-shadow:0 18px 60px #030f1944}.front-course-image>img{display:block;width:100%;height:100%;aspect-ratio:16/10;object-fit:cover}.front-course-image:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 60%,#092132c9)}.front-course-number{position:absolute;top:16px;left:18px;background:#123540d9;border:1px solid #b3d6cc66;padding:5px 10px;border-radius:6px;font-size:13px;z-index:1}.front-course-tag{position:absolute;bottom:22px;left:22px;letter-spacing:3px;font-size:12px;z-index:1}.front-course-facts{display:flex;gap:28px;margin:24px 0;color:#8fb3b6;font-size:10px;letter-spacing:1px}.front-course-facts b{font-size:36px;color:#eef7e7;margin-right:5px;font-weight:700}.front-course-status{font-size:13px;color:#c3e8bf!important;margin-bottom:10px!important}
.front-character-layout{display:grid;grid-template-columns:1.7fr 1fr;align-items:stretch;gap:24px;height:100%}.front-character-main{display:flex;flex-direction:column;min-height:0;justify-content:center}.front-section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.front-section-heading h2{margin:0!important}.front-section-heading .front-kicker{margin-bottom:7px!important}.front-roster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(44px,1fr));gap:10px;min-height:0;max-height:440px;flex:1}.front-cast{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:end;min-height:44px;padding:3px 8px 8px;border-radius:13px;background:linear-gradient(135deg,#173c47ed,#122b3dea);border:1px solid #648a9155;overflow:hidden}.front-cast img{display:block;width:100%;height:calc(100% - 24px);min-height:0;object-fit:contain;filter:drop-shadow(0 3px 4px #030b1b44)}.front-cast span{font-size:13px;line-height:21px;white-space:nowrap}.front-cast small{position:absolute;top:7px;left:9px;font-size:9px;color:#91acb3;letter-spacing:.06em}.front-cast.selected{background:linear-gradient(135deg,#543d70f5,#263953f5);border:2px solid #d0a3ff;box-shadow:0 0 0 2px #b892ea33}.front-cast.selected small{color:#e2ccfc}.front-preview{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate;min-height:0}.front-preview>img{width:100%;height:65%;object-fit:contain;z-index:1;filter:drop-shadow(0 12px 16px #07132688)}.front-preview-disc{position:absolute;width:100%;aspect-ratio:1;max-height:95%;top:0;border-radius:50%;background:radial-gradient(#76548f55,transparent 69%);z-index:-1}.front-preview-number{font-size:10px;letter-spacing:3px;color:#c7abd8}.front-preview h3{font-size:28px;margin:8px 0 4px}.front-preview .front-small{color:#c9b9d3!important}
.front-guide{overflow:auto}.front-guide-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.front-guide-columns>div{background:#102e3bdd;border:1px solid #5f89985c;padding:18px;border-radius:14px}.front-guide h3{font-size:14px;color:#e7d39d;margin:0 0 10px}.front-guide p{font-size:12px!important;line-height:1.9;color:#cadbdc!important}.mobile #overlay #desktopInstructions,.mobile #overlay #keyboardInstructions{display:block}.front-reveal{text-align:center}.front-reveal-art{height:min(35vh,270px);display:flex;align-items:center;justify-content:center;gap:10px}.front-reveal-art img{width:35%;height:100%;object-fit:contain}.front-reveal-arrow{color:#e7d095;font-size:32px}.front-reveal-go{filter:drop-shadow(0 5px 25px #a267c74d)}#overlay .front-reveal h2{margin:6px 0 10px}.front-reveal .front-small{margin-top:12px!important}.front-reveal .front-kicker{margin-bottom:4px!important}
.front-bottom{display:flex;align-items:center;gap:20px;min-height:52px}.front-back{background:#132d3dc9;border-color:#61889188;min-height:46px;font-size:12px}#overlay .front-nav-hint{font-size:11px;color:#a7c2c5;margin-left:auto}#overlay #start.front-primary{background:#f4cf75;color:#122735;border:1px solid #ffe7a2;box-shadow:0 5px 22px #f3c65d19;padding:13px 28px;min-height:50px;min-width:204px;font-size:16px;border-radius:10px;font-weight:800;display:flex;justify-content:space-between;align-items:center;gap:30px}#overlay #start.front-primary:hover,#overlay #start.front-primary:focus-visible{background:#ffe099;outline:2px solid #ffedbd;outline-offset:3px}#overlay #start.front-primary:disabled{opacity:.5;cursor:wait}.front-loading{border-top:1px solid #9ac4c333;padding-top:10px}.front-loading progress{display:block;width:100%;height:4px;accent-color:#96d8c7;background:#213e4c}.front-loading-line{display:flex;justify-content:space-between;gap:20px;margin-top:6px}.front-loading-line p{font-size:10px!important;color:#adc3c9!important}.front-loading #bootError{font-size:11px;margin-top:5px;max-height:40px;overflow:auto}.front-loading #bootError:empty{display:none}.front-loading #retryLoad{padding:8px 15px;min-height:40px;margin-top:6px}.front-foot{display:flex;justify-content:space-between;gap:15px}.front-foot p{font-size:10px!important;color:#94afb9!important}.front-foot #audioHint{max-width:65%;text-align:right}.front-shell button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.front-shell button:focus-visible{outline:2px solid #fae3a6;outline-offset:3px}
@media(max-width:900px){#overlay .front-wrap.box{padding:16px max(22px,env(safe-area-inset-right)) 10px max(22px,env(safe-area-inset-left));gap:10px}.front-character-layout{gap:16px}.front-course-layout{gap:24px}.front-menu-list{margin-top:16px}.front-menu-card{padding:15px;min-height:72px}.front-menu-card strong{font-size:16px}.front-build{display:none}.front-preview h3{font-size:23px}}
@media(max-height:520px) and (orientation:landscape){#overlay .front-wrap.box{padding:max(8px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));gap:6px}.front-top{min-height:28px}.front-wordmark{font-size:18px}.front-wordmark span{font-size:12px}.front-steps{font-size:9px;gap:8px}.front-steps i{width:14px}#overlay h2{font-size:25px;margin-bottom:10px}#overlay .front-kicker{font-size:9px;margin-bottom:7px}.front-title-go{max-height:49vh}#overlay .front-title h2{font-size:47px}#overlay .front-title-hint{margin-top:15px;font-size:10px}.front-menu-layout{grid-template-columns:1fr .75fr;gap:7%}.front-menu-list{gap:7px;margin-top:12px}.front-menu-card{padding:10px 14px;min-height:60px;border-radius:10px}.front-menu-card strong{font-size:15px}.front-menu-card small{font-size:10px}.front-menu-icon{height:30px;width:30px}.front-side-art>img{max-height:44vh}.front-course-image>img{max-height:48vh;aspect-ratio:16/9}.front-course-facts{margin:9px 0;gap:22px}.front-course-facts b{font-size:26px}.front-course-tag{bottom:14px;left:15px;font-size:10px}.front-course-status{font-size:11px}.front-character-layout{grid-template-columns:1.85fr 1fr;gap:14px}.front-section-heading{margin-bottom:8px}.front-section-heading h2{font-size:21px!important}.front-section-heading .front-kicker{font-size:8px!important;margin-bottom:3px!important}.front-section-heading .front-small{font-size:8px!important}.front-roster{gap:6px;grid-template-rows:repeat(3,minmax(44px,1fr))}.front-cast{padding:2px 7px 3px;border-radius:8px;flex-direction:row;justify-content:start;gap:4px}.front-cast img{width:46%;height:100%;max-height:66px}.front-cast span{font-size:11px;white-space:normal;line-height:1.3}.front-cast small{font-size:7px;left:5px;top:4px}.front-preview>img{height:70%}.front-preview h3{font-size:22px;margin:4px 0}.front-preview-number{font-size:8px}.front-guide-columns{gap:8px}.front-guide-columns>div{padding:10px}.front-guide h3{font-size:12px;margin-bottom:6px}.front-guide p{font-size:10px!important;line-height:1.6}.front-reveal-art{height:30vh}.front-reveal .front-small{font-size:9px!important}.front-bottom{min-height:44px;gap:10px}#overlay #start.front-primary{min-height:44px;min-width:177px;padding:10px 21px;font-size:14px}.front-back{min-height:44px;padding:8px 12px;font-size:11px}.front-loading{padding-top:5px}.front-loading-line{margin-top:4px}.front-loading-line p{font-size:9px!important}.front-foot p{font-size:8px!important}.front-foot #controllerDetail{display:block}.front-foot #audioHint{max-width:68%}.front-nav-hint{font-size:10px!important}}
@media(max-height:360px) and (orientation:landscape){#overlay .front-wrap.box{gap:4px}.front-top{min-height:24px}.front-roster{gap:4px}.front-section-heading{margin-bottom:5px}.front-section-heading h2{font-size:18px!important}.front-foot{display:none}.front-menu-card{min-height:52px;padding:8px 12px}.front-menu-card small{font-size:9px}.front-title-go{max-height:46vh}.front-character-layout{min-height:191px!important}.front-content{min-height:185px}.front-loading-line #downloadHint{display:none}}
@media(orientation:portrait){#overlay .front-wrap.box{padding:24px 18px;gap:15px}.front-steps{font-size:8px;gap:6px}.front-steps i{width:8px}.front-wordmark span{display:none}.front-title,.front-menu-layout,.front-course-layout{grid-template-columns:1fr}.front-title-go,.front-side-art{display:none}.front-title h2{white-space:normal!important;font-size:44px!important}.front-character-layout{grid-template-columns:1fr}.front-preview{display:none}.front-roster{min-height:270px}.front-course-image>img{max-height:24vh}.front-course-layout{gap:15px}.front-guide-columns{grid-template-columns:1fr}.front-guide{overflow:auto}.front-bottom{flex-wrap:wrap}.front-nav-hint{display:none}#overlay #start.front-primary{margin-left:auto;min-width:155px}.front-foot{display:none}.front-loading-line #downloadHint{display:none}}
@media(prefers-reduced-motion:reduce){.front-shell *{animation:none!important;transition:none!important}}
/* Three title-menu choices share one row on short landscape screens. This
   keeps the added inspection entry above the bottom confirmation controls. */
@media(max-height:520px) and (orientation:landscape){.front-menu-layout{grid-template-columns:1fr}.front-menu-layout .front-side-art{display:none}.front-menu-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}.front-menu-card{min-height:72px;padding:8px;gap:8px}.front-menu-card>span{min-width:0}.front-menu-card strong{font-size:14px}.front-menu-card small{line-height:1.45}.front-menu-icon{flex-shrink:0}}
@media(max-width:900px) and (max-height:520px) and (orientation:landscape){.front-menu-list .front-menu-icon{display:none}}

/* Eight start-menu entries stay scrollable within the content area. */
.front-menu-layout{align-items:stretch;overflow:auto;overscroll-behavior:contain}.front-menu-layout>div:first-child{min-width:0}.front-menu-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.front-menu-card{min-height:70px;padding:12px;gap:9px}.front-menu-card strong{font-size:15px}.front-menu-card>span:last-child{margin-left:0}.front-menu-card small{line-height:1.4}#overlay .front-navigation-status{font-size:12px;color:#f0d994;padding:5px 0;flex-shrink:0}
@media(max-height:520px) and (orientation:landscape){.front-menu-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.front-menu-card{min-height:60px;padding:8px}.front-menu-card strong{font-size:13px}.front-menu-card small{font-size:10px}}

.front-build-version{position:fixed;left:max(16px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));z-index:30;padding:5px 10px;border:1px solid #dbe9f166;border-radius:6px;background:#071a24e8;color:#fff;font:600 13px/1.3 system-ui,sans-serif;pointer-events:none}