:root{--bg:#0b0c0f;--surface:#15171d;--surface-2:#1d2028;--line:#272a33;--line-strong:#373b46;--text:#eef0f5;--text-muted:#a3a9b7;--text-faint:#7d8494;--accent:#ff8a1f;--accent-hover:#ffa24d;--on-accent:#1a0d00;--selected-bg:#eef0f5;--selected-ink:#0b0c0f;--brand-orange:#fd7904;--brand-purple:#5b2be0;--brand-red:#e8262c;--purple-ink:#9b7dff;--red-ink:#ff5a5f;--bezel:#06070a;--scrim:#060709f2;--poster-ink:#fff;--poster-cta-ink:#101217;--font-display:"Archivo", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;--font-body:"Instrument Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--fs-hero:clamp(3.75rem, 12vw, 11rem);--fs-page:clamp(3.5rem, 10vw, 8.5rem);--fs-h2:clamp(2rem, 4.6vw, 3.5rem);--fs-h3:1.375rem;--fs-lede:clamp(1.125rem, 1.6vw, 1.375rem);--fs-body:1.0625rem;--fs-small:.9375rem;--fs-label:.75rem;--fs-spec:.6875rem;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--s-10:144px;--container:1240px;--gutter:16px;--grid-gap:16px;--section:var(--s-8);--r-xs:4px;--r-sm:8px;--r-md:14px;--r-frame-portrait:20px;--r-frame-landscape:10px;--r-phone:44px;--r-screen:33px;--ease:cubic-bezier(.2, .7, .2, 1);--dur-fast:.16s;--dur-slow:.6s;color-scheme:dark}@media (width>=768px){:root{--gutter:32px;--grid-gap:24px;--section:var(--s-9)}}@media (width>=1200px){:root{--gutter:48px;--section:var(--s-10)}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html:has(dialog[open]){overflow:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.55}h1,h2,h3,h4,p,ul,ol,dl,dd{margin:0}img,svg,video,iframe{max-width:100%;display:block}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:var(--accent);color:var(--on-accent)}.wrap{width:100%;max-width:var(--container);padding-left:max(var(--gutter), env(safe-area-inset-left,0px));padding-right:max(var(--gutter), env(safe-area-inset-right,0px));margin-inline:auto}.skip{z-index:60;position:absolute;top:12px;left:-9999px}.skip:focus{background:var(--accent);color:var(--on-accent);border-radius:var(--r-sm);padding:8px 12px;left:16px}.display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.005em;font-weight:800;font-stretch:68%;line-height:.86}.display em{color:var(--accent);font-style:normal}.hero-title{font-size:var(--fs-hero)}.page-title{font-size:var(--fs-page)}.h2{font-family:var(--font-display);font-weight:750;font-stretch:84%;font-size:var(--fs-h2);letter-spacing:-.01em;text-wrap:balance;line-height:1}.h3{font-family:var(--font-display);font-weight:700;font-size:var(--fs-h3);text-wrap:balance;line-height:1.15}.lede{font-size:var(--fs-lede);color:var(--text-muted);text-wrap:pretty;max-width:42ch;line-height:1.5}.label{font-size:var(--fs-label);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-weight:600}.prose{gap:var(--s-4);max-width:62ch;color:var(--text-muted);display:grid}.prose b,.prose strong{color:var(--text);font-weight:600}.site-header{padding-block:var(--s-5)}.header-row{align-items:center;gap:var(--s-3) var(--s-6);flex-wrap:wrap;display:flex}.logo{align-items:center;margin-right:auto;text-decoration:none;display:inline-flex}.logo img{width:auto;height:32px;display:block}@media (width<=599px){.logo img{height:28px}}.nav{gap:var(--s-5);display:flex}.nav a{color:var(--text-muted);font-size:var(--fs-small);transition:color var(--dur-fast);border-bottom:2px solid #0000;padding-block:6px;font-weight:600;text-decoration:none}.nav a:hover{color:var(--text)}.nav a[aria-current=page]{color:var(--text);border-bottom-color:var(--accent)}.lang{border:1px solid var(--line);border-radius:var(--r-sm);padding:2px;display:inline-flex}.lang button{min-width:38px;min-height:32px;color:var(--text-muted);font-size:var(--fs-label);letter-spacing:.08em;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 8px;font-weight:700}.lang button:hover{color:var(--text)}.lang button[aria-pressed=true]{background:var(--selected-bg);color:var(--selected-ink)}@media (width<=599px){.nav{width:100%;padding-top:var(--s-3);border-top:1px solid var(--line);order:3}}.actions{gap:var(--s-3);flex-wrap:wrap;display:flex}.btn{border-radius:var(--r-sm);min-height:48px;font-size:var(--fs-small);cursor:pointer;transition:background var(--dur-fast), border-color var(--dur-fast), color var(--dur-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{border-color:var(--line-strong);color:var(--text);background:0 0}.btn-ghost:hover{border-color:var(--text-muted)}.btn-sm{min-height:40px;padding:0 14px}.link-arrow{border-bottom:1px solid var(--line-strong);font-size:var(--fs-small);white-space:nowrap;padding-bottom:2px;font-weight:600;text-decoration:none}.link-arrow:hover{border-bottom-color:var(--accent)}.section{padding-top:var(--section)}.section--tight{padding-top:var(--s-7)}.section-head{justify-content:space-between;align-items:flex-end;gap:var(--s-4);margin-bottom:var(--s-6);flex-wrap:wrap;display:flex}.hero{gap:var(--s-6);padding-top:var(--s-8);display:grid}@media (width>=768px){.hero{padding-top:var(--s-9);gap:var(--s-7)}}.hero-foot{gap:var(--s-5);display:grid}@media (width>=900px){.hero-foot{grid-template-columns:minmax(0,1fr) auto;align-items:end}}.page-head{gap:var(--s-5);padding-top:var(--s-8);display:grid}@media (width>=768px){.page-head{padding-top:var(--s-9)}}.works{gap:var(--s-7) var(--grid-gap);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=760px){.works--3{grid-template-columns:repeat(3,minmax(0,1fr))}}.works--4{row-gap:var(--s-6);grid-template-columns:repeat(2,minmax(0,1fr))}@media (width>=1000px){.works--4{grid-template-columns:repeat(4,minmax(0,1fr))}}.works--ads{row-gap:var(--s-6);grid-template-columns:repeat(2,minmax(0,1fr))}@media (width>=900px){.works--ads{row-gap:var(--s-7);grid-template-columns:repeat(3,minmax(0,1fr))}}.work{gap:var(--s-4);align-content:start;min-width:0;display:grid;container-type:inline-size}.work[hidden]{display:none}.work-meta{gap:6px;min-width:0;display:grid}.work-sub{color:var(--text-muted);font-size:var(--fs-small)}.specs{flex-wrap:wrap;gap:6px;margin-top:4px;padding:0;list-style:none;display:flex}.specs li{border:1px solid var(--line);border-radius:var(--r-xs);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--fs-spec);letter-spacing:.02em;font-variant-numeric:tabular-nums;padding:3px 6px;line-height:1.25}.stage{aspect-ratio:4/5;border-radius:var(--r-md);background:radial-gradient(90% 70% at 50% 62%, color-mix(in srgb, var(--g1) 24%, transparent), transparent 72%), var(--surface);width:100%;max-width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;border:0;place-items:center;margin:0;padding:0;text-decoration:none;display:grid;position:relative;overflow:hidden}.stage--square{aspect-ratio:1}.stage:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.stage-tag{top:var(--s-4);left:var(--s-4);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--fs-spec);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:7px;display:inline-flex;position:absolute}.stage-mute{top:14px;right:var(--s-4);width:16px;height:16px;color:var(--text-faint);position:absolute}.stage-cta{right:var(--s-4);bottom:var(--s-4);border:1px solid var(--line-strong);background:var(--surface-2);transition:background var(--dur-fast), color var(--dur-fast), border-color var(--dur-fast);border-radius:999px;align-items:center;gap:6px;padding:7px 12px 7px 10px;font-size:.8125rem;font-weight:600;line-height:1;display:inline-flex;position:absolute}.stage-cta svg{width:10px;height:10px}.stage:hover .stage-cta,.stage:focus-visible .stage-cta{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.stage .frame{transition:transform var(--dur-slow) var(--ease)}.stage:hover .frame{transform:translateY(-6px)}@container (width<=260px){.stage-cta,.stage-mute{display:none}.stage-tag{font-size:.625rem;top:10px;left:10px}}.stage-tag:before,.sub h4:before,.kind-tag:before{content:"";background:var(--dot,var(--accent));border-radius:50%;flex:none;width:7px;height:7px}[data-kind=playable]{--dot:var(--accent)}[data-kind=endcard]{--dot:var(--purple-ink)}[data-kind=iteration]{--dot:var(--red-ink)}.frame{background:linear-gradient(165deg, var(--g1), var(--g2));box-shadow:0 0 0 5px var(--bezel), 0 0 0 6px var(--line-strong), 0 30px 60px -24px #000000bf;display:block;position:relative;overflow:hidden;container-type:inline-size}.frame--portrait{aspect-ratio:9/16;border-radius:var(--r-frame-portrait);width:46%}.frame--landscape{aspect-ratio:16/9;border-radius:var(--r-frame-landscape);width:84%;box-shadow:0 0 0 4px var(--bezel), 0 0 0 5px var(--line-strong), 0 30px 60px -24px #000000bf}.stage--square .frame--portrait{width:47%}.stage--square .frame--landscape{width:86%}@container (width<=260px){.frame--portrait{width:52%}.stage--square .frame--portrait{width:40%}.stage--square .frame--landscape{width:84%}}.vprogress{z-index:2;background:#ffffff38;height:3px;position:absolute;bottom:0;left:0;right:0}.vprogress:after{content:"";background:var(--poster-ink);transform-origin:0;transform:scaleX(var(--p,0));position:absolute;inset:0}.lines{gap:var(--grid-gap);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=960px){.lines{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}.line{gap:var(--s-5);min-width:0;padding:var(--s-6) var(--s-5);border-radius:var(--r-md);background:var(--surface);grid-template-rows:auto auto auto 1fr auto;display:grid}@media (width>=768px){.line{padding:var(--s-7)}}.line--wide{grid-template-rows:auto auto auto auto 1fr auto}.line>svg{width:44px;height:44px;color:var(--accent)}.line--wide>svg{color:var(--purple-ink)}.line-text{color:var(--text-muted);max-width:52ch}.subs{gap:var(--s-5);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=600px){.subs{grid-template-columns:repeat(2,minmax(0,1fr))}}.sub h4{align-items:center;gap:10px;display:flex}.sub{gap:var(--s-2);padding:var(--s-5);border-radius:var(--r-sm);background:var(--surface-2);align-content:start;min-width:0;display:grid}.sub p{color:var(--text-muted);font-size:var(--fs-small)}.sub .tool{margin-top:var(--s-2)}.proof{gap:var(--s-4) var(--s-5);grid-template-columns:minmax(0,1fr);align-content:end;display:grid}.proof--4{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width>=1100px){.proof--4{grid-template-columns:repeat(4,minmax(0,1fr))}}.proof div{padding-top:var(--s-3);border-top:1px solid var(--line);gap:4px;min-width:0;display:grid}.proof dt{font-family:var(--font-display);overflow-wrap:anywhere;font-size:1.75rem;font-weight:800;font-stretch:76%;line-height:1.05}.proof dd{color:var(--text-muted);font-size:var(--fs-small);line-height:1.4}.line-foot{justify-content:space-between;align-items:center;gap:var(--s-3) var(--s-5);padding-top:var(--s-4);border-top:1px solid var(--line);flex-wrap:wrap;display:flex}.head-links{gap:var(--s-5);flex-wrap:wrap;display:flex}.page-proof{margin-top:var(--s-6);max-width:960px}.tool{color:var(--text-faint);font-size:var(--fs-small)}.tool b{color:var(--text);font-weight:600}.contact{padding-block:var(--section)}.contact-inner{gap:var(--s-5);padding-top:var(--s-7);border-top:1px solid var(--line);display:grid}.email-row{align-items:center;gap:var(--s-4) var(--s-5);flex-wrap:wrap;display:flex}.email{min-width:0;font-family:var(--font-display);letter-spacing:-.01em;overflow-wrap:anywhere;transition:color var(--dur-fast);font-size:clamp(2.25rem,7.4vw,6rem);font-weight:800;font-stretch:76%;line-height:1;text-decoration:none}.email:hover{color:var(--accent)}.contact-list{gap:var(--s-3);padding:0;list-style:none;display:grid}.contact-list li{gap:var(--s-2) var(--s-4);flex-wrap:wrap;align-items:baseline;display:flex}.contact-list .label{min-width:88px}.brand-full{width:100%;max-width:440px;height:auto;margin-left:-6px;display:block}.slogan{color:var(--text);font-style:italic}.site-footer{padding-block:var(--s-6) var(--s-7);border-top:1px solid var(--line)}.footer-row{justify-content:space-between;gap:var(--s-3) var(--s-6);color:var(--text-faint);font-size:var(--fs-small);flex-wrap:wrap;display:flex}.footer-links{gap:var(--s-5);display:flex}.footer-links a{text-decoration:none}.footer-links a:hover{color:var(--text)}.filters{gap:var(--s-2);margin-bottom:var(--s-6);flex-wrap:wrap;display:flex}.filter{border:1px solid var(--line-strong);border-radius:var(--r-sm);min-height:40px;color:var(--text-muted);font-size:var(--fs-small);cursor:pointer;background:0 0;padding:0 14px;font-weight:600}.filter:hover{color:var(--text)}.filter .count{font-family:var(--font-mono);font-size:var(--fs-spec);opacity:.7;margin-left:6px}.filter[aria-pressed=true]{background:var(--selected-bg);border-color:var(--selected-bg);color:var(--selected-ink)}.overlay{background:var(--scrim);width:100%;max-width:none;height:100%;max-height:none;color:var(--text);border:0;margin:0;padding:0;overflow:auto}.overlay::backdrop{background:var(--scrim)}.overlay-inner{align-content:center;justify-items:center;gap:var(--s-6);min-height:100%;padding-top:calc(var(--s-8) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--s-6) + env(safe-area-inset-bottom,0px));display:grid}.close{top:calc(var(--s-4) + env(safe-area-inset-top,0px));right:calc(var(--s-4) + env(safe-area-inset-right,0px));z-index:5;border:1px solid var(--line-strong);background:var(--surface-2);cursor:pointer;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:fixed}.close:hover{border-color:var(--text-muted)}.close svg{width:16px;height:16px}.phone{border-radius:var(--r-phone);background:var(--bezel);width:min(100%,56.25dvh - 106.875px,400px);min-width:240px;box-shadow:0 0 0 1px var(--line-strong), 0 40px 90px -30px #000000d9;padding:14px 10px 10px;position:relative}.phone:before{content:"";background:var(--line-strong);border-radius:4px;width:40px;height:4px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.phone-screen{aspect-ratio:9/16;border-radius:var(--r-screen);background:var(--bezel);position:relative;overflow:hidden}.phone-screen iframe{border:0;width:100%;height:100%}.player-info{gap:var(--s-4);width:100%;max-width:400px;display:grid}.player-info p{color:var(--text-muted)}@media (width>=900px){.player .overlay-inner{justify-content:center;align-items:center;column-gap:var(--s-8);grid-template-columns:auto minmax(0,360px)}.player-info{max-width:360px}}.spec-list{padding-block:var(--s-4);border-block:1px solid var(--line);font-size:var(--fs-small);grid-template-columns:auto minmax(0,1fr);gap:8px 20px;display:grid}.spec-list dt{color:var(--text-faint)}.spec-list dd{color:var(--text);font-variant-numeric:tabular-nums}.vframe{background:linear-gradient(165deg, var(--g1), var(--g2));box-shadow:0 0 0 6px var(--bezel), 0 0 0 7px var(--line-strong), 0 40px 90px -30px #000000d9;position:relative;overflow:hidden;container-type:inline-size}.vframe.is-portrait{aspect-ratio:9/16;border-radius:24px;width:min(100%,56.25dvh - 146.25px,420px);min-width:220px}.vframe.is-landscape{aspect-ratio:16/9;border-radius:12px;width:min(100%,1040px,177.778dvh - 462.222px)}.vplay{z-index:3;cursor:pointer;width:100%;transition:background var(--dur-fast);background:#00000047;border:0;place-items:center;display:grid;position:absolute;inset:0}.vplay span{background:var(--accent);width:72px;height:72px;color:var(--on-accent);border-radius:50%;place-items:center;display:grid}.vplay svg{width:22px;height:22px;transform:translate(2px)}.vframe.is-playing .vplay{background:0 0}.vframe.is-playing .vplay span{opacity:0}.vbar{z-index:4;color:var(--poster-ink);font-family:var(--font-mono);font-variant-numeric:tabular-nums;pointer-events:none;background:linear-gradient(#0000,#0000008c);align-items:center;gap:12px;padding:10px 14px;font-size:.75rem;display:flex;position:absolute;bottom:0;left:0;right:0}.vtrack{background:#ffffff40;border-radius:3px;flex:1;height:3px;overflow:hidden}.vfill{background:var(--poster-ink);width:0;height:100%}.vinfo{justify-content:space-between;align-items:flex-end;gap:var(--s-3) var(--s-6);flex-wrap:wrap;width:100%;max-width:720px;display:flex}.vinfo .work-meta{gap:4px}.about-grid{gap:var(--s-8) var(--s-7);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=900px){.about-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.about-block{gap:var(--s-5);align-content:start;min-width:0;display:grid}.portrait{aspect-ratio:4/3;max-width:100%;padding:var(--s-5);border-radius:var(--r-md);background:radial-gradient(70% 90% at 75% 30%, color-mix(in srgb, var(--brand-orange) 22%, transparent), transparent 70%), radial-gradient(60% 80% at 20% 90%, color-mix(in srgb, var(--brand-purple) 30%, transparent), transparent 70%), var(--surface);place-items:end start;display:grid;position:relative;overflow:hidden}.portrait span{font-family:var(--font-display);color:var(--text);opacity:.9;font-size:9rem;font-weight:800;font-stretch:68%;line-height:.8}.portrait small{top:var(--s-4);right:var(--s-4);color:var(--text-faint);font-family:var(--font-mono);font-size:var(--fs-spec);text-transform:uppercase;letter-spacing:.06em;position:absolute}.tools{border-top:1px solid var(--line);gap:0;display:grid}.tools div{justify-content:space-between;gap:var(--s-2) var(--s-4);padding-block:var(--s-4);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.tools dt{font-family:var(--font-display);font-size:1.125rem;font-weight:700}.tools dd{color:var(--text-muted)}.steps{gap:var(--grid-gap);counter-reset:step;grid-template-columns:minmax(0,1fr);padding:0;list-style:none;display:grid}@media (width>=640px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1000px){.steps{grid-template-columns:repeat(4,minmax(0,1fr))}}.steps li{gap:var(--s-3);padding-top:var(--s-4);border-top:2px solid var(--line-strong);counter-increment:step;align-content:start;min-width:0;display:grid}.steps li:before{content:counter(step, decimal-leading-zero);color:var(--accent);font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.06em}.steps p{color:var(--text-muted);font-size:var(--fs-small)}.note{margin-top:var(--s-7);max-width:62ch;color:var(--text-faint);font-size:var(--fs-small)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation:none!important}}.lang a{min-width:38px;min-height:32px;color:var(--text-muted);font-size:var(--fs-label);letter-spacing:.08em;border-radius:6px;place-items:center;padding:0 8px;font-weight:700;text-decoration:none;display:inline-grid}.lang a:hover{color:var(--text)}.lang a[aria-current=true]{background:var(--selected-bg);color:var(--selected-ink)}.frame{--g1:#3a3f4c;--g2:#15171d}.frame--square{aspect-ratio:1;border-radius:12px;width:70%}.frame-media{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.kind-tag{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--fs-spec);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:7px;display:inline-flex}.empty{gap:var(--s-4);padding:var(--s-7) var(--s-5);border-radius:var(--r-md);background:var(--surface);justify-items:start;display:grid}@media (width>=768px){.empty{padding:var(--s-8) var(--s-7)}}.empty p:not(.label){max-width:52ch;color:var(--text-muted)}.empty .actions{margin-top:var(--s-3)}.sets{gap:var(--s-8);display:grid}.set{gap:var(--s-5);min-width:0;scroll-margin-top:var(--s-5);display:grid}.set[hidden]{display:none}.set-body{gap:var(--s-5) var(--s-7);grid-template-columns:minmax(0,1fr);grid-template-areas:"head""stage""pick";align-items:start;display:grid}@media (width>=900px){.set-body{grid-template:"stage head""stage pick"1fr/minmax(0,5fr) minmax(0,7fr)}}.set-head{grid-area:head}.set-stage{grid-area:stage;min-width:0}.set-pick{gap:var(--s-4);grid-area:pick;justify-items:start;min-width:0;display:grid}.set-pick .versions{width:100%}.set-head{gap:var(--s-3);min-width:0;display:grid}.set-head p{color:var(--text-muted);max-width:52ch}.set-desc[hidden]{display:none}.set-controls{align-items:center;gap:var(--s-3) var(--s-5);flex-wrap:wrap;display:flex}.versions{gap:var(--s-2);grid-template-columns:repeat(4,minmax(0,1fr));padding:0;list-style:none;display:grid}.versions--landscape{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width>=600px){.versions--landscape{grid-template-columns:repeat(4,minmax(0,1fr))}}.versions li[hidden]{display:none}.version{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);cursor:pointer;width:100%;transition:border-color var(--dur-fast);padding:0;display:block;position:relative;overflow:hidden}.version img{width:100%;height:auto;aspect-ratio:var(--ar,9 / 16);object-fit:cover;opacity:.72;transition:opacity var(--dur-fast);display:block}.version span{border-radius:var(--r-xs);color:var(--poster-ink);font-family:var(--font-mono);font-size:var(--fs-spec);font-variant-numeric:tabular-nums;background:#0009;padding:2px 5px;position:absolute;bottom:6px;left:6px}.version:hover{border-color:var(--text-muted)}.version:hover img,.version[aria-pressed=true] img{opacity:1}.version[aria-pressed=true]{border-color:var(--selected-bg);box-shadow:0 0 0 1px var(--selected-bg)}.version[aria-pressed=true] span{background:var(--selected-bg);color:var(--selected-ink)}.seg{border:1px solid var(--line);border-radius:var(--r-sm);padding:2px;display:inline-flex}.seg button{min-width:52px;min-height:36px;color:var(--text-muted);font-family:var(--font-mono);font-size:var(--fs-spec);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 10px}.seg button:hover{color:var(--text)}.seg button[aria-pressed=true]{background:var(--selected-bg);color:var(--selected-ink)}.set .work[hidden]{display:none}.player-page{gap:var(--s-6);padding-block:var(--s-6) var(--section);grid-template-columns:minmax(0,1fr);justify-items:center;display:grid}.player-page .phone{justify-self:center}@media (width>=900px){.player-page{justify-content:center;align-items:center;column-gap:var(--s-8);padding-top:var(--s-7);grid-template-columns:minmax(0,400px) minmax(0,360px)}.player-page .player-info{max-width:360px}}.back{color:var(--text-muted);font-size:var(--fs-small);justify-self:start;font-weight:600;text-decoration:none}.back:hover{color:var(--text)}.phone-screen img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.phone-screen .vplay{border-radius:inherit}.phone-screen.is-live .vplay,.phone-screen.is-live img{display:none}.phone-screen iframe{background:var(--bezel);position:absolute;inset:0}.phone-screen:not(.is-live) iframe{visibility:hidden}.toast{z-index:5;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text);font-size:var(--fs-small);opacity:0;pointer-events:none;transition:opacity var(--dur-fast), transform var(--dur-fast) var(--ease);border-radius:12px;gap:2px;padding:12px 14px;line-height:1.35;display:grid;position:absolute;bottom:12px;left:12px;right:12px;transform:translateY(8px);box-shadow:0 20px 40px -16px #000c}.toast b{font-weight:600}.toast small{color:var(--text-muted);font-size:var(--fs-label)}.toast.is-on{opacity:1;transform:none}.vframe video{object-fit:contain;background:var(--bezel);width:100%;height:100%;position:absolute;inset:0}.vframe.is-square{aspect-ratio:1;border-radius:16px;width:min(100%,100dvh - 260px,560px)}.vinfo .h3{font-size:var(--fs-h3)}.section--end{padding-bottom:var(--section)}