:root{--site-bg:#eee9df;--site-card:#f5f1e9;--site-ink:#322e28;--site-sub:#655e52;--site-line:#62534233;--site-accent:#775a36;--site-on-accent:#fffaf1;color-scheme:light}
*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{font-family:var(--site-font);background:var(--site-bg);color:var(--site-ink);display:flex;flex-direction:column;height:100dvh}
.site-bar{width:100%;padding:0 max(10px,env(safe-area-inset-right)) 0 max(10px,env(safe-area-inset-left));min-height:44px;flex-shrink:0;flex-wrap:nowrap;border-bottom:1px solid var(--site-line)}.site-bar-links{flex:initial;flex-wrap:nowrap;margin:0}.site-bar-links a{font-size:12px;white-space:nowrap}.site-bar-home{min-height:40px}
.garage-stage{position:relative;flex:1;min-height:0;overflow:hidden;background:#c2bdb3}#wall{display:block;width:100%;height:100%;border:0;background:#c2bdb3}
.site-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:4px 14px max(4px,env(safe-area-inset-bottom));border-top:1px solid var(--site-line);font-size:11px;min-height:30px;flex-shrink:0}.site-foot a{color:var(--site-sub);white-space:nowrap}
button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #b9843d;outline-offset:3px}#replay{border:0;background:transparent;color:var(--site-accent);padding:5px 9px}
.intro{position:absolute;inset:0;background:#171612;color:#fff;z-index:10}.intro[hidden],[hidden]{display:none!important}#film{width:100%;height:100%;object-fit:contain;display:block}.intro-controls{position:absolute;left:18px;right:18px;top:18px;display:flex;justify-content:space-between;gap:12px}.intro button{border:1px solid #ffffff55;background:#181715c9;color:#fff;border-radius:999px;padding:11px 17px;min-height:44px;backdrop-filter:blur(8px)}.play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px}.intro #intro-status{position:absolute;bottom:24px;left:20px;right:20px;text-align:center;background:#181715b8;width:fit-content;margin:0 auto;padding:8px 14px;border-radius:20px}.intro #intro-status:empty{display:none}.no-script{position:absolute;inset:25% 10%;text-align:center}
@media(max-width:420px){.site-bar-links a{padding-inline:7px}.site-bar{gap:4px}.site-foot{font-size:10px;gap:5px}.intro-controls{left:10px;right:10px;top:10px}.intro button{font-size:12px}}

.intro{background:#7b8790;transition:opacity 300ms linear}
#film-surface{position:absolute;left:0;top:0;width:100%;height:100%}
#film,#tail{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.intro-controls{z-index:2}
.retry-scene{position:absolute;bottom:75px;left:50%;transform:translateX(-50%)}
@media(prefers-reduced-motion:reduce){.intro{transition:none}}

/* Landscape uses only side rails: no header/footer row takes model height. */
@media (orientation:landscape) and (min-width:560px) and (max-height:600px) and (max-width:1100px){
  .site-bar{position:absolute;top:0;bottom:0;left:env(safe-area-inset-left);width:36px;height:auto;min-height:0;padding:4px 0;border:0;flex-direction:column;justify-content:flex-start;z-index:20}
  .site-bar-home{width:36px;min-height:40px;padding:0;justify-content:center;font-size:0;gap:0}
  .site-bar-home::before{font-size:22px}
  .site-bar-links{display:none}
  .site-foot{position:absolute;top:auto;bottom:max(8px,env(safe-area-inset-bottom));left:env(safe-area-inset-left);right:auto;width:36px;height:auto;min-height:0;margin:0;padding:0;border:0;z-index:20}
  .site-foot>span,.site-foot>a{display:none}
  #replay{width:36px;padding:8px 5px;font-size:11px;line-height:1.5}
  .garage-stage{margin-left:calc(env(safe-area-inset-left) + 36px);margin-right:env(safe-area-inset-right);margin-bottom:0}
  .intro-controls{top:8px;left:10px;right:10px}
}