@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;500;700&family=Space+Grotesk:wght@300;400;600&display=swap";:root{--bg-color: #050a10;--grid-color: #1a202c;--text-primary: #f0f6fc;--text-secondary: #8b949e;--accent-color: #00f0ff;--accent-secondary: #7000ff;--player-color: #00ff9d;--font-display: "Outfit", sans-serif;--font-body: "Space Grotesk", monospace;--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .375vw, 1rem);--text-base: clamp(1rem, .9rem + .5vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .625vw, 1.25rem);--text-xl: clamp(1.25rem, 1rem + 1.25vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.25rem + 1.25vw, 2rem);--text-3xl: clamp(1.875rem, 1.5rem + 1.875vw, 2.5rem);--text-4xl: clamp(2.25rem, 1.75rem + 2.5vw, 3.5rem);--space-sm: clamp(.5rem, .4rem + .5vw, .75rem);--space-md: clamp(1rem, .8rem + 1vw, 1.5rem)}*{box-sizing:border-box;margin:0;padding:0}html{overflow:hidden;height:100%;overscroll-behavior:none}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-primary);overflow:hidden;touch-action:none;width:100vw;height:100vh;min-height:100dvh}button{cursor:pointer;border:none;background:var(--accent-color);color:#fff;padding:10px 20px;border-radius:8px;font-weight:700;transition:transform .1s,opacity .2s}button:hover{opacity:.9}button:active{transform:scale(.95)}h1,h2,h3{font-weight:700;margin-bottom:.5em}p{line-height:1.6;color:var(--text-secondary)}.overlay-container{padding:var(--space-md)}.overlay-header{flex-direction:row;gap:var(--space-md)}.site-title{font-size:var(--text-2xl)!important}.nav-group{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.nav-btn{font-size:var(--text-xs)!important;padding:8px 12px!important;white-space:nowrap}.projects-dropdown-trigger{min-height:44px}.play-btn{font-size:var(--text-xl)!important;padding:12px 30px!important;width:100%;max-width:300px}.instruction-text{font-size:var(--text-sm)!important}@media(max-width:768px){.overlay-container{padding:var(--space-sm)}.overlay-header{flex-direction:row;align-items:center!important;gap:var(--space-sm);justify-content:space-between}.site-title{font-size:var(--text-lg)!important;white-space:nowrap}.nav-group{width:auto;max-width:60%;justify-content:flex-start;overflow-x:auto;padding-bottom:0;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.nav-group::-webkit-scrollbar{height:0px;background:transparent}}.block-title{font-family:var(--font-display);font-size:var(--text-3xl)!important;margin-bottom:1.5rem;background:linear-gradient(90deg,#fff,var(--accent-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.block-body{font-size:var(--text-base)!important;line-height:1.7;font-family:var(--font-body);color:#fffc;flex-grow:1;overflow-y:auto;padding-right:10px}.block-link{font-family:var(--font-display);text-decoration:none;padding:10px 20px;border-radius:6px;background:#ffffff0d;color:var(--accent-color);border:1px solid rgba(0,240,255,.3);font-weight:500;transition:all .2s;font-size:var(--text-sm)!important;text-transform:uppercase;letter-spacing:1px;display:inline-block}.block-link:hover{background:var(--accent-color);color:#000}@keyframes menuFadeIn{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes itemSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}