:root{font-family:ui-rounded,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f7f8fc;color:#1d2b48;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation;border:1px solid #dce3f1;background:white;color:#263957;border-radius:15px;padding:13px 18px;font-weight:650;min-height:48px}button:focus-visible{outline:3px solid #859eff;outline-offset:3px}button:disabled{cursor:default}main{max-width:490px;margin:auto;padding:18px 20px max(16px,env(safe-area-inset-bottom))}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.brand{position:relative;display:flex;align-items:center;gap:9px;text-decoration:none;color:#243455;font-size:23px;font-weight:800;letter-spacing:-.6px;padding-bottom:13px}.brand span{position:absolute;left:45px;bottom:0;font-size:8px;letter-spacing:1.8px;color:#8090ab}.gear{border:0;background:#edf1f9;font-size:23px;width:46px;padding:4px}.levelrow{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:#667b9a}#levelTag{color:#4669d5}#progress{display:flex;gap:5px;margin-top:12px}#progress span{height:5px;flex:1;background:#e0e6f1;border-radius:8px}#progress .done{background:#6984e8}#progress .now{background:#b1c0f4}h1{font-size:27px;letter-spacing:-.8px;line-height:1.15;margin:23px 0 5px}.muted{color:#7987a0;font-size:13px;line-height:1.5;margin:5px 0 15px}.scorecard{position:relative;border:1px solid #e3e8f2;background:#fff;border-radius:23px;box-shadow:0 8px 24px #24345505;overflow:hidden;margin:17px 0}#staff{display:block;width:100%;height:225px}.staff-label{display:block;text-align:center;font-size:8px;letter-spacing:2px;color:#97a2b5;padding:0 0 14px}#answers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}#answers button{background:#e9efff;border:1px solid #dce5ff;color:#3856a5;font-size:23px;padding:17px 8px;min-height:63px;border-radius:16px}#answers button.correct{background:#e0f5e9;border-color:#82c9a3;color:#206344}#answers button.wrong{background:#fff0dd;border-color:#ecbd7f;color:#986023}#answers button.dim{opacity:.4}.tip{font-size:12px;text-align:center;color:#8793a9;margin:24px 0}.primary{width:100%;background:#5071df;color:white;border:0;margin-top:15px;box-shadow:0 4px 10px #5071df20}.primary:hover{background:#4263cf}#feedback{margin-top:16px;padding:15px;background:#fff;border:1px solid #e3e8f2;border-radius:17px}.feedbackhead{display:flex;justify-content:space-between;align-items:center;gap:8px}.feedbackhead strong{font-size:17px}.feedbackhead button{font-size:11px;padding:6px 9px;min-height:34px;border-radius:10px}#position{font-size:12px;color:#6e7e96;margin:7px 0}#neck{display:block;width:100%;max-height:90px}footer{text-align:center;font-size:10px;color:#9aa5b9;margin-top:28px;line-height:1.7}footer span{display:block;font-size:9px}dialog{border:1px solid #e1e6ef;border-radius:25px;padding:22px;width:min(92vw,470px);max-height:90dvh;color:#263957;background:#fbfcff;box-shadow:0 20px 100px #15224c44}dialog::backdrop{background:#18253f66;backdrop-filter:blur(5px)}.dialoghead{display:flex;justify-content:space-between;align-items:center}.dialoghead h2{font-size:24px;margin:0}.dialoghead button{border:0;padding:8px;background:transparent}#levels{display:flex;flex-direction:column;gap:7px}#levels button{text-align:left;display:flex;align-items:center;gap:12px;padding:10px 12px;min-height:60px}#levels button.active{border:2px solid #6984e8;background:#edf2ff}#levels b{font-size:17px;color:#6984e8;background:#e9efff;padding:9px;border-radius:10px}#levels strong{display:block;font-size:13px}#levels small{font-size:10px;display:block;margin-top:4px;color:#7987a0}#levels em{margin-left:auto;font-size:12px;white-space:nowrap;font-style:normal;color:#257a52}.sound{display:flex;align-items:center;gap:10px;font-size:13px;margin-top:20px}.sound input{width:19px;height:19px;accent-color:#5071df}.small,details{font-size:11px;line-height:1.6;color:#7e8ba2}summary{cursor:pointer}#results{text-align:center;padding:20px 0}#results .medal{font-size:45px;color:#e4ad36;background:#fff4d9;width:92px;height:92px;border-radius:30px;display:grid;place-items:center;margin:10px auto 24px}.eyebrow{font-size:10px;letter-spacing:2px;color:#7e8ba2}#mark{font-size:78px;color:#5071df;font-weight:800;letter-spacing:-5px;margin:16px 0}#mark small{font-size:28px;letter-spacing:0;color:#a1b0cc}#resultText{font-size:15px;line-height:1.6;color:#7e8ba2}#results button{width:100%;margin:7px 0}#audioStatus{position:fixed;bottom:10px;left:50%;transform:translateX(-50%);font-size:12px;background:#263957;color:white;border-radius:10px;padding:10px;max-width:90%;display:none}[hidden]{display:none!important}@media(max-height:740px){header{margin-bottom:14px}h1{margin-top:15px;font-size:24px}#staff{height:180px}.scorecard{margin:12px 0}#answers button{min-height:53px;padding:11px}.tip{margin:18px 0}footer{margin-top:15px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

#answers button:last-child:nth-child(7){grid-column:2}

:root{background:#fff9ef;color:#34264b}header .brand{color:#46305e;padding-bottom:0}.gear{background:#f2e8ff;color:#8051b5}.primary{background:#8b55cb;box-shadow:0 5px 0 #6c3da6}.primary:hover{background:#7946b7}.scorecard{border:2px solid #f4e7cd;box-shadow:0 5px 0 #f4ecd9}.levelrow,#levelTag{color:#9a63bf}#progress span{background:#eee2f3}#progress .done{background:#f6b74c}#progress .now{background:#b88ada}#answers button{border:0;border-bottom:4px solid #e3be77;background:#fff0c8;color:#765020}#answers button:nth-child(3n+2){background:#f5e3ff;border-color:#d9b3e9;color:#754291}#answers button:nth-child(3n){background:#ffe4dd;border-color:#efb4a1;color:#944f40}#answers button.correct{background:#d7f4e2;border-color:#83c7a1;color:#236849}#answers button.wrong{background:#ffecd1;border-color:#edbe7e;color:#9b5a20}#levels button.active{border-color:#ae7bd7;background:#f8edff}#levels b{color:#8b55cb;background:#f0e4ff}#mark{color:#8b55cb}#results{padding-top:8px}#results h1{margin-top:15px}#mark{margin:5px 0;font-size:64px}.mascot{position:relative;width:220px;margin:0 auto 20px;padding-bottom:22px}.mascot img{display:block;width:170px;height:185px;object-fit:cover;object-position:50% 32%;border-radius:48%;margin:auto;animation:sway 3s ease-in-out infinite;box-shadow:0 8px 0 #ead7f3}.mascot #bubble{position:relative;background:white;border:2px solid #f1dca9;border-radius:18px;padding:11px 8px;font-size:16px;font-weight:750;margin-top:-6px;box-shadow:0 4px 0 #f1e5cd}.spark{position:absolute;font-size:25px;color:#e9aa2f;animation:twinkle 2s ease-in-out infinite;z-index:1}.s1{left:0;top:25px}.s2{right:0;top:70px;animation-delay:.4s}.s3{right:10px;top:0;color:#a875d0;animation-delay:.8s}.passed .mascot img{animation:celebrate .6s ease-out 3,sway 3s 1.8s ease-in-out infinite}@keyframes sway{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg) translateY(-4px)}}@keyframes celebrate{50%{transform:translateY(-12px) rotate(5deg)}}@keyframes twinkle{50%{transform:scale(1.25) rotate(12deg);opacity:.6}}@media(prefers-reduced-motion:reduce){.mascot img,.spark,.passed .mascot img{animation:none}}