.mz-root{color:#eaf6f0;-webkit-user-select:none;user-select:none;touch-action:none;background:radial-gradient(90% 70% at 50% -10%,#163028 0%,#0000 55%),#0a1512;font-family:Outfit,ui-sans-serif,system-ui,sans-serif;position:absolute;inset:0;overflow:hidden}.mz-root canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.mz-hud{z-index:2;pointer-events:none;position:absolute;inset:0}.mz-hud.is-hidden{opacity:0}.mz-chip,.mz-meter,.mz-timer{background:#0c1c18e6;border:1px solid #78bea033;border-radius:14px}.mz-chip{flex-direction:column;gap:2px;min-width:0;padding:7px 12px;display:flex}.mz-label{letter-spacing:.14em;text-transform:uppercase;color:#6d8b80;font-size:10px;font-weight:650}.mz-value{font-variant-numeric:tabular-nums;font-family:Fraunces,Georgia,serif;font-size:22px;font-weight:650;line-height:1}.mz-hearts{gap:5px;padding-top:3px;display:flex}.mz-heart{clip-path:polygon(50% 92%,8% 40%,8% 22%,26% 6%,50% 22%,74% 6%,92% 22%,92% 40%);background:#ff8f6b;width:14px;height:14px;transition:transform .2s,opacity .3s,background .3s}.mz-heart.is-lost{opacity:.55;background:#335048;transform:scale(.8)}.mz-actions{pointer-events:auto;gap:8px;display:flex}.mz-icon{color:#eaf6f0;cursor:pointer;background:#0c1c18e6;border:1px solid #78bea033;border-radius:12px;place-items:center;width:42px;height:42px;padding:0;display:grid}.mz-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.mz-icon .mz-on,.mz-icon.is-muted .mz-off{display:none}.mz-icon.is-muted .mz-on{display:block}.mz-bot{flex-direction:column;gap:8px;display:flex}.mz-meter{padding:7px 10px 9px}.mz-meter.is-hot{animation:.55s ease-in-out infinite mz-hot}@keyframes mz-hot{50%{border-color:#ff5a5abf;box-shadow:0 0 16px #ff5a5a59}}.mz-meter-head{justify-content:space-between;margin-bottom:5px;display:flex}.mz-num{font-variant-numeric:tabular-nums;color:#93b3a6;font-size:11px;font-weight:700}.mz-track{background:#ffffff14;border-radius:99px;height:8px;overflow:hidden}.mz-fill{border-radius:inherit;width:0%;height:100%}.mz-fill-alert{background:linear-gradient(90deg,#ffb06a,#ff5a5a)}.mz-fill-camo{background:linear-gradient(90deg,#3dba8c,#8cf0c4)}.mz-hint{text-align:center;color:#93b3a6;min-height:16px;font-size:12px;font-weight:600}.mz-timer{flex-direction:column;align-items:center;padding:6px 16px;display:flex}.mz-timer.is-hidden{display:none}.mz-timer.is-urgent .mz-value{color:#ffd479}.mz-root.is-portrait .mz-top{top:calc(env(safe-area-inset-top,0px) + 8px);left:calc(env(safe-area-inset-left,0px) + 10px);right:calc(env(safe-area-inset-right,0px) + 10px);grid-template-columns:auto 1fr auto auto;align-items:start;gap:8px;display:grid;position:absolute}.mz-root.is-portrait .mz-hearts-chip{justify-self:center;align-items:center}.mz-root.is-portrait .mz-timer{top:calc(env(safe-area-inset-top,0px) + 78px);position:absolute;left:50%;transform:translate(-50%)}.mz-root.is-portrait .mz-bot{left:calc(env(safe-area-inset-left,0px) + 10px);right:calc(env(safe-area-inset-right,0px) + 10px);bottom:calc(env(safe-area-inset-bottom,0px) + 10px);position:absolute}.mz-root.is-landscape .mz-top{top:calc(env(safe-area-inset-top,0px) + 10px);bottom:calc(env(safe-area-inset-bottom,0px) + 10px);left:calc(env(safe-area-inset-left,0px) + 10px);flex-direction:column;gap:8px;width:118px;display:flex;position:absolute}.mz-root.is-landscape .mz-actions{margin-top:auto}.mz-root.is-landscape .mz-timer{top:calc(env(safe-area-inset-top,0px) + 10px);right:calc(env(safe-area-inset-right,0px) + 10px);width:132px;position:absolute}.mz-root.is-landscape .mz-bot{top:calc(env(safe-area-inset-top,0px) + 86px);right:calc(env(safe-area-inset-right,0px) + 10px);bottom:calc(env(safe-area-inset-bottom,0px) + 10px);width:132px;position:absolute}.mz-banner{z-index:3;text-align:center;pointer-events:none;opacity:0;transition:opacity .2s;position:absolute;top:46%;left:50%;transform:translate(-50%,-40%)}.mz-banner.is-on{opacity:1}.mz-banner strong{letter-spacing:-.02em;text-shadow:0 4px 24px #0000008c;font-family:Fraunces,Georgia,serif;font-size:clamp(28px,7vw,52px);font-weight:650;display:block}.mz-banner span{letter-spacing:.08em;text-transform:uppercase;color:#93b3a6;margin-top:4px;font-size:13px;font-weight:650;display:block}.mz-banner.tone-hide strong,.mz-banner.tone-good strong{color:#6fe0b0}.mz-banner.tone-seek strong{color:#ffd479}.mz-banner.tone-bad strong{color:#ff5a5a}.mz-cue{z-index:4;text-align:center;pointer-events:none;opacity:0;transition:opacity .5s;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.mz-cue.is-on{opacity:1}.mz-cue b{letter-spacing:.18em;font-family:Fraunces,Georgia,serif;font-size:28px;font-weight:650;display:block}.mz-cue em{letter-spacing:.16em;text-transform:uppercase;color:#ffd479;margin-top:6px;font-size:12px;font-style:normal;display:block}.mz-overlay{z-index:5;background:#060e0c9e;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.mz-overlay.is-hidden{display:none}.mz-panel{text-align:center;background:linear-gradient(#142820,#0d1c18);border:1px solid #78bea038;border-radius:22px;width:min(420px,100%);max-height:100%;padding:22px 22px 18px;overflow:auto;box-shadow:0 24px 60px #00000073}.mz-panel.is-hidden{display:none}.mz-panel h2{margin:8px 0 4px;font-family:Fraunces,Georgia,serif;font-size:30px;font-weight:650}.mz-panel p{color:#93b3a6;margin:0 0 14px;font-size:14px}.mz-mark{background:radial-gradient(circle at 35% 30%,#8eebc4,#2b7d5f 70%);border-radius:50%;width:54px;height:54px;margin:0 auto}.mz-mark.is-bad{background:radial-gradient(circle at 35% 30%,#ffb199,#a8342a 72%)}.mz-scores{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.mz-scores div{background:#ffffff0a;border:1px solid #78bea029;border-radius:12px;padding:8px 4px}.mz-scores small{letter-spacing:.12em;text-transform:uppercase;color:#6d8b80;font-size:10px;display:block}.mz-scores b{font-family:Fraunces,Georgia,serif;font-size:20px;font-weight:650}.mz-badge{color:#2a1608;letter-spacing:.12em;text-transform:uppercase;background:#ffd479;border-radius:999px;margin-bottom:10px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-block}.mz-badge.is-hidden{display:none}.mz-play,.mz-ghost{width:100%;min-height:48px;font:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:14px;font-weight:750}.mz-play{color:#062318;background:linear-gradient(#7ee8bc,#2f9d74);border:none}.mz-ghost{color:#93b3a6;background:0 0;border:1px solid #78bea047;margin-top:8px}.mz-how{text-align:left;flex-direction:column;gap:8px;margin:14px 0 0;display:flex}.mz-how div{grid-template-columns:76px 1fr;align-items:center;gap:10px;display:grid}.mz-how dt{color:#ffd479;letter-spacing:.08em;text-transform:uppercase;text-align:center;background:#ffd4791f;border-radius:7px;margin:0;padding:4px 6px;font-size:10px;font-weight:800}.mz-how dd{color:#93b3a6;margin:0;font-size:12px;line-height:1.35}@media (prefers-reduced-motion:reduce){.mz-meter.is-hot{animation:none}}