:root{color-scheme:dark;background:#080b1a;color:#f8fafc;font-family:Inter,ui-rounded,system-ui,sans-serif;--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)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{min-height:100vh;min-height:100dvh;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);background:radial-gradient(circle at 50% 8%,rgb(34 211 238 / 12%),transparent 32rem),linear-gradient(145deg,#080b1a,#0b1427 55%,#07111d);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.game-shell{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);width:100%;height:100%;min-height:0;place-items:center}#game-stage{position:relative;display:grid;width:100%;height:100%;min-width:0;min-height:0;place-items:center}#game-container{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;background:#080b1a}#game-container canvas{display:block;max-width:100%;max-height:100%;outline:none}.desktop-panel,.orientation-notice{display:none}#game-error{position:fixed;z-index:100;inset:20px;width:min(600px,calc(100% - 40px));height:fit-content;margin:auto;padding:20px;border:1px solid #fb7185;border-radius:12px;background:#451a24;text-align:center}@media(min-width:960px)and (min-height:620px){.game-shell{grid-template-columns:minmax(220px,1fr) minmax(320px,auto) minmax(220px,1fr);gap:clamp(18px,3vw,54px);padding:16px clamp(24px,4vw,72px)}.game-shell:before{position:fixed;z-index:-2;inset:0;background:linear-gradient(90deg,#080b1af7,#080b1ab3 35% 65%,#080b1af7),url(../assets/ninja-dash-banner-800x300.png) center / cover no-repeat;content:"";filter:saturate(.7);opacity:.48}#game-stage{width:auto;height:min(960px,calc(100vh - 32px));height:min(960px,calc(100dvh - 32px));aspect-ratio:9 / 16}#game-container{border:1px solid rgb(103 232 249 / 24%);border-radius:22px;box-shadow:0 28px 80px #0000008c,0 0 42px #22d3ee14}#game-container canvas{border-radius:21px}.desktop-panel{display:flex;width:min(300px,100%);flex-direction:column;gap:18px;align-self:center;text-shadow:0 2px 18px #080b1a}.desktop-panel--left{justify-self:end}.desktop-panel--right{justify-self:start}.desktop-panel h1{margin:0;font-size:clamp(48px,5vw,78px);line-height:.82;letter-spacing:-.06em;text-transform:uppercase}.desktop-panel h1 span,.panel-kicker{color:#67e8f9}.desktop-panel>p:not(.panel-kicker){max-width:28ch;margin:0;color:#cbd5e1;font-size:16px;line-height:1.6}.panel-kicker{margin:0;font-size:12px;font-weight:800;letter-spacing:.22em}.panel-card{display:grid;gap:7px;padding:16px 18px;border:1px solid rgb(148 163 184 / 20%);border-radius:16px;background:#0f172ac2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panel-card--accent{border-color:#22d3ee47;background:#082f49b8}.panel-card span{color:#a5b4c7;font-size:13px;line-height:1.5}.control-list{display:grid;gap:10px;margin:0}.control-list div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:10px;border-bottom:1px solid rgb(148 163 184 / 14%)}.control-list dt{color:#f8fafc;font-weight:750}.control-list dd{margin:0;color:#94a3b8;font-size:13px;text-align:right}}@media(max-width:959px),(max-height:619px){#game-stage{width:min(100%,calc((100vh - var(--safe-top) - var(--safe-bottom)) * .5625));width:min(100%,calc((100dvh - var(--safe-top) - var(--safe-bottom)) * .5625));height:100%;max-height:960px}}@media(max-width:600px)and (orientation:portrait){#game-stage,#game-container{width:100%;height:100%;max-height:none}}@media(orientation:landscape)and (max-height:540px)and (pointer:coarse){.orientation-notice{position:fixed;z-index:20;right:calc(10px + var(--safe-right));bottom:calc(10px + var(--safe-bottom));display:block;margin:0;padding:7px 10px;border:1px solid rgb(103 232 249 / 24%);border-radius:999px;background:#080b1ad1;color:#a5f3fc;font-size:11px;pointer-events:none}}@media(display-mode:standalone){body{background:#080b1a}}