.mr-wrap{justify-items:center;display:grid}.mr{aspect-ratio:9/16;border-radius:var(--radius-lg);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#5e7a3a;width:min(100%,430px,min(82svh,760px)/1.77778);position:relative;overflow:hidden;box-shadow:0 24px 60px #1d1d1b2e;container-type:inline-size}.mr canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.mr-card{align-content:center;justify-items:center;gap:var(--sp-3);padding:var(--sp-6);text-align:center;color:#fff;-webkit-backdrop-filter:blur(4px);word-break:keep-all;background:#1d1d1b94;display:grid;position:absolute;inset:0}.mr-card[hidden],.mr-new[hidden],.mr-fail[hidden],.mr-tut[hidden],.mr-count[hidden]{display:none}.mr-card h2{letter-spacing:-.03em;margin:0;font-size:clamp(26px,7cqw,34px);line-height:1.15}.mr-card p{font-size:var(--fs-sm);color:#ffffffd9;max-width:26em;margin:0}.mr-kicker{letter-spacing:.02em;font-weight:600;color:#e5bc86!important}.mr-how{font-size:var(--fs-xs)!important;color:#ffffffb3!important}.mr-how b{color:#fff;font-weight:600}.mr-card>*{min-width:0;max-width:100%}.mr-actions{gap:var(--sp-2);margin-top:var(--sp-2);width:min(100%,300px);display:grid}.mr-actions .btn{width:100%;min-width:0}.mr-title{background:linear-gradient(#1d1d1b59,#1d1d1bb3)}.mr-brand{font-size:var(--fs-sm);letter-spacing:.04em;color:#ffffffd9;align-items:center;gap:8px;font-weight:600;display:flex}.mr-h{text-shadow:0 6px 24px #00000059;display:grid;letter-spacing:-.04em!important;font-size:clamp(40px,13cqw,56px)!important;line-height:1!important}.mr-h span{display:block}.mr-h span+span{color:#e5bc86}.mr-zones{width:min(100%,300px);margin-top:var(--sp-2);grid-template-columns:1fr 1fr;gap:6px;display:grid}.mr-zones span{border-radius:var(--radius-sm);font-size:var(--fs-xs);color:#ffffffd9;border:1px dashed #ffffff80;padding:10px 0;font-weight:600}.mr-tap{letter-spacing:.08em;font-size:var(--fs-xs)!important;color:#ffffffb3!important}.mr-tut{pointer-events:none;grid-template-columns:1fr 1fr;display:grid;position:absolute;inset:0}.mr-tut span{font-size:var(--fs-lg);color:#fff;text-shadow:0 2px 8px #00000080;background:#ffffff14;place-content:center;font-weight:700;display:grid}.mr-tut span+span{background:#ffffff29}.mr-count{text-align:center;color:#fff;text-shadow:0 8px 30px #00000080;pointer-events:none;font-size:clamp(72px,28cqw,120px);font-weight:800;position:absolute;top:36%;left:0;right:0}.mr-banner{text-align:center;color:#ffd36b;text-shadow:0 6px 24px #00000080;opacity:0;pointer-events:none;font-size:clamp(34px,11cqw,48px);font-weight:800;position:absolute;top:30%;left:0;right:0}.mr-reason{font-weight:600;font-size:var(--fs-md)!important;color:#fff!important}.mr-reason:empty{display:none}.mr-result{letter-spacing:-.03em;font-feature-settings:"tnum";font-weight:700;line-height:1;color:#fff!important;font-size:clamp(40px,12cqw,56px)!important}.mr-bestline{font-feature-settings:"tnum"}.mr-bestline b{color:#fff}.mr-new{color:#33230a;font-weight:700;font-size:var(--fs-xs);vertical-align:2px;background:#e5bc86;border-radius:999px;margin-left:6px;padding:2px 8px;display:inline-block}.mr-stats{width:min(100%,300px);margin:var(--sp-1) 0 0;grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.mr-stats div{border-radius:var(--radius-sm);background:#ffffff1a;grid-column:span 2;padding:8px 4px}.mr-stats dt{color:#ffffffb3;font-size:11px}.mr-stats dd{font-size:var(--fs-sm);color:#fff;font-feature-settings:"tnum";margin:2px 0 0;font-weight:700}.mr-pill{color:#fff;font:600 var(--fs-xs)/1 var(--sans);cursor:pointer;background:#1d1d1b8c;border:1px solid #fff9;border-radius:999px;padding:6px 12px}.mr-pill.is-off{color:#ffffff8c;border-color:#ffffff4d}.mr-pill.is-off:before{content:"✕ "}.mr-sound{gap:6px;display:flex;position:absolute;bottom:12px;right:12px}.mr-pause{letter-spacing:.1em;font-weight:800;position:absolute;bottom:12px;left:12px}.mr-pause[hidden]{display:none}.mr-fail{padding:var(--sp-6);text-align:center;color:#fff;background:#1d1d1bb3;place-content:center;margin:0;display:grid;position:absolute;inset:0}.mr-page-head{text-align:center}.mr-page-head p{max-width:34em;margin-inline:auto}@media (max-width:600px){.mr-page{padding-block:var(--sp-3) var(--sp-5)}.mr-page-head{display:none}.mr{width:min(100%, calc((100svh - var(--layout-header-h) - 2 * var(--sp-3)) * 9 / 16))}}@media (prefers-reduced-motion:no-preference){.mr-h span{animation:3s ease-in-out infinite mr-float}.mr-h span+span{animation-delay:.4s}.mr-tap{animation:1.6s ease-in-out infinite mr-pulse}.mr-count.pop{animation:.7s ease-out mr-pop}.mr-banner.show{animation:1.4s ease-out mr-banner}.mr-tut{animation:2.6s ease-in forwards mr-fade}@keyframes mr-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes mr-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes mr-pop{0%{opacity:0;transform:scale(1.6)}20%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:0;transform:scale(.9)}}@keyframes mr-banner{0%{opacity:0;transform:translateY(16px)scale(.8)}15%{opacity:1;transform:none}75%{opacity:1}to{opacity:0;transform:translateY(-20px)}}@keyframes mr-fade{0%,70%{opacity:1}to{opacity:0}}}@media (prefers-reduced-motion:reduce){.mr-banner.show,.mr-count.pop{opacity:1}}