:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#fff;background-color:#000;--ow-background: #000000;--ow-surface: #0a0a0a;--ow-cyan: #22d3ee;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}#app{width:100vw;height:100vh;margin:0;padding:0}h1{font-size:3.2em;line-height:1.1;color:#22d3ee}#intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(1px 1px at 20% 30%,rgba(34,211,238,.3),transparent),radial-gradient(1px 1px at 80% 20%,rgba(34,211,238,.2),transparent),radial-gradient(1px 1px at 40% 70%,rgba(34,211,238,.25),transparent),radial-gradient(1px 1px at 65% 85%,rgba(34,211,238,.15),transparent),radial-gradient(1px 1px at 15% 65%,rgba(34,211,238,.2),transparent),radial-gradient(1px 1px at 90% 50%,rgba(34,211,238,.25),transparent),radial-gradient(1px 1px at 50% 15%,rgba(34,211,238,.3),transparent),radial-gradient(1px 1px at 35% 45%,rgba(34,211,238,.15),transparent),radial-gradient(ellipse at center,#0a0a0a,#000 70%);opacity:1;transition:opacity .8s ease-out}#intro-overlay.fade-out{opacity:0;pointer-events:none}#intro-overlay .intro-content{max-width:600px;padding:40px;text-align:center;animation:intro-fade-in 1s ease-out}#intro-overlay .intro-title{font-family:Open Sans,sans-serif;font-size:2.4rem;font-weight:600;color:#22d3ee;margin:0 0 8px;letter-spacing:.05em;text-shadow:0 0 30px rgba(34,211,238,.3);animation:title-glow 3s ease-in-out infinite}@keyframes title-glow{0%,to{text-shadow:0 0 30px rgba(34,211,238,.3)}50%{text-shadow:0 0 40px rgba(34,211,238,.5),0 0 60px rgba(34,211,238,.2)}}#intro-overlay .intro-subtitle{font-family:Open Sans,sans-serif;font-size:1rem;color:#64748b;margin:0 0 40px;font-weight:400}#intro-overlay .intro-text{font-family:Open Sans,sans-serif;font-size:1.1rem;line-height:1.8;color:#e2e8f0;margin:0 0 48px}#intro-overlay .intro-hint{font-size:.85rem;color:#64748b;margin:0 0 32px;font-style:italic}#intro-overlay .intro-begin-btn{font-family:Open Sans,sans-serif;padding:14px 48px;font-size:1rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;background:transparent;border:1px solid #22d3ee;border-radius:30px;color:#22d3ee;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}#intro-overlay .intro-begin-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(34,211,238,.1),transparent);transform:translate(-100%);animation:btn-shimmer 2s infinite}#intro-overlay .intro-begin-btn:hover{background:#22d3ee26;box-shadow:0 0 30px #22d3ee4d;transform:scale(1.02)}@keyframes intro-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes btn-shimmer{0%{transform:translate(-100%)}50%,to{transform:translate(100%)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #22d3ee4d;filter:brightness(1)}50%{box-shadow:0 0 30px #22d3ee99;filter:brightness(1.15)}}