.mb-root,.mb-title{color:#fff;padding:max(8px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.mb-bg{z-index:-1;background:radial-gradient(60% 40% at 50% 34%,#f0b42938,#0000 70%),radial-gradient(40% 30% at 12% 8%,#c8232a59,#0000 70%),radial-gradient(40% 30% at 88% 10%,#c8232a4d,#0000 70%),linear-gradient(#0b2550 0%,#081c3b 55%,#061328 100%);position:absolute;inset:0}.mb-bg:after{content:"";background:radial-gradient(70% 60% at 50% 0,#c8232a8c,#78121880 60%,#0000 100%);border-radius:50% 50% 0 0;height:34%;position:absolute;bottom:-6%;left:-10%;right:-10%}.mb-title{justify-content:center;align-items:center;gap:4px}.mb-title-top{top:max(10px, env(safe-area-inset-top));z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute;left:12px;right:12px}.mb-title-momo{filter:drop-shadow(0 18px 30px #00000073);width:min(52vw,34vh,300px);animation:2.6s ease-in-out infinite mb-bob}.mb-title-copy{text-align:center;flex-direction:column;align-items:center;gap:8px;max-width:440px;display:flex}.mb-title-zh{color:#ffd45e;font-size:22px}.mb-title-zh .pinyin{color:#a5f3fc;margin-left:6px;font-size:15px}.mb-title-h{font-size:clamp(34px,9vw,54px);line-height:1}.mb-title-tag{color:#ffffffd1;margin-bottom:6px;font-size:15px}.mb-title-best{color:#ffd45e;font-size:13px;font-weight:800}@media (orientation:landscape) and (max-height:520px){.mb-title{flex-direction:row;gap:24px}.mb-title-momo{width:min(30vw,62vh)}}.mb-hud{z-index:3;align-items:center;gap:8px;display:flex}.mb-icon{background:#ffffff1a;border:1px solid #ffffff29;border-radius:14px;flex:none;place-items:center;width:40px;height:40px;display:grid}.mb-icon:focus-visible,.mb-card:focus-visible,.mb-still:focus-visible,.mb-replay:focus-visible{outline-offset:2px;outline:3px solid #ffd45e}.mb-hud-mid{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.mb-lives{gap:3px;display:flex}.mb-lives .is-on{color:#ff5a6a;filter:drop-shadow(0 0 6px #ff5a6a99)}.mb-lives .is-off{color:#ffffff4d}.mb-progress{background:#ffffff1f;border-radius:99px;height:6px;overflow:hidden}.mb-progress span{transform-origin:0;background:linear-gradient(90deg,#06b6d4,#67e8f9);height:100%;transition:transform .5s;display:block}.mb-stage-tag{letter-spacing:.04em;color:#a5f3fc;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:800;overflow:hidden}.mb-score{text-align:right;min-width:52px;line-height:1}.mb-score b{color:#ffd45e;font-family:Unbounded,"Baloo 2",sans-serif;font-size:20px}.mb-streak{color:#ffb347;margin-top:2px;font-size:11px;font-weight:800;display:block}.mb-stage{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-height:0;padding-top:8px;display:flex;position:relative}.mb-momo{aspect-ratio:542/900;transform-origin:50% 100%;height:min(30vh,260px);position:relative}.mb-momo img{object-fit:contain;filter:drop-shadow(0 14px 22px #00000073);-webkit-user-select:none;user-select:none;width:100%;height:100%}.mb-momo:not([class*=mb-pose-]){animation:2.4s ease-in-out infinite mb-bob}.mb-momo.is-talking{animation:.32s ease-in-out 3 mb-talk}.mb-bubble{color:#081c3b;text-align:center;z-index:2;background:#fffaf0;border-radius:22px;width:min(94%,520px);padding:10px 46px 10px 16px;position:absolute;top:6px;left:50%;translate:-50%;box-shadow:0 10px #0000002e,0 18px 36px #00000059}.mb-bubble:after{content:"";border:12px solid #0000;border-top-color:#fffaf0;border-bottom:0;position:absolute;bottom:-12px;left:50%;translate:-50%}.mb-bubble.is-trap{background:#ffe4e6}.mb-bubble.is-trap:after{border-top-color:#ffe4e6}.mb-line{font-size:clamp(24px,7vw,34px);font-weight:700;line-height:1.2}.mb-says{color:#0e7490}.mb-then{color:#9a6700}.mb-done{color:#16a34a;text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:3px}.mb-pinyin{color:#0e7490;font-size:15px;font-weight:700}.mb-meaning{color:#334155;font-size:13px;font-weight:600}.mb-listen{color:#0e7490;justify-content:center;align-items:center;gap:8px;padding:6px 0;font-size:18px;font-weight:800;display:flex}.mb-replay{color:#fff;background:#06b6d4;border-radius:12px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:50%;right:8px;translate:0 -50%;box-shadow:0 3px #0e7490}.mb-timer{background:#ffffff24;border-radius:99px;width:min(86%,460px);height:8px;margin-top:8px;overflow:hidden}.mb-timer span{transform-origin:0;background:linear-gradient(90deg,#f0b429,#22d3ee);height:100%;display:block}.mb-timer span.is-run,.mb-timer span.is-stop{animation-name:mb-countdown;animation-timing-function:linear;animation-fill-mode:forwards}.mb-verdict{white-space:nowrap;text-overflow:ellipsis;z-index:3;border-radius:99px;max-width:96%;padding:6px 16px;font-family:Unbounded,"Baloo 2",sans-serif;font-size:clamp(15px,4.4vw,20px);font-weight:800;position:absolute;top:44%;left:50%;overflow:hidden;translate:-50%;box-shadow:0 6px 18px #00000059}.mb-verdict.is-good{background:#16a34a}.mb-verdict.is-bad{background:#c8232a}.mb-cards{z-index:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.mb-cards.n-3{grid-template-columns:repeat(3,minmax(0,1fr))}.mb-card{color:#081c3b;background:linear-gradient(#fff,#e8f7fb);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:96px;padding:8px 6px;transition:box-shadow .15s,background .2s;display:flex;position:relative;box-shadow:0 6px #0e7490,0 12px 20px #0000004d}.mb-card:disabled{cursor:default}.mb-card.is-good{background:linear-gradient(#dcfce7,#86efac);box-shadow:0 6px #15803d,0 0 0 3px #22c55e}.mb-card.is-bad{background:linear-gradient(#ffe4e6,#fda4af);box-shadow:0 6px #9f1239,0 0 0 3px #c8232a}.mb-card.is-answer{animation:.7s ease-in-out 2 mb-pulse;box-shadow:0 6px #15803d,0 0 0 3px #22c55e}.mb-pic{font-size:clamp(34px,10vw,46px);line-height:1.1}.mb-label{text-align:center;font-size:13.5px;font-weight:800;line-height:1.1}.mb-reveal{color:#0e7490;font-size:15px;font-weight:700}.mb-key{color:#081c3b66;font-size:11px;font-weight:800;position:absolute;top:6px;left:8px}.mb-order{color:#fff;background:#16a34a;border-radius:99px;place-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:grid;position:absolute;top:6px;right:8px}.mb-still-row{z-index:2;justify-content:center;margin-top:12px;display:flex}.mb-still{background:#c8232a;border-radius:99px;align-items:center;gap:8px;padding:10px 22px;font-size:17px;font-weight:800;transition:transform .1s;display:inline-flex;box-shadow:0 5px #7f1d1d,0 10px 18px #0000004d}.mb-still small{opacity:.85;font-size:11px;font-weight:700}.mb-still:active:not(:disabled){transform:translateY(3px)}.mb-still:disabled{opacity:.55}.mb-still.is-good{opacity:1;background:#16a34a;box-shadow:0 5px #15803d,0 0 0 3px #86efac}.mb-banner{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;background:#06132899;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.mb-banner-card{text-align:center;background:linear-gradient(#0e7490,#083b4f);border:2px solid #67e8f9;border-radius:26px;max-width:400px;padding:18px 22px;box-shadow:0 20px 50px #00000080}.mb-banner-kicker{letter-spacing:.16em;text-transform:uppercase;color:#ffd45e;font-size:12px;font-weight:800}.mb-banner-card h2{margin:4px 0 6px;font-size:30px}.mb-banner-rule{color:#e0f7fb;font-size:15px}.mb-rule-demo{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mb-rule{text-align:center;border-radius:16px;padding:10px 8px}.mb-rule .hanzi{font-size:22px;font-weight:700}.mb-rule .pinyin{color:#a5f3fc;font-size:13px}.mb-rule-say{margin-top:4px;font-size:12px;font-weight:700}.mb-rule.is-go{background:#16a34a33;border:1px solid #22c55e99}.mb-rule.is-stop{background:#c8232a33;border:1px solid #f8717199}@media (orientation:landscape) and (min-width:700px){.mb-root{grid-template-rows:auto 1fr auto auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);column-gap:24px;padding-inline:max(14px,50vw - 590px);display:grid}.mb-hud{grid-column:1/-1}.mb-stage{grid-area:2/1/6;justify-content:center;padding-top:110px}.mb-bubble{width:min(100%,480px)}.mb-momo{height:min(46vh,400px)}.mb-cards{grid-area:3/2;margin-top:0}.mb-cards.n-3{grid-template-columns:repeat(2,minmax(0,1fr))}.mb-card{min-height:clamp(110px,22vh,200px)}.mb-still-row{grid-area:4/2;margin-top:18px}}@media (orientation:landscape) and (min-width:1000px) and (min-height:600px){.mb-pic{font-size:64px}.mb-label{font-size:18px}.mb-reveal{font-size:20px}.mb-line{font-size:38px}.mb-pinyin{font-size:18px}.mb-still{padding:12px 28px;font-size:20px}}@media (orientation:landscape) and (max-height:480px){.mb-stage{padding-top:70px}.mb-momo{height:36vh}.mb-card{min-height:26vh}.mb-pic{font-size:30px}}@media (max-height:680px) and (orientation:portrait){.mb-momo{height:22vh}.mb-card{min-height:78px}.mb-pic{font-size:32px}}@keyframes mb-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes mb-talk{50%{transform:scale(1.04,.97)rotate(-1.5deg)}}@keyframes mb-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes mb-pulse{50%{transform:scale(1.05)}}@keyframes mb-jump{0%,to{transform:translateY(0)scale(1)}15%{transform:translateY(0)scale(1.08,.9)}45%{transform:translateY(-34%)scale(.95,1.06)}75%{transform:translateY(0)scale(1.06,.94)}}@keyframes mb-run{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-22%)rotate(-8deg)}75%{transform:translate(22%)rotate(8deg)}}@keyframes mb-walk{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-8%)rotate(-4deg)}50%{transform:translate(0)rotate(0)}75%{transform:translate(8%)rotate(4deg)}}@keyframes mb-down{40%,80%{transform:scale(1.08,.78)}}@keyframes mb-up{0%{transform:scale(1.05,.82)}50%{transform:scale(.94,1.12)translateY(-6%)}}@keyframes mb-tilt{30%,70%{transform:rotate(-10deg)}}@keyframes mb-tilt-r{30%,70%{transform:rotate(10deg)}}@keyframes mb-nod{20%,60%{transform:rotate(4deg)translateY(2%)}40%,80%{transform:rotate(-4deg)}}@keyframes mb-sleep{30%,85%{transform:rotate(-78deg)translate(-18%,14%)scale(.9)}}@keyframes mb-shake{20%,60%{transform:translate(-6%)rotate(-3deg)}40%,80%{transform:translate(6%)rotate(3deg)}}@keyframes mb-proud{40%{transform:scale(1.12)rotate(-4deg)}}@keyframes mb-spin{to{transform:rotateY(360deg)}}.mb-pose-jump{animation:.7s ease-out mb-jump}.mb-pose-run{animation:.45s ease-in-out 2 mb-run}.mb-pose-walk{animation:.9s ease-in-out mb-walk}.mb-pose-down{animation:.9s ease-in-out mb-down}.mb-pose-up,.mb-pose-hand{animation:.7s ease-out mb-up}.mb-pose-look,.mb-pose-listen,.mb-pose-phone{animation:.9s ease-in-out mb-tilt}.mb-pose-talk,.mb-pose-write,.mb-pose-door{animation:.9s ease-in-out mb-tilt-r}.mb-pose-eat,.mb-pose-drink,.mb-pose-laugh{animation:.9s ease-in-out mb-nod}.mb-pose-sleep{animation:1.1s ease-in-out mb-sleep}.mb-pose-cry,.mb-pose-oops{animation:.6s ease-in-out mb-shake}.mb-pose-tease{animation:.7s ease-in-out mb-spin}.mb-pose-proud{animation:.7s ease-in-out mb-proud}@media (prefers-reduced-motion:reduce){.mb-momo,.mb-title-momo{animation:none!important}}