#play{width:100%;height:100%;min-height:0;flex:1 1 auto;color:var(--text);position:relative;overflow:hidden;background:#000;user-select:none}#play[data-idle=true]>#hud{opacity:0;pointer-events:none;transition:none}#play>video{width:100%;height:100%;background:#000;object-fit:contain;touch-action:none}#play[data-fill=true]>video{object-fit:cover}#play>div:has(>h2){text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:nowrap;gap:var(--space-2);padding:var(--space-6);position:absolute;inset:0;z-index:1;background:#0000008c;pointer-events:none}#play>div:has(>h2)>h2{margin:0;font-size:var(--text-xl);font-weight:600;letter-spacing:-.03em}#play>div:has(>h2)>p{max-width:28rem;margin:0;color:var(--muted);font-size:var(--text-md);line-height:1.45}#play>#hud{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;flex-wrap:nowrap;padding:var(--space-4) var(--space-5);position:absolute;inset:0;z-index:2;background:linear-gradient(to bottom,rgb(7 8 10 / .72) 0%,transparent 26%,transparent 74%,rgb(7 8 10 / .72) 100%);pointer-events:none}#play>#hud>div:first-child,#play>#hud>div:last-child>div:last-child{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:var(--space-2)}#play>#hud>div:first-child{justify-content:space-between}#play>#hud>div:first-child>.brand{flex:1}#play>#hud>div:first-child>div:last-child{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;align-items:center;flex:1;gap:var(--space-2)}#play>#hud>div:first-child>span:nth-of-type(2){color:var(--muted);font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;display:inline-flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;flex:0 0 auto;gap:6px;padding:.25rem .65rem;background:#07080a8c;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:99px}#play>#hud>div:first-child>span:nth-of-type(2)>svg{color:var(--accent);flex-shrink:0}#play>#hud>div:first-child>span:nth-of-type(2)>span{display:inline-flex;flex-direction:row;justify-content:flex-start;align-items:baseline;flex-wrap:nowrap;gap:2px}#play>#hud>div:first-child>span:nth-of-type(2)>span>strong{color:var(--text);font-size:var(--text-sm);font-weight:700}#play>#hud>div:last-child{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:var(--space-2);padding-inline:6.5rem;position:relative}#play>#hud>div:last-child>div:last-child{justify-content:flex-end;position:absolute;right:0;bottom:0}#play>#hud>div:first-child>div:last-child,#play>#hud .pad-list,#play>#hud>div:last-child>div:last-child,#play>#hud .btn{pointer-events:auto}#play>#hud .btn{color:var(--text);background:#07080a8c;border:1px solid rgb(255 255 255 / .12)}#play>#hud .btn:hover{border-color:var(--accent)}#play>#hud .pad-list{width:auto;min-width:0;max-width:min(28rem,100%);max-height:40vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:.35rem;overflow-x:hidden;overflow-y:auto}#play>#hud .pad-list>button{min-width:0;color:var(--text);font-family:inherit;font-size:var(--text-sm);text-align:left;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:var(--space-2);padding:.35rem .6rem;background:#07080ad1;border:1px solid rgb(255 255 255 / .12);border-radius:var(--radius);cursor:pointer}#play>#hud .pad-list>button[data-state=off]{opacity:.55}#play>#hud .pad-list>button[data-state=live]{border-color:var(--accent)}#play>#hud .pad-list>button[data-active=true]{box-shadow:inset .2rem 0 0 var(--accent)}#play>#hud .pad-list>button:hover:not(:disabled),#play>#hud .pad-list>button:focus-visible{border-color:var(--accent)}#play>#hud .pad-list>button:disabled{cursor:not-allowed}#play>#hud .pad-list>button>span:first-of-type{min-width:0;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto;overflow:hidden}#play>#hud .pad-list>button>span:last-of-type{color:var(--muted);font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;flex:0 0 auto}#play>#hud .pad-list>button[data-state=live]>span:last-of-type{color:var(--accent)}#play>#hud>div:last-child>p{max-width:22rem;color:var(--muted);font-size:var(--text-sm);line-height:1.45;text-align:center;margin:0}#play>#hud>div:last-child>.btn{min-height:2.25rem;align-self:center}#play>dl{font-family:var(--font-mono);font-size:.7rem;line-height:1.35;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:.15rem;padding:var(--space-2) var(--space-3);position:absolute;bottom:var(--space-5);left:var(--space-5);z-index:3;background:#07080ab3;border:1px solid var(--line);border-radius:var(--radius);pointer-events:none}#play>dl>div{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:var(--space-4)}#play>dl dt{color:var(--muted)}#play>aside{width:min(22rem,100%);display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:var(--space-4);padding:var(--space-5);padding-bottom:calc(var(--space-5) + env(safe-area-inset-bottom,0px));position:absolute;top:0;right:0;bottom:0;z-index:4;overflow:auto;background:var(--surface);border-left:1px solid var(--line);pointer-events:auto;touch-action:auto}#play>aside>div:first-child{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:var(--space-3)}#play>aside>div:first-child>h2{font-size:var(--text-lg);font-weight:600;letter-spacing:-.03em}#play>aside .field>div{min-width:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:var(--space-3)}#play>aside .field>div>p{min-width:0;color:var(--text);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#play>aside>label:not(.field),#play>aside>section>label:not(.field){color:var(--text);font-size:var(--text-sm);line-height:1.35;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:var(--space-3);cursor:pointer}#play>aside>section{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:var(--space-3)}#play>aside>section>h3{color:var(--muted);font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}#play>aside>section>p{color:var(--muted);font-size:var(--text-sm);line-height:1.45}#play>ul{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:var(--space-2);padding:0 var(--space-4);position:absolute;right:0;bottom:5rem;left:0;z-index:5;pointer-events:none}#play>ul>li{max-width:28rem;color:var(--text);font-size:var(--text-sm);text-align:center;padding:var(--space-2) var(--space-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}@media(max-width:900px){#play>#hud>div:first-child{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:var(--space-3)}#play>#hud>div:first-child>div:last-child{width:100%;flex:none;justify-content:flex-start}#play>#hud>div:first-child>span:nth-of-type(2){align-self:flex-start}#play>#hud>div:first-child>.brand{flex:none}#play>#hud>div:last-child{padding-inline:0}#play>#hud .pad-list{width:100%;max-width:none}#play>#hud>div:last-child>div:last-child{position:static;align-self:flex-end}}@media(max-width:640px){#play>#hud{padding:var(--space-3);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px))}#play>#hud>div:first-child>.brand{display:none}#play>#hud .pad-list{max-height:none}#play>#hud>div:last-child>.btn{width:100%;align-self:stretch}#play>#hud>div:last-child>div:last-child>.btn-icon{width:2.5rem;height:2.5rem;min-width:2.5rem;min-height:2.5rem}#play>aside{width:100%;padding:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));border-left:0}#play>dl{bottom:7.5rem;left:var(--space-3)}#play>ul{bottom:7.5rem;padding:0 var(--space-3)}#play>aside .field>div{flex-wrap:wrap}#play>aside .field>div>p{flex:1 1 100%;overflow:visible;white-space:normal;word-break:break-all}}