:root{--bg:#07090c;--text:#e9edf3;--muted:#9aa3b2;--gold:#ffcf5a;--gold-deep:#e8a92a;--glass:#080a0e6b;--focus:#ffd76e;--sans:"Inter Tight", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--spring:cubic-bezier(.2, .9, .25, 1.12);--ease:cubic-bezier(.2, .7, .2, 1)}*{box-sizing:border-box}html,body{margin:0}body{background:radial-gradient(ellipse 80% 60% at 50% 0%, #121823 0%, var(--bg) 70%);min-height:100vh;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:var(--gold)}button{font:inherit;color:inherit}[hidden]{display:none!important}.page{max-width:1320px;margin:0 auto;padding:26px 24px 48px}.top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:20px;margin:0 4px 18px;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:12px;margin:0;font-size:28px;font-weight:600;display:flex}.brand-ring{border:4px solid #ffffff47;border-top-color:var(--gold);border-right-color:var(--gold);border-radius:50%;width:26px;height:26px;transform:rotate(-20deg)}.lede{color:var(--muted);margin:0;font-size:17px}.gh-player{display:block}.gh{aspect-ratio:1920/804;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;isolation:isolate;background:#000;border-radius:16px;outline:none;width:100%;display:block;position:relative;overflow:hidden;box-shadow:0 40px 80px -30px #000c,0 0 0 1px #ffffff0f}.gh:focus-visible:not([data-pointer]){box-shadow:0 0 0 3px var(--focus), 0 40px 80px -30px #000c}.gh video,.gh mux-video{object-fit:contain;--media-object-fit:contain;background:#000;width:100%;height:100%;display:block}.gh[data-idle]{cursor:none}.gh:fullscreen{aspect-ratio:auto;border-radius:0;width:100%;height:100%}.gh.is-big{z-index:1000;aspect-ratio:auto;border-radius:0;width:100vw;height:100dvh;position:fixed;inset:0}html.gh-big-lock,html.gh-big-lock body{overflow:hidden}.gh-ring{--ring:260px;--u:calc(var(--ring) / 260);z-index:5;width:var(--ring);height:var(--ring);transform-origin:var(--ox,50%) var(--oy,50%);opacity:0;transition:opacity .16s var(--ease), scale .26s var(--spring);pointer-events:none;position:absolute;scale:.3}.gh-ring.open{opacity:1;pointer-events:auto;scale:1}.gh-ring:before{content:"";inset:calc(24 * var(--u));-webkit-backdrop-filter:blur(16px)saturate(1.35);backdrop-filter:blur(16px)saturate(1.35);background:var(--glass);border-radius:50%;position:absolute}.gh-art{filter:drop-shadow(0 10px 24px #00000073);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.gh-disc-edge{fill:none;stroke:#ffffff2e;stroke-width:1px}.gh-slice{fill:#fff0;transition:fill .12s}.gh-slice.on{fill:#ffffff2b}.gh-ring .gh-slice,.gh-ring .gh-slot{opacity:0;transition:opacity .18s var(--ease), fill .12s, transform .18s var(--spring), color .12s}.gh-ring.open .gh-slice,.gh-ring.open .gh-slot{opacity:1}.gh-ring.open [data-dir=up]{transition-delay:30ms,0s,30ms,0s}.gh-ring.open [data-dir=right]{transition-delay:60ms,0s,60ms,0s}.gh-ring.open [data-dir=down]{transition-delay:90ms,0s,90ms,0s}.gh-ring.open [data-dir=left]{transition-delay:.12s,0s,.12s,0s}.gh-arc-track,.gh-arc-buf,.gh-arc-fill{fill:none;transform:rotate(-90deg)}.gh-arc-track{stroke:#06080c8c;stroke-width:11px}.gh-arc-buf{stroke:#ffffff47;stroke-width:5px;stroke-dasharray:0 1000}.gh-arc-fill{stroke:var(--gold);stroke-width:5px;stroke-linecap:round;stroke-dasharray:0 1000;transition:stroke-width .15s}.gh-arc-thumb{fill:#fff;stroke:var(--gold);stroke-width:3px;transition:r .15s var(--spring)}.gh-ring.arc-on .gh-arc-fill,.gh-ring.scrubbing .gh-arc-fill{stroke-width:8px}.gh-ring.arc-on .gh-arc-thumb,.gh-ring.scrubbing .gh-arc-thumb{r:11}.gh-arc{inset:calc(4 * var(--u));pointer-events:none;border-radius:50%;outline:none;position:absolute}.gh-arc:focus-visible{box-shadow:0 0 0 3px var(--focus), 0 0 0 6px #00000080}.gh-hub{width:calc(80 * var(--u));height:calc(80 * var(--u));cursor:pointer;color:#0b0d11;min-width:48px;min-height:48px;transition:scale .18s var(--spring), box-shadow .15s;background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 6px 18px -6px #0009}.gh-hub svg{fill:currentColor;grid-area:1/1;width:44%;height:44%}.gh-hub .gh-i-play{translate:5%}.gh-hub[data-paused] .gh-i-pause,.gh-hub:not([data-paused]) .gh-i-play{display:none}.gh-hub.on{scale:1.07;box-shadow:0 0 0 4px #ffcf5ae6,0 6px 18px -6px #0009}.gh-hub-time{font-weight:700;font-size:calc(19 * var(--u));font-variant-numeric:tabular-nums;letter-spacing:-.01em;grid-area:1/1;display:none}.gh-ring.scrubbing .gh-hub svg{display:none}.gh-ring.scrubbing .gh-hub-time{display:block}.gh-slot{width:calc(56 * var(--u));height:calc(56 * var(--u));color:#fff;cursor:pointer;min-width:44px;min-height:44px;transform:translate(-50%, -50%) translate(var(--tx,0), var(--ty,0));background:0 0;border:0;border-radius:50%;place-items:center;margin:0;padding:0;display:grid;position:absolute;top:50%;left:50%}.gh-slot[data-dir=up]{--ty:calc(-76 * var(--u))}.gh-slot[data-dir=down]{--ty:calc(76 * var(--u))}.gh-slot[data-dir=right]{--tx:calc(76 * var(--u))}.gh-slot[data-dir=left]{--tx:calc(-76 * var(--u))}.gh-slot svg{width:calc(27 * var(--u));height:calc(27 * var(--u));fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px #00000080);min-width:20px;min-height:20px;transition:transform .18s var(--spring);grid-area:1/1}.gh-slot-num{font-size:calc(9.5 * var(--u));grid-area:1/1;font-weight:700;translate:0 4%}.gh-slot.on{color:var(--gold)}.gh-slot.on svg{transform:scale(1.14)}.gh-slot[data-muted] .gh-i-vol,.gh-slot:not([data-muted]) .gh-i-muted,.gh-fs[data-fullscreen] .gh-i-fs,.gh-fs:not([data-fullscreen]) .gh-i-fsx,.gh-big[aria-pressed=true] .gh-i-fs,.gh-big[aria-pressed=false] .gh-i-fsx{display:none}.gh-hub:focus-visible,.gh-slot:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.gh-vol{cursor:pointer;touch-action:none;background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:19px;outline:none;width:38px;height:104px;display:none;position:absolute;bottom:calc(100% - 10px);left:50%;translate:-50%;box-shadow:inset 0 0 0 1px #ffffff29,0 8px 20px -8px #00000080}.gh[data-vol] .gh-vol{display:block}.gh-vol-track{background:#ffffff38;border-radius:9px;width:5px;position:absolute;top:16px;bottom:16px;left:50%;overflow:hidden;translate:-50%}.gh-vol-fill{height:var(--media-slider-fill);background:#fff;position:absolute;bottom:0;left:0;right:0}.gh-vol:focus-visible{box-shadow:inset 0 0 0 1px #ffffff29, 0 0 0 3px var(--focus)}.gh-time{white-space:nowrap;background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-variant-numeric:tabular-nums;color:#fff;border-radius:99px;align-items:baseline;gap:6px;margin:0;padding:5px 12px;font-size:13.5px;font-weight:600;display:flex;position:absolute;top:calc(100% + 2px);left:50%;translate:-50%;box-shadow:inset 0 0 0 1px #ffffff24}.gh-time-sep{color:#ffffff8c;font-weight:400}.gh-time media-time:last-child{color:#ffffffb3;font-weight:500}.gh-dot{z-index:6;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;bottom:10px;right:10px}.gh-dot span{width:12px;height:12px;transition:transform .2s var(--spring), background-color .2s, opacity .2s;background:#ffffff9e;border-radius:50%;box-shadow:0 0 0 1px #0006,0 0 0 5px #ffffff1a}.gh-dot:hover span{background:#fff;transform:scale(1.25)}.gh-dot:focus-visible{outline:3px solid var(--focus);outline-offset:-4px}.gh[data-ring] .gh-dot span{opacity:.25}.gh[data-idle] .gh-dot span{opacity:.3}.gh-hint{z-index:3;pointer-events:none;transition:opacity .45s var(--ease), visibility 0s .45s;place-content:center;justify-items:center;gap:18px;display:grid;position:absolute;inset:0}.gh-hint.gone{opacity:0;visibility:hidden}.gh-hint-ring{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(circle,#fff 0 22px,#0000 23px),#080a0e40;border:2px solid #ffffff8c;border-radius:50%;width:150px;height:150px;animation:2.6s ease-in-out infinite ghost-breathe;box-shadow:0 0 0 1px #0000004d,inset 0 0 0 1px #0000004d}.gh-hint-text{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080a0e99;border-radius:99px;padding:9px 16px;font-size:16px;font-weight:500;box-shadow:inset 0 0 0 1px #ffffff24}@keyframes ghost-breathe{0%,to{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.04)}}.gh-paused{z-index:2;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;width:84px;height:84px;transition:opacity .25s var(--ease), scale .25s var(--ease);background:#080a0e66;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;scale:.9;box-shadow:inset 0 0 0 1px #ffffff29}.gh-paused svg{fill:#fff;width:34px;height:34px;translate:3px}.gh[data-started][data-paused]:not([data-ring]) .gh-paused{opacity:1;scale:1}.gh-echo{z-index:7;pointer-events:none;color:#fff;text-shadow:0 2px 12px #000000b3;opacity:0;white-space:nowrap;font-size:28px;font-weight:700;position:absolute;translate:-50% -50%}.gh-echo.show{animation:echo .9s var(--ease) forwards}@keyframes echo{0%{opacity:0;transform:translateY(6px)scale(.9)}20%{opacity:1;transform:none}70%{opacity:1}to{opacity:0;transform:translateY(-18px)}}media-error-dialog{z-index:9;pointer-events:none;position:absolute;inset:0}.gh-error{text-align:center;pointer-events:auto;background:#07090ceb;place-content:center;gap:10px;padding:24px;display:grid;position:absolute;inset:0}.gh-error:not([data-open]){display:none}.gh-error-close{color:#0b0d11;cursor:pointer;background:#fff;border-radius:99px;justify-self:center;align-items:center;min-height:44px;padding:0 20px;font-weight:600;display:inline-flex}media-hotkey{display:none}media-status-announcer{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.how{color:var(--muted);grid-template-columns:1fr 1fr;gap:28px 48px;margin:28px 4px 0;font-size:15px;line-height:1.6;display:grid}.how h2{color:var(--text);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:600}.how ul{margin:0;padding-left:18px}.how b{color:var(--text);font-weight:600}.credits{grid-column:1/-1;margin:6px 0 0;font-size:13.5px}kbd{min-width:24px;font:600 12px/20px var(--sans);text-align:center;color:var(--text);border:1px solid #ffffff38;border-bottom-width:2px;border-radius:6px;padding:0 6px;display:inline-block}@media (width<=700px){.page{padding:16px 0 36px}.top{margin:0 16px 14px}.brand{font-size:24px}.lede{font-size:15px}.gh{aspect-ratio:auto;border-radius:0;height:clamp(260px,66vw,460px)}.how{grid-template-columns:1fr;margin:22px 16px 0}.gh-hint-ring{background:radial-gradient(circle,#fff 0 16px,#0000 17px),#080a0e40;width:110px;height:110px}.gh-hint-text{font-size:14px}}@media (prefers-reduced-motion:reduce){.gh-ring{transition:opacity .1s linear;scale:1}.gh-ring .gh-slice,.gh-ring .gh-slot{transition:none;transition-delay:0s!important}.gh-hint-ring{animation:none}.gh-echo.show{animation:.9s linear forwards echo-still}.gh-slot.on svg,.gh-hub.on{transform:scale(1)}@keyframes echo-still{0%,70%{opacity:1}to{opacity:0}}}@media (forced-colors:active){.gh-hub,.gh-slot{forced-color-adjust:none;border:2px solid canvastext}}