*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f0f8ff,#e6f7ff,#cce7ff);min-height:100vh}.App{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.quiz-screen{max-width:800px;width:100%;background:#fff;border-radius:20px;box-shadow:0 8px 32px #00adee26,0 4px 16px #0000001a;padding:40px;text-align:center;border:3px solid rgba(0,173,238,.1);position:relative;overflow:hidden}.quiz-screen:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,173,238,.03) 0%,transparent 50%);z-index:-1;animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quiz-header{position:relative;margin-bottom:30px}.mute-button{position:absolute;top:0;right:0;background:none;border:none;color:#666;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.mute-button:hover{background-color:#00adee1a;color:#00adee;transform:scale(1.1)}.mute-button:active{transform:scale(.95)}.score-and-mute-container{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.control-buttons{display:flex;gap:8px;align-items:center;justify-content:flex-end;justify-self:end}.mute-button-with-text{background:#fff;border:1px solid #cfd8df;color:#4f6572;cursor:pointer;padding:7px 11px;border-radius:18px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px;font-size:.84rem;font-weight:500;box-shadow:0 1px 2px #0f1f2d0d}.mute-button-with-text:hover{background-color:#f5f8fb;color:#3f5a68;border-color:#bccbd5;transform:none}.mute-button-with-text:active{background-color:#ecf2f7;transform:none}.mute-button-with-text:focus{outline:none;box-shadow:0 0 0 2px #0077b529}.mute-text{-webkit-user-select:none;user-select:none}.quiz-header h1{color:#00adee;font-size:3.2rem;margin-bottom:10px;font-weight:900;text-align:center;letter-spacing:-.01em;line-height:1.1;text-shadow:0 4px 8px rgba(0,173,238,.3);position:relative;text-transform:uppercase}.title-mark-anchor{position:relative;display:inline-block;line-height:1}.title-trademark{position:absolute;top:20%;left:calc(100% + .04em);font-size:.13em;line-height:1;font-weight:700;text-shadow:none;pointer-events:none}.quiz-header h1:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150%;height:150%;background:radial-gradient(circle,rgba(255,215,0,.1) 0%,rgba(255,215,0,.05) 40%,transparent 70%);border-radius:50%;z-index:-1;animation:energyPulse 3s ease-in-out infinite alternate}@keyframes energyPulse{0%{transform:translate(-50%,-50%) scale(.8);opacity:.3}to{transform:translate(-50%,-50%) scale(1.2);opacity:.1}}.quiz-header .subtitle{color:#0077b5;font-size:.8rem;font-weight:600;margin-bottom:16px;text-align:center;font-style:normal;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,119,181,.2)}.subtitle-workbook-link,.subtitle-workbook-link:hover{color:inherit;text-decoration:none}.start-badges{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin:20px 0}.mode-toggle{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;width:min(100%,614px);margin:0 auto 18px;padding:5px;border:2px solid #c9f0ff;border-radius:999px;background:#eaf9ff;box-shadow:0 6px 18px #00adee1f}.mode-toggle:before{content:"";position:absolute;top:5px;bottom:5px;left:5px;width:calc((100% - 15px)/2);border-radius:999px;background:#fff;box-shadow:0 8px 22px #0077b524;transition:transform .2s ease}.mode-toggle.is-classic:before{transform:translate(0)}.mode-toggle.is-keyboard:before{transform:translate(calc(100% + 5px))}.completion-mode-toggle{margin:0 auto 22px}.start-mode-toggle{margin:20px auto}.mode-toggle-option{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:6px 14px;border:0;border-radius:999px;background:transparent;color:#536470;cursor:pointer;font:inherit;transition:background-color .18s ease,box-shadow .18s ease,color .18s ease;-webkit-tap-highlight-color:transparent}.mode-toggle-option.is-selected{color:#00adee}.mode-toggle-icon{display:inline-flex;align-items:center;justify-content:center;min-width:28px;font-size:1.2rem;font-weight:800;line-height:1}.mode-toggle-letter-key{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:2px solid #bfeaff;border-radius:8px;background:#fff;box-shadow:0 3px 8px #00adee24;color:#00adee;font-size:1rem;font-weight:800}.mode-toggle-emoji-icon{font-size:1.25rem;line-height:1}.mode-toggle-label{font-size:1.02rem;font-weight:800}.mode-toggle-divider{width:1px;height:28px;background:currentColor;opacity:.25}.mode-toggle-summary{font-size:.82rem;font-weight:600;color:#6c7a83}.mode-toggle-option.is-selected .mode-toggle-summary{color:#5fbfdf}.start-tagline{font-size:calc(1.3rem + 1px);color:#555;margin:0 0 8px;line-height:1.5;text-align:center}.quiz-screen.is-game-active .quiz-header{margin-bottom:16px}.quiz-screen.is-game-active .quiz-controls{margin-top:0}.quiz-content.is-game-active{justify-content:flex-start}.quiz-content.is-start-screen{margin-top:-12px}.start-badge{display:inline-flex;align-items:center;font-size:1.07rem;font-weight:600;color:#0f4d6b;background:#eef9ff;border:1px solid #bfeaff;border-radius:999px;padding:10px 14px;min-height:44px;line-height:1}.start-badge.is-highlighted{border-color:#ffd166;background:#fff8dc;color:#7a5200;box-shadow:0 0 #ffd1664d}.start-badge.is-highlighted.pulse-active{animation:badgeHighlightPulse 1s ease-in-out infinite alternate}@keyframes badgeHighlightPulse{0%{transform:scale(1);box-shadow:0 0 #ffd16633}to{transform:scale(1.05);box-shadow:0 0 0 5px #ffd16629}}.music-note-left,.music-note-right{display:inline-block;vertical-align:middle;margin:0 15px;animation:bounce 2s ease-in-out infinite}.music-note-left{animation-delay:0s}.music-note-right{animation-delay:.5s}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.quiz-controls{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px 12px;width:100%;margin-top:4px;padding-inline:18px}.quiz-controls:empty{display:none}.metric-slot{display:flex;align-items:center}.metric-slot-left,.metric-slot-right{justify-content:center}.metric-slot-left{justify-self:start;justify-content:flex-start}.metric-slot-right{justify-self:center}.metric-slot .timer-display,.metric-slot .current-score{min-width:170px;justify-content:center}.metric-slot-right .score-display,.metric-slot-right .score-container{justify-content:center}.timer{display:flex;align-items:center}.timer-display{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:8px;font-weight:600;font-size:1.2rem;transition:all .3s ease}.timer-normal{background-color:#e8f5e8;color:#2d5a2d;border:2px solid #4caf50}.timer-warning{background-color:#fff3cd;color:#856404;border:2px solid #ffc107}.timer-critical{background-color:#f8d7da;color:#721c24;border:2px solid #dc3545;animation:pulse 1s infinite}.timer-inactive{background-color:#f8f9fa;color:#6c757d;border:2px solid #dee2e6}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.score-display{display:flex;align-items:center}.score-container{display:flex;align-items:center;gap:20px}.current-score{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background-color:#e6f7ff;color:#0077b5;border:2px solid #00ADEE;border-radius:8px;font-weight:600;font-size:1.2rem;min-width:140px}.game-stats{display:flex;gap:15px}.stat-item{display:flex;flex-direction:column;align-items:center;font-size:.9rem}.stat-label{color:#666;font-weight:500}.stat-value{color:#333;font-weight:700;font-size:1.1rem}.quiz-content{min-height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center}.quiz-start{--start-picker-label-width: 58px;--start-picker-row-gap: 12px;--start-picker-button-row-width: 544px;--start-picker-row-width: calc( var(--start-picker-label-width) + var(--start-picker-row-gap) + var(--start-picker-button-row-width) );text-align:center;width:100%}@media(max-width:768px){.quiz-screen{padding:15px}.quiz-header h1{font-size:2.2rem;margin-bottom:8px}.quiz-header .subtitle{font-size:.72rem;margin-bottom:10px}.start-badges{gap:6px;margin:12px 0}.start-badge{font-size:.86rem;padding:5px 8px}.start-tagline{font-size:1rem;margin:0 0 12px}.timer-selection,.difficulty-selection{margin:12px 0;padding:12px}.timer-selection h3,.difficulty-selection h3{font-size:.9rem;margin-bottom:8px}.timer-display{font-size:.9rem;padding:8px 14px}.difficulty-option{font-size:.75rem;padding:6px 12px}.difficulty-tooltip{width:200px;font-size:.7rem}.timer-option{font-size:.8rem;padding:6px 14px}.start-button{font-size:1rem;padding:10px 30px}.footer-section{margin-top:20px}.notebusters-link a{font-size:.75rem;padding:5px 10px}.legal-links{gap:14px}.legal-links a,.legal-separator{font-size:.56rem}.copyright-text p{font-size:.48rem}}@media(max-width:480px){.quiz-header .subtitle{margin-bottom:12px}.start-tagline{font-size:1rem;margin:0 0 12px}.start-badge{font-size:.81rem;padding:4px 7px}.timer-selection,.difficulty-selection{margin:12px 0;padding:12px}.timer-selection h3,.difficulty-selection h3{font-size:.95rem;margin-bottom:8px}.timer-display{font-size:.9rem}.difficulty-option{font-size:.75rem;padding:6px 12px}.timer-option{font-size:.8rem;padding:6px 15px}}@media(max-width:390px)and (max-height:844px){.quiz-screen{padding:12px}.quiz-header h1{font-size:2rem;margin-bottom:6px}.quiz-header .subtitle{font-size:.68rem;margin-bottom:8px}.start-badges{margin:10px 0}.start-tagline{font-size:.95rem;margin:0 0 10px}.timer-selection,.difficulty-selection{margin:10px 0;padding:15px}.timer-selection h3,.difficulty-selection h3{font-size:.9rem;margin-bottom:6px}.timer-option{font-size:.75rem;padding:8px 14px;min-width:75px}.difficulty-option{font-size:.7rem;padding:8px 12px;min-width:130px}.timer-buttons,.difficulty-buttons{gap:12px}.start-button,.restart-button{font-size:.95rem;padding:8px 25px;margin:10px 0}.footer-section{margin-top:12px}.notebusters-link a{font-size:.7rem;padding:4px 8px}.copyright-text p{font-size:.55rem}}.high-score-display{margin:20px 0;padding:15px 25px;background-color:#fff3cd;border:2px solid #ffc107;border-radius:8px;color:#856404}.high-score-display p{font-size:1.1rem;font-weight:600;margin:0}.difficulty-selection{margin:22px 0;padding:18px;background-color:#f8f9fa;border-radius:12px;border:2px solid #dee2e6}.difficulty-selection h3{color:#333;font-size:1.3rem;margin-bottom:20px;font-weight:600}.difficulty-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.difficulty-option-row{position:relative;display:inline-flex;align-items:center}.difficulty-option{padding:12px 20px;border:2px solid #00ADEE;background-color:#fff;color:#00adee;font-size:1rem;font-weight:600;border-radius:25px;cursor:pointer;transition:all .3s ease;min-width:140px;text-align:center}.difficulty-option-label{display:inline}.difficulty-option-level{display:inline;font-size:.92em;font-weight:500}.difficulty-tooltip{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-2px);background:#fff;color:#111;border:1px solid #d1d5db;border-radius:8px;padding:8px 10px;width:220px;font-size:.72rem;line-height:1.3;box-shadow:0 8px 20px #0000001f;opacity:0;visibility:hidden;pointer-events:none;z-index:20}.difficulty-option-row:hover .difficulty-tooltip,.difficulty-option:hover+.difficulty-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.difficulty-option:hover{background-color:#00adee1a;transform:translateY(-2px);box-shadow:0 4px 12px #00adee4d}.difficulty-option.selected{background-color:#00adee29;color:#0077b5;box-shadow:0 2px 8px #00adee24}.difficulty-option.selected:hover{background-color:#00adee38;color:#0077b5;transform:translateY(-2px);box-shadow:0 3px 10px #00adee2e}.timer-selection{margin:22px 0;padding:18px;background-color:#f8f9fa;border-radius:12px;border:2px solid #dee2e6}.timer-selection h3{color:#333;font-size:1.3rem;margin-bottom:20px;font-weight:600}.timer-buttons{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.timer-option{padding:12px 24px;border:2px solid #00ADEE;background-color:#fff;color:#00adee;font-size:1.1rem;font-weight:600;border-radius:25px;cursor:pointer;transition:all .3s ease;min-width:80px}.timer-option:hover{background-color:#00adee1a;transform:translateY(-2px);box-shadow:0 4px 12px #00adee4d}.timer-option.selected{background-color:#00adee29;color:#0077b5;box-shadow:0 2px 8px #00adee24}.timer-option.selected:hover{background-color:#00adee38;color:#0077b5;transform:translateY(-2px);box-shadow:0 3px 10px #00adee2e}.footer-section{margin-top:30px;padding-top:20px;border-top:2px solid #dee2e6;box-shadow:inset 0 1px #ffffffb8;text-align:center}.copyright-text{margin-top:6px;padding-top:0}.copyright-text p{font-size:calc(.56rem + 1px);color:#6c757d;margin:0;font-style:italic}.legal-links{margin-top:14px;display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.legal-links a{color:#0077b5;text-decoration:none;font-size:calc(.56rem + 1px);font-weight:600}.legal-links a:hover{text-decoration:underline}.legal-separator{color:#6c757d;font-size:.56rem;line-height:1}.start-button,.restart-button{background:#00adee;color:#fff;border:none;padding:15px 40px;font-size:1.2rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00adee66;margin:30px 0}.quiz-start .start-button{display:block;margin:30px auto}.quiz-start .start-cta-button{margin:0 auto!important}.quiz-start .start-footer-divider{width:var(--start-picker-row-width);max-width:100%;margin:44px auto 0;border-top:2px solid #dee2e6;box-shadow:inset 0 1px #ffffffb8}.quiz-start .start-footer-section{margin-top:14px;padding-top:0;border-top:none;box-shadow:none}.quiz-start .start-footer-section .legal-links{margin-top:0}@media(min-width:769px){.start-badges{margin-bottom:34px}.start-tagline{max-width:var(--start-picker-row-width);margin:0 auto}.quiz-start .start-footer-divider{margin-top:48px}.quiz-start .start-footer-section{margin-top:14px;padding-bottom:4px}.quiz-content.is-start-screen{min-height:auto;justify-content:flex-start}.quiz-start{padding-top:26px}}@media(max-width:768px){.start-button,.restart-button{margin:15px 0}.footer-section{margin-top:15px}.quiz-start .start-button{margin:14px auto}}.start-button:hover,.restart-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00adee99}.start-button:active,.restart-button:active{transform:translateY(0)}.start-button:disabled,.restart-button:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:0 4px 15px #00adee4d}.arcade-promo-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;width:var(--start-picker-row-width);max-width:100%;margin:22px auto 0;padding:14px 16px;border:2px solid #c9f0ff;border-radius:16px;background:linear-gradient(180deg,#fffffff5,#f7fdfffa),radial-gradient(circle at 8% 50%,rgba(0,173,238,.11),transparent 32%);box-shadow:0 8px 20px #0077b51a;text-align:left}.completion-arcade-promo{width:calc(100% - 44px);margin-top:24px}.completion-replay-section .completion-arcade-promo{margin-top:26px}.arcade-promo-mascot{display:block;width:84px;height:84px;flex:0 0 auto}.arcade-promo-copy{min-width:0}.arcade-promo-title-row{display:flex;align-items:center;gap:9px;min-width:0}.arcade-promo-card .arcade-promo-title-row h2{margin:0;color:#233142;font-size:1.13rem;font-weight:800;line-height:1.15}.arcade-promo-new-badge{display:inline-flex;align-items:center;min-height:20px;padding:3px 7px;border-radius:999px;background:#e53955;color:#fff;font-size:.64rem;font-weight:900;line-height:1;text-transform:uppercase}.arcade-promo-mobile-coin-wrap{display:none}.arcade-promo-copy p{margin:5px 0 0;color:#5c7180;font-size:.9rem;font-weight:600;line-height:1.35}.arcade-promo-copy .arcade-promo-cost-line{margin-top:2px;color:#0077b5;font-size:.78rem;font-weight:800;line-height:1.2}.arcade-promo-mobile-cost-inline,.arcade-promo-mobile-coin-modal-backdrop{display:none}.arcade-promo-actions{position:relative;display:grid;justify-items:end;gap:8px}.arcade-promo-coin-pill{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:30px;padding:5px 12px;border:1px solid rgba(255,190,45,.72);border-radius:999px;background:#fff8dc;color:#8a6100;cursor:pointer;font:inherit;font-size:.78rem;font-weight:800;line-height:1;white-space:nowrap;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.arcade-promo-coin-pill:hover{border-color:#ffb300f2;box-shadow:0 5px 12px #ffbe2d2e;transform:translateY(-1px)}.arcade-promo-coin-pill:focus-visible{outline:3px solid rgba(255,201,60,.32);outline-offset:3px}.arcade-promo-coin-pill:active{transform:translateY(0)}.arcade-promo-coin-info{position:absolute;top:calc(100% - 40px);right:calc(100% + 12px);z-index:3;width:min(270px,calc(100vw - 48px));padding:12px 14px;border:1px solid rgba(0,173,238,.2);border-radius:10px;background:#fff;box-shadow:0 12px 28px #0f1f2d29;color:#425866;text-align:left}.arcade-promo-coin-info:after{content:"";position:absolute;top:21px;right:-7px;width:12px;height:12px;border-top:1px solid rgba(0,173,238,.2);border-right:1px solid rgba(0,173,238,.2);background:#fff;transform:rotate(45deg)}.arcade-promo-coin-info p{margin:0;font-size:.78rem;font-weight:700;line-height:1.35}.arcade-promo-coin-info p+p{margin-top:6px}.arcade-promo-coin-pill .arcade-coin-icon{width:15px;height:15px;flex:0 0 auto}.arcade-promo-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:112px;padding:10px 17px;border:2px solid #00adee;border-radius:999px;background:#fff;color:#0077b5;cursor:pointer;font:inherit;font-size:1rem;font-weight:800;line-height:1;box-shadow:0 4px 12px #00adee1f;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease}.arcade-promo-button:hover{background:#eaf9ff;color:#005f92;transform:translateY(-1px);box-shadow:0 7px 16px #00adee33}.arcade-promo-button:active{transform:translateY(0)}.arcade-promo-button:focus-visible{outline:3px solid rgba(0,173,238,.32);outline-offset:3px}.arcade-promo-button:disabled{cursor:not-allowed;opacity:.65;transform:none;box-shadow:0 4px 10px #00adee2e}.quiz-active{width:100%;position:relative}.note-playfield{width:100%;min-height:340px;padding:14px 12px;margin-bottom:24px;border:none;border-radius:16px;background:linear-gradient(180deg,#f0f8ff99,#f8fcffdb);position:relative}.close-button{background:#fff;color:#4f6572;border:1px solid #d3dde5;width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:1.3rem;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 1px 2px #0f1f2d0f;line-height:1}.close-button:hover{background:#f8fbff;border-color:#bfd1df;color:#3f5a68;transform:none;box-shadow:0 1px 3px #0f1f2d14}.close-button:active{background:#eef4f9;transform:none}.close-button:focus{outline:none;box-shadow:0 0 0 2px #0077b533}.main-staff{margin-bottom:0}.staff-display{display:flex;justify-content:center;margin:20px 0}.staff-display svg{max-width:100%;height:auto}@media(max-width:768px)and (orientation:portrait){.main-staff{margin-top:0}.note-keyboard{margin-top:20px}}.feedback{margin:20px 0;padding:15px 25px;border-radius:8px;font-size:1.2rem;font-weight:600;animation:fadeIn .3s ease}.feedback.correct{background-color:#d4edda;color:#155724;border:2px solid #28a745}.feedback.incorrect{background-color:#f8d7da;color:#721c24;border:2px solid #dc3545}.feedback-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;padding:15px 25px;border-radius:8px;font-size:1.2rem;font-weight:600;animation:fadeIn .3s ease;box-shadow:0 4px 20px #0003;white-space:nowrap;min-width:200px;text-align:center}.feedback-overlay.correct{background-color:#d4edda;color:#155724;border:2px solid #28a745}.feedback-overlay.incorrect{background-color:#f8d7da;color:#721c24;border:2px solid #dc3545}.limit-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}.limit-popup{width:100%;max-width:520px;background:#fff;border-radius:12px;border:2px solid #00ADEE;box-shadow:0 12px 30px #00000040;padding:24px;text-align:center}.limit-popup p{color:#1f2937;font-size:1rem;line-height:1.5;margin-bottom:18px}.limit-popup-cta{margin-top:-6px;margin-bottom:18px}.limit-popup-cta a{color:#0077b5;text-decoration:none;font-size:.9rem;font-weight:500}.limit-popup-cta a:hover{text-decoration:underline}.limit-popup-close{background:#00adee;color:#fff;border:none;border-radius:999px;padding:10px 26px;font-size:.95rem;font-weight:700;cursor:pointer}.limit-popup-close:hover{background:#08c}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%,-50%) translateY(0)}}.note-keyboard{margin-top:30px}.keyboard-container{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.note-button{width:60px;height:60px;border:3px solid #00ADEE;background-color:#fff;color:#00adee;font:inherit;font-size:1.5rem;font-weight:700;line-height:1;border-radius:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.note-button-label{display:flex;align-items:center;justify-content:center;height:1em;line-height:1;transform:translateY(-.02em)}.note-button:hover:not(.disabled){background-color:#00adee;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00adee4d}.note-button:active:not(.disabled){transform:translateY(0)}.note-button.disabled{opacity:.5;cursor:not-allowed;border-color:#ccc;color:#ccc}.note-button:focus{outline:none}.note-button:focus:not(:focus-visible){outline:none;border-color:#00adee;background-color:#fff;color:#00adee;transform:none;box-shadow:none}.note-button:focus-visible{outline:2px solid #00ADEE;outline-offset:2px}@media(pointer:coarse){.note-button:hover{background-color:#fff!important;color:#00adee!important;transform:none!important;box-shadow:none!important}.note-button:focus,.note-button:active{outline:none!important;border-color:#00adee!important;background-color:#fff!important;color:#00adee!important;transform:none!important;box-shadow:none!important}.note-button:focus:after,.note-button:active:after{display:none!important}.note-button:visited,.note-button:target{background-color:#fff!important;color:#00adee!important;transform:none!important;box-shadow:none!important}.piano-white-key:not(.is-correct-answer):not(.is-correct-target):not(.is-incorrect-answer):hover,.piano-white-key:not(.is-correct-answer):not(.is-correct-target):not(.is-incorrect-answer):focus,.piano-white-key:not(.is-correct-answer):not(.is-correct-target):not(.is-incorrect-answer):active{background:#fff!important;transform:none!important;box-shadow:none!important}}.note-button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation}.piano-note-keyboard{width:100%;max-width:650px;margin:30px auto 0;padding-top:0}.piano-keyboard-container{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));min-height:148px;border:2px solid #c9f0ff;border-radius:10px;background:#fff;box-shadow:0 8px 20px #0077b524;overflow:visible}.piano-white-key{position:relative;display:flex;align-items:flex-end;justify-content:center;min-width:0;min-height:148px;padding:0 6px 22px;border:0;border-right:2px solid #d9f4ff;background:#fff;color:#00adee;cursor:pointer;font:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease}.piano-white-key:first-of-type{border-bottom-left-radius:8px;border-top-left-radius:8px}.piano-white-key:last-of-type{border-right:0;border-bottom-right-radius:8px;border-top-right-radius:8px}.piano-white-key:hover:not(.is-disabled){background:#eef9ff;box-shadow:inset 0 -5px #00adee;transform:translateY(-1px)}.piano-white-key:active:not(.is-disabled){transform:translateY(0);box-shadow:inset 0 -3px #00adee}.piano-white-key:focus{outline:none}.piano-white-key:focus-visible{outline:3px solid #00ADEE;outline-offset:3px;z-index:3}.piano-white-key.is-disabled{cursor:not-allowed;opacity:.55}.piano-white-key.is-correct-answer,.piano-white-key.is-correct-target{background:#2ecc7124;box-shadow:inset 0 -5px #2ecc71b8;color:#15803d}.piano-white-key.is-incorrect-answer{background:#ed1b241f;box-shadow:inset 0 -5px #ed1b24ad;color:#b4232a}.piano-white-key.is-correct-answer.is-disabled,.piano-white-key.is-correct-target.is-disabled,.piano-white-key.is-incorrect-answer.is-disabled{opacity:1}.piano-correct-key-arrow{position:absolute;left:50%;bottom:54px;transform:translate(-50%);color:#15803d;font-size:1.45rem;font-weight:800;line-height:1;pointer-events:none}.piano-key-label{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:28px;font-size:1.5rem;font-weight:700;line-height:1;text-shadow:none;transition:opacity .16s ease}.piano-key-label.is-hidden{opacity:0}.piano-black-key-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.piano-black-key{position:absolute;top:-2px;width:7.8%;height:74px;transform:translate(-50%);border-radius:0 0 5px 5px;background:linear-gradient(180deg,#111820,#24303a);box-shadow:0 5px 10px #00000047;pointer-events:auto;cursor:default;touch-action:manipulation}.piano-octave-pill{position:absolute;left:50%;top:78px;z-index:4;transform:translate(-50%);box-sizing:border-box;min-width:38px;max-width:calc(100% - 12px);padding:3px 7px;border:1px solid #bfeaff;border-radius:999px;background:#eef9ff;color:#0077b5;font-size:.68rem;font-weight:800;line-height:1;text-align:center;white-space:nowrap}.quiz-complete{text-align:center;width:100%}.quiz-complete h2{color:#333;font-size:2rem;margin-bottom:25px}.quiz-complete .difficulty-selection{background-color:#f8f9fa;border:2px solid #dee2e6}.quiz-complete .restart-button{display:block;margin:22px auto}.completion-summary-panel{margin:0 0 18px;padding:14px 16px 18px;background:#f0f8ffbf;border:none;border-radius:18px}.completion-summary-badges{display:flex;align-items:center;justify-content:center;gap:16px;margin:10px 0 14px}.completion-summary-badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:0;min-width:0;padding:0;border:none;border-radius:0;background:transparent;color:#1f3d52;box-shadow:none}.completion-summary-badges-divider{width:1px;height:18px;background:#dee2e6;box-shadow:inset 0 1px #ffffffb8}.completion-summary-badge-label{color:#5b6c79;font-size:.82rem;font-weight:600;line-height:1.1;text-align:center;white-space:nowrap}.completion-summary-badge-value{display:inline-flex;align-items:center;gap:5px;font-size:1rem;font-weight:700;line-height:1;letter-spacing:.02em;white-space:nowrap}.completion-summary-badge-lead,.completion-summary-badge-suffix{display:inline-block}.completion-summary-badge-lead-content{display:inline-block;transform-origin:50% 72%}.completion-summary-badge-suffix{font-size:.9em;font-weight:700}.completion-summary-badge.drop-in-active{animation:completionSummaryBadgeDrop .82s cubic-bezier(.16,.88,.22,1) 1}.completion-summary-badge.drop-in-active .completion-summary-badge-lead{animation:completionSummaryBadgeLeadDrop .82s cubic-bezier(.16,.88,.22,1) 1}.completion-summary-badge.is-streak.drop-in-active .completion-summary-badge-lead{animation:completionStreakLeadFlyIn .98s cubic-bezier(.16,.92,.22,1.02) 1 both}.completion-summary-badge.is-streak .completion-summary-badge-lead-content.completion-streak-flare-active{animation:completionStreakFlare 1.96s cubic-bezier(.18,.82,.24,1.08) .36s 1 both}.completion-summary-badge.pulse-added-active .completion-summary-badge-value{animation:completionSummaryBadgePulse .56s ease-in-out 2}@keyframes completionSummaryBadgeDrop{0%{opacity:0;transform:translate(10px,-10px) scale(.94)}55%{opacity:1;transform:translateY(2px) scale(1.02)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes completionSummaryBadgeLeadDrop{0%{opacity:0;transform:translate(18px,-22px) scale(.72)}58%{opacity:1;transform:translateY(2px) scale(1.08)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes completionStreakLeadFlyIn{0%{opacity:0;transform:translate(-120px,-68px) scale(.42) rotate(-28deg);filter:brightness(.92)}34%{opacity:1;transform:translate(-28px,-14px) scale(1.18) rotate(10deg);filter:brightness(1.1)}56%{opacity:1;transform:translate(6px,3px) scale(.94) rotate(-7deg);filter:brightness(1.06)}76%{opacity:1;transform:translate(-2px,-1px) scale(1.05) rotate(3deg);filter:brightness(1.03)}to{opacity:1;transform:translate(0) scale(1) rotate(0);filter:brightness(1)}}@keyframes completionStreakFlare{0%{transform:translateY(0) scale(1) rotate(0);text-shadow:0 0 0 rgba(255,145,41,0);filter:brightness(1)}16%{transform:translateY(-4px) scale(1.42) rotate(-8deg);text-shadow:0 0 14px rgba(255,165,54,.54);filter:brightness(1.14)}32%{transform:translateY(-7px) scale(1.16) rotate(7deg);text-shadow:0 0 18px rgba(255,122,36,.58);filter:brightness(1.18)}48%{transform:translateY(-3px) scale(1.32) rotate(-6deg);text-shadow:0 0 16px rgba(255,179,71,.56);filter:brightness(1.16)}68%{transform:translateY(-5px) scale(1.18) rotate(4deg);text-shadow:0 0 11px rgba(255,145,41,.34);filter:brightness(1.09)}84%{transform:translateY(-1px) scale(1.06) rotate(-2deg);text-shadow:0 0 6px rgba(255,145,41,.18);filter:brightness(1.03)}to{transform:translateY(0) scale(1) rotate(0);text-shadow:0 0 0 rgba(255,145,41,0);filter:brightness(1)}}@keyframes completionSummaryBadgePulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.25);filter:brightness(1.08)}}.completion-replay-section{margin:28px 0 8px;padding:26px 0;border-top:2px solid #dee2e6;border-bottom:2px solid #dee2e6;box-shadow:inset 0 1px #ffffffb8,inset 0 -1px #ffffffb8}.completion-restart-button{width:calc(100% - 44px);max-width:none;margin:0 auto 30px!important;padding:18px 40px;font-size:1.3rem}.start-cta-button{width:min(calc(100% - 160px),80%);max-width:520px;margin:0 auto!important;padding:18px 40px;font-size:1.3rem}.completion-restart-button.pulse-active,.start-cta-button.pulse-active{animation:completionReplayPulse 1.9s ease-in-out infinite}@keyframes completionReplayPulse{0%,to{transform:translateY(0) scale(1);box-shadow:0 4px 15px #00adee66}50%{transform:translateY(-1px) scale(1.02);box-shadow:0 7px 22px #00adee85}}.completion-inline-picker-row{display:flex;align-items:center;justify-content:center;gap:12px;margin:12px 0 0}.completion-inline-picker-label{color:#6a7480;font-size:1rem;font-weight:500;line-height:1}.completion-inline-picker-row .completion-inline-picker-label{flex:0 0 64px;width:64px;text-align:right}.completion-inline-picker-buttons{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.completion-mobile-picker-group{margin:10px 0 0}.completion-mobile-picker-group .completion-inline-picker-label{display:block;margin-bottom:8px}.completion-inline-option{min-width:0;border-radius:999px;box-shadow:none;min-height:40px;font-weight:600}.start-picker-stack{margin:0 0 34px}.start-inline-picker-row{display:grid;grid-template-columns:minmax(0,1fr) var(--start-picker-button-row-width);column-gap:var(--start-picker-row-gap);align-items:center;justify-content:center;width:var(--start-picker-row-width);max-width:100%;margin:14px auto 0}.start-inline-picker-row:first-child{margin-top:0}.start-inline-picker-row .completion-inline-picker-label{min-width:0;text-align:left;white-space:nowrap;font-size:1.12rem;font-weight:600}.start-inline-picker-row .completion-inline-picker-buttons{width:var(--start-picker-button-row-width);justify-content:space-between;gap:0}.start-mobile-picker-group{margin-top:14px}.start-mobile-picker-group:first-child{margin-top:0}.start-mobile-picker-group .completion-inline-picker-label{display:block;margin-bottom:8px}.start-inline-picker-row .completion-inline-option.timer-option,.start-inline-picker-row .completion-inline-option.difficulty-option{min-height:44px;padding-top:12px;padding-bottom:12px}.start-mobile-picker-group .selection-carousel-item{min-height:48px}.quiz-start .start-cta-button{display:flex;align-items:center;box-sizing:border-box;justify-content:center;line-height:1.2;text-align:center;width:var(--start-picker-row-width);max-width:var(--start-picker-row-width)}.completion-inline-option.timer-option,.completion-inline-option.difficulty-option{width:170px;padding:10px 16px;font-size:1rem;min-width:170px}.start-inline-difficulty-option{white-space:nowrap}.start-inline-difficulty-option .difficulty-option-label{font-size:calc(1em - 1px)}.start-inline-difficulty-option .difficulty-option-level{font-size:.84em}.completion-workbook-link{margin:20px 0 0;padding-top:0;text-align:center;color:#4f6572;font-size:1rem;line-height:1.45}.completion-workbook-link p{margin-bottom:8px}.completion-workbook-link a{color:#0077b5;text-decoration:none;font-size:1rem;font-weight:700;line-height:1.3}.completion-workbook-link a:hover{text-decoration:underline}.completion-workbook-arrow{color:#ed1b24;font-weight:900;text-shadow:0 0 0 currentColor,.7px 0 currentColor,-.7px 0 currentColor,0 .4px currentColor,0 -.4px currentColor}.completion-workbook-accent{color:#ed1b24;font-size:1.05rem;font-weight:800;line-height:1}.new-high-score{color:#ff6b35!important;font-weight:700!important;font-size:1rem!important}.new-high-score.pulse-active{animation:celebrate 1s ease-in-out infinite alternate}@keyframes celebrate{0%{transform:scale(1)}to{transform:scale(1.05)}}.completion-streak-pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 22px;margin-bottom:22px;border-radius:999px;border:2px solid #bfeaff;background:#eef9ff;color:#0f4d6b;font-size:1.12rem;font-weight:700;line-height:1.2}.completion-streak-pill.is-highlighted{border-color:#ffd166;background:#fff8dc;color:#7a5200}.completion-streak-pill.is-quiet{border-color:#bfeaff;background:#eef9ff;color:#0f4d6b}.completion-streak-pill.is-session{border-color:#cdeeff;background:#f8fcff;color:#0f4d6b}.completion-streak-pill.is-positive{border-color:#58d6b3;background:#ecfff9;color:#0f5b4f}.completion-streak-pill.pulse-active{animation:badgeHighlightPulse 1s ease-in-out infinite alternate}.completion-score-hero{position:relative;padding:0 0 4px;margin-bottom:12px}.completion-score-value-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:180px;min-height:102px}.completion-score-value-wrap:before{content:"";position:absolute;inset:50% auto auto 50%;width:132px;height:132px;border:2px solid rgba(0,173,238,.22);border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.42);pointer-events:none;z-index:0}.completion-score-value-wrap:has(.completion-score-value.is-celebrating):before{animation:completionScoreShockwave .92s cubic-bezier(.14,.74,.22,1) 1}.completion-score-value{position:relative;z-index:2;color:#0077b5;font-size:clamp(3.85rem,9.8vw,5.45rem);font-weight:800;line-height:.95;text-shadow:0 3px 10px rgba(0,173,238,.18)}.completion-score-value.is-celebrating{animation:completionScorePop 1.25s cubic-bezier(.2,.9,.25,1) 1}.completion-score-copy{position:relative;z-index:2;margin-top:8px;color:#333;font-size:1.3rem;font-weight:600;line-height:1.2}.completion-score-copy.is-achievement.pulse-active .new-high-score{animation:completionAchievementFlash 1.2s ease-out 1}.completion-score-copy.is-achievement .new-high-score{color:#0f5b4f!important}.completion-score-meta{position:relative;z-index:2;margin-top:8px;color:#5a6b78;font-size:1.08rem;font-weight:600}.completion-score-challenge{position:relative;z-index:2;margin:-10px 0 14px;text-align:center}.completion-score-challenge-link{font-size:1rem}.completion-score-share-feedback{margin-top:5px}.completion-score-burst{position:absolute;left:50%;top:50%;width:300px;height:300px;transform:translate(-50%,-50%);pointer-events:none;z-index:1}.completion-score-burst-piece{position:absolute;left:50%;top:50%;font-size:1.6rem;opacity:0;transform:translate(-50%,-50%) scale(.6);text-shadow:0 0 3px rgba(255,205,84,.16)}.completion-score-burst-piece.is-note{color:#ed1b24;text-shadow:0 0 3px rgba(237,27,36,.16)}.completion-score-burst-piece.is-coin{text-shadow:0 0 3px rgba(212,160,23,.18)}.completion-score-burst.is-top_today .completion-score-burst-piece,.completion-score-burst.is-both .completion-score-burst-piece{font-size:1.75rem}@keyframes completionScorePop{0%{transform:scale(.86);filter:brightness(1)}18%{transform:scale(1.16);filter:brightness(1.16)}52%{transform:scale(.98);filter:brightness(1.02)}78%{transform:scale(1.045);filter:brightness(1.07)}to{transform:scale(1);filter:brightness(1)}}@keyframes completionScoreShockwave{0%{opacity:0;transform:translate(-50%,-50%) scale(.42);box-shadow:0 0 #00adee1f}20%{opacity:.58}to{opacity:0;transform:translate(-50%,-50%) scale(1.75);box-shadow:0 0 0 18px #00adee00}}@keyframes completionAchievementFlash{0%{opacity:.7;transform:scale(.98)}30%{opacity:1;transform:scale(1.04)}65%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.completion-progress-block{margin:0 0 26px;padding:42px 6px 0}.completion-progress-track{position:relative;width:100%;height:44px;border-radius:999px;background:#e6f7ff;border:1px solid rgba(0,173,238,.18)}.completion-progress-fill{display:flex;align-items:center;justify-content:flex-end;height:100%;border-radius:999px;background:linear-gradient(90deg,#00adee,#1293de);transition:width .85s cubic-bezier(.2,.9,.25,1);overflow:hidden}.completion-progress-sprinkle{position:absolute;top:0;transform:translate(-50%,-95%);width:0;height:0;pointer-events:none;z-index:3}.completion-progress-sprinkle.is-edge{transform:translateY(-95%)}.completion-progress-sprinkle-piece{position:absolute;left:50%;top:50%;opacity:0;transform:translate3d(-50%,-50%,0) scale(.7);line-height:1;font-size:1.12rem}.completion-progress-sprinkle-piece.is-note{color:#d4a017;text-shadow:0 0 3px rgba(212,160,23,.22)}.completion-progress-sprinkle-piece.is-coin{text-shadow:0 0 3px rgba(212,160,23,.22)}.completion-progress-sprinkle-piece.is-trophy{text-shadow:0 0 3px rgba(237,185,71,.2)}.completion-progress-score-value{padding-right:12px;color:#fff;font-size:19px;font-weight:800;line-height:1;white-space:nowrap;text-shadow:0 0 2px rgba(0,119,181,.95),0 0 4px rgba(0,119,181,.7);opacity:0;transition:opacity .22s ease .26s}.completion-progress-score-value.is-revealed{opacity:1}.completion-progress-marker{position:absolute;top:-40px;transform:translate(-50%);pointer-events:none;min-width:max-content;opacity:0;transition:opacity .26s ease .42s}.completion-progress-marker.is-edge{right:0;transform:none}.completion-progress-marker.is-on-track-anchor{transform:translate(calc(-50% + 8px))}.completion-progress-marker.is-revealed{opacity:1}.completion-progress-marker-label{position:relative;display:inline-block;margin-bottom:2px;color:#4f6572;font-size:16px;font-weight:600;line-height:1;text-align:center;white-space:nowrap}.completion-progress-marker.is-lower-close-label-anchor .completion-progress-marker-label{text-align:right;transform:translate(-50%)}.completion-progress-marker-label-icon{position:absolute;right:calc(100% + 6px);top:0;line-height:1}.completion-progress-marker-label-text{display:block}.completion-progress-marker-value{position:absolute;top:61px;left:50%;transform:translate(-50%,-50%);font-size:18px;font-weight:800;line-height:1;text-align:center;white-space:nowrap}.completion-progress-marker-value.is-in-fill{color:#fff;transform:translate(calc(-100% - 8px),-50%);text-shadow:0 0 2px rgba(0,119,181,.95),0 0 4px rgba(0,119,181,.7)}.completion-progress-marker-value.is-on-track{color:#0077b5;transform:translate(-50%,-50%)}.completion-progress-marker-value.is-edge{transform:translate(-8px,-50%)}.completion-progress-marker.is-edge .completion-progress-marker-label,.completion-progress-marker.is-edge .completion-progress-marker-value{text-align:right}.completion-progress-marker-pointer{display:block;width:0;height:0;margin:0 auto 1px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid rgba(0,119,181,.78)}.completion-progress-marker-tick{display:block;width:2px;height:24px;margin:0 auto;border-radius:999px;background:#fff;box-shadow:0 0 0 1px #0077b538}.completion-share-block{margin:28px 0 0;text-align:center;padding:0}.completion-share-actions{display:flex;align-items:center;justify-content:center}.completion-share-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;position:relative;width:min(100%,328px);max-width:328px;min-height:50px;padding:13px 28px;border-radius:25px;border:2px solid #00ADEE;background-color:#fff;color:#00adee;cursor:pointer;font-size:1.08rem;font-weight:600;text-align:center;transition:all .3s ease}.completion-share-button-label{display:inline-block}.completion-share-button-content{display:grid;grid-template-columns:minmax(0,max-content);align-items:center;justify-content:center;column-gap:22px}.completion-share-actions.is-share-prompted .completion-share-button-content{grid-template-columns:auto minmax(0,max-content) auto}.completion-share-arrow{--share-arrow-y: -3px;display:inline-flex;align-items:center;justify-content:center;color:#ed1b24;font-size:1.37rem;font-weight:900;line-height:0;white-space:nowrap;letter-spacing:.12em;font-family:inherit;pointer-events:none;transform:translateY(var(--share-arrow-y));text-shadow:0 0 0 currentColor,1.125px 0 currentColor,-1.125px 0 currentColor,0 .625px currentColor,0 -.625px currentColor}.completion-share-actions.is-share-prompt-pulsing .completion-share-arrow.is-left{animation:shareArrowLeftPulse 1.2s ease-in-out infinite}.completion-share-actions.is-share-prompt-pulsing .completion-share-arrow.is-right{animation:shareArrowRightPulse 1.2s ease-in-out infinite}@keyframes shareArrowLeftPulse{0%,to{transform:translateY(var(--share-arrow-y))}50%{transform:translate(5px,var(--share-arrow-y))}}@keyframes shareArrowRightPulse{0%,to{transform:translateY(var(--share-arrow-y))}50%{transform:translate(-5px,var(--share-arrow-y))}}.completion-share-button:hover{background-color:#00adee1a;transform:translateY(-2px);box-shadow:0 4px 12px #00adee4d}.completion-share-button:active{transform:translateY(0)}.completion-share-feedback{margin-top:10px;color:#617785;font-size:.84rem;font-weight:400}.leaderboard-submission-panel{position:relative;margin:18px 0 0;padding:18px;border:2px solid #cfe5f4;border-radius:18px;background:linear-gradient(180deg,#f8fcff,#fff);box-shadow:0 10px 22px #0077b514;text-align:left}.leaderboard-submission-panel.is-success{text-align:center}.leaderboard-submission-title{color:#0077b5;font-size:1.15rem;font-weight:800;margin:0}.leaderboard-submission-copy{margin:8px 0 0;color:#4f6572;font-size:.96rem;line-height:1.45}.leaderboard-entry-live-copy{font-size:.84rem;color:#617785}.leaderboard-challenge-link{font-size:calc(.96rem + 2px)}.leaderboard-share-feedback{margin:6px 0 0;color:#617785;font-size:.84rem;font-weight:400;line-height:1.35}.leaderboard-presubmit-share{margin:10px 0 0;text-align:center}.leaderboard-submission-close{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #d3dde5;padding:0;background:#fff;color:#4f6572;border-radius:50%;font-size:1.3rem;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 1px 2px #0f1f2d0f;transition:all .3s ease}.leaderboard-submission-close:hover{background:#f8fbff;border-color:#bfd1df;color:#3f5a68;box-shadow:0 1px 3px #0f1f2d14}.leaderboard-submission-close:active{background:#eef4f9}.leaderboard-submission-close:focus{outline:none;box-shadow:0 0 0 2px #0077b533}.leaderboard-inline-link{border:none;padding:0;background:none;color:#0077b5;font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:.12em;cursor:pointer}.leaderboard-inline-link:hover{color:#0097cf}.leaderboard-inline-link:focus-visible{outline:2px solid rgba(0,173,238,.4);outline-offset:2px;border-radius:4px}.leaderboard-submission-form{margin-top:16px}.leaderboard-submission-field,.configurable-select-field{display:block}.leaderboard-submission-field+.leaderboard-location-disclosure{margin-top:14px}.leaderboard-location-disclosure{display:block}.leaderboard-location-toggle{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:auto;min-height:0;border:none;border-radius:0;background:transparent;color:#526674;font-size:.92rem;font-weight:700;padding:0;cursor:pointer}.leaderboard-location-toggle:hover{color:#0077b5}.leaderboard-location-toggle:focus-visible{outline:2px solid rgba(0,173,238,.34);outline-offset:2px}.leaderboard-location-toggle:disabled{opacity:.7;cursor:not-allowed}.leaderboard-location-toggle-icon{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s ease}.leaderboard-location-toggle-icon.is-expanded{transform:rotate(225deg) translateY(-1px)}.leaderboard-location-disclosure .configurable-select-field{margin-top:10px}.leaderboard-submission-label,.configurable-select-label{display:block;margin-bottom:7px;color:#526674;font-size:.92rem;font-weight:700}.leaderboard-submission-input,.configurable-select-input{width:100%;min-height:46px;border:2px solid #cfe0ea;border-radius:14px;background:#fff;color:#163748;font-size:1rem;padding:11px 14px}.leaderboard-submission-input{text-transform:uppercase;letter-spacing:.12em;font-weight:700}.leaderboard-submission-input:focus,.configurable-select-input:focus{outline:none;border-color:#00adee;box-shadow:0 0 0 3px #00adee24}.leaderboard-submission-error{margin-top:12px;color:#a13939;font-size:.9rem;font-weight:600}.leaderboard-submission-actions{display:flex;flex-direction:column;gap:10px;margin-top:16px}.leaderboard-action-button{width:100%;min-height:46px;border-radius:999px;padding:11px 18px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .25s ease}.leaderboard-action-button.is-primary{border:2px solid #00ADEE;background:#00adee;color:#fff}.leaderboard-action-button.is-primary:hover{background:#0097cf;border-color:#0097cf}.leaderboard-action-button.is-secondary{border:2px solid #d4dee6;background:#fff;color:#536876}.leaderboard-action-button.is-secondary:hover{background:#f6fafc}.leaderboard-action-button:disabled{opacity:.7;cursor:not-allowed}.completion-leaderboard-block{display:flex;justify-content:center}.completion-share-actions+.completion-leaderboard-block{margin-top:14px}.completion-leaderboard-button{width:min(100%,328px);max-width:328px;justify-content:center;gap:4px;padding-inline:18px}.completion-leaderboard-icon{display:inline-flex;align-items:center;justify-content:center;font-size:1.05em;line-height:1}.leaderboard-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2500;display:flex;align-items:center;justify-content:center;padding:16px;background:#0b18218f}.leaderboard-modal{width:min(100%,800px);max-height:calc(100vh - 32px);background:linear-gradient(180deg,#f7fbff,#fff);color:#173645;border-radius:20px;padding:22px 18px 28px;box-shadow:0 24px 48px #0b446433;display:flex;flex-direction:column;overflow:hidden}.leaderboard-modal-header{position:relative;display:flex;align-items:center;justify-content:center;gap:16px}.leaderboard-modal-header h2{margin:2px 0 0;display:inline-flex;align-items:center;justify-content:center;gap:10px;color:#0077b5;font-size:1.9rem;font-weight:900;text-align:center}.leaderboard-modal-title-icon{font-size:.9em;line-height:1}.leaderboard-modal-close{position:absolute;top:0;right:0;border:1px solid #d5e2ea;background:#fff;color:#476170;width:42px;height:42px;border-radius:50%;font-size:1.5rem;line-height:1;cursor:pointer;box-shadow:0 1px 3px #10273514}.leaderboard-modal-controls{margin-top:22px;display:grid;gap:16px;flex-shrink:0}.leaderboard-tab-row{display:flex;gap:10px;flex-wrap:wrap}.leaderboard-tab-row{gap:0;padding-bottom:0;border-bottom:1px solid #d7e7f1}.leaderboard-chip-row{display:flex;gap:10px;flex-wrap:wrap}.leaderboard-chip,.leaderboard-tab{min-height:38px;padding:8px 15px;background:#fff;color:#0077b5;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .25s ease}.leaderboard-chip{border-radius:999px;border:none}.leaderboard-tab{position:relative;bottom:-1px;border-width:0 0 2px;border-color:transparent;border-radius:16px 16px 0 0;padding:10px 18px 12px}.leaderboard-chip.is-selected,.leaderboard-tab.is-selected{background:#00adee26}.leaderboard-tab.is-selected{background:#00adee26;border-color:#00adee}.leaderboard-filter-toolbar{display:flex;align-items:flex-start;justify-content:center;gap:14px;flex-wrap:wrap}.leaderboard-filter-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.leaderboard-filter-label{color:#5a7080;font-size:.98rem;font-weight:800;line-height:1}.leaderboard-filter-divider{width:1px;align-self:stretch;background:#d7e7f1}.leaderboard-modal-body{flex:1 1 auto;min-height:0;margin-top:22px;overflow-y:auto;padding-right:4px}.leaderboard-modal-state{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;color:#49616f;font-size:1rem;line-height:1.45}.leaderboard-table{border:2px solid #d7e7f1;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 10px 24px #0b446414}.leaderboard-table-header,.leaderboard-row{display:grid;grid-template-columns:64px minmax(0,1fr) 92px 108px 74px;gap:10px;align-items:center;padding:14px 16px}.leaderboard-table-header{background:#eef7fd;color:#5a7080;font-size:.8rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.leaderboard-header-label-mobile{display:none}.leaderboard-column-rank,.leaderboard-column-initials,.leaderboard-column-location,.leaderboard-column-date,.leaderboard-column-score,.leaderboard-rank,.leaderboard-initials,.leaderboard-location,.leaderboard-date,.leaderboard-score{justify-self:center;text-align:center}.leaderboard-row{border-top:1px solid #e6eff5;font-size:1rem;font-weight:700}.leaderboard-row.is-current-user{background:#edf9ff}.leaderboard-rank,.leaderboard-score{color:#0077b5}.leaderboard-rank{display:inline-flex;align-items:center;gap:7px}.leaderboard-rank-medallion{display:inline-flex;align-items:center;justify-content:center;font-size:.92rem;line-height:1}.leaderboard-rank-medallion.is-gold{filter:drop-shadow(0 1px 1px rgba(122,82,0,.18))}.leaderboard-rank-medallion.is-silver{filter:drop-shadow(0 1px 1px rgba(74,97,113,.18))}.leaderboard-rank-medallion.is-bronze{filter:drop-shadow(0 1px 1px rgba(127,75,36,.18))}.leaderboard-location{color:#5c7180;font-size:.92rem}.leaderboard-date{color:#5c7180;font-size:.88rem}.quiz-complete .footer-section{margin-top:20px}.celebration-left,.celebration-right{position:absolute;top:0;width:100px;height:100%;pointer-events:none;z-index:10}.celebration-left{left:0}.celebration-right{right:0}.confetti-piece,.music-note-float{position:absolute;font-size:2rem;top:110%;opacity:0;animation:celebrationFloat 1s ease-out forwards}.confetti-piece:nth-child(1){left:10%;animation-delay:0s;animation-duration:.8s}.confetti-piece:nth-child(2){left:60%;animation-delay:.2s;animation-duration:1s}.music-note-float:nth-child(3){left:30%;animation-delay:.1s;animation-duration:.9s}.music-note-float:nth-child(4){left:80%;animation-delay:.3s;animation-duration:1.1s}.music-note-float:nth-child(5){left:50%;animation-delay:.4s;animation-duration:.7s}@keyframes celebrationFloat{0%{top:110%;opacity:0;transform:scale(.5) rotate(0)}15%{top:95%;opacity:1;transform:scale(1) rotate(54deg)}85%{top:10%;opacity:1;transform:scale(1.2) rotate(306deg)}to{top:-10%;opacity:0;transform:scale(.8) rotate(360deg)}}@media(max-width:768px){.timer-selection,.difficulty-selection{margin:10px 0;padding:10px 8px;overflow:hidden}.timer-selection h3,.difficulty-selection h3{font-size:.96rem;margin-bottom:7px}.selection-carousel{width:100%;touch-action:pan-y;-webkit-user-select:none;user-select:none}.difficulty-carousel{position:relative}.selection-carousel-window{width:100%;overflow:hidden;padding:2px 4px}.selection-carousel-track{display:flex;align-items:center;width:100%;max-width:100%;justify-content:center;gap:6px}.selection-carousel-item{min-width:0;min-height:44px;opacity:.78;transform:scale(.94);animation:carouselItemEnter .18s ease-out}.selection-carousel-item.is-selected{flex:0 0 calc(44% - 4px);opacity:1;transform:scale(1);animation:carouselCenterEnter .18s ease-out}.selection-carousel-item.is-neighbor{flex:0 0 calc(25% - 4px)}.timer-carousel .selection-carousel-item,.difficulty-carousel .selection-carousel-item{display:inline-flex;align-items:center;justify-content:center}.selection-carousel .timer-option,.selection-carousel .difficulty-option{width:auto;max-width:100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selection-carousel .timer-option{font-size:.82rem;padding:8px}.selection-carousel .difficulty-option{font-size:.74rem;padding:8px}.selection-carousel-item.is-neighbor{font-weight:600}.selection-carousel-item.is-neighbor.timer-option,.selection-carousel-item.is-neighbor.difficulty-option{text-overflow:ellipsis}.selection-carousel-item.is-selected.timer-option,.selection-carousel-item.is-selected.difficulty-option{text-overflow:clip;font-size:.9rem}.mobile-difficulty-tooltip,.mobile-mode-tooltip{margin-top:8px;padding:8px 10px;border-radius:10px;background:#fff;border:1px solid #cfe2f3;color:#2f4b60;font-size:.72rem;line-height:1.35;text-align:center;box-shadow:0 6px 16px #12344d14}@keyframes carouselItemEnter{0%{opacity:.3;transform:scale(.88)}to{opacity:.78;transform:scale(.94)}}@keyframes carouselCenterEnter{0%{opacity:.5;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.start-tagline{font-size:1rem;margin:0 0 12px}}@media(max-width:768px){.completion-replay-section{margin:24px 0 8px;padding:22px 0}.completion-restart-button{width:calc(100% - 12px);margin:0 auto 24px!important;padding:18px 30px}.start-cta-button{width:min(calc(100% - 72px),85%);padding:18px 30px;font-size:1.1rem}.completion-inline-picker-row{gap:10px;margin-top:10px}.completion-inline-picker-label{font-size:.84rem}.completion-inline-picker-buttons{gap:8px}.completion-mobile-picker-group{margin-top:10px}.completion-mobile-picker-group .completion-inline-picker-label{display:none}.start-mobile-picker-group .completion-inline-picker-label{display:block;margin-bottom:8px;color:#6a7480;font-size:.92rem;font-weight:600;line-height:1.2;text-align:center}.start-mobile-picker-group .selection-carousel-item{min-height:43px}.quiz-start .selection-carousel .timer-option,.quiz-start .selection-carousel .difficulty-option{padding-top:7px;padding-bottom:7px}.quiz-start .start-cta-button{padding-top:22px;padding-bottom:22px}.arcade-promo-card{grid-template-columns:auto minmax(0,1fr);gap:12px;width:100%;margin-top:18px;padding:13px;border-radius:14px}.completion-arcade-promo{width:calc(100% - 12px);margin-top:18px}.arcade-promo-mascot{width:66px;height:66px}.arcade-promo-card .arcade-promo-title-row h2{font-size:1.02rem}.arcade-promo-new-badge{min-height:18px;padding:3px 6px;font-size:.58rem}.arcade-promo-copy p{font-size:.8rem}.arcade-promo-copy .arcade-promo-cost-line{display:none}.arcade-promo-mobile-cost-inline{display:inline;color:#0077b5;font-weight:800}.arcade-promo-actions{grid-column:1 / -1;grid-template-columns:minmax(0,1fr);align-items:center;justify-items:stretch}.arcade-promo-button{width:100%}.arcade-promo-coin-pill.is-actions,.arcade-promo-coin-info.is-actions{display:none}.arcade-promo-title-row{flex-wrap:wrap;gap:7px}.arcade-promo-mobile-coin-wrap{position:relative;display:inline-flex;align-items:center}.arcade-promo-coin-pill.is-mobile-title{min-height:24px;padding:4px 8px;gap:4px;font-size:.66rem;box-shadow:none}.arcade-promo-coin-pill.is-mobile-title .arcade-coin-icon{width:12px;height:12px}.arcade-promo-button{min-width:0;min-height:42px;padding-inline:12px;font-size:.92rem}.arcade-promo-mobile-coin-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:22px;background:#0f1f2d61}.arcade-promo-mobile-coin-modal{position:relative;width:min(100%,320px);padding:22px 20px 20px;border:2px solid #c9f0ff;border-radius:14px;background:#fff;box-shadow:0 18px 38px #0f1f2d3d;color:#425866;text-align:center}.arcade-promo-mobile-coin-modal h2{margin:0 0 10px;color:#233142;font-size:1.12rem;font-weight:800;line-height:1.2}.arcade-promo-mobile-coin-modal p{margin:0;color:#5c7180;font-size:.9rem;font-weight:650;line-height:1.35}.arcade-promo-mobile-coin-modal p+p{margin-top:8px}.arcade-promo-mobile-coin-close{position:absolute;top:8px;right:8px;display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid rgba(0,173,238,.22);border-radius:999px;background:#f7fcff;color:#0077b5;cursor:pointer;font:inherit;font-size:.86rem;font-weight:900;line-height:1}.quiz-start .start-footer-divider{margin-top:24px}.completion-inline-option.timer-option{padding:8px 12px;font-size:.84rem;min-width:64px}.completion-inline-option.difficulty-option{padding:8px 11px;font-size:.78rem;min-width:96px}.completion-streak-pill{width:calc(100% - 12px);margin:0 auto 18px;padding:9px 14px;font-size:.96rem}.completion-summary-panel{padding:4px 12px}.completion-summary-badges{gap:8px;margin:8px 0 12px}.completion-summary-badges-divider{height:15px}.completion-summary-badge{gap:4px}.completion-summary-badge-label{font-size:.68rem}.completion-summary-badge-value{font-size:.88rem}.completion-score-hero{padding:0 0 2px;margin-bottom:10px}.completion-score-value-wrap{min-height:92px}.completion-score-value{font-size:4.2rem}.completion-score-copy{margin-top:6px;font-size:1.05rem}.completion-score-meta{margin-top:6px;font-size:.92rem}.completion-score-challenge{margin:-8px 0 12px}.completion-score-challenge-link{font-size:.92rem}.completion-progress-block{margin:0 0 23px;padding:34px 6px 0}.completion-score-burst{width:180px;height:180px}.completion-score-burst-piece{font-size:1.35rem}.completion-share-block{margin:24px 0 18px}.completion-share-actions{justify-content:center}.completion-share-button{width:min(calc((100% - 64px)*.85),272px);max-width:272px;min-height:48px;padding:12px 20px;font-size:1.05rem}.completion-share-actions{gap:8px}.leaderboard-submission-panel{margin-top:16px;padding:16px 14px}.leaderboard-submission-title{font-size:1.02rem;text-align:center}.leaderboard-submission-copy{font-size:.9rem;text-align:center}.leaderboard-presubmit-share{margin-top:8px}.leaderboard-submission-close{top:10px;right:10px;width:30px;height:30px;font-size:1.12rem}.leaderboard-submission-actions{flex-direction:column}.leaderboard-action-button{width:100%}.completion-leaderboard-button{width:min(calc((100% - 48px)*.85),272px);max-width:272px;min-height:52px;gap:4px;flex-direction:row;padding:12px 18px}.leaderboard-modal{width:100vw;height:auto;min-height:100vh;max-height:none;border-radius:0;padding:20px 14px 28px}.leaderboard-modal-header{display:grid;grid-template-columns:1fr auto;grid-template-areas:". close" "title title";align-items:start;row-gap:10px}.leaderboard-modal-header h2{grid-area:title;margin:0;font-size:1.42rem;gap:8px;line-height:1.08;white-space:nowrap}.leaderboard-modal-close{position:static;grid-area:close;justify-self:end}.leaderboard-modal-controls{gap:14px}.leaderboard-tab-row{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.leaderboard-filter-toolbar{gap:10px;flex-direction:column;align-items:center}.leaderboard-filter-group{align-items:center;gap:10px;flex-direction:column}.leaderboard-filter-label{text-align:center}.leaderboard-filter-divider{display:none}.leaderboard-chip-row{width:100%;gap:8px;justify-content:center}.leaderboard-table-header{display:grid;grid-template-columns:52px minmax(0,.9fr) minmax(0,1fr) 58px;grid-template-areas:"rank initials location score";row-gap:0;column-gap:8px;padding:12px 14px;font-size:.62rem;letter-spacing:.02em}.leaderboard-row{grid-template-columns:52px minmax(0,.9fr) minmax(0,1fr) 58px;grid-template-areas:"rank initials location score" "rank date date score";row-gap:4px;column-gap:8px}.leaderboard-header-label-desktop{display:none}.leaderboard-header-label-mobile{display:inline}.leaderboard-column-rank{grid-area:rank;justify-self:center}.leaderboard-column-rank .leaderboard-header-label-desktop,.leaderboard-column-rank .leaderboard-header-label-mobile{display:none}.leaderboard-column-initials{grid-area:initials;justify-self:start}.leaderboard-column-location{grid-area:location;justify-self:start}.leaderboard-column-date{display:none}.leaderboard-column-score{grid-area:score;justify-self:end}.leaderboard-rank{grid-area:rank;align-self:start;justify-self:center}.leaderboard-initials{grid-area:initials;align-self:start;justify-self:start;min-width:0}.leaderboard-location{grid-area:location;align-self:start;justify-self:start;min-width:0;font-size:.88rem}.leaderboard-date{grid-area:date;justify-self:start;font-size:.82rem;white-space:nowrap}.leaderboard-score{grid-area:score;justify-self:end;align-self:start}.completion-share-button-content{column-gap:18px}.completion-share-arrow{font-size:1.18rem}.completion-workbook-link{font-size:.92rem}}@media(max-width:768px){.leaderboard-modal-overlay{position:fixed;display:flex;align-items:stretch;justify-content:center;padding:0}}@media(max-width:520px){.completion-score-value{font-size:4.45rem}.completion-progress-marker{top:-34px}.completion-progress-marker-label{font-size:10px}.completion-progress-marker-value{top:52px;font-size:14px}.completion-progress-score-value{padding-right:10px;font-size:15px}.completion-share-button{width:min(calc((100% - 56px)*.85),255px);max-width:255px}}@media(max-width:560px){.completion-inline-picker-row{flex-direction:column;align-items:center;gap:6px}}@media(max-width:768px){.App{padding:10px}.quiz-screen{padding:20px}.quiz-header h1{font-size:2rem}.score-container{flex-direction:column;gap:15px}.game-stats{justify-content:center}.timer-display,.current-score{font-size:1rem;padding:10px 16px}.metric-slot .timer-display,.metric-slot .current-score{min-width:0}.note-playfield{min-height:300px;margin-bottom:20px}.keyboard-container{gap:6px;flex-wrap:nowrap;justify-content:space-between}.note-button{width:42px;height:42px;font-size:1.2rem;flex-shrink:0}.main-keyboard .note-button{width:clamp(41px,calc((100vw - 82px) / 7),44px);height:clamp(41px,calc((100vw - 82px) / 7),44px);font-size:1.28rem}.piano-note-keyboard{max-width:100%;margin-top:20px;padding-top:0}.piano-keyboard-container{min-height:124px}.piano-white-key{min-height:124px;padding-bottom:17px}.piano-black-key{height:62px;width:8.5%}.piano-octave-pill{top:64px;min-width:28px;max-width:calc(100% - 8px);padding:2px 5px;font-size:.52rem}.piano-key-label{font-size:1.2rem}.piano-correct-key-arrow{bottom:45px;font-size:1.25rem}.legal-links a,.legal-separator,.copyright-text p{font-size:.48rem}}@media(max-width:480px){.quiz-screen{padding:15px}.quiz-header h1{font-size:1.8rem}.note-button{width:38px;height:38px;font-size:1.1rem}.main-keyboard .note-button{width:clamp(38px,calc((100vw - 72px) / 7),41px);height:clamp(38px,calc((100vw - 72px) / 7),41px);font-size:1.2rem}.piano-keyboard-container{min-height:108px}.piano-white-key{min-height:108px;padding-bottom:14px}.piano-black-key{height:54px;width:9.2%}.piano-octave-pill{top:56px;min-width:24px;max-width:calc(100% - 6px);padding:2px 4px;font-size:.46rem}.piano-key-label{font-size:1.05rem}.piano-correct-key-arrow{bottom:39px;font-size:1.12rem}.keyboard-container{gap:4px;flex-wrap:nowrap;justify-content:space-between}.start-button,.restart-button{padding:12px 30px;font-size:1.1rem}.completion-share-button{font-size:1rem}}@media(max-width:390px)and (max-height:844px){.completion-share-button{font-size:.92rem;padding:8px 20px;width:min(calc((100% - 48px)*.85),243px);max-width:243px}}@media(max-width:375px){.note-button{width:35px;height:35px;font-size:1rem}.main-keyboard .note-button{width:clamp(36px,calc((100vw - 65px) / 7),39px);height:clamp(36px,calc((100vw - 65px) / 7),39px);font-size:1.12rem}.piano-keyboard-container,.piano-white-key{min-height:96px}.piano-black-key{height:48px}.piano-octave-pill{top:50px;font-size:.44rem}.keyboard-container{gap:3px}}@media(max-width:390px)and (max-height:844px){.legal-links a,.legal-separator,.copyright-text p{font-size:.44rem}}@media(max-width:768px){.quiz-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"timer score" ". controls";gap:10px 8px;padding-inline:10px;align-items:start}.metric-slot-left{grid-area:timer;justify-self:start;justify-content:flex-start}.metric-slot-right{grid-area:score;justify-self:end;justify-content:flex-end}.control-buttons{grid-area:controls;justify-self:end;justify-content:flex-end;gap:6px}.timer-display,.current-score{white-space:nowrap;flex-wrap:nowrap}.timer-label,.timer-value,.score-label,.score-value{white-space:nowrap}.mute-button-with-text{padding:6px 9px;font-size:.78rem;min-height:36px}.mute-button-with-text svg{width:16px;height:16px}.close-button{width:36px;height:36px;font-size:1.1rem}.quiz-complete .final-stats p{font-size:1rem}.quiz-complete .new-high-score{font-size:1.1rem!important}.note-playfield{display:flex;align-items:center;justify-content:center;padding:12px 10px}.staff-display{margin:0;width:100%;display:flex;align-items:center;justify-content:center}.staff-display svg{width:100%;max-width:none;height:auto}}@media(max-width:768px){.quiz-content.is-start-screen{min-height:auto;justify-content:flex-start}.quiz-header{margin-bottom:12px}.quiz-header .subtitle{margin-bottom:16px}.mode-toggle{width:min(100%,614px);margin-bottom:14px}.start-mode-toggle{margin-top:32px;margin-bottom:16px}.mode-toggle-option{gap:8px;min-height:41px;padding:6px 10px}.mode-toggle-icon{min-width:24px;font-size:1.1rem}.mode-toggle-letter-key{width:25px;height:25px;border-radius:7px;font-size:.9rem}.mode-toggle-label{font-size:.95rem}.mode-toggle-divider{height:22px}.mode-toggle-summary{font-size:.82rem}.start-badges{flex-direction:column;align-items:stretch;justify-content:flex-start;padding-inline:18px;margin:16px 0;gap:7px}.quiz-start .start-picker-stack{margin-top:31px}.quiz-start .start-cta-button{width:100%;max-width:100%}.quiz-start .start-footer-divider{margin-top:24px}.quiz-start .start-footer-section{padding-bottom:4px}.start-badge{flex:0 0 auto;width:100%;justify-content:center;font-size:.9rem;padding:5px 10px;min-height:36px;line-height:1.1;white-space:nowrap}}@media(max-width:390px){.quiz-header .subtitle{margin-bottom:12px}.mode-toggle{padding:5px}.mode-toggle:before{top:5px;bottom:5px;left:5px;width:calc((100% - 15px)/2)}.mode-toggle.is-keyboard:before{transform:translate(calc(100% + 5px))}.mode-toggle-option{min-height:36px}.start-badges{margin:14px 0;gap:7px}.quiz-start .start-picker-stack{margin-top:31px}}@media(max-width:420px){.mode-toggle-summary,.mode-toggle-divider{display:none}.start-badge{font-size:.86rem;padding:5px 9px}}@media(max-width:360px){.start-badge{font-size:.82rem;padding:6px 9px}}@media(max-width:320px){.note-button{width:32px;height:32px;font-size:.9rem}.keyboard-container{gap:2px}.piano-keyboard-container{min-height:88px}.piano-white-key{min-height:88px;padding-bottom:10px}.piano-black-key{height:44px}.piano-octave-pill{top:46px}.piano-correct-key-arrow{bottom:32px;font-size:1rem}}@media(prefers-contrast:high){.quiz-screen{border:2px solid #000}.note-button{border-width:2px}.mode-toggle,.piano-keyboard-container{border-color:#000}.timer-display{border-width:2px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.runtime-error{margin:0 0 16px;padding:12px 16px;border:2px solid #dc3545;border-radius:12px;background:#f8d7da;color:#721c24;font-size:.95rem;font-weight:600;text-align:center}.final-stats{margin:24px 0 12px}.final-stats p{margin:0 0 10px;color:#334155;font-size:1rem}.admin-analytics-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f0f8ff;color:#0077b5;font-size:.95rem;font-weight:700}.admin-analytics-shell{min-height:100vh;padding:28px;background:linear-gradient(180deg,#f0f8ff,#fff 48%,#fff9e8);color:#243746}.admin-analytics-header{display:flex;align-items:end;justify-content:space-between;gap:24px;max-width:1280px;margin:0 auto 18px;padding-bottom:18px;border-bottom:2px solid #c9f0ff}.admin-kicker{margin:0 0 4px;color:#ed1b24;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.admin-analytics-header h1{margin:0;color:#00adee;font-size:2rem;line-height:1.1}.admin-window-label{margin:8px 0 0;color:#586977;font-size:.88rem;font-style:italic}.admin-token-form{display:grid;gap:6px;min-width:min(100%,360px)}.admin-access-label{margin:0;align-self:end;color:#0077b5;font-size:.82rem;font-weight:800}.admin-token-form label{color:#0077b5;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.admin-token-row{display:flex;gap:8px}.admin-token-row input{min-width:0;flex:1;height:40px;border:1px solid #bfeaff;border-radius:6px;padding:0 11px;background:#fff;color:#243746;font:inherit}.admin-token-row button,.admin-refresh-button,.admin-tabs button,.admin-range-row button{min-height:40px;border:1px solid #bfeaff;border-radius:6px;background:#fff;color:#0077b5;cursor:pointer;font:inherit;font-size:.9rem;font-weight:750}.admin-token-row button,.admin-refresh-button{padding:0 15px}.admin-token-row button:hover,.admin-refresh-button:hover,.admin-tabs button:hover,.admin-range-row button:hover{border-color:#8ba0b3;background:#eaf9ff}.admin-refresh-button:disabled{cursor:not-allowed;opacity:.55}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1280px;margin:0 auto 18px}.admin-tabs,.admin-range-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-tabs button,.admin-range-row button{padding:0 13px}.admin-tabs button.is-active,.admin-range-row button.is-active{border-color:#0f6c81;background:#00adee;color:#fff}.admin-error,.admin-empty-state,.admin-comparison-window,.admin-metric-grid,.admin-historic-view,.admin-error-log-view{max-width:1280px;margin-inline:auto}.admin-error{margin-bottom:16px;border:1px solid #d08b8b;border-radius:6px;background:#fff0f0;color:#8a1f1f;padding:12px 14px;font-size:.9rem;font-weight:700}.admin-empty-state{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #bfeaff;border-radius:8px;background:#fff;text-align:center}.admin-empty-state h2{margin:0 0 8px;color:#0077b5;font-size:1.15rem}.admin-empty-state p{margin:0;color:#66717d;font-size:.92rem}.admin-comparison-window{margin-bottom:10px;color:#6c7a83;font-size:.82rem;font-style:italic;line-height:1.35}.admin-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.admin-metric-card,.admin-chart-panel{border:1px solid #bfeaff;border-radius:8px;background:#fff;box-shadow:0 1px 2px #00adee14}.admin-metric-card{min-height:142px;display:flex;flex-direction:column;justify-content:space-between;padding:16px;border-top-width:4px}.admin-metric-card.is-up{border-top-color:#00adee}.admin-metric-card.is-down{border-top-color:#ed1b24}.admin-metric-card.is-flat{border-top-color:#ffd166}.admin-metric-card.is-all-time{border-top-color:#0077b5}.admin-metric-label{color:#0077b5;font-size:.78rem;font-weight:800;line-height:1.2;text-transform:uppercase;letter-spacing:.04em}.admin-metric-value{margin-top:12px;color:#243746;font-size:2rem;font-weight:850;line-height:1}.admin-metric-compare{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;margin-top:18px;color:#6c7a83;font-size:.78rem;font-weight:700}.admin-metric-compare strong{color:#243746;font-size:.86rem}.admin-metric-compare span:last-child{grid-column:1 / -1}.admin-metric-summary{margin-top:18px;color:#6c7a83;font-size:.78rem;font-weight:700}.admin-metric-card.is-up .admin-metric-compare span:first-child{color:#0077b5}.admin-metric-card.is-down .admin-metric-compare span:first-child{color:#ed1b24}.admin-historic-view{display:grid;gap:14px}.admin-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-chart-panel{min-height:218px;padding:15px}.admin-today-chart-panel{max-width:1280px;min-height:226px;margin:14px auto 0;border:1px solid #bfeaff;border-radius:8px;background:#fff;padding:15px;box-shadow:0 1px 2px #00adee14}.admin-chart-header,.admin-chart-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-chart-header h2{margin:0;color:#0077b5;font-size:.96rem;line-height:1.2}.admin-chart-header span{color:#243746;font-size:1.12rem;font-weight:850}.admin-chart-plot{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:stretch;min-height:136px;margin-top:14px;background:linear-gradient(to bottom,#f8fcff,#fff)}.admin-chart-y-axis{position:relative;height:136px;color:#243746;font-size:.78rem;font-weight:850;line-height:1}.admin-chart-y-axis span{position:absolute;right:10px;white-space:nowrap}.admin-chart-y-axis .is-top{top:13%;transform:translateY(-50%)}.admin-chart-y-axis .is-middle{top:52%;transform:translateY(-50%)}.admin-chart-y-axis .is-bottom{bottom:13%;transform:translateY(50%)}.admin-chart{width:100%;height:136px}.admin-chart rect{fill:#0f6c81}.admin-chart-panel.is-bar .admin-chart rect{fill:#ed1b24}.admin-today-hourly-chart rect{fill:#00adee}.admin-chart-axis{stroke:#8edfff;stroke-width:.35}.admin-chart-grid-line{stroke:#d8f3ff;stroke-dasharray:1.4 1.4;stroke-width:.25}.admin-chart-line{fill:none;stroke:#00adee;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.15}.admin-chart-hit-target{fill:transparent;stroke:transparent;pointer-events:all}.admin-chart rect:hover{filter:brightness(.92)}.admin-chart-footer{margin-top:9px;color:#0077b5;font-size:.76rem;font-weight:700;display:grid;grid-template-columns:repeat(auto-fit,minmax(42px,1fr));text-align:center}.admin-error-log-view{display:grid;gap:14px}.admin-error-log-toolbar,.admin-error-log-summary,.admin-error-breakdown-panel,.admin-error-detail-panel{border:1px solid #bfeaff;border-radius:8px;background:#fff;box-shadow:0 1px 2px #00adee14}.admin-error-log-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px}.admin-error-log-toolbar h2,.admin-error-breakdown-panel h3,.admin-error-detail-panel h3{margin:0;color:#0077b5;font-size:1rem;line-height:1.2}.admin-error-log-toolbar p,.admin-error-breakdown-panel p,.admin-error-detail-panel p{margin:6px 0 0;color:#66717d;font-size:.86rem;line-height:1.4}.admin-copy-status{margin:0;color:#0f6c81;font-size:.84rem;font-weight:800}.admin-error-day-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.admin-error-day-grid button{min-height:92px;border:1px solid #bfeaff;border-radius:8px;background:#fff;color:#243746;cursor:pointer;padding:12px;text-align:left}.admin-error-day-grid button:hover{border-color:#8ba0b3;background:#eaf9ff}.admin-error-day-grid button.is-active{border-color:#0f6c81;background:#00adee;color:#fff}.admin-error-day-grid span,.admin-error-day-grid strong,.admin-error-day-grid small{display:block}.admin-error-day-grid span{font-size:.78rem;font-weight:800}.admin-error-day-grid strong{margin-top:8px;font-size:1.55rem;line-height:1}.admin-error-day-grid small{margin-top:8px;font-size:.72rem;font-weight:750;line-height:1.25}.admin-error-log-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px}.admin-error-log-summary strong{color:#243746;font-size:.92rem}.admin-error-log-summary span{color:#66717d;font-size:.84rem;font-weight:750}.admin-error-log-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:14px}.admin-error-breakdown-panel,.admin-error-detail-panel{min-width:0;padding:15px}.admin-error-breakdown-panel table{width:100%;margin-top:12px;border-collapse:collapse;font-size:.8rem}.admin-error-breakdown-panel th,.admin-error-breakdown-panel td{border-bottom:1px solid #d8f3ff;padding:9px 6px;text-align:left;vertical-align:top}.admin-error-breakdown-panel th{color:#0077b5;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.admin-error-breakdown-panel td{color:#243746;overflow-wrap:anywhere}.admin-error-log-list{display:grid;gap:10px;max-height:620px;margin-top:12px;overflow:auto;padding-right:4px}.admin-error-log-row{border:1px solid #d8f3ff;border-radius:6px;background:#f8fcff;padding:11px}.admin-error-log-row div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-error-log-row strong{color:#243746;font-size:.8rem}.admin-error-log-row span{border-radius:999px;background:#eaf9ff;color:#0077b5;padding:3px 8px;font-size:.72rem;font-weight:800}.admin-error-log-row p{margin:9px 0 0;color:#243746;font-size:.84rem;line-height:1.4;overflow-wrap:anywhere}.admin-error-log-row code{display:block;margin-top:8px;color:#66717d;font-size:.74rem;overflow-wrap:anywhere}@media(max-width:980px){.admin-metric-grid,.admin-chart-grid,.admin-error-log-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-error-day-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.admin-analytics-shell{padding:18px}.admin-analytics-header,.admin-toolbar{align-items:stretch;flex-direction:column}.admin-token-form{min-width:0}.admin-metric-grid,.admin-chart-grid,.admin-error-log-grid,.admin-error-day-grid{grid-template-columns:1fr}.admin-error-log-toolbar,.admin-error-log-summary{align-items:stretch;flex-direction:column}.admin-metric-compare{align-items:flex-start;grid-template-columns:1fr}}.copyright-trigger{border:0;background:transparent;color:#6c757d;cursor:default;font:inherit;font-size:calc(.56rem + 1px);font-style:italic;letter-spacing:0;line-height:1.2;padding:0}.copyright-trigger:focus-visible{outline:2px solid rgba(0,173,238,.45);outline-offset:3px}.arcade-shell{--arcade-content-width: 840px;--arcade-inner-width: 840px;--arcade-fighter-width: 150px;min-height:100vh;width:100%;display:flex;align-items:stretch;justify-content:center;padding:16px;background:radial-gradient(circle at 50% 8%,rgba(45,226,255,.16),transparent 30%),linear-gradient(180deg,#070b16,#101827 54%,#070b16);color:#f8fcff;font-family:Courier New,Consolas,monospace}.arcade-screen-frame{width:min(980px,100%);min-height:calc(100vh - 32px);border:3px solid #2de2ff;border-radius:8px;background:#070b16;box-shadow:0 0 0 4px #e5395561,0 0 34px #2de2ff57;overflow:hidden}.arcade-screen-glass{position:relative;min-height:calc(100vh - 38px);display:flex;flex-direction:column;padding:18px;overflow:hidden}.arcade-screen-glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.055) 0,rgba(255,255,255,.055) 1px,transparent 1px,transparent 4px),radial-gradient(circle at 50% 50%,transparent 52%,rgba(0,0,0,.45) 100%);opacity:.7;z-index:8}.arcade-screen-glass:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:#2de2ff0a;animation:arcadeFlicker 3.5s steps(2,end) infinite;z-index:7}.arcade-topbar{position:relative;z-index:10;width:min(100%,var(--arcade-content-width));align-self:center;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid rgba(45,226,255,.28)}.arcade-topbar-actions{display:flex;align-items:center;gap:8px}.arcade-coin-counter{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:44px;display:inline-flex;align-items:center;gap:6px;border:2px solid rgba(255,201,60,.72);border-radius:6px;background:#ffc93c14;color:#ffc93c;cursor:pointer;font-family:inherit;padding:0 10px;font-size:.74rem;font-weight:900;line-height:1;text-shadow:0 0 8px rgba(255,201,60,.68)}.arcade-coin-counter:hover,.arcade-coin-counter:focus-visible{border-color:#ffc93c;outline:none;box-shadow:0 0 14px #ffc93c5c}.arcade-coin-icon{width:16px;height:16px;display:inline-block;border:2px solid #fff2a8;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.42),transparent 42%),#ffc93c;box-shadow:inset -2px -2px #bf77008a,0 0 8px #ffc93c7a}.arcade-coin-count{display:inline-grid;place-items:center;min-width:2ch;text-transform:uppercase}.arcade-kicker,.arcade-tag{margin:0;color:#ffc93c;font-size:.76rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.arcade-topbar h1{margin:4px 0 0;color:#2de2ff;font-family:"Press Start 2P",monospace;font-size:clamp(1rem,2.6vw,1.72rem);font-weight:400;line-height:1;letter-spacing:0;text-shadow:2px 0 0 #00b8e6,0 2px 0 #00b8e6,2px 2px 0 #007fa6,0 0 10px rgba(45,226,255,.82),0 0 18px rgba(45,226,255,.38);text-transform:none}.arcade-icon-button,.arcade-primary-button,.arcade-secondary-button,.arcade-hero-card{min-height:44px;border-radius:6px;font-family:inherit;letter-spacing:0}.arcade-primary-button:disabled,.arcade-secondary-button:disabled{cursor:not-allowed;opacity:.58}.arcade-icon-button{min-width:44px;width:auto;border:2px solid rgba(255,201,60,.72);background:#ffc93c14;color:#ffc93c;cursor:pointer;font-size:1rem;font-weight:900}.arcade-sfx-button{display:inline-grid;place-items:center;padding:0 9px;font-size:.72rem}.arcade-audio-icon{display:block;width:23px;height:23px}.arcade-sfx-button.is-muted{color:#8ba0b3;border-color:#8ba0b385}.arcade-title-panel,.arcade-result-panel{position:relative;z-index:10;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:20px 0 24px;text-align:center}.arcade-title-panel{width:min(100%,820px);align-self:center;justify-content:center;gap:30px;min-height:calc(100vh - 74px);margin-top:0;padding:28px 24px 88px;border:1px solid rgba(15,108,129,.26);border-radius:18px;background:radial-gradient(circle at 50% 34%,rgba(45,226,255,.08),transparent 34%),linear-gradient(180deg,#061020db,#020812f0);box-shadow:inset 0 0 36px #2de2ff0f}.arcade-title-controls{position:absolute;top:18px;right:18px;left:18px;display:flex;align-items:flex-start;justify-content:flex-end;gap:12px}.arcade-topbar-actions{margin-left:auto}.arcade-title-preview{display:flex;align-items:end;justify-content:center;gap:34px;min-height:120px;margin-top:22px;margin-bottom:38px}.arcade-title-preview-fighter{display:inline-grid;place-items:end center}.arcade-title-preview .arcade-enemy-sprite{width:78px;height:106px}.arcade-title-preview .arcade-hero-frame{min-width:78px;min-height:106px}.arcade-title-vs{align-self:center;color:#ffc93c;font-size:1.22rem;font-weight:900;text-shadow:0 0 8px rgba(255,201,60,.72),0 0 16px rgba(255,201,60,.42)}.arcade-title-lockup h2,.arcade-result-panel h2{margin:6px 0 0;color:#fff;font-size:clamp(2.9rem,9vw,5.1rem);line-height:1;letter-spacing:0;text-shadow:0 0 16px rgba(45,226,255,.58),0 0 28px rgba(229,57,85,.35);text-transform:uppercase}.arcade-title-lockup h2{display:flex;justify-content:center;gap:clamp(1.35rem,5.5vw,3.4rem);color:#2de2ff;font-family:"Press Start 2P",monospace;font-size:clamp(2.31rem,7.15vw,4.16rem);font-weight:400;text-shadow:4px 0 0 #00b8e6,0 4px 0 #00b8e6,4px 4px 0 #007fa6,0 0 10px rgba(45,226,255,.88),0 0 22px rgba(45,226,255,.46)}.arcade-result-panel h2{color:#2de2ff;font-family:"Press Start 2P",monospace;font-size:clamp(1.65rem,5.5vw,3.15rem);font-weight:400;line-height:1.15;text-shadow:3px 0 0 #00b8e6,0 3px 0 #00b8e6,3px 3px 0 #007fa6,0 0 10px rgba(45,226,255,.88),0 0 22px rgba(45,226,255,.46)}.arcade-title-lockup .arcade-tag{margin-top:20px;color:#ffc93c;font-family:"Press Start 2P",monospace;display:inline-grid;grid-template-columns:max-content max-content max-content;align-items:center;justify-content:center;column-gap:.48em;font-size:clamp(1.04rem,3.2vw,1.65rem);font-weight:400;text-shadow:0 0 8px rgba(255,201,60,.86),0 0 18px rgba(255,201,60,.34)}.arcade-tag-star{display:inline-grid;place-items:center;font-size:.8em;line-height:1;transform:translateY(-.245em)}.arcade-tag-word{display:inline-grid;place-items:center;line-height:1;transform:translate(.075em)}.arcade-title-copy,.arcade-result-panel p{margin:0;color:#bcefff;font-size:clamp(.92rem,2.4vw,1.18rem);line-height:1.35}.arcade-title-copy{margin-top:0;color:#8ba0b3;font-family:"Press Start 2P",monospace;font-size:.86rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase}.arcade-hero-picker{width:min(100%,560px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:10px}.arcade-hero-card{display:grid;justify-items:center;gap:10px;border:2px solid rgba(45,226,255,.46);background:#061222eb;color:#f8fcff;cursor:pointer;padding:14px 12px;font-size:.9rem;font-weight:800;text-transform:uppercase}.arcade-hero-card.is-selected{border-width:3px;border-color:#ffc93c;color:#ffc93c;box-shadow:0 0 18px #ffc93c6b,inset 0 0 16px #ffc93c14}.arcade-hero-portrait{display:inline-grid;place-items:center;width:64px;height:84px}.arcade-hero-name,.arcade-hero-description{display:block;line-height:1.1}.arcade-hero-name{color:#f8fcff;font-size:.96rem}.arcade-hero-description{color:#93a6bd;font-size:1rem;font-weight:500;text-transform:none}.arcade-fighter-sprite,.arcade-enemy-sprite{display:inline-flex;align-items:center;justify-content:center;width:88px;height:118px}.arcade-pixel-sprite{--sprite-px: 6px;--pixel-gap: 0px;display:grid;grid-template-columns:repeat(var(--sprite-size),1fr);gap:var(--pixel-gap);width:calc(var(--sprite-size) * var(--sprite-px));align-self:end;aspect-ratio:var(--sprite-size) / 16;image-rendering:pixelated;filter:drop-shadow(0 0 5px var(--sprite-glow, #2de2ff));animation:arcadeSpriteBob 1.8s steps(2,end) infinite}.arcade-hero-frame{position:relative;display:grid;align-items:end;justify-items:center;min-width:72px;min-height:96px;transform-origin:center bottom}.arcade-hero-card .arcade-hero-frame{min-width:52px;min-height:68px}.arcade-hero-frame .arcade-pixel-sprite{grid-area:1 / 1}.arcade-hero-frame .is-blink{opacity:0}.arcade-hero-frame .is-idle{animation:arcadeHeroIdle 2.55s steps(1,end) infinite,arcadeSpriteBob 2s steps(2,end) infinite}.arcade-hero-frame .is-blink{animation:arcadeHeroBlink 2.55s steps(1,end) infinite,arcadeSpriteBob 2s steps(2,end) infinite}.arcade-hero-frame.is-clef .arcade-pixel-sprite{animation-delay:.34s,.34s}.arcade-hero-frame.is-keys .arcade-pixel-sprite{animation-delay:.68s,.68s}.arcade-pixel{aspect-ratio:1;background:transparent}.arcade-pixel.is-core-cyan{background:#2de2ff;box-shadow:0 0 6px #2de2ffe6}.arcade-pixel.is-cyan{background:#00b8e6;box-shadow:0 0 4px #00b8e6b8}.arcade-pixel.is-dark{background:#06212c}.arcade-pixel.is-green{background:#3ddc84;box-shadow:0 0 6px #3ddc84cc}.arcade-pixel.is-dark-green{background:#1fa862}.arcade-pixel.is-purple{background:#9b7bff;box-shadow:0 0 6px #9b7bffc7}.arcade-pixel.is-dark-purple{background:#5b3fd6}.arcade-pixel.is-red{background:#e53955;box-shadow:0 0 6px #e53955e6}.arcade-pixel.is-dark-red{background:#9e2438}.arcade-pixel.is-dim{background:#33506a}.arcade-pixel.is-steel{background:#9fb7cc}.arcade-pixel.is-white{background:#dffcff;box-shadow:0 0 6px #dffcffc7}.arcade-pixel.is-yellow{background:#ffc93c;box-shadow:0 0 6px #ffc93cc7}.arcade-pixel-sprite.is-keys{filter:drop-shadow(0 0 10px rgba(223,252,255,.62))}.arcade-pixel-sprite.is-enemy{filter:drop-shadow(0 0 16px var(--sprite-glow, #2de2ff))}.arcade-pixel-sprite.is-enemy.is-boss{filter:drop-shadow(0 0 14px rgba(234,251,255,.86)) drop-shadow(0 0 26px rgba(234,251,255,.42))}.arcade-pixel-sprite.is-enemy.is-ko{filter:none}.arcade-play.is-enemy-firing .arcade-player .arcade-hero-frame{animation:arcadeHurtFlash .2s steps(2,end) 2}.arcade-play.is-player-firing .arcade-enemy .arcade-pixel-sprite{filter:brightness(2) sepia(1) hue-rotate(-20deg) saturate(4) drop-shadow(0 0 12px rgba(255,255,255,.75))}.arcade-title-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:6px}.arcade-primary-button,.arcade-secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:.72em;border:2px solid #2de2ff;cursor:pointer;padding:12px 20px;font-size:.95rem;font-weight:900;text-transform:uppercase}.arcade-button-arrow{display:inline-grid;place-items:center;width:.82em;height:.82em;overflow:hidden;color:transparent;line-height:1;transform:none}.arcade-button-arrow:before{content:"";width:0;height:0;border-top:.31em solid transparent;border-bottom:.31em solid transparent;border-left:.46em solid #061222;transform:translate(.05em)}.arcade-primary-button{background:#2de2ff;color:#061222;box-shadow:0 0 18px #2de2ff66}.arcade-title-panel .arcade-primary-button{min-width:min(100%,280px);border-color:#80f2ff;border-bottom-color:#00a2cc;border-bottom-width:7px;padding:20px 26px 17px;color:#061222;font-family:"Press Start 2P",monospace;font-size:clamp(.86rem,2.6vw,1.12rem);font-weight:400;line-height:1;text-shadow:2px 0 0 rgba(255,255,255,.28);box-shadow:0 0 18px #2de2ff85,0 12px 26px #00b8e638;animation:arcadeStageButtonPulse 1.55s ease-in-out infinite}.arcade-result-panel.is-stage-clear{--arcade-stage-clear-gap: clamp(18px, 2.8vh, 26px);--arcade-stage-clear-tight-gap: 8px;gap:0}.arcade-result-panel.is-stage-clear h2{color:#39ff88;text-shadow:3px 0 0 #1fa862,0 3px 0 #1fa862,3px 3px 0 #0f6f44,0 0 10px rgba(57,255,136,.86),0 0 24px rgba(57,255,136,.42)}.arcade-result-panel .arcade-stage-clear-hi-score{position:absolute;top:12px;right:max(0px,calc((100% - var(--arcade-content-width)) / 2));margin:0;color:#8ba0b3;font-family:VT323,monospace;font-size:1.24rem;font-weight:400;line-height:1;text-align:right}.arcade-score-readout-line{display:inline-flex;align-items:center;justify-content:center;gap:.42em;line-height:1}.arcade-score-readout-line>span,.arcade-score-readout-line>strong{display:inline-grid;place-items:center;line-height:1}.arcade-result-panel .arcade-stage-clear-hi-score strong{color:#e53955;font-family:"Press Start 2P",monospace;font-size:.86rem;font-weight:700;text-shadow:0 0 8px rgba(229,57,85,.7)}.arcade-stage-score-summary{display:grid;justify-items:center;gap:12px;margin:var(--arcade-stage-clear-gap) 0 0}.arcade-stage-score-summary p{margin:0;color:#bcefff;font-size:clamp(1rem,2.4vw,1.24rem);line-height:1.2}.arcade-stage-score-summary .arcade-stage-bonus{color:#ffc93c;font-family:"Press Start 2P",monospace;font-size:clamp(.8rem,2vw,1rem);font-weight:400;text-shadow:0 0 9px rgba(255,201,60,.72);text-transform:uppercase}.arcade-stage-score-summary .arcade-stage-score-line{gap:.65em}.arcade-stage-score-summary strong{color:#ffc93c;font-family:"Press Start 2P",monospace;font-size:.9em;font-weight:700;line-height:1;text-shadow:0 0 8px rgba(255,201,60,.72)}.arcade-result-panel.is-stage-clear .arcade-primary-button{min-width:min(100%,280px);margin-top:var(--arcade-stage-clear-gap);border-color:#80f2ff;border-bottom-color:#00a2cc;border-bottom-width:7px;padding:20px 26px 17px;color:#061222;font-family:"Press Start 2P",monospace;font-size:clamp(.86rem,2.6vw,1.12rem);font-weight:400;line-height:1;text-shadow:2px 0 0 rgba(255,255,255,.28);box-shadow:0 0 18px #2de2ff85,0 12px 26px #00b8e638;animation:arcadeStageButtonPulse 1.55s ease-in-out infinite}.arcade-result-panel.is-stage-clear .arcade-primary-button:hover,.arcade-title-panel .arcade-primary-button:hover{transform:translateY(-2px);box-shadow:0 0 24px #2de2ffb8,0 15px 30px #00b8e647}.arcade-secondary-button{background:#2de2ff14;color:#2de2ff}.arcade-hi-score{color:#8ba0b3;font-family:VT323,monospace;font-size:1.24rem;font-weight:400}.arcade-hi-score strong{color:#e53955;font-family:"Press Start 2P",monospace;font-size:.86rem;font-weight:700;text-shadow:0 0 8px rgba(229,57,85,.7)}.arcade-title-leaderboard-link{margin-top:-24px;border:0;border-bottom:1px solid rgba(45,226,255,.68);background:transparent;color:#2de2ff;cursor:pointer;font-family:"Press Start 2P",monospace;font-size:calc(.62rem - 1px);font-weight:400;line-height:1.35;padding:0 0 3px;text-transform:uppercase;text-shadow:0 0 8px rgba(45,226,255,.66)}.arcade-title-leaderboard-link:hover,.arcade-title-leaderboard-link:focus-visible{border-bottom-color:#ffc93c;color:#ffc93c;outline:none;text-shadow:0 0 10px rgba(255,201,60,.72)}.arcade-title-help{display:grid;justify-items:center;gap:6px;margin-top:-4px}.arcade-title-hint{margin:-4px 0 0;color:#8ba0b3;font-family:VT323,monospace;font-size:1.24rem;font-weight:400}.arcade-title-help .arcade-title-hint{margin:0}.arcade-start-error{margin:0;color:#ffc93c;font-family:VT323,monospace;font-size:1.22rem;font-weight:400;line-height:1.1;text-shadow:0 0 10px rgba(255,201,60,.44)}.arcade-instructions-link{border:0;border-bottom:1px solid rgba(45,226,255,.68);background:transparent;color:#2de2ff;cursor:pointer;font-family:"Press Start 2P",monospace;font-size:calc(.62rem - 1px);font-weight:400;line-height:1.35;padding:0 0 3px;text-transform:uppercase;text-shadow:0 0 8px rgba(45,226,255,.66)}.arcade-instructions-link:hover,.arcade-instructions-link:focus-visible{color:#ffc93c;border-bottom-color:#ffc93c;outline:none;text-shadow:0 0 10px rgba(255,201,60,.72)}.arcade-instructions-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 42%,rgba(45,226,255,.16),transparent 34%),#020812d1}.arcade-leaderboard-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:42;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 42%,rgba(255,201,60,.16),transparent 34%),#020812d6}.arcade-instructions-modal{position:relative;width:min(100%,520px);display:grid;gap:18px;border:3px solid rgba(45,226,255,.9);border-radius:8px;padding:28px;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.035) 0,rgba(255,255,255,.035) 2px,transparent 2px,transparent 5px),linear-gradient(180deg,#081222fa,#030a16fa);box-shadow:0 0 0 3px #e539555c,0 0 28px #2de2ff5c,inset 0 0 24px #2de2ff14;text-align:left}.arcade-leaderboard-modal{position:relative;width:min(100%,640px);display:grid;justify-items:center;gap:18px;border:3px solid rgba(255,201,60,.9);border-radius:8px;padding:30px 28px 28px;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.035) 0,rgba(255,255,255,.035) 2px,transparent 2px,transparent 5px),linear-gradient(180deg,#081222fa,#030a16fa);box-shadow:0 0 0 3px #2de2ff42,0 0 28px #ffc93c52,inset 0 0 24px #ffc93c14;text-align:center}.arcade-leaderboard-modal h2{margin:0;color:#ffc93c;font-family:"Press Start 2P",monospace;font-size:clamp(1rem,3vw,1.45rem);font-weight:400;line-height:1.28;text-shadow:2px 0 0 rgba(191,119,0,.6),0 2px 0 rgba(191,119,0,.6),0 0 10px rgba(255,201,60,.78);text-transform:uppercase}.arcade-leaderboard-modal .arcade-leaderboard-panel{width:100%}.arcade-instructions-modal h2{margin:0;color:#2de2ff;font-family:"Press Start 2P",monospace;font-size:clamp(1rem,3vw,1.45rem);font-weight:400;line-height:1.28;text-align:center;text-shadow:2px 0 0 #00b8e6,0 2px 0 #00b8e6,2px 2px 0 #007fa6,0 0 10px rgba(45,226,255,.78);text-transform:uppercase}.arcade-instructions-modal .arcade-kicker{text-align:center}.arcade-instructions-modal ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}.arcade-instructions-modal li{position:relative;padding-left:22px;color:#f8fcff;font-family:VT323,monospace;font-size:1.34rem;line-height:1.18;text-shadow:0 0 8px rgba(188,239,255,.28)}.arcade-instructions-modal li:before{content:"▶";position:absolute;top:.08em;left:0;color:#ffc93c;font-family:"Press Start 2P",monospace;font-size:.54em;text-shadow:0 0 8px rgba(255,201,60,.72)}.arcade-instructions-close{position:absolute;top:10px;right:10px;min-width:36px;min-height:36px;border:2px solid rgba(255,201,60,.72);border-radius:6px;background:#ffc93c14;color:#2de2ff;cursor:pointer;font-family:"Press Start 2P",monospace;font-size:.72rem}.arcade-instructions-close:hover,.arcade-instructions-close:focus-visible{border-color:#ffc93c;outline:none;box-shadow:0 0 14px #ffc93c5c}.arcade-coin-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:42;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 42%,rgba(255,201,60,.18),transparent 34%),#020812d1}.arcade-coin-modal{position:relative;width:min(100%,500px);display:grid;justify-items:center;gap:16px;border:3px solid rgba(255,201,60,.9);border-radius:8px;padding:30px 28px 28px;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.035) 0,rgba(255,255,255,.035) 2px,transparent 2px,transparent 5px),linear-gradient(180deg,#081222fa,#030a16fa);box-shadow:0 0 0 3px #2de2ff42,0 0 28px #ffc93c52,inset 0 0 24px #ffc93c14;text-align:center}.arcade-coin-modal h2{margin:0;display:inline-flex;align-items:center;justify-content:center;gap:10px;color:#ffc93c;font-family:"Press Start 2P",monospace;font-size:clamp(1rem,3vw,1.45rem);font-weight:400;line-height:1.28;text-shadow:2px 0 0 rgba(191,119,0,.6),0 2px 0 rgba(191,119,0,.6),0 0 10px rgba(255,201,60,.78);text-transform:uppercase}.arcade-coin-modal h2 .arcade-coin-icon{width:22px;height:22px;flex:0 0 auto}.arcade-coin-modal p:not(.arcade-kicker){margin:0;max-width:36ch;color:#f8fcff;font-family:VT323,monospace;font-size:1.34rem;line-height:1.18;text-shadow:0 0 8px rgba(188,239,255,.28)}.arcade-coin-modal-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:4px}.arcade-coin-modal-actions .arcade-primary-button,.arcade-coin-modal-actions .arcade-secondary-button{width:min(100%,190px);min-width:190px;padding:12px 18px;font-size:.84rem}.arcade-story-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:42;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 32% 42%,rgba(229,57,85,.16),transparent 30%),radial-gradient(circle at 68% 42%,rgba(45,226,255,.14),transparent 34%),#020812e6}.arcade-story-panel{position:relative;width:min(100%,960px);height:min(760px,calc(100vh - 56px));display:grid;justify-items:center;align-content:center;gap:32px;border:3px solid rgba(45,226,255,.92);border-radius:10px;padding:54px 42px 42px;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 2px,transparent 2px,transparent 5px),linear-gradient(180deg,#081222fa,#030a16fa);box-shadow:0 0 0 3px #e539555c,0 0 32px #2de2ff57,inset 0 0 34px #2de2ff14}.arcade-story-copy,.arcade-story-faceoff{position:relative;z-index:1}.arcade-story-copy{width:min(100%,820px);display:grid;justify-items:center;gap:14px;text-align:center;margin-top:0}.arcade-story-copy .arcade-kicker{color:#ffc93c;font-family:"Press Start 2P",monospace;font-size:clamp(.62rem,1.5vw,.82rem);font-weight:400;text-shadow:0 0 8px rgba(255,201,60,.72)}.arcade-story-copy h2{margin:0 0 34px;color:#2de2ff;font-family:"Press Start 2P",monospace;font-size:clamp(2.3rem,6vw,4.08rem);font-weight:400;line-height:.95;text-transform:uppercase;text-shadow:3px 0 0 #00b8e6,0 3px 0 #00b8e6,3px 3px 0 #007fa6,0 0 12px rgba(45,226,255,.82)}.arcade-story-copy p:not(.arcade-kicker){margin:0;color:#f8fcff;font-family:VT323,monospace;font-size:clamp(1.28rem,2.6vw,1.72rem);line-height:1.18;text-transform:none;text-shadow:0 0 8px rgba(188,239,255,.28)}.arcade-story-copy h2+p{margin-top:0}.arcade-story-copy p:not(.arcade-kicker)+p{margin-top:6px}.arcade-story-copy strong{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;text-transform:uppercase;vertical-align:baseline}.arcade-story-copy strong.is-red{color:#e53955;text-shadow:0 0 9px rgba(229,57,85,.72)}.arcade-story-copy strong.is-cyan{color:#2de2ff;text-shadow:0 0 9px rgba(45,226,255,.72)}.arcade-story-faceoff{width:min(100%,900px);min-height:156px;position:relative;display:grid;grid-template-columns:minmax(120px,1fr) minmax(96px,max-content) max-content minmax(116px,max-content) minmax(120px,1fr);align-items:end;justify-items:center;column-gap:18px;margin-top:2px;margin-bottom:14px}.arcade-story-combatants{display:contents}.arcade-story-lead-hero,.arcade-story-villain-sprite{display:inline-grid;place-items:end center;min-width:96px;min-height:118px;padding-bottom:25px}.arcade-story-lead-hero{grid-column:2}.arcade-story-villain-sprite{grid-column:4;min-width:116px;min-height:128px}.arcade-story-vs{grid-column:3;align-self:center;color:#ffc93c;font-family:"Press Start 2P",monospace;font-size:clamp(.8rem,2.1vw,1.2rem);line-height:1;padding-bottom:25px;text-shadow:0 0 8px rgba(255,201,60,.82),0 0 16px rgba(255,201,60,.4)}.arcade-story-team{position:static;display:grid;grid-template-rows:104px 18px;justify-items:center;align-items:end;align-self:end;gap:7px;width:100%}.arcade-story-team.is-heroes{grid-column:1}.arcade-story-team.is-silence{grid-column:5}.arcade-story-team p{margin:0;color:#8ba0b3;font-family:"Press Start 2P",monospace;font-size:.54rem;line-height:1.2;text-transform:uppercase;text-align:center}.arcade-story-team.is-silence p{color:#e53955;text-shadow:0 0 8px rgba(229,57,85,.58)}.arcade-story-sidekicks{min-height:104px;display:flex;justify-content:center;align-items:end;padding-top:0;gap:12px}.arcade-story-sidekick{display:inline-grid;place-items:end center;width:50px;height:64px}.arcade-story-sidekick .arcade-hero-frame{min-width:50px;min-height:64px}.arcade-story-army{width:min(100%,210px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));justify-items:center;align-items:end;align-self:end;gap:12px;padding:0;border:0;border-radius:0;background:transparent}.arcade-story-army-unit{display:inline-grid;place-items:center;width:36px;height:38px}.arcade-story-panel>.arcade-primary-button{min-width:min(100%,270px);border-color:#80f2ff;border-bottom-color:#00a2cc;border-bottom-width:7px;padding:18px 24px 15px;font-family:"Press Start 2P",monospace;font-size:clamp(.72rem,1.8vw,.95rem);font-weight:400;animation:arcadeStageButtonPulse 1.55s ease-in-out infinite}.arcade-story-panel .arcade-pixel-sprite,.arcade-story-panel .arcade-hero-frame .is-idle,.arcade-story-panel .arcade-hero-frame .is-blink{animation:none!important}.arcade-story-panel .arcade-hero-frame .is-idle{opacity:1}.arcade-story-panel .arcade-hero-frame .is-blink{opacity:0}.arcade-story-lead-hero .arcade-hero-frame .is-idle,.arcade-story-lead-hero .arcade-hero-frame .is-blink,.arcade-story-villain-sprite .arcade-pixel-sprite{animation:arcadeSpriteBob 1.8s steps(2,end) infinite!important}.arcade-story-lead-hero .arcade-hero-frame .is-blink{animation-name:arcadeHeroBlink,arcadeSpriteBob!important;animation-duration:2.55s,2s!important;animation-timing-function:steps(1,end),steps(2,end)!important;animation-iteration-count:infinite,infinite!important}.arcade-play{position:relative;z-index:10;flex:1;width:100%;display:grid;grid-template-rows:auto 260px minmax(270px,34vh) auto auto;justify-items:center;gap:9px;padding-top:10px}.arcade-play.is-contact-enemy,.arcade-play.is-contact-player{animation:arcadeImpactShake .15s linear 2}.arcade-hud{width:min(100%,var(--arcade-content-width));display:grid;gap:0;border:3px solid rgba(15,108,129,.86);border-radius:24px 24px 8px 8px;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.035) 0,rgba(255,255,255,.035) 2px,transparent 2px,transparent 5px),linear-gradient(180deg,#091629f5,#040c19fa);box-shadow:inset 0 0 0 2px #2de2ff14,0 0 18px #2de2ff1f;padding:5px 22px 6px}.arcade-score-row{display:grid;grid-template-columns:.55fr 1fr .55fr 1fr;align-items:start;gap:16px}.arcade-readout,.arcade-player-status{min-width:0}.arcade-readout span,.arcade-player-status>span,.arcade-meter-label,.arcade-fighter-name,.arcade-timer-row{color:#8ba0b3;font-size:.95rem;font-weight:800;letter-spacing:0;line-height:1.2;text-transform:uppercase}.arcade-readout strong{display:block;margin-top:1px;color:#ffc93c;font-size:clamp(1.72rem,3.6vw,2.48rem);line-height:1;overflow-wrap:anywhere;text-shadow:0 0 9px rgba(255,201,60,.58)}.arcade-readout:first-child strong{color:#2de2ff;text-shadow:0 0 9px rgba(45,226,255,.68)}.arcade-readout.is-hi-score{text-align:right}.arcade-readout.is-hi-score strong{color:#e53955;text-shadow:0 0 9px rgba(229,57,85,.64)}.arcade-status-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr);gap:8px;align-items:center}.arcade-player-status,.arcade-enemy-meter{width:min(100%,260px)}.arcade-enemy-meter{justify-self:end}.arcade-hearts{display:flex;gap:5px;min-height:22px;padding-top:0}.arcade-hearts span{width:27px;height:24px;display:inline-flex;align-items:center;justify-content:center;color:#30475f;font-size:1.7rem;line-height:1;text-shadow:none}.arcade-hearts span:before{content:"♥";display:block}.arcade-hearts span.is-filled:before{color:#e53955;text-shadow:0 0 10px rgba(229,57,85,.86)}.arcade-hearts span.is-earned:before{color:#39ff88;animation:arcadeHeartEarned .82s steps(5,end) 1;text-shadow:0 0 8px rgba(255,255,255,.92),0 0 14px rgba(57,255,136,1),0 0 28px rgba(57,255,136,.86)}.arcade-enemy-meter{display:grid;gap:4px}.arcade-meter-label{display:flex;justify-content:space-between;gap:8px}.arcade-meter-track,.arcade-timer-track{height:12px;border:1px solid rgba(45,226,255,.42);border-radius:999px;background:#ffffff14;overflow:hidden}.arcade-meter-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#e53955,#ffc93c);transition:width .18s ease}.arcade-arena{position:relative;width:min(100%,var(--arcade-content-width));min-height:260px;display:grid;grid-template-columns:minmax(120px,.36fr) minmax(140px,.28fr) minmax(120px,.36fr);align-items:end;gap:10px;justify-self:center;border:1px solid rgba(45,226,255,.22);border-radius:8px;background:linear-gradient(180deg,rgba(45,226,255,.08),transparent 62%),linear-gradient(0deg,rgba(255,201,60,.08),transparent 24%),#08111f;padding:58px 42px 18px;overflow:hidden}.arcade-arena:before{content:"";position:absolute;right:9%;bottom:47px;left:9%;height:9px;border:1px solid rgba(45,226,255,.56);border-radius:999px;background:linear-gradient(90deg,transparent,rgba(45,226,255,.28),transparent),linear-gradient(180deg,#ffffff29,#2de2ff38);box-shadow:0 0 12px #2de2ff75,0 0 26px #2de2ff33}.arcade-fighter{position:relative;z-index:2;width:var(--arcade-fighter-width);display:grid;grid-template-rows:118px auto;justify-items:center;gap:10px;transform-origin:bottom center;transition:transform .22s ease}.arcade-fighter-sprite,.arcade-enemy-sprite{position:relative;z-index:4;display:inline-flex;align-items:end;justify-content:center;width:var(--arcade-fighter-width);height:118px;transform-origin:center bottom;translate:0 -7px;transition:transform .22s ease}.arcade-player{grid-column:1;grid-row:1;justify-self:end}.arcade-enemy{grid-column:3;grid-row:1;justify-self:start}.arcade-fighter-name{display:block;width:100%;font-size:.94rem;line-height:1.1;text-align:center;white-space:nowrap;transform:translate(var(--fighter-label-offset, 0px))}.arcade-enemy{--fighter-float-offset: 18px;--fighter-label-offset: 18px;--fighter-sprite-offset: -9px}.arcade-enemy-sprite{height:118px;translate:var(--fighter-sprite-offset, 0px) -7px}.arcade-boss-party{position:absolute;z-index:3;left:50%;bottom:36px;width:228px;display:flex;align-items:end;justify-content:space-between;pointer-events:none;transform:translate(-50%)}.arcade-boss-party-hero{display:inline-grid;place-items:end center}.arcade-boss-party-hero .arcade-hero-frame{min-width:58px;min-height:76px;animation:arcadeBossSidekickDance 5.5s steps(16,end) 1}.arcade-boss-party-hero:nth-child(2) .arcade-hero-frame{animation-delay:.12s}.arcade-projectile-lane{position:relative;z-index:3;grid-column:1 / -1;grid-row:1;align-self:stretch;min-height:66px;overflow:visible}.arcade-projectile{position:absolute;top:58%;width:30px;height:30px;border-radius:50%;opacity:0;z-index:3;transform:translate(-50%,-50%) scale(.75)}.arcade-projectile:after{content:"";position:absolute;top:31%;right:52%;width:28px;height:9px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72));filter:blur(1px);opacity:.55}.arcade-projectile.is-player-shot{left:25%;background:radial-gradient(circle at 62% 38%,#fff 0,#fff 18%,#2de2ff 20%,#2de2ff 55%,#00b8e6 58%,#00b8e6);box-shadow:0 0 12px #2de2ff,0 0 28px #2de2ffbd;animation:arcadePlayerShot .43s cubic-bezier(.45,0,.9,.4) 1 forwards}.arcade-projectile.is-enemy-shot{left:75%;background:radial-gradient(circle at 38% 38%,#fff 0,#fff 18%,#e53955 20%,#e53955 58%,#9e2438 60%,#9e2438);box-shadow:0 0 12px #e53955,0 0 28px #e53955bd;animation:arcadeEnemyShot .48s cubic-bezier(.45,0,.9,.4) 1 forwards}.arcade-projectile.is-enemy-shot:after{right:auto;left:52%;background:linear-gradient(270deg,transparent,rgba(255,255,255,.7))}.arcade-projectile.is-power-shot{width:38px;height:38px;background:radial-gradient(circle at 62% 38%,#fff 0,#fff 16%,#ffc93c 18%,#ffc93c 56%,#f05a28 58%,#f05a28);box-shadow:0 0 16px #ffc93c,0 0 34px #ffc93cc2}.arcade-projectile.is-power-shot:after{width:36px;height:12px;background:linear-gradient(90deg,transparent,rgba(255,201,60,.86))}.arcade-impact-flash{position:absolute;top:58%;width:54px;height:54px;border-radius:50%;opacity:0;z-index:2;pointer-events:none;transform:translate(-50%,-50%) scale(.4);animation:arcadeTargetImpact .52s steps(4,end) 1 forwards}.arcade-impact-flash.is-player-target{left:25%;background:radial-gradient(circle,rgba(229,57,85,.94),rgba(229,57,85,.3) 42%,transparent 70%)}.arcade-impact-flash.is-enemy-target{left:75%;background:radial-gradient(circle,rgba(45,226,255,.94),rgba(45,226,255,.3) 42%,transparent 70%)}.arcade-impact-flash.is-power-hit{width:72px;height:72px;background:radial-gradient(circle,rgba(255,255,255,.96),rgba(255,201,60,.58) 38%,transparent 72%)}.arcade-floating-cue{position:absolute;top:-44px;left:calc(50% + var(--fighter-float-offset, 0px) + var(--float-x, 0px));min-width:140px;z-index:30;pointer-events:none;transform:translate(-50%,6px) scale(.1);color:#fff;font-size:2.28rem;font-weight:1000;text-align:center;white-space:nowrap;-webkit-text-stroke:3px #061222;text-shadow:0 0 4px #061222,0 0 10px #061222,0 0 18px currentColor,0 0 34px currentColor,0 0 46px currentColor;animation:arcadeFloatCue .85s ease-out var(--float-delay, 0ms) 1 forwards}.arcade-status-burst{position:absolute;inset:50% auto auto 50%;min-width:min(100%,260px);transform:translate(-50%,-50%);color:#fff;font-size:clamp(1.35rem,4.6vw,2.65rem);font-weight:900;line-height:1;text-align:center;text-shadow:0 0 9px rgba(255,255,255,.72),0 0 18px rgba(45,226,255,.58);text-transform:uppercase;animation:arcadeStatusPop .42s steps(2,end) 1}.arcade-boss-defeated-burst{position:absolute;top:31%;left:50%;z-index:6;color:#ffc93c;font-family:"Press Start 2P",monospace;font-size:clamp(.82rem,2.4vw,1.36rem);font-weight:400;line-height:1.25;pointer-events:none;text-align:center;text-transform:uppercase;transform:translate(-50%,-50%);white-space:nowrap;text-shadow:2px 0 0 #9e2438,0 2px 0 #9e2438,0 0 10px rgba(255,201,60,.94),0 0 24px rgba(229,57,85,.58);animation:arcadeBossDefeatedPulse 5.5s steps(14,end) 1}.arcade-floating-cue.is-enemy,.arcade-floating-cue.is-player{top:-48px}.arcade-floating-cue.is-arena{top:18%;left:calc(50% + var(--float-x, 0px))}.arcade-floating-cue.is-damage{color:#ff2d55;text-shadow:0 0 4px #061222,0 0 10px #061222,0 0 14px rgba(255,255,255,.82),0 0 26px rgba(255,45,85,1),0 0 46px rgba(255,45,85,.94)}.arcade-floating-cue.is-power-damage{color:#ff2d55;font-size:2.72rem;text-shadow:0 0 4px #061222,0 0 10px #061222,0 0 14px rgba(255,255,255,.92),0 0 30px rgba(255,45,85,1),0 0 52px rgba(255,45,85,.96)}.arcade-floating-cue.is-heal{color:#39ff88;text-shadow:0 0 4px #061222,0 0 10px #061222,0 0 12px rgba(255,255,255,.82),0 0 24px rgba(57,255,136,1),0 0 42px rgba(57,255,136,.9);animation-duration:.95s}.arcade-floating-cue.is-miss,.arcade-floating-cue.is-player-damage{color:#ff2d55;text-shadow:0 0 4px #061222,0 0 10px #061222,0 0 14px rgba(255,255,255,.82),0 0 26px rgba(255,45,85,1),0 0 46px rgba(255,45,85,.94)}.arcade-floating-cue.is-bonus{color:#ffe66d;font-size:2.34rem;text-shadow:0 0 4px #061222,0 0 10px #061222,0 0 14px rgba(255,255,255,.92),0 0 28px rgba(255,230,109,1),0 0 44px rgba(255,201,60,.88)}.arcade-question-panel{display:grid;gap:0;align-items:center;justify-self:center;width:min(100%,var(--arcade-inner-width));min-height:284px;border:1px solid rgba(45,226,255,.24);border-radius:8px;background:#050f1ed1;padding:4px 8px}.arcade-timer-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.arcade-combo-heart-pill{border:1px solid rgba(57,255,136,.76);border-radius:999px;color:#39ff88;padding:4px 8px;font-size:.72rem;line-height:1;white-space:nowrap;text-shadow:0 0 8px rgba(57,255,136,.72)}.arcade-timer-track span{display:block;height:100%;border-radius:inherit;background:#3ddc84;transition:width .08s linear,background-color .12s linear}.arcade-timer-track span.is-safe{background:#3ddc84;box-shadow:0 0 8px #3ddc8494}.arcade-timer-track span.is-caution{background:#ffc93c;box-shadow:0 0 8px #ffc93c94}.arcade-timer-track span.is-warning{background:#ff8a3d;box-shadow:0 0 8px #ff8a3d94}.arcade-timer-track span.is-danger{background:#e53955;box-shadow:0 0 8px #e53955ad}.arcade-staff{width:100%;margin:0 auto;background:transparent;border-radius:8px;display:flex;align-items:center;justify-content:center}.arcade-staff.staff-display svg{width:min(var(--arcade-inner-width),100%);max-width:100%;height:auto}.arcade-staff svg .staff-line,.arcade-staff svg .ledger-line{stroke:#2de2ff;filter:drop-shadow(0 0 4px rgba(45,226,255,.6))}.arcade-staff svg .note-head{fill:#ffc93c;filter:drop-shadow(0 0 5px rgba(255,201,60,.72))}.arcade-staff svg .note-stem{stroke:#ffc93c;filter:drop-shadow(0 0 5px rgba(255,201,60,.72))}.arcade-staff.is-feedback-correct svg .note-head{fill:#39ff88;filter:drop-shadow(0 0 7px rgba(57,255,136,.9))}.arcade-staff.is-feedback-correct svg .note-stem{stroke:#39ff88;filter:drop-shadow(0 0 7px rgba(57,255,136,.9))}.arcade-staff.is-feedback-wrong svg .note-head{fill:#ff2d55;filter:drop-shadow(0 0 7px rgba(255,45,85,.9))}.arcade-staff.is-feedback-wrong svg .note-stem{stroke:#ff2d55;filter:drop-shadow(0 0 7px rgba(255,45,85,.9))}.arcade-staff svg path{fill:#2de2ff}.arcade-note-keyboard{margin-top:16px}.arcade-answer-strip{display:grid;gap:7px;width:min(100%,var(--arcade-inner-width));margin:0 auto}.arcade-note-keyboard .keyboard-container{justify-content:center;gap:14px;flex-wrap:nowrap}.arcade-note-keyboard .note-button{width:84px;height:70px;border-radius:6px;border-color:#2de2ff;background:#2de2ff14;color:#fff;font-size:1.86rem;font-weight:900;box-shadow:0 0 12px #2de2ff29}.arcade-note-keyboard .note-button:hover:not(.disabled){background:#2de2ff;color:#061222}.arcade-note-keyboard .note-button.is-correct-answer,.arcade-note-keyboard .note-button.is-correct-target,.arcade-note-keyboard .note-button.is-correct-answer.disabled,.arcade-note-keyboard .note-button.is-correct-target.disabled{border-color:#39ff88;background:#39ff88e6;color:#061222;opacity:1;box-shadow:0 0 12px #39ff88db,0 0 28px #39ff8857}.arcade-note-keyboard .note-button.is-incorrect-answer,.arcade-note-keyboard .note-button.is-incorrect-answer.disabled{border-color:#ff2d55;background:#ff2d55eb;color:#fff;opacity:1;box-shadow:0 0 12px #ff2d55e0,0 0 28px #ff2d5557}.arcade-result-panel{text-transform:uppercase}.arcade-result-panel.is-game-over{flex:1 1 auto;gap:0;justify-content:flex-start;min-height:0;padding-bottom:18px}.arcade-game-over-main{width:100%;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:28px}.arcade-result-panel.is-game-over h2{color:#2de2ff;font-family:"Press Start 2P",monospace;font-size:clamp(1.76rem,5.75vw,3.72rem);line-height:1.08;text-shadow:4px 0 0 #00b8e6,0 4px 0 #00b8e6,4px 4px 0 #007fa6,0 0 14px rgba(45,226,255,.86),0 0 30px rgba(45,226,255,.42)}.arcade-new-hi-score{margin:-6px 0 0;color:#ffc93c;font-family:"Press Start 2P",monospace;font-size:clamp(.72rem,1.8vw,1rem);font-weight:400;line-height:1.35;text-shadow:0 0 8px rgba(255,201,60,.88),0 0 18px rgba(255,201,60,.36)}.arcade-game-over-score{position:relative;isolation:isolate;display:grid;justify-items:center;gap:10px;min-width:min(100%,420px);color:#ffc93c;font-family:"Press Start 2P",monospace;text-shadow:0 0 10px rgba(255,201,60,.9),0 0 24px rgba(255,201,60,.36)}.arcade-game-over-score>span:not(.arcade-score-fireworks){display:inline-grid;place-items:center;font-size:clamp(.84rem,2vw,1.12rem);line-height:1}.arcade-game-over-score strong{display:inline-grid;place-items:center;color:#ffc93c;font-size:clamp(1.4rem,4.5vw,2.84rem);font-weight:400;line-height:1}.arcade-result-panel.is-game-over .arcade-title-actions{width:min(100%,460px);display:grid;grid-template-columns:1fr;align-items:center;justify-items:center;margin-top:4px;gap:22px}.arcade-result-panel.is-game-over .arcade-primary-button{width:min(100%,430px);min-width:0;max-width:100%;border-color:#80f2ff;border-bottom-color:#00a2cc;border-bottom-width:7px;padding:20px 26px 17px;color:#061222;font-family:"Press Start 2P",monospace;font-size:clamp(.58rem,1.55vw,.82rem);font-weight:400;line-height:1;text-shadow:2px 0 0 rgba(255,255,255,.28);box-shadow:0 0 18px #2de2ff85,0 12px 26px #00b8e638;animation:arcadeStageButtonPulse 1.55s ease-in-out infinite;white-space:nowrap}.arcade-play-again-button{text-align:center}.arcade-result-panel.is-game-over .arcade-primary-button:hover{transform:translateY(-2px);box-shadow:0 0 24px #2de2ffb8,0 15px 30px #00b8e647}.arcade-game-over-character-select{width:min(100%,460px);display:grid;justify-items:center;gap:8px;margin-top:4px}.arcade-game-over-character-label{color:#8ba0b3;font-family:"Press Start 2P",monospace;font-size:clamp(.52rem,1.45vw,.72rem);line-height:1.25}.arcade-hero-picker.is-game-over{width:min(100%,430px);gap:10px;margin:0}.arcade-hero-picker.is-game-over .arcade-hero-card{min-height:94px;gap:7px;padding:10px 8px 9px}.arcade-hero-picker.is-game-over .arcade-hero-portrait{width:44px;height:56px}.arcade-hero-picker.is-game-over .arcade-hero-card .arcade-hero-frame{min-width:44px;min-height:56px}.arcade-hero-picker.is-game-over .arcade-hero-name{font-size:.62rem}.arcade-game-over-stage{color:#bcefff;font-family:VT323,monospace;font-size:clamp(1.12rem,2.6vw,1.48rem)}.arcade-game-over-hi-score{color:#e53955;font-family:VT323,monospace;font-size:clamp(1.14rem,2.8vw,1.52rem);text-shadow:0 0 8px rgba(229,57,85,.58)}.arcade-game-over-hi-score strong{color:#e53955;font-family:"Press Start 2P",monospace;font-size:.78em;font-weight:700;text-shadow:0 0 10px rgba(229,57,85,.72)}.arcade-leaderboard-panel{width:min(100%,560px);display:grid;gap:8px;border:2px solid rgba(45,226,255,.48);border-radius:8px;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 2px,transparent 2px,transparent 6px),#061222db;padding:12px;box-shadow:inset 0 0 18px #2de2ff0f,0 0 16px #2de2ff1f;text-align:left}.arcade-leaderboard-panel.is-compact{gap:0;padding-bottom:10px}.arcade-leaderboard-table,.arcade-leaderboard-list{display:grid;gap:4px}.arcade-leaderboard-panel.is-compact .arcade-leaderboard-list{max-height:96px;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-color:rgba(255,201,60,.72) rgba(45,226,255,.12);scrollbar-width:thin}.arcade-leaderboard-state{display:grid;justify-items:center;gap:8px}.arcade-leaderboard-row{display:grid;grid-template-columns:34px 56px 48px 62px minmax(92px,1fr);align-items:center;gap:8px;min-height:28px;border:1px solid rgba(45,226,255,.18);background:#0208127a;color:#f8fcff;font-family:VT323,monospace;font-size:1.18rem;line-height:1;padding:4px 8px}.arcade-leaderboard-row.is-header{min-height:22px;border-color:#ffc93c3d;background:#ffc93c14;color:#8ba0b3;font-size:1rem;text-transform:uppercase}.arcade-leaderboard-row.is-current-run{border-color:#39ff88c7;background:#39ff881f;color:#39ff88;box-shadow:0 0 12px #39ff8833}.arcade-leaderboard-row span:last-child{justify-self:end;color:#ffc93c;font-family:"Press Start 2P",monospace;font-size:.64rem}.arcade-leaderboard-row.is-header span:last-child{color:#8ba0b3;font-family:VT323,monospace;font-size:1rem}.arcade-leaderboard-empty{margin:0;color:#8ba0b3;font-family:VT323,monospace;font-size:1.28rem;line-height:1;text-align:center;text-transform:none}.arcade-leaderboard-claim{position:relative;width:min(100%,560px);display:grid;justify-items:center;gap:10px;border:2px solid rgba(255,201,60,.7);border-radius:8px;background:#ffc93c14;padding:14px;box-shadow:0 0 18px #ffc93c2e,inset 0 0 18px #ffc93c0f}.arcade-leaderboard-close{position:absolute;top:8px;right:8px;min-width:30px;min-height:30px;border:2px solid rgba(255,201,60,.68);border-radius:6px;background:#0208128a;color:#ffc93c;cursor:pointer;font-family:"Press Start 2P",monospace;font-size:.58rem;line-height:1}.arcade-leaderboard-close:hover,.arcade-leaderboard-close:focus-visible{border-color:#2de2ff;color:#2de2ff;outline:none;box-shadow:0 0 12px #2de2ff47}.arcade-leaderboard-rank-callout{margin:0;color:#39ff88;font-family:"Press Start 2P",monospace;font-size:clamp(.88rem,2.4vw,1.28rem);line-height:1.25;text-shadow:0 0 10px rgba(57,255,136,.86),0 0 20px rgba(57,255,136,.36)}.arcade-leaderboard-claim h3{margin:0;color:#ffc93c;font-family:"Press Start 2P",monospace;font-size:.72rem;font-weight:400;line-height:1.25;text-shadow:0 0 8px rgba(255,201,60,.66)}.arcade-leaderboard-form{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:end;gap:10px}.arcade-leaderboard-field{display:grid;gap:5px;color:#8ba0b3;font-family:"Press Start 2P",monospace;font-size:.58rem;line-height:1.2;text-align:left}.arcade-leaderboard-field input,.arcade-leaderboard-field select{width:100%;min-height:42px;border:2px solid rgba(45,226,255,.62);border-radius:6px;background:#020812eb;color:#f8fcff;font-family:"Press Start 2P",monospace;font-size:.78rem;line-height:1;padding:8px 10px}.arcade-leaderboard-field input:focus,.arcade-leaderboard-field select:focus{border-color:#ffc93c;outline:none;box-shadow:0 0 0 3px #ffc93c2e}.arcade-leaderboard-error{margin:0;font-family:"Press Start 2P",monospace;font-size:.66rem;line-height:1.35}.arcade-leaderboard-error{grid-column:1 / -1;color:#ff2d55;text-shadow:0 0 8px rgba(255,45,85,.58)}.arcade-leaderboard-success{width:min(100%,560px);display:grid;justify-items:center;gap:8px;border:2px solid rgba(57,255,136,.7);border-radius:8px;background:#39ff881a;padding:12px 14px;box-shadow:0 0 18px #39ff8833,inset 0 0 18px #39ff880f}.arcade-leaderboard-success-title{margin:0;color:#39ff88;font-family:"Press Start 2P",monospace;font-size:.76rem;line-height:1.25;text-shadow:0 0 8px rgba(57,255,136,.66)}.arcade-leaderboard-success-copy{margin:0;color:#bcefff;font-family:VT323,monospace;font-size:1.32rem;line-height:1;text-transform:none}.arcade-leaderboard-success a,.arcade-game-over-share-link a,.arcade-workbook-link a{color:#2de2ff;font-family:"Press Start 2P",monospace;font-size:.68rem;line-height:1.35;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-transform:uppercase;text-shadow:0 0 8px rgba(45,226,255,.66)}.arcade-leaderboard-success a{text-transform:none}.arcade-leaderboard-success a:hover,.arcade-leaderboard-success a:focus-visible,.arcade-game-over-share-link a:hover,.arcade-game-over-share-link a:focus-visible,.arcade-workbook-link a:hover,.arcade-workbook-link a:focus-visible{color:#ffc93c;outline:none;text-shadow:0 0 10px rgba(255,201,60,.72)}.arcade-game-over-cta-block{width:min(100%,760px);display:grid;justify-items:center;gap:12px;margin-top:10px}.arcade-game-over-share-link{display:grid;justify-items:center;gap:6px}.arcade-share-feedback{margin:0;color:#39ff88;font-family:VT323,monospace;font-size:1.18rem;line-height:1;text-transform:none;text-shadow:0 0 8px rgba(57,255,136,.66)}.arcade-workbook-link{width:min(100%,760px);display:grid;justify-items:center;gap:0}.arcade-workbook-link p{margin:0;display:grid;gap:2px;max-width:none;color:#bcefff;font-family:VT323,monospace;font-size:1.18rem;line-height:1.08;text-transform:none;text-shadow:0 0 8px rgba(188,239,255,.22)}.arcade-workbook-line{display:block}.arcade-standard-footer{margin:4px 0 0;padding-top:12px;border-top:1px solid rgba(45,226,255,.22);box-shadow:none;color:#8ba0b3;font-family:inherit;font-size:.72rem;text-transform:none}.arcade-title-panel>.arcade-standard-footer{position:absolute;right:18px;bottom:18px;left:18px;margin-top:0}.arcade-result-panel.is-game-over>.arcade-standard-footer{position:static;width:min(100%,760px);margin-top:auto}.arcade-standard-footer .legal-links{justify-content:center;gap:8px;margin-top:0}.arcade-standard-footer .legal-links a,.arcade-standard-footer .legal-separator,.arcade-standard-footer .copyright-text,.arcade-standard-footer .copyright-text p{color:#8ba0b3;font-family:VT323,monospace;font-size:calc(1rem - 2px);line-height:1.1;text-transform:none}.arcade-standard-footer .copyright-text,.arcade-standard-footer .copyright-text p{font-size:calc(1rem - 3px)}.arcade-standard-footer .legal-links a:hover,.arcade-standard-footer .legal-links a:focus-visible{color:#2de2ff}.arcade-leaderboard-actions{grid-column:1 / -1;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.arcade-result-panel.is-game-over .arcade-leaderboard-actions .arcade-primary-button,.arcade-result-panel.is-game-over .arcade-leaderboard-actions .arcade-secondary-button{width:min(100%,190px);min-width:150px;padding:12px 18px;font-size:.72rem;animation:none}.arcade-score-fireworks{position:absolute;top:-34px;right:-42px;bottom:-34px;left:-42px;z-index:-1;pointer-events:none}.arcade-score-fireworks i{position:absolute;width:11px;height:11px;border-radius:999px;background:#f8fcff;box-shadow:0 -18px #ffc93c,15px -10px #2de2ff,17px 8px #39ff88,0 18px #ff2d55,-16px 9px #ffc93c,-15px -10px #2de2ff;animation:arcadeScoreFirework 1.18s steps(4,end) infinite}.arcade-score-fireworks i:nth-child(1){top:4px;left:10%}.arcade-score-fireworks i:nth-child(2){top:8px;right:12%;animation-delay:.16s}.arcade-score-fireworks i:nth-child(3){top:44%;left:2%;animation-delay:.32s}.arcade-score-fireworks i:nth-child(4){top:46%;right:4%;animation-delay:.46s}.arcade-score-fireworks i:nth-child(5){bottom:2px;left:18%;animation-delay:.62s}.arcade-score-fireworks i:nth-child(6){right:20%;bottom:0;animation-delay:.76s}.arcade-stage-preview-grid{width:min(100%,720px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch;margin-top:var(--arcade-stage-clear-gap, 6px)}.arcade-stage-preview-card{position:relative;min-height:298px;display:grid;grid-template-rows:auto 128px auto minmax(66px,1fr);align-items:start;justify-items:center;gap:7px;padding:16px;border:2px solid rgba(45,226,255,.48);border-radius:8px;background:linear-gradient(180deg,rgba(45,226,255,.08),transparent 58%),#061222eb;box-shadow:inset 0 0 18px #2de2ff0f,0 0 18px #2de2ff1f}.arcade-stage-preview-card.is-next{border-color:#ffc93c8f;background:linear-gradient(180deg,rgba(255,201,60,.08),transparent 58%),#061222eb}.arcade-stage-preview-card.is-boss-incoming{border-color:#e53955b8;box-shadow:inset 0 0 18px #e5395514,0 0 20px #e539552e}.arcade-stage-preview-card.is-defeated{background:linear-gradient(180deg,rgba(229,57,85,.08),transparent 58%),#061222eb}.arcade-stage-preview-card.is-boss,.arcade-stage-preview-card.is-boss-incoming{grid-template-rows:auto 160px auto minmax(66px,1fr)}.arcade-stage-preview-kicker,.arcade-stage-preview-meta,.arcade-stage-preview-card h3{width:100%;margin:0;text-align:center;text-transform:uppercase}.arcade-stage-preview-kicker{color:#8ba0b3;font-size:.78rem;font-weight:900}.arcade-stage-preview-caption{width:100%;display:grid;justify-items:center;gap:8px}.arcade-enemy-info-button{position:absolute;top:10px;right:10px;z-index:2;width:24px;height:24px;display:inline-grid;place-items:center;border:1px solid rgba(139,160,179,.74);border-radius:999px;background:#8ba0b314;color:#bcefff;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-style:italic;font-weight:700;line-height:1;text-transform:none;text-shadow:0 0 8px rgba(188,239,255,.52);box-shadow:0 0 10px #2de2ff1f}.arcade-enemy-info-button:hover,.arcade-enemy-info-button:focus-visible{border-color:#2de2ff;color:#2de2ff;outline:none;box-shadow:0 0 14px #2de2ff61}.arcade-stage-preview-sprite{--stage-preview-sprite-px: 11px;position:relative;width:100%;height:128px;display:grid;place-items:center;justify-self:stretch;align-self:center;overflow:visible}.arcade-stage-preview-sprite-align{position:relative;width:190px;height:128px;display:grid;place-items:center}.arcade-stage-preview-sprite.is-boss,.arcade-stage-preview-card.is-boss .arcade-stage-preview-sprite,.arcade-stage-preview-sprite.is-boss .arcade-stage-preview-sprite-align,.arcade-stage-preview-card.is-boss .arcade-stage-preview-sprite-align{height:160px}.arcade-stage-preview-enemy{position:relative;display:inline-grid;grid-template:1fr / 1fr;place-items:center;transform-origin:center center}.arcade-stage-preview-enemy .arcade-pixel-sprite{grid-area:1 / 1}.arcade-stage-preview-sprite .arcade-pixel-sprite{--sprite-px: var(--stage-preview-sprite-px);grid-template-columns:repeat(var(--sprite-size),var(--sprite-px));grid-auto-rows:var(--sprite-px);width:calc(var(--sprite-size) * var(--sprite-px));height:calc(var(--sprite-rows) * var(--sprite-px));align-self:center;justify-self:center;aspect-ratio:auto;animation:none;margin:0}.arcade-stage-preview-sprite .arcade-pixel-sprite.is-boss{--sprite-px: 7.6px}.arcade-stage-preview-enemy.is-defeated{opacity:.9;transform:translateY(8px) rotate(88deg) scale(.86);transform-origin:center center;animation:arcadeStageKoSettle .42s steps(5,end) 1 both}.arcade-stage-preview-card h3{color:#f8fcff;font-size:1.08rem;line-height:1}.arcade-boss-warning{margin:0;color:#e53955;font-family:"Press Start 2P",monospace;font-size:.62rem;font-weight:400;line-height:1.2;transform-origin:center;text-shadow:0 0 8px rgba(229,57,85,.86),0 0 16px rgba(229,57,85,.34);animation:arcadeBossIncomingFlash .86s steps(2,end) infinite}.arcade-stage-preview-meta{color:#ffc93c;font-size:.82rem;font-weight:900}.arcade-stage-preview-copy{width:100%;min-height:66px;align-self:end;display:grid;align-content:start;gap:6px;padding-top:10px;border-top:1px solid rgba(139,160,179,.22)}.arcade-stage-preview-copy p{margin:0;color:#f8fcff;font-size:.84rem;font-style:italic;line-height:1.42;text-transform:none;text-shadow:0 0 8px rgba(188,239,255,.42)}.arcade-enemy-info-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:44;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 34%,rgba(45,226,255,.14),transparent 34%),#020812e0}.arcade-enemy-info-modal{position:relative;width:min(100%,620px);display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:28px;border:3px solid rgba(45,226,255,.9);border-radius:10px;padding:34px;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 2px,transparent 2px,transparent 5px),linear-gradient(180deg,#081222fa,#030a16fa);box-shadow:0 0 0 3px #e5395547,0 0 28px #2de2ff57,inset 0 0 24px #2de2ff14;text-align:left}.arcade-enemy-info-modal.is-boss{border-color:#ffc93cd1;box-shadow:0 0 0 3px #e5395552,0 0 30px #ffc93c3d,inset 0 0 24px #ffc93c14}.arcade-enemy-info-sprite{--stage-preview-sprite-px: 10px;min-height:150px;display:grid;place-items:center}.arcade-enemy-info-sprite .arcade-pixel-sprite{--sprite-px: var(--stage-preview-sprite-px);grid-template-columns:repeat(var(--sprite-size),var(--sprite-px));grid-auto-rows:var(--sprite-px);width:calc(var(--sprite-size) * var(--sprite-px));height:calc(var(--sprite-rows) * var(--sprite-px));aspect-ratio:auto;animation:none;margin:0}.arcade-enemy-info-sprite .arcade-stage-preview-enemy.is-boss .arcade-pixel-sprite{--sprite-px: 6.2px}.arcade-enemy-info-copy{display:grid;gap:14px}.arcade-enemy-info-copy h2{margin:0;color:#2de2ff;font-family:"Press Start 2P",monospace;font-size:clamp(1.05rem,3.2vw,1.72rem);font-weight:400;line-height:1.18;text-transform:uppercase;text-shadow:2px 0 0 #00b8e6,0 2px 0 #00b8e6,2px 2px 0 #007fa6,0 0 10px rgba(45,226,255,.72)}.arcade-enemy-info-copy p:not(.arcade-kicker){margin:0;color:#f8fcff;font-family:VT323,monospace;font-size:clamp(1.16rem,2.4vw,1.38rem);line-height:1.22;text-transform:none;text-shadow:0 0 8px rgba(188,239,255,.28)}@keyframes arcadeSpriteBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes arcadeStageKoSettle{0%{opacity:1;transform:translateY(0) rotate(0) scale(1)}58%{transform:translateY(11px) rotate(54deg) scale(.9)}to{opacity:.9;transform:translateY(8px) rotate(88deg) scale(.86)}}@keyframes arcadeStageButtonPulse{0%,to{filter:brightness(1);box-shadow:0 0 18px #2de2ff85,0 12px 26px #00b8e638}50%{filter:brightness(1.08);box-shadow:0 0 26px #2de2ffb8,0 14px 30px #00b8e64d}}@keyframes arcadeBossIncomingFlash{0%,to{color:#e53955;transform:scale(1);text-shadow:0 0 8px rgba(229,57,85,.86),0 0 18px rgba(229,57,85,.45)}50%{color:#ffc93c;transform:scale(1.08);text-shadow:0 0 8px rgba(255,201,60,.95),0 0 18px rgba(255,201,60,.56),0 0 30px rgba(229,57,85,.38)}}.arcade-pixel-sprite.is-enemy{animation-duration:1.6s}.arcade-play.is-enemy-defeated .arcade-enemy .arcade-pixel-sprite{animation:arcadeEnemyDefeat 3.5s steps(18,end) 1 forwards;filter:brightness(2.1) sepia(1) hue-rotate(-28deg) saturate(4) drop-shadow(0 0 14px rgba(255,255,255,.84))}.arcade-play.is-enemy-defeated .arcade-player>.arcade-fighter-sprite .arcade-hero-frame{animation:arcadeHeroCelebrate 3.5s steps(14,end) 1}.arcade-play.is-boss-defeated .arcade-enemy .arcade-pixel-sprite{animation-duration:5.5s}.arcade-play.is-boss-defeated .arcade-player>.arcade-fighter-sprite .arcade-hero-frame{animation:arcadeHeroCelebrate 5.5s steps(22,end) 1}.arcade-play.is-player-defeated .arcade-player .arcade-hero-frame{animation:arcadeHeroDefeat 3.5s steps(18,end) 1 forwards;filter:brightness(2.15) saturate(2.2) drop-shadow(0 0 14px rgba(255,255,255,.78)) drop-shadow(0 0 20px rgba(45,226,255,.66))}.arcade-play.is-enemy-defeated .arcade-player:before,.arcade-play.is-enemy-defeated .arcade-player:after{content:"";position:absolute;top:-54px;right:-70px;bottom:-2px;left:-70px;z-index:4;pointer-events:none;background:radial-gradient(circle,#ffffff 0 4px,transparent 5px) 12% 20% / 42px 42px no-repeat,radial-gradient(circle,#ffc93c 0 5px,transparent 6px) 78% 18% / 48px 48px no-repeat,radial-gradient(circle,#2de2ff 0 4px,transparent 5px) 20% 76% / 44px 44px no-repeat,radial-gradient(circle,#ff2d55 0 5px,transparent 6px) 88% 72% / 46px 46px no-repeat,radial-gradient(circle,#39ff88 0 4px,transparent 5px) 48% 6% / 40px 40px no-repeat;opacity:0;filter:drop-shadow(0 0 8px rgba(255,255,255,.86)) drop-shadow(0 0 14px rgba(45,226,255,.58));animation:arcadeHeroFireworks 3.5s steps(16,end) 1}.arcade-play.is-boss-defeated .arcade-player:before,.arcade-play.is-boss-defeated .arcade-player:after{animation-duration:5.5s}.arcade-play.is-enemy-defeated .arcade-player:after{top:-64px;right:-86px;bottom:-4px;left:-86px;background:radial-gradient(circle,#39ff88 0 5px,transparent 6px) 10% 54% / 48px 48px no-repeat,radial-gradient(circle,#ffffff 0 4px,transparent 5px) 55% 10% / 44px 44px no-repeat,radial-gradient(circle,#ffe66d 0 5px,transparent 6px) 94% 46% / 50px 50px no-repeat,radial-gradient(circle,#2de2ff 0 4px,transparent 5px) 58% 88% / 42px 42px no-repeat;animation-delay:.26s}@keyframes arcadeHeroIdle{0%,92%,to{opacity:1}93%,98%{opacity:0}}@keyframes arcadeHeroBlink{0%,92%,to{opacity:0}93%,98%{opacity:1}}@keyframes arcadeHurtFlash{0%,to{filter:none}50%{filter:brightness(2) sepia(1) hue-rotate(-20deg) saturate(4)}}@keyframes arcadeHeartEarned{0%{transform:translateY(0) scale(.5)}20%{transform:translateY(-7px) scale(1.55)}42%{transform:translateY(0) scale(1)}64%{transform:translateY(-4px) scale(1.28)}to{transform:translateY(0) scale(1)}}@keyframes arcadeFlicker{0%,to{opacity:.22}50%{opacity:.08}}@keyframes arcadeImpactShake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes arcadePowerImpactShake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}45%{transform:translate(5px)}70%{transform:translate(-3px)}}@keyframes arcadeEnemyDefeat{0%{opacity:1;transform:translateY(0) rotate(0) scale(1)}12%{opacity:1;transform:translateY(-8px) rotate(90deg) scale(.9)}28%{opacity:1;transform:translate(-8px,-12px) rotate(180deg) scale(.72)}46%{opacity:.86;transform:translate(12px,-20px) rotate(220deg) scale(.54)}70%{opacity:.55;transform:translate(-10px,-34px) rotate(420deg) scale(.24)}to{opacity:0;transform:translateY(-42px) rotate(540deg) scale(.04)}}@keyframes arcadeHeroDefeat{0%{opacity:1;transform:translateY(0) rotate(0) scale(1)}12%{opacity:1;transform:translateY(-8px) rotate(-60deg) scale(.92)}28%{opacity:1;transform:translate(-8px,-12px) rotate(-140deg) scale(.74)}46%{opacity:.86;transform:translate(10px,-20px) rotate(-220deg) scale(.56)}70%{opacity:.52;transform:translate(-8px,-34px) rotate(-390deg) scale(.26)}to{opacity:0;transform:translateY(-42px) rotate(-540deg) scale(.04)}}@keyframes arcadeHeroCelebrate{0%,20%,40%,60%,80%,to{transform:translate(0) rotate(0) scale(1)}10%,50%,90%{transform:translate(-6px,-14px) rotate(-6deg) scale(1.08)}30%,70%{transform:translate(6px,1px) rotate(6deg) scale(.98)}}@keyframes arcadeHeroFireworks{0%{opacity:0;transform:scale(.3)}8%,24%,44%,66%,84%{opacity:1;transform:scale(.78)}16%,34%,54%,74%{opacity:1;transform:scale(1.18)}to{opacity:0;transform:scale(1.4)}}@keyframes arcadeBossSidekickDance{0%,20%,40%,60%,80%,to{transform:translateY(0) rotate(0) scale(1)}10%,50%,90%{transform:translate(-5px,-10px) rotate(-5deg) scale(1.05)}30%,70%{transform:translate(5px,-2px) rotate(5deg) scale(.98)}}@keyframes arcadeBossDefeatedPulse{0%,to{opacity:0;transform:translate(-50%,-50%) scale(.86)}8%,88%{opacity:1}18%,42%,66%{color:#ffc93c;transform:translate(-50%,-50%) scale(1.08);text-shadow:2px 0 0 #9e2438,0 2px 0 #9e2438,0 0 12px rgba(255,201,60,1),0 0 28px rgba(229,57,85,.62)}30%,54%,78%{color:#2de2ff;transform:translate(-50%,-50%) scale(.98);text-shadow:2px 0 0 #007fa6,0 2px 0 #007fa6,0 0 12px rgba(45,226,255,.95),0 0 26px rgba(255,201,60,.46)}}@keyframes arcadeScoreFirework{0%{opacity:0;transform:scale(.2)}12%{opacity:1;transform:scale(.68)}34%{opacity:1;transform:scale(1.18)}to{opacity:0;transform:scale(1.55)}}@keyframes arcadePlayerShot{0%{left:25%;opacity:0;transform:translate(-50%,-50%) rotate(0) scale(.72)}10%{opacity:1;transform:translate(-50%,-50%) rotate(45deg) scale(1)}50%{transform:translate(-50%,calc(-50% - 22px)) rotate(180deg) scale(1.08)}86%{left:75%;opacity:1;transform:translate(-50%,-50%) rotate(330deg) scale(1.08)}to{left:75%;opacity:0;transform:translate(-50%,-50%) rotate(360deg) scale(.45)}}@keyframes arcadeEnemyShot{0%{left:75%;opacity:0;transform:translate(-50%,-50%) rotate(0) scale(.72)}10%{opacity:1;transform:translate(-50%,-50%) rotate(-45deg) scale(1)}50%{transform:translate(-50%,calc(-50% - 18px)) rotate(-180deg) scale(1.04)}86%{left:25%;opacity:1;transform:translate(-50%,-50%) rotate(-330deg) scale(1.04)}to{left:25%;opacity:0;transform:translate(-50%,-50%) rotate(-360deg) scale(.45)}}@keyframes arcadeReducedProjectile{0%{opacity:0;transform:translate(-50%,-50%) scale(.88)}35%,80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.88)}}@keyframes arcadeTargetImpact{0%,68%{opacity:0;transform:translate(-50%,-50%) scale(.4)}76%{opacity:1;transform:translate(-50%,-50%) scale(1.28)}to{opacity:0;transform:translate(-50%,-50%) scale(1.55)}}@keyframes arcadeStatusPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.82)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes arcadeFloatCue{0%{opacity:0;transform:translate(-50%,8px) scale(.1)}12%{opacity:1;transform:translate(-50%) scale(1.24)}24%{opacity:1;transform:translate(-50%,-2px) scale(1)}to{opacity:0;transform:translate(-50%,-38px) scale(1)}}@keyframes arcadeReducedFloat{0%{opacity:0;transform:translate(-50%) scale(1)}25%,75%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(1)}}@media(prefers-reduced-motion:reduce){.arcade-screen-glass:after,.arcade-pixel-sprite,.arcade-hero-frame .is-idle,.arcade-hero-frame .is-blink{animation:none!important}.arcade-hero-frame .is-idle{opacity:1}.arcade-hero-frame .is-blink{opacity:0}.arcade-stage-preview-enemy.is-defeated{animation:none!important}.arcade-title-panel .arcade-primary-button,.arcade-result-panel.is-stage-clear .arcade-primary-button,.arcade-result-panel.is-game-over .arcade-primary-button,.arcade-story-panel>.arcade-primary-button{animation:none!important}.arcade-boss-warning,.arcade-play.is-player-firing,.arcade-play.is-enemy-defeated,.arcade-play.is-enemy-firing,.arcade-play.is-player-defeated,.arcade-play.is-contact-enemy,.arcade-play.is-contact-player,.arcade-play.is-impact-power{animation:none!important}.arcade-play.is-enemy-defeated .arcade-enemy .arcade-pixel-sprite,.arcade-play.is-enemy-defeated .arcade-player>.arcade-fighter-sprite .arcade-hero-frame,.arcade-play.is-player-defeated .arcade-player .arcade-hero-frame{animation:none!important}.arcade-play.is-enemy-defeated .arcade-player:before,.arcade-play.is-enemy-defeated .arcade-player:after{display:none}.arcade-boss-party-hero .arcade-hero-frame,.arcade-boss-defeated-burst{animation:none!important}.arcade-projectile.is-player-shot{left:75%}.arcade-projectile.is-enemy-shot{left:25%}.arcade-projectile.is-player-shot,.arcade-projectile.is-enemy-shot{animation:arcadeReducedProjectile .16s linear 1 forwards!important;animation-duration:.16s!important}.arcade-projectile:after{display:none}.arcade-impact-flash{animation:arcadeTargetImpact .16s steps(2,end) 1 forwards!important;animation-duration:.16s!important}.arcade-floating-cue{animation:arcadeReducedFloat .26s ease-out var(--float-delay, 0ms) 1 forwards!important;animation-duration:.26s!important}}@media(max-width:768px){.copyright-trigger{font-size:.48rem}.arcade-shell{--arcade-content-width: 100%;--arcade-inner-width: 100%;--arcade-fighter-width: 67px;height:100vh;height:100dvh;padding:0;overflow:hidden}.arcade-screen-frame,.arcade-screen-glass{height:100vh;height:100dvh;min-height:100vh;min-height:100dvh}.arcade-screen-frame{width:100%;border:4px solid #2de2ff;border-radius:0;box-shadow:inset 0 0 0 2px #e5395552,0 0 18px #2de2ff42}.arcade-screen-glass{padding:8px;overflow:hidden}.arcade-title-controls{top:8px;right:8px;left:8px}.arcade-title-controls .arcade-icon-button{width:38px;min-width:38px;min-height:38px;padding:0;font-size:.82rem}.arcade-topbar-actions .arcade-icon-button{height:38px;width:38px;min-width:38px;min-height:38px;padding:0}.arcade-coin-counter{height:38px;width:38px;min-width:38px;min-height:38px;justify-content:center;gap:2px;padding:0;font-size:.52rem}.arcade-coin-icon{width:12px;height:12px;border-width:2px}.arcade-topbar{align-items:center;gap:8px}.arcade-topbar>div:first-child{min-width:0;flex:1 1 auto}.arcade-hero-picker{max-width:320px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.arcade-title-panel{justify-content:center;gap:13px;height:calc(100vh - 24px);height:calc(100dvh - 24px);min-height:0;margin-top:0;padding:70px 8px 76px;border-width:0;border-radius:0;overflow-y:hidden}.arcade-title-preview{min-height:64px;gap:14px;margin-top:32px;margin-bottom:28px;overflow:visible}.arcade-title-preview .arcade-enemy-sprite{width:42px;height:54px;overflow:visible}.arcade-title-preview .arcade-hero-frame{min-width:48px;min-height:62px}.arcade-title-lockup h2{gap:clamp(.55rem,3.8vw,.9rem);font-size:clamp(1.52rem,9.2vw,2.24rem);text-shadow:2px 0 0 #00b8e6,0 2px 0 #00b8e6,2px 2px 0 #007fa6,0 0 9px rgba(45,226,255,.8)}.arcade-topbar h1{font-size:clamp(.6rem,3.2vw,.82rem);line-height:1.1;white-space:nowrap;text-shadow:1px 0 0 #00b8e6,0 1px 0 #00b8e6,1px 1px 0 #007fa6,0 0 8px rgba(45,226,255,.72)}.arcade-result-panel h2{font-size:clamp(1rem,7vw,1.72rem);line-height:1.22;text-shadow:2px 0 0 #00b8e6,0 2px 0 #00b8e6,2px 2px 0 #007fa6,0 0 8px rgba(45,226,255,.76)}.arcade-result-panel.is-game-over{flex:1 1 auto;gap:0;justify-content:flex-start;min-height:0;padding:12px 8px 8px;overflow-y:auto;-webkit-overflow-scrolling:touch}.arcade-game-over-main{flex:0 0 auto;min-height:auto;gap:19px;justify-content:flex-start}.arcade-result-panel.is-game-over h2{font-size:clamp(1.38rem,7.5vw,2.18rem);line-height:1.14;text-shadow:2px 0 0 #00b8e6,0 2px 0 #00b8e6,2px 2px 0 #007fa6,0 0 10px rgba(45,226,255,.82)}.arcade-new-hi-score{font-size:clamp(.56rem,3.2vw,.78rem)}.arcade-game-over-score{gap:8px;min-width:min(100%,320px)}.arcade-game-over-score>span:not(.arcade-score-fireworks){font-size:clamp(.62rem,3.2vw,.82rem)}.arcade-game-over-score strong{font-size:clamp(1rem,5.8vw,1.6rem)}.arcade-title-leaderboard-link{margin-top:-4px}.arcade-leaderboard-backdrop{padding:12px}.arcade-leaderboard-modal{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);gap:12px;padding:26px 10px 12px;overflow-y:auto}.arcade-leaderboard-modal h2{font-size:clamp(.82rem,5vw,1.08rem);line-height:1.2}.arcade-leaderboard-panel,.arcade-leaderboard-claim{width:min(100%,340px);padding:9px}.arcade-leaderboard-panel{gap:6px}.arcade-leaderboard-panel.is-compact .arcade-leaderboard-list{max-height:84px}.arcade-leaderboard-row{grid-template-columns:22px 42px 36px 44px minmax(74px,1fr);gap:5px;min-height:24px;padding:4px 5px;font-size:.96rem}.arcade-leaderboard-row.is-header{min-height:20px;font-size:.82rem}.arcade-leaderboard-row span:last-child{font-size:.48rem}.arcade-leaderboard-row.is-header span:last-child{font-size:.82rem}.arcade-leaderboard-rank-callout{font-size:clamp(.76rem,4vw,1rem)}.arcade-leaderboard-claim h3{font-size:.56rem}.arcade-leaderboard-form{grid-template-columns:1fr;gap:8px}.arcade-leaderboard-field{font-size:.48rem}.arcade-leaderboard-field input,.arcade-leaderboard-field select{min-height:38px;font-size:.62rem}.arcade-leaderboard-error{font-size:.52rem}.arcade-leaderboard-close{top:6px;right:6px;min-width:26px;min-height:26px;font-size:.48rem}.arcade-leaderboard-success{width:min(100%,340px);gap:6px;padding:9px 10px}.arcade-leaderboard-success-title{font-size:.58rem}.arcade-leaderboard-success-copy{font-size:1rem}.arcade-leaderboard-success a,.arcade-game-over-share-link a,.arcade-workbook-link a{font-size:.5rem;line-height:1.4}.arcade-game-over-cta-block{width:min(100%,340px);gap:10px;margin-top:6px}.arcade-share-feedback{font-size:.96rem}.arcade-workbook-link{width:min(100%,340px);gap:0}.arcade-workbook-link p{max-width:none;font-size:1rem}.arcade-workbook-link .arcade-workbook-mobile-optional{display:none}.arcade-title-panel>.arcade-standard-footer{right:8px;bottom:8px;left:8px;margin-top:0}.arcade-result-panel.is-game-over>.arcade-standard-footer{width:min(100%,340px);flex:0 0 auto;margin-top:16px;margin-bottom:8px}.arcade-standard-footer .legal-links{gap:5px}.arcade-standard-footer .legal-links a,.arcade-standard-footer .legal-separator,.arcade-standard-footer .copyright-text,.arcade-standard-footer .copyright-text p{font-size:calc(.82rem - 2px)}.arcade-standard-footer .copyright-text,.arcade-standard-footer .copyright-text p{font-size:calc(.82rem - 3px)}.arcade-result-panel.is-game-over .arcade-leaderboard-actions .arcade-primary-button,.arcade-result-panel.is-game-over .arcade-leaderboard-actions .arcade-secondary-button{min-width:130px;padding:10px 14px 8px;font-size:.52rem}.arcade-result-panel.is-game-over .arcade-primary-button{width:min(100%,330px);min-width:0;padding:12px 16px 9px;border-bottom-width:5px;font-size:clamp(.42rem,2.55vw,.56rem);line-height:1}.arcade-game-over-actions{width:min(100%,340px);gap:16px}.arcade-game-over-character-label{font-size:.46rem}.arcade-hero-picker.is-game-over{max-width:290px;gap:5px}.arcade-hero-picker.is-game-over .arcade-hero-card{grid-template-rows:46px 16px;min-height:78px;padding:5px 3px;gap:4px}.arcade-hero-picker.is-game-over .arcade-hero-portrait{width:38px;height:46px}.arcade-hero-picker.is-game-over .arcade-hero-card .arcade-hero-frame{min-width:38px;min-height:46px}.arcade-hero-picker.is-game-over .arcade-hero-name{font-size:.46rem}.arcade-score-fireworks{top:-26px;right:-22px;bottom:-26px;left:-22px}.arcade-score-fireworks i{width:8px;height:8px;box-shadow:0 -13px #ffc93c,11px -7px #2de2ff,12px 6px #39ff88,0 13px #ff2d55,-11px 6px #ffc93c,-11px -7px #2de2ff}.arcade-game-over-stage,.arcade-game-over-hi-score{font-size:clamp(.92rem,4vw,1.12rem)}.arcade-result-panel.is-stage-clear{justify-content:center;min-height:0;padding:12px 8px 18px;overflow-y:auto}.arcade-result-panel.is-stage-clear h2{white-space:nowrap;font-size:clamp(calc(1.065rem + 2px),calc(5.1vw + 4px),calc(1.315rem + 2px));line-height:1.08}.arcade-result-panel .arcade-stage-clear-hi-score{position:absolute;top:12px;right:8px;align-self:flex-end;margin:0;font-size:calc(.86rem + 2px)}.arcade-result-panel .arcade-stage-clear-hi-score strong{font-size:calc(.62rem + 2px)}.arcade-stage-score-summary{gap:7px;margin-top:14px}.arcade-stage-score-summary p{font-size:calc(.86rem + 4px)}.arcade-stage-score-summary .arcade-stage-bonus{font-size:calc(.58rem + 4px)}.arcade-stage-preview-grid{grid-template-columns:minmax(0,1fr);gap:12px;width:min(100%,340px);margin-top:17px}.arcade-stage-preview-card{min-height:156px;grid-template-columns:minmax(0,1fr) 94px;grid-template-rows:auto auto minmax(42px,auto);grid-template-areas:"kicker sprite" "caption sprite" "copy sprite";align-items:center;align-content:center;justify-items:start;gap:6px 9px;padding:10px 30px 10px 10px}.arcade-stage-preview-card.is-boss,.arcade-stage-preview-card.is-boss-incoming{grid-template-rows:auto auto minmax(44px,auto)}.arcade-stage-preview-kicker{grid-area:kicker;font-size:calc(clamp(.92rem,2.4vw,1.18rem) + 4px);line-height:1;text-align:left;white-space:nowrap}.arcade-stage-preview-sprite{grid-area:sprite;--stage-preview-sprite-px: 4.7px;width:94px;height:86px;justify-self:end}.arcade-stage-preview-sprite-align{width:94px;height:86px}.arcade-stage-preview-sprite.is-boss,.arcade-stage-preview-card.is-boss .arcade-stage-preview-sprite,.arcade-stage-preview-sprite.is-boss .arcade-stage-preview-sprite-align,.arcade-stage-preview-card.is-boss .arcade-stage-preview-sprite-align{width:100px;height:96px}.arcade-stage-preview-sprite .arcade-pixel-sprite.is-boss{--sprite-px: 3.8px}.arcade-stage-preview-card h3{font-size:calc(.58rem + 4px);line-height:1.08;text-align:left}.arcade-enemy-info-button{top:6px;right:6px;width:18px;height:18px;font-size:calc(.66rem + 4px)}.arcade-stage-preview-caption{grid-area:caption;justify-items:start;gap:3px}.arcade-stage-preview-meta{font-size:calc(clamp(.92rem,2.4vw,1.18rem) + 4px);text-align:left}.arcade-result-panel .arcade-boss-warning{font-size:calc(.52rem + 4px);line-height:1.05;white-space:nowrap}.arcade-stage-preview-copy{grid-area:copy;min-height:0;gap:2px;padding-top:1px;text-align:left}.arcade-stage-preview-copy p{font-size:calc(.5rem + 5px);line-height:1.18;text-align:left}.arcade-result-panel.is-stage-clear .arcade-primary-button{min-width:min(100%,220px);margin-top:14px;min-height:54px;padding:16px 16px 13px;border-bottom-width:5px;font-size:calc(.66rem + 4px)}.arcade-enemy-info-backdrop{padding:12px}.arcade-enemy-info-modal{width:min(100%,380px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);grid-template-columns:1fr;justify-items:center;gap:14px;padding:42px 18px 18px;overflow-y:auto;text-align:center}.arcade-enemy-info-sprite{--stage-preview-sprite-px: 7px;min-height:94px}.arcade-enemy-info-sprite .arcade-stage-preview-enemy.is-boss .arcade-pixel-sprite{--sprite-px: 4.4px}.arcade-enemy-info-copy{gap:10px}.arcade-enemy-info-copy h2{font-size:clamp(.9rem,6vw,1.24rem)}.arcade-enemy-info-copy p:not(.arcade-kicker){font-size:1.04rem;line-height:1.18}.arcade-title-lockup .arcade-tag{margin-top:12px;column-gap:.36em;font-size:clamp(.68rem,4vw,.96rem)}.arcade-title-copy{margin-top:0;font-size:.54rem}.arcade-hero-card{grid-template-rows:56px 18px;align-items:end;min-height:96px;padding:8px 4px 7px;gap:6px;overflow:visible}.arcade-hero-portrait{width:44px;height:56px;align-self:end;overflow:visible}.arcade-hero-card .arcade-hero-frame{min-width:44px;min-height:56px}.arcade-hero-name{align-self:center;font-size:calc(.5rem + 1px);line-height:1;white-space:nowrap}.arcade-hero-description{font-size:.7rem}.arcade-primary-button,.arcade-secondary-button{padding:9px 14px;font-size:.72rem}.arcade-title-panel .arcade-primary-button{width:270px;max-width:100%;min-width:0;padding:15px 20px 12px;border-bottom-width:5px;font-size:calc(.66rem + 1px)}.arcade-title-hint{font-size:.56rem}.arcade-title-help{gap:5px;margin-top:7px}.arcade-instructions-link{font-size:.56rem}.arcade-instructions-backdrop{padding:14px}.arcade-instructions-modal{gap:13px;padding:24px 16px 18px}.arcade-coin-backdrop{padding:14px}.arcade-coin-modal{width:min(100%,360px);gap:12px;padding:28px 16px 18px}.arcade-coin-modal h2{gap:8px;font-size:clamp(.82rem,5vw,1.08rem)}.arcade-coin-modal h2 .arcade-coin-icon{width:18px;height:18px}.arcade-coin-modal p:not(.arcade-kicker){font-size:1.04rem;line-height:1.18}.arcade-coin-modal-actions{width:100%;gap:8px}.arcade-coin-modal-actions .arcade-primary-button,.arcade-coin-modal-actions .arcade-secondary-button{width:min(100%,170px);min-width:min(100%,170px);padding:10px 12px;font-size:.58rem}.arcade-instructions-modal h2{font-size:clamp(.82rem,5vw,1.08rem)}.arcade-instructions-modal li{padding-left:18px;font-size:1.02rem}.arcade-instructions-close{min-width:32px;min-height:32px;font-size:.62rem}.arcade-story-backdrop{padding:10px}.arcade-story-panel{width:min(100%,420px);height:auto;min-height:min(680px,calc(100vh - 28px));min-height:min(680px,calc(100dvh - 28px));max-height:calc(100vh - 18px);max-height:calc(100dvh - 18px);gap:18px;align-content:center;padding:48px 14px 20px;overflow-y:auto}.arcade-story-copy{gap:9px}.arcade-story-copy .arcade-kicker{font-size:.5rem}.arcade-story-copy h2{font-size:clamp(1.46rem,10.6vw,2.25rem);line-height:.98;margin-bottom:6px;white-space:nowrap;text-shadow:2px 0 0 #00b8e6,0 2px 0 #00b8e6,2px 2px 0 #007fa6,0 0 9px rgba(45,226,255,.8)}.arcade-story-copy p:not(.arcade-kicker){font-size:.98rem;line-height:1.16}.arcade-story-copy strong{font-size:inherit}.arcade-story-copy p:not(.arcade-kicker)+p{margin-top:4px}.arcade-story-faceoff{width:min(100%,350px);grid-template-columns:1fr;gap:12px;justify-items:center}.arcade-story-combatants{display:grid;grid-column:1;grid-row:1;grid-template-columns:minmax(74px,1fr) max-content minmax(74px,1fr);align-items:end;justify-items:center;width:min(100%,254px);gap:12px;padding-bottom:0}.arcade-story-lead-hero{grid-column:1}.arcade-story-lead-hero,.arcade-story-villain-sprite{min-width:64px;min-height:76px;padding-bottom:0}.arcade-story-villain-sprite{grid-column:3;min-width:74px;min-height:84px}.arcade-story-vs{grid-column:2;font-size:.72rem;padding-bottom:0}.arcade-story-team{position:static;grid-template-rows:16px auto;gap:6px}.arcade-story-team p{grid-row:1;font-size:calc(.42rem + 1px)}.arcade-story-team p:after{content:":"}.arcade-story-sidekicks,.arcade-story-army{grid-row:2}.arcade-story-team.is-heroes{grid-column:1;grid-row:2}.arcade-story-team.is-silence{grid-column:1;grid-row:3}.arcade-story-sidekicks{min-height:48px;padding-top:0;align-items:end;gap:12px}.arcade-story-sidekick{width:38px;height:48px}.arcade-story-sidekick .arcade-hero-frame{min-width:38px;min-height:48px}.arcade-story-army{width:min(100%,250px);gap:8px;padding:9px}.arcade-story-army-unit{width:28px;height:28px}.arcade-story-panel>.arcade-primary-button{min-width:min(100%,238px);padding:12px 14px 9px;border-bottom-width:5px;font-size:.62rem}.arcade-hi-score{margin-top:7px;font-size:.72rem}.arcade-play{grid-template-rows:max-content clamp(150px,22vh,190px) max-content max-content max-content;align-content:start;gap:8px;padding-top:6px;padding-bottom:6px}.arcade-hud{gap:16px;padding:14px 8px 16px;border-radius:10px 10px 5px 5px}.arcade-score-row{grid-template-columns:max-content max-content max-content minmax(0,1fr);align-items:center;column-gap:clamp(8px,2.2vw,11px);row-gap:0}.arcade-status-row{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:9px}.arcade-readout{display:flex;align-items:baseline;gap:4px;white-space:nowrap}.arcade-readout.is-score{min-width:0}.arcade-readout.is-hi-score{justify-content:flex-end;text-align:left}.arcade-player-status{width:100%;display:grid;grid-template-columns:minmax(0,max-content) auto;align-items:center;justify-content:start;column-gap:5px}.arcade-player-status>span{max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arcade-enemy-meter{width:100%;justify-self:stretch;gap:3px}.arcade-readout span,.arcade-player-status>span,.arcade-meter-label,.arcade-fighter-name{font-size:clamp(.5rem,2vw,.64rem);line-height:1}.arcade-readout span{font-size:clamp(.68rem,2.85vw,.82rem)}.arcade-readout strong{display:inline;margin-top:0;font-size:clamp(.92rem,3.9vw,1.12rem);line-height:1;overflow-wrap:normal}.arcade-player-status>span,.arcade-meter-label{font-size:clamp(.72rem,3vw,.88rem)}.arcade-meter-label{min-width:0;gap:4px;white-space:nowrap}.arcade-meter-label span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.arcade-hearts{min-height:19px;gap:3px;padding:0}.arcade-hearts span{width:18px;height:18px;font-size:1.18rem}.arcade-meter-track,.arcade-timer-track{height:10px}.arcade-arena{width:100%;min-height:154px;grid-template-columns:minmax(72px,.36fr) minmax(54px,.28fr) minmax(72px,.36fr);padding:30px 18px 12px}.arcade-arena:before{right:7%;bottom:29px;left:7%;height:6px}.arcade-fighter-name{width:100%}.arcade-fighter{grid-template-rows:58px auto;gap:4px}.arcade-projectile-lane{min-height:58px}.arcade-projectile{width:22px;height:22px}.arcade-impact-flash{width:38px;height:38px}.arcade-floating-cue{top:-24px;min-width:82px;font-size:1.16rem;-webkit-text-stroke-width:1px;text-shadow:0 0 4px #061222,0 0 10px currentColor,0 0 16px currentColor}.arcade-floating-cue.is-enemy,.arcade-floating-cue.is-player{top:-26px}.arcade-floating-cue.is-power-damage{font-size:1.34rem}.arcade-floating-cue.is-bonus{font-size:1.18rem}.arcade-fighter-sprite,.arcade-enemy-sprite{height:58px;translate:0 -5px}.arcade-arena .arcade-fighter-sprite .arcade-pixel-sprite,.arcade-arena .arcade-enemy-sprite .arcade-pixel-sprite{--sprite-px: 4.8px !important}.arcade-enemy-sprite{translate:var(--fighter-sprite-offset, 0px) -5px}.arcade-boss-party{bottom:23px;width:132px}.arcade-boss-party-hero .arcade-hero-frame{min-width:38px;min-height:50px}.arcade-boss-defeated-burst{top:24%;font-size:clamp(.56rem,3.5vw,.82rem)}.arcade-question-panel{min-height:204px;width:100%;padding:4px}.arcade-timer-row{min-height:24px;font-size:.68rem}.arcade-combo-heart-pill{padding:4px 6px;font-size:.58rem}.arcade-staff.staff-display svg{width:100%}.arcade-answer-strip{gap:4px}.arcade-note-keyboard .keyboard-container{width:100%;gap:clamp(4px,1.4vw,7px);justify-content:space-between}.arcade-note-keyboard .note-button{width:clamp(38px,calc((100vw - 72px) / 7),46px);height:48px;font-size:1.36rem}.arcade-note-keyboard{width:100%;margin-top:10px}}@media(max-width:768px)and (max-height:700px){.arcade-title-panel{gap:10px;padding-top:58px;padding-bottom:64px;overflow-y:auto}.arcade-title-preview{min-height:56px;margin-top:18px;margin-bottom:18px}.arcade-title-lockup h2{font-size:clamp(1.28rem,7.6vw,1.86rem)}.arcade-title-lockup .arcade-tag{margin-top:8px;font-size:clamp(.62rem,3.6vw,.86rem)}.arcade-hero-card{grid-template-rows:50px 17px;min-height:86px;padding:6px 4px;gap:5px}.arcade-hero-portrait{height:50px}.arcade-title-panel .arcade-primary-button{padding:12px 18px 10px}.arcade-title-help,.arcade-hi-score{margin-top:4px}}@media(max-width:390px){.copyright-trigger{font-size:.44rem}.arcade-shell{--arcade-fighter-width: 58px}.arcade-note-keyboard .note-button{width:clamp(37px,calc((100vw - 68px) / 7),43px);height:46px;font-size:1.18rem}.arcade-arena{grid-template-columns:minmax(64px,.36fr) minmax(48px,.28fr) minmax(64px,.36fr);min-height:148px}.arcade-fighter-sprite,.arcade-enemy-sprite{height:53px;translate:0 -4px}.arcade-enemy-sprite{translate:var(--fighter-sprite-offset, 0px) -4px}.arcade-fighter{grid-template-rows:53px auto}}