:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0d1120;color:#f3f0e6}*{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%;overflow-x:hidden}body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 35%,#213049,transparent 70%),#0d1120}header{min-height:52px;padding:10px max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid #29344b}.brand{font-weight:700;font-size:13px;letter-spacing:.06em;color:#ead8a3;text-decoration:none}nav{display:flex;gap:14px;align-items:center;font-size:12px}a{color:#89e4d0;text-underline-offset:3px}button{font:inherit;border:1px solid #485369;color:#f3f0e6;background:#202d41;border-radius:7px;padding:7px 11px;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #f0cf80;outline-offset:4px}main{flex:1;display:flex;justify-content:center;align-items:center;padding:10px 8px}#game-stage{position:relative;aspect-ratio:9/16;width:min(540px,calc((100vh - 106px)*.5625),calc(100vw - 16px));width:min(540px,calc((100dvh - 106px)*.5625),calc(100vw - 16px));background:#07161e;box-shadow:0 16px 70px #0008;overflow:hidden}canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}#loading,#error{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:26px;text-align:center;background:radial-gradient(ellipse,#233849,#0b1925);font-size:14px}#loading[hidden],#error[hidden]{display:none}.loading-title{font-family:Georgia,serif;font-size:30px;color:#f0cf80}.progress-track{width:80%;height:6px;border-radius:10px;background:#3e4a5b;overflow:hidden;margin:18px 0 12px}#progress{height:100%;width:0;background:#7de4c5}#progress-text{font-size:12px;color:#b9c6d5}#error h1{font-size:22px;color:#f0cf80}#error a{margin-top:18px}footer{display:flex;justify-content:center;gap:18px;padding:6px 12px max(10px,env(safe-area-inset-bottom));font-size:11px;color:#aebccc;line-height:16px;text-align:center}#game-stage:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;display:flex;justify-content:center;background:#07161e}#game-stage:fullscreen canvas{width:min(100vw,calc(100vh*.5625));height:100vh}@media(max-width:450px){header{min-height:44px;padding-top:7px;padding-bottom:7px;gap:9px}.brand{font-size:11px;letter-spacing:.02em}nav{gap:9px;font-size:11px}nav button{padding:5px 7px}main{padding:4px 0}#game-stage{width:min(100vw,calc((100vh - 84px)*.5625));width:min(100vw,calc((100dvh - 84px)*.5625))}footer{flex-wrap:wrap;gap:0 12px;font-size:10px;padding-top:3px;padding-bottom:7px}}@media(max-height:500px) and (min-width:451px){header{min-height:40px}footer{display:none}#game-stage{width:min(540px,calc((100dvh - 60px)*.5625),calc(100vw - 16px))}}

/* The game now lays out to the viewport instead of a fixed 9:16 stage. */
html,body{height:100%;height:100dvh;overflow:hidden}
main{min-height:0;min-width:0;padding:0;align-items:stretch}
#game-stage{width:100%;height:100%;min-height:0;aspect-ratio:auto;box-shadow:none}
#game-stage:fullscreen,#game-stage:fullscreen canvas{width:100vw;height:100vh;height:100dvh;max-width:none;aspect-ratio:auto}
@media(max-width:450px){main{padding:0}#game-stage{width:100%;height:100%}footer{display:none}}