:root{color-scheme:dark;--text:#f2f4ee;--accent:#dbebc6;--line:#ffffff24}*{box-sizing:border-box}body{margin:0;background:#080b09;color:var(--text);font:14px Segoe UI,Arial,sans-serif;overflow:hidden}button,a,input{touch-action:manipulation}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.broadcast{position:relative;width:100vw;height:100dvh;overflow:hidden;background:#0b100d;isolation:isolate;container-type:size}.ambient{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 60% 30%,#1c2920,#090f0b)}.ambient video{display:none}.viewport{position:absolute;inset:0;overflow:hidden}.viewport>video,.viewport>iframe{width:100%;height:100%;object-fit:contain;border:0;display:block}.waiting{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#101813;text-align:center;padding:24px}.waiting h2{font-weight:500;font-size:18px;margin:20px 0 8px;letter-spacing:-.03em}.waiting p{font-size:12px;line-height:1.5;color:#9cac9f;margin:0}.loader{width:22px;height:22px;border:1px solid #ffffff20;border-top-color:#dce9cb;border-radius:50%;animation:spin 1.5s linear infinite}.skin-head{--size:28px;width:var(--size);height:var(--size);position:absolute;right:3%;top:4%;background-image:url('/player-skin.png');background-size:calc(var(--size)*8);background-position:calc(var(--size)*-1) calc(var(--size)*-1);image-rendering:pixelated;filter:drop-shadow(0 2px 6px #0008);z-index:2}.skin-head:after{content:'';position:absolute;inset:0;background-image:inherit;background-size:inherit;background-position:calc(var(--size)*-5) calc(var(--size)*-1);transform:scale(1.08)}.narrator{position:absolute;left:50%;transform:translate(-50%,6px);bottom:6%;width:max-content;max-width:70%;opacity:0;transition:opacity .3s,transform .3s;z-index:2;pointer-events:none}.narrator.visible{opacity:1;transform:translate(-50%,0)}.narrator p{font-size:clamp(15px,1.55cqw,30px);font-weight:500;line-height:1.45;text-align:center;margin:0;padding:10px 20px;border-radius:8px;background:#0a100ccc;text-shadow:0 1px 4px #0005;backdrop-filter:blur(8px);text-wrap:pretty}.viewer-tools{position:absolute;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translate(-50%,10px);display:flex;gap:4px;padding:5px;border:1px solid var(--line);border-radius:30px;background:#111b17ed;opacity:0;pointer-events:none;transition:.25s;z-index:10;white-space:nowrap}.interacting .viewer-tools,.viewer-tools:focus-within,.settings-open .viewer-tools{opacity:1;pointer-events:auto;transform:translate(-50%,0)}.viewer-tools button{padding:9px 15px;border:0;border-radius:20px;background:none;font-size:12px}.viewer-tools button:hover{background:#ffffff14}.viewer-tools button[aria-pressed=true]{color:var(--accent)}.preferences{position:absolute;left:50%;bottom:76px;transform:translateX(-50%);width:min(330px,calc(100% - 32px));padding:20px;background:#14211ff7;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 60px #0008;z-index:12;backdrop-filter:blur(20px)}.preferences-head{display:flex;justify-content:space-between;align-items:center;font-size:14px}.preferences-head button{border:0;background:none;font-size:24px;color:#a7b5ab}.preferences label{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:20px;font-size:12px}.preferences input[type=range]{width:115px;accent-color:var(--accent)}.preferences input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent)}.format-links{display:flex;justify-content:space-between;gap:10px;margin-top:22px;padding-top:16px;border-top:1px solid var(--line);font-size:11px;color:var(--accent)}.preferences p{font-size:10px;color:#a5b3a9;margin:10px 0 0}.audio-prompt{position:absolute;top:4%;left:3%;z-index:10}.audio-prompt button{padding:10px 16px;border:1px solid #ffffff30;border-radius:30px;background:#17211ced;backdrop-filter:blur(10px);font-size:12px}.notice{position:absolute;top:15%;left:50%;transform:translateX(-50%);max-width:90%;padding:12px 18px;border-radius:20px;background:#16241ef2;font-size:12px;z-index:20;display:none}.portrait .broadcast{width:min(100vw,56.25dvh);margin:auto}.portrait .ambient video{display:block;width:100%;height:100%;object-fit:cover;filter:blur(35px) brightness(.28) saturate(.65);transform:scale(1.18)}.portrait .ambient:after{content:'';position:absolute;inset:0;background:linear-gradient(#0c120b55,#0c120b22 55%,#0c120bc9)}.portrait .viewport{inset:auto 0;top:27%;height:56.25cqw;box-shadow:0 12px 80px #0004}.portrait .skin-head{top:calc(27% - 44px);right:6%;--size:24px}.portrait .narrator{top:calc(27% + 56.25cqw + 28px);bottom:auto;max-width:87%;width:87%}.portrait .narrator p{font-size:3.8cqw;line-height:1.5;padding:0;background:none;backdrop-filter:none;text-shadow:0 1px 6px #0008}.portrait .waiting h2{font-size:4cqw}.portrait .waiting p{font-size:2.8cqw}.portrait .audio-prompt{top:calc(27% - 46px);left:6%}.portrait .audio-prompt button{font-size:11px;padding:8px 12px}.portrait .viewer-tools button{font-size:11px;padding:8px 12px}.clean .skin-head{display:none}.no-captions .narrator{display:none}.obs .viewer-tools,.obs .audio-prompt{display:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@keyframes spin{to{transform:rotate(360deg)}}