:root{--primary:#8a2be2;--secondary:#0f0;--bg-dark:#0a0a0a;--text-main:#f0f0f0;--text-muted:#a0a0a0;--glass-bg:#141419a6;--glass-border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);width:100vw;height:100vh;font-family:Outfit,sans-serif;overflow:hidden}#canvas-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.ui-container{z-index:10;pointer-events:none;justify-content:space-between;align-items:flex-start;width:100%;height:100%;padding:2rem;display:flex;position:absolute;top:0;left:0}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);pointer-events:auto;opacity:0;border-radius:16px;padding:1.5rem;animation:.8s cubic-bezier(.16,1,.3,1) forwards slideIn;box-shadow:0 8px 32px #0000004d}.main-header{transform:translateY(-20px)}.logo-area h1{background:linear-gradient(135deg,#fff,#a0a0a0);-webkit-text-fill-color:transparent;letter-spacing:1px;-webkit-background-clip:text;font-family:Space Grotesk,sans-serif;font-size:2.5rem;font-weight:700}.season{color:var(--primary);letter-spacing:2px;text-transform:uppercase;margin-top:.2rem;font-size:.8rem;font-weight:600;display:block}.subtitle{color:var(--text-muted);margin-top:.8rem;font-size:1rem}.sidebar{width:320px;animation-delay:.2s;transform:translate(20px)}.sidebar h2{border-bottom:1px solid var(--glass-border);margin-bottom:1.5rem;padding-bottom:.8rem;font-size:1.2rem}.element-list{margin-bottom:2rem;list-style:none}.element-list li{align-items:center;gap:1rem;margin-bottom:1rem;font-size:.95rem;transition:transform .2s;display:flex}.element-list li:hover{transform:translate(5px)}.color-dot{border-radius:50%;width:16px;height:16px;box-shadow:0 0 10px}.color-dot.purple{color:var(--primary);background:var(--primary)}.color-dot.green{color:var(--secondary);background:var(--secondary)}.icon-obelisk{background:linear-gradient(#ddd,#666);border-radius:2px;width:16px;height:24px}.icon-ramp{clip-path:polygon(0 100%,100% 100%,100% 0);background:#555;width:20px;height:12px}.controls-info h3{color:var(--text-muted);margin-bottom:.8rem;font-size:1rem}.controls-info p{color:#ccc;margin-bottom:.4rem;font-size:.85rem}.controls-info strong{color:#fff}@keyframes slideIn{to{opacity:1;transform:translate(0)}}@media (width<=768px){.ui-container{flex-direction:column;gap:1rem;padding:1rem}.sidebar{width:100%}}