:root{--clr-bg: #0a0a0f;--clr-surface: rgba(255,255,255,.04);--clr-surface-hi: rgba(255,255,255,.09);--clr-border: rgba(255,255,255,.1);--clr-border-hi: rgba(255,255,255,.22);--clr-neon-cyan: #00f5ff;--clr-neon-gold: #ffd700;--clr-neon-green: #39ff14;--clr-neon-red: #ff3b5c;--clr-neon-purple: #bf5fff;--clr-text-primary: #f0f0f5;--clr-text-secondary: rgba(240,240,245,.55);--clr-text-muted: rgba(240,240,245,.3);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-xl: 32px;--shadow-glow-cyan: 0 0 18px rgba(0,245,255,.35), 0 0 40px rgba(0,245,255,.12);--shadow-glow-gold: 0 0 18px rgba(255,215,0,.45), 0 0 40px rgba(255,215,0,.15);--shadow-card: 0 8px 32px rgba(0,0,0,.55), 0 1px 0 rgba(255,255,255,.06) inset;--font-display: "Cinzel", serif;--font-body: "Inter", sans-serif;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-medium: .35s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--clr-bg);color:var(--clr-text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;transform:translateY(12px) scale(.98);transition:opacity var(--transition-medium),transform var(--transition-medium);will-change:opacity,transform;z-index:10}.screen.active{opacity:1;pointer-events:all;transform:translateY(0) scale(1)}.screen.exit{opacity:0;pointer-events:none;transform:translateY(-12px) scale(1.02)}.btn-primary,.btn-secondary,.btn-ghost,.btn-back{display:flex;align-items:center;justify-content:center;gap:10px;border:none;cursor:pointer;font-family:var(--font-body);font-weight:600;border-radius:var(--radius-md);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);letter-spacing:.02em}.btn-primary{background:linear-gradient(135deg,var(--clr-neon-cyan) 0%,#0099cc 100%);color:#000;padding:14px 32px;font-size:1rem;box-shadow:var(--shadow-glow-cyan)}.btn-primary:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 0 28px #00f5ff99,0 0 60px #00f5ff33}.btn-primary:active{transform:scale(.97)}.btn-secondary{background:var(--clr-surface-hi);color:var(--clr-text-primary);border:1px solid var(--clr-border-hi);padding:13px 28px;font-size:.95rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-secondary:hover{background:#ffffff21;transform:translateY(-1px)}.btn-secondary:active{transform:scale(.97)}.btn-ghost{background:transparent;color:var(--clr-text-secondary);border:1px solid var(--clr-border);padding:12px 24px;font-size:.9rem}.btn-ghost:hover{color:var(--clr-text-primary);border-color:var(--clr-border-hi);background:var(--clr-surface)}.btn-ghost:active{transform:scale(.97)}.btn-back{background:var(--clr-surface);color:var(--clr-text-secondary);border:1px solid var(--clr-border);padding:8px 18px;font-size:.85rem;border-radius:var(--radius-sm)}.btn-back:hover{color:var(--clr-neon-cyan);border-color:var(--clr-neon-cyan)}.btn-icon{font-size:1.1em}#screen-menu{overflow:hidden}.menu-bg-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(0,245,255,.08) 0%,transparent 70%),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(191,95,255,.07) 0%,transparent 60%),radial-gradient(ellipse 50% 50% at 10% 90%,rgba(255,215,0,.05) 0%,transparent 60%);animation:bgPulse 8s ease-in-out infinite alternate}@keyframes bgPulse{0%{opacity:.7}to{opacity:1}}.menu-bg-canvas:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 60px,rgba(255,255,255,.025) 60px,rgba(255,255,255,.025) 61px)}.menu-overlay{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;padding:40px 20px;width:100%}.menu-header{text-align:center}.logo-badge{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;background:var(--clr-surface);border:1px solid var(--clr-border-hi);border-radius:50%;font-size:2.4rem;margin-bottom:20px;box-shadow:var(--shadow-glow-cyan);animation:logoPulse 3s ease-in-out infinite}@keyframes logoPulse{0%,to{box-shadow:var(--shadow-glow-cyan)}50%{box-shadow:0 0 30px #00f5ff99,0 0 70px #00f5ff33}}.menu-title{font-family:var(--font-display);font-size:clamp(2rem,6vw,3.8rem);font-weight:900;letter-spacing:.04em;background:linear-gradient(135deg,#fff 30%,var(--clr-neon-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.menu-subtitle{margin-top:8px;font-size:1rem;color:var(--clr-text-secondary);letter-spacing:.15em;text-transform:uppercase}.menu-nav{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:320px}.menu-nav .btn-primary,.menu-nav .btn-secondary,.menu-nav .btn-ghost{width:100%;font-size:1.05rem;padding:16px 32px}.menu-footer{position:absolute;bottom:24px;font-size:.75rem;color:var(--clr-text-muted);letter-spacing:.08em}#screen-tutorial{background:radial-gradient(ellipse 100% 60% at 50% -10%,rgba(191,95,255,.1) 0%,transparent 70%),var(--clr-bg)}.tutorial-container{width:100%;max-width:680px;padding:20px 24px 32px;display:flex;flex-direction:column;align-items:center;gap:20px;position:relative;height:100%;overflow-y:auto}.tutorial-title{font-family:var(--font-display);font-size:1.6rem;letter-spacing:.06em;color:var(--clr-neon-cyan)}.slides-wrapper{width:100%;position:relative;min-height:360px}.slide{display:none;flex-direction:column;align-items:center;gap:16px;text-align:center;animation:slideIn .35s var(--transition-spring) both}.slide.active{display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(24px) scale(.97)}to{opacity:1;transform:translate(0) scale(1)}}.slide-visual{width:100%;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:24px;min-height:130px;display:flex;align-items:center;justify-content:center}.slide-icon{font-size:3.5rem}.slide-demo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%}.demo-brick{background:var(--clr-surface-hi);border:1px solid var(--clr-border);border-radius:var(--radius-sm);padding:10px 6px;font-size:1.4rem;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all var(--transition-fast)}.demo-brick span{font-size:.65rem;color:var(--clr-text-secondary);font-family:var(--font-body)}.demo-brick.selected{background:#00f5ff26;border-color:var(--clr-neon-cyan);box-shadow:0 0 12px #00f5ff40}.slide h3{font-family:var(--font-display);font-size:1.15rem;letter-spacing:.04em}.slide p{font-size:.9rem;color:var(--clr-text-secondary);line-height:1.6;max-width:460px}.value-table{width:100%;max-width:380px;display:flex;flex-direction:column;gap:6px}.vt-row{display:flex;align-items:center;gap:12px;background:var(--clr-surface);border-radius:var(--radius-sm);padding:8px 14px;font-size:.85rem}.vt-fig{font-size:1.3rem;width:28px;text-align:center}.vt-name{flex:1;color:var(--clr-text-secondary)}.vt-val{font-weight:600;color:var(--clr-neon-cyan);font-variant-numeric:tabular-nums}.slide-trace-demo{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.trace-svg{width:100%;max-width:280px}.trace-line-anim{animation:drawLine 1s ease-out forwards;animation-delay:.3s}@keyframes drawLine{0%{stroke-dashoffset:200}to{stroke-dashoffset:0}}.trace-sum-display{font-family:var(--font-display);font-size:1.3rem;color:var(--clr-neon-green);text-shadow:0 0 12px rgba(57,255,20,.5);letter-spacing:.05em}.slide-feedback-demo{display:flex;flex-direction:column;gap:10px;width:100%}.feedback-item{display:flex;align-items:center;gap:12px;background:var(--clr-surface);border-radius:var(--radius-sm);padding:10px 14px;font-size:.82rem;color:var(--clr-text-secondary);text-align:left}.fb-bar{width:4px;height:36px;border-radius:2px;flex-shrink:0}.fb-bar.green{background:var(--clr-neon-green);box-shadow:0 0 8px var(--clr-neon-green)}.fb-bar.red{background:var(--clr-neon-red);box-shadow:0 0 8px var(--clr-neon-red)}.fb-bar.blue{background:var(--clr-neon-cyan);box-shadow:0 0 8px var(--clr-neon-cyan)}.tip-box{background:#00f5ff0f;border:1px solid rgba(0,245,255,.2);border-radius:var(--radius-sm);padding:12px 16px;font-size:.83rem;color:var(--clr-text-secondary);line-height:1.5;text-align:center;max-width:460px}.slide-controls{display:flex;gap:10px}.slide-dot{width:10px;height:10px;border-radius:50%;border:none;cursor:pointer;background:var(--clr-border-hi);transition:all var(--transition-fast);padding:0}.slide-dot.active{background:var(--clr-neon-cyan);box-shadow:0 0 8px var(--clr-neon-cyan);width:24px;border-radius:5px}.tutorial-nav{display:flex;gap:14px}#screen-levelmap{flex-direction:column;justify-content:flex-start;background:radial-gradient(ellipse 90% 50% at 50% -5%,rgba(255,215,0,.08) 0%,transparent 65%),var(--clr-bg)}.levelmap-header{width:100%;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--clr-border);background:#0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-shrink:0;z-index:2}.levelmap-header h2{font-family:var(--font-display);font-size:1.1rem;letter-spacing:.06em;color:var(--clr-neon-gold);text-shadow:0 0 12px rgba(255,215,0,.35)}.total-score-badge{background:var(--clr-surface);border:1px solid var(--clr-border-hi);border-radius:var(--radius-sm);padding:6px 14px;font-size:.85rem;color:var(--clr-neon-gold);font-weight:600}.levelmap-scroll{flex:1;overflow-y:auto;width:100%;padding:32px 16px 80px;scrollbar-width:thin;scrollbar-color:var(--clr-border) transparent}.levelmap-path{display:flex;flex-direction:column;align-items:stretch;gap:0;max-width:560px;margin:0 auto;width:100%}.level-node{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;margin:20px 0;cursor:pointer;animation:nodeAppear .5s var(--transition-spring) both}@keyframes nodeAppear{0%{opacity:0;transform:scale(.5) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.level-node:nth-child(2n){align-self:flex-end;padding-right:60px}.level-node:nth-child(odd){align-self:flex-start;padding-left:60px}.level-node-btn{width:80px;height:80px;border-radius:50%;border:2px solid var(--clr-border-hi);background:var(--clr-surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;transition:all var(--transition-spring);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-card);font-size:1.6rem}.level-node.unlocked .level-node-btn{border-color:var(--clr-neon-gold);box-shadow:0 0 18px #ffd7004d,var(--shadow-card);cursor:pointer}.level-node.unlocked .level-node-btn:hover{transform:scale(1.12);box-shadow:0 0 28px #ffd7008c,var(--shadow-card)}.level-node.locked .level-node-btn{opacity:.4;cursor:not-allowed;filter:grayscale(.7)}.level-node.completed .level-node-btn{border-color:var(--clr-neon-green);box-shadow:0 0 14px #39ff144d,var(--shadow-card)}.level-node-number{font-family:var(--font-display);font-size:.75rem;font-weight:700;color:var(--clr-text-secondary);letter-spacing:.08em}.level-node-stars{font-size:.85rem;letter-spacing:1px}.level-node-stars .star-empty{opacity:.25}.level-node-name{font-size:.72rem;color:var(--clr-text-secondary);text-align:center;max-width:100px;line-height:1.3}#screen-game{justify-content:flex-start;align-items:stretch;padding:0}#game-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}#game-container canvas{display:block;width:100%!important;height:100%!important}.game-hud{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(to bottom,rgba(0,0,0,.75) 0%,transparent 100%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.hud-btn{pointer-events:all}.hud-info{display:flex;gap:16px;flex:1;justify-content:center;flex-wrap:wrap}.hud-block{display:flex;flex-direction:column;align-items:center;background:#0006;border:1px solid var(--clr-border);border-radius:var(--radius-sm);padding:5px 14px;min-width:72px}.hud-label{font-size:.6rem;color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.12em}.hud-value{font-family:var(--font-display);font-size:1rem;letter-spacing:.04em;color:var(--clr-text-primary)}.combo-value{color:var(--clr-neon-gold);text-shadow:0 0 10px rgba(255,215,0,.5);transition:transform .2s var(--transition-spring)}.combo-value.bump{animation:comboBump .3s var(--transition-spring)}@keyframes comboBump{0%{transform:scale(1)}50%{transform:scale(1.6)}to{transform:scale(1)}}.victory-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:fadeIn .4s ease both}.victory-panel.hidden{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.victory-card{background:var(--clr-surface);border:1px solid var(--clr-border-hi);border-radius:var(--radius-xl);padding:40px 48px;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:var(--shadow-card),0 0 60px #ffd7001f;animation:cardPop .5s var(--transition-spring) both;max-width:380px;width:90%}@keyframes cardPop{0%{transform:scale(.7) translateY(30px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.victory-stars{font-size:2.4rem;letter-spacing:4px}.victory-title{font-family:var(--font-display);font-size:1.7rem;letter-spacing:.06em;background:linear-gradient(135deg,#fff 30%,var(--clr-neon-gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.victory-score{color:var(--clr-text-secondary);font-size:.95rem}.victory-score strong{color:var(--clr-neon-cyan);font-size:1.2rem}.victory-btns{display:flex;gap:12px;margin-top:8px}#screen-credits{background:radial-gradient(ellipse 80% 60% at 50% 100%,rgba(191,95,255,.09) 0%,transparent 70%),var(--clr-bg)}.credits-container{max-width:480px;width:100%;padding:32px 24px;display:flex;flex-direction:column;gap:24px;align-items:center}.credits-container h2{font-family:var(--font-display);font-size:1.8rem;letter-spacing:.08em;color:var(--clr-neon-purple);text-shadow:0 0 20px rgba(191,95,255,.4)}.credits-content{display:flex;flex-direction:column;gap:14px;width:100%}.credit-block{display:flex;flex-direction:column;gap:3px;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-md);padding:14px 18px}.credit-role{font-size:.72rem;color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.1em}.credit-name{font-size:.95rem;color:var(--clr-text-primary);font-weight:600}.credits-dedication{text-align:center;font-size:.85rem;color:var(--clr-text-secondary);line-height:1.7;margin-top:8px;padding:16px;border-top:1px solid var(--clr-border)}.target-block .hud-value{color:var(--clr-neon-gold);font-size:.85rem}.level-node-score{font-size:.68rem;color:var(--clr-neon-gold);font-weight:600;letter-spacing:.04em}.level-node-emoji{font-size:1.6rem;line-height:1}.world-header{display:flex;align-items:center;gap:12px;width:100%;padding:20px 0 6px;animation:nodeAppear .5s var(--transition-spring) both}.world-header-line{flex:1;height:1px;background:linear-gradient(to right,transparent,var(--clr-border),transparent)}.world-header-name{font-family:var(--font-display);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--clr-neon-gold);text-shadow:0 0 10px rgba(255,215,0,.3);white-space:nowrap;padding:0 4px;flex-shrink:0}.world-header-name.world-locked{color:var(--clr-text-muted);text-shadow:none}.world-header-name.world-done{color:var(--clr-neon-green);text-shadow:0 0 10px rgba(57,255,20,.3)}.world-levels-row{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 12px;width:100%;padding:8px 0 16px}.world-levels-row .level-node{align-self:auto;padding:0;margin:0}.world-levels-row .level-node:nth-child(2n),.world-levels-row .level-node:nth-child(odd){align-self:auto;padding:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--clr-border-hi);border-radius:3px}@media (max-width: 480px){.menu-title{font-size:2.2rem}.victory-card{padding:28px 24px}.hud-info{gap:8px}.hud-block{padding:4px 10px;min-width:60px}}#screen-menu .menu-bg-canvas,#screen-menu .menu-overlay{display:none!important}#screen-menu{overflow:hidden;display:flex;align-items:center;justify-content:center}.landing-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:radial-gradient(ellipse 90% 70% at 15% 10%,rgba(0,245,255,.07) 0%,transparent 55%),radial-gradient(ellipse 70% 60% at 85% 85%,rgba(191,95,255,.09) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 50% 50%,rgba(57,255,20,.03) 0%,transparent 60%),#02020b}.lb-glow{position:absolute;border-radius:50%;animation:lbGlowPulse 7s ease-in-out infinite alternate}.lb-glow-cyan{width:55vw;height:55vw;top:-20%;left:-15%;background:radial-gradient(circle,rgba(0,245,255,.14) 0%,transparent 65%);filter:blur(60px)}.lb-glow-purple{width:45vw;height:45vw;bottom:-15%;right:-10%;background:radial-gradient(circle,rgba(191,95,255,.14) 0%,transparent 65%);filter:blur(60px);animation-delay:3.5s}@keyframes lbGlowPulse{0%{opacity:.5;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}.lb-staff{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 55px,rgba(255,255,255,.028) 55px,rgba(255,255,255,.028) 56px)}.lb-note{position:absolute;animation:lbNoteFloat linear infinite;pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes lbNoteFloat{0%{transform:translateY(0) rotate(-5deg);opacity:0}10%{opacity:1}85%{opacity:.8}to{transform:translateY(-105vh) rotate(15deg);opacity:0}}.landing-layout{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;width:100%;max-width:960px;padding:40px}.landing-hero{display:flex;flex-direction:column;align-items:flex-start;gap:0}.landing-eyebrow{display:flex;align-items:center;gap:8px;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:#00f5ff8c;margin-bottom:18px}.le-dot{width:6px;height:6px;background:#00f5ff;border-radius:50%;box-shadow:0 0 8px #00f5ff;animation:leDotBlink 2s ease-in-out infinite}@keyframes leDotBlink{0%,to{opacity:1}50%{opacity:.3}}.landing-title{font-family:var(--font-display);font-weight:900;line-height:.95;letter-spacing:.01em;margin-bottom:18px}.lt-rhythm{display:block;font-size:clamp(3rem,5.8vw,5rem);color:#fff;text-shadow:0 2px 40px rgba(255,255,255,.1)}.lt-crush{display:block;font-size:clamp(3.4rem,6.5vw,5.8rem);background:linear-gradient(100deg,#00f5ff,#7b61ff,#bf5fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 28px rgba(0,245,255,.45));animation:crushGlow 4s ease-in-out infinite alternate}@keyframes crushGlow{0%{filter:drop-shadow(0 0 20px rgba(0,245,255,.35))}to{filter:drop-shadow(0 0 40px rgba(191,95,255,.6))}}.lt-sub{display:block;font-size:clamp(.75rem,1.2vw,.9rem);font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:#ffffff4d;margin-top:10px;font-family:var(--font-body)}.landing-tagline{font-size:1rem;color:#ffffff80;line-height:1.75;margin-bottom:32px}.lt-accent{color:#ffffffbf;font-style:italic}.landing-actions{display:flex;flex-direction:column;gap:10px;width:100%;max-width:300px;margin-bottom:28px}.btn-cta{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px 28px;font-family:var(--font-display);font-size:1.05rem;font-weight:700;letter-spacing:.07em;border:none;border-radius:14px;cursor:pointer;transition:transform .15s,box-shadow .25s}.btn-cta:hover{transform:translateY(-2px)}.btn-cta:active{transform:translateY(0)}.btn-cta-play{color:#fff;background:linear-gradient(135deg,#00c8d8,#006eb8);box-shadow:0 0 0 1px #00f5ff4d,0 8px 30px #00b4dc66}.btn-cta-play:hover{box-shadow:0 0 0 1px #00f5ff99,0 12px 44px #00c8f08c}.btn-cta-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 25% 40%,rgba(255,255,255,.2) 0%,transparent 55%);pointer-events:none}.btn-cta-tut{color:#ffffffd9;background:#bf5fff1f;box-shadow:0 0 0 1px #bf5fff59,0 6px 24px #bf5fff33}.btn-cta-tut:hover{background:#bf5fff33;box-shadow:0 0 0 1px #bf5fff99,0 10px 36px #bf5fff59}.btn-cta-icon{font-size:.95rem}.landing-chips{display:flex;gap:8px;flex-wrap:wrap}.lchip{font-size:.72rem;color:#fff6;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:3px 10px;letter-spacing:.05em}.landing-preview{position:relative;display:flex;align-items:center;justify-content:center}.lp-gameframe{position:relative;width:100%;max-width:300px;background:#0a0a19d9;border:1px solid rgba(0,245,255,.18);border-radius:18px;padding:14px;box-shadow:0 0 0 1px #00f5ff14,0 20px 60px #0009,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.lp-gf-hud{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding:0 2px}.lp-gf-level{font-size:.7rem;letter-spacing:.1em;color:#00f5ff99;white-space:nowrap}.lp-gf-bar-wrap{flex:1;height:3px;background:#ffffff12;border-radius:2px;overflow:hidden}.lp-gf-bar{height:100%;background:linear-gradient(90deg,#00f5ff,#39ff14);animation:lpGfBarAnim 5s ease-in-out infinite}@keyframes lpGfBarAnim{0%{width:0%;background:linear-gradient(90deg,#00f5ff,#00f5ff)}45%{width:75%}70%{width:75%}88%{width:100%;background:linear-gradient(90deg,#00f5ff,#39ff14)}95%{width:100%}to{width:0%;background:linear-gradient(90deg,#00f5ff,#00f5ff)}}.lp-gf-score{font-size:.7rem;color:#ffd700b3;white-space:nowrap}.lp-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;position:relative}.lp-brick{aspect-ratio:1;background:#141428;border:1px solid #252540;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:clamp(.8rem,1.8vw,1.1rem);color:var(--c, rgba(255,255,255,.5));animation:lpBrickIdle 5s ease-in-out infinite;animation-delay:var(--d, 0s);transition:box-shadow .3s}@keyframes lpBrickIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-1.5px)}}.lp-brick.lp-sel{background:#00f5ff1a;border-color:#00f5ff8c;color:#00f5ff;box-shadow:0 0 12px #00f5ff4d,inset 0 0 10px #00f5ff0f;animation:lpSelPulse 2.5s ease-in-out infinite;animation-delay:var(--sd, 0s)}@keyframes lpSelPulse{0%,to{box-shadow:0 0 10px #00f5ff40}50%{box-shadow:0 0 22px #00f5ff99,0 0 40px #00f5ff26}}.lp-brick.lp-silence{background:#ffffff2e;border-color:#ffffff40;color:#2a2a40;font-size:.85rem}.lp-icon{width:55%;height:55%;object-fit:contain;pointer-events:none;display:block}.lp-brick.lp-silence .lp-icon{opacity:.45;filter:invert(1) brightness(.8)}.lp-brick.lp-sel .lp-icon{filter:drop-shadow(0 0 5px #00f5ff) hue-rotate(90deg)}.lp-trace-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.lp-result-badge{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;padding:7px 14px;background:#39ff1412;border:1px solid rgba(57,255,20,.25);border-radius:10px;opacity:0;transform:scale(.92)}.lp-rb-text{font-family:var(--font-display);font-size:1rem;color:#39ff14;text-shadow:0 0 12px rgba(57,255,20,.6)}.lp-rb-label{font-size:.75rem;color:#39ff14b3;letter-spacing:.06em}@media (max-width: 700px){.landing-layout{grid-template-columns:1fr;padding:24px 20px;gap:32px;text-align:center}.landing-hero{align-items:center}.landing-eyebrow{justify-content:center}.landing-actions{max-width:100%}.btn-landing-link{align-self:center}.landing-chips{justify-content:center}.landing-preview{order:-1}.lp-gameframe{max-width:260px;padding:12px}.lt-rhythm{font-size:clamp(2.5rem,9vw,3.5rem)}.lt-crush{font-size:clamp(2.8rem,10vw,4rem)}}.fig-table{width:100%;display:flex;flex-direction:column;gap:4px;margin:12px 0}.ft-row{display:grid;grid-template-columns:2rem 1fr 2rem;align-items:center;gap:10px;padding:7px 12px;border-radius:8px;background:#ffffff0a;border:1px solid transparent;transition:background .2s}.ft-row:hover,.ft-row.ft-highlight{background:#00f5ff12;border-color:#00f5ff33}.ft-sym{font-size:1.3rem;text-align:center}.ft-name{font-size:.88rem;color:#ffffffb3}.ft-frac{font-family:var(--font-display);font-size:.95rem;color:var(--clr-neon-cyan);text-align:right}.mini-game{width:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px;margin:8px 0}.mg-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.mg-target-label{font-size:.82rem;color:#ffffff80;white-space:nowrap}.mg-progress-track{flex:1;height:5px;background:#ffffff14;border-radius:3px;overflow:hidden}.mg-progress-fill{height:100%;width:0%;background:#00f5ff;border-radius:3px;transition:width .15s ease,background .15s ease}.mg-sum{font-family:var(--font-display);font-size:.85rem;color:#00f5ff;min-width:52px;text-align:right}.mg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;-webkit-user-select:none;user-select:none;cursor:default;touch-action:none}.mg-brick{aspect-ratio:1;background:#1a1a2e;border:1.5px solid #2a2a4a;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--bc, #fff);cursor:pointer;transition:transform .1s,box-shadow .1s,background .1s,border-color .1s}.mg-brick:hover:not(.mg-silence){transform:scale(1.06);border-color:#ffffff40}.mg-brick.mg-silence{background:#ffffffe0;border-color:#ccc;color:#333;cursor:not-allowed;font-size:1rem}.mg-brick.mg-selected{background:#00f5ff1f;border-color:#00f5ff;box-shadow:0 0 12px #00f5ff66;transform:scale(1.05)}.mg-brick.mg-blocked{background:#ff3b5c33;border-color:#ff3b5c;animation:mgBlockShake .25s ease}@keyframes mgBlockShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.mg-brick.mg-explode{animation:mgExplode .5s ease forwards}@keyframes mgExplode{0%{transform:scale(1.1);opacity:1}60%{transform:scale(1.4);opacity:.6}to{transform:scale(0);opacity:0}}.mg-feedback{min-height:28px;text-align:center;font-family:var(--font-display);font-size:1rem;margin-top:12px;transition:opacity .3s}.mg-feedback-success{color:#39ff14;text-shadow:0 0 20px rgba(57,255,20,.5);animation:mgSuccessPop .4s ease}@keyframes mgSuccessPop{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.rules-list{display:flex;flex-direction:column;gap:10px;width:100%;margin:12px 0}.rule-item{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.07);background:#ffffff08}.rule-item strong{font-size:.88rem;color:#ffffffd9}.rule-item small{font-size:.78rem;color:#ffffff73}.rule-icon{width:32px;height:32px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:700}.rule-success .rule-icon{background:#39ff1426;color:#39ff14}.rule-warn .rule-icon{background:#ff3b5c26;color:#ff3b5c}.rule-info .rule-icon{background:#ffffff1f;color:#fff;font-size:.7rem}.rule-neutral .rule-icon{background:#00f5ff1f;color:#00f5ff}img.ft-sym{width:32px;height:32px;object-fit:contain;display:block;flex-shrink:0}.ft-row{grid-template-columns:36px 1fr 2.5rem}.mg-icon{width:52%;height:52%;object-fit:contain;pointer-events:none;display:block}.mg-silence .mg-icon{opacity:.45;filter:invert(1) brightness(.8)}.mg-brick.mg-demo{background:#ffd70024;border-color:#ffd700b3;box-shadow:0 0 14px #ffd70073,inset 0 0 8px #ffd70014;transform:scale(1.08);transition:all .3s ease!important}.mg-demo-label{text-align:center;font-size:.85rem;color:#ffffff8c;padding:4px 0 8px;letter-spacing:.04em;transition:opacity .6s ease}