:root{--color-bg-deep: #0f172a;--color-bg-soft: #1e293b;--color-primary: #818cf8;--color-secondary: #c084fc;--color-text-main: #f8fafc;--color-text-muted: #94a3b8;--font-family-base: "Inter", system-ui, -apple-system, sans-serif;--font-size-h1: clamp(1.6rem, 6vw, 2.5rem);--font-size-h2: clamp(1.4rem, 5vw, 2rem);--font-size-body: clamp(1.1rem, 3.5vw, 1.4rem);--font-size-small: clamp(.85rem, 2.5vw, 1rem);--font-size-sphere: clamp(1rem, 2.5vw, 1.2rem);--spacing-safe: clamp(16px, 5vw, 32px);--spacing-unit: 8px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family-base);background:radial-gradient(circle at top center,var(--color-bg-soft),var(--color-bg-deep));color:var(--color-text-main);min-height:100vh;min-height:-webkit-fill-available;overflow:hidden;-webkit-font-smoothing:antialiased;width:100vw}html{height:-webkit-fill-available}.app-container{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100vw;position:relative}.app-header{padding:var(--spacing-safe);text-align:center;position:absolute;top:0;width:100%;z-index:100;display:flex;align-items:center;justify-content:center;pointer-events:none}.app-header h1{font-weight:300;letter-spacing:.25em;text-transform:uppercase;font-size:var(--font-size-h1);opacity:.9;margin:0;pointer-events:none}.canvas-container{flex:1;position:relative;display:flex;align-items:center;justify-content:center;height:100%;width:100%}@media screen and (max-height: 450px) and (orientation: landscape){body:after{content:"Bitte nutze die App im Hochformat für das beste Erlebnis.";position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-bg-deep);color:#fff;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;text-align:center;font-size:1.2rem}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}