@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Outfit:wght@600;700;800;900&family=Fredoka:wght@500;600;700&display=swap");:root{--font-main:"Trebuchet MS","Segoe UI",Arial,sans-serif;--font-heading:Impact,"Arial Black","Haettenschweiler",sans-serif;--font-pixel:"Press Start 2P",cursive;--font-outfit:"Outfit",sans-serif}*,:after,:before{box-sizing:border-box}.keyboard-ninja-page-wrapper{background-color:transparent;min-height:100vh;font-family:var(--font-main);color:#cbd5e1}.page-wrapper{display:flex;justify-content:center;gap:24px;padding:16px 20px 48px;max-width:1660px;margin:0 auto}.sidebar-ad{width:320px;max-width:320px;flex-shrink:0;overflow:hidden}.sidebar-ad-inner{position:sticky;top:80px;overflow:hidden}.sidebar-ad-inner,.tower-ad-box{width:100%;max-width:320px;display:flex;flex-direction:column;align-items:center}.tower-ad-box{min-height:600px;background:transparent!important;border:1px dashed rgba(255,255,255,.2)!important;border-radius:12px;padding:12px 10px;box-sizing:border-box;overflow:hidden!important}@media (max-width:1480px) and (min-width:1201px){.page-wrapper{max-width:1440px;gap:16px}.sidebar-ad{width:180px}.sidebar-ad,.sidebar-ad-inner{max-width:180px}.tower-ad-box{max-width:180px!important;padding:12px 6px!important}}.ad-badge-label{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#64748b;margin-bottom:4px}.main-content{flex:1;max-width:980px;min-width:0}@media (max-width:1200px){.sidebar-ad.left,.sidebar-ad.right{display:none}.main-content{max-width:100%}}.hero-header{text-align:center;margin-bottom:18px}.hero-title{font-family:var(--font-pixel);font-size:clamp(22px,4vw,36px);color:#f8fafc;letter-spacing:1.5px;margin:0 0 8px;line-height:1.3;text-shadow:0 0 20px rgba(255,255,255,.15)}.hero-title span.red{color:#ef4444;text-shadow:0 0 20px rgba(239,68,68,.4)}.hero-subtitle{font-family:var(--font-main);font-size:15px;color:#94a3b8;margin:0;font-weight:600}#game-container{position:relative;width:100%;height:620px;background-color:#090d16;color:white;overflow:hidden;border:4px solid #0f172a;border-radius:1.25rem;box-shadow:0 20px 45px -10px rgba(0,0,0,.7),0 0 30px rgba(220,38,38,.2);touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}#gameCanvas{display:block;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}#gameCanvas,#ui-layer{width:100%;height:100%}#ui-layer{position:absolute;top:0;left:0;pointer-events:none}.hud-text{font-family:var(--font-pixel);text-shadow:2px 2px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}#hud{position:absolute;top:0;left:0;width:100%;justify-content:space-between;padding:20px 24px;pointer-events:none;z-index:5}#hud,.hud-score{display:flex;align-items:center}.hud-score{font-size:clamp(14px,2.2vw,22px);color:#f6e05e;gap:12px}.hud-combo-tag{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(135deg,#ef4444,#f97316);color:#ffffff;font-size:11px;padding:4px 10px;border-radius:6px;text-shadow:none;box-shadow:0 0 12px rgba(239,68,68,.8);animation:pulseGlow 1.2s infinite alternate}@keyframes pulseGlow{0%{transform:scale(1)}to{transform:scale(1.08)}}.hud-lives{font-size:clamp(14px,2.2vw,22px);color:#fc8181;display:flex;align-items:center;gap:4px}.game-quick-controls{position:absolute;bottom:16px;right:16px;display:flex;gap:8px;pointer-events:auto;z-index:10}.quick-ctrl-btn{background:rgba(15,23,42,.85);border:2px solid rgba(255,255,255,.2);color:#ffffff;padding:8px 12px;border-radius:8px;font-family:var(--font-pixel);font-size:10px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .1s ease;backdrop-filter:blur(6px)}.quick-ctrl-btn:hover{background:rgba(30,41,59,.95);border-color:#f6e05e;transform:translateY(-2px)}.quick-ctrl-btn:active{transform:translateY(1px)}#startScreen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,.68);backdrop-filter:blur(5px);z-index:10;transition:opacity .4s ease;pointer-events:auto;padding:24px}#startScreen.hidden{opacity:0;pointer-events:none}.title-main{font-size:clamp(32px,7vw,72px);color:#ffffff;margin-bottom:4px;line-height:1.1;text-shadow:4px 4px 0 #000,-2px -2px 0 #000}.title-main,.title-sub{font-family:var(--font-pixel);text-align:center;letter-spacing:2px}.title-sub{font-size:clamp(28px,6vw,62px);color:#fc8181;margin-bottom:28px;text-shadow:4px 4px 0 #7f1d1d,-2px -2px 0 #000}.desc{font-family:sans-serif;font-size:clamp(13px,1.6vw,16px);color:#cbd5e0;text-align:center;max-width:480px;line-height:1.8;margin-bottom:36px;padding:0 16px}.btn-row{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}#ui-layer .btn{font-family:var(--font-pixel);font-size:clamp(12px,1.8vw,16px);color:#ffffff!important;border:none;cursor:pointer;border-radius:8px;padding:14px 28px;position:relative;top:0;transition:top .08s,box-shadow .08s,background-color .1s;letter-spacing:1px}#ui-layer .btn:active{top:4px!important}#ui-layer .btn-easy{background-color:#16a34a!important;box-shadow:0 6px 0 #14532d!important}#ui-layer .btn-easy:hover{background-color:#22c55e!important}#ui-layer .btn-easy:active{box-shadow:0 2px 0 #14532d!important}#ui-layer .btn-medium{background-color:#d97706!important;box-shadow:0 6px 0 #92400e!important}#ui-layer .btn-medium:hover{background-color:#f59e0b!important}#ui-layer .btn-medium:active{box-shadow:0 2px 0 #92400e!important}#ui-layer .btn-hard{background-color:#dc2626!important;box-shadow:0 6px 0 #7f1d1d!important}#ui-layer .btn-hard:hover{background-color:#ef4444!important}#ui-layer .btn-hard:active{box-shadow:0 2px 0 #7f1d1d!important}#ui-layer .btn-restart{background-color:#2563eb!important;box-shadow:0 6px 0 #1e3a8a!important;font-size:clamp(14px,2vw,18px);padding:16px 36px;margin-top:14px}#ui-layer .btn-restart:hover{background-color:#3b82f6!important}#ui-layer .btn-restart:active{box-shadow:0 2px 0 #1e3a8a!important}#pauseScreen{background:rgba(0,0,0,.82);z-index:25;pointer-events:auto!important;padding:24px}.pause-title{font-size:clamp(32px,6.5vw,64px);text-shadow:4px 4px 0 #000,-2px -2px 0 #000;letter-spacing:2px;text-align:center}#gameOverScreen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,.85);backdrop-filter:blur(6px);z-index:20;opacity:0;pointer-events:none;transition:opacity .4s ease;padding:20px}#gameOverScreen.visible{opacity:1;pointer-events:auto!important}.go-title{font-family:var(--font-pixel);font-size:clamp(36px,7.5vw,76px);color:#dc2626;margin-bottom:18px;text-shadow:4px 4px 0 #000,-2px -2px 0 #000;letter-spacing:2px;text-align:center}.go-score{font-family:sans-serif;font-size:clamp(16px,2.5vw,24px);color:#ffffff;margin-bottom:10px;text-align:center}.go-score span{color:#f6e05e;font-weight:700}.go-hi{font-family:sans-serif;font-size:clamp(13px,1.8vw,18px);color:#a0aec0;margin-bottom:24px;text-align:center}.go-hi span{color:#68d391;font-weight:700}.go-diff-row{display:flex;gap:10px;margin-bottom:12px}#pauseScreen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,.78);backdrop-filter:blur(6px);z-index:15;padding:20px}.pause-title{font-family:var(--font-pixel);font-size:clamp(24px,5vw,48px);color:#f6e05e;margin-bottom:24px;text-shadow:3px 3px 0 #000}.content-section{font-family:var(--font-main);background:rgba(15,23,42,.75);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:36px 40px;margin-top:28px;box-shadow:0 10px 30px rgba(0,0,0,.4);backdrop-filter:blur(8px);color:#cbd5e1}.dark .content-section,.dark-mode .content-section,[data-theme=dark] .content-section{background:#0d0e12!important;border-color:rgba(255,255,255,.12)!important;box-shadow:0 12px 36px rgba(0,0,0,.8)!important;color:#cbd5e1!important}.content-section h1{font-family:var(--font-heading);font-size:2.2rem;font-weight:900;color:#f8fafc;margin-bottom:1rem}.content-section h2{font-family:var(--font-heading);font-size:1.6rem;font-weight:800;color:#ef4444;margin-top:2rem;margin-bottom:.8rem;border-bottom:2px solid rgba(239,68,68,.25);padding-bottom:6px}.content-section h3{font-size:1.25rem;font-weight:700;color:#f87171;margin-top:1.4rem;margin-bottom:.5rem}.content-section p{margin-bottom:1rem;line-height:1.7;font-size:1.05rem;color:#cbd5e1}.content-section ul{list-style-type:disc;padding-left:1.5rem;margin-bottom:1.2rem}.content-section li{margin-bottom:.5rem;font-size:1.05rem;color:#cbd5e1;line-height:1.6}.seo-image-wrapper{margin:24px 0;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.15);box-shadow:0 15px 30px rgba(0,0,0,.5);background:#000000}.seo-banner-image{width:100%;height:auto;display:block}.seo-image-caption{display:block;padding:10px 16px;background:rgba(15,23,42,.95);font-size:13px;color:#94a3b8;text-align:center;font-style:italic;border-top:1px solid rgba(255,255,255,.1)}.dark .seo-image-caption,.dark-mode .seo-image-caption,[data-theme=dark] .seo-image-caption{background:#08080a!important;color:#94a3b8!important}.faq-grid{display:flex;flex-direction:column;gap:12px;margin-top:16px}.faq-item{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:18px 22px;transition:background .15s ease,border-color .15s ease}.faq-item:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.15)}.dark .faq-item,.dark-mode .faq-item,[data-theme=dark] .faq-item{background:#08080a!important;border-color:rgba(255,255,255,.08)!important}.faq-q{font-size:1.05rem;font-weight:700;color:#f8fafc;margin-bottom:6px}.dark .faq-q,.dark-mode .faq-q,[data-theme=dark] .faq-q{color:#f8fafc!important}.faq-a{font-size:.95rem;line-height:1.6;color:#94a3b8;margin:0}.dark .faq-a,.dark-mode .faq-a,[data-theme=dark] .faq-a{color:#94a3b8!important}.seo-game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:16px}.seo-game-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;text-decoration:none;transition:all .2s ease;display:flex;flex-direction:column;gap:6px}.seo-game-card:hover{background:rgba(220,38,38,.12);border-color:rgba(220,38,38,.4);transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.3)}.dark .seo-game-card,.dark-mode .seo-game-card,[data-theme=dark] .seo-game-card{background:#08080a!important;border-color:rgba(255,255,255,.08)!important}.dark .seo-game-card:hover,.dark-mode .seo-game-card:hover,[data-theme=dark] .seo-game-card:hover{background:rgba(220,38,38,.15)!important;border-color:rgba(220,38,38,.5)!important}.seo-game-card-title{font-size:1rem;font-weight:800;color:#f8fafc}.dark .seo-game-card-title,.dark-mode .seo-game-card-title,[data-theme=dark] .seo-game-card-title{color:#f8fafc!important}.seo-game-card-desc{font-size:.85rem;line-height:1.4;color:#94a3b8}.dark .seo-game-card-desc,.dark-mode .seo-game-card-desc,[data-theme=dark] .seo-game-card-desc{color:#94a3b8!important}@media (max-width:768px){.page-wrapper{padding:14px 10px 30px}#game-container{height:520px}.content-section{padding:24px 18px}}