:root{--bg: #0a0a0f;--surface: #111118;--border: #1e1e2e;--accent: #4f6ef7;--accent2: #7c3aed;--cyan: #22d3ee;--green: #10b981;--orange: #f59e0b;--red: #ef4444;--text: #e2e8f0;--muted: #64748b;--card: #13131f;color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:14px 32px;background:#0a0a0fd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.nav-logo{display:flex;align-items:center;gap:10px;font-family:Syne,sans-serif;font-weight:800;font-size:18px}.brick-icon{width:28px;height:28px;display:grid;grid-template-columns:1fr 1fr;gap:2px}.brick-icon span{display:block;border-radius:2px;animation:brickPulse 2s ease-in-out infinite}.brick-icon span:nth-child(1){background:var(--accent);animation-delay:0s}.brick-icon span:nth-child(2){background:var(--cyan);animation-delay:.25s}.brick-icon span:nth-child(3){background:var(--accent2);animation-delay:.5s}.brick-icon span:nth-child(4){background:var(--green);animation-delay:.75s}@keyframes brickPulse{0%,to{opacity:1}50%{opacity:.4}}.nav-collab{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);background:var(--surface);border:1px solid var(--border);padding:6px 12px;border-radius:20px}.nav-collab .dot{width:6px;height:6px;background:var(--green);border-radius:50%;animation:ping 1.5s ease-in-out infinite}@keyframes ping{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.nav-links{display:flex;align-items:center;gap:24px;font-size:14px}.nav-links a{color:var(--muted);text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text)}.btn-launch{background:var(--accent);color:#fff;border:none;padding:8px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;font-family:DM Sans,sans-serif}.btn-launch:hover{background:#3b5be0;transform:translateY(-1px)}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 24px 60px;position:relative;overflow:hidden}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:40px 40px;opacity:.4;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,black,transparent);mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,black,transparent)}.hero-glow{position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(79,110,247,.15) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.collab-badge{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);padding:8px 16px;border-radius:20px;font-size:12px;color:var(--muted);margin-bottom:32px;position:relative}.collab-badge strong{color:var(--accent)}.collab-badge .live-dot{width:7px;height:7px;background:var(--green);border-radius:50%;animation:ping 1.5s infinite}.hero h1{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(48px,9vw,96px);text-align:center;line-height:1;letter-spacing:-3px;position:relative;margin-bottom:12px}.hero h1 .word-bricks{background:linear-gradient(135deg,var(--accent),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero h1 .word-base{background:linear-gradient(135deg,#0052ff,var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:18px;color:var(--muted);text-align:center;max-width:520px;line-height:1.6;margin-bottom:40px;position:relative}.hero-sub span{color:var(--text)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;position:relative}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border:none;padding:14px 28px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;font-family:DM Sans,sans-serif;display:flex;align-items:center;gap:8px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #4f6ef766}.btn-outline{background:transparent;color:var(--text);border:1px solid var(--border);padding:14px 28px;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;font-family:DM Sans,sans-serif;display:flex;align-items:center;gap:8px}.btn-outline:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.stats-bar{display:flex;justify-content:center;gap:0;margin:60px auto 0;background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;max-width:700px;position:relative}.stat-item{flex:1;padding:20px 24px;text-align:center;border-right:1px solid var(--border)}.stat-item:last-child{border-right:none}.stat-val{font-family:Space Mono,monospace;font-size:22px;font-weight:700;color:var(--accent)}.stat-label{font-size:11px;color:var(--muted);margin-top:4px;text-transform:uppercase;letter-spacing:1px}.section{padding:80px 24px;max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:48px}.section-tag{display:inline-block;background:#4f6ef71f;color:var(--accent);border:1px solid rgba(79,110,247,.3);padding:5px 14px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px}.section-title{font-family:Syne,sans-serif;font-weight:700;font-size:clamp(28px,5vw,42px);margin-bottom:12px}.section-desc{color:var(--muted);font-size:16px;max-width:520px;margin:0 auto;line-height:1.7}.game-wrapper{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}@media(max-width:900px){.game-wrapper{grid-template-columns:1fr}}.game-canvas-wrap{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;aspect-ratio:4/3;display:grid;place-items:center}.game-canvas-wrap canvas{width:100%;height:100%;display:block}.sidebar{display:flex;flex-direction:column;gap:16px}.side-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px}.side-card h3{font-family:Syne,sans-serif;font-weight:700;font-size:16px;margin-bottom:12px}.leaderboard-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border);font-size:14px}.leaderboard-row:last-child{border-bottom:none}.lb-rank{font-family:Space Mono,monospace;font-weight:700;width:24px;color:var(--muted)}.lb-rank.gold{color:var(--orange)}.lb-rank.silver{color:silver}.lb-rank.bronze{color:#cd7f32}.lb-name{flex:1;margin-left:8px}.lb-score{font-family:Space Mono,monospace;font-weight:700;color:var(--accent)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:28px;transition:border-color .2s,transform .2s}.feature-card:hover{border-color:var(--accent);transform:translateY(-2px)}.feature-icon{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;font-size:22px;margin-bottom:16px}.feature-card h3{font-family:Syne,sans-serif;font-weight:700;font-size:18px;margin-bottom:8px}.feature-card p{color:var(--muted);font-size:14px;line-height:1.6}footer{border-top:1px solid var(--border);padding:40px 24px;text-align:center;color:var(--muted);font-size:13px}footer a{color:var(--accent);text-decoration:none}footer a:hover{text-decoration:underline}@media(max-width:768px){nav{padding:12px 16px}.nav-links,.nav-collab{display:none}.hero{padding:80px 16px 40px}.hero h1{letter-spacing:-1px}.stats-bar{flex-direction:column}.stat-item{border-right:none;border-bottom:1px solid var(--border)}.stat-item:last-child{border-bottom:none}}