.gh{--ink:#0b2b4a;--teal:#0a7066;--mint:#6ff5df;color:#fff;height:100svh;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;background:linear-gradient(#6aa9e6,#ffdca8 62%,#f8d3a4);position:relative;overflow:hidden}.gh,.gh *,.gh :before,.gh :after{box-sizing:border-box}.gh-stage{cursor:ew-resize;position:absolute;inset:0}.gh[data-phase=nogl] .gh-stage{visibility:hidden}.gh-stage canvas{display:block;position:absolute;inset:0}.gh-stage:after{content:"";pointer-events:none;opacity:0;transition:opacity .18s;position:absolute;inset:0;box-shadow:inset 0 0 90px 10px #f0445ab3}.gh-stage[data-danger="1"]:after{opacity:1}.gh-hud{top:max(12px, env(safe-area-inset-top,0px));pointer-events:none;justify-content:center;display:flex;position:absolute;left:0;right:0}.gh[data-phase=poster] .gh-hud,.gh[data-phase=nogl] .gh-hud,.gh[data-phase=over] .gh-hud{visibility:hidden}.gh-score{color:var(--ink);text-shadow:0 0 22px #ffffffe6,0 1px #ffffffb3;contain:layout paint;align-items:baseline;gap:8px;margin:0;padding:0 24px;display:flex}.gh-score b{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(52px,13vw,76px);font-weight:800;line-height:1;animation:.35s ease-out gh-bump;display:inline-block}.gh-score span{font-size:20px;font-weight:700}.gh[data-dark="1"] .gh-score{color:#fff;text-shadow:0 2px 18px #0a1030cc}.gh-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}.gh-hint{text-align:center;text-wrap:balance;text-shadow:0 2px 14px #0b1b3cd9;pointer-events:none;max-width:calc(100% - 32px);margin:0;font-size:17px;font-weight:700;animation:2.2s ease-in-out infinite gh-breathe;position:absolute;bottom:max(5%,28px);left:50%;transform:translate(-50%)}.gh-teach{color:#fff;white-space:nowrap;pointer-events:none;will-change:transform;background:#0b2b4adb;border-radius:999px;padding:7px 14px;font-size:15px;font-weight:700;position:absolute;top:0;left:0}.gh-teach[data-kind="1"]{background:var(--teal)}.gh-teach[data-kind="2"]{background:#b42345}.gh-pop{letter-spacing:-.02em;color:#fff;text-shadow:0 3px 0 var(--teal), 0 6px 22px #0a3c37b3;pointer-events:none;font-size:clamp(44px,12vw,72px);font-weight:800;animation:1.05s ease-out forwards gh-pop;position:absolute;transform:translate(-50%,-50%)}.gh-poster{text-align:center;pointer-events:none;color:#fff;isolation:isolate;flex-direction:column;justify-content:flex-end;align-items:center;padding:0 16px max(5vh,28px);animation:.6s ease-out gh-in;display:flex;position:absolute;inset:0}.gh-poster:before{content:"";z-index:-1;background:linear-gradient(#14123200,#14123299);position:absolute;inset:45% 0 0}.gh[data-phase=nogl] .gh-poster{color:var(--ink);justify-content:center;gap:16px}.gh[data-phase=nogl] .gh-poster:before{display:none}.gh-poster>*{pointer-events:auto}.gh-poster h1{letter-spacing:-.04em;text-shadow:0 .06em 0 var(--ink), 0 .14em .5em #0b1b3c99;flex-wrap:wrap;justify-content:center;gap:0 .22em;margin:0;font-size:clamp(38px,11.8vw,72px);font-weight:800;line-height:1;display:flex}.gh-poster h1 span{transform-origin:50% 100%;animation:2.6s ease-in-out infinite gh-sway;display:inline-block}.gh-poster h1 span[data-i="1"]{color:#ffd84d;animation-delay:-.5s}.gh-poster h1 span[data-i="2"]{animation-delay:-1s}.gh[data-phase=nogl] .gh-poster h1{text-shadow:none}.gh[data-phase=nogl] .gh-poster h1 span{color:inherit}.gh-poster>p{text-wrap:balance;text-shadow:0 1px 10px #0b1b3ce6;margin:12px 0 0;font-size:clamp(15px,2.1vh,19px);font-weight:700;line-height:1.4}.gh[data-phase=nogl] .gh-poster>p{text-shadow:none}.gh-go{flex-direction:column;align-items:center;gap:10px;margin-top:clamp(16px,3vh,28px);display:flex}.gh-may{width:clamp(150px,30vh,230px);height:auto}.gh-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}.gh-btn:hover{transform:translateY(-1px)}.gh-btn:active{transform:scale(.97)}.gh-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 gh-nudge;position:relative;box-shadow:0 6px #0a7066,0 18px 34px -10px #05283ccc}.gh-play:active{transform:translateY(4px);box-shadow:0 2px #0a7066,0 10px 20px -10px #05283ccc}.gh-play:after{content:"";border-radius:inherit;border:3px solid var(--mint);pointer-events:none;animation:1.8s ease-out infinite gh-ring;position:absolute;inset:0}.gh-btn:focus-visible,.gh-mute:focus-visible,.gh-link:focus-visible{outline-offset:3px;outline:3px solid #fff}.gh-ghost{box-shadow:none;background:#ffffff29}.gh-posterbest{color:#fff;text-shadow:0 1px 12px #0b1b3ccc;margin:0;font-size:15px;font-weight:700}.gh-over{background:linear-gradient(#0c123200 30%,#0c12329e 56%,#0c1232e6);justify-content:center;align-items:flex-end;animation:.45s ease-out gh-in;display:flex;position:absolute;inset:0;overflow-y:auto}.gh-result{width:min(100%,440px);padding:16px 20px max(26px, env(safe-area-inset-bottom,0px));text-align:center}.gh-result h2{color:var(--mint);margin:0;font-size:22px;font-weight:800}.gh-big{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:clamp(76px,22vw,104px);font-weight:800;line-height:1}.gh-big small{letter-spacing:0;font-size:.36em}.gh-bestline{color:#ffffffc7;margin:6px 0 18px;font-size:15px;font-weight:600}.gh-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.gh-note{color:var(--mint);margin:12px 0 0;font-size:14px}.gh[data-phase=nogl] .gh-note{color:var(--ink);max-width:32ch}.gh-shot{-webkit-user-select:auto;user-select:auto;-webkit-touch-callout:default;border-radius:14px;width:min(46%,190px);margin:0 auto 14px;display:block;box-shadow:0 16px 30px -14px #000000b3}.gh-cta{color:#ffffffd1;margin:22px 0 0;font-size:15px;font-weight:600}.gh-link{color:var(--mint);white-space:nowrap;text-underline-offset:3px;font-weight:700;text-decoration:underline}@media (min-width:900px) and (min-height:560px){.gh[data-phase=poster] .gh-poster{text-align:left;justify-content:center;align-items:flex-start;padding:0 0 0 max(7vw,48px)}.gh[data-phase=poster] .gh-poster:before{background:linear-gradient(90deg,#141232b8 25%,#14123200);inset:0 40% 0 0}.gh[data-phase=poster] .gh-poster h1{flex-direction:column;align-items:flex-start;font-size:clamp(84px,9.6vw,156px);line-height:.92}.gh[data-phase=poster] .gh-poster h1 span{transform-origin:0 100%}.gh[data-phase=poster] .gh-poster>p{margin-top:22px;font-size:22px}.gh[data-phase=poster] .gh-go{align-items:flex-start;margin-top:36px}.gh-hud{top:26px}.gh-mute{right:28px}.gh-over{background:linear-gradient(#0c123200 34%,#0c123299 62%,#0c1232e0)}}@keyframes gh-bump{0%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes gh-pop{0%{opacity:0;transform:translate(-50%,-20%)scale(.5)}18%{opacity:1;transform:translate(-50%,-60%)scale(1.15)}30%{transform:translate(-50%,-70%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-190%)scale(1)}}@keyframes gh-sway{0%,to{transform:rotate(-2.2deg)}50%{transform:rotate(2.2deg)}}@keyframes gh-nudge{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}@keyframes gh-ring{0%{opacity:.9;transform:scale(1)}70%,to{opacity:0;transform:scale(1.28,1.6)}}@keyframes gh-breathe{50%{opacity:.7}}@keyframes gh-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.gh-hint,.gh-score b,.gh-poster h1 span,.gh-play,.gh-play:after{animation:none}}