.ml{--ink:#fff;--soft:#ffffffb8;--moon:#fff0b4;--teal:#0a7066;--mint:#7ff5e2;--colw:min(100vw, calc(100svh * .6));height:100svh;color:var(--ink);font-family:var(--mg-font,system-ui), system-ui, -apple-system, "Segoe UI", sans-serif;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360' fill='%23fff8e1'%3E%3Ccircle cx='87' cy='40' r='1' fill-opacity='0.59'/%3E%3Ccircle cx='36' cy='11' r='1.2' fill-opacity='0.85'/%3E%3Ccircle cx='286' cy='273' r='0.8' fill-opacity='0.61'/%3E%3Ccircle cx='131' cy='278' r='0.6' fill-opacity='0.46'/%3E%3Ccircle cx='336' cy='13' r='1.6' fill-opacity='0.78'/%3E%3Ccircle cx='286' cy='72' r='0.8' fill-opacity='0.47'/%3E%3Ccircle cx='309' cy='342' r='0.8' fill-opacity='0.35'/%3E%3Ccircle cx='217' cy='240' r='1.2' fill-opacity='0.45'/%3E%3Ccircle cx='91' cy='103' r='1.2' fill-opacity='0.80'/%3E%3Ccircle cx='7' cy='107' r='1.6' fill-opacity='0.83'/%3E%3Ccircle cx='303' cy='183' r='1' fill-opacity='0.55'/%3E%3Ccircle cx='105' cy='163' r='0.8' fill-opacity='0.48'/%3E%3Ccircle cx='290' cy='19' r='0.6' fill-opacity='0.58'/%3E%3Ccircle cx='355' cy='187' r='1.6' fill-opacity='0.58'/%3E%3Ccircle cx='125' cy='355' r='0.8' fill-opacity='0.34'/%3E%3Ccircle cx='326' cy='228' r='1' fill-opacity='0.47'/%3E%3Ccircle cx='129' cy='267' r='0.8' fill-opacity='0.68'/%3E%3Ccircle cx='74' cy='118' r='0.6' fill-opacity='0.72'/%3E%3Ccircle cx='102' cy='209' r='0.8' fill-opacity='0.37'/%3E%3Ccircle cx='333' cy='106' r='0.6' fill-opacity='0.33'/%3E%3Ccircle cx='249' cy='319' r='0.8' fill-opacity='0.74'/%3E%3Ccircle cx='342' cy='10' r='0.8' fill-opacity='0.49'/%3E%3Ccircle cx='58' cy='233' r='1.2' fill-opacity='0.71'/%3E%3Ccircle cx='31' cy='221' r='1' fill-opacity='0.48'/%3E%3Ccircle cx='92' cy='215' r='0.8' fill-opacity='0.50'/%3E%3Ccircle cx='7' cy='20' r='0.8' fill-opacity='0.52'/%3E%3C/svg%3E") top/360px 360px,linear-gradient(#0b1038,#1d2468 45%,#3c3a8e 78%,#5d4da3);position:relative;overflow:hidden}.ml,.ml *,.ml :before,.ml :after{box-sizing:border-box}.ml-col{width:var(--colw);position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.ml[data-phase=nogl] .ml-col{visibility:hidden}.ml-stage{touch-action:none;cursor:pointer;transform-origin:var(--mx,50%) var(--my,40%);transition:transform .5s;position:absolute;inset:0}.ml-gl{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.ml-moon{left:var(--mx);top:var(--my);pointer-events:none;width:0;height:0;position:absolute}.ml-moon:before{content:"";left:calc(var(--r) * -2);top:calc(var(--r) * -2);width:calc(var(--r) * 4);height:calc(var(--r) * 4);background:radial-gradient(closest-side,#ffeaa080 48%,#ffeaa029 68%,#ffeaa000 100%);border-radius:50%;position:absolute}.ml-moon canvas{display:block;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.ml-stage[data-moon=sleep] .ml-moon,.ml-stage[data-moon=fake] .ml-moon{animation:2.6s ease-in-out infinite ml-breathe}.ml-stage[data-moon=tell] .ml-moon{animation:.11s linear infinite ml-stir}.ml-stage[data-moon=angry] .ml-moon{animation:70ms linear 6 ml-rage}.ml-stage[data-turn="1"] .ml-moon{transform-origin:0 calc(var(--r) * 4.5);animation:1.7s cubic-bezier(.6,0,.4,1) ml-turn}@keyframes ml-breathe{50%{transform:scale(1.02)}}@keyframes ml-stir{0%{transform:rotate(-1.4deg)}50%{transform:rotate(1.4deg)}to{transform:rotate(-1.4deg)}}@keyframes ml-rage{0%{transform:translate(-4px)}50%{transform:translate(4px)}to{transform:translate(-4px)}}@keyframes ml-turn{0%{opacity:1;transform:rotate(0)}44%{opacity:1;transform:rotate(-58deg)}46%{opacity:0;transform:rotate(-58deg)}50%{opacity:0;transform:rotate(58deg)}54%{opacity:1;transform:rotate(58deg)}to{opacity:1;transform:rotate(0)}}.ml-zzz{left:calc(var(--mx) + var(--r) * .62);top:calc(var(--my) - var(--r) * .92);pointer-events:none;opacity:0;transition:opacity .12s;position:absolute}.ml-stage[data-moon=sleep] .ml-zzz{opacity:1;transition:opacity .35s}.ml-zzz i{font-style:normal;font-weight:800;font-size:calc(var(--r) * .26);color:#fff5c9;opacity:0;line-height:1;animation:2.4s linear infinite ml-zzz;position:absolute;top:0;left:0}.ml-zzz i:nth-child(2){animation-delay:-.8s}.ml-zzz i:nth-child(3){animation-delay:-1.6s}@keyframes ml-zzz{0%{opacity:0;transform:translate(0)scale(.5)}25%{opacity:1}to{transform:translate(calc(var(--r) * .5), calc(var(--r) * -.7)) scale(1.25);opacity:0}}.ml-bank{left:calc((var(--colw) - 100vw) / 2 - 8vw);pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 160' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23d9d6ff'/%3E%3Cstop offset='.5' stop-color='%23a9a3ee'/%3E%3Cstop offset='1' stop-color='%237f77d6'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url%28%23g%29' d='M0 160V40q29 -34 58 0q33 -46 66 0q30 -32 60 0q37 -50 74 0q31 -38 62 0q40 -42 80 0V160z'/%3E%3C/svg%3E") bottom center / var(--colw) 100% repeat-x;width:116vw;height:21%;position:absolute;bottom:0}.ml-notes{left:calc(var(--hx) - var(--u) * 2.4);top:calc(var(--hy) - var(--u) * 3.3);pointer-events:none;opacity:0;position:absolute}.ml[data-phase=play] .ml-stage[data-moon=awake] .ml-notes,.ml[data-phase=play] .ml-stage[data-moon=closing] .ml-notes{opacity:1}.ml-notes i{font-style:normal;font-size:calc(var(--u) * .8);color:var(--mint);animation:1.1s ease-out infinite ml-note;position:absolute;top:0;left:0}.ml-notes i:nth-child(2){left:calc(var(--u) * .9);animation-delay:-.55s}@keyframes ml-note{0%{opacity:0;transform:translateY(0)rotate(-8deg)}30%{opacity:1}to{transform:translateY(calc(var(--u) * -1.4)) rotate(10deg);opacity:0}}.ml[data-phase=dying] .ml-stage{transition:transform .16s cubic-bezier(.2,1.6,.4,1);transform:scale(1.12)}.ml[data-phase=dying]:after{content:"";pointer-events:none;background:radial-gradient(at 50% 40%,#ff3c3c00 40%,#ff3c3c6b 100%);animation:.12s ease-out ml-in;position:absolute;inset:0}.ml-stamp{text-align:center;font-size:clamp(32px, calc(var(--colw) * .105), 66px);letter-spacing:-.02em;color:#fff;text-shadow:0 3px #d92d4a,0 0 26px #d92d4ae6;pointer-events:none;margin:0;padding:0 12px;font-weight:800;line-height:1;animation:.22s cubic-bezier(.2,1.5,.4,1) ml-stamp;position:absolute;top:68%;left:0;right:0;transform:rotate(-6deg)}@keyframes ml-stamp{0%{opacity:0;transform:rotate(-6deg)scale(2.6)}to{opacity:1;transform:rotate(-6deg)scale(1)}}@keyframes ml-in{0%{opacity:0}}.ml-hud{top:max(12px, env(safe-area-inset-top,0px));pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:start;display:grid;position:absolute;left:16px;right:10px}.ml[data-phase=poster] .ml-hud,.ml[data-phase=over] .ml-hud,.ml[data-phase=nogl] .ml-hud{visibility:hidden}.ml-score{align-items:baseline;gap:6px;margin:0;line-height:1;display:flex}.ml-score b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:44px;font-weight:800}.ml-score span{color:var(--soft);font-size:15px;font-weight:600}.ml-night{flex-direction:column;align-items:center;gap:7px;padding-top:6px;font-size:15px;font-weight:700;animation:.5s ease-out ml-night;display:flex}@keyframes ml-night{0%{color:var(--moon);transform:scale(1.6)}}.ml-pips{gap:5px;display:flex}.ml-pips i{background:#ffffff42;border-radius:50%;width:8px;height:8px;transition:background .2s,transform .2s}.ml-pips i[data-on="1"]{background:var(--moon);transform:scale(1.2)}.ml-mute{width:44px;height:44px;color:var(--soft);cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:50%;justify-self:end;place-items:center;display:grid}.ml-mute:hover{color:#fff}.ml-hint{left:16px;right:16px;bottom:max(7%, calc(env(safe-area-inset-bottom,0px) + 28px));text-align:center;color:#1b1f5c;pointer-events:none;margin:0;font-size:clamp(17px,2.4vh,21px);font-weight:700;animation:.4s ease-out ml-hint;position:absolute}@keyframes ml-hint{0%{opacity:0;transform:translateY(8px)}}.ml-sky{pointer-events:none;position:absolute;inset:0}.ml-sky i{clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);background:#fff8e1;width:14px;height:14px;animation:3.2s ease-in-out infinite ml-twinkle;position:absolute}.ml-sky i:first-child{left:calc(50% - var(--colw) * .4);top:21%}.ml-sky i:nth-child(2){left:calc(50% + var(--colw) * .38);width:10px;height:10px;animation-delay:-1.1s;top:12%}.ml-sky i:nth-child(3){left:calc(50% + var(--colw) * .3);animation-delay:-2s;top:63%}.ml-sky i:nth-child(4){left:calc(50% - var(--colw) * .36);width:9px;height:9px;animation-delay:-.6s;top:60%}.ml-sky i:nth-child(5){width:11px;height:11px;animation-delay:-1.7s;top:34%;left:12%}.ml-sky i:nth-child(6){animation-delay:-2.6s;top:40%;left:86%}.ml-sky i:nth-child(7){width:9px;height:9px;animation-delay:-.3s;top:9%;left:24%}@keyframes ml-twinkle{0%,to{opacity:.25;transform:scale(.35)rotate(0)}50%{opacity:1;transform:scale(1)rotate(45deg)}}.ml-sky b{left:calc(50% + var(--colw) * .2);opacity:0;background:linear-gradient(90deg,#fff8e1,#fff8e100);border-radius:2px;width:110px;height:2px;animation:6.5s ease-in 1.6s infinite ml-fall;display:none;position:absolute;top:6%;transform:rotate(-28deg)}.ml[data-phase=poster] .ml-sky b{display:block}@keyframes ml-fall{0%{opacity:0;translate:0}2%{opacity:1}11%{opacity:0;translate:-260px 138px}to{opacity:0;translate:-260px 138px}}.ml[data-phase=poster] .ml-stage{transform:translateY(3.5svh)scale(1.05)}.ml-poster{text-align:center;pointer-events:none;flex-direction:column;align-items:center;padding:max(6vh,58px) 16px max(4.5vh,22px);display:flex;position:absolute;inset:0}.ml[data-phase=nogl] .ml-poster{justify-content:center;gap:16px}.ml-poster>*{pointer-events:auto}.ml-poster h1{max-width:var(--colw);font-size:clamp(40px, calc(var(--colw) * .14), 84px);letter-spacing:-.04em;white-space:nowrap;color:#fff;text-shadow:0 3px #0b10388c,0 0 44px #ffecaa8c;margin:0;font-weight:800;line-height:.98;animation:.7s cubic-bezier(.2,1.5,.4,1) both ml-title;position:relative;transform:rotate(-4deg)}.ml-poster h1 svg{width:96%;height:auto;position:absolute;top:92%;left:2%;overflow:visible}.ml-poster h1 path{fill:none;stroke:#ffd95e;stroke-width:7px;stroke-linecap:round;stroke-dasharray:320;stroke-dashoffset:320px;animation:.7s ease-out .55s forwards ml-scribble}@keyframes ml-title{0%{opacity:0;transform:rotate(6deg)translateY(-30px)scale(.8)}}@keyframes ml-scribble{to{stroke-dashoffset:0}}.ml-poster>p{width:min(calc(var(--colw) - 32px), 26ch);color:#ffffffdb;text-wrap:balance;margin:0;font-size:clamp(15px,2.1vh,19px);font-weight:600;line-height:1.45;animation:.6s ease-out .5s both ml-in;position:absolute;top:69%;left:50%;transform:translate(-50%)}.ml-go{flex-direction:column;align-items:center;gap:8px;margin-top:auto;animation:.5s cubic-bezier(.2,1.6,.4,1) .35s both ml-pop;display:flex}@keyframes ml-pop{0%{opacity:0;transform:translateY(26px)scale(.7)}}.ml-btn{background:var(--moon);color:#1b1f5c;min-height:54px;font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 30px;font-size:17px;font-weight:800;text-decoration:none;transition:transform .15s;display:inline-flex;box-shadow:0 12px 30px -12px #ffe28cb3}.ml-btn:hover{transform:translateY(-1px)}.ml-btn:active{transform:scale(.97)}.ml-play{background:linear-gradient(#fff6c9,#ffe07a);gap:10px;min-width:230px;min-height:72px;padding:0 46px 0 38px;font-size:27px;animation:1.8s ease-in-out infinite ml-beat;position:relative;box-shadow:0 6px #d9a93a,0 22px 40px -14px #ffd66ee6}.ml-play:before{content:"";border-radius:inherit;pointer-events:none;border:3px solid #fff3b8;animation:1.8s ease-out infinite ml-ring;position:absolute;inset:0}.ml-play:hover{filter:brightness(1.05);transform:none}.ml-play:active{animation:none;transform:translateY(4px);box-shadow:0 2px #d9a93a,0 12px 24px -14px #ffd66ee6}@keyframes ml-beat{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}@keyframes ml-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.28,1.6)}}.ml-ghost{color:#fff;box-shadow:none;background:#ffffff24}.ml-btn:focus-visible,.ml-mute:focus-visible,.ml-link:focus-visible{outline-offset:3px;outline:3px solid #fff}.ml-posterbest{color:#1b1f5c;margin:0;font-size:14px;font-weight:700}.ml[data-phase=over] .ml-moon,.ml[data-phase=over] .ml-zzz{visibility:hidden}.ml-over{background:#080a28cc;place-items:center;padding:72px 16px 28px;animation:.3s ease-out ml-in;display:grid;position:absolute;inset:0;overflow-y:auto}.ml-end{text-align:center;width:min(100%,400px)}.ml-end h2{letter-spacing:-.02em;text-shadow:0 2px #d92d4a,0 0 22px #d92d4acc;margin:0;font-size:clamp(30px,8vw,40px);font-weight:800;transform:rotate(-3deg)}.ml-pic{filter:drop-shadow(0 0 34px #ffe8a066);width:min(62vw,36vh,260px);height:auto;margin:14px auto 8px;animation:.5s cubic-bezier(.2,1.4,.4,1) ml-pic;display:block;transform:rotate(4deg)}@keyframes ml-pic{0%{opacity:0;transform:rotate(-14deg)scale(.5)}}.ml-drew{color:var(--soft);margin:0;font-size:15px;font-weight:600}.ml-big{letter-spacing:-.03em;color:var(--moon);font-variant-numeric:tabular-nums;margin:0;font-size:clamp(54px,15vw,72px);font-weight:800;line-height:1.05}.ml-sub{color:var(--soft);margin:2px 0 18px;font-size:14px;font-weight:600}.ml-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.ml-note{color:var(--mint);margin:12px 0 0;font-size:14px}.ml-shot{-webkit-user-select:auto;user-select:auto;-webkit-touch-callout:default;border-radius:16px;width:min(100%,230px);margin:16px auto 0;display:block}.ml-cta{color:var(--soft);flex-wrap:wrap;justify-content:center;gap:4px 14px;margin:26px 0 0;font-size:14px;line-height:1.5;display:flex}.ml-cta span{flex-basis:100%}.ml-link{color:var(--mint);text-underline-offset:3px;font-weight:700;text-decoration:underline}@media (max-height:700px){.ml-pic{width:min(48vw,28vh)}.ml-over{padding-top:60px}.ml-big{font-size:clamp(44px,12vw,60px)}.ml-cta{margin-top:16px}}@media (max-height:520px) and (orientation:landscape){.ml-poster{padding:8px 16px 10px}.ml-poster h1{font-size:30px}.ml-poster>p,.ml-score span{display:none}.ml-play{min-width:160px;min-height:48px;font-size:20px}.ml[data-phase=poster] .ml-stage{transform:none}.ml-over{padding:12px 16px 12px 150px}.ml-end{text-align:left;grid-template-columns:auto 1fr;place-items:center start;column-gap:28px;width:min(100%,620px);display:grid}.ml-pic{grid-row:1/span 5;width:min(52vh,220px);margin:0}.ml-end h2{font-size:26px}.ml-big{font-size:48px}.ml-sub{margin-bottom:10px}.ml-row,.ml-cta{justify-content:flex-start}.ml-shot,.ml-note,.ml-cta{grid-column:1/-1}.ml-cta{margin-top:10px}}@media (prefers-reduced-motion:reduce){.ml-sky i,.ml-sky b,.ml-play,.ml-play:before,.ml-moon,.ml-stage{transition:none!important;animation:none!important}}
