.su{--ink:#0b2b4a;--teal:#0a7066;--mint:#6ff5df;--storm:#4f5878;height:100svh;color:var(--ink);font-family:var(--mg-font,system-ui), system-ui, -apple-system, "Segoe UI", sans-serif;overscroll-behavior:none;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:linear-gradient(#8ec5f2,#cfe4f7 34%,#ffe6d2 72%,#f6dccb);position:relative;overflow:hidden}.su,.su *,.su :before,.su :after{box-sizing:border-box}.su-stage{touch-action:none;position:absolute;inset:0}.su[data-phase=nogl] .su-stage{visibility:hidden}.su-stage canvas{display:block;position:absolute;inset:0}.su-stick{pointer-events:none;opacity:0;width:0;height:0;transition:opacity .12s;position:absolute;top:0;left:0}.su-stick:before,.su-stick i{content:"";border-radius:50%;position:absolute}.su-stick:before{background:#ffffff1f;border:3px solid #ffffffbf;width:112px;height:112px;top:-56px;left:-56px}.su-stick i{background:#ffffffe6;width:48px;height:48px;top:-24px;left:-24px;box-shadow:0 6px 16px -6px #0b2b4a99}.su-stick[data-on="1"]{opacity:1}.su-hud{top:max(12px, env(safe-area-inset-top,0px));pointer-events:none;text-shadow:0 0 18px #ffffffe6;height:64px;position:absolute;left:0;right:0}.su[data-phase=poster] .su-hud,.su[data-phase=nogl] .su-hud,.su[data-phase=over] .su-hud{visibility:hidden}.su-score{left:max(18px, env(safe-area-inset-left,0px));align-items:center;gap:8px;margin:0;display:flex;position:absolute;top:0}.su-score:before{content:"";background:radial-gradient(circle at 30% 70%, var(--storm) 36%, transparent 37%), radial-gradient(circle at 58% 42%, var(--storm) 42%, transparent 43%), radial-gradient(circle at 78% 70%, var(--storm) 32%, transparent 33%);width:34px;height:24px}.su-score b{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(44px,11vw,60px);font-weight:800;line-height:1;display:inline-block}.su-score b.su-bumped{animation:.4s ease-out su-bump}.su-round{letter-spacing:.02em;flex-direction:column;align-items:center;gap:6px;font-size:15px;font-weight:800;animation:.4s ease-out su-in;display:flex;position:absolute;top:4px;left:50%;transform:translate(-50%)}.su-pips{gap:6px;display:flex}.su-pips i{background:radial-gradient(circle at 30% 70%, var(--storm) 36%, transparent 37%), radial-gradient(circle at 58% 42%, var(--storm) 42%, transparent 43%), radial-gradient(circle at 78% 70%, var(--storm) 32%, transparent 33%);width:22px;height:15px;transition:opacity .3s,transform .3s}.su-pips i[data-kind=sam]{--storm:#393c58;transform:scale(1.2)}.su-pips i[data-kind=loc]{--storm:#66789a}.su-pips i[data-kind=phun]{--storm:#8495b6;transform:scale(.9)}.su-pips i[data-on="0"]{opacity:.2;transform:translateY(6px)scale(.7)}.su-mute{pointer-events:auto;top:0;right:max(12px, env(safe-area-inset-right,0px));width:46px;height:46px;color:var(--ink);cursor:pointer;background:#fffc;border:0;border-radius:50%;place-items:center;display:grid;position:absolute}.su-hint{text-align:center;text-wrap:balance;color:#fff;text-shadow:0 2px 14px #0b1b3cd9;pointer-events:none;width:max-content;max-width:calc(100% - 32px);margin:0;font-size:17px;font-weight:700;animation:2.2s ease-in-out infinite su-breathe;position:absolute;bottom:max(5%,28px);left:50%;transform:translate(-50%)}.su-stamp{letter-spacing:-.03em;white-space:nowrap;color:#fff;text-shadow:0 4px 0 var(--teal), 0 10px 26px #0a3c3799;pointer-events:none;margin:0;font-size:clamp(48px,13vw,86px);font-weight:800;animation:1.6s ease-out forwards su-stamp;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.su-poster{text-align:center;padding:max(70px, calc(env(safe-area-inset-top,0px) + 64px)) 16px max(5vh, 28px);pointer-events:none;flex-direction:column;justify-content:space-between;align-items:center;animation:.6s ease-out su-in;display:flex;position:absolute;inset:0}.su-poster>*{pointer-events:auto}.su-poster h1{letter-spacing:-.045em;color:#fff;text-shadow:0 .06em 0 var(--ink), 0 .16em .5em #0b1b3c59;flex-wrap:wrap;justify-content:center;gap:0 .18em;margin:0;font-size:clamp(52px,16vw,104px);font-weight:800;line-height:.95;display:flex}.su-poster h1 span{animation:2.4s cubic-bezier(.5,0,.3,1.4) infinite su-shove-a;display:inline-block}.su-poster h1 span[data-i="1"]{color:var(--mint);animation-name:su-shove-b}.su-head>p{text-wrap:balance;max-width:30ch;color:var(--ink);text-shadow:0 0 14px #fffffff2;margin:10px 0 0;font-size:clamp(15px,2.1vh,19px);font-weight:700;line-height:1.4}.su-head{flex-direction:column;align-items:center;display:flex}.su[data-phase=nogl] .su-poster{justify-content:center;gap:16px}.su-go{flex-direction:column;align-items:center;gap:10px;display:flex}.su-btn{background:var(--teal);color:#fff;min-height:54px;font:inherit;white-space:nowrap;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 30px;font-size:17px;font-weight:700;text-decoration:none;transition:transform .15s;display:inline-flex;box-shadow:0 12px 26px -12px #053c37e6}.su-btn:hover{transform:translateY(-1px)}.su-btn:active{transform:scale(.97)}.su-play{background:var(--mint);color:#06302c;gap:10px;min-width:230px;min-height:72px;padding:0 44px 0 36px;font-size:28px;font-weight:800;animation:1.8s ease-in-out infinite su-nudge;position:relative;box-shadow:0 6px #0a7066,0 18px 34px -10px #05283c99}.su-play:active{transform:translateY(4px);box-shadow:0 2px #0a7066,0 10px 20px -10px #05283c99}.su-play:after{content:"";border-radius:inherit;pointer-events:none;border:3px solid #fff;animation:1.8s ease-out infinite su-ring;position:absolute;inset:0}.su-btn:focus-visible,.su-mute:focus-visible,.su-link:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.su-ghost{color:var(--ink);box-shadow:none;background:#ffffffd9}.su-posterbest{text-shadow:0 0 12px #fffffff2;margin:0;font-size:15px;font-weight:700}.su-over{background:linear-gradient(#cfe4f7cc,#ffecdef0 40%,#ffecdef5);justify-content:center;align-items:center;animation:.45s ease-out su-in;display:flex;position:absolute;inset:0;overflow-y:auto}.su-end{width:min(100%,440px);padding:64px 20px max(26px, env(safe-area-inset-bottom,0px));text-align:center;margin:auto}.su-pic{aspect-ratio:1;border:6px solid #fff;border-radius:50%;width:clamp(150px,28vh,230px);height:auto;margin:0 auto 16px;animation:.5s cubic-bezier(.3,1.6,.5,1) su-snap;display:block;transform:rotate(-4deg);box-shadow:0 18px 34px -16px #0b2b4a99}.su-end h2{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(28px,8vw,38px);font-weight:800;line-height:1.1}.su-new{color:var(--teal);margin:8px 0 0;font-size:16px;font-weight:800}.su-ko{color:#0b2b4ab3;margin:14px 0 0;font-size:15px;font-weight:600}.su-big{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(60px,18vw,84px);font-weight:800;line-height:1}.su-big small{letter-spacing:0;font-size:.3em}.su-sub{color:#0b2b4ab3;margin:6px 0 18px;font-size:15px;font-weight:600}.su-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:14px;display:flex}.su-note{max-width:32ch;color:var(--teal);margin:12px auto 0;font-size:14px;font-weight:600}.su-shot{-webkit-user-select:auto;user-select:auto;-webkit-touch-callout:default;border-radius:14px;width:min(46%,190px);margin:0 auto;display:block;box-shadow:0 16px 30px -14px #0b2b4a99}.su-cta{color:#0b2b4abf;margin:22px 0 0;font-size:15px;font-weight:600}.su-cta span{margin-right:6px}.su-link{color:var(--teal);white-space:nowrap;text-underline-offset:3px;font-weight:800;text-decoration:underline}@media (max-height:500px) and (orientation:landscape){.su-poster{padding-top:max(14px, env(safe-area-inset-top,0px));padding-bottom:max(14px, env(safe-area-inset-bottom,0px))}.su-poster h1{font-size:clamp(36px,14vh,64px)}.su-head>p{margin-top:4px;font-size:14px}.su-play{min-width:190px;min-height:56px;font-size:22px}.su-end{padding-top:16px}.su-pic{width:clamp(110px,30vh,150px)}.su-end h2{font-size:26px}.su-big{font-size:52px}.su-sub{margin-bottom:10px}}@keyframes su-shove-a{0%,55%,to{transform:translate(0)rotate(-3deg)}40%{transform:translate(.12em)rotate(2deg)}62%{transform:translate(-.18em)rotate(-9deg)}}@keyframes su-shove-b{0%,55%,to{transform:translate(0)rotate(3deg)}40%{transform:translate(-.18em)rotate(-4deg)}48%{transform:translate(-.08em)rotate(-2deg)scale(1.06)}}@keyframes su-bump{0%{transform:scale(1.45)rotate(-6deg)}to{transform:scale(1)}}@keyframes su-stamp{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)rotate(-8deg)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.12)rotate(-3deg)}25%{transform:translate(-50%,-50%)scale(1)rotate(-3deg)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-64%)scale(1)rotate(-3deg)}}@keyframes su-snap{0%{opacity:0;transform:rotate(-16deg)scale(.6)}}@keyframes su-nudge{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}@keyframes su-ring{0%{opacity:.9;transform:scale(1)}70%,to{opacity:0;transform:scale(1.28,1.6)}}@keyframes su-breathe{50%{opacity:.7}}@keyframes su-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.su-hint,.su-score b.su-bumped,.su-poster h1 span,.su-play,.su-play:after,.su-pic{animation:none}}