:root{font-family:Trebuchet MS,Segoe UI,sans-serif;color:#f9f8ef;background:radial-gradient(circle at top,rgba(62,191,181,.2),transparent 35%),linear-gradient(180deg,#172038,#0b1320 60%,#05080f)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;min-height:100%;margin:0}html{background:radial-gradient(circle at top,rgba(62,191,181,.2),transparent 35%),linear-gradient(180deg,#172038,#0b1320 60%,#05080f)}body{min-height:100dvh;overflow:hidden;overscroll-behavior:none;touch-action:manipulation;display:flex;align-items:center;justify-content:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#app{width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right));height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center}#app:fullscreen{width:100vw;height:100dvh;background:radial-gradient(circle at top,rgba(62,191,181,.18),transparent 35%),linear-gradient(180deg,#172038,#0b1320 60%,#05080f)}canvas{display:block;max-width:100%;max-height:100%;margin:auto;touch-action:none;image-rendering:pixelated;border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 90px #00000073,0 0 0 10px #ffffff05}@media(pointer:coarse){canvas{border:none;box-shadow:none}}