*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;background:#0a0a0a;font-family:Arial,sans-serif}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}::-webkit-scrollbar{width:0;height:0}html{scrollbar-width:none;-ms-overflow-style:none}.scroll-hint{position:fixed;bottom:40px;left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;align-items:center;gap:8px;color:#fffc;font-family:system-ui,-apple-system,sans-serif;font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;pointer-events:none;-webkit-user-select:none;user-select:none;animation:fadeIn .8s ease-out,pulse 2s ease-in-out infinite}.scroll-hint-text{opacity:.9}.scroll-hint-icon{font-size:24px;opacity:.7;animation:bounce 2s ease-in-out infinite}.scroll-hint.fade-out{animation:fadeOut .8s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}