#startup-screen{position:absolute;inset:0;z-index:90;background:#000;color:#f3e8ce;touch-action:manipulation}
#startup-screen[hidden],#startup-screen [hidden]{display:none!important}
#startup-intro{position:absolute;inset:0;display:grid;place-items:center;background:#000}
.studio-still{position:absolute;width:min(65.2778vw,36.71875dvh);aspect-ratio:740/570;overflow:hidden}
.studio-still img{position:absolute;width:172.972973%;max-width:none;height:auto;left:-36.486486%;top:-20.701754%}
#studio-film{position:absolute;width:100%;height:100%;object-fit:contain;background:#000;opacity:0;pointer-events:none}
.startup-filter{position:absolute;pointer-events:none}
#startup-screen .studio-still,#startup-screen #studio-film{filter:url(#studio-background-key);mix-blend-mode:normal}
.film-playing #studio-film{opacity:1}
.film-playing .studio-still{visibility:hidden}
#startup-skip{display:none!important}
#startup-intro{cursor:pointer;touch-action:manipulation}
#startup-intro:after{display:none!important;content:none!important}
#startup-intro:focus-visible{outline:2px solid #a3bedc;outline-offset:-5px}
#startup-game{position:absolute;inset:0;overflow:auto;touch-action:pan-y;background:#100e16;isolation:isolate;display:flex;flex-direction:column;align-items:center;gap:24px;padding:max(30px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}
.startup-art{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% 38%;pointer-events:none}
#startup-game:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#09091180,transparent 25%,#0909111a 53%,#090911eb 83%,#090911);pointer-events:none}
.startup-heading{text-align:center;text-shadow:0 3px 20px #000;margin:0}
.startup-heading p{font-family:Georgia,serif;font-size:clamp(16px,3.8vw,23px);letter-spacing:.2em;margin:0 0 8px;color:#ebd7ad}
.startup-heading h1{font-family:Georgia,'Noto Serif KR',serif;font-size:clamp(30px,8vw,48px);font-weight:500;letter-spacing:.1em;margin:0;line-height:1.3}
.startup-bottom{width:min(420px,100%);min-height:140px;text-align:center;margin-top:auto;padding-top:24px;text-shadow:0 2px 14px #000}
#startup-loading p{font-size:16px;line-height:1.6;margin:0 0 18px;color:#e1d7c1}
.startup-progress-row{display:flex;align-items:center;gap:15px}
#startup-progress{appearance:none;-webkit-appearance:none;display:block;flex:1;min-width:0;height:5px;border:0;background:#e6d4ad29;color:#dec38d}
#startup-progress::-webkit-progress-bar{background:#e6d4ad29}
#startup-progress::-webkit-progress-value{background:#dec38d}
#startup-progress::-moz-progress-bar{background:#dec38d}
#startup-steps{min-width:44px;font:14px Georgia,serif;color:#dcc99f}
#startup-loading .startup-tip{font-size:14px;line-height:1.8;color:#c9bdac;margin:22px 0 0;word-break:keep-all}
#startup-title .btn-primary,#startup-error .btn-primary{width:100%;min-width:0;min-height:56px;font-size:17px;letter-spacing:.1em}
#startup-title p{font-size:14px;line-height:1.6;margin:16px 0 0;color:#c7bcad}
#startup-error h2{font-size:20px;margin:0 0 12px}#startup-error p{font-size:15px;line-height:1.7;color:#d3c8b7;margin:0 0 20px}
.startup-credit{margin:0;text-align:center;color:#c5bfb3;font-size:12px;line-height:1.8;letter-spacing:.05em}
.startup-credit span{display:block;color:#a89e8f}
@media(max-height:520px){#startup-game{gap:14px;align-items:flex-end;justify-content:center;padding-top:max(18px,env(safe-area-inset-top));padding-bottom:max(18px,env(safe-area-inset-bottom))}.startup-art{object-position:30% 38%}#startup-game:before{background:linear-gradient(90deg,transparent 15%,#090911a6 50%,#090911e6),linear-gradient(0deg,#09091199,transparent 60%)}.startup-heading,.startup-bottom,.startup-credit{width:45%;margin:0}.startup-heading h1{font-size:30px}.startup-heading p{font-size:16px;margin-bottom:5px}.startup-bottom{min-height:0;padding-top:4px}#startup-loading .startup-tip{margin-top:14px}.startup-credit{margin:0}}
@media(prefers-reduced-motion:reduce){#studio-film{display:none}}

/* One intact illustration, slow camera drift and floating motes. No face warp. */
#startup-game{animation:startup-reveal .55s ease-out both}
.startup-art{transform:scale(1.025);animation:startup-breath 18s ease-in-out infinite alternate;transform-origin:50% 40%}
.startup-visual:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 17% 68%,#edc780d9 0 1px,transparent 2.6px),radial-gradient(circle at 28% 31%,#e7c694c2 0 1px,transparent 2px),radial-gradient(circle at 47% 57%,#ffe4b5d9 0 1.5px,transparent 3px),radial-gradient(circle at 68% 42%,#e7c694bb 0 1px,transparent 2px),radial-gradient(circle at 77% 76%,#edc780cc 0 1px,transparent 2.8px),radial-gradient(circle at 87% 22%,#fce9c3c2 0 1px,transparent 2px);animation:startup-embers 12s ease-in-out infinite alternate}
@keyframes startup-reveal{from{opacity:0}to{opacity:1}}
@keyframes startup-breath{from{transform:scale(1.025) translate3d(-2px,3px,0)}to{transform:scale(1.045) translate3d(2px,-3px,0)}}
@keyframes startup-embers{from{transform:translate3d(-5px,18px,0);opacity:.25}to{transform:translate3d(9px,-24px,0);opacity:.8}}
#startup-title #startup-enter{position:relative;isolation:isolate;min-height:60px;padding:12px 18px;border:0;border-image:none;background:none;color:#ead9ac;box-shadow:none;font-family:Georgia,'Noto Serif KR',serif;font-weight:500;font-size:clamp(16px,3.8vw,20px);letter-spacing:.13em;text-shadow:0 0 12px #eec78666,0 2px 4px #000;transition:color .2s,filter .2s;transform:none;cursor:pointer}
#startup-title #startup-enter:before{content:'';position:absolute;z-index:-1;left:2%;right:2%;top:50%;height:1px;background:linear-gradient(90deg,transparent,#c8aa6755 25%,#e3c681b3 50%,#c8aa6755 75%,transparent);box-shadow:0 0 15px 3px #dfbb6830;animation:startup-prompt 3.4s ease-in-out infinite alternate}
@keyframes startup-prompt{from{opacity:.35;transform:scaleX(.82)}to{opacity:.9;transform:scaleX(1)}}
#startup-title #startup-enter:hover{color:#fff1cc;filter:brightness(1.15);transform:none}
#startup-title #startup-enter:active{color:#fff6dc;filter:brightness(1.3);transform:none;box-shadow:none}
#startup-title #startup-enter:focus-visible{outline:none;text-decoration:underline;text-decoration-color:#d5ba7a;text-underline-offset:10px}
#startup-title p{display:none}
#startup-screen[data-hidden="true"] #startup-game,#startup-screen[data-hidden="true"] .startup-art,#startup-screen[data-hidden="true"] .startup-visual:after,#startup-screen[data-hidden="true"] #startup-enter:before{animation-play-state:paused}
#startup-screen.startup-reduced-motion #startup-game,#startup-screen.startup-reduced-motion .startup-art,#startup-screen.startup-reduced-motion #startup-enter:before{animation:none}
#startup-screen.startup-reduced-motion .startup-visual:after{display:none}
@media(prefers-reduced-motion:reduce){#startup-game,.startup-art,#startup-title #startup-enter:before{animation:none}.startup-visual:after{display:none}#startup-title #startup-enter{transition:none}}

.startup-visual{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none;contain:strict}.startup-visual .startup-art{z-index:0}

/* Approved title layout. The real locale picker stays accessible below the start action. */
#startup-game{align-items:center;justify-content:flex-start;gap:10px;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(14px,env(safe-area-inset-bottom))}
#startup-game:before{background:linear-gradient(180deg,#05060a9c 0,transparent 27%,#05060a0a 49%,#05060aba 78%,#05060aed 100%)}
#startup-game .startup-heading{position:absolute;top:max(6px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(420px,66%);margin:0;text-align:center;pointer-events:none}
#startup-game .startup-heading h1{font-size:0;line-height:1;margin:0}
.title-wordmark{display:block;width:100%;height:auto;filter:saturate(.32) sepia(.22) brightness(.91) drop-shadow(0 3px 5px #000b);pointer-events:none}
#startup-game .startup-bottom{order:1;width:min(420px,88%);min-height:88px;margin-top:auto;padding-top:10px}
#startup-game .startup-language{order:2;align-self:center;position:relative;display:flex;align-items:center;gap:8px;flex-shrink:0;z-index:5;background:#080b0b66;padding:0 8px;border-radius:2px}
#startup-game .startup-language label{font-size:11px;color:#bdb8a8}
#startup-game .startup-language select{min-height:44px;max-width:min(190px,60vw);padding:6px 8px;background:transparent;border:0;font-size:12px;color:#ddd1b4}
#startup-game .startup-language select:focus-visible{outline:1px solid #d5ba7a;outline-offset:1px}
#startup-game .startup-credit{order:3;width:100%;margin:0;color:#b7b0a1;font:11px/1.7 Georgia,serif;letter-spacing:.12em}
#startup-title{animation:startup-prompt-reveal 1.4s ease-out both}
#startup-title #startup-enter{font-size:18px;min-height:66px;letter-spacing:.16em}
.startup-motes{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.startup-motes i{position:absolute;left:var(--x);bottom:-6%;width:var(--size);height:var(--size);border-radius:50%;background:#f6d391;box-shadow:0 0 6px 1px #eec68166;opacity:0;animation:startup-mote var(--time) linear infinite;animation-delay:var(--delay)}
@keyframes startup-mote{0%{transform:translate3d(0,0,0);opacity:0}18%{opacity:.65}78%{opacity:.35}100%{transform:translate3d(var(--drift),-70dvh,0);opacity:0}}
@keyframes startup-prompt-reveal{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(min-width:900px){.startup-art{object-position:32% 37%}#startup-game:before{background:linear-gradient(90deg,transparent 25%,#08090da6 62%,#08090dda),linear-gradient(180deg,#08090d18,transparent 70%,#08090d70)}}
@media(max-width:600px){#startup-game .startup-heading{top:max(4px,env(safe-area-inset-top));width:min(290px,76%)}#startup-title #startup-enter{font-size:16px}#startup-game .startup-credit{font-size:10px}}
@media(max-height:520px) and (min-width:601px){#startup-game{gap:4px;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(10px,env(safe-area-inset-bottom))}#startup-game .startup-heading{top:max(0px,env(safe-area-inset-top));width:min(265px,40%)}#startup-game .startup-bottom{min-height:60px;padding:0}#startup-title #startup-enter{min-height:52px;font-size:15px}#startup-game .startup-credit{font-size:9px}#startup-loading .startup-tip{display:none}#startup-loading p{font-size:14px;margin-bottom:10px}#startup-game .startup-language{position:absolute;right:max(12px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom))}}
#startup-screen[data-hidden="true"] #startup-title,#startup-screen[data-hidden="true"] .startup-motes i{animation-play-state:paused}
#startup-screen.startup-reduced-motion #startup-title{animation:none}
#startup-screen.startup-reduced-motion .startup-motes{display:none}
@media(prefers-reduced-motion:reduce){#startup-title{animation:none}.startup-motes{display:none}}
@media(max-height:520px) and (min-width:601px){#startup-game .startup-heading{left:max(20px,env(safe-area-inset-left));transform:none;width:min(240px,31%);text-align:left}}