:root{--font-family: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--color-light: rgba(255, 255, 255, .87);--color-dark: #242424;--bg-gradient: radial-gradient(circle at center, #000428, #004e92);--accent-color: #00bfff;--glow-color: rgba(0, 191, 255, .6);--glass-bg: rgba(10, 10, 20, .45);--glass-border: rgba(255, 255, 255, .12);--glass-blur: blur(12px) saturate(180%);--text-dim: rgba(255, 255, 255, .5);font-family:var(--font-family);line-height:1.5;font-weight:400;color-scheme:dark;color:var(--color-light);background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center;transition:background 1.5s ease-in-out}#root{width:100%;height:100%}.app{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background:var(--bg-gradient);transition:background 1.5s ease-in-out;position:relative}.app.space{--bg-gradient: radial-gradient(circle at center, #000428, #004e92);--accent-color: #00bfff;--glow-color: rgba(0, 191, 255, .6)}.app.nebula{--bg-gradient: linear-gradient(45deg, #360033, #0b8793);--accent-color: #0b8793;--glow-color: rgba(11, 135, 147, .6)}.app.galaxy{--bg-gradient: radial-gradient(circle, #1a2a6c, #b21f1f, #fdbb2d);--accent-color: #fdbb2d;--glow-color: rgba(253, 187, 45, .6)}.app.starfield{--bg-gradient: #000 url(https://www.transparenttextures.com/patterns/stardust.png) repeat;--accent-color: #ffffff;--glow-color: rgba(255, 255, 255, .4)}.app.snowy-mountains{--bg-gradient: url(https://images.unsplash.com/photo-1527236278376-a1ed0f95da30?q=80&w=2070&auto=format&fit=crop) no-repeat center center/cover;--accent-color: #e0f7fa;--glow-color: rgba(224, 247, 250, .5)}.app.sunset-beach{--bg-gradient: url(https://images.unsplash.com/photo-1422493757035-1e5e03968f95?q=80&w=2008&auto=format&fit=crop) no-repeat center center/cover;--accent-color: #ff8c00;--glow-color: rgba(255, 140, 0, .5)}.app.amazon-forest{--bg-gradient: url(https://images.unsplash.com/photo-1568399032147-1011aa65f85a?q=80&w=1974&auto=format&fit=crop) no-repeat center center/cover;--accent-color: #2e7d32;--glow-color: rgba(46, 125, 50, .5)}.app.volcano{--bg-gradient: url(https://images.unsplash.com/photo-1720709734276-cd14a216bcad?q=80&w=1964&auto=format&fit=crop) no-repeat center center/cover;--accent-color: #ff4500;--glow-color: rgba(255, 69, 0, .5)}.app.underwater{--bg-gradient: url(https://images.unsplash.com/photo-1560259324-12a044e67c34?q=80&w=1974&auto=format&fit=crop) no-repeat center center/cover;--accent-color: #00ced1;--glow-color: rgba(0, 206, 209, .5)}.app.desert{--bg-gradient: url(https://images.unsplash.com/photo-1559767180-47d8f4919e5d?q=80&w=2030&auto=format&fit=crop) no-repeat center center/cover;--accent-color: #edc9af;--glow-color: rgba(237, 201, 175, .5)}.app.moon-surface{--bg-gradient: url(https://images.unsplash.com/photo-1647071263966-ba986d17863a?q=80&w=2147&auto=format&fit=crop) no-repeat center center/cover;--accent-color: #a9a9a9;--glow-color: rgba(169, 169, 169, .5)}.app.white-diamond{--bg-gradient: #000736 url(https://www.transparenttextures.com/patterns/white-diamond.png);--accent-color: #ffffff;--glow-color: rgba(255, 255, 255, .4)}.glass-panel{position:relative;overflow:hidden;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 4px 30px #0000001a;contain:layout paint}.glass-panel:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--accent-color),transparent 60%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:destination-out;pointer-events:none;z-index:0}.hud-status{font-family:Courier New,monospace;font-size:9px;letter-spacing:.1em;color:var(--accent-color);opacity:.8;text-transform:uppercase;margin:0 0 8px;text-shadow:0 0 6px var(--glow-color)}.track-selector-row{display:flex;gap:8px;flex-wrap:wrap}.corner-tl,.corner-tr,.corner-bl,.corner-br{position:absolute;width:10px;height:10px;border-color:var(--accent-color);border-style:solid;opacity:.7}.corner-tl{top:6px;left:6px;border-width:1.5px 0 0 1.5px}.corner-tr{top:6px;right:6px;border-width:1.5px 1.5px 0 0}.corner-bl{bottom:6px;left:6px;border-width:0 0 1.5px 1.5px}.corner-br{bottom:6px;right:6px;border-width:0 1.5px 1.5px 0}.hud-panel-inner{position:relative;z-index:1;padding:20px;display:flex;flex-direction:column;gap:10px}.multiPlayerContainer{position:absolute;bottom:40px;right:40px;z-index:10}@media(prefers-reduced-motion:reduce){body,.app{transition:none}}main{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;min-width:320px;min-height:80vh;perspective:200px}.rotating-cube{position:relative;width:100px;height:100px;transform-style:preserve-3d;transition:box-shadow .3s ease-in-out;cursor:pointer;z-index:1}.rotating-cube:hover{box-shadow:0 0 40px var(--glow-color)}.rotating-cube .face{position:absolute;width:100%;height:100%;opacity:.5;display:flex;justify-content:center;align-items:center;border:1px solid rgba(255,255,255,.2);box-shadow:0 0 10px #0000004d;backface-visible:hidden}.rotating-cube .front{transform:translateZ(100px);background-image:linear-gradient(45deg,#360033,#c5ecf0)}.rotating-cube .back{transform:translateZ(-100px) rotateY(180deg);background-image:linear-gradient(45deg,#43cea2,#185a9d)}.rotating-cube .left{transform:translate(-100px) rotateY(-90deg);background-image:linear-gradient(45deg,#363636,#fdbb2d)}.rotating-cube .right{transform:translate(100px) rotateY(-90deg);background-image:linear-gradient(45deg,#36d1dc,#ffc3a0)}.rotating-cube .top{transform:translateY(-100px) rotateX(-90deg);background-image:linear-gradient(45deg,#c33764,#0017eb)}.rotating-cube .bottom{transform:translateY(100px) rotateX(90deg);background-image:linear-gradient(45deg,#ece4e2,red)}