*{box-sizing:border-box;margin:0;padding:0}:root{--viewport-width:100vw;--viewport-height:100vh;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}@supports (height:100dvh){:root{--viewport-width:100dvw;--viewport-height:100dvh}}html,body{overscroll-behavior:none;color:#fff;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;background:#000;width:100%;height:100%;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}#stage-wrapper{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#stage{--stage-max-width:calc(var(--viewport-width) - var(--safe-left) - var(--safe-right));--stage-max-height:calc(var(--viewport-height) - var(--safe-top) - var(--safe-bottom));width:min(var(--stage-max-width), calc(var(--stage-max-height) * 16 / 9));height:min(var(--stage-max-height), calc(var(--stage-max-width) * 9 / 16));background:#1a0033;position:relative;overflow:hidden;box-shadow:0 0 40px #aa3bff26}#stage canvas{image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;display:block;width:100%!important;height:100%!important}#orientation-lock,#fullscreen-button{display:none}#fullscreen-help{left:50%;bottom:max(16px, env(safe-area-inset-bottom));z-index:100001;color:#ffecc0;text-align:center;opacity:0;pointer-events:none;background:#08060ef0;border:1px solid #ffe066d1;border-radius:14px;width:min(88vw,520px);padding:12px 14px;font-size:13px;line-height:1.45;transition:opacity .18s,transform .18s;position:fixed;transform:translate(-50%,18px);box-shadow:0 12px 40px #00000061}#fullscreen-help.is-visible{opacity:1;transform:translate(-50%)}@media (orientation:landscape) and (hover:none) and (pointer:coarse){#fullscreen-button{right:max(10px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));z-index:100000;color:#ffe066;background:#120a23d1;border:1px solid #ffe066e6;border-radius:999px;padding:9px 13px;font:800 13px system-ui,-apple-system,sans-serif;display:block;position:fixed;box-shadow:0 8px 28px #00000059,0 0 18px #aa3bff33}}@media (orientation:portrait) and (hover:none) and (pointer:coarse){#stage-wrapper{visibility:hidden}#orientation-lock{z-index:100000;padding:max(24px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));background:radial-gradient(circle at 50% 30%,#aa3bff38,#0000 34%),linear-gradient(#12001f 0%,#030007 100%);place-items:center;display:grid;position:fixed;inset:0}.orientation-card{text-align:center;background:#0d0818eb;border:2px solid #ffe066e0;border-radius:24px;width:min(86vw,360px);padding:28px 22px;box-shadow:0 18px 60px #0000007a,0 0 36px #aa3bff33}.orientation-phone{border:5px solid #ffe066;border-radius:18px;width:68px;height:112px;margin:0 auto 20px;position:relative;transform:rotate(90deg);box-shadow:0 0 24px #ffe06647}.orientation-phone:after{content:"";background:#ffe066;border-radius:999px;width:10px;height:10px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.orientation-title{color:#ffe066;letter-spacing:.04em;margin-bottom:8px;font-size:28px;font-weight:900}.orientation-copy{color:#e7d7ff;font-size:15px;line-height:1.55}}