/* Asset readiness is the only loading boundary. Entering the computer is instant. */
.scene-computer{animation:none!important;transition:none!important}
body.booting>.scene-room,body.booting>.scene-computer,body.booting>#narrative{visibility:hidden}
#boot{position:fixed;inset:0;z-index:100;background:#1b2b27;display:grid;place-content:center;text-align:center;color:#e9e2cd;font:15px sans-serif;gap:20px;padding:30px}
#boot .boot-wordmark{font:24px sans-serif;letter-spacing:8px;color:#d4c59c}#boot-status{font-size:14px;color:#bec7b7;max-width:360px;line-height:1.8}
#boot progress{width:280px;height:3px;margin:auto;appearance:none;border:0;background:#3b4b42}#boot progress::-webkit-progress-bar{background:#3b4b42}#boot progress::-webkit-progress-value{background:#c8b884}#boot-retry{color:#e8e1ca;background:#33493e;border-color:#677a60;padding:10px}
.hotspot.computer .hotspot-caption{top:106%;bottom:auto;left:52%;transform:translateX(-50%);opacity:1;z-index:1;display:block;padding:8px 14px;font-size:clamp(10px,.73cqw,14px)}
.hotspot.computer:hover .hotspot-caption,.hotspot.computer:focus-visible .hotspot-caption{transform:translateX(-50%);background:#1d342aed}
.desktop-icon .icon-picture{background:none;border:0;box-shadow:none;border-radius:0;width:64px;height:64px}.desktop-icon .icon-picture:after{display:none}.app-icon{display:block;object-fit:contain;image-rendering:pixelated;width:100%;height:100%;filter:drop-shadow(1px 2px 0 #16383255)}
.mini-apps button>.mini-icon{width:1.8cqw;height:1.8cqw;min-width:12px;min-height:12px;line-height:1;display:block}.mini-apps button{gap:2px}.mini-apps{padding:1% 0}
.desktop-home{overflow:auto}
#app-title{display:flex;align-items:center;gap:9px}#app-title .app-icon{width:22px;height:22px;filter:none}#running-app button{display:flex;align-items:center;gap:6px}#running-app .app-icon{width:20px;height:20px;filter:none}
.sound-toggle{font-size:12px!important;white-space:nowrap}.title-audio{position:absolute;right:4%;top:4%;background:#1b3027a8!important;color:#e9e4d1!important;border:1px solid #b7b89b6b;padding:9px 14px}.settings-audio{display:grid;grid-template-columns:90px 1fr 42px;gap:16px;align-items:center;margin:22px 0}.settings-audio input{width:100%;accent-color:#5b7765}.settings-audio output{text-align:right;font-variant-numeric:tabular-nums}.settings-guide{padding-top:16px;border-top:1px solid #ccd5bf;margin-top:24px}.settings-guide p{font-size:14px;line-height:1.8}.settings-guide button{margin-right:8px;margin-top:8px}
#tutorial{position:fixed;inset:0;z-index:40;pointer-events:none;font-family:Roboto,'Noto Sans KR',sans-serif}.tutorial-ring{position:fixed;border:2px solid #d9ad58;border-radius:4px;box-shadow:0 0 0 4px #dab66520;pointer-events:none}.tutorial-card{position:fixed;width:340px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;padding:20px 22px;background:#fbf6e9;color:#34493e;border:1px solid #cab990;box-shadow:0 12px 48px #12251d45,0 2px 4px #14261c25;pointer-events:auto;border-radius:5px;text-align:left}.tutorial-card header{display:flex;justify-content:space-between;align-items:center;color:#947844;font-size:11px;letter-spacing:1.5px}.tutorial-card header button{background:none;border:0;color:#758471;padding:0 3px;font-size:23px;line-height:1}.tutorial-card h2{font-size:20px;font-weight:600;line-height:1.5;margin:10px 0}.tutorial-card p{font-size:15px;line-height:1.85;margin:0 0 20px;word-break:keep-all;overflow-wrap:anywhere}.tutorial-card footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.tutorial-card footer button{font-size:12px;padding:8px 10px;border:0;background:none;color:#7d826e;white-space:nowrap}.tutorial-card footer button:last-child{background:#385c4b;color:#fff8e6;border:1px solid #294635;border-radius:2px}.tutorial-card button:focus-visible{outline:2px solid #b98735;outline-offset:3px}.guide-reference{display:grid;gap:18px}.guide-reference h3{margin:0 0 8px;font-size:18px}.guide-reference p{margin:0;line-height:1.85;font-size:15px}
@media(max-height:850px){.desktop-icons{grid-template-columns:repeat(2,156px);gap:14px}.desktop-home{padding:18px}.desktop-watermark{left:69%;top:55%}.desktop-watermark .pc-name{font-size:64px}}
@media(max-width:650px){.desktop-icons{grid-template-columns:repeat(2,100px);gap:9px}.desktop-icon .icon-picture{width:40px;height:40px}#app-title .app-icon{width:16px;height:16px}#running-app .app-icon{width:14px;height:14px}.tutorial-card{width:290px;padding:15px 18px}.tutorial-card p{font-size:13px;line-height:1.7}.tutorial-card h2{font-size:17px}.sound-toggle{font-size:10px!important}.computer-menu .inline-flex{gap:4px}.title-audio{font-size:12px}.hotspot.computer .hotspot-caption{padding:5px 7px}.settings-audio{grid-template-columns:70px 1fr 35px;gap:10px}}

/* Geometric window controls stay centered independently of font metrics. */
.app-window-actions button{display:grid;place-items:center;padding:0;line-height:1}.app-window-actions button svg{display:block;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square;pointer-events:none}

/* Narrative pages share a persistent backdrop; only their content cross-fades. */
#narrative>.title-shade,#narrative>.ending-backdrop{position:fixed;inset:0}.narrative-content{position:relative;display:flow-root;min-height:100%;opacity:1;transition:opacity .45s ease}#narrative.content-fading{pointer-events:none}#narrative.content-fading>.narrative-content{opacity:0}@media(prefers-reduced-motion:reduce){.narrative-content{transition:none}}