:root{--player-surface:#14171c;--player-text:#e6e9ee;--player-accent:#2f62e6;--player-start-light:#c9d1d9;--player-start-disc:#0009;--player-outline-light:#fff;--player-bar-height:3.25rem;--player-motion-bar:.16s;--player-motion-loading-turn:1s;--player-bar-scrim:#000000b8;--player-bar-text:#fff;--player-seek-played:#fff;--player-seek-track:#4b5563;--player-seek-buffered:#a1a8b3;--player-seek-disabled:#6b7280;--player-error:#c62828}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}*{box-sizing:border-box}body{background:#000;margin:0;font-family:system-ui,sans-serif}#player-root{place-items:center;min-height:100vh;display:grid}.stage{aspect-ratio:16/9;background:var(--player-surface);width:100vw;max-width:177.778vh;position:relative;overflow:hidden}.video-layer,.ui-layer{isolation:isolate;position:absolute;inset:0}.stage{isolation:isolate}.video-layer{z-index:0}.caption-layer{z-index:1;pointer-events:none;position:absolute;inset:0}.stage:has(>.control-bar:not([hidden])){--caption-lift:var(--control-bar-height,0px)}.caption-box{transition:bottom var(--player-motion-bar) ease}@media (prefers-reduced-motion:reduce){.caption-box{transition:none}}@media (forced-colors:active){.caption-box{color:canvastext!important;background-color:canvas!important}}.ui-layer{z-index:3;pointer-events:none}.ui-layer>:not(.slate){pointer-events:auto}.video-surface{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.video-hidden{visibility:hidden}.slate{pointer-events:none;align-content:center;place-items:center;height:100%;display:grid}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.start-card{cursor:pointer;place-content:center;display:grid;position:absolute;inset:0}.start-picture{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.start-button{--start-size:clamp(44px, calc(88px * var(--stage-scale,1)), 88px);width:var(--start-size);height:var(--start-size);box-shadow:0 0 0 2px var(--player-surface);background:var(--player-start-disc);color:var(--player-start-light);cursor:pointer;border:2px solid;border-radius:50%;place-items:center;padding:0;transition:transform .15s ease-out,color .15s ease-out;display:grid;position:relative}.start-button svg{width:calc(var(--start-size) * .45);height:calc(var(--start-size) * .45);margin-left:calc(var(--start-size) * .055);fill:currentColor}.start-button:hover{color:var(--player-outline-light);transform:scale(1.08)}.start-button:active{transform:scale(.94)}.start-button:focus-visible{outline:3px solid var(--player-outline-light);outline-offset:3px}.start-button:disabled{opacity:.6;cursor:default;transform:none}@media (prefers-reduced-motion:reduce){.start-button,.start-button:hover,.start-button:active{transition:none;transform:none}}.sound-chip{z-index:5;border:2px solid var(--player-outline-light);background:var(--player-bar-scrim);min-height:44px;color:var(--player-bar-text);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem 1rem;display:inline-flex;position:absolute;top:5%;left:5%}.sound-chip svg{width:1.25rem;height:1.25rem}.sound-chip:focus-visible{outline:3px solid var(--player-outline-light);outline-offset:3px}.loading-layer{z-index:2;pointer-events:none;--loading-size:clamp(44px, calc(88px * var(--stage-scale,1)), 88px);place-items:center;display:grid;position:absolute;inset:0;container-type:size}.loading-circle{width:var(--loading-size);height:var(--loading-size);border:4px solid var(--player-bar-scrim);border-top-color:var(--player-outline-light);animation:loading-turn var(--player-motion-loading-turn) linear infinite;border-radius:50%}@keyframes loading-turn{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.loading-circle{animation:none}}.loading-status{top:calc(50% - var(--loading-size) / 2 - 12px);width:fit-content;transform:translateY(-100%);transform:translateY(max(-100%, calc(8px - (50cqh - var(--loading-size) / 2 - 12px))));background:var(--player-bar-scrim);color:var(--player-bar-text);text-align:center;border-radius:.75rem;margin:0 auto;padding:.5rem 1rem;font-size:1rem;position:absolute;inset-inline:8px}.loading-status:empty{background:0 0;padding:0}.stage:has(.loading-circle:not([hidden])) .start-button:disabled{visibility:hidden}.hand-over-offer{z-index:5;inset-inline:8px;top:calc(50% + clamp(44px, calc(88px * var(--stage-scale,1)), 88px) / 2 + 16px);border:2px solid var(--player-outline-light);background:var(--player-bar-scrim);width:fit-content;min-height:44px;color:var(--player-bar-text);font:inherit;text-align:center;cursor:pointer;border-radius:999px;margin-inline:auto;padding:.5rem 1rem;font-size:1rem;position:absolute}.hand-over-offer:focus-visible{outline:3px solid var(--player-outline-light);outline-offset:2px;box-shadow:0 0 0 7px var(--player-surface)}.stage:not(:has(.start-card))>.hand-over-offer{top:5%;left:auto;right:5%}.stage:has(>.sound-chip):not(:has(.start-card))>.hand-over-offer{top:calc(5% + 52px)}.slate h1{color:var(--player-text);margin:0;font-size:2rem;font-weight:600}.message{color:var(--player-text);font-size:1.1rem}.message-code{font-size:.75rem;display:block}.preview-badge{z-index:100;color:#fff;text-align:center;background:#b45309;margin:0;padding:.35rem 1rem;font-size:.85rem;position:fixed;top:0;left:0;right:0}.element{align-items:center;justify-content:var(--button-align,center);column-gap:calc(8px * var(--stage-scale,1));font-size:calc(16px * var(--stage-scale,1));cursor:default;border:0;margin:0;padding:0;font-family:inherit;display:flex;position:absolute}button.element{cursor:pointer}button.element[data-see-through]{cursor:default}.element[data-in-front]{z-index:1}.element[hidden]{display:none}.element-input{appearance:none;outline:none;justify-content:flex-start}.element-input::placeholder{color:inherit;opacity:1}.element-input-dropdown{appearance:auto}.element-input-multiline{resize:none}.element-input-checkbox{cursor:pointer}.element-input-checkbox input{width:calc(24px * var(--stage-scale,1));height:calc(24px * var(--stage-scale,1));cursor:pointer;flex:none;margin:0}.element-input-checkbox input:focus-visible{outline:3px solid var(--player-outline-light);outline-offset:2px}@media (forced-colors:active){.element-input{border-color:buttonborder}.element-embed{border:1px solid canvastext}.element-timer{color:canvastext;border:1px solid canvastext}}.element-icon{background-color:#0000}.element-icon>svg{width:100%;height:100%;display:block}.element-timer{font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:center;align-items:center;display:flex}.element:focus-visible{outline:3px solid var(--player-outline-light);outline-offset:2px}.element-text{align-items:stretch;justify-content:var(--text-vertical-align,flex-start);overflow-wrap:break-word;white-space:pre-wrap;flex-direction:column;display:flex;overflow:hidden}.element-text p,.element-text ul,.element-text ol{margin:0}.element-text ul,.element-text ol{padding-inline-start:1.25em}.element-text p,.element-text ul,.element-text ol,.element-text li{-webkit-text-decoration:inherit;text-decoration:inherit}.element-text a{color:inherit;text-decoration:underline}.element-image,.element-image-content{object-fit:contain}.element-image-content{width:100%;height:100%}.element-image[data-fit=cover],[data-fit=cover]>.element-image-content{object-fit:cover}.element-image[data-fit=fill],[data-fit=fill]>.element-image-content{object-fit:fill}.element-icon{width:var(--media-size,1.25em);height:var(--media-size,1.25em);flex:none}.element-icon-stacked{justify-content:center;row-gap:.25em;align-items:var(--button-align,center);flex-direction:column}.element-icon-edge{grid-template-columns:var(--media-size,1.25em) minmax(0, 1fr) var(--media-size,1.25em);display:grid}.element-icon-edge>*{grid-row:1}.element-icon-start-edge>.element-icon{grid-column:1}.element-icon-end-edge>.element-icon{grid-column:3}.element-icon-caption{justify-self:var(--button-align,center);grid-column:2}.element.element-media-free>.element-media-placed{left:var(--media-x);top:var(--media-y);width:var(--media-width);height:var(--media-height);object-fit:contain;position:absolute}.element-media-caption{position:relative}.element>.element-text-box{left:var(--text-x);top:var(--text-y);width:var(--text-width);height:var(--text-height);overflow-wrap:anywhere;flex-direction:column;justify-content:center;display:flex;position:absolute}.element-media-crop{justify-content:center;align-items:center;display:flex;container-type:size}.element-media-kept{width:min(100cqw, 100cqh * var(--kept-ratio,1));height:min(100cqh, 100cqw / var(--kept-ratio,1));flex:none;position:relative;overflow:hidden}.element-media-kept>.element-image-content{object-fit:fill;max-width:none;position:absolute}.element-image-content.element-image-start,.element-image-content.element-image-end{width:auto;height:var(--media-size,1em)}.element-hotspot{background-color:#0000;border:0}.element[aria-pressed=true]{outline:3px solid var(--player-outline-light);outline-offset:-3px}.element:disabled,.element[aria-disabled=true]{opacity:.6;cursor:default}.element-arriving{animation:.2s ease-out element-arrive}@keyframes element-arrive{0%{transform:scale(.9)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.element-arriving{animation:none}}.element [aria-invalid=true],.element[aria-invalid=true]{outline:3px solid var(--player-error);outline-offset:0}.element [aria-invalid=true]:focus,.element[aria-invalid=true]:focus{outline:3px solid var(--player-outline-light);outline-offset:2px}.element[aria-busy=true]{opacity:.6;cursor:progress}.form-reason,.form-status{z-index:50;margin:0;padding:.2rem .5rem;font-size:.85rem;line-height:1.3;position:absolute}.form-reason{background:var(--player-error);color:#fff}.form-status{background:var(--player-surface);color:var(--player-text)}.form-status[role=alert]{background:var(--player-error);color:#fff}.form-code{font-size:.75rem;display:block}.control-bar{z-index:2;min-height:var(--player-bar-height);background-image:linear-gradient(to bottom, transparent, var(--player-bar-scrim) 1.5rem);color:var(--player-bar-text);pointer-events:none;transition:opacity var(--player-motion-bar) ease;flex-wrap:wrap;align-items:center;padding-top:1.5rem;display:flex;position:absolute;bottom:0;left:0;right:0}.control-bar[hidden]{visibility:hidden;opacity:0;display:flex}:is(.control-bar:has(:focus-visible),.control-bar:has(.subtitle-menu:not([hidden]))){z-index:4}@media (prefers-reduced-motion:reduce){.control-bar{transition:none}}.control-bar[data-design=solid]{background-image:linear-gradient(to bottom, transparent 1.5rem, var(--player-surface) 1.5rem)}.control-bar[data-design=floating]{isolation:isolate;background-image:none}.control-bar[data-design=floating]:before{content:"";z-index:-1;background-color:var(--player-surface);pointer-events:none;border-radius:6px;position:absolute;inset:1.5rem .5rem .5rem}.control-seek-row{pointer-events:auto;flex:0 0 100%;width:100%;padding:0 .75rem .25rem}.control-buttons{pointer-events:auto;flex-wrap:nowrap;flex:auto;align-items:center;gap:.5rem;padding:0 .75rem .25rem;display:flex}.control-seek{appearance:none;box-sizing:border-box;cursor:pointer;background-clip:content-box;background-color:var(--player-seek-track);background-image:linear-gradient(to right, var(--player-seek-played) 0%, var(--player-seek-played) var(--seek-played-percent,0%), var(--player-seek-buffered) var(--seek-played-percent,0%), var(--player-seek-buffered) var(--seek-buffered-percent,0%), transparent var(--seek-buffered-percent,0%), transparent 100%);border:0;border-radius:2px;width:100%;height:24px;min-height:24px;margin:0;padding:10.5px 0}.control-seek::-webkit-slider-runnable-track{appearance:none;background:0 0;height:100%}.control-seek::-moz-range-track{background:0 0;border:0;height:100%}.control-seek::-webkit-slider-thumb{appearance:none;background-color:var(--player-seek-played);border-radius:50%;width:12px;height:12px;margin-top:-4.5px}.control-seek::-moz-range-thumb{background-color:var(--player-seek-played);border:0;border-radius:50%;width:12px;height:12px}.control-seek:disabled{cursor:default;background-color:var(--player-seek-disabled);background-image:none}.control-seek:disabled::-webkit-slider-thumb{background-color:var(--player-seek-disabled)}.control-seek:disabled::-moz-range-thumb{background-color:var(--player-seek-disabled)}.control-seek:focus-visible{outline:3px solid var(--player-outline-light);outline-offset:2px}.control-button{min-width:2.75rem;min-height:2.75rem;color:inherit;cursor:pointer;background-color:#0000;border:0;border-radius:6px;place-items:center;padding:0;display:inline-grid}.control-button svg{width:1.5rem;height:1.5rem}.control-button[hidden],.control-button svg[hidden]{display:none}.control-time+.control-button:not([hidden]),.control-time+.control-button[hidden]+.control-button,.control-time+.control-button[hidden]+.control-button[hidden]+.control-button{margin-left:auto}.subtitle-menu{box-sizing:border-box;border:1px solid var(--player-seek-buffered);background-color:var(--player-surface);min-width:11rem;max-height:calc(min(56.25vw,100vh) - 100% - .5rem);color:var(--player-text);pointer-events:auto;border-radius:6px;flex-direction:column;gap:.5rem;padding:.5rem;display:flex;position:absolute;bottom:100%;right:.75rem;overflow-y:auto}.subtitle-menu[hidden]{display:none}.subtitle-menu-item{box-sizing:border-box;min-height:2.75rem;color:inherit;font:inherit;text-align:start;white-space:nowrap;cursor:pointer;background-color:#0000;border:0;border-radius:6px;align-items:center;gap:.5rem;padding:0 .75rem 0 .5rem;display:flex}.subtitle-menu-item:hover{background-color:#2a2f38}.subtitle-menu-item:focus-visible{outline:3px solid var(--player-outline-light);outline-offset:2px}.subtitle-menu-check{flex:none;width:1.5rem;height:1.5rem;display:inline-grid}.subtitle-menu-check svg{width:1.5rem;height:1.5rem}.control-volume{width:6rem;min-height:2.75rem;accent-color:var(--player-accent);margin:0}.control-button:focus-visible,.control-volume:focus-visible{outline:3px solid var(--player-outline-light);outline-offset:2px}.control-time{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.9rem}@media (width<=533px),(height<=299px){.control-bar{background-image:linear-gradient(to bottom, transparent, var(--player-bar-scrim) 10px);flex-wrap:nowrap;column-gap:.5rem;min-height:0;padding:10px .5rem 6px}.control-bar[data-design=solid]{background-image:linear-gradient(to bottom, transparent 10px, var(--player-surface) 10px)}.control-bar[data-design=floating]:before{inset:10px .25rem .25rem}.control-buttons{display:contents}.control-seek-row{flex:auto;order:1;width:auto;min-width:0;padding:0}.control-time,.control-time~*{order:2}.control-button{min-width:2rem;min-height:2rem}.control-button svg{width:1.25rem;height:1.25rem}.control-volume{display:none}.control-time{font-size:.8rem}}@media (pointer:coarse) and ((width<=533px) or (height<=299px)){.control-button{min-width:2.75rem;min-height:2.75rem}.control-seek{height:44px;min-height:44px;padding:20.5px 0}}@media (pointer:coarse) and ((width<=399px) or (height<=224px)){.control-time{display:none}}