:root{--bg: #0c0f1a;--bg-dark: #080a14;--surface: rgba(255, 255, 255, .04);--surface-hover: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .08);--text: #f0f0f5;--text-dim: rgba(255, 255, 255, .55);--accent: #e63946;--accent-glow: rgba(230, 57, 70, .35);--gold: #f5a623;--ocean: #1a6fc4}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.6}.game-page{overflow-x:hidden}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;background:radial-gradient(ellipse at 20% 80%,rgba(26,111,196,.25) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(230,57,70,.2) 0%,transparent 60%),radial-gradient(ellipse at 50% 50%,rgba(245,166,35,.08) 0%,transparent 70%),var(--bg)}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.015) 2px,rgba(255,255,255,.015) 4px);pointer-events:none}.hero-content{position:relative;max-width:48rem}.hero-badge{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(245,166,35,.3);padding:.35rem 1rem;border-radius:999px;margin-bottom:2rem}.hero-title{font-size:clamp(3rem,8vw,6rem);font-weight:900;letter-spacing:-.03em;line-height:1;background:linear-gradient(135deg,#fff 30%,var(--gold) 70%,var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.hero-subtitle{display:block;font-size:clamp(1rem,2.5vw,1.6rem);font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);-webkit-text-fill-color:var(--text-dim);margin-top:.5rem}.hero-tagline{max-width:36rem;margin:2rem auto 0;font-size:1.1rem;color:var(--text-dim);line-height:1.7}.hero-tagline em{color:var(--gold);font-style:normal;font-weight:600}.hero-actions{margin-top:2.5rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 2rem;border:none;border-radius:.5rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 24px var(--accent-glow)}.btn-primary:hover{background:#d12f3d;box-shadow:0 6px 32px var(--accent-glow);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{background:var(--surface-hover);border-color:#ffffff26}.btn-lg{padding:1rem 3rem;font-size:1.1rem}.section{padding:6rem 2rem}.section-dark{background:var(--bg-dark)}.section-inner{max-width:72rem;margin:0 auto}.section-title{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;letter-spacing:-.02em;text-align:center;margin-bottom:.75rem}.section-desc{text-align:center;color:var(--text-dim);max-width:36rem;margin:0 auto 3rem;font-size:1.05rem}.style-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1.25rem}.style-card{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:2rem 1.5rem;text-align:center;transition:all .25s ease}.style-card:hover{background:var(--surface-hover);border-color:#ffffff1f;transform:translateY(-4px);box-shadow:0 12px 40px #0006}.style-icon{font-size:2.5rem;display:block;margin-bottom:1rem}.style-card h3{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.style-card p{font-size:.85rem;color:var(--text-dim);line-height:1.5}.world-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.5rem}.world-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:2rem 1.5rem 1.5rem;overflow:hidden;transition:all .25s ease}.world-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0006}.world-card-accent{position:absolute;top:0;left:0;right:0;height:3px;border-radius:.75rem .75rem 0 0}.world-card h3{font-size:1.15rem;font-weight:700;margin-bottom:.5rem}.world-card p{font-size:.85rem;color:var(--text-dim);line-height:1.5}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1.5rem}.feature-item{display:flex;gap:1rem;align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem;transition:all .25s ease}.feature-item:hover{background:var(--surface-hover)}.feature-icon{font-size:1.8rem;flex-shrink:0;margin-top:.1rem}.feature-item h3{font-size:1rem;font-weight:700;margin-bottom:.3rem}.feature-item p{font-size:.85rem;color:var(--text-dim);line-height:1.5}.enemy-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1.5rem}.enemy-card{background:var(--surface);border:1px solid rgba(230,57,70,.15);border-radius:.75rem;padding:2rem 1.5rem;text-align:center;transition:all .25s ease}.enemy-card:hover{border-color:#e6394659;box-shadow:0 8px 32px #e639461a;transform:translateY(-4px)}.enemy-icon{font-size:2.5rem;display:block;margin-bottom:1rem}.enemy-card h3{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.enemy-card p{font-size:.85rem;color:var(--text-dim);line-height:1.5}.cta-section{padding:6rem 2rem;background:radial-gradient(ellipse at 50% 50%,var(--accent-glow) 0%,transparent 70%),var(--bg)}.cta-inner{text-align:center}.cta-title{font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:800;max-width:40rem;margin:0 auto 2rem;letter-spacing:-.01em;line-height:1.3}.footer{text-align:center;padding:2rem;color:var(--text-dim);font-size:.8rem;border-top:1px solid var(--border)}@media(max-width:640px){.hero{min-height:90vh;padding:3rem 1.5rem}.section{padding:4rem 1.5rem}.style-grid,.world-grid,.features-grid,.enemy-row{grid-template-columns:1fr}}