:root{color-scheme:dark;--ink:#f4efec;--muted:#a6a0a5;--pink:#f4bdc7;--chat-width:304px;--edge:34px;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#141318;color:var(--ink);font-size:14px}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:wait;opacity:.45}button,input{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:2px solid var(--pink);outline-offset:4px}button{transition:background .18s,opacity .18s,transform .18s}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}#room{height:100%;height:100dvh;position:relative;isolation:isolate;transition:filter .65s,transform .65s}.screen{position:absolute;inset:0;z-index:-3;background:#141318}.screen video{width:100%;height:100%;object-fit:cover}.screen-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,8,12,.56),transparent 23%,transparent 65%,rgba(8,8,12,.8));pointer-events:none}.waiting{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:90px;background:radial-gradient(ellipse at 42% 42%,#28242c 0,#18171d 45%,#101014);text-align:center}.waiting h1{font-size:clamp(25px,3.2vw,46px);font-weight:450;letter-spacing:.1em;margin:16px 0}.waiting p:last-child{color:#8c858d;font-size:13px;letter-spacing:.06em}.eyebrow{font-size:9px;letter-spacing:.2em;color:#b79ba3;font-weight:600}.film-mark{display:flex;gap:6px;align-items:end;height:34px;margin-bottom:23px;opacity:.65;transform:rotate(-8deg)}.film-mark span{width:7px;height:28px;border-radius:2px;background:#b69ca5}.film-mark span:nth-child(2){height:38px}.film-mark span:last-child{height:22px}.room-header{position:absolute;top:max(28px,env(safe-area-inset-top));left:var(--edge);right:var(--edge);display:flex;justify-content:flex-end;align-items:center;gap:16px}.room-brand{display:flex;gap:12px;align-items:center}.brand-dot{width:10px;height:10px;border:3px solid var(--pink);border-radius:50%;box-shadow:0 0 20px #f4bdc720}.room-brand strong{font-size:15px;font-weight:550;letter-spacing:.08em}.room-brand div{display:grid;gap:7px}.room-brand div>span{color:#a49da6;font-size:10px;max-width:45vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connection{display:flex;gap:7px;align-items:center;font-size:11px;color:#b5afb6}.status-dot{height:5px;width:5px;border-radius:50%;background:#d6a77d}.status-dot.connected{background:#9fcab4}.header-divider{width:1px;height:10px;background:#ffffff24;margin:0 6px}#online{color:#f7e9ee;font-variant-numeric:tabular-nums}.chat{position:absolute;right:var(--edge);top:124px;bottom:110px;width:var(--chat-width);display:flex;flex-direction:column;gap:12px}.chat-heading{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#c2b9c0;letter-spacing:.08em;padding:0 2px}.tiny-label{font-size:8px;color:#8d818c;letter-spacing:.15em}.messages{flex:1;overflow:auto;min-height:0;display:flex;flex-direction:column;gap:9px;padding:18px 2px 2px;scrollbar-width:thin;scrollbar-color:#ffffff25 transparent;mask-image:linear-gradient(transparent,#000 16px)}.messages:before{content:"";flex:1}.message{align-self:flex-start;max-width:100%;border:1px solid #ffffff08;background:#18161e6b;backdrop-filter:blur(8px);border-radius:4px 14px 14px;padding:9px 12px;overflow-wrap:anywhere;line-height:1.65;flex:none;animation:message-in .25s ease-out}.message.mine{border-left-color:#eeb9c360}.message .author{display:block;color:#dcb7c3;font-size:10px;line-height:1.5;margin-bottom:3px}.message .text{font-size:12px;color:#eee7ed;white-space:pre-wrap}.message.emoji .text{font-size:25px;line-height:1.3}.message.system{color:#a29aa4;font-size:10px;background:transparent;border:0;padding:3px 4px;backdrop-filter:none}.emoji-picker{display:flex;justify-content:space-between;gap:3px}.emoji-picker button{background:transparent;border-radius:8px;font-size:19px;padding:6px;line-height:1}.emoji-picker button:hover{background:#ffffff15;transform:translateY(-3px)}.composer{display:flex;align-items:center;background:#25232b8f;backdrop-filter:blur(12px);border:1px solid #ffffff1c;border-radius:13px;padding:5px}.composer:focus-within{border-color:#f4bdc775}.composer input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--ink);padding:9px;font-size:12px}.composer input::placeholder{color:#8f8592}.composer button{width:31px;height:31px;border-radius:9px;background:#efbdc9;color:#493440;font-size:21px}.inline-error{color:#ffc4bb;font-size:11px;line-height:1.65;margin:0;min-height:0}.inline-error:empty{display:none}.new-messages{position:absolute;bottom:112px;align-self:center;background:#6d535fe8;padding:7px 12px;font-size:11px;border-radius:20px}.stage{position:absolute;left:var(--edge);right:calc(var(--edge) + var(--chat-width) + 45px);height:170px;bottom:80px;pointer-events:none}.pigs{position:absolute;inset:0 54px}.pig{position:absolute;bottom:0;width:106px;transform:translate(-50%);transition:left .13s linear;will-change:left;text-align:center}.pig-name{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;margin:0 -7px 1px;text-shadow:0 1px 8px #000,0 1px 3px #000;color:#f7e3e8}.pig.mine .pig-name:after{content:"\4f60";background:#f0bdcb26;color:#efb6c6;border-radius:4px;padding:1px 4px;font-size:8px;margin-left:5px}.pig-art{width:106px;height:auto;aspect-ratio:1;object-fit:contain;display:block;transform-origin:50% 100%;transform:scaleX(var(--facing,1))}.pig.moving .pig-art{animation:waddle .3s infinite alternate ease-in-out}.pig.dropping{animation:drop-in .95s cubic-bezier(.22,.65,.35,1) both}.bubble{position:absolute;bottom:137px;left:50%;transform:translate(-50%);max-width:180px;width:max-content;border-radius:13px;padding:8px 12px;background:#fff1ee;color:#634c55;font-size:12px;line-height:1.5;overflow-wrap:anywhere;box-shadow:0 4px 20px #0002;animation:message-in .2s}.bubble:after{content:"";position:absolute;bottom:-5px;left:calc(50% - 5px);width:10px;height:10px;background:inherit;transform:rotate(45deg)}.floor-line{position:absolute;bottom:3px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#e8c6d21c,transparent);z-index:-1}.room-footer{position:absolute;bottom:max(25px,env(safe-area-inset-bottom));left:var(--edge);right:var(--edge);display:flex;justify-content:flex-end;gap:20px;align-items:center}.movement{display:flex;align-items:center;gap:12px}.move-buttons{display:flex;gap:7px}.move-buttons button{width:36px;height:32px;border:1px solid #ffffff1a;border-radius:9px;background:#2421299e;color:#d2bdc8;touch-action:none;user-select:none}.move-buttons button:hover,.move-buttons button.pressed{background:#f4bdc730}.move-hint{font-size:10px;color:#8b818e;display:flex;align-items:center;gap:5px}kbd{font-family:inherit;font-size:9px;border:1px solid #ffffff17;border-radius:4px;padding:3px 5px;color:#b9a9b5}.player-controls{display:flex;align-items:center;gap:14px}.player-controls button{background:transparent;color:#d2c6cf;font-size:11px;padding:7px 0}#sound{color:#f0c6d0}.volume-label{display:flex;align-items:center}#volume{width:64px;height:3px;accent-color:#eab9c8;cursor:pointer}#muted-note{font-size:9px;color:#8b818e}#fullscreen{display:flex;gap:7px;align-items:center;font-size:18px}#fullscreen span{font-size:10px}.media-notice{position:absolute;left:50%;top:88px;transform:translate(-50%);max-width:min(90%,540px);padding:10px 14px;background:#211d26d9;border:1px solid #ffffff17;border-radius:12px;font-size:12px;display:flex;gap:12px;align-items:center;z-index:5}.media-notice button{white-space:nowrap;background:transparent;color:var(--pink);font-size:11px}.toast{position:absolute;bottom:190px;left:38%;transform:translate(-50%);background:#302832e8;border:1px solid #ffffff19;border-radius:12px;padding:12px 18px;font-size:12px;max-width:80%;z-index:10}.joining #room{filter:blur(16px);transform:scale(1.035);pointer-events:none;user-select:none}.entry{position:fixed;inset:0;background:#11101685;display:grid;place-items:center;padding:25px;z-index:20}.entry-card{width:min(100%,350px);text-align:center}.entry-pig{width:105px;margin:0 auto 18px;transform:rotate(-7deg)}.entry-pig img{width:100%;filter:drop-shadow(0 12px 24px #0002)}.entry-card .eyebrow{font-size:8px;color:#caacb6}.entry-card h2{font-weight:500;font-size:30px;letter-spacing:.06em;margin:18px 0 12px}.entry-card>p:not(.eyebrow){font-size:12px;color:#b4a5b3;line-height:1.8}.entry-card form{display:grid;gap:10px;margin:28px 0 14px}.entry-card input{width:100%;border:1px solid #bfa7b62e;border-radius:12px;background:#ffffff07;padding:15px 17px;text-align:center;color:#fff;outline:none;transition:border-color .2s}.entry-card input:focus{border-color:#edbeca99}.entry-card input::placeholder{color:#9c8a99}.entry-card form button{border-radius:12px;background:#efbec9;color:#4e3542;padding:14px 20px;font-weight:550;position:relative}.entry-card form button span{position:absolute;right:20px}.entry-footnote{display:block;font-size:10px;color:#8c7e8c;margin-top:25px}.text-button{background:transparent;color:#e9bac8;text-decoration:underline;text-underline-offset:4px;font-size:12px;padding:10px}.entry-card .inline-error{color:#ffc4bb!important}.entry-card.loading{opacity:.75}@keyframes waddle{0%{transform:translateY(0) scaleX(var(--facing,1)) rotate(-7deg)}to{transform:translateY(-4px) scaleX(var(--facing,1)) rotate(7deg)}}@keyframes drop-in{0%{translate:0 -100vh;opacity:0}65%{translate:0 0;opacity:1}80%{translate:0 -20px}to{translate:0 0}}@keyframes message-in{0%{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}@media(min-width:1600px){:root{--chat-width:330px;--edge:48px}.chat{top:150px;bottom:124px}.stage{bottom:90px}}@media(max-width:900px){:root{--edge:22px;--chat-width:270px}.move-hint{display:none}.player-controls{gap:11px}#muted-note{display:none}.stage{right:calc(var(--edge) + var(--chat-width) + 15px)}.pigs{inset-inline:44px}.pig,.pig-art{width:88px}.pig-art{height:auto}.bubble{bottom:117px}.chat{top:108px}}@media(max-width:600px){:root{--edge:18px;--chat-width:min(70vw,280px)}.room-header{top:max(20px,env(safe-area-inset-top));align-items:flex-start}.room-brand strong{font-size:13px}.room-brand div>span{font-size:9px;max-width:48vw}.connection{font-size:9px;gap:4px;flex-wrap:wrap;max-width:130px;justify-content:end}.header-divider{display:none}.chat{top:30%;bottom:205px;gap:7px}.chat-heading{display:none}.messages{gap:7px}.message{padding:6px 10px;max-width:100%}.message .text{font-size:11px}.message .author{font-size:9px}.emoji-picker button{font-size:18px;padding:5px 3px}.composer input{font-size:12px;padding:8px 6px}.composer button{width:28px;height:28px}.stage{right:var(--edge);bottom:83px;height:110px}.pigs{inset-inline:39px}.pig,.pig-art{width:78px}.pig-art{height:auto}.pig-name{font-size:10px}.bubble{bottom:106px;max-width:140px;font-size:11px}.room-footer{bottom:max(22px,env(safe-area-inset-bottom));gap:8px}.move-buttons button{width:43px;height:38px}.player-controls{gap:12px}#volume{width:49px}#fullscreen span{display:none}.waiting{padding:0 20px 130px}.waiting h1{font-size:26px}.waiting p:last-child{font-size:11px}.waiting .eyebrow{font-size:8px}.film-mark{margin-bottom:12px}.media-notice{top:80px;font-size:11px;width:max-content}.toast{left:50%;bottom:170px}.new-messages{bottom:100px}.entry-card{max-width:310px}}@media(max-height:520px)and (orientation:landscape){:root{--edge:20px}.room-header{top:15px}.chat{top:68px;bottom:63px;gap:6px}.chat-heading,.tiny-label{display:none}.stage{bottom:52px}.room-footer{bottom:12px}.waiting{padding-bottom:20px}.waiting h1{font-size:26px;margin:9px 0}.film-mark{display:none}.entry-pig{width:60px;margin-bottom:5px}.entry-card h2{font-size:23px;margin:10px 0}.entry-card form{margin:12px 0 8px}.entry-footnote{margin-top:12px}.entry-card input,.entry-card form button{padding:10px}.entry-card .eyebrow{display:none}.media-notice{top:65px}}.messages{overflow-x:hidden;align-items:stretch;mask-image:none;padding-top:4px}.message{width:100%;background:#18161e5c;padding:7px 10px}.message .author{display:inline;margin-right:8px;font-size:11px}.message .text{font-size:13px}.message.emoji .text{font-size:21px;vertical-align:middle}.pig-name{position:relative;translate:0 calc(-1 * var(--name-lift,0px));display:table;margin-inline:auto;max-width:130px;padding:2px 5px;border-radius:5px;background:#12101669}.bubble{margin-bottom:var(--name-lift,0px)}@media(max-width:600px){.chat{top:auto;bottom:205px;height:190px;width:min(82vw,304px)}.message .text{font-size:12px}.message .author{font-size:10px}.messages{gap:5px}.message{padding:5px 8px}}.pig-visual{position:relative;width:100%;aspect-ratio:1}.has-hat .pig-visual{transform-origin:50% 100%;transform:scaleX(var(--facing,1))}.has-hat .pig-art{transform:none;animation:none}.has-hat.moving .pig-visual{animation:waddle .3s infinite alternate ease-in-out}.has-hat .pig-name{translate:0 calc(-35px - var(--name-lift,0px))}.has-hat .bubble{margin-bottom:calc(35px + var(--name-lift,0px))}.pig-hat-anchor{position:absolute;width:72%;height:62%;left:-3%;bottom:76%;pointer-events:none;transform:rotate(-9deg);transform-origin:50% 90%}.pig-hat{position:relative;width:100%;height:100%;transform-origin:50% 90%}.pig-hat span{position:absolute;display:block;border:1px solid #174b85}.hat-brim{z-index:0;width:100%;height:25%;bottom:0;border-radius:50%;background:linear-gradient(180deg,#4c9eea,#2263a4 62%,#174470);box-shadow:0 2px 2px #15122133}.hat-crown{z-index:1;left:18%;bottom:11%;width:64%;height:80%;border-radius:12% 12% 24% 24%/10% 10% 8% 8%;background:linear-gradient(100deg,#235eaa,#398ee0 62%,#69b4f3)}.hat-top{z-index:2;left:18%;top:0;width:64%;height:17%;border-radius:50%;background:linear-gradient(100deg,#327bc2,#66b5f5)}.pig-hat .hat-band{z-index:3;left:18%;bottom:17%;width:64%;height:19%;border-color:#c7d9e8;border-radius:0 0 35% 35%/0 0 25% 25%;background:linear-gradient(100deg,#cedde9,#fff 65%,#e0edf7)}.has-hat.moving .pig-hat{animation:hat-hop .3s infinite ease-in-out}.has-hat:not(.moving) .pig-hat{animation:hat-settle .22s ease-out}.composer{position:relative;flex-shrink:0;gap:4px}.composer>button{flex-shrink:0;display:grid;place-items:center}.composer #emoji-toggle{background:transparent;color:#d7c8d1}.composer #emoji-toggle:hover,.composer #emoji-toggle[aria-expanded=true]{background:#ffffff15;color:var(--pink)}.emoji-panel{position:absolute;right:0;bottom:calc(100% + 10px);z-index:20;width:min(360px,calc(100vw - 36px));display:flex;flex-direction:column;border:1px solid #ffffff24;border-radius:14px;background:#252329;box-shadow:0 12px 36px #0006;overflow:hidden}.emoji-heading{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 5px;font-size:12px;color:#d5c9d1}.emoji-heading #emoji-close{background:transparent;color:var(--muted);width:28px;height:28px}.emoji-panel .emoji-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:7px 10px 12px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;min-height:0}.emoji-panel .emoji-picker button{width:100%;height:auto;aspect-ratio:1;padding:5px;background:transparent;border-radius:8px;line-height:1}.emoji-panel .emoji-picker button:hover{background:#ffffff13;transform:none}.emoji-picker .sticker-image{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.bubble{transform:translate(calc(-50% + var(--bubble-shift,0px)));z-index:2}.bubble:after{left:calc(50% - 5px - var(--bubble-shift,0px))}.bubble.sticker-bubble{width:max-content;max-width:none;padding:6px;border-radius:12px;background:#26232bed;color:var(--ink);box-shadow:0 4px 20px #0004}.sticker-bubble .sticker-image{display:block;width:min(var(--sticker-size,176px),calc(100vw - 40px),45dvh);height:min(var(--sticker-size,176px),calc(100vw - 40px),45dvh);object-fit:contain;border-radius:6px}.message.emoji .text:has(img){display:block;margin-top:5px}.message .sticker-image{display:block;width:96px;height:96px;object-fit:contain;border-radius:5px}.chat{z-index:3}.emoji-panel button:focus-visible{outline-offset:-2px}@keyframes hat-hop{0%,to{transform:translateY(0) rotate(-2deg)}45%{transform:translateY(-8px) rotate(4deg)}75%{transform:translateY(-3px) rotate(1deg)}}@keyframes hat-settle{0%{transform:translateY(-4px) rotate(2deg)}65%{transform:translateY(1px) rotate(-1deg)}to{transform:translateY(0) rotate(0)}}#player-host{position:absolute;inset:0;pointer-events:none}#synctv-frame{display:block;width:100%;height:100%;border:0;background:#141318;opacity:0}#synctv-frame.player-visible{opacity:1}.room-footer{z-index:4}.viewer-settings{position:relative;color:#d2c6cf}.viewer-settings summary{display:grid;place-items:center;list-style:none;cursor:pointer;padding:7px 3px;border-radius:6px}.viewer-settings summary::-webkit-details-marker{display:none}.viewer-settings summary:focus-visible{outline:2px solid var(--pink);outline-offset:4px}.viewer-settings[open] summary{color:var(--pink);background:#ffffff15}.viewer-settings-panel{position:absolute;right:0;bottom:calc(100% + 10px);width:min(280px,calc(100vw - 36px));padding:14px;border:1px solid #ffffff24;border-radius:12px;background:#252329;box-shadow:0 12px 36px #0006}.sharing-setting{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;color:var(--ink)}.sharing-setting input{width:18px;height:18px;margin:0;accent-color:var(--pink)}.viewer-settings-panel p{font-size:12px;line-height:1.65;color:var(--muted);margin:10px 0 0}.pig-turn{width:100%;aspect-ratio:1;transform:perspective(600px) rotateY(var(--turn,0deg));transform-origin:50% 50%;transition:transform .22s ease-in-out;backface-visibility:visible}.pig .pig-art,.pig.moving .pig-art{transform:none;animation:none}.pig .pig-visual{transform:none;transform-origin:50% 100%}.pig.moving .pig-visual{animation:pig-waddle .3s infinite alternate ease-in-out}@keyframes pig-waddle{0%{transform:translateY(0) rotate(-6deg) scale(1.035,.965)}to{transform:translateY(-4px) rotate(6deg) scale(.975,1.035)}}.stage{left:0;right:0;z-index:2}.pigs{inset-inline:0}.pig{transition:none;will-change:transform;transform:translate(calc(-50% + var(--edge-x,0px)),calc(-1 * var(--height,0px)))}.pig-spin{width:100%;aspect-ratio:1;transform:rotate(var(--roll,0deg));transform-origin:50% 50%}.pig .pig-visual{animation:pig-breathe 2.6s ease-in-out infinite}.pig.knocked .pig-visual,.pig.airborne .pig-visual{animation:none}.pig.bumping .pig-visual{animation:pig-bump .22s ease-out}.pig.knocked .pig-hat{animation:none}.pig-x-eyes{display:none;position:absolute;inset:0;pointer-events:none}.pig.x-eyes .pig-x-eyes{display:block}.pig-x-eyes i{position:absolute;width:11%;height:12%;left:12.3%;top:41.1%;background:#ffd2b2;border-radius:50%}.pig-x-eyes i+i{left:35.5%;top:45.6%}.pig-x-eyes i:before,.pig-x-eyes i:after{content:"";position:absolute;width:92%;height:18%;background:#36343a;left:4%;top:41%;border-radius:2px;transform:rotate(48deg)}.pig-x-eyes i:after{transform:rotate(-48deg)}@keyframes pig-breathe{0%,to{transform:scale(1.02,.98)}50%{transform:scale(.985,1.025)}}@keyframes pig-bump{0%,to{transform:scale(1)}40%{transform:scale(1.16,.86) rotate(-6deg)}}@media(max-width:900px){.pigs{inset-inline:65px}}@media(max-width:600px){.pigs{inset-inline:58px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}