.auto-bg{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;position:fixed;inset:0;overflow:hidden}.auto-row{width:100%;display:flex;position:absolute;left:0}.auto-cell{box-sizing:border-box;border:.5px solid #ffffff08;transition:opacity .3s}.auto-cell.clearing{opacity:0!important}.auto-falling{will-change:transform;position:absolute}.auto-falling-row{display:flex}.ad-wrap{width:100%;max-width:728px;min-height:90px;margin:24px auto 0;position:relative}.ad-placeholder{border:1px dashed var(--border);color:var(--text-muted);letter-spacing:.1em;pointer-events:none;z-index:0;border-radius:8px;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;inset:0}.ad-wrap ins.adsbygoogle{z-index:1;width:100%;display:block;position:relative}:root{--bg:#0a0a1a;--surface:#14142a;--border:#1a1a3e;--text:#eef;--text-sub:#aab;--text-muted:#788;--accent:#6a6aee;--accent-bg:#2a2a8e;--c-i:#ff2eb8;--c-o:#d4ff3e;--c-t:#2ee5ff;--c-s:#ff6b4a;--c-z:#8b5cf6;--c-j:#14b8a6;--c-l:#60a5fa}*{box-sizing:border-box}html,body,#root{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic UI,sans-serif}.app{max-width:960px;min-height:100vh;margin:0 auto;padding:24px;position:relative}.app>:not(.auto-bg):not(.login-overlay){z-index:1;position:relative}.top-nav{justify-content:flex-end;align-items:center;gap:16px;padding:12px 0 0;display:flex}.nav-link{color:var(--text-sub);letter-spacing:.15em;padding:8px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:color .15s}.nav-link:hover{color:var(--accent)}.nav-user{border:1px solid var(--border);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;text-decoration:none;transition:border-color .15s;display:flex}.nav-user:hover{border-color:var(--accent)}.nav-user-name{color:var(--text-sub);letter-spacing:.05em;font-size:13px}.nav-user:before{content:"◆";color:var(--accent);font-size:8px}.nav-btn{border:1px solid var(--accent);background:var(--accent);color:#fff;letter-spacing:.1em;cursor:pointer;border-radius:999px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:transform .15s}.nav-btn:hover{transform:translateY(-1px)}.nav-btn.ghost{color:var(--text-sub);border-color:var(--border);background:0 0;padding:6px 14px;font-size:12px}.nav-btn.ghost:hover{color:var(--accent);border-color:var(--accent)}.hero{text-align:center;padding:64px 16px 48px}.logo-mark img{filter:drop-shadow(0 8px 24px #6a6aee59);border-radius:24px}.title{letter-spacing:.12em;color:var(--text);margin:24px 0 8px;font-size:clamp(48px,9vw,88px);font-weight:700}.tagline{letter-spacing:.4em;color:var(--text-sub);margin:0 0 32px;font-size:clamp(12px,2vw,16px);font-weight:600}.lede{color:var(--text-sub);max-width:520px;margin:0 auto 32px;font-size:clamp(14px,2.4vw,18px);line-height:1.8}.cta-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.badge-coming{border:1px solid var(--accent);color:var(--accent);letter-spacing:.1em;border-radius:999px;padding:10px 20px;font-size:13px;font-weight:600;display:inline-block}.btn-play{background:var(--accent);color:#fff;letter-spacing:.2em;border-radius:999px;padding:14px 48px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-block;box-shadow:0 4px 24px #6a6aee66}.btn-play:hover{transform:translateY(-2px);box-shadow:0 8px 32px #6a6aee8c}.features{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:48px 0;display:grid}.feature{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:12px;padding:20px;transition:transform .15s,border-color .15s}.feature:hover{border-color:var(--accent);transform:translateY(-2px)}.feature:first-child h3{color:#5be584}.feature:nth-child(2) h3{color:var(--c-l)}.feature:nth-child(3) h3{color:#f59e0b}.feature:nth-child(4) h3{color:var(--c-s)}.feature:nth-child(5) h3{color:var(--c-z)}.feature h3{letter-spacing:.08em;margin:0 0 8px;font-size:18px}.feature p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.footer{border-top:1px solid var(--border);text-align:center;margin-top:80px;padding:32px 16px 24px}.footer-links{flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:16px;display:flex}.footer-links a{color:var(--text-sub);font-size:13px;text-decoration:none;transition:color .15s}.footer-links a:hover{color:var(--accent)}.footer-copy{color:var(--text-muted);letter-spacing:.1em;margin:0;font-size:12px}