.unity-layout{display:flex;gap:8px;height:100%}.unity-hierarchy{width:70px;display:flex;flex-direction:column;gap:2px;border-right:1px solid rgba(255,255,255,.12);padding-right:8px}.unity-item{font-size:11px;font-weight:500;padding:3px 5px;border-radius:3px;color:#cbd5e1;opacity:0;display:flex;align-items:center;gap:3px}.demo-3d-game.in-view .unity-item:nth-child(1){animation:game-slide-in .3s .2s ease forwards}.demo-3d-game.in-view .unity-item:nth-child(2){animation:game-slide-in .3s .3s ease forwards}.demo-3d-game.in-view .unity-item:nth-child(3){animation:game-slide-in .3s .4s ease forwards}.demo-3d-game.in-view .unity-item:nth-child(4){animation:game-slide-in .3s .5s ease forwards}.demo-3d-game.in-view .unity-item:nth-child(5){animation:game-slide-in .3s .6s ease forwards}.unity-item.unity-active{background:#7c3aed26;color:#a78bfa;font-weight:700}.unity-item-icon{width:8px;height:8px;border-radius:2px;flex-shrink:0}.unity-item-icon--scene{background:#a78bfa}.unity-item-icon--obj{background:#60a5fa}.unity-item-icon--light{background:#fbbf24}.unity-item-icon--cam{background:#34d399}.unity-viewport{flex:1;background:#1e1b2e;border-radius:6px;display:flex;align-items:center;justify-content:center;position:relative;opacity:0;overflow:hidden}.demo-3d-game.in-view .unity-viewport{animation:game-fade-up .5s .3s ease forwards}.unity-grid{position:absolute;inset:0;opacity:.15}.unity-grid line{stroke:#7c3aed;stroke-width:.5}.unity-cube{width:32px;height:32px;border:2px solid #A78BFA;border-radius:4px;transform:rotate(45deg);opacity:0}.demo-3d-game.in-view .unity-cube{animation:game-pop .5s .7s ease forwards}.unity-fps{position:absolute;top:4px;right:6px;font-size:11px;font-weight:700;color:#34d399}.unity-status{position:absolute;bottom:4px;left:6px;font-size:10px;color:#a78bfa}.gami-wrap{width:100%;display:flex;flex-direction:column;gap:8px}.gami-xp-bar-wrap{width:100%}.gami-xp-label{display:flex;justify-content:space-between;font-size:11px;font-weight:700;color:#cbd5e1;margin-bottom:3px}.gami-xp-bar{height:8px;background:#ffffff1a;border-radius:9999px;overflow:hidden}.gami-xp-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:9999px;width:0}.demo-gamification.in-view .gami-xp-fill{animation:game-bar-grow 1s .3s ease forwards}.gami-badges{display:flex;gap:6px;justify-content:center}.gami-badge{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;opacity:0;border:2px solid transparent}.demo-gamification.in-view .gami-badge:nth-child(1){animation:game-pop .4s .5s ease forwards}.demo-gamification.in-view .gami-badge:nth-child(2){animation:game-pop .4s .7s ease forwards}.demo-gamification.in-view .gami-badge:nth-child(3){animation:game-pop .4s .9s ease forwards}.demo-gamification.in-view .gami-badge:nth-child(4){animation:game-pop .4s 1.1s ease forwards}.gami-badge--gold{background:#f59e0b33;border-color:#fbbf24}.gami-badge--silver{background:#94a3b826;border-color:#cbd5e1}.gami-badge--bronze{background:#ea580c33;border-color:#fb923c}.gami-badge--locked{background:#ffffff0d;border-color:#ffffff1f}.gami-leaderboard{display:flex;flex-direction:column;gap:3px}.gami-lb-row{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#ffffff14;border-radius:4px;font-size:12px;opacity:0}.demo-gamification.in-view .gami-lb-row:nth-child(1){animation:game-fade-up .3s 1.2s ease forwards}.demo-gamification.in-view .gami-lb-row:nth-child(2){animation:game-fade-up .3s 1.3s ease forwards}.demo-gamification.in-view .gami-lb-row:nth-child(3){animation:game-fade-up .3s 1.4s ease forwards}.gami-lb-rank{font-weight:900;color:#fbbf24;width:16px}.gami-lb-name{flex:1;font-weight:500;color:#e2e8f0}.gami-lb-pts{font-weight:700;color:#a78bfa}.arvr-wrap{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.arvr-viewport{width:100%;height:80px;background:#0f0d1a;border-radius:40px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;opacity:0}.demo-ar-vr.in-view .arvr-viewport{animation:game-fade-up .5s .2s ease forwards}.arvr-hud{position:absolute;inset:8px;border:1px solid rgba(124,58,237,.3);border-radius:32px;display:flex;align-items:center;justify-content:center}.arvr-crosshair{width:16px;height:16px;border:1px solid rgba(167,139,250,.6);border-radius:50%}.arvr-hud-text{position:absolute;bottom:6px;left:12px;font-size:10px;color:#c4b5fd;font-weight:600}.arvr-hud-fps{position:absolute;top:6px;right:12px;font-size:10px;color:#6ee7b7;font-weight:700}.arvr-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;width:100%}.arvr-stat{background:#ffffff14;border-radius:6px;padding:6px;text-align:center;opacity:0}.demo-ar-vr.in-view .arvr-stat:nth-child(1){animation:game-pop .4s .5s ease forwards}.demo-ar-vr.in-view .arvr-stat:nth-child(2){animation:game-pop .4s .6s ease forwards}.demo-ar-vr.in-view .arvr-stat:nth-child(3){animation:game-pop .4s .7s ease forwards}.arvr-stat-value{font-size:19px;font-weight:900;color:#a78bfa}.arvr-stat-label{font-size:10px;color:#cbd5e1;text-transform:uppercase}.arvr-devices{display:flex;gap:6px;justify-content:center;margin-top:2px}.arvr-device{font-size:11px;font-weight:600;padding:3px 8px;border-radius:9999px;background:#7c3aed26;color:#c4b5fd;opacity:0}.demo-ar-vr.in-view .arvr-device:nth-child(1){animation:game-fade-up .3s .9s ease forwards}.demo-ar-vr.in-view .arvr-device:nth-child(2){animation:game-fade-up .3s 1s ease forwards}.demo-ar-vr.in-view .arvr-device:nth-child(3){animation:game-fade-up .3s 1.1s ease forwards}.mp-wrap{width:100%;display:flex;flex-direction:column;gap:6px}.mp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.mp-title{font-size:13px;font-weight:700;color:#e2e8f0}.mp-status{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#34d399}.mp-status-dot{width:6px;height:6px;border-radius:50%;background:#34d399;animation:game-pulse 1.5s infinite}.mp-regions{display:flex;flex-direction:column;gap:4px}.mp-region{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#ffffff14;border-radius:6px;font-size:12px;opacity:0}.demo-multiplayer.in-view .mp-region:nth-child(1){animation:game-fade-up .3s .2s ease forwards}.demo-multiplayer.in-view .mp-region:nth-child(2){animation:game-fade-up .3s .4s ease forwards}.demo-multiplayer.in-view .mp-region:nth-child(3){animation:game-fade-up .3s .6s ease forwards}.mp-region-flag{font-size:19px}.mp-region-name{flex:1;font-weight:500;color:#e2e8f0}.mp-region-players{font-weight:700;color:#60a5fa}.mp-region-ping{font-weight:600;color:#34d399;font-size:11px}.mp-total{text-align:center;margin-top:4px;opacity:0}.demo-multiplayer.in-view .mp-total{animation:game-pop .5s .9s ease forwards}.mp-total-value{font-size:32px;font-weight:900;color:#a78bfa}.mp-total-label{font-size:11px;color:#94a3b8}.casual-phone{width:120px;background:#1e293b;border-radius:16px;padding:8px;margin:0 auto;opacity:0;position:relative}.demo-casual.in-view .casual-phone{animation:game-pop .5s .2s ease forwards}.casual-screen{background:#0f172a;border-radius:10px;padding:8px;aspect-ratio:9/16;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;position:relative;overflow:hidden}.casual-score{font-size:26px;font-weight:900;color:#fff;text-align:center}.casual-lives{display:flex;gap:2px;justify-content:center}.casual-heart{font-size:13px}.casual-heart--lost{opacity:.3}.casual-game-obj{width:16px;height:16px;border-radius:50%;position:absolute}.casual-game-obj--1{background:#f59e0b;top:25%;left:30%}.casual-game-obj--2{background:#ef4444;top:40%;right:25%}.casual-game-obj--3{background:#059669;bottom:30%;left:40%}.casual-chin{height:4px;background:#334155;border-radius:2px;margin-top:4px}.casual-stats{display:flex;gap:8px;justify-content:center;margin-top:10px}.casual-stat{text-align:center;opacity:0}.demo-casual.in-view .casual-stat:nth-child(1){animation:game-fade-up .3s .6s ease forwards}.demo-casual.in-view .casual-stat:nth-child(2){animation:game-fade-up .3s .7s ease forwards}.demo-casual.in-view .casual-stat:nth-child(3){animation:game-fade-up .3s .8s ease forwards}.casual-stat-value{font-size:19px;font-weight:900;color:#f1f5f9}.casual-stat-label{font-size:10px;color:#cbd5e1;text-transform:uppercase}.liveops-wrap{width:100%;display:flex;flex-direction:column;gap:8px}.liveops-header{font-size:12px;font-weight:700;color:#e2e8f0;display:flex;justify-content:space-between;align-items:center}.liveops-season{font-size:11px;font-weight:600;padding:2px 8px;border-radius:9999px;background:#7c3aed26;color:#c4b5fd}.liveops-events{display:flex;flex-direction:column;gap:4px}.liveops-event{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#ffffff14;border-radius:6px;opacity:0}.demo-game-liveops.in-view .liveops-event:nth-child(1){animation:game-fade-up .3s .2s ease forwards}.demo-game-liveops.in-view .liveops-event:nth-child(2){animation:game-fade-up .3s .4s ease forwards}.demo-game-liveops.in-view .liveops-event:nth-child(3){animation:game-fade-up .3s .6s ease forwards}.liveops-event-icon{font-size:19px}.liveops-event-info{flex:1}.liveops-event-name{font-size:13px;font-weight:600;color:#e2e8f0}.liveops-event-date{font-size:11px;color:#94a3b8}.liveops-event-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:9999px}.liveops-event-badge--live{background:#05966933;color:#34d399}.liveops-event-badge--upcoming{background:#2563eb33;color:#60a5fa}.liveops-event-badge--ended{background:#ffffff14;color:#94a3b8}.liveops-metrics{display:flex;gap:6px}.liveops-metric{flex:1;background:#ffffff14;border-radius:6px;padding:6px;text-align:center;opacity:0}.demo-game-liveops.in-view .liveops-metric:nth-child(1){animation:game-pop .4s .8s ease forwards}.demo-game-liveops.in-view .liveops-metric:nth-child(2){animation:game-pop .4s .9s ease forwards}.demo-game-liveops.in-view .liveops-metric:nth-child(3){animation:game-pop .4s 1s ease forwards}.liveops-metric-value{font-size:17px;font-weight:900;color:#a78bfa}.liveops-metric-label{font-size:10px;color:#cbd5e1;text-transform:uppercase}.mp-status-dot{animation:game-pulse 1.5s ease infinite}.demo-3d-game.in-view .unity-cube{animation:game-rotate 8s linear infinite!important;opacity:1!important}.demo-3d-game.in-view .unity-fps{animation:game-breathe 2s ease-in-out infinite}.arvr-crosshair{animation:game-crosshair 3s ease-in-out infinite}.demo-multiplayer.in-view .mp-total-value{animation:game-breathe 3s ease-in-out 2s infinite}.liveops-event-badge--live{animation:game-live-badge 2s ease infinite}.casual-game-obj--1{animation:game-float-1 3s ease-in-out infinite}.casual-game-obj--2{animation:game-float-2 2.5s ease-in-out infinite}.casual-game-obj--3{animation:game-float-3 3.5s ease-in-out infinite}@keyframes game-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes game-slide-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes game-pop{0%{opacity:0;transform:scale(.85)}60%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}@keyframes game-bar-grow{to{width:72%}}@keyframes game-pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes game-rotate{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}@keyframes game-breathe{0%,to{opacity:1}50%{opacity:.7}}@keyframes game-crosshair{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:1}}@keyframes game-live-badge{0%,to{opacity:1}50%{opacity:.6}}@keyframes game-float-1{0%,to{transform:translate(0)}50%{transform:translate(4px,-6px)}}@keyframes game-float-2{0%,to{transform:translate(0)}50%{transform:translate(-5px,4px)}}@keyframes game-float-3{0%,to{transform:translate(0)}50%{transform:translate(3px,5px)}}