.gameplay-modal-disclaimer{background:#f5c84214;border:1px solid rgba(245,200,66,.25);border-radius:8px;padding:16px 20px;margin-bottom:28px}.gameplay-modal-disclaimer p{font-size:13px;color:var(--yellow);line-height:1.6;margin:0}.gameplay-modal-cta{width:100%;justify-content:center;font-size:11px;padding:16px 24px}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:120px 24px 80px;overflow:hidden}.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 80%,rgba(45,122,58,.3) 0%,transparent 60%),radial-gradient(ellipse at 20% 20%,rgba(232,96,28,.15) 0%,transparent 50%),linear-gradient(180deg,var(--blue-deeper) 0%,var(--blue-dark) 50%,var(--blue-deeper) 100%);z-index:0}.hero-field-lines{position:absolute;inset:0;z-index:0;overflow:hidden;opacity:.06}.hero-field-lines div{position:absolute;width:100%;height:2px;background:var(--white)}.hero-content{position:relative;z-index:1;max-width:900px}.hero-badge{display:inline-block;font-family:"Press Start 2P",monospace;font-size:10px;color:var(--yellow);background:#f5c8421a;border:1px solid rgba(245,200,66,.3);padding:8px 16px;margin-bottom:32px;letter-spacing:2px;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #f5c84233}50%{box-shadow:0 0 20px #f5c84266}}.hero-title{font-family:"Press Start 2P",monospace;font-size:clamp(32px,6vw,72px);line-height:1.2;margin-bottom:8px;color:var(--white);text-shadow:4px 4px 0 var(--orange),8px 8px 0 rgba(0,0,0,.4);animation:title-drop .8s cubic-bezier(.22,1,.36,1) both}@keyframes title-drop{0%{opacity:0;transform:translateY(-40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.hero-title .accent{color:var(--orange-bright)}.hero-subtitle{font-size:clamp(16px,2.2vw,22px);color:var(--gray);margin-top:16px;margin-bottom:40px;font-weight:400;letter-spacing:1px;animation:fade-up .8s .3s cubic-bezier(.22,1,.36,1) both}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;animation:fade-up .8s .5s cubic-bezier(.22,1,.36,1) both}.hero-platforms{margin-top:32px;display:flex;align-items:center;justify-content:center;gap:24px;font-size:13px;color:var(--gray);letter-spacing:1px;animation:fade-up .8s .7s cubic-bezier(.22,1,.36,1) both}.hero-platforms span,.hero-platform-link{display:flex;align-items:center;gap:6px}.hero-platform-link{color:var(--orange-bright);text-decoration:none;transition:color .2s}.hero-platform-link:hover{color:var(--yellow)}.features{background:linear-gradient(180deg,var(--blue-deeper) 0%,var(--blue-dark) 50%,var(--blue-deeper) 100%)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;margin-top:56px}.feature-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:36px 28px;transition:transform .3s,border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--orange),var(--yellow));opacity:0;transition:opacity .3s}.feature-card:hover{transform:translateY(-4px);border-color:#e8601c4d;box-shadow:0 12px 40px #0000004d}.feature-card:hover:before{opacity:1}.feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:20px;background:#e8601c1a;border-radius:8px}.feature-card h3{font-family:"Press Start 2P",monospace;font-size:12px;margin-bottom:12px;line-height:1.5;color:var(--white)}.feature-card p{font-size:15px;color:var(--gray);line-height:1.7}.modes{background:linear-gradient(180deg,var(--blue-deeper),var(--blue-dark) 40%,var(--blue-deeper))}.modes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:28px;margin-top:56px}.mode-card{position:relative;border-radius:12px;overflow:hidden;border:2px solid rgba(255,255,255,.06);background:#ffffff05;transition:border-color .3s,transform .3s}.mode-card:hover{border-color:var(--orange);transform:translateY(-4px)}.mode-card img{width:100%;height:220px;object-fit:cover;filter:brightness(.75);transition:filter .3s}.mode-card:hover img{filter:brightness(.9)}.mode-card-placeholder{width:100%;height:220px;display:flex;align-items:center;justify-content:center;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06);font-family:"Press Start 2P",monospace;font-size:10px;color:var(--gray);letter-spacing:2px}.mode-card-body{padding:28px 24px}.mode-card-body .mode-tag{font-family:"Press Start 2P",monospace;font-size:9px;color:var(--orange-bright);letter-spacing:2px;margin-bottom:10px;display:block}.mode-card-body h3{font-family:"Press Start 2P",monospace;font-size:14px;margin-bottom:12px;line-height:1.5}.mode-card-body p{font-size:15px;color:var(--gray);line-height:1.7}.mode-badge{display:inline-block;font-family:"Press Start 2P",monospace;font-size:7px;color:var(--yellow);background:#f5c84226;border:1px solid rgba(245,200,66,.3);padding:4px 8px;vertical-align:middle;margin-left:8px;letter-spacing:1px}.stats-banner{padding:60px 0;background:var(--orange);position:relative;overflow:hidden}.stats-banner:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 80px,rgba(255,255,255,.04) 80px,rgba(255,255,255,.04) 82px);pointer-events:none}.stats-grid{display:flex;justify-content:center;gap:64px;flex-wrap:wrap;position:relative;z-index:1}.stat-item{text-align:center}.stat-number{font-family:"Press Start 2P",monospace;font-size:clamp(28px,4vw,44px);color:var(--white);text-shadow:3px 3px 0 rgba(0,0,0,.2)}.stat-label{font-size:13px;letter-spacing:2px;text-transform:uppercase;margin-top:8px;opacity:.85}.about{background:var(--blue-deeper)}.about-text-centered{max-width:700px;margin:40px auto 0}.about-text-centered h3{font-family:"Press Start 2P",monospace;font-size:14px;line-height:1.6;margin-bottom:20px}.about-text-centered p{font-size:16px;color:var(--gray);line-height:1.8;margin-bottom:16px;text-align:left}.platforms{background:linear-gradient(180deg,var(--blue-deeper),var(--blue-dark))}.platform-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;justify-content:center;margin-top:56px}.platform-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:40px 36px;text-align:center;width:280px;transition:border-color .3s,transform .3s}.platform-card:hover{border-color:var(--orange);transform:translateY(-4px)}.platform-card .platform-icon{font-size:40px;margin-bottom:20px}.platform-card h3{font-family:"Press Start 2P",monospace;font-size:13px;margin-bottom:10px}.platform-card p{font-size:14px;color:var(--gray);line-height:1.6}.platform-card .price{font-family:"Press Start 2P",monospace;font-size:18px;color:var(--yellow);margin-top:16px;display:block}.platform-card .price-subtitle{font-family:Chakra Petch,sans-serif;font-size:13px;color:var(--gray);margin-top:6px;display:block}.platform-play-link{font-family:"Press Start 2P",monospace;font-size:11px;color:var(--orange);margin-top:12px;display:inline-block;text-decoration:none;border:2px solid var(--orange);padding:8px 16px;border-radius:6px;transition:background .2s,color .2s}.platform-play-link:hover{background:var(--orange);color:#fff}.email-form{display:flex;gap:0;max-width:480px;margin:0 auto}.email-form input{flex:1;padding:16px 20px;background:#ffffff0f;border:2px solid rgba(255,255,255,.12);border-right:none;border-radius:6px 0 0 6px;color:var(--white);font-family:Chakra Petch,sans-serif;font-size:15px;outline:none;transition:border-color .2s}.email-form input::placeholder{color:var(--gray)}.email-form input:focus{border-color:var(--orange)}.email-form button{padding:16px 28px;background:var(--orange);color:var(--white);border:2px solid var(--orange);border-radius:0 6px 6px 0;font-family:"Press Start 2P",monospace;font-size:10px;cursor:pointer;transition:background .2s;white-space:nowrap}.email-form button:hover{background:var(--orange-bright)}.roadmap-preview{background:var(--blue-deeper)}.roadmap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:56px;text-align:left}.roadmap-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:28px 24px;transition:transform .3s,border-color .3s}.roadmap-card:hover{transform:translateY(-4px);border-color:#e8601c4d}.roadmap-quarter{font-family:"Press Start 2P",monospace;font-size:9px;color:var(--orange-bright);letter-spacing:2px;display:block;margin-bottom:12px}.roadmap-card h3{font-family:"Press Start 2P",monospace;font-size:11px;color:var(--white);line-height:1.6;margin-bottom:12px;min-height:36px}.roadmap-badge{display:inline-block;font-family:"Press Start 2P",monospace;font-size:7px;padding:4px 10px;border-radius:4px;letter-spacing:1px;margin-bottom:16px}.roadmap-badge.shipped{color:#4ade80;background:#4ade801f;border:1px solid rgba(74,222,128,.3)}.roadmap-badge.in-progress{color:var(--yellow);background:#f5c8421f;border:1px solid rgba(245,200,66,.3)}.roadmap-badge.upcoming{color:var(--gray);background:#8a8a8a1a;border:1px solid rgba(138,138,138,.2)}.roadmap-card ul{list-style:none;padding:0;margin:0}.roadmap-card ul li{font-size:14px;color:var(--gray);line-height:1.6;padding:4px 0 4px 16px;position:relative}.roadmap-card ul li:before{content:">";position:absolute;left:0;color:var(--orange);font-family:"Press Start 2P",monospace;font-size:8px;top:7px}.faq{background:radial-gradient(ellipse at center,rgba(232,96,28,.06) 0%,transparent 70%),linear-gradient(180deg,var(--blue-deeper),var(--blue-dark),var(--blue-deeper))}.faq .section-desc{margin:0 auto}.faq-list{max-width:760px;margin:56px auto 0;display:flex;flex-direction:column;gap:12px}.faq-item{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden;transition:border-color .3s,transform .3s,box-shadow .3s}.faq-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--orange),var(--yellow));opacity:0;transition:opacity .3s}.faq-item[open]:before{opacity:1}.faq-item:hover{transform:translateY(-2px);border-color:#e8601c4d}.faq-item[open]{border-color:#e8601c4d;box-shadow:0 8px 32px #e8601c14}.faq-item summary{font-family:"Press Start 2P",monospace;font-size:11px;line-height:1.6;color:var(--white);padding:24px 28px;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-family:"Press Start 2P",monospace;font-size:16px;color:var(--orange-bright);flex-shrink:0;transition:transform .3s}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{font-size:15px;color:var(--gray);line-height:1.8;padding:0 28px;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq-item[open] p{padding:0 28px 24px}.faq-cta{text-align:center;margin-top:40px}.faq-cta p{font-size:16px;color:var(--gray);line-height:1.7}.faq-cta a{color:var(--orange-bright);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s}.faq-cta a:hover{border-bottom-color:var(--orange-bright)}@media(max-width:900px){.gallery-item{width:360px}.stats-grid{gap:32px}.roadmap-grid,.platform-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.hero{padding:100px 20px 60px;min-height:auto}.hero-title{font-size:28px}.features-grid,.modes-grid,.platform-cards{grid-template-columns:1fr}.gallery-item{width:300px}.roadmap-grid{grid-template-columns:1fr}.roadmap-card h3{min-height:auto}.email-form{flex-direction:column}.email-form input{border-right:2px solid rgba(255,255,255,.12);border-radius:6px}.email-form button{border-radius:6px}}
