*{margin:0;padding:0;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}html,body{overflow:hidden;background-color:#000}.webgl{position:fixed;top:0;left:0;outline:none}#debug-panel{position:fixed;right:0;z-index:10000}gizmo-helper{position:fixed;bottom:0;left:0;z-index:100000}gizmo-helper:hover{background:#fff3;border-radius:100%;cursor:pointer}#preloader{z-index:9999;width:100%;height:100%;display:block;position:absolute}.viewport{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden}.track{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px;will-change:transform;pointer-events:all;transition:flex-direction .3s ease}.track.horizontal{flex-direction:row;align-items:center;justify-content:flex-start;height:100vh;width:max-content;padding:0 20px}.card{flex:0 0 auto;width:calc(100vw - 40px);max-width:800px;height:300px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.track.horizontal .card{width:400px;height:calc(100vh - 100px);max-width:none;max-height:600px}.card:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .3s ease;background:radial-gradient(circle at center,rgba(255,255,255,.2) 0%,transparent 70%)}.card:hover:before{opacity:1}.card-content{display:flex;flex-direction:column;align-items:center;gap:10px;z-index:1}.card-number{font-size:4rem;font-weight:700;text-shadow:0 4px 20px rgba(0,0,0,.3)}.card-title{font-size:1.2rem;font-weight:500;text-transform:uppercase;letter-spacing:3px;opacity:.9}.card-gradient-1{background:linear-gradient(135deg,#ff6b6b,#ff8e53)}.card-gradient-2{background:linear-gradient(135deg,#4ecdc4,#44a08d)}.card-gradient-3{background:linear-gradient(135deg,#667eea,#764ba2)}.card-gradient-4{background:linear-gradient(135deg,#f093fb,#f5576c)}.card-gradient-5{background:linear-gradient(135deg,#4facfe,#00f2fe)}.card-gradient-6{background:linear-gradient(135deg,#43e97b,#38f9d7)}.card-gradient-7{background:linear-gradient(135deg,#fa709a,#fee140)}.card-gradient-8{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#333}.card-gradient-9{background:linear-gradient(135deg,#5ee7df,#b490ca)}.card-gradient-10{background:linear-gradient(135deg,#d299c2,#fef9d7);color:#333}.card:hover{transform:scale(1.05);box-shadow:0 20px 60px #0000004d}.scroll-indicator{position:fixed;right:20px;top:50%;transform:translateY(-50%);width:4px;height:200px;background:#fff3;border-radius:2px;opacity:0;transition:opacity .3s ease,all .3s ease;pointer-events:none;z-index:1000}.scroll-indicator.horizontal{inset:auto auto 20px 50%;transform:translate(-50%);width:200px;height:4px}.scroll-indicator-bar{position:absolute;top:0;left:0;width:100%;height:40px;background:#fffc;border-radius:2px;transition:height .2s ease,width .2s ease}.scroll-indicator.horizontal .scroll-indicator-bar{width:40px;height:100%}.info-panel{position:fixed;top:20px;right:20px;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:15px 20px;z-index:1000;min-width:200px}.info-item{margin-bottom:8px;font-size:.85rem;display:flex;justify-content:space-between;align-items:center}.info-item:last-child{margin-bottom:0}.info-label{color:#ffffffb3;margin-right:10px}.info-value{font-weight:700;color:gold;font-family:Courier New,monospace}.dg.ac{z-index:1001!important}@media(max-width:768px){.track{flex-direction:column}.card{flex:0 0 200px;width:280px}.info-panel{top:10px;right:10px;min-width:150px;font-size:.75rem}.scroll-indicator{right:10px;height:150px}}.ui-blocks{position:fixed;inset:0;pointer-events:none;display:flex;justify-content:center;align-items:center;gap:400px;z-index:8000}.ui-block{pointer-events:none;opacity:0}.ui-block--thumb{width:180px;height:120px}.ui-block--large{margin-top:600px;width:360px;height:220px}