#game-container{position:relative;width:1280px;height:720px;max-width:98vw;max-height:85vh;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;background:#0d0d1a;overflow:hidden;border-radius:12px;box-shadow:0 0 40px #000c,0 0 1px 1px #ffffff1a}#game-canvas{width:100%;height:100%;display:block;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges;cursor:default}.ui-panel{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;z-index:10;pointer-events:auto;background:#0d0d1ad9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.ui-panel.ui-hidden{display:none!important}#ui-hud{background:transparent;backdrop-filter:none;pointer-events:none}.menu-box{background:#14142b;border:3px solid #333366;box-shadow:0 0 20px #000c,inset 0 0 15px #14142de6;padding:2.5rem 3rem;border-radius:8px;display:flex;flex-direction:column;align-items:center;max-width:90vw;width:520px;text-align:center}.level-select-box{width:960px;max-width:95vw}.game-title{font-size:3.5rem;letter-spacing:4px;color:#e0e0f0;text-shadow:3px 3px 0px #000,0 0 10px rgba(224,224,240,.3);margin-bottom:.2rem}.game-tagline{font-size:.95rem;letter-spacing:2px;color:#88a;margin-bottom:2rem}.menu-title{font-size:2.2rem;letter-spacing:2px;color:#e0e0f0;text-shadow:2px 2px 0px #000;margin-bottom:.5rem}.subtitle{font-size:1rem;letter-spacing:1px;color:#aaa;margin-bottom:1.5rem}.text-danger{color:#e74c3c!important;text-shadow:0 0 10px rgba(231,76,60,.4)}.text-success{color:#2ecc71!important;text-shadow:0 0 10px rgba(46,204,113,.4)}.text-gold{color:#f1c40f!important;text-shadow:0 0 10px rgba(241,196,15,.4)}.menu-actions{display:flex;flex-direction:column;gap:.9rem;width:100%;max-width:320px;margin-top:1rem}.menu-btn{background:#224;color:#e0e0f0;border:2px solid #444477;padding:.8rem 1.5rem;font-family:inherit;font-size:1.1rem;font-weight:700;letter-spacing:1.5px;border-radius:4px;cursor:pointer;transition:all .15s ease-in-out;text-transform:uppercase;outline:none}.menu-btn:hover,.menu-btn:focus-visible{background:#336;border-color:#66b;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0006}.menu-btn:active{transform:translateY(1px);box-shadow:none}.menu-btn.primary-btn{background:#1b4d3e;border-color:#2ecc71;color:#2ecc71}.menu-btn.primary-btn:hover,.menu-btn.primary-btn:focus-visible{background:#2ecc71;color:#0d0d1a;box-shadow:0 0 15px #2ecc7180}.menu-btn.secondary-btn{background:#2a2a3a;border-color:#556;color:#aab}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;width:100%;margin:1rem 0 1.5rem}.level-card{background:#1c1c38;border:2px solid #3a3a66;border-radius:6px;padding:1rem .8rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .15s ease;user-select:none}.level-card.unlocked{cursor:pointer}.level-card.unlocked:hover,.level-card.unlocked:focus-visible{border-color:#f1c40f;background:#26264d;transform:translateY(-3px);box-shadow:0 4px 15px #f1c40f33;outline:none}.level-card.completed{border-color:#2ecc71}.level-card.locked{opacity:.45;cursor:not-allowed;background:#121224;border-color:#22223a}.level-card-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:.4rem}.level-number{font-size:.85rem;font-weight:700;color:#88a}.badge{font-size:.75rem;padding:.15rem .4rem;border-radius:3px;font-weight:700}.badge-complete{background:#1b4d3e;color:#2ecc71}.badge-lock{color:#e74c3c}.badge-gold{background:#5c4900;color:#f1c40f;border:1px solid #f1c40f;margin-left:.5rem}.level-name{font-size:.95rem;color:#fff;margin-bottom:.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.level-stats{font-size:.75rem;width:100%;border-top:1px solid #2a2a50;padding-top:.4rem;display:flex;flex-direction:column;gap:.2rem}.stat-row{display:flex;justify-content:space-between}.stat-label{color:#779}.stat-val{color:#e0e0f0;font-weight:700}.hud-container{position:absolute;inset:0;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:flex-start;font-size:1.1rem;font-weight:700;pointer-events:none}.hud-group{display:flex;gap:1.5rem;background:#0d0d1aa6;border:1px solid rgba(255,255,255,.1);padding:.5rem 1rem;border-radius:6px;backdrop-filter:blur(2px)}.hud-center{flex-direction:column;align-items:center;gap:.2rem}.hud-level-title{font-size:.8rem;letter-spacing:1px;color:#88b}.hud-timer{font-size:1.3rem;color:#f1c40f}.hud-hearts{color:#e74c3c;letter-spacing:2px;font-size:1.3rem}.hud-val{color:#fff}.checkpoint-toast{position:absolute;bottom:2rem;left:50%;transform:translate(-50%) translateY(20px);background:#2ecc71e6;color:#0d0d1a;padding:.6rem 1.5rem;border-radius:4px;font-weight:700;letter-spacing:1px;box-shadow:0 4px 15px #2ecc7166;opacity:0;transition:all .3s ease}.checkpoint-toast.toast-active{opacity:1;transform:translate(-50%) translateY(0)}.victory-congrats-banner{font-size:1.4rem;font-weight:700;letter-spacing:2px;color:#f1c40f;text-shadow:0 0 15px rgba(241,196,15,.7),2px 2px 0px #000;margin-top:.4rem;margin-bottom:.2rem;animation:victoryPulse 1.5s infinite alternate ease-in-out}.victory-congrats-sub{font-size:1.1rem;font-weight:700;letter-spacing:1.5px;color:#2ecc71;text-shadow:0 0 10px rgba(46,204,113,.5),1px 1px 0px #000;margin-bottom:1.2rem}@keyframes victoryPulse{0%{transform:scale(1)}to{transform:scale(1.04)}}.results-summary{background:#101020;border:1px solid #2a2a4a;border-radius:6px;padding:1rem 1.5rem;width:100%;margin-bottom:1rem;display:flex;flex-direction:column;gap:.6rem}.result-row{display:flex;justify-content:space-between;align-items:center;font-size:1.05rem}.result-label{color:#88a}.result-val{color:#fff;font-weight:700;display:flex;align-items:center}.settings-list{display:flex;flex-direction:column;gap:1.2rem;width:100%;margin:1rem 0}.setting-row{display:flex;justify-content:space-between;align-items:center;background:#1a1a36;padding:.8rem 1.2rem;border-radius:6px;border:1px solid #2e2e54}.setting-label{font-size:1rem;font-weight:700;letter-spacing:1px;color:#dddde8}.setting-toggle{background:#335;color:#88a;border:1px solid #555577;padding:.4rem 1.2rem;border-radius:4px;font-weight:700;cursor:pointer;min-width:70px;transition:all .15s ease}.setting-toggle.active{background:#1b4d3e;border-color:#2ecc71;color:#2ecc71}.modal-dialog{position:absolute;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:100}.modal-content{background:#181830;border:2px solid #444477;border-radius:8px;padding:2rem;max-width:480px;width:90%;text-align:center;box-shadow:0 0 25px #000000e6}.controls-list{list-style:none;text-align:left;margin:1.2rem 0;display:flex;flex-direction:column;gap:.6rem;font-size:.95rem}.controls-list .key{background:#2a2a4d;border:1px solid #555588;padding:.15rem .5rem;border-radius:3px;font-weight:700;color:#f1c40f}.tip-text{font-size:.85rem;color:#e74c3c;margin-bottom:1.2rem}.player-profile-badge{display:flex;align-items:center;gap:.5rem;background:#1e1e3b;border:1px solid #444477;padding:.3rem .8rem;border-radius:20px;cursor:pointer;margin-bottom:.8rem;transition:all .2s ease}.player-profile-badge:hover{background:#2b2b52;border-color:#f1c40f;transform:scale(1.03)}.player-name-text{font-size:.9rem;font-weight:700;color:gold;letter-spacing:1px}.name-prompt-box{width:460px;max-width:90vw}.name-prompt-form{width:100%;margin-top:1rem}.name-prompt-title{font-size:1.6rem;color:#f36;letter-spacing:1.5px;margin-bottom:.3rem}.name-prompt-sub{font-size:.85rem;color:#88a;margin-bottom:1.2rem}.input-group{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:1.2rem}.name-input{width:100%;max-width:320px;background:#0d0d1a;border:2px solid #333366;color:#fff;padding:.8rem 1rem;font-family:inherit;font-size:1.1rem;font-weight:700;border-radius:4px;text-align:center;outline:none;transition:border-color .2s ease}.name-input:focus{border-color:#2ecc71;box-shadow:0 0 10px #2ecc7166}.name-input.input-invalid{border-color:#e74c3c}.input-error-msg{color:#e74c3c;font-size:.85rem;margin-top:.4rem;display:none;font-weight:700}.leaderboard-box{width:860px;max-width:95vw}.leaderboard-tabs{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin:1rem 0;width:100%}.tab-btn{background:#1c1c38;border:1px solid #3a3a66;color:#88a;padding:.35rem .75rem;border-radius:4px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .15s ease}.tab-btn:hover,.tab-btn.active{background:#2ecc71;color:#0d0d1a;border-color:#2ecc71;box-shadow:0 0 8px #2ecc7166}.leaderboard-content{width:100%;min-height:240px;max-height:380px;overflow-y:auto;margin:.5rem 0 1rem;background:#0d0d1a;border:1px solid #222244;border-radius:6px;padding:1rem}.your-rank-card{background:#1b263b;border:1px solid #00e5ff;border-radius:6px;padding:.75rem 1rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.your-rank-title{font-weight:700;color:#00e5ff;font-size:.9rem;letter-spacing:1px}.your-rank-details{display:flex;align-items:center;gap:1rem;font-size:.95rem}.rank-badge{background:#00e5ff;color:#0d0d1a;font-weight:700;padding:.2rem .5rem;border-radius:4px}.table-responsive{width:100%;overflow-x:auto}.leaderboard-table{width:100%;border-collapse:collapse;text-align:left;font-size:.95rem}.leaderboard-table th{background:#16162e;color:#88b;padding:.6rem .8rem;font-size:.8rem;letter-spacing:1px;border-bottom:2px solid #2a2a50}.leaderboard-table td{padding:.6rem .8rem;border-bottom:1px solid #1a1a36}.leaderboard-table tr.highlight-player{background:#00e5ff26;font-weight:700}.leaderboard-table tr.highlight-player td{color:#00e5ff}.you-tag{font-size:.75rem;color:#00e5ff}.leaderboard-spinner,.leaderboard-empty{padding:3rem 1rem;color:#88a;font-style:italic}.leaderboard-error-box{padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.share-btn{background:#0d47a1;border-color:#00e5ff;color:#00e5ff}.share-btn:hover{background:#00e5ff;color:#0d0d1a}.sm-btn{padding:.2rem .6rem;font-size:.75rem;margin-left:.5rem}.setting-name-group{display:flex;align-items:center}.public-landing-footer{position:absolute;bottom:0;left:0;right:0;padding:.4rem 1rem;background:#0a0a14e6;border-top:1px solid #1a1a36;z-index:5;font-size:.8rem;color:#668}.footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.footer-links a{color:#88a;text-decoration:none}.footer-links a:hover{color:#00e5ff;text-decoration:underline}.footer-links .sep{margin:0 .4rem}.ad-placement{width:100%;margin-top:1rem;display:flex;justify-content:center}.ad-ready-placeholder{display:none}@media (max-width: 900px){.level-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 600px){.level-grid{grid-template-columns:repeat(2,1fr)}.game-title{font-size:2.5rem}.leaderboard-box{padding:1.5rem 1rem}.tab-btn{padding:.25rem .5rem;font-size:.75rem}}body{-webkit-overflow-scrolling:touch;overscroll-behavior:none;touch-action:none}#portrait-warning{display:none;position:fixed;inset:0;background:#090914;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:9999;padding:2rem;gap:1.2rem}#portrait-warning h2{font-size:1.8rem;color:#e8c84a;letter-spacing:2px;font-family:inherit}#portrait-warning p{color:#aac;font-size:1rem;font-family:inherit}@media (orientation: portrait) and (max-width: 900px){#portrait-warning{display:flex}#game-container{display:none!important}}#touch-controls{display:none;position:absolute;inset:0;pointer-events:none;z-index:100}@media (pointer: coarse),(max-width: 1024px){#touch-controls{display:block}}.touch-btn{position:absolute;min-width:64px;min-height:64px;background:#ffffff2e;border:2px solid rgba(255,255,255,.4);border-radius:50%;pointer-events:auto;display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#ffffffe6;user-select:none;-webkit-user-select:none;touch-action:none;box-shadow:0 4px 12px #0006;backdrop-filter:blur(4px);transition:background .1s ease,transform .1s ease}.touch-btn:active,.touch-btn.active{background:#e8c84a66;border-color:#e8c84a;color:#fff;transform:scale(.92)}#btn-left{bottom:calc(24px + env(safe-area-inset-bottom));left:calc(24px + env(safe-area-inset-left));width:68px;height:68px}#btn-right{bottom:calc(24px + env(safe-area-inset-bottom));left:calc(108px + env(safe-area-inset-left));width:68px;height:68px}#btn-jump{bottom:calc(24px + env(safe-area-inset-bottom));right:calc(24px + env(safe-area-inset-right));width:78px;height:78px;font-size:2rem;background:#2ecc7140;border-color:#2ecc7199}#btn-jump:active{background:#2ecc7180;border-color:#2ecc71}#btn-pause{top:calc(16px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));width:48px;height:48px;min-width:48px;min-height:48px;font-size:1rem;border-radius:8px;background:#0006;border-color:#ffffff4d}@media (max-width: 768px){.level-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))!important;gap:10px!important}.level-card{min-height:90px!important;padding:8px!important}.ui-title{font-size:2.2rem!important}.ui-btn{min-height:48px!important;padding:.8rem 1.5rem!important;font-size:1.1rem!important}}:root{--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-pixel: "Press Start 2P", monospace;--color-bg-dark: #090912;--color-bg-card: #131324;--color-bg-card-alt: #18182f;--color-primary: #00ff88;--color-primary-glow: rgba(0, 255, 136, .35);--color-secondary: #a855f7;--color-secondary-glow: rgba(168, 85, 247, .35);--color-accent: #fbbf24;--color-danger: #ff4757;--color-text-main: #f1f5f9;--color-text-muted: #94a3b8;--color-border: rgba(255, 255, 255, .08);--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px}html{scroll-behavior:smooth}body{overflow-x:hidden;overflow-y:auto!important;background-color:var(--color-bg-dark);font-family:var(--font-body);color:var(--color-text-main);touch-action:auto!important;user-select:auto!important;-webkit-user-select:auto!important}.landing-header{position:sticky;top:0;left:0;width:100%;z-index:500;background:#090912d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.nav-container{max-width:1200px;margin:0 auto;padding:.85rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;font-family:var(--font-heading);font-weight:900;font-size:1.4rem;color:#fff;letter-spacing:1px}.nav-brand .brand-icon{font-size:1.5rem}.nav-menu{display:flex;align-items:center;gap:1.8rem}.nav-link{color:var(--color-text-muted);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s ease}.nav-link:hover{color:var(--color-primary)}.nav-cta-btn{background:linear-gradient(135deg,var(--color-primary),#059669);color:#000;border:none;font-family:var(--font-heading);font-weight:800;font-size:.95rem;padding:.6rem 1.4rem;border-radius:var(--radius-sm);cursor:pointer;box-shadow:0 0 15px var(--color-primary-glow);transition:all .2s ease}.nav-cta-btn:hover{transform:translateY(-2px);box-shadow:0 0 25px var(--color-primary-glow)}#game-section{width:100%;min-height:85vh;display:flex;justify-content:center;align-items:center;padding:2rem 1rem;background:radial-gradient(circle at center,#171730,#090912)}#game-container{position:relative;width:1280px;height:720px;max-width:98vw;max-height:85vh;aspect-ratio:16 / 9;background:#000;border-radius:var(--radius-md);box-shadow:0 0 40px #000c,0 0 1px 1px #ffffff1a;overflow:hidden}#landing-page{width:100%;max-width:1200px;margin:0 auto;padding:2rem 1.5rem 4rem}.landing-section{padding:4.5rem 0}.landing-section.dark-alt{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:4.5rem 2.5rem;margin:2rem 0;border:1px solid var(--color-border)}.section-header{text-align:center;max-width:650px;margin:0 auto 3.5rem}.section-title{font-family:var(--font-heading);font-size:2.4rem;font-weight:900;letter-spacing:-.5px;color:#fff;margin-bottom:.6rem;background:linear-gradient(135deg,#ffffff 30%,var(--color-text-muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-desc{color:var(--color-text-muted);font-size:1.05rem;line-height:1.6}.hero-section{text-align:center;padding:3.5rem 1rem 4.5rem}.hero-badge{display:inline-block;background:#a855f726;color:var(--color-secondary);border:1px solid rgba(168,85,247,.3);font-size:.85rem;font-weight:700;padding:.4rem 1.1rem;border-radius:50px;margin-bottom:1.5rem;letter-spacing:.5px}.hero-title{font-family:var(--font-heading);font-size:4.5rem;font-weight:900;line-height:1.05;letter-spacing:-1.5px;margin-bottom:1.2rem;background:linear-gradient(135deg,#ffffff 0%,var(--color-primary) 50%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 50px var(--color-primary-glow)}.hero-tagline{font-size:1.35rem;color:var(--color-text-muted);max-width:600px;margin:0 auto 2.5rem;font-weight:500}.cta-primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;background:linear-gradient(135deg,var(--color-primary) 0%,#059669 100%);color:#000;font-family:var(--font-heading);font-weight:900;font-size:1.2rem;padding:1rem 2.8rem;border-radius:var(--radius-md);border:none;cursor:pointer;box-shadow:0 0 30px var(--color-primary-glow);transition:all .25 ease;text-decoration:none}.cta-primary-btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 0 45px var(--color-primary-glow)}.cta-primary-btn.lg-btn{font-size:1.35rem;padding:1.2rem 3.2rem}.hero-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;max-width:900px;margin:4rem auto 0}.stat-card{background:var(--color-bg-card);border:1px solid var(--color-border);padding:1.5rem;border-radius:var(--radius-md);text-align:center;transition:transform .2s ease,border-color .2s ease}.stat-card:hover{transform:translateY(-4px);border-color:#00ff884d}.stat-num{display:block;font-family:var(--font-heading);font-size:2.2rem;font-weight:900;color:var(--color-primary);margin-bottom:.3rem}.stat-label{font-size:.9rem;color:var(--color-text-muted);font-weight:600}.how-to-play-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.htp-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.8rem 1.4rem;text-align:center;transition:all .25s ease}.htp-card:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:0 10px 25px #0006}.htp-icon{font-size:2.5rem;margin-bottom:1rem}.htp-card h3{font-family:var(--font-heading);font-size:1.25rem;font-weight:800;margin-bottom:.6rem;color:#fff}.htp-card p{font-size:.9rem;color:var(--color-text-muted);line-height:1.5}kbd{background:#1e1e38;color:var(--color-primary);border:1px solid rgba(255,255,255,.15);padding:.15rem .45rem;border-radius:4px;font-family:monospace;font-size:.85rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.feature-card{background:var(--color-bg-card-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.8rem;position:relative;overflow:hidden;transition:all .25s ease}.feature-card:hover{transform:translateY(-4px);border-color:var(--color-secondary)}.feature-badge{font-family:var(--font-heading);font-size:.9rem;font-weight:900;color:var(--color-secondary);background:#a855f71f;display:inline-block;padding:.2rem .6rem;border-radius:6px;margin-bottom:1rem}.feature-card h3{font-family:var(--font-heading);font-size:1.2rem;font-weight:800;color:#fff;margin-bottom:.6rem}.feature-card p{font-size:.9rem;color:var(--color-text-muted);line-height:1.5}.screenshots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:2rem}.screenshot-card{position:relative;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);background:var(--color-bg-card);transition:all .3s ease}.screenshot-card:hover{transform:translateY(-5px);border-color:var(--color-primary);box-shadow:0 15px 35px #0009,0 0 20px var(--color-primary-glow)}.screenshot-card img{width:100%;height:auto;display:block;object-fit:cover;transition:transform .4s ease}.screenshot-card:hover img{transform:scale(1.04)}.screenshot-overlay{position:absolute;bottom:0;left:0;width:100%;padding:1.5rem;background:linear-gradient(to top,#090912f2,#09091200)}.screenshot-tag{font-size:.75rem;font-weight:800;color:var(--color-accent);letter-spacing:1px;display:block;margin-bottom:.3rem}.screenshot-overlay h4{font-family:var(--font-heading);font-size:1.15rem;font-weight:800;color:#fff}.leaderboard-preview-container{max-width:800px;margin:0 auto}.leaderboard-preview-card{background:var(--color-bg-card-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:2.5rem;text-align:center}.preview-header{display:flex;flex-direction:column;align-items:center;gap:1.2rem;margin-bottom:1.5rem}.preview-title{font-family:var(--font-heading);font-weight:800;font-size:1.3rem;color:var(--color-primary);letter-spacing:1px}.preview-text{color:var(--color-text-muted);font-size:1rem;line-height:1.6}.preview-refresh-btn{background:#00ff881f;color:var(--color-primary);border:1px solid var(--color-primary);font-family:var(--font-heading);font-weight:800;padding:.75rem 1.8rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.preview-refresh-btn:hover{background:var(--color-primary);color:#000}.faq-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:1.2rem}.faq-item{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s ease}.faq-item[open]{border-color:#a855f766}.faq-question{font-family:var(--font-heading);font-weight:800;font-size:1.15rem;color:#fff;padding:1.2rem 1.5rem;cursor:pointer;outline:none;list-style:none;display:flex;align-items:center;justify-content:space-between}.faq-question::-webkit-details-marker{display:none}.faq-question:after{content:"+";font-size:1.4rem;color:var(--color-secondary);font-weight:400;transition:transform .2s ease}.faq-item[open] .faq-question:after{content:"−"}.faq-answer{padding:0 1.5rem 1.4rem;color:var(--color-text-muted);font-size:.98rem;line-height:1.6}.final-cta-section{padding:4rem 0;text-align:center}.cta-banner-card{background:linear-gradient(135deg,#181836,#0d0d1e);border:1px solid rgba(0,255,136,.25);border-radius:var(--radius-lg);padding:3.5rem 2rem;box-shadow:0 0 50px #00ff881a}.cta-banner-title{font-family:var(--font-heading);font-size:2.8rem;font-weight:900;color:#fff;margin-bottom:.8rem}.cta-banner-desc{color:var(--color-text-muted);font-size:1.15rem;max-width:580px;margin:0 auto 2.2rem}.public-landing-footer{padding:2rem 0;border-top:1px solid var(--color-border);margin-top:3rem;text-align:center}.footer-content{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap;font-size:.9rem;color:var(--color-text-muted)}.footer-links a{color:var(--color-text-muted);text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:var(--color-primary)}.footer-links .sep{margin:0 .5rem;color:#fff3}@media (max-width: 768px){.nav-menu{display:none}.hero-title{font-size:3rem}.section-title{font-size:1.8rem}.cta-banner-title{font-size:2rem}.screenshots-grid{grid-template-columns:1fr}.hero-stats-grid{grid-template-columns:repeat(2,1fr)}}.play-page-body{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden!important;display:flex;flex-direction:column;background:#090912}.play-header{height:50px;background:#131324f2;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 1.2rem;z-index:1000}.play-back-btn{display:inline-flex;align-items:center;gap:.4rem;color:var(--color-text-muted);text-decoration:none;font-family:var(--font-heading);font-size:.85rem;font-weight:700;transition:color .2s ease}.play-back-btn:hover{color:var(--color-primary)}.play-brand{display:flex;align-items:center;gap:.4rem;font-family:var(--font-heading);font-weight:900;font-size:1.1rem;color:#fff}.play-hint{font-size:.8rem;color:var(--color-primary);font-family:var(--font-pixel)}#play-game-viewport{flex:1;width:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#171730,#090912);position:relative;overflow:hidden;padding:.5rem}#play-game-viewport #game-container{width:100%;height:100%;max-width:calc((100vh - 60px)*1.7777);max-height:calc(100vh - 60px);aspect-ratio:16 / 9}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#0d0d1a;font-family:Courier New,Courier,monospace;color:#e0e0f0;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}.ui-hidden{display:none!important}#error-screen{display:none;position:fixed;inset:0;background:#1a0000;flex-direction:column;align-items:center;justify-content:center;gap:1rem;z-index:9999;padding:2rem;text-align:center}#error-screen h1{color:#f44;font-size:2rem}#error-screen p{color:#caa;font-size:.9rem;max-width:480px}#error-message{color:#faa;font-size:.8rem;font-family:monospace;background:#2a0000;padding:1rem;border-radius:4px;max-width:600px;word-break:break-word}#reload-btn{margin-top:1rem;padding:.6rem 2rem;background:#400;color:#fcc;border:1px solid #ff4444;border-radius:4px;cursor:pointer;font-size:1rem}#reload-btn:hover{background:#600}