*{box-sizing:border-box}body{margin:0;background:#f7f5ff;color:#29233b;font:16px/1.5 system-ui,sans-serif}header{display:flex;justify-content:space-between;gap:12px;padding:16px 24px;font-size:12px;color:#756886}a{color:#6243cf}main{max-width:840px;margin:auto;padding:0 20px 32px}.heading{display:flex;justify-content:space-between;align-items:center;gap:12px}h1{font-size:clamp(25px,4vw,36px);margin:4px 0 14px}small{font-size:11px;color:#7047ff;font-weight:750}button,input{font:inherit}button{min-height:44px;border:1px solid #ddd3f3;border-radius:12px;padding:10px 16px;background:white;color:#493b65;cursor:pointer}button:disabled{opacity:.55;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #bba6ff;outline-offset:3px}.primary{background:#7047ff;color:white;border-color:#7047ff}progress{width:100%;height:7px;accent-color:#7047ff}#position{font-size:12px;color:#796e86;margin:8px 0}.nova{display:flex;align-items:center;gap:14px;margin:18px 0}.nova img{width:65px;height:88px;object-fit:contain}.nova>div{flex:1;background:white;border:2px solid #9878ff;border-radius:18px;padding:12px 18px}.nova p{margin:4px 0}article{background:white;border:1px solid #e2daf1;border-radius:22px;padding:24px}h2{font-size:23px;margin:0 0 12px}.tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.tiles button{display:grid;gap:4px;padding:12px 6px}.tiles strong{font-size:27px}.tiles small{color:#796e86}.target{text-align:center;font-size:clamp(36px,7vw,64px);margin:14px 0;letter-spacing:.04em}.answer{width:100%;padding:13px;border:2px solid #ddd3f3;border-radius:12px;text-align:center;font-size:26px;min-height:65px}.correct{border-color:#29975a!important;background:#eefaf2!important}.wrong{border-color:#d45353!important;background:#fff0f0!important}.pad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:340px;margin:16px auto 0}.pad button{font-size:22px}.bank{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:16px}.bank button{font-size:24px}.listen{display:block;margin:12px auto;font-size:19px}footer{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}#hint{margin-right:auto}.muted{color:#796e86;font-size:14px}.recap{padding:12px 0;border-bottom:1px solid #eee8f7}[hidden]{display:none!important}@media(max-width:600px){header span{display:none}main{padding:0 12px 24px}article{padding:18px}.nova img{width:48px;height:65px}.tiles{grid-template-columns:repeat(5,minmax(0,1fr))}.tiles strong{font-size:22px}.tiles button{padding:9px 2px}.nova>div{padding:10px 12px}}@media(max-height:800px){.nova{margin:10px 0}.nova img{height:64px}article{padding:18px}.target{margin:8px 0;font-size:42px}.pad{gap:6px;margin-top:10px}}