@font-face{font-family:'GF Serif';src:url(/5680/fonts/instrument-serif-regular-latin.woff2) format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'GF Serif';src:url(/5680/fonts/instrument-serif-italic-latin.woff2) format('woff2');font-style:italic;font-weight:400;font-display:swap}

.gap-film{--u:4px;--row:44;--lime:#e9f056;--sage:#d7e8bc;--mut:#9aa88c;--coral:#ff9f80;--red:#ff5b4a;--ink:#1a1c1e;--card:rgba(48,52,57,.78);--hair:rgba(215,232,188,.16);position:relative;width:100%;aspect-ratio:var(--ar,16 / 9);border-radius:18px;isolation:isolate;-webkit-tap-highlight-color:transparent;font-family:Inter,system-ui,sans-serif;color:var(--sage);user-select:none;-webkit-user-select:none}
.gf-stage{position:absolute;inset:0;overflow:hidden;border-radius:inherit;background:#232629;box-shadow:inset 0 0 0 1px rgba(215,232,188,.1),0 30px 80px -30px rgba(0,0,0,.6);cursor:pointer;contain:layout paint}
.gf-world{position:absolute;inset:0;transform-origin:50% calc(var(--row) * var(--u));will-change:transform}
.gf-bg{position:absolute;inset:-10%;background:radial-gradient(90% 60% at 50% 18%,rgba(70,76,82,.55),transparent 70%),radial-gradient(60% 50% at 50% calc(var(--row) * 1%),rgba(52,56,61,.7),transparent 75%),linear-gradient(180deg,#2a2d31 0%,#222528 60%,#1c1e20 100%)}
.gap-film.resolved .gf-bg{filter:brightness(1.12)}
.gf-bg{transition:filter 1.2s ease}

.gf-spot{position:absolute;left:0;top:0;width:calc(var(--u) * 70);height:calc(var(--u) * 70);margin:calc(var(--u) * -35) 0 0 calc(var(--u) * -35);border-radius:50%;background:radial-gradient(closest-side,rgba(233,240,86,.17),rgba(233,240,86,.05) 55%,transparent);pointer-events:none;will-change:transform,opacity;mix-blend-mode:screen}
.gap-film:has(.gf-token.lost) .gf-spot{background:radial-gradient(closest-side,rgba(255,159,128,.14),rgba(255,159,128,.04) 55%,transparent)}

.gf-seg,.gf-thread{position:absolute;top:calc(var(--row) * var(--u));height:max(1px,calc(var(--u) * .28));margin-top:calc(var(--u) * -.14);border-radius:99px}
.gf-seg{background:linear-gradient(90deg,rgba(215,232,188,.1),rgba(215,232,188,.26),rgba(215,232,188,.1))}
.gf-thread{height:max(2px,calc(var(--u) * .5));margin-top:calc(var(--u) * -.25);background:rgba(215,232,188,.62);transform-origin:left center;transform:scaleX(0);transition:opacity .9s ease,background-color .5s ease,box-shadow .5s ease;will-change:transform}
.gf-thread.fade{opacity:.12}
.gf-thread.live{background:var(--lime);box-shadow:0 0 calc(var(--u) * 1.6) rgba(233,240,86,.55)}

.gf-gap{position:absolute;top:calc(var(--row) * var(--u));height:0}
.gf-gap i{position:absolute;top:calc(var(--u) * -1.8);height:calc(var(--u) * 3.6);border-left:max(1px,calc(var(--u) * .22)) dashed rgba(255,159,128,.4);transition:border-color .4s ease}
.gf-gap i:first-child{left:0}.gf-gap i:nth-child(2){right:0}
.gf-gap.warn i{border-color:rgba(255,159,128,.9);animation:gfWarn 1.4s ease-in-out infinite}
.gf-gap b{position:absolute;left:10%;right:10%;top:calc(var(--u) * -3);height:calc(var(--u) * 6);border-radius:50%;background:radial-gradient(closest-side,rgba(233,240,86,.55),transparent);opacity:0;transform:scale(.6);transition:opacity .5s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.gf-gap.caught b{opacity:1;transform:scale(1.25)}

.gf-gap.closed i{border-color:rgba(233,240,86,.45);border-left-style:solid}
@keyframes gfWarn{0%,100%{opacity:1}50%{opacity:.35}}

@keyframes gfRipple{0%{opacity:.9;transform:scale(.4)}100%{opacity:0;transform:scale(4.2)}}

.gf-node{position:absolute;top:calc(var(--row) * var(--u));width:0;height:0}
.gf-orb{position:absolute;left:calc(var(--u) * -1.8);top:calc(var(--u) * -1.8);width:calc(var(--u) * 3.6);height:calc(var(--u) * 3.6);border-radius:50%;background:#26292c;box-shadow:inset 0 0 0 max(1px,calc(var(--u) * .3)) rgba(215,232,188,.3);transition:box-shadow .5s ease,background-color .5s ease}
.gf-orb::before{content:'';position:absolute;inset:calc(var(--u) * 1.05);border-radius:50%;background:rgba(215,232,188,.25);transition:background-color .5s ease,transform .5s ease}
.gf-orb::after{content:'';position:absolute;inset:0;border-radius:50%;border:max(1px,calc(var(--u) * .2)) solid var(--lime);opacity:0}
.gf-node.on .gf-orb{box-shadow:inset 0 0 0 max(1px,calc(var(--u) * .3)) var(--lime),0 0 calc(var(--u) * 3) rgba(233,240,86,.45)}
.gf-node.on .gf-orb::before{background:var(--lime)}
.gf-node.on .gf-orb::after{animation:gfPing 1.1s cubic-bezier(.2,.7,.2,1) forwards}
.gf-node.cold .gf-orb{box-shadow:inset 0 0 0 max(1px,calc(var(--u) * .3)) rgba(255,159,128,.55)}
.gf-node.cold .gf-orb::before{background:rgba(255,159,128,.35)}
@keyframes gfPing{0%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(2.6)}}

.gf-lbl{position:absolute;left:0;transform:translateX(-50%);white-space:nowrap;font-family:'DM Mono',ui-monospace,monospace;font-size:max(7.5px,calc(var(--u) * 1.75));letter-spacing:.14em;text-transform:uppercase;color:var(--mut);transition:color .5s ease}
.gf-above .gf-lbl{top:calc(var(--u) * 2.8)}
.gf-below .gf-lbl{bottom:calc(var(--u) * 2.8)}
.gf-node:first-of-type .gf-lbl{transform:translateX(-30%)}
.gf-node.on .gf-lbl{color:var(--sage)}
.gf-node.cold .gf-lbl{color:var(--coral)}

.gf-card{position:absolute;width:calc(var(--u) * 33);padding:calc(var(--u) * 1.5) calc(var(--u) * 1.8);border-radius:calc(var(--u) * 1.6);background:var(--card);border:1px solid var(--hair);box-shadow:0 calc(var(--u) * 1.6) calc(var(--u) * 4) rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.04);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:max(8.5px,calc(var(--u) * 2.25));line-height:1.35;opacity:0;transform:translateY(calc(var(--u) * 1.2)) scale(.96);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.gf-card.on{opacity:1;transform:none}
.gf-above .gf-card{bottom:calc(var(--u) * 6.4);transform-origin:50% 100%}
.gf-below .gf-card{top:calc(var(--u) * 6.4);transform-origin:50% 0}
.gf-below .gf-card:not(.on){transform:translateY(calc(var(--u) * -1.2)) scale(.96)}
.gf-start .gf-card{left:calc(var(--u) * -4)}
.gf-end .gf-card{right:calc(var(--u) * -4)}
.gf-card::before{content:'';position:absolute;width:0;height:calc(var(--u) * 4.4);border-left:1px solid rgba(215,232,188,.22)}
.gf-start .gf-card::before{left:calc(var(--u) * 4 - .5px)}
.gf-end .gf-card::before{right:calc(var(--u) * 4 - .5px)}
.gf-above .gf-card::before{top:100%}
.gf-below .gf-card::before{bottom:100%}

.gf-hd{display:flex;align-items:center;gap:.6em;min-width:0}
.gf-hd b{font-weight:500;color:var(--sage);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gf-hd time,.gf-meta{margin-left:auto;font-family:'DM Mono',ui-monospace,monospace;font-size:.82em;color:var(--mut);white-space:nowrap}
.gf-av{position:relative;flex:0 0 auto;display:grid;place-items:center;width:2.1em;height:2.1em;border-radius:50%;background:#3e434a;font-size:.78em;font-weight:600;color:var(--sage)}
.gf-av-t{background:#2c2f32;color:var(--lime);box-shadow:inset 0 0 0 1px rgba(233,240,86,.6)}
.gf-badge{position:absolute;top:-.55em;right:-.75em;min-width:1.55em;height:1.55em;padding:0 .35em;border-radius:99px;background:var(--red);color:#fff;font-style:normal;font-size:.78em;font-weight:600;line-height:1.55em;text-align:center;font-variant-numeric:tabular-nums;opacity:0;transform:scale(.4);transition:opacity .3s ease,transform .4s cubic-bezier(.3,1.6,.5,1)}
.gf-badge.on{opacity:1;transform:none}
.gf-badge.tick{animation:gfBump .45s cubic-bezier(.3,1.6,.5,1)}
@keyframes gfBump{0%{transform:scale(1.45)}100%{transform:scale(1)}}
.gf-q{margin:.55em 0 0;font-family:'GF Serif','Instrument Serif',Georgia,serif;font-style:italic;font-size:1.32em;line-height:1.15;color:#e8f0d6}
.gf-slot{display:grid;margin-top:.6em}
.gf-slot>*{grid-area:1/1;justify-self:start;opacity:0;transform:translateY(.4em);transition:opacity .4s ease,transform .5s cubic-bezier(.2,.7,.2,1)}
.gf-slot>.on{opacity:1;transform:none}
.gf-chip{display:inline-flex;align-items:center;gap:.4em;padding:.28em .7em;border-radius:99px;border:1px solid rgba(215,232,188,.24);font-family:'DM Mono',ui-monospace,monospace;font-size:.84em;color:var(--sage);white-space:nowrap}
.gf-chip::before{content:'';width:.5em;height:.5em;border-radius:50%;background:currentColor;opacity:.8}
.gf-rowl{display:block;width:100%;padding:.35em .6em;border-radius:.4em;border:1px dashed rgba(215,232,188,.25);font-family:'DM Mono',ui-monospace,monospace;font-size:.84em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gf-ok{color:var(--lime);border-color:rgba(233,240,86,.55);border-style:solid;background:rgba(233,240,86,.07)}
.gf-bad{color:var(--coral);border-color:rgba(255,159,128,.5);background:rgba(255,159,128,.05)}

.gf-token{position:absolute;left:0;top:0;width:0;height:0;z-index:3;will-change:transform,opacity}
.gf-bub{position:absolute;left:calc(var(--u) * -3);top:calc(var(--u) * -2);width:calc(var(--u) * 6);height:calc(var(--u) * 4);display:flex;align-items:center;justify-content:center;gap:calc(var(--u) * .55);border-radius:calc(var(--u) * 2);background:var(--lime);box-shadow:0 0 calc(var(--u) * 2.2) rgba(233,240,86,.7),0 0 calc(var(--u) * 7) rgba(233,240,86,.28);transition:background-color .5s ease,box-shadow .5s ease}
.gf-bub::after{content:'';position:absolute;left:calc(var(--u) * .9);bottom:calc(var(--u) * -.7);width:calc(var(--u) * 1.5);height:calc(var(--u) * 1.5);background:inherit;transform:rotate(45deg) skew(10deg,10deg);border-radius:0 0 calc(var(--u) * .3) 0;z-index:-1}
.gf-bub i{width:calc(var(--u) * .7);height:calc(var(--u) * .7);border-radius:50%;background:var(--ink);opacity:.75;animation:gfType 1.1s ease-in-out infinite}
.gf-bub i:nth-child(2){animation-delay:.15s}.gf-bub i:nth-child(3){animation-delay:.3s}
@keyframes gfType{0%,100%{transform:translateY(0);opacity:.45}50%{transform:translateY(calc(var(--u) * -.4));opacity:.9}}
.gf-token.flicker .gf-bub{animation:gfFlicker 1.2s steps(1,end) forwards}
@keyframes gfFlicker{0%{opacity:1}12%{opacity:.4}18%{opacity:1}40%{opacity:.3}46%{opacity:.85}64%{opacity:.25}70%{opacity:.75}86%{opacity:.2}92%{opacity:.6}100%{opacity:.5}}
.gf-token.lost .gf-bub{background:var(--coral);box-shadow:0 0 calc(var(--u) * 1.6) rgba(255,159,128,.5)}
.gf-token.lost .gf-bub i{animation:none;opacity:.35}
.gf-token.live .gf-bub{box-shadow:0 0 calc(var(--u) * 2.6) rgba(233,240,86,.85),0 0 calc(var(--u) * 9) rgba(233,240,86,.35)}

.gf-clock{position:absolute;left:50%;top:calc(var(--u) * 6);transform:translateX(-50%);display:flex;align-items:center;gap:.55em;padding:.5em 1em;border-radius:99px;background:rgba(26,28,30,.6);border:1px solid var(--hair);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:'DM Mono',ui-monospace,monospace;font-size:max(9px,calc(var(--u) * 2.1));letter-spacing:.08em;text-transform:uppercase;color:var(--sage);white-space:nowrap;font-variant-numeric:tabular-nums;transition:color .5s ease,border-color .5s ease,background-color .5s ease;z-index:4}
.gf-clock b{font-weight:400;color:var(--lime);transition:color .5s ease}
.gf-cdot{width:.5em;height:.5em;border-radius:50%;background:var(--lime);transition:background-color .5s ease}
.gf-clock.late{color:var(--coral);border-color:rgba(255,159,128,.4);background:rgba(40,26,22,.6)}
.gf-clock.late b,.gf-clock.late .gf-cdot{color:var(--coral);background-color:transparent}
.gf-clock.late .gf-cdot{background:var(--coral)}
.gf-clock.ok{border-color:rgba(233,240,86,.5)}
.gf-clock .tick{display:inline-block;animation:gfRoll .42s cubic-bezier(.2,.7,.2,1)}
@keyframes gfRoll{0%{transform:translateY(-70%);opacity:0;filter:blur(2px)}100%{transform:none;opacity:1;filter:none}}

.gf-scrim{position:absolute;left:0;right:0;bottom:0;height:46%;background:linear-gradient(180deg,transparent,rgba(20,22,24,.55) 45%,rgba(18,19,21,.86));pointer-events:none;z-index:4}
.gf-caps{position:absolute;left:6%;right:6%;bottom:max(50px,calc(var(--u) * 10));display:grid;z-index:5;pointer-events:none}
.gf-line{grid-area:1/1;align-self:end;margin:0;text-align:center;font-family:'GF Serif','Instrument Serif',Georgia,serif;font-weight:400;font-size:calc(var(--u) * 6.4);line-height:1.04;letter-spacing:-.01em;color:#eef3df;text-wrap:balance;text-shadow:0 2px 18px rgba(0,0,0,.55)}
.gf-line em{font-style:italic;color:var(--lime)}
.gf-w{display:inline-block;opacity:0;transform:translateY(.42em);filter:blur(6px);transition:opacity .5s ease,transform .7s cubic-bezier(.2,.7,.2,1),filter .5s ease}
.gf-line.on .gf-w{opacity:1;transform:none;filter:none;transition-delay:calc(var(--i) * 85ms)}
.gf-line.gone .gf-w{opacity:0;transform:translateY(-.25em);filter:blur(4px);transition-duration:.35s;transition-delay:0s}
.gf-nocap .gf-caps,.gf-nocap .gf-scrim{display:none}

.gap-film[data-ratio="16:9"] .gf-line{font-size:calc(var(--u) * 4.5)}
.gap-film[data-ratio="16:9"] .gf-caps{bottom:max(40px,calc(var(--u) * 5))}
.gap-film[data-ratio="16:9"] .gf-clock{top:calc(var(--u) * 2.2);font-size:max(8px,calc(var(--u) * 1.6))}
.gap-film[data-ratio="16:9"] .gf-card{width:calc(var(--u) * 30);font-size:max(8px,calc(var(--u) * 1.8))}
.gap-film[data-ratio="16:9"] .gf-above .gf-card{bottom:calc(var(--u) * 5.4)}
.gap-film[data-ratio="16:9"] .gf-below .gf-card{top:calc(var(--u) * 5.4)}
.gap-film[data-ratio="16:9"] .gf-card::before{height:calc(var(--u) * 3.4)}
.gap-film[data-ratio="16:9"] .gf-lbl{font-size:max(7px,calc(var(--u) * 1.45))}
.gap-film[data-ratio="1:1"] .gf-line{font-size:calc(var(--u) * 5.8)}
.gap-film[data-ratio="1:1"] .gf-caps{bottom:max(48px,calc(var(--u) * 8.5))}
.gap-film[data-ratio="9:16"] .gf-line{font-size:calc(var(--u) * 8.4);line-height:1.02}
.gap-film[data-ratio="9:16"] .gf-caps{bottom:calc(var(--u) * 22)}
.gap-film[data-ratio="9:16"] .gf-clock{top:calc(var(--u) * 18);font-size:calc(var(--u) * 2.8)}
.gap-film[data-ratio="9:16"] .gf-card{font-size:calc(var(--u) * 2.6);width:calc(var(--u) * 37)}
.gap-film[data-ratio="4:5"] .gf-line{font-size:calc(var(--u) * 7)}

.gf-sweep{position:absolute;top:0;bottom:0;left:100%;width:30%;background:linear-gradient(90deg,transparent,rgba(233,240,86,.08) 40%,rgba(255,255,255,.14) 50%,rgba(233,240,86,.08) 60%,transparent);pointer-events:none;z-index:6;opacity:0}
.gap-film.rewind .gf-sweep{animation:gfSweep .6s cubic-bezier(.6,0,.4,1) forwards}
.gap-film.rewind .gf-world{filter:saturate(.5) brightness(.85)}
.gf-world{transition:filter .4s ease,opacity .4s ease}
@keyframes gfSweep{0%{left:100%;opacity:1}100%{left:-30%;opacity:1}}
.gap-film.out .gf-world,.gap-film.out .gf-clock,.gap-film.out .gf-caps{opacity:0;transition:opacity .4s ease}
.gf-clock,.gf-caps{transition:opacity .4s ease}

.gf-grain{position:absolute;inset:-50%;z-index:7;pointer-events:none;opacity:.11;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1.2 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:gfGrain .9s steps(4) infinite}
.gf-stage::after{content:'';position:absolute;inset:0;z-index:8;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 calc(var(--u) * 14) rgba(0,0,0,.45)}
@keyframes gfGrain{0%{transform:translate(0,0)}25%{transform:translate(-6%,4%)}50%{transform:translate(5%,-3%)}75%{transform:translate(-3%,-6%)}100%{transform:translate(0,0)}}

.gf-hud{position:absolute;left:0;right:0;bottom:0;height:34px;z-index:9;pointer-events:none}
.gf-tc{position:absolute;left:12px;bottom:12px;display:flex;align-items:center;gap:6px;font-family:'DM Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.1em;color:rgba(215,232,188,.72);font-variant-numeric:tabular-nums}
.gf-tc i{width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 6px rgba(255,91,74,.8);animation:gfRec 1.6s ease-in-out infinite}
@keyframes gfRec{0%,100%{opacity:1}50%{opacity:.25}}
.gf-bar{position:absolute;left:0;right:0;bottom:0;height:2px;background:rgba(215,232,188,.12)}
.gf-bar i{display:block;height:100%;background:linear-gradient(90deg,rgba(233,240,86,.6),var(--lime));transform-origin:left;transform:scaleX(0)}

.gf-pp{position:absolute;right:4px;bottom:4px;z-index:10;display:flex;align-items:center;justify-content:center;gap:8px;min-width:44px;height:44px;padding:0 9px;border:0;background:none;color:var(--sage);cursor:pointer;font:500 11px/1 Inter,system-ui,sans-serif;letter-spacing:.06em;-webkit-tap-highlight-color:transparent}
.gf-pp::before{content:'';position:absolute;inset:8px;border-radius:99px;background:rgba(26,28,30,.62);border:1px solid rgba(215,232,188,.2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background-color .2s ease}
.gf-pp:focus-visible{outline:2px solid var(--lime);outline-offset:-2px;border-radius:99px}
.gf-ico{position:relative;width:10px;height:10px;border-left:3px solid currentColor;border-right:3px solid currentColor}
.gf-idle .gf-ico{width:0;height:0;border-style:solid;border-width:5.5px 0 5.5px 9px;border-color:transparent transparent transparent var(--lime);margin-left:2px}
.gf-ppl{position:relative;display:none}
.gf-poster .gf-ppl,.gf-idle .gf-ppl{display:inline}
.gf-poster .gf-pp,.gf-idle .gf-pp{padding:0 18px 0 16px}
.gf-poster .gf-pp::before,.gf-idle .gf-pp::before{inset:4px 6px;background:rgba(26,28,30,.8);border-color:rgba(233,240,86,.55)}
@media(hover:hover){.gf-pp:hover::before{background:rgba(40,43,46,.9)}}

.gf-paused *,.gf-paused *::before,.gf-paused *::after{animation-play-state:paused!important}
.gf-snap *,.gf-snap *::before,.gf-snap *::after{transition:none!important;animation:none!important}
.gf-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;margin:0}
.gf-poster .gf-grain,.gf-frozen .gf-grain{animation:none}

html.gf-solo-on,html.gf-solo-on body{background:#141517!important;overflow:hidden!important;height:100%}
html.gf-solo-on body>*:not(.gf-solo){display:none!important}
.gf-solo{position:fixed;inset:0;z-index:2147483600;display:grid;place-items:center;background:#141517}
.gf-solo .gap-film{width:min(100vw,calc(100vh * var(--sar)));width:min(100vw,calc(100dvh * var(--sar)));border-radius:0}
.gf-solo .gf-stage{border-radius:0;box-shadow:none}
.gf-solo:not(.gf-solo-ui) .gf-pp,.gf-solo:not(.gf-solo-ui) .gf-hud{display:none}

@media(prefers-reduced-motion:reduce){
  .gf-grain,.gf-tc i,.gf-bub i,.gf-gap.warn i{animation:none}
}
.gf-pit{display:none}
