:root { color-scheme: dark; font-family: system-ui, -apple-system, sans-serif; background: #0b1210; color: #f4eed9; }
* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; }
body { padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); }
#mine-shell { position: relative; width: 100%; height: 100%; }
#unity-canvas { display: block; width: 100%; height: 100%; outline: none; touch-action: none; }
#welcome { position: absolute; inset: 0; display: grid; place-items: center; overflow-y: auto;
    background: linear-gradient(180deg, #09181280, #07110ce8 65%, #07110c), url("mine-panorama.png") center / cover; }
.welcome-content { width: min(100%, 440px); padding: 48px 28px 32px; text-align: center; }
.eyebrow { font-size: 11px; letter-spacing: .19em; color: #a4d7be; font-weight: 750; }
h1 { font: 800 clamp(30px, 9vw, 44px)/1.04 Georgia, serif; letter-spacing: .04em; color: #f9dfa2; text-shadow: 0 3px 0 #402e17, 0 8px 24px #000; margin: 28px 0 20px; }
h1 span { display: block; font-size: 1.48em; letter-spacing: .14em; padding-left: .14em; }
.intro { font-size: 16px; line-height: 1.65; color: #e0e9dc; margin-bottom: 34px; }
button { width: 100%; min-height: 56px; border: 1px solid #ffdc88; border-radius: 9px; background: linear-gradient(#e2b761, #af772e);
    box-shadow: inset 0 2px 0 #fff3b77d, 0 4px 0 #63421f, 0 9px 26px #0009; color: #241d0d; font: 800 17px system-ui; cursor: pointer; touch-action: manipulation; }
button span { margin-left: 16px; } button:disabled { opacity: .65; cursor: wait; } button:focus-visible { outline: 3px solid #85f4d5; outline-offset: 5px; }
progress { width: 100%; height: 7px; margin-top: 22px; accent-color: #7be0bd; }
progress::-webkit-progress-bar { background: #25372e; border-radius: 5px; } progress::-webkit-progress-value { background: #7be0bd; border-radius: 5px; }
#status { min-height: 42px; margin: 22px 0; color: #ccddcf; font-size: 13px; line-height: 1.6; }
.save-note { border-top: 1px solid #bda06850; padding-top: 20px; font-size: 12px; line-height: 1.65; color: #a8b8aa; }
[hidden] { display: none !important; }
@media (max-height: 500px) { .welcome-content { padding-top: 12px; } h1 { font-size: 26px; margin: 12px; } .intro { margin-bottom: 14px; } }