/* The welcome screen uses the supplied apartment image, with an opaque reading area. */
#menu{isolation:isolate;padding:120px clamp(28px,6.5vw,120px) 105px;overflow-y:auto;overflow-x:hidden;background:#080a12;align-items:center}
.welcome-scene{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
.welcome-scene img{width:100%;height:100%;object-fit:cover;object-position:64% center;animation:welcome-drift 24s ease-in-out infinite alternate;filter:brightness(.82) saturate(.8)}
.welcome-veil{position:absolute;inset:0;background:linear-gradient(90deg,#080a12 0%,#080a12ed 24%,#080a12bc 43%,#080a1230 73%,#080a120d),linear-gradient(0deg,#080a12ec,transparent 27%,transparent 75%,#080a1290)}
.welcome-content{width:min(620px,57vw);animation:welcome-enter .85s ease both}
.welcome-kicker{display:flex;align-items:center;gap:11px;color:#d6becb;font-size:10px;font-weight:500;letter-spacing:2.1px;margin:0 0 30px}
.welcome-kicker>span{width:6px;height:6px;border-radius:50%;background:#cdaaed;box-shadow:0 0 14px #bc82f3}
.welcome-kicker i{color:#6f657c;font-style:normal;margin:0 4px}
#welcome-title{font-size:clamp(42px,5.3vw,80px);line-height:1.12;letter-spacing:-3px;font-weight:400;margin:0 0 25px;text-wrap:balance}
#welcome-title em{color:#ddc4f2;font-weight:300}
.welcome-description{font-size:15px;line-height:1.85;color:#bdbbc9;margin:0;max-width:430px}
.welcome-actions{margin-top:35px}
#start{display:flex;align-items:center;justify-content:space-between;gap:48px;min-width:292px;min-height:62px;padding:18px 25px;background:linear-gradient(110deg,#e4d1f4,#c4a1e3);color:#20172b;border:1px solid #ecdaf9;border-radius:8px;font-size:15px;font-weight:600;letter-spacing:.1px;box-shadow:0 6px 28px #aa66df24;transition:transform .2s,box-shadow .2s,background .2s}
#start::after{content:'↗';font-size:23px;line-height:1;font-weight:400}
#start:not(:disabled):hover{transform:translateY(-2px);background:#ebdcf6;box-shadow:0 10px 38px #bb86e742}
#start:focus-visible{outline:2px solid white;outline-offset:5px}
#start:disabled{opacity:.7;box-shadow:none}
#start:disabled::after{content:'';width:17px;height:17px;border:2px solid #37234840;border-top-color:#372348;border-radius:50%;animation:welcome-spin 1s linear infinite}
.welcome-sound{font-size:10px;color:#aba4b6;letter-spacing:.15px;margin:14px 0 0;display:flex;align-items:center;gap:8px}.welcome-sound>span{font-size:16px;color:#ceafd9}
.welcome-loading{max-width:292px;margin-top:18px}.welcome-loading[hidden]{display:none}.loading-caption{display:flex;justify-content:space-between;color:#bbb1c5;font-size:10px;margin-bottom:7px}#loading-progress{display:block;width:100%;height:3px;border:0;border-radius:3px;overflow:hidden;background:#ffffff12;accent-color:#c9a1e6}#loading-progress::-webkit-progress-bar{background:#ffffff12}#loading-progress::-webkit-progress-value{background:#c9a1e6;transition:width .3s}
.welcome-controls{display:flex;gap:25px;border-top:1px solid #ffffff15;padding-top:23px;margin-top:34px;width:max-content;max-width:100%}.welcome-controls>div{display:flex;flex-direction:column;gap:9px}.welcome-controls kbd{font:11px Arial,sans-serif;letter-spacing:1px;color:#e0dbe8;border:1px solid #ffffff26;background:#ffffff04;padding:6px 9px;width:max-content;border-radius:4px;min-height:27px}.welcome-controls span{font-size:10px;color:#aaa3b6}.welcome-touch{display:none}
.welcome-location{position:absolute;right:6.5vw;bottom:130px;display:flex;align-items:center;gap:23px;color:#eee4ee}.location-line{display:block;width:65px;height:1px;background:linear-gradient(90deg,transparent,#d6badb)}.welcome-location>div{display:flex;align-items:center;gap:18px}.welcome-location strong{font-size:66px;line-height:1;font-weight:300;letter-spacing:-3px}.welcome-location div>span{font-size:10px;letter-spacing:3px;line-height:1.8}.welcome-location small{font-size:7px;letter-spacing:1.4px;color:#beb0c5}
.welcome-footer{position:absolute;bottom:34px;left:6.5vw;right:6.5vw;border-top:1px solid #ffffff15;padding-top:19px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#9e93ad}.welcome-footer>span:first-child{font-size:8px;letter-spacing:2px;display:flex;align-items:center;gap:8px}.welcome-footer i{width:4px;height:4px;border-radius:50%;background:#bca1cf}
.paused #pause{display:none}.paused header{left:6.5vw;right:6.5vw;top:30px}.paused #hud{visibility:hidden}.paused .live{display:none}.paused .brand{font-size:19px;letter-spacing:4px}.paused .brand small{font-size:7px;letter-spacing:2px}.paused #music{background:#11121c75;border-color:#ffffff20;border-radius:6px}.paused .shade{display:none}
#error:empty{display:none}#error{line-height:1.6;margin-top:14px}
@keyframes welcome-drift{from{transform:scale(1)}to{transform:scale(1.045)}}@keyframes welcome-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes welcome-spin{to{transform:rotate(360deg)}}
@media(pointer:coarse){.welcome-controls{display:none}.welcome-touch{display:flex;flex-direction:column;gap:8px;border-top:1px solid #ffffff15;padding-top:20px;margin-top:25px;font-size:11px;line-height:1.5;color:#b5adbf}}
@media(max-width:900px){.welcome-location{display:none}.welcome-content{width:min(600px,85vw)}.welcome-veil{background:linear-gradient(90deg,#080a12ed,#080a12a6 65%,#080a1250),linear-gradient(0deg,#080a12ee,transparent 85%)}.welcome-scene img{object-position:67% center}}
@media(max-width:600px){#menu{padding:120px 25px 95px;align-items:center}.welcome-content{width:100%}.paused header{left:25px;right:25px;top:23px}.paused .brand{font-size:16px}.paused .brand small{font-size:6px}.welcome-kicker{font-size:8px;letter-spacing:1.3px;gap:8px;margin-bottom:22px}#welcome-title{font-size:clamp(38px,10vw,56px);letter-spacing:-1.8px;margin-bottom:20px}.welcome-description{font-size:13px;line-height:1.85;max-width:335px}.desktop-break{display:none}.welcome-actions{margin-top:28px}#start{width:100%;min-width:0;min-height:59px;font-size:14px}.welcome-sound{font-size:9px}.welcome-loading{max-width:none}.welcome-controls{gap:15px;flex-wrap:wrap}.welcome-controls span{font-size:9px}.welcome-controls kbd{font-size:10px}.welcome-footer{left:25px;right:25px;bottom:24px;padding-top:15px}.welcome-footer>span:last-child{display:none}.welcome-scene img{filter:brightness(.66) saturate(.75)}.welcome-veil{background:linear-gradient(0deg,#080a12f5 5%,#080a12b0 65%,#080a1255),linear-gradient(90deg,#080a1280,transparent)}}
@media(max-height:740px) and (min-width:601px){#menu{padding-top:100px;padding-bottom:85px}#welcome-title{font-size:clamp(38px,4.5vw,64px);margin-bottom:17px}.welcome-kicker{margin-bottom:18px}.welcome-actions{margin-top:23px}.welcome-controls{margin-top:23px;padding-top:18px}.welcome-description{font-size:13px}.welcome-location{bottom:110px}}
@media(max-height:580px){#menu{display:block;padding-top:95px;padding-bottom:25px}.welcome-content{width:min(620px,100%)}.welcome-footer{position:static;margin-top:28px}.welcome-location{display:none}#welcome-title{font-size:38px}.welcome-controls{margin-top:20px}.welcome-touch{margin-top:18px}.welcome-scene{position:fixed}}
@media(prefers-reduced-motion:reduce){.welcome-scene img,.welcome-content,#start:disabled::after{animation:none}#start,#loading-progress::-webkit-progress-value{transition:none}#start:not(:disabled):hover{transform:none}}
@media(max-width:600px){#menu{display:block}.welcome-footer{position:static;margin-top:30px}.welcome-content{margin-top:max(0px,calc((100dvh - 800px)/2))}}

.mira-choice{border:0;padding:0;margin:24px 0 0;max-width:500px}.mira-choice legend{padding:0;margin-bottom:10px;color:#c6b6d1;font-size:12px}.mira-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mira-options label{position:relative;cursor:pointer}.mira-options input{position:absolute;top:15px;left:12px;accent-color:#d2aaee;width:15px;height:15px;margin:0}.mira-options span{display:block;min-height:77px;padding:13px 12px 13px 36px;border:1px solid #b999d036;border-radius:9px;background:#111320aa;transition:background .2s,border-color .2s}.mira-options strong{display:block;font-size:13px;font-weight:500;color:#eddef8}.mira-options small{display:block;font-size:10px;line-height:1.5;color:#ab9fb7;margin-top:5px}.mira-options input:checked+span{background:#34243ec4;border-color:#c8a0e0}.mira-options input:focus-visible+span{outline:2px solid #ead6ff;outline-offset:3px}@media(max-width:600px){.mira-choice{margin-top:20px}.mira-options strong{font-size:12px}.mira-options span{padding-right:9px}.welcome-actions{margin-top:20px}}
@media(min-width:601px) and (max-height:900px){#menu{align-items:flex-start;padding-top:105px;padding-bottom:80px}.mira-choice{margin-top:18px}.welcome-kicker{margin-bottom:18px}#welcome-title{font-size:clamp(38px,4.3vw,60px);margin-bottom:16px}.welcome-actions{margin-top:18px}.welcome-controls{margin-top:20px;padding-top:16px}}