:root{--font-game:"Trebuchet MS", "Segoe UI", Arial, sans-serif;--font-title:Impact, "Arial Black", "Oswald", sans-serif}.page-wrapper{justify-content:center;gap:20px;max-width:1440px;margin:0 auto;padding:24px 16px;display:flex}.sidebar-ad{flex-shrink:0;width:180px}.sidebar-ad-inner{position:sticky;top:80px}.main-content{flex:1;min-width:0;max-width:900px}@media (max-width:1200px){.sidebar-ad.left,.sidebar-ad.right{display:none}.main-content{max-width:100%}}#game-container{-webkit-user-select:none;user-select:none;contain:layout style paint;will-change:transform;background:linear-gradient(#38bdf8 0%,#7dd3fc 55%,#bae6fd 100%);border:4px solid #0f172a;border-radius:20px;width:100%;height:640px;position:relative;overflow:hidden;box-shadow:0 12px 35px #0f172a2e}:-webkit-any(#game-container:fullscreen,#game-container:-webkit-full-screen,#game-container:fullscreen){background:linear-gradient(#38bdf8 0%,#7dd3fc 55%,#bae6fd 100%)!important;border:none!important;border-radius:0!important;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important}:-moz-any(#game-container:fullscreen,#game-container:fullscreen,#game-container:-moz-full-screen){background:linear-gradient(#38bdf8 0%,#7dd3fc 55%,#bae6fd 100%)!important;border:none!important;border-radius:0!important;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important}:is(#game-container:fullscreen,#game-container:fullscreen,#game-container:fullscreen){background:linear-gradient(#38bdf8 0%,#7dd3fc 55%,#bae6fd 100%)!important;border:none!important;border-radius:0!important;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important}.bg-layer{pointer-events:none;width:100%;position:absolute;bottom:0;left:0;transform:translateZ(0)}.clouds-back{z-index:1;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1200 120\" preserveAspectRatio=\"none\"><path d=\"M0,70 Q35,30 75,65 Q115,25 165,55 Q215,15 265,65 Q315,35 365,65 Q415,15 475,55 Q535,25 595,65 Q655,35 715,75 Q765,25 825,65 Q885,15 945,55 Q1005,35 1065,75 Q1125,25 1200,65 L1200,120 L0,120 Z\" fill=\"%23ffffff\" opacity=\"0.45\"/></svg>");background-repeat:repeat-x;background-size:900px 100%;height:120px;animation:45s linear infinite floatCloudsBack;top:15px}.clouds-front{z-index:1;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1200 110\" preserveAspectRatio=\"none\"><path d=\"M0,60 Q50,15 100,50 Q150,10 210,45 Q270,10 330,55 Q400,20 460,50 Q520,10 580,55 Q640,25 700,60 Q760,15 820,50 Q890,10 950,55 Q1010,20 1070,60 Q1130,15 1200,55 L1200,110 L0,110 Z\" fill=\"%23ffffff\" opacity=\"0.75\"/></svg>");background-repeat:repeat-x;background-size:750px 100%;height:110px;animation:28s linear infinite floatCloudsFront;top:50px}@keyframes floatCloudsBack{0%{background-position:0 0}to{background-position:900px 0}}@keyframes floatCloudsFront{0%{background-position:0 0}to{background-position:750px 0}}.dynamic-puffy-cloud{pointer-events:none;z-index:1;filter:drop-shadow(0 4px 8px #0000000f);position:absolute}.puffy-cloud-1{opacity:.88;width:140px;height:60px;animation:32s linear infinite driftPuffyCloud1;top:35px}.puffy-cloud-2{opacity:.78;width:110px;height:48px;animation:24s linear infinite driftPuffyCloud2;top:95px}.puffy-cloud-3{opacity:.65;width:90px;height:40px;animation:20s linear infinite driftPuffyCloud3;top:155px}@keyframes driftPuffyCloud1{0%{transform:translate(-160px)translateY(0)}50%{transform:translate(50vw)translateY(-8px)}to{transform:translate(calc(100vw + 160px))translateY(0)}}@keyframes driftPuffyCloud2{0%{transform:translate(-130px)translateY(0)}50%{transform:translate(50vw)translateY(6px)}to{transform:translate(calc(100vw + 130px))translateY(0)}}@keyframes driftPuffyCloud3{0%{transform:translate(-100px)translateY(0)}50%{transform:translate(50vw)translateY(-5px)}to{transform:translate(calc(100vw + 100px))translateY(0)}}.mountains{z-index:2;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1200 240\" preserveAspectRatio=\"none\"><polygon points=\"0,240 100,60 220,240 340,30 460,240 580,70 700,240 820,40 940,240 1060,80 1200,240\" fill=\"%230284c7\" opacity=\"0.25\"/><polygon points=\"50,240 170,90 290,240 410,50 530,240 650,80 770,240 890,60 1010,240 1130,110 1200,240\" fill=\"%230369a1\" opacity=\"0.38\"/></svg>");background-repeat:repeat-x;background-size:1200px 100%;height:270px;bottom:0}.trees-back{z-index:3;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1000 140\" preserveAspectRatio=\"none\"><path d=\"M0,140 Q100,50 200,140 Q300,30 400,140 Q500,60 600,140 Q700,40 800,140 Q900,50 1000,140 L1000,140 L0,140 Z\" fill=\"%234ade80\" opacity=\"0.7\"/></svg>");background-repeat:repeat-x;background-size:1000px 100%;height:150px;bottom:0}.trees-front{z-index:4;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 900 110\" preserveAspectRatio=\"none\"><path d=\"M0,110 Q90,30 180,110 Q270,10 360,110 Q450,40 540,110 Q630,20 720,110 Q810,30 900,110 L900,110 L0,110 Z\" fill=\"%2322c55e\" opacity=\"0.95\"/></svg>");background-repeat:repeat-x;background-size:900px 100%;height:110px;bottom:0}.game-stage{pointer-events:none;z-index:10;width:100%;max-width:860px;height:100%;margin:0 auto;position:absolute;inset:0;overflow:visible}.game-layer{z-index:10;will-change:transform;width:100%;height:100%;position:absolute;bottom:0;left:0;right:0;transform:translateZ(0)}.platform{z-index:5;background-color:#8d6e63;border:3px solid #5d4037;border-radius:12px;justify-content:center;align-items:center;height:24px;display:flex;position:absolute;box-shadow:0 5px #3e2723}.platform:after,.platform:before{content:"";background:#22c55e;border:2px solid #14532d;width:22px;height:12px;position:absolute;bottom:-6px}.platform:after{border-radius:20px 0;right:-10px}.platform:before{border-radius:0 20px;left:-10px}.platform.target{animation:1.2s ease-in-out infinite alternate bouncePlat;background-color:#f59e0b!important;border-color:#78350f!important;box-shadow:0 5px #451a03,0 0 25px #f59e0bd9!important}@keyframes bouncePlat{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.word-tag{font-family:var(--font-game);letter-spacing:1px;white-space:nowrap;color:#1e293b;z-index:20;background:#fffffff5;border:3px solid #0f172a;border-radius:12px;padding:4px 16px;font-size:1.35rem;font-weight:800;transition:transform .15s,border-color .15s;position:absolute;top:-50px;left:50%;transform:translate(-50%);box-shadow:3px 4px #00000026}.word-tag.active{z-index:25;border-color:#16a34a;transform:translate(-50%)scale(1.14);box-shadow:4px 6px #0003}.matched-char{color:#16a34a;text-decoration:underline;text-decoration-thickness:3.5px}.player{z-index:30;will-change:transform, left, bottom;background-color:#3b82f6;border:3px solid #1e3a8a;border-radius:12px;width:44px;height:44px;position:absolute;transform:translateZ(0);box-shadow:3px 4px #0003}.player:before{content:"";background:#e0f2fe;border-radius:6px;position:absolute;inset:6px 6px 14px}.player:after{content:"••";text-align:center;color:#1e3a8a;font-size:20px;font-weight:900;line-height:18px;position:absolute;top:6px;left:0;right:0}.player .plant{font-size:16px;position:absolute;top:-14px;left:14px}.player .leg{z-index:-1;background:#1e3a8a;border-radius:4px;width:8px;height:10px;position:absolute;bottom:-6px}.player .leg.l{left:8px}.player .leg.r{right:8px}.hud-top{z-index:50;pointer-events:none;justify-content:space-between;align-items:center;padding:16px;display:flex;position:absolute;top:0;left:0;right:0}.hud-left{pointer-events:auto;align-items:center;gap:12px;display:flex}.hud-scores{gap:10px;display:flex}.hud-score-pill{color:#fff;font-family:var(--font-game);text-shadow:1px 1px #0369a1;background:#0ea5e9;border:3px solid #0369a1;border-radius:20px;padding:4px 16px;font-size:1.1rem;font-weight:800;box-shadow:2px 3px #0003}.hud-time-pill{color:#fff;font-family:var(--font-game);text-shadow:1px 1px #6d28d9;background:#8b5cf6;border:3px solid #6d28d9;border-radius:20px;padding:4px 16px;font-size:1.1rem;font-weight:800;box-shadow:2px 3px #0003}.hud-height-pill{color:#fff;font-family:var(--font-game);text-shadow:1px 1px #047857;background:#10b981;border:3px solid #047857;border-radius:20px;padding:4px 14px;font-size:1.1rem;font-weight:800;box-shadow:2px 3px #0003}.hud-combo-pill{color:#fff;font-family:var(--font-game);text-shadow:1px 1px #b45309;background:#f59e0b;border:3px solid #b45309;border-radius:20px;padding:4px 14px;font-size:1.1rem;font-weight:800;box-shadow:2px 3px #0003}.hud-right{pointer-events:auto;gap:10px;display:flex}.hud-btn{color:#fff;cursor:pointer;background:#f59e0b;border:3px solid #92400e;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.2rem;font-weight:700;transition:transform .1s;display:flex;box-shadow:2px 3px #0003}.hud-btn:active{box-shadow:none;transform:translateY(3px)}.health-container{background:#334155;border:2px solid #0f172a;border-radius:10px;width:140px;height:20px;position:relative;overflow:hidden;box-shadow:2px 2px #0003}.health-fill{background:linear-gradient(90deg,#ef4444,#22c55e);width:100%;height:100%;transition:width .2s ease-out}#start-screen{z-index:60;background:linear-gradient(#1e3a5f 0%,#38bdf8 40%,#7dd3fc 70%,#bae6fd 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}#start-screen:before{content:"";pointer-events:none;z-index:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1200 120\" preserveAspectRatio=\"none\"><path d=\"M0,80 Q30,40 70,70 Q110,30 160,60 Q210,20 260,70 Q310,40 360,70 Q410,20 470,60 Q530,30 590,70 Q650,40 710,80 Q760,30 820,70 Q880,20 940,60 Q1000,40 1060,80 Q1120,30 1200,70 L1200,120 L0,120 Z\" fill=\"%23ffffff\" opacity=\"0.25\"/></svg>");background-repeat:repeat-x;background-size:800px 100%;width:200%;height:120px;animation:25s linear infinite startCloudsDrift;position:absolute;top:15%;left:0}#start-screen:after{content:"";pointer-events:none;z-index:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1200 200\" preserveAspectRatio=\"none\"><path d=\"M0,200 C100,80 200,120 300,90 C400,60 500,130 600,100 C700,70 800,110 900,80 C1000,50 1100,90 1200,70 L1200,200 Z\" fill=\"%2316a34a\" opacity=\"0.85\"/><path d=\"M0,200 C150,120 250,150 400,130 C550,110 650,160 800,140 C950,120 1100,150 1200,130 L1200,200 Z\" fill=\"%2322c55e\" opacity=\"0.95\"/></svg>");background-size:100% 100%;width:100%;height:140px;position:absolute;bottom:0;left:0}@keyframes startCloudsDrift{0%{transform:translate(0)}to{transform:translate(-50%)}}.start-sparkles{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.sparkle{opacity:0;background:#fbbf24;border-radius:50%;width:6px;height:6px;animation:4s ease-in-out infinite sparkleFloat;position:absolute;box-shadow:0 0 8px 2px #fbbf2499}.sparkle:first-child{animation-delay:0s;top:12%;left:15%}.sparkle:nth-child(2){width:4px;height:4px;animation-delay:.8s;top:8%;left:75%}.sparkle:nth-child(3){animation-delay:1.6s;top:22%;left:88%}.sparkle:nth-child(4){width:5px;height:5px;animation-delay:2.2s;top:18%;left:40%}.sparkle:nth-child(5){width:3px;height:3px;animation-delay:.4s;top:6%;left:55%}.sparkle:nth-child(6){animation-delay:1.2s;top:28%;left:25%}.sparkle:nth-child(7){width:4px;height:4px;animation-delay:2.8s;top:10%;left:92%}.sparkle:nth-child(8){width:5px;height:5px;animation-delay:3.4s;top:32%;left:65%}@keyframes sparkleFloat{0%,to{opacity:0;transform:translateY(0)scale(.5)}50%{opacity:1;transform:translateY(-12px)scale(1.2)}}.start-deco-platform{z-index:1;flex-direction:column;align-items:center;animation:2.5s ease-in-out infinite decoFloat;display:flex;position:absolute;bottom:130px}.start-deco-platform.left-plat{left:8%}.start-deco-platform.right-plat{animation-delay:1.2s;right:8%}.deco-plat-bar{background:#8d6e63;border:3px solid #5d4037;border-radius:10px;width:100px;height:18px;box-shadow:0 4px #3e2723}.deco-plat-word{font-family:var(--font-game);color:#1e293b;background:#ffffffe6;border:2px solid #0f172a;border-radius:8px;margin-bottom:6px;padding:2px 12px;font-size:.85rem;font-weight:800;box-shadow:2px 3px #0000001a}@keyframes decoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.start-mascot{z-index:2;background:#3b82f6;border:3px solid #1e3a8a;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:8px;animation:1.8s ease-in-out infinite mascotBounce;display:flex;position:relative;box-shadow:3px 4px #0003}.start-mascot:before{content:"••";color:#1e3a8a;margin-top:-4px;font-size:22px;font-weight:900;line-height:1}.start-mascot:after{content:"🌱";font-size:18px;position:absolute;top:-16px;left:16px}@keyframes mascotBounce{0%,to{transform:translateY(0)scale(1)}30%{transform:translateY(-18px)scale(.95,1.1)}50%{transform:translateY(0)scale(1.1,.9)}70%{transform:translateY(-6px)scale(1)}}.logo-title{font-family:var(--font-title);color:#fbbf24;text-shadow:4px 4px #92400e,0 0 30px #fbbf2459,0 8px 20px #0003;text-align:center;z-index:2;margin-bottom:.75rem;font-size:4rem;line-height:.9;animation:3s ease-in-out infinite floatLogo;position:relative;transform:rotate(-3deg)}.logo-jump{color:#fff;text-shadow:4px 4px #0284c7,0 0 20px #0284c74d;font-size:4.5rem;display:block}@keyframes floatLogo{0%,to{transform:rotate(-3deg)translateY(0)}50%{transform:rotate(-3deg)translateY(-10px)}}.start-tagline{font-family:var(--font-game);color:#ffffffd9;text-shadow:0 1px 3px #0003;z-index:2;letter-spacing:.02em;margin-bottom:1.25rem;font-size:.95rem;position:relative}.start-controls{z-index:5;gap:8px;display:flex;position:absolute;top:16px;right:16px}.start-ctrl-btn{color:#fff;cursor:pointer;background:#f59e0b;border:3px solid #92400e;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;transition:transform .1s;display:flex;box-shadow:2px 3px #0003}.start-ctrl-btn:hover{transform:translateY(-2px);box-shadow:2px 5px #00000040}.start-ctrl-btn:active{box-shadow:none;transform:translateY(3px)}.start-tips{z-index:2;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex;position:relative}.start-tip{-webkit-backdrop-filter:blur(6px);color:#fff;font-family:var(--font-game);text-shadow:0 1px 2px #00000026;background:#ffffff2e;border:1.5px solid #ffffff4d;border-radius:12px;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:700;display:flex}.start-tip-icon{font-size:1.1rem}.start-version{color:#ffffff59;letter-spacing:.1em;z-index:2;font-size:.65rem;font-weight:700;position:absolute;bottom:12px;right:16px}.menu-panel{-webkit-backdrop-filter:blur(10px);background:#ffffffeb;border:4px solid #fff;border-radius:24px;flex-direction:column;align-items:center;gap:16px;width:330px;padding:1.75rem;display:flex;box-shadow:0 20px 40px #00000026}.diff-row{width:100%}.diff-label{color:#475569;text-align:center;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.85rem;font-weight:800}.diff-btns{justify-content:space-between;gap:8px;display:flex}.difficulty-btn{color:#475569;text-transform:uppercase;cursor:pointer;background:#f1f5f9;border:2px solid #cbd5e1;border-radius:.5rem;flex:1;padding:.5rem;font-size:.8rem;font-weight:700;transition:all .2s}.difficulty-btn.selected{color:#fff;border-color:#0000;transform:translateY(-2px);box-shadow:0 4px #0000001a}.diff-easy.selected{background-color:#22c55e;box-shadow:0 4px #15803d}.diff-medium.selected{background-color:#eab308;box-shadow:0 4px #a16207}.diff-hard.selected{background-color:#ef4444;box-shadow:0 4px #b91c1c}.play-btn{color:#78350f;font-family:var(--font-title);text-shadow:1px 1px #fff6;cursor:pointer;background:linear-gradient(#fcd34d,#f59e0b);border:3px solid #b45309;border-radius:16px;width:100%;padding:.6rem 2.5rem;font-size:1.8rem;transition:all .1s;box-shadow:0 5px #b45309,0 10px 15px #0000001a}.play-btn:active{transform:translateY(5px);box-shadow:0 0 #b45309}#pause-screen{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:60;background:#1e3a8ab3;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.pause-title{font-family:var(--font-title);color:#1e293b;text-shadow:2px 2px #cbd5e1;text-align:center;letter-spacing:.04em;margin-bottom:18px;font-size:2.5rem}.quit-btn{color:#475569;cursor:pointer;background:#e2e8f0;border:2px solid #cbd5e1;border-radius:.5rem;width:100%;padding:.6rem;font-size:.9rem;font-weight:700;display:block}#game-over{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:60;background:#000000c7;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.game-over-panel{text-align:center;background:#fff;border:4px solid #e2e8f0;border-radius:24px;width:520px;max-width:95%;max-height:90vh;padding:24px 20px;overflow-y:auto;box-shadow:0 20px 40px #0006}.game-over-ads{flex-wrap:wrap;justify-content:center;gap:12px;margin:16px 0 8px;display:flex}.game-over-ad-slot{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-width:200px;min-height:200px;padding:6px;display:flex}.game-over-title{font-family:var(--font-title);color:#334155;margin-bottom:12px;font-size:2.25rem}.game-over-stats{background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;justify-content:space-around;margin:16px 0;padding:14px;display:flex}.stat-box{flex-direction:column;align-items:center;display:flex}.stat-label{text-transform:uppercase;color:#64748b;letter-spacing:.05em;font-size:.75rem;font-weight:800}.stat-val{color:#0284c7;font-size:1.5rem;font-weight:800}.seoCard{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-top:32px;margin-bottom:60px;padding:32px;box-shadow:0 1px 3px #0000000d}.dark-mode .seoCard{box-shadow:none!important;color:#f8fafc!important;background-color:#ffffff05!important;border-color:#ffffff14!important}.seoContent h1{color:#1e40af;margin-bottom:1rem;font-family:Oswald,sans-serif;font-size:2rem;font-weight:700}.seoContent h2{color:#1e3a8a;margin-top:2rem;margin-bottom:.75rem;font-family:Oswald,sans-serif;font-size:1.5rem;font-weight:700}.seoContent p{color:#475569;margin-bottom:1rem;line-height:1.7}.seoContent ul,.seoContent ol{color:#475569;margin-bottom:1.5rem;padding-left:1.5rem}.seoContent li{margin-bottom:.5rem}.seoContent a{color:#2563eb;font-weight:600;text-decoration:underline}.dark-mode .seoContent h1{color:#60a5fa!important}.dark-mode .seoContent h2{color:#93c5fd!important}.dark-mode .seoContent p,.dark-mode .seoContent ul,.dark-mode .seoContent ol{color:#cbd5e1!important}.dark-mode .seoContent a{color:#60a5fa!important}.dark-mode .seoContent div[class*=bg-slate],.dark-mode .seoContent div[class*=bg-white],.dark-mode .seoContent details{color:#f8fafc!important;background-color:#ffffff08!important;border-color:#ffffff14!important}