*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:Courier New,monospace;color-scheme:dark;--color-bg: #0a0a1a;--color-text: #e0e0e0;--color-accent: #00e5ff;--color-accent-secondary: #ff6b35}body{min-height:100dvh;background:var(--color-bg);color:var(--color-text)}#app{max-width:80ch;margin-inline:auto}nav{display:flex;gap:1.5rem;padding-bottom:1rem;margin-bottom:1.5rem;border-bottom:1px solid #222}nav a{color:var(--color-accent);text-decoration:none;font-weight:700;transition:color .2s}nav a:hover,nav a.active{color:var(--color-accent-secondary)}h1{color:var(--color-accent);font-size:2rem;margin-bottom:.5rem}.play-button{display:inline-block;margin-top:1.5rem;padding:.75rem 2rem;background:var(--color-accent);color:var(--color-bg);text-decoration:none;font-weight:700;font-size:1.2rem;border-radius:4px;transition:background .2s,transform .1s}.play-button:hover{background:var(--color-accent-secondary);transform:scale(1.05)}