.mm{--mm-ink:#eef3ff;--mm-mute:#a9b7da;--mm-blue:#4d8dff;--mm-gold:#ffd56b;--om-ground:#08154a;--stage:min(84vw,41vh,400px);position:fixed;inset:0;z-index:180;display:grid;grid-template-rows:auto auto 1fr;justify-items:center;align-content:start;grid-gap:clamp(4px,1.6vh,16px);gap:clamp(4px,1.6vh,16px);overflow:hidden auto;overscroll-behavior:contain;padding:max(10px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));color:var(--mm-ink);background:#030817;animation:mm-in .35s ease both}@keyframes mm-in{0%{opacity:0}}.mm .mm__bg,.mm .mm__bg:before{position:fixed;inset:0;pointer-events:none}.mm .mm__bg{z-index:-1;background:radial-gradient(70vmax 52vmax at 50% 30%,rgba(30,72,214,.42),transparent 62%),radial-gradient(60vmax 40vmax at 85% 110%,rgba(84,46,196,.22),transparent 60%),linear-gradient(180deg,#050d2a,#030817 70%)}.mm .mm__bg:before{content:"";inset:-40px;opacity:.55;background-image:radial-gradient(1px 1px at 12% 18%,#fff,transparent),radial-gradient(1px 1px at 72% 12%,#cfe0ff,transparent),radial-gradient(1.5px 1.5px at 38% 64%,#fff,transparent),radial-gradient(1px 1px at 88% 52%,#fff,transparent),radial-gradient(1px 1px at 22% 86%,#cfe0ff,transparent),radial-gradient(1.5px 1.5px at 58% 34%,#b9d2ff,transparent),radial-gradient(1px 1px at 6% 48%,#fff,transparent),radial-gradient(1px 1px at 94% 82%,#fff,transparent);background-size:340px 340px;animation:mm-drift 90s linear infinite}@keyframes mm-drift{to{transform:translate3d(-40px,40px,0)}}.mm .mm__top{position:relative;display:flex;align-items:center;justify-content:space-between;width:min(100%,560px);min-height:44px}.mm .mm__game{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 10px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#cfe0ff;background:rgba(10,22,64,.6);border:1px solid rgba(120,170,255,.18)}.mm .mm__game i{position:relative;width:7px;height:7px;border-radius:50%;background:#2ee6a6}.mm .mm__game i:after{content:"";position:absolute;inset:0;border-radius:50%;background:#2ee6a6;animation:mm-live 2.4s ease-out infinite}@keyframes mm-live{0%{opacity:.7}70%,to{opacity:0;transform:scale(3)}}.mm .mm__sound{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:#cfe0ff;background:rgba(10,22,64,.6);border:1px solid rgba(120,170,255,.18);cursor:pointer}.mm .mm__sound[aria-pressed=true]{color:#7f8db3}.mm .mm__stage{position:relative;width:var(--stage);height:var(--stage);flex:none}.mm .mm-radar{position:absolute;inset:0;border-radius:50%}.mm .mm-radar__flash,.mm .mm-radar__grid,.mm .mm-radar__ping,.mm .mm-radar__sweep{position:absolute;border-radius:50%;pointer-events:none}.mm .mm-radar__grid{inset:0;background:radial-gradient(circle,transparent 0 calc(25% - .5px),rgba(140,185,255,.13) 25%,transparent calc(25% + 1px)),radial-gradient(circle,transparent 0 calc(37% - .5px),rgba(140,185,255,.16) 37%,transparent calc(37% + 1px)),radial-gradient(circle,transparent 0 calc(49% - 1px),rgba(140,185,255,.28) 49.3%,transparent calc(49.3% + 1px)),linear-gradient(90deg,transparent calc(50% - .5px),rgba(140,185,255,.08) 50%,transparent calc(50% + .5px)),linear-gradient(0deg,transparent calc(50% - .5px),rgba(140,185,255,.08) 50%,transparent calc(50% + .5px)),radial-gradient(circle,rgba(18,44,140,.45),rgba(6,14,46,.2) 70%,transparent 71%)}.mm .mm-radar__grid:after{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(rgba(170,205,255,.35) 0 .6deg,transparent .6deg 10deg);-webkit-mask:radial-gradient(circle,transparent calc(50% - 7px),#000 calc(50% - 6px),#000 calc(50% - 1px),transparent 50%);mask:radial-gradient(circle,transparent calc(50% - 7px),#000 calc(50% - 6px),#000 calc(50% - 1px),transparent 50%)}.mm .mm-radar__sweep{inset:1%;background:conic-gradient(from 0deg,rgba(77,141,255,0) 0deg 270deg,rgba(77,141,255,.07) 310deg,rgba(110,170,255,.3) 352deg,rgba(225,240,255,.85) 359.4deg,transparent 1turn);animation:mm-turn var(--lap) linear var(--sweep) infinite;will-change:transform;transition:opacity .4s ease}@keyframes mm-turn{to{transform:rotate(1turn)}}.mm .mm-radar__ping{inset:26%;border:1.5px solid rgba(150,195,255,.55);animation:mm-ping var(--lap) cubic-bezier(.25,.6,.35,1) var(--sweep) infinite;will-change:transform,opacity}@keyframes mm-ping{0%{transform:scale(.85);opacity:.9}to{transform:scale(2);opacity:0}}.mm .mm-blip{--face:calc(var(--stage) * 0.115);position:absolute;left:50%;top:50%;width:var(--face);height:var(--face);margin:calc(var(--face) / -2) 0 0 calc(var(--face) / -2);transform:rotate(var(--a)) translateY(calc(var(--r) * var(--stage) * -1)) rotate(calc(var(--a) * -1))}.mm .mm-blip__in{position:relative;display:block;width:100%;height:100%;border-radius:50%;animation:mm-pop .6s cubic-bezier(.2,1.5,.4,1) both,mm-lit var(--lap) linear var(--blip) infinite}.mm .mm-blip__in .avatar,.mm .mm-blip__in .avatar-wrap{width:100%!important;height:100%!important;font-size:calc(var(--face) * .42)!important;box-shadow:0 0 0 1.5px rgba(160,200,255,.55),0 4px 14px rgba(0,0,0,.5)}.mm .mm-blip__in:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(140,195,255,.9);opacity:0;animation:mm-hit var(--lap) ease-out var(--blip) infinite}.mm .mm-blip.is-dot{--face:calc(var(--stage) * 0.03)}.mm .mm-blip.is-dot .mm-blip__in{background:#8fc3ff;box-shadow:0 0 10px 2px rgba(110,170,255,.7)}@keyframes mm-pop{0%{transform:scale(0)}}@keyframes mm-lit{0%{opacity:1}45%,to{opacity:.45}}@keyframes mm-hit{0%{opacity:.95;transform:scale(.9)}40%,to{opacity:0;transform:scale(1.45)}}.mm .mm__mark{position:absolute;left:25%;top:25%;width:50%;height:50%;transition:transform .5s cubic-bezier(.2,1.4,.4,1)}.mm .mm-radar__flash{inset:20%;opacity:0;background:radial-gradient(circle,rgba(225,240,255,.9),rgba(77,141,255,.35) 45%,transparent 70%)}.mm .mm__info{display:grid;justify-items:center;grid-gap:clamp(6px,1.3vh,12px);gap:clamp(6px,1.3vh,12px);width:min(100%,420px);text-align:center}.mm .mm__place{font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--mm-gold)}.mm .mm__title{margin-top:-4px;color:var(--mm-ink);font-family:var(--display);font-size:clamp(24px,3.4vh,32px);font-weight:800;letter-spacing:-.02em;line-height:1.1}.mm .mm__time{margin-top:-4px;font-size:14px;color:var(--mm-mute)}.mm .mm__time b{color:var(--mm-ink);font-weight:700}.mm .mm-duel{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;grid-gap:10px;gap:10px;width:100%;padding:12px 10px;border-radius:20px;background:linear-gradient(180deg,rgba(20,38,104,.55),rgba(8,16,50,.55));border:1px solid rgba(130,175,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 40px rgba(0,0,0,.35)}.mm .mm-duel__seat{display:grid;justify-items:center;grid-gap:4px;gap:4px;min-width:0}.mm .mm-duel__seat strong{max-width:100%;overflow:hidden;font-size:14px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.mm .mm-duel__seat small{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--mm-mute)}.mm .mm-duel__face{position:relative;display:grid;place-items:center;width:60px;height:60px}.mm .mm-duel__face .avatar{box-shadow:0 0 0 2px rgba(255,255,255,.85),0 8px 22px rgba(0,0,0,.45)}.mm .mm-duel__face .avatar-ring>.avatar{width:52px!important;height:52px!important}.mm .mm-duel__empty{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;font-family:var(--display);font-size:26px;font-weight:800;color:#cfe0ff;background:radial-gradient(circle,rgba(77,141,255,.28),rgba(10,20,60,.6) 70%)}.mm .mm-duel__seat.is-them .mm-duel__face:before{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px dashed rgba(140,190,255,.55);animation:mm-turn 9s linear infinite}.mm .mm-duel__seat.is-them:not(.is-filled) .mm-duel__empty{animation:mm-breathe var(--lap,2.4s) ease-in-out infinite}.mm .mm-duel__awaited{display:grid;place-items:center;filter:grayscale(.55) brightness(.8);animation:mm-breathe var(--lap,2.4s) ease-in-out infinite}@keyframes mm-breathe{50%{opacity:.55}}.mm .mm-duel__seat.is-filled .mm-duel__face:before{border:2px solid var(--mm-gold);animation:mm-burst .8s cubic-bezier(.2,.7,.3,1) both}.mm .mm-duel__seat.is-filled .mm-duel__face>*{animation:mm-pop .55s cubic-bezier(.2,1.6,.4,1) both}.mm .mm-duel__seat.is-filled strong{color:#fff}@keyframes mm-burst{0%{transform:scale(.7);opacity:1}to{transform:scale(1.7);opacity:0}}.mm .mm-duel__pot{display:grid;justify-items:center;grid-gap:1px;gap:1px;padding:0 4px}.mm .mm-duel__pot svg{margin:4px 0 2px;color:rgba(160,200,255,.55)}.mm .mm-duel__k{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--mm-mute)}.mm .mm-duel__pot b{font-size:14px;color:var(--mm-ink);font-weight:700;white-space:nowrap}.mm .mm-duel__pot .mm-duel__prize{font-size:18px;color:var(--mm-gold);text-shadow:0 0 18px rgba(255,201,77,.35)}.mm .mm__stats{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;padding:0;margin:0;list-style:none;font-size:13px;color:var(--mm-mute)}.mm .mm__stats b{color:var(--mm-ink);font-weight:700}.mm .mm__stats li:first-child:before{content:"";display:inline-block;width:6px;height:6px;margin:0 7px 1px 0;border-radius:50%;background:#2ee6a6;vertical-align:middle}.mm .mm__tip{min-height:2.8em;max-width:34ch;font-size:13px;line-height:1.4;color:#c4d1f0;animation:mm-tip .5s ease both}@keyframes mm-tip{0%{opacity:0;transform:translateY(4px)}}.mm .mm__cancel{min-height:48px;width:min(100%,320px);padding:0 20px;border-radius:14px;font:inherit;font-size:15px;font-weight:700;color:#ffd0ca;background:rgba(255,106,92,.1);border:1px solid rgba(255,120,106,.42);cursor:pointer;transition:background .15s ease,transform .1s ease}.mm .mm__cancel:hover{background:rgba(255,106,92,.18)}.mm .mm__cancel:active{transform:scale(.98)}.mm .mm__cancel:focus-visible,.mm .mm__sound:focus-visible{outline:2px solid #8fc3ff;outline-offset:2px}.mm .mm__extra{width:100%}.mm .mm__cancel:disabled{opacity:.55;cursor:default}.mm.is-found .mm-radar__ping,.mm.is-found .mm-radar__sweep{opacity:0}.mm.is-found .mm-radar__flash{animation:mm-flash .9s cubic-bezier(.2,.7,.3,1) both}@keyframes mm-flash{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(2.6)}}.mm.is-found .mm__mark{transform:scale(1.08)}.mm.is-found .mm__title{color:var(--mm-gold)}.mm.is-found .mm-blip{opacity:0;transition:opacity .5s ease .2s}@media (orientation:landscape){.mm{--stage:min(76vh,42vw,560px);grid-template-columns:auto minmax(0,400px);grid-template-rows:1fr;align-content:safe center;align-items:safe center;justify-content:center;column-gap:clamp(20px,6vw,96px);padding-top:max(56px,env(safe-area-inset-top))}.mm .mm__top{position:absolute;top:max(10px,env(safe-area-inset-top));left:50%;width:min(calc(100% - 32px),1100px);transform:translateX(-50%)}}@media (orientation:landscape) and (max-height:500px){.mm{--stage:min(80vh,42vw);padding-top:max(50px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom));column-gap:24px}.mm .mm__extra{display:none}.mm .mm__title{margin-top:-6px}.mm .mm__top{width:auto;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));transform:none}.mm .mm__game{padding:4px 10px 4px 8px;font-size:10px}.mm .mm__info{gap:6px}.mm .mm__title{font-size:22px}.mm .mm-duel{padding:8px}.mm .mm-duel__face{width:46px;height:46px}.mm .mm-duel__face .avatar-ring>.avatar{width:40px!important;height:40px!important}.mm .mm-duel__face .avatar{width:46px!important;height:46px!important;font-size:19px!important}.mm .mm__tip{min-height:0;font-size:12px}.mm .mm__cancel{min-height:44px}}.mm.is-turned{inset:auto;top:0;left:0;width:100vh;width:100dvh;height:100vw;transform-origin:0 0;transform:translateX(100vw) rotate(90deg);--stage:min(68vw,300px);grid-template-columns:auto minmax(0,340px);grid-template-rows:1fr;align-content:safe center;align-items:safe center;justify-content:center;column-gap:20px;padding-top:max(50px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom))}.mm.is-turned .mm__top{position:absolute;top:max(8px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));width:auto;transform:none}.mm.is-turned .mm__extra{display:none}.mm.is-turned .mm__info{gap:5px}.mm.is-turned .mm__title{margin-top:-6px;font-size:22px}.mm.is-turned .mm__game{padding:4px 10px 4px 8px;font-size:10px}.mm.is-turned .mm-duel{padding:8px}.mm.is-turned .mm-duel__face{width:46px;height:46px}.mm.is-turned .mm-duel__face .avatar-ring>.avatar{width:40px!important;height:40px!important}.mm.is-turned .mm-duel__face .avatar{width:46px!important;height:46px!important;font-size:19px!important}.mm.is-turned .mm__tip{min-height:0;font-size:12px}.mm.is-turned .mm__cancel{min-height:44px}@media (prefers-reduced-motion:reduce){.mm,.mm .mm-blip__in,.mm .mm-blip__in:after,.mm .mm-duel__awaited,.mm .mm-duel__seat.is-them .mm-duel__empty,.mm .mm-duel__seat.is-them .mm-duel__face:before,.mm .mm-radar__ping,.mm .mm-radar__sweep,.mm .mm__bg:before,.mm .mm__game i:after,.mm .mm__tip,.mm.is-found .mm-radar__flash{animation:none}.mm .mm-radar__sweep{transform:rotate(40deg)}.mm .mm-radar__ping{opacity:0}}