@font-face{font-family:"Chakra Petch";src:url("fonts/ChakraPetch-Regular.ttf");font-weight:400;font-display:swap}
@font-face{font-family:"Chakra Petch";src:url("fonts/ChakraPetch-Bold.ttf");font-weight:700;font-display:swap}
:root{color-scheme:dark;font:15px/1.5 "Chakra Petch",sans-serif;color:#e8e4d9;background:#191d20}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}
button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:1px solid #525247;border-radius:4px;cursor:pointer;min-height:44px;padding:4px 10px}
a:focus-visible,button:focus-visible,canvas:focus-visible{outline:2px solid #d99a3d;outline-offset:-2px}
[hidden]{display:none!important}
.player-bar{height:calc(48px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #3f484c;font-size:12px;background:#191d20}
.player-bar a{display:flex;align-items:center;min-height:44px;gap:8px}.player-bar span{color:#b0b5b6;font-size:10px;letter-spacing:.12em}.player-bar button{border-radius:9px 9px 6px 6px}.exit-mark{display:block;flex-shrink:0}
#unity-container{position:relative;width:100%;height:calc(100% - 48px - env(safe-area-inset-top));padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
#unity-canvas{display:block;width:100%;height:100%;background:#06080b;touch-action:none}
/* Keep the cover opaque until Unity's destination frames are ready. */
#unity-loading-container{position:absolute;inset:0;z-index:20;isolation:isolate;background:#191d20;display:grid;place-items:center;overflow:auto;padding:24px max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));opacity:1;transition:opacity .18s ease}
#unity-loading-container.leaving{opacity:0}#unity-loading-bar{max-width:400px;width:100%;margin:auto}
#unity-loading-container{grid-template-rows:minmax(min-content,1fr) auto;row-gap:32px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}
.studio-logo{display:block;width:112px;height:56px;object-fit:contain;pointer-events:none}
.wordmark{display:block;width:100%;height:auto;max-width:400px;margin:0 0 32px}
h1{font-size:clamp(24px,6vw,34px);line-height:1.3;letter-spacing:-.02em;margin:0 0 20px}
/* Preserve real download progress for assistive technology; the tire marks are indeterminate. */
progress{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.burnout{display:block;width:92%;max-width:368px;height:auto;aspect-ratio:368/176;margin-inline:auto;pointer-events:none}
#loading-percent{display:block;margin-top:8px;text-align:right;font-size:12px;color:#b0b5b6}
#loading-error{color:#b0b5b6;line-height:1.6;margin:12px 0 20px}
#retry{background:#d99a3d;color:#191d20;border:0;border-radius:10px 10px 6px 6px;font-weight:700;padding:10px 20px}
.back{display:block;font-size:12px;color:#b0b5b6;padding:14px 0;text-decoration:underline}
@media(max-width:350px){.player-bar{gap:6px;font-size:11px}.player-bar span{font-size:9px;letter-spacing:0}.exit-mark{width:20px;height:20px}.player-bar button{font-size:11px}}
@media(max-height:650px){.wordmark{max-width:280px;margin:0 auto 24px}.burnout{max-width:257.6px}#unity-loading-bar{padding-block:4px}}
@media(max-height:450px) and (min-width:600px){h1{font-size:28px;margin-bottom:16px}}
@media(max-height:450px) and (min-width:600px){.failed #unity-loading-bar{max-width:760px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:36px;align-items:start}.failed .wordmark{grid-column:1;grid-row:1;margin:0 0 20px}.failed h1{grid-column:1;grid-row:2;margin:0 0 20px;font-size:28px}.failed #loading-error{grid-column:2;grid-row:1/3;margin:0}.failed #retry{grid-column:2;grid-row:3/5}.failed .back{grid-column:2;grid-row:5}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(prefers-reduced-motion:reduce){.burnout{aspect-ratio:368/48}}