@font-face{font-family:PopRound;src:url('/fonts/ZenMaruGothic-Bold.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
:root{--green:#185bdf;--line:#203667;--muted:#546381;background:#fff;color:#152d60;font-family:PopRound,"Hiragino Sans",sans-serif;font-weight:700}body{background:#fff}button{font-weight:700}.header{max-width:1080px;border-bottom:3px solid #182e60;padding:20px 30px}.brand{color:#172e60;font-size:28px;letter-spacing:0}.brand-icon{background:#185bdf;color:#ffda28;border:2px solid #172e60;box-shadow:0 4px 0 #172e60;border-radius:15px;width:48px;height:48px}.brand small{font-size:12px;letter-spacing:.02em}.pop-word{background:#ffda28;border:2px solid #172e60;border-radius:8px;padding:1px 7px;display:inline-block;font-size:16px;transform:rotate(-8deg);color:#172e60;vertical-align:middle}.edition{color:#172e60;background:#ffda28;border-radius:9px;border:2px solid #172e60;padding:6px 12px;letter-spacing:0}main{padding-top:24px}.intro{display:flex;align-items:center;justify-content:center;gap:50px;padding:18px 30px;background:#ffda28;border:3px solid #172e60;border-radius:26px;box-shadow:0 6px 0 #172e60;margin-bottom:28px}.intro-copy{flex:1}.intro .eyebrow{color:#172e60;font-size:14px;letter-spacing:.04em}.intro h1{font-size:43px;line-height:1.28;margin:12px 0;color:#172e60;letter-spacing:.02em}.intro p{color:#172e60;font-size:16px}.mascot-welcome{width:215px;text-align:center;flex-shrink:0}.mascot-welcome img{width:190px;height:190px;object-fit:contain;display:block;margin:auto}.mascot-welcome span{display:inline-block;border:2px solid #172e60;border-radius:20px;background:white;padding:5px 12px;font-size:13px}.panel{border:2px solid #172e60;border-radius:22px;box-shadow:0 5px 0 #172e60}.settings{padding:24px}.section-title h2{font-size:20px}.step{background:#185bdf;color:white;font-size:14px;border-radius:8px}.instruments{gap:10px}.instrument{border:2px solid #172e60;border-radius:14px;box-shadow:0 4px 0 #172e60;background:white;color:#172e60}.instrument strong{font-size:24px}.instrument small{font-size:12px;color:#4e5c79}.instrument.selected{background:#ffda28;border-color:#172e60;box-shadow:0 4px 0 #172e60}.hint{font-size:13px;color:#546381}.level-area{margin-top:24px}.levels{display:grid;grid-template-columns:1fr 1fr;gap:12px}.level{flex-direction:column;justify-content:center;text-align:center;position:relative;gap:8px;min-height:126px;padding:13px 8px;background:#fff;border:2px solid #172e60;border-radius:16px;box-shadow:0 4px 0 #172e60}.level:last-child{grid-column:1/-1;flex-direction:row;min-height:88px;gap:20px}.level-number{font-size:10px;width:auto;letter-spacing:.04em;color:#172e60}.level-number b{width:34px;height:34px;background:#ffda28;border:2px solid #172e60;color:#172e60;border-radius:10px;font-size:22px}.level:nth-child(2) .level-number b{background:#185bdf;color:white}.level:nth-child(3) .level-number b{background:#ee4035;color:white}.level:nth-child(4) .level-number b{background:#159461;color:white}.level-copy{flex:initial}.level-copy strong{font-size:16px}.level-copy small{font-size:12px;color:#546381}.level .radio{position:absolute;right:8px;top:8px;width:14px;height:14px;border:2px solid #a7b3c9}.level.selected{background:#eaf1ff;border-color:#185bdf;box-shadow:0 4px 0 #185bdf}.level.selected .radio{border:4px solid #185bdf}.level.selected .level-number b{background:#185bdf;color:white}.locked{opacity:.55}.preview{padding:24px;background:#fff;top:20px}.preview-top{margin-bottom:22px}.eyebrow{color:#185bdf}.preview-top .eyebrow{font-size:14px;letter-spacing:0}.pill{background:#eaf1ff;color:#185bdf;border:1px solid #185bdf;border-radius:9px}.preview h2{font-size:24px}.preview>p{font-size:15px}.preview .practice-facts{background:#ffed92;border:2px solid #172e60;border-radius:12px}.practice-facts strong{color:#172e60}.primary{background:#ee4035;border:2px solid #172e60;box-shadow:0 5px 0 #172e60;color:#fff;border-radius:15px;min-height:58px;font-size:19px}.primary:hover{background:#d52b24}.primary:disabled{background:#e3e8ef;border-color:#a4aec1;color:#52617c;box-shadow:none}.secondary{border:2px solid #172e60;border-radius:15px;color:#185bdf;box-shadow:0 4px 0 #172e60}.primary:active:not(:disabled),.answer:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 #172e60}.training{max-width:640px}.text-button{font-size:14px;color:#546381}.question-heading{margin-top:10px}.question-heading .eyebrow{font-size:14px;letter-spacing:0}.question-heading strong{font-size:27px}.journey{gap:6px;margin:12px 0}.journey-step{background:#fff;border:2px solid #a3b2ce;color:#586681;border-radius:9px;box-shadow:0 2px 0 #d9e0ec}.journey-step.current{border-color:#185bdf;box-shadow:0 3px 0 #185bdf;color:#185bdf}.journey-step.won{background:#ffda28;color:#172e60;border-color:#172e60;box-shadow:0 2px 0 #172e60}.journey-step.missed{background:#ffedea;color:#bf3329;border-color:#d4564c}.buddy-line{display:flex;align-items:center;gap:10px;margin:7px 0 9px;font-size:14px;color:#172e60}.buddy-line img{width:46px;height:46px;object-fit:contain}.buddy-line span{background:#ffed92;padding:7px 14px;border-radius:20px}.game-hud{margin-bottom:13px}.star-count{border:2px solid #172e60;background:#ffda28;color:#172e60;border-radius:10px;padding:5px 12px}.star-count>span{color:#172e60}.combo{color:#546381;font-size:13px}.combo.active{background:#ffda28;color:#172e60;border-radius:10px}.question-card{border:2px solid #172e60;background:white;border-radius:22px;padding:19px 14px 15px}.question-card h1{font-size:24px;color:#172e60}.question-card .hint{font-size:14px}.question-card .notation{max-width:330px}.listen{background:#eaf1ff;color:#174fae;border:2px solid #185bdf;border-radius:12px;font-size:15px;font-weight:700;min-height:44px}.answers{gap:17px;margin-top:20px}.answer{background:#185bdf;color:white;border:2px solid #172e60;border-radius:18px;box-shadow:0 6px 0 #172e60;font-size:35px;min-height:80px}.answer:nth-child(2){background:#ffda28;color:#172e60}.answer:not(:disabled):hover{background:#154fc4;color:white;border-color:#172e60}.answer:nth-child(2):not(:disabled):hover{background:#ffe65b;color:#172e60}.answer.correct{background:#daf4e4;color:#126342;border:3px solid #16845b;box-shadow:0 4px 0 #16845b}.answer.wrong{background:#ffe5e0;color:#ae3029;border:3px solid #d6463b;box-shadow:0 4px 0 #d6463b}.answer:disabled:not(.correct):not(.wrong){background:#e7ecf5;color:#72809b;box-shadow:none}.is-correct{border-color:#16845b;box-shadow:0 5px 0 #16845b;background:#f8fffb}.is-wrong{border-color:#d6463b;box-shadow:0 5px 0 #d6463b;background:#fffaf8}.is-wrong #question-title{color:#b83329}.verdict-mark{border:2px solid #16845b;background:#eafff1;color:#128054;box-shadow:0 4px 0 #16845b;text-shadow:none;border-radius:18px}.is-wrong .verdict-mark{border-color:#cf382e;background:#fff0eb;color:#cf382e;box-shadow:0 4px 0 #cf382e;text-shadow:none}.star-gain{color:#795a00}.feedback-copy strong{font-size:14px}.feedback{margin-top:16px;min-height:55px}.bottom-hint{color:#546381}.result-mascot{width:145px;height:145px;object-fit:contain;margin-bottom:14px}.result-intro .eyebrow{display:block;font-size:14px;letter-spacing:.02em}.result-intro h1{color:#185bdf}.reward-strip{background:#ffda28;border:2px solid #172e60;box-shadow:0 5px 0 #172e60;border-radius:18px}.collected-stars .earned{color:#172e60}.collected-stars .empty{color:#756934}.reward-strip p,.reward-strip p span{color:#172e60}.score-total>strong{color:#185bdf}.stats strong{color:#172e60}.note-tag{background:#ffed92;color:#172e60}footer{color:#65748e;font-size:12px}
@media(max-width:700px){.header{padding:14px 18px}.brand{font-size:24px}.brand-icon{width:41px;height:41px}.brand small{font-size:11px}.edition{display:none}main{padding:18px 15px 10px}.intro{padding:18px 13px;gap:6px;border-radius:20px;margin-bottom:25px}.intro h1{font-size:30px;letter-spacing:0;margin:9px 0}.intro .eyebrow{font-size:10px;letter-spacing:0}.intro p{font-size:12px;line-height:1.8}.mascot-welcome{width:120px}.mascot-welcome img{width:120px;height:140px}.mascot-welcome span{font-size:10px;padding:4px 6px;border-width:1px}.settings{padding:18px 13px}.section-title h2{font-size:18px}.instruments{gap:7px}.instrument strong{font-size:22px}.instrument small{font-size:12px}.levels{gap:11px}.level{min-height:126px}.level-copy strong{font-size:16px}.level-copy small{font-size:12px}.level:last-child{min-height:85px}.preview{padding:22px 15px}.preview .notation{max-width:290px}.question-heading{margin-top:4px}.question-heading .eyebrow{font-size:12px}.question-heading strong{font-size:22px}.journey{gap:4px;margin:9px 0}.journey-step{height:26px;font-size:11px;border-radius:7px}.journey-step.won{font-size:17px}.buddy-line{margin:4px 0 7px;font-size:12px;gap:7px}.buddy-line img{width:37px;height:37px}.buddy-line span{padding:5px 10px}.game-hud{margin-bottom:10px;min-height:30px}.star-count{font-size:16px;padding:4px 9px}.combo{font-size:11px}.combo.active{padding:6px 8px}.question-card{padding:14px 9px 12px;border-radius:19px}.question-card h1{font-size:21px}.question-card .hint{font-size:12px}.question-card .notation{max-width:260px}.listen{font-size:14px;min-height:42px;padding:8px 14px}.answers{gap:13px;margin-top:18px}.answer{min-height:69px;font-size:30px;border-radius:15px}.feedback{margin-top:12px;min-height:48px}.feedback-copy strong{font-size:12px}.feedback .hint{font-size:11px}.feedback-symbol{font-size:27px}.bottom-hint{font-size:12px}.verdict-mark{height:70px;width:70px;font-size:74px;right:3px}.star-gain{font-size:16px}.result-intro h1{font-size:24px}.result-mascot{width:125px;height:125px}.result-summary{padding:22px 16px}.reward-strip{padding:18px 9px}.collected-stars{font-size:25px;gap:3px}.reward-strip p{font-size:12px;gap:16px}.score-total small{font-size:15px}.details,.mistakes{padding:20px 12px}.result-actions .primary{font-size:16px}.stats strong{font-size:26px}.stats span{font-size:12px}}

.celebration{border:2px solid #172e60;box-shadow:0 6px 0 #172e60}.celebration-score,.celebration.master .celebration-score{background:#ffda28;color:#172e60;border:2px solid #172e60;box-shadow:0 4px 0 #172e60}.celebration.master{border-color:#172e60}.celebration-message{color:#172e60}.celebration h1{font-size:30px}.celebration .eyebrow{font-size:14px;letter-spacing:0}@media(max-width:700px){.celebration h1{font-size:25px}.celebration-score strong small{font-size:17px}}