:root{--bg-color:#05050a;--bg-gradient-start:#151030;--bg-gradient-end:#05050a;--accent-cyan:#00f0ff;--accent-pink:#f05;--accent-purple:#8a2be2;--text-main:#fff;--text-muted:#a0b0c8;--glass-bg:#0f1423d9;--glass-border:#ffffff1a;--glass-shadow:#00000080;--canvas-bg:#000;--canvas-shadow-1:#00f0ff1a;--canvas-shadow-2:#ff00550d;--overlay-bg:#05050c99;--title-gradient:linear-gradient(to right, #00f0ff, #f05)}body.light-theme{--bg-color:#e2e8f0;--bg-gradient-start:#fff;--bg-gradient-end:#cbd5e1;--accent-cyan:#06f;--accent-pink:#e11d48;--accent-purple:#7e22ce;--text-main:#0f172a;--text-muted:#64748b;--glass-bg:#ffffffeb;--glass-border:#fff;--glass-shadow:#0000000d;--canvas-bg:#f8fafc;--canvas-shadow-1:#00000014;--canvas-shadow-2:#0000000a;--overlay-bg:#ffffffd9;--title-gradient:linear-gradient(to right, #06f, #e11d48)}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--bg-gradient-end)}html,body{background-color:var(--bg-gradient-end);width:100%;height:auto;color:var(--text-main);-webkit-user-select:none;user-select:none;touch-action:none;font-family:Outfit,system-ui,-apple-system,sans-serif;transition:background-color .4s,color .4s;overflow-x:hidden}#app{width:100%;min-height:100vh}#page{flex-direction:column;align-items:center;width:100%;display:flex}#game-wrap{width:min(100vh - 20px,100vw - 20px,600px);height:min(100vh - 20px,100vw - 20px,600px);box-shadow:0 10px 40px var(--canvas-shadow-1), 0 0 80px var(--canvas-shadow-2), 0 0 0 1px var(--glass-border);background:var(--canvas-bg);border-radius:16px;flex-shrink:0;transition:box-shadow .4s,background .4s;position:relative;overflow:hidden}#game-canvas{cursor:crosshair;width:100%;height:100%;display:block}#ui-layer{pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.mute-toggle{z-index:50;background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;pointer-events:auto;width:36px;height:36px;color:var(--text-main);border-radius:50%;justify-content:center;align-items:center;transition:transform .2s;display:flex;position:absolute;top:12px;right:52px}.mute-toggle:hover{transform:scale(1.1)}.mute-toggle svg{width:16px;height:16px}#icon-mute,body.sound-off #icon-vol{display:none}body.sound-off #icon-mute{display:block}.theme-toggle{z-index:50;background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;pointer-events:auto;width:36px;height:36px;box-shadow:0 4px 15px var(--glass-shadow);color:var(--text-main);border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:12px;right:12px}.theme-toggle:hover{transform:scale(1.1)}.theme-toggle svg{fill:currentColor;width:18px;height:18px}body.light-theme #icon-sun,body:not(.light-theme) #icon-moon{display:none}[data-ui=hud]{z-index:10;align-items:center;gap:8px;height:56px;padding:10px 14px;display:flex}[data-ui=right-hud]{margin-left:auto}.hud-panel{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:0 2px 10px var(--glass-shadow);border-radius:20px;align-items:center;gap:8px;padding:5px 12px;transition:all .4s;display:flex}[data-ui=score-container]{align-items:center;gap:8px;display:flex}.hud-label{text-transform:uppercase;color:var(--accent-cyan);letter-spacing:1.5px;font-size:9px;font-weight:800;line-height:1;transition:color .4s}[data-ui=score]{letter-spacing:1px;color:var(--text-main);text-shadow:0 0 8px #ffffff26;font-family:JetBrains Mono,monospace;font-size:16px;font-weight:700;line-height:1}body.light-theme [data-ui=score]{text-shadow:none}[data-ui=right-hud]{align-items:center;gap:10px;margin-right:82px;display:flex}[data-ui=level]{color:var(--accent-pink);letter-spacing:1px;background:#ff005526;border:1px solid #ff00554d;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:800;transition:all .4s}body.light-theme [data-ui=level]{background:#e11d481a;border-color:#e11d4833}[data-ui=lives]{gap:5px;display:flex}[data-ui=lives] span{background:var(--accent-pink);border-radius:50%;width:10px;height:10px;transition:opacity .2s;display:inline-block}[data-ui=overlay]{background:var(--overlay-bg);pointer-events:auto;opacity:1;z-index:20;flex-direction:column;justify-content:center;align-items:center;gap:20px;transition:all .4s;display:flex;position:absolute;inset:0}[data-ui=overlay].hidden{opacity:0;pointer-events:none}[data-ui=overlay] h1{text-transform:uppercase;letter-spacing:4px;text-align:center;background:var(--title-gradient);color:#0000;filter:drop-shadow(0 0 15px #00f0ff66);-webkit-background-clip:text;font-size:42px;font-weight:900;line-height:1.1;transition:all .4s}body.light-theme [data-ui=overlay] h1{filter:drop-shadow(0 2px 4px #06f3)}.action-hint{letter-spacing:2px;color:var(--text-main);cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:30px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .4s}body.light-theme .action-hint{background:#0000000d;border:1px solid #0000001a}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #ffffff1a}to{transform:scale(1.05);box-shadow:0 0 20px #fff3}}@keyframes pulseLight{0%{transform:scale(.95);box-shadow:0 0 #0000000d}to{transform:scale(1.05);box-shadow:0 4px 15px #0000001a}}.endless-panel{pointer-events:auto;cursor:pointer}.endless-panel.hidden{display:none}.endless-btn-inner{letter-spacing:1.5px;color:var(--accent-cyan);cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-family:Outfit,system-ui,sans-serif;font-size:9px;font-weight:800;line-height:1}.endless-panel:hover{background:var(--accent-cyan);border-color:var(--accent-cyan)}.endless-panel:hover .endless-btn-inner{color:#000}body.light-theme .endless-panel:hover .endless-btn-inner{color:#fff}[data-ui=final-score]{color:var(--accent-cyan);font-family:JetBrains Mono,monospace;font-size:24px;font-weight:700}.leaderboard{width:240px;max-width:80%}.lb-title{letter-spacing:2px;color:var(--text-muted);text-align:center;margin-bottom:8px;font-size:10px;font-weight:800}.lb-row{border-radius:6px;align-items:center;gap:8px;margin-bottom:3px;padding:4px 8px;font-family:JetBrains Mono,monospace;font-size:13px;display:flex}.lb-row.lb-current{background:#00f0ff1a;border:1px solid #00f0ff4d}body.light-theme .lb-row.lb-current{background:#0066ff14;border:1px solid #06f3}.lb-rank{color:var(--text-muted);width:20px;font-weight:700}.lb-score{color:var(--text-main);flex:1;font-weight:700}.lb-meta{color:var(--text-muted);font-size:11px}[data-ui=combo]{color:#fff;text-shadow:0 0 20px var(--accent-pink), 0 0 40px var(--accent-purple);opacity:0;font-size:48px;font-style:italic;font-weight:900;transition:all .2s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)scale(.5)}body.light-theme [data-ui=combo]{color:var(--accent-pink);text-shadow:0 4px 10px #e11d484d}[data-ui=combo].visible{opacity:1;transform:translate(-50%,-50%)scale(1)}[data-ui=popups]{pointer-events:none;position:absolute;inset:0;overflow:hidden}[data-ui=popups] .popup{pointer-events:none;text-shadow:0 2px 4px #000c;font-family:JetBrains Mono,monospace;font-size:16px;font-weight:800;animation:.8s cubic-bezier(.2,.8,.2,1) forwards popUp;position:absolute}@keyframes popUp{0%{opacity:0;transform:translate(-50%)scale(.5)}20%{opacity:1;transform:translate(-50%,-15px)scale(1.2)}to{opacity:0;transform:translate(-50%,-40px)scale(.8)}}[data-ui=hint]{text-align:center;width:100%;color:var(--text-muted);letter-spacing:.5px;pointer-events:none;opacity:.6;font-size:10px;font-weight:600;position:absolute;bottom:8px}.key{color:var(--text-main);background:#ffffff1a;border:1px solid #fff3;border-radius:4px;margin:0 2px;padding:2px 6px;transition:all .4s;display:inline-block}body.light-theme .key{background:#0000000d;border:1px solid #0000001a}@media (width<=640px){#game-section{min-height:auto;padding:0}#game-wrap{width:100vw;height:100vw;box-shadow:none;border-radius:0}[data-ui=hud]{padding:8px 10px}.hud-panel{padding:4px 10px}[data-ui=score]{font-size:14px}[data-ui=right-hud]{margin-right:72px}.mute-toggle{width:32px;height:32px;top:8px;right:44px}.mute-toggle svg{width:14px;height:14px}[data-ui=hint]{display:none}#game-canvas{cursor:default}.theme-toggle{width:32px;height:32px;top:8px;right:8px}.theme-toggle svg{width:16px;height:16px}}@media (height<=500px) and (orientation:landscape){#game-wrap{width:100vh;height:100vh}}#game-section{background-image:radial-gradient(circle at 50% 50%, var(--bg-gradient-start) 0%, var(--bg-gradient-end) 100%);justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:10px;display:flex;position:relative}.ad-side{width:160px;min-height:600px;display:none;position:absolute;top:50%;transform:translateY(-50%)}.ad-left{left:16px}.ad-right{right:16px}@media (width>=1060px){.ad-side{display:block}}.ad-bottom{width:100%;max-width:728px;min-height:90px;margin:12px auto;padding:0 16px}@media (width<=640px){.ad-bottom{min-height:60px}}.ad-mid{width:100%;max-width:728px;min-height:90px;margin:24px auto;padding:0 16px}.ad-placeholder{width:100%;height:100%;min-height:inherit;border:2px dashed var(--glass-border);color:var(--text-muted);opacity:.3;border-radius:8px;justify-content:center;align-items:center;font-size:12px;display:flex}.share-sidebar{flex-direction:column;align-items:center;gap:10px;display:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.share-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);writing-mode:vertical-rl;text-orientation:mixed;margin-bottom:4px;font-size:10px;font-weight:700}.share-btn{background:var(--glass-bg);border:1px solid var(--glass-border);width:40px;height:40px;color:var(--text-muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;text-decoration:none;transition:all .3s;display:flex}.share-btn svg{width:18px;height:18px}.share-btn:hover{color:var(--text-main);transform:scale(1.1)}.share-x:hover{color:var(--text-main);border-color:var(--text-main)}.share-fb:hover{color:#1877f2;border-color:#1877f2}.share-rd:hover{color:#ff4500;border-color:#ff4500}@media (width>=860px){.share-sidebar{display:flex}}.rating-widget{justify-content:center;align-items:center;gap:12px;max-width:600px;margin:8px auto 0;padding:12px 20px;display:flex}.rating-label{color:var(--text-muted);white-space:nowrap;font-size:13px;font-weight:700}.rating-stars{gap:4px;display:flex}.rating-stars .star{cursor:pointer;color:#ffea00;font-size:22px;transition:all .2s}body.light-theme .rating-stars .star{color:#f59e0b}.rating-stars .star.active{color:#ffea00}body.light-theme .rating-stars .star.active{color:#f59e0b}.rating-stars .star:hover,.rating-stars .star.hover{color:#ffea00;transform:scale(1.2)}body.light-theme .rating-stars .star:hover,body.light-theme .rating-stars .star.hover{color:#f59e0b}.rating-info{color:var(--text-muted);white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:12px}.trust-cards{grid-template-columns:1fr 1fr;gap:16px;margin:36px 0 32px;display:grid}.trust-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:24px 20px}.trust-icon{width:36px;height:36px;color:var(--accent-cyan);opacity:.6;margin-bottom:12px}.trust-icon svg{width:36px;height:36px}.trust-card h2{font-weight:800;margin:0 0 8px!important;font-size:16px!important}.trust-card p{color:var(--text-muted);margin-bottom:8px;font-size:13px;line-height:1.6}.trust-card p:last-child{margin-bottom:0}.trust-links a{color:var(--accent-cyan);font-size:13px;font-weight:600;text-decoration:none}.trust-links a:hover{text-decoration:underline}@media (width<=640px){.trust-cards{grid-template-columns:1fr}}#seo-content{width:100%;max-width:800px;color:var(--text-main);padding:48px 24px 60px;line-height:1.7}#seo-content h1{letter-spacing:-.3px;margin-bottom:10px;font-size:26px;font-weight:800;line-height:1.25}#seo-content .intro{color:var(--text-muted);max-width:60ch;margin-bottom:20px;font-size:15px;line-height:1.6}#seo-content .content-nav{flex-wrap:wrap;gap:8px;margin-bottom:36px;display:flex}#seo-content .content-nav a{color:var(--accent-cyan);border:1px solid var(--accent-cyan);white-space:nowrap;border-radius:14px;padding:4px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:all .3s}#seo-content .content-nav a:hover{background:var(--accent-cyan);color:#000}body.light-theme #seo-content .content-nav a:hover{color:#fff}#seo-content h2{letter-spacing:-.3px;margin:36px 0 14px;font-size:20px;font-weight:800}#seo-content h3{margin-bottom:4px;font-size:15px;font-weight:700}.steps{flex-direction:column;gap:14px;margin-bottom:32px;display:flex}.step{align-items:flex-start;gap:14px;display:flex}.step-num{background:var(--accent-cyan);color:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;font-size:13px;font-weight:900;display:flex}body.light-theme .step-num{color:#fff}.step h3{margin-bottom:2px;font-size:15px;font-weight:700}.step p{color:var(--text-muted);font-size:13px;line-height:1.5}.section-desc{color:var(--text-muted);margin-bottom:20px;font-size:15px}.inline-star{color:#ffea00;font-size:16px}body.light-theme .inline-star{color:#f59e0b}.features-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px;display:grid}.feature{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:16px}.feature strong{margin-bottom:4px;font-size:14px;display:block}.feature p{color:var(--text-muted);font-size:13px;line-height:1.5}.ctrl-card{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;display:flex}.ctrl-icon{width:40px;height:40px;color:var(--accent-cyan);opacity:.7;justify-content:center;align-items:center;display:flex}.ctrl-icon svg{width:28px;height:28px}.key-inline{color:var(--text-main);background:#ffffff1a;border:1px solid #ffffff26;border-radius:3px;padding:1px 5px;font-family:JetBrains Mono,monospace;font-size:11px;display:inline-block}body.light-theme .key-inline{background:#0000000d;border-color:#0000001a}.brick-grid{grid-template-columns:repeat(4,1fr);gap:12px}.brick-card{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;display:flex}.brick-swatch{border:2px solid var(--brick-color,var(--accent-cyan));color:#fff;background:#ffffff0d;border-radius:5px;justify-content:center;align-items:center;width:48px;height:20px;font-size:10px;font-weight:900;transition:all .4s;display:flex;position:relative;box-shadow:0 0 10px #00f0ff26}body.light-theme .brick-swatch{background:#fffc;border-width:2.5px;box-shadow:0 2px 8px #0000001a}.brick-swatch-dark{box-shadow:none;background:#32324680;border-color:#556}body.light-theme .brick-swatch-dark{background:#94a3b833;border-color:#94a3b8}.brick-swatch-mirror{background:#00ffff0d;border-color:#0ff;box-shadow:0 0 10px #0ff3}body.light-theme .brick-swatch-mirror{background:#0ea5e91a;border-color:#0ea5e9;box-shadow:0 2px 8px #0ea5e926}.brick-swatch-ghost{opacity:.6;background:#8222ff0d;border-color:#82f;box-shadow:0 0 10px #8222ff33}body.light-theme .brick-swatch-ghost{border-color:#a855f7;box-shadow:0 2px 8px #a855f726}@keyframes ghostPulse{0%,to{opacity:1}50%{opacity:.3}}.brick-dots{letter-spacing:3px;color:#fff;font-size:8px}.brick-x{color:#ffffff4d;font-size:10px;font-weight:900}body.light-theme .brick-x{color:#00000026}.brick-label{letter-spacing:.5px;font-size:8px;font-weight:900}.brick-star{color:#fff;text-shadow:0 0 6px #ffea0099;font-size:12px}body.light-theme .brick-star{color:#d97706;text-shadow:none}.brick-swatch-star{background:#ffea0014;border-color:#ffea00;box-shadow:0 0 10px #ffea0033}body.light-theme .brick-swatch-star{background:#f59e0b14;border-color:#f59e0b;box-shadow:0 2px 8px #f59e0b26}.brick-mirror-line{color:#fff9;font-size:12px;font-weight:900}.brick-ghost-icon{color:#8222ffb3;font-size:11px}.pu-grid{grid-template-columns:repeat(3,1fr);gap:12px}.pu-card{text-align:left;align-items:center;gap:12px;padding:14px;display:flex}.pu-icon{border:2px solid var(--pu-color,#fff);width:40px;height:40px;color:var(--pu-color,#fff);background:#0006;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;transition:all .4s;display:flex;box-shadow:0 0 12px #ffffff0d}body.light-theme .pu-icon{background:#ffffffe6;border-width:2.5px;box-shadow:0 2px 8px #00000014}.pu-info{flex:1;min-width:0}.pu-info strong{margin-bottom:2px}.pu-info p{font-size:12px;line-height:1.4}.zone-list{flex-direction:column;gap:10px;margin-bottom:32px;display:flex}.zone-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;align-items:center;gap:16px;padding:14px 16px;display:flex}.zone-badge{color:#fff;letter-spacing:-.5px;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:900;display:flex}.zone-easy{background:var(--accent-cyan)}.zone-medium{color:#000;background:#ffea00}.zone-hard{background:var(--accent-pink)}.zone-extreme{background:var(--accent-purple)}.zone-endless{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-pink));font-size:22px}body.light-theme .zone-easy{background:#06f}body.light-theme .zone-medium{color:#fff;background:#f59e0b}body.light-theme .zone-hard{background:#e11d48}body.light-theme .zone-extreme{background:#7e22ce}body.light-theme .zone-endless{background:linear-gradient(135deg,#06f,#e11d48)}.zone-info{flex:1}.zone-info strong{margin-bottom:2px;font-size:15px;display:block}.zone-info p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.4}.scoring-box{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;margin-bottom:32px;padding:20px 24px}.scoring-formula{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.formula-part{border:1px solid var(--glass-border);background:#ffffff0d;border-radius:8px;padding:6px 14px;font-family:JetBrains Mono,monospace;font-size:16px;font-weight:700}body.light-theme .formula-part{background:#00000008}.formula-combo{border-color:var(--accent-cyan);color:var(--accent-cyan)}.formula-result{border-color:var(--accent-pink);color:var(--accent-pink)}.formula-op{color:var(--text-muted);font-size:16px;font-weight:900}.scoring-box>p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.6}.tips-list{flex-direction:column;gap:8px;margin-bottom:32px;display:flex}.tip-row{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.tip-num{background:var(--accent-pink);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:flex}body.light-theme .tip-num{color:#fff}.tip-row div{flex:1}.tip-row strong{font-size:14px}.tip-row div{color:var(--text-muted);font-size:13px;line-height:1.5}.faq-list{margin-bottom:32px}.faq-list details{border-bottom:1px solid var(--glass-border);padding:14px 0}.faq-list summary{cursor:pointer;align-items:center;gap:8px;font-size:15px;font-weight:700;list-style:none;display:flex}.faq-list summary:before{content:"+";width:20px;height:20px;color:var(--accent-pink);background:#ff00551a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:900;transition:all .3s;display:inline-flex}body.light-theme .faq-list summary:before{background:#e11d4814}.faq-list details[open] summary:before{content:"-";background:#f053}body.light-theme .faq-list details[open] summary:before{background:#e11d4826}.faq-list details p{color:var(--text-muted);margin-top:8px;padding-left:28px;font-size:14px}@media (width<=640px){.features-grid{grid-template-columns:1fr 1fr}.brick-grid{grid-template-columns:repeat(2,1fr)}.pu-grid{grid-template-columns:1fr}#seo-content{padding:24px 16px 40px}#seo-content h1{font-size:24px}#game-section{gap:0;padding:0}.scoring-formula{gap:6px}.formula-part{padding:4px 10px;font-size:14px}}@media (width<=380px){.brick-grid{grid-template-columns:1fr 1fr}}#site-footer{border-top:1px solid var(--glass-border);text-align:center;width:100%;color:var(--text-muted);padding:24px;font-size:13px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:800px;margin:0 auto;display:flex}.footer-inner nav{gap:16px;display:flex}.footer-inner nav a{color:var(--text-muted);text-decoration:none;transition:color .3s}.footer-inner nav a:hover{color:var(--accent-cyan)}@media (width<=640px){.footer-inner{flex-direction:column;justify-content:center}}