:root{--bg:#101216;--bg-section:#171a20;--bg-card:#1c1f26;--bg-card-hover:#242832;--border:#2a2e37;--text:#f2ede3;--text-muted:#9aa0ac;--surface:#171a20;--accent:#e0a83a;--accent-soft:#f0c46a;--signal:#d6492f;--accent-purple:#e0a83a;--accent-cyan:#e0a83a;--accent-orange:#e8853a;--accent-yellow:#f0c46a;--radius:8px;--max-width:1100px;--game-width:390px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}ul{list-style:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}section{padding:80px 0}section:nth-child(2n){background:var(--bg-section)}nav{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:#101216f2;position:sticky;top:0}.nav-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;height:56px;margin:0 auto;padding:0 20px;display:flex}.nav-logo{letter-spacing:.01em;color:var(--text);align-items:center;gap:8px;font-size:1.25rem;font-weight:800;display:inline-flex}.nav-logo:before{content:"◎";color:var(--accent);font-size:1.05em;line-height:1}.nav-right{align-items:center;gap:12px;display:flex}.lang-switcher{position:relative}#lang-toggle{background:var(--bg-card);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:.85rem;display:flex}#lang-toggle:hover{border-color:var(--accent)}#lang-dropdown{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);z-index:200;min-width:160px;display:none;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}#lang-dropdown.open{display:block}#lang-dropdown a{color:var(--text-muted);cursor:pointer;padding:10px 16px;font-size:.9rem;display:block}#lang-dropdown a:hover,#lang-dropdown a.active{background:var(--bg-card-hover);color:var(--text)}.btn-signin{color:var(--accent-soft);border:1px solid var(--accent);cursor:pointer;background:0 0;border-radius:6px;padding:8px 16px;font-size:.9rem;font-weight:600}.btn-signin:hover{background:#e0a83a1f}[dir=rtl] .nav-inner,[dir=rtl] .nav-right{flex-direction:row-reverse}[dir=rtl] #lang-dropdown{left:0;right:auto}#section-hero{text-align:center;padding:110px 0 90px;position:relative;overflow:hidden}#section-hero:before{content:"";pointer-events:none;background:repeating-radial-gradient(circle,#e0a83a0e 0 1.5px,#0000 1.5px 58px);width:760px;max-width:150vw;height:760px;max-height:150vw;position:absolute;top:-120px;left:50%;transform:translate(-50%);-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 68%);mask-image:radial-gradient(circle,#000 0%,#0000 68%)}#section-hero .container{z-index:1;position:relative}.hero-h1{letter-spacing:-.01em;color:var(--text);margin-bottom:22px;font-size:clamp(2rem,5vw,3.6rem);font-weight:800;line-height:1.15}.hero-h1:after{content:"";background:var(--accent);border-radius:2px;width:64px;height:3px;margin:22px auto 0;display:block}.hero-sub{color:var(--text-muted);max-width:560px;margin:0 auto 36px;font-size:1.15rem}.hero-ctas{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:20px;display:flex}.btn-primary{background:var(--accent);color:#1a140a;border-radius:var(--radius);letter-spacing:.01em;cursor:pointer;border:none;padding:14px 28px;font-size:1.05rem;font-weight:800;transition:transform 80ms,box-shadow .15s,background .15s;box-shadow:0 6px 20px #e0a83a2e}.btn-primary:hover{background:var(--accent-soft);box-shadow:0 8px 26px #e0a83a42}.btn-primary:active{transform:translateY(1px)}.btn-secondary{color:var(--text);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:0 0;padding:14px 28px;font-size:1.05rem;font-weight:600}.btn-secondary:hover{border-color:var(--accent);color:var(--accent-soft)}.hero-note{color:var(--text-muted);font-size:.85rem}.section-h2{text-align:center;letter-spacing:-.01em;margin-bottom:16px;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700}.section-desc{color:var(--text-muted);text-align:center;max-width:600px;margin:0 auto 40px}.game-embed{flex-direction:column;align-items:center;gap:32px;display:flex}.game-frame-wrap{width:var(--game-width);aspect-ratio:390/650;border-radius:var(--radius);border:1px solid var(--accent);max-width:100%;position:relative;overflow:hidden;box-shadow:0 0 40px #e0a83a1f}.game-frame-wrap iframe{border:none;width:100%;height:100%;display:block}#demo-shield{z-index:2;cursor:pointer;position:absolute;inset:0}.game-frame-wrap.fullscreen{width:100%;height:100%;max-width:unset;aspect-ratio:unset;box-shadow:none;z-index:500;border:none;border-radius:0;position:fixed;inset:0}#demo-close{z-index:501;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:#0009;border-radius:6px;width:32px;height:32px;font-size:16px;line-height:1;display:none;position:absolute;top:12px;right:12px}#demo-close:hover{color:#fff;border-color:var(--accent)}.game-frame-wrap.fullscreen #demo-close{justify-content:center;align-items:center;display:flex}.game-bullets{color:var(--text-muted);flex-direction:column;gap:8px;font-size:.95rem;display:flex}.game-bullets li{color:var(--text)}.game-cta-wrap{text-align:center}.game-frame-wrap-shooter{aspect-ratio:844/400;width:100%;max-width:700px}#section-crosspromo{background:#0c0e12}.crosspromo-card{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:24px;padding:24px 28px;display:flex}.crosspromo-text{flex:1}.crosspromo-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;font-size:.68rem;font-weight:700;display:block}.crosspromo-card h3{color:var(--text);margin-bottom:6px;font-size:1rem;font-weight:700}.crosspromo-card p{color:var(--text-muted);margin:0;font-size:.85rem;line-height:1.55}.crosspromo-btn{white-space:nowrap;flex-shrink:0;padding:.65rem 1.4rem;font-size:.88rem}@media (width<=600px){.crosspromo-card{flex-direction:column;align-items:flex-start}.crosspromo-btn{text-align:center;width:100%}}.shooter-placeholder{width:var(--game-width);border-radius:var(--radius);border:1px dashed var(--border);max-width:100%;height:240px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:1.1rem;display:flex}.shooter-placeholder .coming-label{color:var(--signal);font-size:1.4rem;font-weight:700}.how-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:40px;display:grid}.how-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;transition:border-color .15s,transform .15s}.how-card:hover{border-color:var(--accent);transform:translateY(-2px)}.how-card h3{color:var(--accent-soft);margin-bottom:10px;font-size:1.1rem;font-weight:700}.how-card p{color:var(--text-muted);font-size:.95rem}.journey-path{justify-content:space-between;align-items:flex-start;gap:8px;margin-top:40px;padding-bottom:16px;display:flex;overflow-x:auto}.journey-step{flex-direction:column;flex:1;align-items:center;gap:8px;min-width:80px;display:flex}.journey-badge{background:var(--bg-card);border:2px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:.85rem;font-weight:700;display:flex}.journey-step:first-child .journey-badge{border-color:var(--text-muted)}.journey-step:nth-child(3) .journey-badge{border-color:#8a7a5a}.journey-step:nth-child(5) .journey-badge{border-color:#b98f3e}.journey-step:nth-child(7) .journey-badge{border-color:var(--accent)}.journey-step:nth-child(9) .journey-badge{border-color:var(--accent-orange)}.journey-step:nth-child(11) .journey-badge{border-color:var(--signal);color:var(--accent-soft)}.journey-step-label{text-align:center;font-size:.8rem;font-weight:600}.journey-step-desc{color:var(--text-muted);text-align:center;font-size:.75rem}.journey-connector{background:var(--border);flex-shrink:0;width:24px;height:2px;margin-top:27px}@media (width<=600px){.journey-path{overflow-x:unset;flex-direction:column;align-items:flex-start}.journey-step{min-width:unset;flex-direction:row;align-items:center;gap:16px;width:100%}.journey-connector{display:none}.journey-step-desc,.journey-step-label{text-align:left}}.learn-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-top:40px;display:grid}.learn-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;transition:border-color .15s}.learn-card:hover{border-color:var(--accent)}.learn-card h3{color:var(--accent-soft);margin-bottom:12px;font-size:1.05rem;font-weight:700}.learn-card p{color:var(--text-muted);margin-bottom:16px;font-size:.95rem}.tier-list{flex-direction:column;gap:6px;display:flex}.tier-list li{color:var(--text-muted);background:var(--bg-card-hover);border-left:3px solid var(--accent);border-radius:6px;padding:6px 10px;font-size:.85rem}.platforms-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:40px;display:grid}.platform-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);align-items:flex-start;gap:16px;padding:20px;transition:border-color .15s;display:flex}.platform-item:hover{border-color:var(--accent)}.platform-icon{flex-shrink:0;font-size:1.8rem}.platform-text strong{margin-bottom:4px;font-size:.95rem;display:block}.platform-text span{color:var(--text-muted);font-size:.85rem}.faq-list{flex-direction:column;gap:12px;max-width:720px;margin:40px auto 0;display:flex}.faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.faq-question{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;font-size:1rem;font-weight:600;display:flex}.faq-question:after{content:"▾";color:var(--accent);flex-shrink:0;font-size:1rem;transition:transform .2s}.faq-item.open .faq-question:after{transform:rotate(180deg)}.faq-answer{color:var(--text-muted);padding:0 20px 18px;font-size:.95rem;line-height:1.7;display:none}.faq-item.open .faq-answer{display:block}@media (width>=768px){.faq-answer{display:block}.faq-question{cursor:default}.faq-question:after{display:none}}[dir=rtl] .faq-question{text-align:right;flex-direction:row-reverse}footer{background:var(--bg-section);border-top:1px solid var(--border);padding:48px 0 32px}.footer-inner{max-width:var(--max-width);margin:0 auto;padding:0 20px}.footer-logo{color:var(--text);align-items:center;gap:8px;margin-bottom:24px;font-size:1.4rem;font-weight:800;display:inline-flex}.footer-logo:before{content:"◎";color:var(--accent);font-size:1em;line-height:1}.footer-links{flex-wrap:wrap;gap:48px;margin-bottom:32px;display:flex}.footer-col h4{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:10px;font-size:.8rem}.footer-col ul{flex-direction:column;gap:8px;display:flex}.footer-col a{color:var(--text-muted);font-size:.9rem}.footer-col a:hover{color:var(--accent-soft)}.footer-bottom{border-top:1px solid var(--border);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:24px;padding-top:20px;font-size:.85rem;display:flex}.footer-bottom a:hover{color:var(--accent-soft)}[dir=rtl] .footer-links,[dir=rtl] .footer-bottom{flex-direction:row-reverse}#signin-modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#signin-modal-overlay.open{display:flex}#signin-modal{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:16px;width:90%;max-width:360px;padding:40px 36px;position:relative}#signin-modal h2{margin-bottom:12px;font-size:1.4rem}#signin-modal p{color:var(--text-muted);margin-bottom:28px;font-size:.95rem;line-height:1.5}#google-btn-container{justify-content:center;margin-bottom:16px;display:flex}.signin-note{margin-bottom:0!important;font-size:.8rem!important}#signin-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:1.1rem;position:absolute;top:14px;right:16px}#signin-modal-close:hover{color:var(--text)}#landing-ad{max-width:var(--game-width);border-radius:var(--radius);justify-content:center;align-items:center;min-height:90px;margin:16px auto 0;display:flex;overflow:hidden}#signup-prompt-overlay{z-index:1100;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}#signup-prompt-overlay.open{display:flex}#signup-prompt{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:16px;width:100%;max-width:340px;padding:32px 28px}#signup-prompt-title{color:var(--text);margin-bottom:10px;font-size:1.3rem;font-weight:700}#signup-prompt-body{color:var(--text-muted);margin-bottom:24px;font-size:.9rem;line-height:1.5}#signup-prompt-skip{color:var(--text-muted);cursor:pointer;background:0 0;border:none;width:100%;padding:6px;font-size:.85rem}#signup-prompt-skip:hover{color:var(--text)}#cta-lang-picker{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#cta-lang-picker.open{display:flex}.cta-lang-panel{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:16px;width:90%;max-width:380px;padding:32px 28px}.cta-lang-title{color:var(--text);margin-bottom:20px;font-size:1.1rem}.cta-lang-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cta-lang-options button{background:var(--bg-card);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:10px;padding:12px;font-size:.95rem;transition:background .15s,border-color .15s}.cta-lang-options button:hover{background:var(--bg-card-hover);border-color:var(--accent)}
