:root { color-scheme: dark; background: #020105; }
* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; overscroll-behavior: none; }
.experience { position: fixed; inset: 0; isolation: isolate; overflow: hidden; background: #020105; }
canvas { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
canvas { opacity: 0; transition: opacity 1.2s ease; touch-action: none; -webkit-tap-highlight-color: transparent; }
.is-ready canvas { opacity: 1; }
canvas:focus { outline: none; }
canvas:focus-visible { outline: 1px solid #fc7355; outline-offset: -8px; }
@media (prefers-reduced-motion: reduce) { canvas { transition: none; } }