:root{--game-gutter: clamp(.35rem, 1.5vw, 1rem);font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f8fafc;background:#111827}*{box-sizing:border-box}body{margin:0;min-width:0;min-height:100vh;min-height:100dvh;overflow:hidden}.application-shell{display:grid;width:100%;min-height:100vh;min-height:100dvh;place-items:center;padding:var(--game-gutter)}#game-root{width:min(100%,960px);aspect-ratio:16 / 9;overflow:hidden;border:1px solid #334155;border-radius:.75rem;box-shadow:0 1.5rem 4rem #00000059}#game-root canvas{display:block;touch-action:none;user-select:none;-webkit-user-select:none}#orientation-notice{display:none}@media(orientation:landscape)and (max-height:500px){.application-shell{padding:.35rem}#game-root{width:auto;height:calc(100vh - .7rem);height:calc(100dvh - .7rem);max-width:100%}}@media(orientation:portrait)and (pointer:coarse){#orientation-notice{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:1.5rem;color:#f8fafc;background:#020617eb;text-align:center}#orientation-notice div{display:grid;gap:.65rem;max-width:20rem;padding:1.5rem;border:1px solid #64748b;border-radius:1rem;background:#0f172a}#orientation-notice strong{font-size:1.25rem}#orientation-notice span{color:#cbd5e1;line-height:1.45}}
