/* Lightweight title and loading screens; the live HUD is revealed only when ready. */
body[data-boot]:not([data-boot=ready])>.app-header,body[data-boot]:not([data-boot=ready])>#workspace,body[data-boot]:not([data-boot=ready])>#audio-alert{visibility:hidden;pointer-events:none}
#game-start{--start-gold:#e6c68e;position:fixed;inset:0;z-index:100;background:#0b1724 url('./brand/title-courtroom.jpg') center/cover no-repeat;display:flex;flex-direction:column;color:#f6f3ec;isolation:isolate;overflow:auto;overscroll-behavior:contain;padding:max(28px,env(safe-area-inset-top)) max(6vw,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(6vw,env(safe-area-inset-left))}
#game-start[hidden],#game-start [hidden]{display:none!important}
.start-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#08131cf7 0%,#0a172be6 32%,#0a172b55 100%),linear-gradient(0deg,#08131ce8,transparent 35%);pointer-events:none}
.start-brand{display:flex;align-items:center;gap:14px;flex-shrink:0;font-size:22px;letter-spacing:.09em;font-weight:700;line-height:1.15}.start-brand img{width:58px;height:58px;object-fit:contain}.start-four{color:var(--start-gold)}.start-brand small{display:block;font-size:9px;letter-spacing:.27em;font-weight:500;margin-top:9px;color:#d1dce5}
.start-content{margin:auto 0;padding:40px 0;max-width:620px}.start-kicker{font:600 11px/1.5 var(--sans,system-ui);letter-spacing:.2em;color:var(--start-gold);margin:0 0 18px}
#game-start h1{font:400 clamp(42px,6.5vw,90px)/1.04 var(--serif,Georgia);letter-spacing:-.035em;margin:0 0 24px;color:#fff8ee;text-wrap:balance}.start-intro{font-size:clamp(15px,1.6vw,19px);line-height:1.6;color:#c4d1dd;margin:0 0 32px}
#game-start .start-play{display:flex;align-items:center;justify-content:space-between;gap:48px;width:280px;max-width:100%;min-height:64px;padding:18px 24px;border-radius:6px;border:1px solid #ffe3b1;background:var(--start-gold);color:#12202b;font-size:20px;letter-spacing:.03em;font-weight:700;box-shadow:0 8px 30px #0004;transition:background .15s,transform .15s}.start-play:hover{background:#f4d9a6!important;transform:translateY(-2px)}.start-play:active{transform:translateY(0)}#game-start :focus-visible{outline:3px solid #fff1d6;outline-offset:5px}
.start-sound{display:flex;align-items:center;gap:10px;width:fit-content;min-height:48px;margin:10px 0 2px;font-size:14px;color:#d4dde5;cursor:pointer}.start-sound input{width:18px;height:18px;accent-color:var(--start-gold);margin:0}.start-course{display:inline-flex;align-items:center;gap:24px;min-height:44px;font-size:15px;color:var(--start-gold);text-decoration:none;border-bottom:1px solid #e6c68e55}.start-note{font-size:12px;color:#a9b9c6;margin:20px 0 0}
#game-start .start-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;flex-shrink:0;background:none;border-top:1px solid #d3dce52b;padding:18px 0 0;font-size:10px;letter-spacing:.035em;color:#afbfcc;line-height:1.5}
#game-start #loading{position:relative;inset:auto;display:flex;align-items:flex-start;justify-content:center;gap:0;text-align:left;background:none;margin:auto 0;padding:60px 0;max-width:660px;outline:none}
#game-start #loading h1{font-size:clamp(36px,5vw,64px);margin:0 0 24px}#game-start #loadtext{font-size:16px;line-height:1.5;color:#d5e0e9;margin:0 0 16px}#game-start #progress{width:100%;height:7px;max-width:500px;border-radius:4px;overflow:hidden;accent-color:var(--start-gold)}#game-start #progress::-webkit-progress-bar{background:#65798c55}#game-start #progress::-webkit-progress-value{background:var(--start-gold)}#game-start #load-hint{font-size:13px;line-height:1.7;color:#aebfce;max-width:490px;margin:20px 0}#game-start #loading a{color:var(--start-gold);font-size:13px;min-height:44px;display:inline-flex;align-items:center}#load-retry{margin:4px 0 14px;min-height:48px;background:var(--start-gold);color:#12202b}.start-noscript{position:fixed;bottom:20px;left:6vw;z-index:101;background:#102030;padding:20px}
@media(max-width:600px){#game-start{padding:24px 24px max(20px,env(safe-area-inset-bottom));background-position:60% center}.start-shade{background:linear-gradient(90deg,#08131cf0,#0a172baa),linear-gradient(0deg,#08131c,transparent 60%)}.start-brand{font-size:18px;gap:11px}.start-brand img{width:45px;height:45px}.start-brand small{font-size:8px}.start-content{padding:32px 0}#game-start h1{font-size:clamp(40px,11.5vw,64px)}.start-kicker{font-size:9px;letter-spacing:.16em}.start-intro{max-width:290px;margin-bottom:25px}.start-play{width:100%!important}.start-footer{font-size:9px!important}#game-start #loading{padding:36px 0}}
@media(max-height:560px) and (min-width:601px){#game-start{padding:16px 5vw}.start-brand img{width:36px;height:36px}.start-brand{font-size:17px}.start-brand small{font-size:7px;margin-top:5px}.start-content{padding:16px 0;max-width:650px;display:grid;grid-template-columns:1.3fr 1fr;column-gap:38px;align-items:center}.start-kicker{grid-column:1;font-size:9px;margin-bottom:8px}#game-start h1{grid-column:1;grid-row:2/5;font-size:44px;margin:0}.start-intro{display:none}.start-play{grid-column:2;grid-row:2;min-height:54px!important;padding:12px 18px!important}.start-sound{grid-column:2;grid-row:3;margin:0}.start-course{grid-column:2;grid-row:4;font-size:13px}.start-note{display:none}#game-start .start-footer{padding-top:10px;font-size:9px}#game-start #loading{padding:20px 0;max-width:650px}#game-start #loading h1{font-size:38px;margin-bottom:14px}#game-start #load-hint{margin:10px 0}}
@media(prefers-reduced-motion:reduce){#game-start *{transition:none!important;animation:none!important}}

#game-start .start-footer a{color:var(--start-gold);min-height:32px;display:inline-flex;align-items:center;text-underline-offset:4px}#game-start .start-footer{align-items:center}