*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;overflow-x:hidden;scroll-behavior:smooth}.scroll-indicator{position:fixed;bottom:40px;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;align-items:center;gap:10px;color:#fffc;font-size:.75rem;text-transform:uppercase;letter-spacing:2px;animation:fadeIn 1s ease-out 1s both}.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,rgba(255,255,255,.8),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(10px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.models-container{width:100%}.model-space{position:relative;width:100%;height:100vh;overflow:hidden}.space-title{position:absolute;font-size:clamp(4rem,12vw,12rem);font-weight:800;font-family:Space Grotesk,sans-serif;letter-spacing:-3px;z-index:1;pointer-events:none;opacity:.6;text-transform:uppercase;line-height:.9;inset:auto;transform:none;text-align:center}.chibi-space .space-title{bottom:2rem;left:6%;text-align:center}.character-space .space-title{top:10rem;left:2rem;text-align:center}.fps-space .space-title{top:2rem;left:2rem;text-align:right}.props-space .space-title{top:2rem;right:2rem;text-align:right}.space-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.space-canvas canvas{pointer-events:auto}.chibi-space{background:radial-gradient(circle at 30% 40%,rgba(255,105,180,.8) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(135,206,250,.8) 0%,transparent 50%),url(/assets/chibiBackground-DhGVLphn.png) center/cover no-repeat,linear-gradient(135deg,#4a2a4d,#2d3a5f)}.chibi-space .space-title{background:linear-gradient(135deg,#ffb6c1,#add8e6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 40px rgba(255,182,193,.5))}.character-space{background:radial-gradient(circle at 20% 30%,rgba(147,51,234,.9) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(79,70,229,.9) 0%,transparent 50%),linear-gradient(135deg,#3d1f6b,#1e2a5e)}.character-space .space-title{background:linear-gradient(135deg,#8a2be2,#4169e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 40px rgba(138,43,226,.5))}.fps-space{background:radial-gradient(circle at 50% 50%,rgba(239,68,68,.85) 0%,transparent 50%),radial-gradient(circle at 30% 70%,rgba(249,115,22,.85) 0%,transparent 50%),linear-gradient(135deg,#4a2828,#331a1a)}.fps-space .space-title{background:linear-gradient(135deg,#dc143c,#ff4500);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 40px rgba(220,20,60,.5))}.props-space{background:radial-gradient(circle at 40% 40%,rgba(34,197,94,.85) 0%,transparent 50%),radial-gradient(circle at 60% 60%,rgba(20,184,166,.85) 0%,transparent 50%),linear-gradient(135deg,#2d4a35,#1a3d2e)}.props-space .space-title{background:linear-gradient(135deg,#2e8b57,#40e0d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 40px rgba(46,139,87,.5))}.space-canvas:after{content:"Click model to rotate • Drag to spin";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0009;backdrop-filter:blur(10px);padding:12px 28px;border-radius:30px;font-size:.85rem;color:#ffffffe6;z-index:5;pointer-events:none;opacity:1;transition:opacity .5s ease;border:1px solid rgba(255,255,255,.2)}.space-canvas.interacting:after{opacity:0}@media(max-width:1024px){.space-title{font-size:clamp(3rem,10vw,10rem)}}@media(max-width:768px){.space-title{font-size:clamp(2.5rem,8vw,8rem);opacity:.4}.scroll-indicator{bottom:30px;font-size:.7rem}.scroll-line{height:30px}.space-canvas:after{content:"Tap & drag model to rotate";font-size:.75rem;padding:10px 20px}}@media(hover:none)and (pointer:coarse){.space-canvas:after{content:"Tap & drag model to rotate"}}@media(max-width:480px){.space-title{font-size:clamp(2rem,6vw,6rem)}}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background:#0000004d}body::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:5px}body::-webkit-scrollbar-thumb:hover{background:#ffffff80}
