.fun-room{margin:65px 0 80px;scroll-margin-top:100px}.fun-room-heading{align-items:end;gap:20px;margin-bottom:24px}.fun-room-heading h2{font-size:clamp(36px,4.5vw,58px)}.fun-room-hint{color:var(--look-light);align-items:center;gap:8px;padding-bottom:6px;font-size:14px;font-weight:800;display:flex}.fun-room-scene{isolation:isolate;border:3px solid var(--look-ink);width:100%;box-shadow:7px 9px 0 var(--look-shadow);background:#684065;border-radius:24px;position:relative}.fun-room-art{aspect-ratio:3/2;border-radius:20px;width:100%;height:auto;display:block}.fun-room-night{opacity:0;pointer-events:none;transition:opacity .6s;position:absolute;inset:0}.fun-room-scene[data-light=night] .fun-room-night{opacity:1}.room-outdoors{clip-path:polygon(73.8% 11%,92.5% 4%,92.5% 39.3%,73.8% 39.3%);pointer-events:none;transition:filter .6s;position:absolute;inset:0}.room-outdoors img{-webkit-user-select:none;user-select:none;height:auto;position:absolute}.room-vine{transform-origin:40% 0;width:6.6%;animation:5.8s ease-in-out infinite alternate room-vine-wind;top:10.2%;left:74.1%}.room-bush{transform-origin:50% 100%;width:5.2%;animation:3.5s ease-in-out infinite alternate room-bush-wind;top:31.9%;left:88.3%}.room-leaves{transform-origin:90% 60%;width:2.5%;animation:4.2s ease-in-out -1.2s infinite alternate room-vine-wind;top:24.1%;left:90.1%}.room-spit{pointer-events:none;width:3.6%;height:10.7%;transition:filter .6s;position:absolute;top:24.5%;left:79.7%;overflow:hidden}.room-spit-frames{width:800%;max-width:none;height:100%;animation:2.8s steps(8,end) infinite room-spit-turn;display:block}.fun-room-scene:has(.fun-object-doener:hover) .room-spit-frames{animation-duration:1.2s}.room-lava{pointer-events:none;contain:paint;border-radius:14% 14% 12% 12%;width:5.4%;height:9%;position:absolute;top:20.7%;overflow:hidden}.room-lava-left{left:10.1%}.room-lava-right{left:18.2%}.room-lava i{background:radial-gradient(at 30% 30%,#edffffde,#56f9e399 65%,#87ffff22);border-radius:48% 52% 57% 43%;width:43%;height:32%;animation:7.8s ease-in-out -2s infinite room-lava-float;position:absolute;bottom:-18%;left:8%;box-shadow:0 0 7px #86fff7a1,inset 0 0 4px #eff}.room-lava i:nth-child(2){width:24%;height:21%;animation-duration:9.4s;animation-delay:-5s;left:52%}.room-lava i:nth-child(3){width:34%;height:28%;animation-duration:11.2s;animation-delay:-8s;left:32%}.room-lava i:nth-child(4){width:16%;height:14%;animation-duration:7.2s;animation-delay:-3s;left:54%}.room-lava-right i{animation-direction:reverse}.room-phone-wrap{pointer-events:none;filter:drop-shadow(3px 6px 3px #43275166);width:13.3%;transition:filter .6s;position:absolute;top:42.7%;left:78.4%}.room-phone-device{aspect-ratio:1122/1402;transform-origin:50% 95%;width:100%;position:relative;transform:rotate(7deg)}.room-phone-device>img{width:100%;height:100%;display:block}.room-phone-keypad{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:4%;width:39.22%;height:38.87%;padding:1%;display:grid;position:absolute;top:46.36%;left:33.87%}.room-phone-keypad b{color:#260a44;background:#ff86c9;border:1px solid #260a44;border-radius:23%;place-items:center;min-width:0;min-height:0;font:800 clamp(3px,.9vw,11px)/1 Fredoka,sans-serif;display:grid;box-shadow:0 1px #260a44}.room-phone-keypad b:nth-child(3n+2){background:#d1ff61}.room-phone-keypad b:nth-child(3n){background:#76f3ed}.room-phone-keypad b:last-child{background:#ffcf54;grid-column:2}.fun-room-scene:has(.fun-object-phone:hover) .room-phone-device{animation:.12s linear infinite room-phone-ring}.fun-room-scene[data-light=night] .room-outdoors{filter:brightness(.45)saturate(.7)}.fun-room-scene[data-light=night] .room-phone-wrap{filter:brightness(.48)saturate(.75)drop-shadow(3px 6px 3px #0b122b88)}.fun-room-scene[data-light=night] .room-spit{filter:brightness(.8)saturate(.85)}html[data-party-look=vip-gold] .room-phone-device{filter:sepia()saturate(1.7)hue-rotate(350deg)}.fun-room-scene[data-running=false] .room-moving,html[data-page-visible=false] .room-moving{animation-play-state:paused}@keyframes room-vine-wind{0%{transform:rotate(-5deg)skew(-2deg)}to{transform:rotate(7deg)skew(3deg)}}@keyframes room-bush-wind{0%{transform:rotate(-4deg)skew(-3deg)}to{transform:rotate(5deg)skew(4deg)}}@keyframes room-spit-turn{to{transform:translate(-100%)}}@keyframes room-lava-float{0%,to{transform:translateY(95%)scale(.85,1.15)}30%{transform:translate(35%,-130%)scale(1.2,.9)}55%{transform:translateY(-300%)scale(.85,1.2)}80%{transform:translate(-15%,-150%)scale(1.15,.9)}}@keyframes room-phone-ring{0%,to{transform:rotate(5deg)translate(-1px)}50%{transform:rotate(9deg)translate(1px)}}.fun-object{cursor:pointer;touch-action:manipulation;background:0 0;border:2px solid #0000;border-radius:20%;min-width:44px;min-height:44px;transition:background .16s,box-shadow .16s;position:absolute}:is(.fun-object:hover,.fun-object:focus-visible){z-index:3;outline-offset:3px;background:#fff9be18;outline:3px solid #fff5c7;box-shadow:0 0 28px #ffeab766}.fun-object:active{background:#fff9be38}.fun-object-bert{border-radius:45%;width:19.6%;height:30%;top:39.2%;left:9.7%}.fun-object-phone{border-radius:25%;width:10.7%;height:21%;top:44.8%;left:80.1%}.fun-object-wall{border-radius:6%;width:23.4%;height:30.3%;top:3.6%;left:26.6%}.fun-object-doener{border-radius:10%;width:16%;height:25%;top:14.8%;left:75.3%}.fun-object-lab{border-radius:15%;width:17.2%;height:21.4%;top:14.3%;left:8.3%}.fun-object-lamp{border-radius:30%;width:6.6%;height:10.7%;top:41.6%;left:29.2%}.fun-object-uno{border-radius:18%;width:17%;height:19%;top:74%;left:48%}.room-card-stack{pointer-events:none;filter:drop-shadow(3px 5px 2px #31204066);transition:transform .2s,filter .6s;position:absolute;inset:0;transform:rotate(-8deg)}.room-uno-card{color:#301a48;background:#fc667f;border:clamp(2px,.35vw,4px) solid #fff;border-radius:12%;outline:1px solid #46234e;width:48%;height:88%;position:absolute;top:5%;left:24%;transform:rotate(-22deg)translate(-30%);box-shadow:1px 2px #402448}.room-uno-blue{background:#5bd0ff;transform:rotate(20deg)translate(30%)}.room-uno-yellow{background:#ffe16d;transform:rotate(1deg)translateY(8%)}.room-uno-card b{font:900 clamp(10px,2.2vw,26px)/1 Fredoka,sans-serif;position:absolute;top:4%;left:9%}.room-uno-card i{background:url(/art/bean-uno/bean-card-atlas.webp) 0 0/200% 200% no-repeat;position:absolute;inset:23% 1% 3%}.room-uno-blue i{background-position:100% 0}.room-uno-yellow i{background-position:0 100%}:is(.fun-object-uno:hover .room-card-stack,.fun-object-uno:focus-visible .room-card-stack){transform:rotate(-3deg)translateY(-4%)}.fun-room-scene[data-light=night] .room-card-stack{filter:brightness(.5)saturate(.75)drop-shadow(3px 5px 2px #1c173377)}.fun-object-label{color:#362047;opacity:0;visibility:hidden;pointer-events:none;background:#fff7d9;border:2px solid #362047;border-radius:12px;width:max-content;max-width:min(210px,65vw);padding:9px 14px;font-size:16px;font-weight:900;line-height:1.3;position:absolute;bottom:100%;left:50%;transform:translate(-50%,-8px);box-shadow:3px 4px #36204755}.fun-object-wall .fun-object-label{top:100%;bottom:auto;transform:translate(-50%,8px)}.fun-object-phone .fun-object-label,.fun-object-doener .fun-object-label{left:auto;right:0;transform:translateY(-8px)}:is(.fun-object:hover .fun-object-label,.fun-object:focus-visible .fun-object-label){opacity:1;visibility:visible}.fun-room-overlay{z-index:160;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#190c2eaa}.fun-room-dialog{z-index:161;border:3px solid var(--look-ink);background:var(--look-bg);width:min(1220px,100vw - 32px);max-height:calc(100dvh - 36px);color:var(--look-light);border-radius:24px;flex-direction:column;gap:0;padding:0;display:flex;overflow:hidden;box-shadow:8px 10px #190c2e77,0 25px 90px #0008;max-width:1220px!important}.fun-room-window-bar{border-bottom:2px solid var(--look-ink);background:var(--look-paper);color:var(--look-ink);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.fun-room-window-bar span{letter-spacing:2px;font-size:11px;font-weight:900}.fun-room-window-bar h2{color:inherit;font-size:clamp(21px,3vw,28px);line-height:1.3}.fun-room-close{border:2px solid var(--look-ink);background:var(--look-hot-pale);width:44px;height:44px;color:var(--look-ink);cursor:pointer;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.fun-room-close:focus-visible{outline:3px solid var(--look-primary);outline-offset:4px}.fun-room-window-body{overscroll-behavior:contain;min-height:0;padding:28px;overflow:auto}.fun-activity[hidden]{display:none!important}.fun-activity[hidden] *{animation-play-state:paused!important}.fun-activity-phone .meme-phone{margin:0}.fun-activity-bert{max-width:650px;margin:0 auto}.fun-activity-bert .bert-pegwin{border:2px solid var(--look-ink);box-shadow:5px 6px 0 var(--look-shadow);padding:25px}.fun-activity-bert .bert-walk{flex-basis:240px}.fun-activity-phone{max-width:450px;margin:0 auto}.fun-activity-wall .sticker-wall,.fun-activity-doener .doener-section{margin-top:0;margin-bottom:0}@media (max-width:760px){.fun-room{margin:40px 0 55px}.fun-room-hint{display:none}.fun-room-scene{box-shadow:4px 5px 0 var(--look-shadow);border-width:2px;border-radius:16px}.fun-room-art{border-radius:13px}.fun-object-label{padding:7px 9px;font-size:14px}.fun-room-dialog{border-radius:18px;width:calc(100vw - 14px);max-height:calc(100dvh - 18px)}.fun-room-window-bar{padding:12px 15px}.fun-room-window-body{padding:20px 12px}.fun-activity-bert .bert-pegwin{padding:18px 12px}}@media (prefers-reduced-motion:reduce){html:not([data-motion=on]) .fun-room-scene *{transition:none}}html[data-motion=off] .fun-room-scene *{transition:none}.stream-panel{container:stream-panel/inline-size}.player-area.stream-illustrated{height:clamp(350px,34vw,440px)}.stream-dance-scene{pointer-events:none;background:#211044;position:absolute;inset:0;overflow:hidden}.stream-bean-stage{position:absolute;inset:0;overflow:hidden}.stream-bean-art{object-fit:cover;object-position:72% center;width:100%;height:100%;position:absolute;inset:0}.stream-bean-video{opacity:0}.stream-bean-video[data-ready=true]{opacity:1}.stream-disco-glow{pointer-events:none;transform-origin:50% 7%;opacity:0;will-change:transform, opacity;width:25%;height:160%;animation-play-state:paused;position:absolute;top:-28%}.stream-disco-glow-cyan{background:linear-gradient(90deg,#0000,#3bf4ff73,#0000);animation:3.7s ease-in-out infinite alternate paused stream-disco-sweep;left:43%}.stream-disco-glow-pink{background:linear-gradient(90deg,#0000,#ff3fd17a,#0000);animation:4.9s ease-in-out -2.1s infinite alternate-reverse paused stream-disco-sweep;left:74%}.stream-disco-glow-gold{background:linear-gradient(90deg,#0000,#ffde4f61,#0000);width:18%;animation:5.3s ease-in-out -1.4s infinite alternate paused stream-disco-sweep;left:57%}.stream-bean-stage[data-art-playing=true] .stream-disco-glow{animation-play-state:running}@keyframes stream-disco-sweep{0%{opacity:.12;transform:translate(-12%)rotate(-26deg)}50%{opacity:.48}to{opacity:.24;transform:translate(12%)rotate(28deg)}}.stream-illustrated .stream-art-shade{background:linear-gradient(90deg,#180739f0,#1f0840c7 33%,#1f08401f 58%,#0000 72%)}.stream-illustrated .stream-cover-copy{width:44%}.stream-illustrated .stream-cover-copy h2,.stream-illustrated .stream-cover-copy p{color:#fff;text-shadow:0 2px 10px #0f04268c}.stream-illustrated .stream-cover-copy h2>span{color:#ffe64e}.stream-illustrated .stream-cover-copy .primary-button{border-color:#e3c4ff}@container stream-panel (width<=600px){.player-area.stream-illustrated{height:auto;min-height:574px}.stream-illustrated .stream-bean-stage{width:100%;height:279px;top:0;bottom:auto;right:0}.stream-illustrated .stream-bean-art{object-position:right center}.stream-illustrated .stream-art-shade{background:linear-gradient(#0000 46%,#211044 54%)}.stream-illustrated .stream-dance-scene{background:#211044}.stream-illustrated .stream-cover-copy{text-align:center;align-items:center;width:100%;height:auto;min-height:574px;padding:289px 22px 27px}.stream-illustrated .stream-cover-copy h2{font-size:clamp(2rem,8cqw,2.7rem)}.stream-illustrated .stream-cover-copy p{margin:11px 0 18px}html[data-play-view=stream] .stream-illustrated .stream-cover-copy .primary-button{z-index:1;white-space:normal;color:#251437;background:#ffe64e;border-color:#251437;width:max-content;max-width:calc(100% - 32px);min-height:52px;position:absolute;top:139.5px;left:50%;translate:-50% -50%;box-shadow:0 4px #251437,0 0 0 4px #ffffffa6}.stream-illustrated .art-sticker{display:none}}