:root{--bg-dark: #1a1a1a;--bg-darker: #111111;--bg-card: #222222;--text-body: #e8f4ff;--text-muted: #a0b4c8;--heading-gold: #ffcc33;--accent-blue: rgba(63, 169, 255, 1);--accent-blue-dim: rgba(63, 169, 255, .15);--accent-blue-mid: rgba(63, 169, 255, .35);--font-heading: "Titan One", cursive;--font-body: "Fredoka", sans-serif;--max-width: 1080px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-weight:400;color:var(--text-body);background:var(--bg-dark);line-height:1.7;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}.section-title{font-family:var(--font-heading);font-size:clamp(1.8rem,4vw,2.8rem);color:var(--heading-gold);margin-bottom:16px;line-height:1.2}.section-intro{font-size:1.15rem;color:var(--text-muted);max-width:640px;margin-bottom:48px}.fade-in{opacity:0;transform:translateY(24px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}.hero-banner{position:relative;height:340px;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#1116,#1113 40%,#11111180),url(/hero-image.png) center / cover no-repeat;z-index:0}.hero-title{position:relative;z-index:1;font-family:var(--font-heading);font-size:clamp(3rem,10vw,6rem);color:#fc3;line-height:1.1;text-align:center;-webkit-text-stroke:8px #0a2b66;text-shadow:none;paint-order:stroke fill}.hero-body{background:var(--bg-dark);padding:56px 0 64px;text-align:center}.hero-body-inner{max-width:640px}.hero-tagline{font-size:clamp(1rem,2.5vw,1.35rem);color:var(--text-muted);margin-bottom:36px;font-weight:500;line-height:1.7}.hero-sub{margin-top:16px;font-size:clamp(1rem,2.5vw,1.35rem);color:var(--text-muted);font-weight:500}.quick-start{background:var(--bg-darker);padding:64px 0;text-align:center}.quick-start-inner{display:flex;flex-direction:column;align-items:center}.quick-start .section-title{margin-bottom:32px}.quick-start-keys{display:flex;gap:32px;margin-bottom:20px}.quick-start-key{display:flex;flex-direction:column;align-items:center;gap:10px}.quick-start-key .key{width:56px;height:56px;font-size:1.1rem}.quick-start-label{font-size:.85rem;color:var(--text-muted);font-weight:500}.quick-start-hint{font-size:.9rem;color:var(--text-muted);margin-top:8px}.quick-start-hint strong{color:var(--text-body)}.cta-button{display:inline-block;padding:16px 48px;font-family:var(--font-body);font-size:1.2rem;font-weight:700;border-radius:12px;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;text-decoration:none}.cta-button:hover{transform:translateY(-2px)}.cta-button:active{transform:translateY(0)}.cta-primary{color:#2b3a67;background:#c8d7eb99;border:2px solid rgba(43,58,103,.3);box-shadow:none;font-family:var(--font-heading);font-size:1.1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cta-primary:hover{background:#c8d7ebcc;box-shadow:none}.cta-secondary{color:var(--text-body);background:var(--accent-blue-dim);border:2px solid var(--accent-blue);box-shadow:0 0 20px #3fa9ff26}.cta-secondary:hover{background:var(--accent-blue-mid);box-shadow:0 0 30px #3fa9ff4d}.gameplay{padding:100px 0;background:var(--bg-dark)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.feature-card{background:var(--bg-card);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:36px 28px;transition:border-color .3s ease,box-shadow .3s ease}.feature-card:hover{border-color:#3fa9ff4d;box-shadow:0 4px 24px #3fa9ff14}.feature-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--accent-blue-dim);border-radius:12px;margin-bottom:20px;color:var(--accent-blue)}.feature-icon svg{width:32px;height:32px}.feature-card h3{font-family:var(--font-heading);font-size:1.2rem;color:var(--heading-gold);margin-bottom:10px}.feature-card p{font-size:.95rem;color:var(--text-muted);line-height:1.6}.local-play{padding:100px 0;background:var(--bg-darker)}.local-play-inner{display:flex;align-items:center;gap:64px}.local-play-text{flex:1}.local-play-text p{font-size:1.05rem;color:var(--text-muted);margin-bottom:32px;line-height:1.7}.local-play-graphic{flex:0 0 auto}.keyboard-hint{display:flex;align-items:center;gap:20px}.keyboard-hint-extra{margin-top:12px;opacity:.55;transform:scale(.85);transform-origin:top center}.key-group{display:flex;gap:6px}.key{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--bg-card);border:1px solid rgba(255,255,255,.12);border-radius:8px;font-family:var(--font-body);font-size:.85rem;font-weight:600;color:var(--text-body);box-shadow:0 2px #0000004d}.key-label{font-family:var(--font-heading);font-size:1.1rem;color:var(--heading-gold)}.about{padding:100px 0;background:var(--bg-dark)}.about-content{max-width:720px}.about-content p{font-size:1.05rem;color:var(--text-muted);margin-bottom:20px;line-height:1.8}.about-content strong{color:var(--text-body)}.footer{padding:40px 0;background:var(--bg-darker);border-top:1px solid rgba(255,255,255,.05)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer-brand{font-family:var(--font-heading);font-size:1rem;color:var(--heading-gold)}.footer-note{font-size:.85rem;color:var(--text-muted)}@media(max-width:768px){.features-grid{grid-template-columns:1fr;gap:20px}.local-play-inner{flex-direction:column;gap:40px;text-align:center}.footer-inner{flex-direction:column;text-align:center}.cta-button{padding:14px 36px;font-size:1.1rem}}@media(max-width:480px){.container{padding:0 16px}.gameplay,.local-play,.about{padding:64px 0}.feature-card{padding:28px 20px}.hero-banner{height:220px}.hero-title{font-size:clamp(2.4rem,12vw,4rem)}.hero-body{padding:40px 0 48px}.quick-start{padding:48px 0}.quick-start-keys{gap:20px}}