:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#111b1b;color:#f6f0dc}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}
body{background:radial-gradient(ellipse at 50% 20%,#30443a,#111b1b 70%)}
#game{position:relative;width:100%;height:100%;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
#unity-canvas{display:block;width:100%;height:100%;background:#111b1b;touch-action:none;outline:none}
.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse at 40% 10%,#34463b,#111b1b 75%);z-index:2}
.card{width:min(560px,100%);text-align:center}.eyebrow{color:#e8c66b;letter-spacing:.18em;font-size:12px;font-weight:700}
h1{font-size:clamp(26px,5vw,44px);line-height:1.12;letter-spacing:-.03em;margin:22px 0 18px}h2{font-size:26px}
p{color:#c4cfc7;line-height:1.55;font-size:16px;margin:12px auto;max-width:450px}.hint{font-size:12px;color:#a3b3a8;margin-top:22px}
button{font:inherit;font-weight:750;background:#e7c66f;color:#18261e;border:1px solid #ffe6a6;border-radius:12px;padding:15px 36px;cursor:pointer;min-height:48px;margin-top:16px;touch-action:manipulation}
button:hover{background:#f7d887}button:focus-visible{outline:3px solid #fff;outline-offset:4px}button:disabled{opacity:.6}
#progress-wrap{display:flex;align-items:center;gap:14px;margin:25px auto;width:min(360px,100%)}progress{width:100%;height:12px;accent-color:#e7c66f;border:0;border-radius:6px;overflow:hidden}
progress::-webkit-progress-bar{background:#34453c}progress::-webkit-progress-value{background:#e7c66f}progress::-moz-progress-bar{background:#e7c66f}#percent{font-size:13px;min-width:36px;font-variant-numeric:tabular-nums}
#fullscreen{position:absolute;right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));padding:2px 9px;min-height:32px;margin:0;font-size:22px;opacity:.65;z-index:1}
#rotate{display:none;z-index:3}.rotate-icon{font-size:64px;color:#e7c66f}
[hidden]{display:none!important}
@media(orientation:portrait) and (pointer:coarse){#rotate{display:flex}}
@media(max-height:440px){.overlay{padding:14px}h1{font-size:28px;margin:12px 0}p{font-size:14px;margin:8px auto}.hint{margin-top:12px}button{margin-top:8px;padding:10px 32px}.eyebrow{font-size:10px}}