.yg{max-width:1120px;margin:0 auto;position:relative}.yg-stage{aspect-ratio:16/9;background:radial-gradient(120% 90% at 50% 40%,#1f242b,#0f1114 70%);border-radius:18px;position:relative;overflow:hidden;box-shadow:0 30px 80px #0a0c0f73;container-type:inline-size}.yg-scene{transition:opacity .25s linear;position:absolute;inset:0}.yg-video{object-fit:cover;width:100%;height:100%;display:block}.yg-vignette{pointer-events:none;background:radial-gradient(90% 80%,#0000 55%,#0000008c);position:absolute;inset:0}.yg-canvas,.yg-svg{width:100%;height:100%;display:block;position:absolute;inset:0}.yg-svg text{font-family:var(--f-body);fill:#eeeae3}.yg-h{letter-spacing:-.02em;font-size:8px;font-weight:800;font-family:var(--f-display)!important}.yg-strike{font-size:4.6px;fill:#afb4bc!important}.yg-s{font-size:3.8px}.yg-s.o{font-weight:700;fill:#f9a62a!important}.yg-xs{font-size:2.9px;fill:#afb4bc!important}.yg-q{font-size:4.2px;font-weight:700;font-family:var(--f-display)!important;fill:#c9cdd3!important}.yg-k{letter-spacing:.14em;font-size:2.7px;font-family:var(--f-mono)!important;fill:#f6a55a!important}.yg-node{font-size:7px;font-weight:800;font-family:var(--f-display)!important}.yg-big-k{font-size:13px;font-weight:800;font-family:var(--f-display)!important;fill:#f6881f!important}.yg-tag{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:#bfe3e4;white-space:nowrap;font-size:clamp(10px,1.5cqw,15px);transition:opacity .4s;position:absolute;transform:translate(-50%,-50%)}.yg-tag.o{color:#f9a62a}.yg-cap{color:#fff;max-width:88%;font-family:var(--f-body);text-align:center;background:#0a0c0fb8;border-radius:8px;margin:0;padding:.35em .75em;font-size:clamp(13px,2.1cqw,22px);line-height:1.35;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.yg-cover{background:linear-gradient(#0a0c0fb3,#0000 55%);flex-direction:column;justify-content:flex-start;padding:6%;display:flex;position:absolute;inset:0}.yg-kicker{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:#f6a55a;margin:0 0 .4em;font-size:clamp(10px,1.4cqw,14px)}.yg-title{font-family:var(--f-display);letter-spacing:-.03em;color:#fff;margin:0;font-size:clamp(26px,6.4cqw,68px);font-weight:800;line-height:1}.yg-frame{position:relative}.yg-big{background:linear-gradient(180deg, var(--orange-hi), var(--orange) 55%, var(--orange-lo));color:#1f1710;min-height:56px;font-family:var(--f-display);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:10px;padding:0 26px 0 20px;font-size:17px;font-weight:800;display:inline-flex;position:absolute;top:62%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 30px -10px #f6881fcc}.yg-big:focus-visible,.yg-btn:focus-visible,.yg-seek:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.yg-bar{align-items:center;gap:12px;margin-top:14px;display:flex}.yg-btn{border:1px solid var(--line-strong);background:var(--surface);min-width:44px;height:44px;color:var(--ink);cursor:pointer;font-family:var(--f-mono);border-radius:999px;place-items:center;font-size:13px;font-weight:700;display:grid}.yg-cc[aria-pressed=true]{background:var(--ink);color:var(--bg)}.yg-seek{min-width:0;accent-color:var(--orange);flex:1;height:24px}.yg-time{color:var(--muted);white-space:nowrap;font-size:13px}.yg-end{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.3em;display:flex;position:absolute;inset:0}.yg-end img{width:clamp(48px,9cqw,96px);height:auto;margin-bottom:.6em;transition:transform .2s linear}.yg-end-1{font-family:var(--f-display);letter-spacing:-.03em;color:#fff;margin:0;font-size:clamp(22px,5.4cqw,58px);font-weight:800}.yg-end-2{font-family:var(--f-display);letter-spacing:-.03em;color:#f6881f;margin:0;font-size:clamp(22px,5.4cqw,58px);font-weight:800}.yg-end-3{font-family:var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:#afb4bc;margin:.8em 0 0;font-size:clamp(10px,1.4cqw,14px)}@media (width<=560px){.yg-stage{border-radius:12px}.yg-big{min-height:48px;font-size:15px}}@media (prefers-reduced-motion:reduce){.yg-scene,.yg-tag{transition:none}}@container (width<=520px){.yg-svg .yg-s{font-size:5px}.yg-svg .yg-xs{font-size:4px}.yg-svg .yg-k{font-size:3.6px}.yg-svg .yg-q{font-size:5px}}