:root{--ip-bg:#0f0f14bf;--ip-border:#ffffff26;--ip-text:#fff;--ip-accent:#fff;--ip-radius:16px;--ip-padding:20px;--ip-trigger-size:44px;--ip-anim-speed:.35s}.info-panel-wrapper{pointer-events:none;box-sizing:border-box;gap:12px;align-items:var(--panel-alignment,flex-end);flex-direction:column;display:flex}.info-panel-wrapper *{box-sizing:border-box}.info-panel-wrapper.position-bottom-right,.info-panel-wrapper.position-bottom-left{flex-direction:column;justify-content:flex-end}.info-panel-wrapper.position-top-right,.info-panel-wrapper.position-top-left{flex-direction:column-reverse;justify-content:flex-start}.info-panel-wrapper.position-right-center{flex-direction:column;justify-content:center}.info-panel-wrapper.position-center{justify-content:center;align-items:center}.info-panel-trigger{pointer-events:auto;appearance:none;width:var(--ip-trigger-size);height:var(--ip-trigger-size);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1200;background:#0000004d;border:2px solid #fffc;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:0 4px 12px #0003}.info-panel-trigger:hover{background:#ffffff26;transform:scale(1.05);box-shadow:0 0 15px #fff6}.info-panel-trigger.active{color:#000;background:#fff;border-color:#fff;transform:rotate(0)}.info-icon-char{font-family:serif;font-size:24px;font-style:italic;font-weight:700;line-height:1}.info-panel-container{z-index:999999;pointer-events:auto;border:1px solid var(--ip-border);border-radius:var(--ip-radius);-webkit-backdrop-filter:blur(20px)saturate(120%);backdrop-filter:blur(20px)saturate(120%);color:var(--ip-text);opacity:0;transition:opacity var(--ip-anim-speed)ease;background:linear-gradient(#1e1e23d9 0%,#141419f2 100%);flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 40px #0006}.info-panel-container.info-panel-fade-in{animation:infoPanelFadeIn var(--ip-anim-speed)ease forwards}.position-top-left .info-panel-container,.position-top-right .info-panel-container{transform-origin:top}.position-bottom-left .info-panel-container,.position-bottom-right .info-panel-container{transform-origin:bottom}.info-panel-container.visible{opacity:1}.info-panel-container.hidden{pointer-events:none;visibility:hidden;transition:visibility 0s linear var(--ip-anim-speed),opacity var(--ip-anim-speed)}.info-panel-content-scroll{width:var(--panel-desktop-width,360px);max-height:60vh;padding:var(--ip-padding);scrollbar-width:thin;scrollbar-color:#ffffff4d transparent;overflow-y:auto}.info-panel-content-scroll::-webkit-scrollbar{width:6px}.info-panel-content-scroll::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:4px}.info-panel-title{color:#fff;margin:0 0 8px;padding-right:24px;font-size:1.1rem;font-weight:700}.info-panel-body p{color:#e0e0e0;text-align:justify;-webkit-hyphens:auto;hyphens:auto;word-break:break-word;margin:0 0 1rem;font-size:.95rem;line-height:1.6}.info-panel-close-btn{z-index:30}.info-panel-content-scroll{box-sizing:border-box;word-break:break-word;overflow-wrap:anywhere;padding-right:56px}.info-panel-close-btn{color:#fff9;cursor:pointer;z-index:10;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;line-height:1;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.info-panel-close-btn:hover{color:#fff;background:#ffffff1a}@media (max-width:768px){.info-panel-wrapper{z-index:2000;--ip-trigger-size:52px;flex-direction:column;position:fixed;align-items:flex-end!important;transform:none!important}.info-panel-wrapper.position-right-center{bottom:50%}.info-panel-container.mobile-mode{z-index:2001;transform-origin:50%;border-radius:20px;width:90vw;max-width:400px;max-height:80vh;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.9)}.info-panel-container.mobile-mode.visible{transform:translate(-50%,-50%)scale(1)}.info-panel-content-scroll{width:100%;padding-right:40px}.info-panel-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1900;background:#0009;animation:.3s fadeIn;position:fixed;inset:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes infoPanelFadeIn{0%{opacity:0}to{opacity:1}}
.loader-overlay.room-loader{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07070a}.roomControlPanelWrapper{bottom:30px;left:var(--margin-section-pages,24px);z-index:1200;will-change:opacity;flex-direction:column;gap:12px;transition:opacity 1s;display:flex;position:absolute}.roomControlPanelItemRow{align-items:center;gap:12px;display:flex}.roomControlPanelButton{border:var(--border-width,1px)solid color-mix(in srgb,var(--color-neutral-100,#fff)25%,transparent);background:color-mix(in srgb,var(--color-accent-black,#0b0b0e)80%,transparent);width:44px;height:44px;color:var(--color-neutral-100,#fff);cursor:pointer;box-shadow:0 12px 24px color-mix(in srgb,var(--color-accent-black,#0b0b0e)45%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:inline-flex}.roomControlPanelButton.roomControlPanelButton--label{letter-spacing:.02em;border-radius:999px;width:auto;height:auto;min-height:44px;padding:10px 14px;font-size:13px;font-weight:600}.roomControlPanelButton[data-active=false]{opacity:.72}.roomControlPanelButton[data-active=false]:hover{opacity:.85}.roomControlPanelButton[data-active=false] .roomControlPanelIcon{opacity:.75}.roomControlPanelButton:hover{opacity:.85;transform:translateY(-2px)}.roomControlPanelButton:focus-visible{outline:2px solid color-mix(in srgb,var(--color-primary,#ff715b)55%,transparent);outline-offset:3px}.roomControlPanelIcon{pointer-events:none;justify-content:center;align-items:center;font-size:18px;display:inline-flex}.roomControlPanelSvgIcon{width:20px;height:20px}.roomControlPanelCurtainFill{transition:fill-opacity .2s}.roomControlPanelSvgScreen{transition:fill .2s}.roomControlPanelColorSliderWrapper{transform-origin:0;opacity:0;pointer-events:none;align-items:center;width:180px;height:12px;transition:opacity .3s,transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;transform:scaleX(.8)}.roomControlPanelColorSliderWrapper--active{opacity:1;pointer-events:auto;transform:scaleX(1)}.roomControlPanelColorSlider{appearance:none;cursor:pointer;background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);border-radius:999px;outline:none;width:100%;height:6px}@media (max-width:768px){.roomControlPanelWrapper{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b0b0ea6;border:1px solid #ffffff14;border-radius:24px;flex-flow:row;justify-content:space-evenly;align-items:flex-start;gap:16px;width:auto;min-width:280px;max-width:95vw;padding:16px 20px 48px;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000004d}.roomControlPanelItemRow{flex-direction:column;align-items:center;gap:0;display:flex;position:static}.roomControlPanelButton{background:#ffffff14;width:52px;height:52px}.roomControlPanelItemRow--info{order:999}.roomControlPanelColorSliderWrapper{transform-origin:50%;opacity:0;width:auto;height:20px;position:absolute;bottom:18px;left:20px;right:20px;transform:scale(.95)}.roomControlPanelColorSliderWrapper--active{opacity:1;transform:scale(1)}.roomControlPanelColorSlider{height:12px}.roomControlPanelColorSlider::-webkit-slider-thumb{width:24px;height:24px;box-shadow:0 2px 6px #0006}}.roomControlPanelColorSlider::-moz-range-thumb{background:#fff;border:3px solid #000000a6;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 2px #fffc}.roomControlPanelColorSlider::-moz-range-track{background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 66%,#f0f 83%,red 100%);border:1px solid #ffffff40;border-radius:999px;height:12px}.roomControlPanelColorSlider::-ms-thumb{background:#fff;border:3px solid #000000a6;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 2px #fffc}.roomControlPanelColorSlider::-ms-track{color:#0000;background:0 0;border-color:#0000;border-radius:999px;height:12px}.roomControlPanelColorSlider::-ms-fill-lower{background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 66%,#f0f 83%,red 100%);border:1px solid #ffffff40;border-radius:999px}.roomControlPanelColorSlider::-ms-fill-upper{background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 66%,#f0f 83%,red 100%);border:1px solid #ffffff40;border-radius:999px}.roomInfoPanelWrapper{bottom:30px;right:var(--margin-section-pages,24px);z-index:1300;will-change:opacity,transform;max-width:clamp(225px,45vw,500px);padding:15px;transition:opacity 1s,transform .3s;position:absolute}.roomInfoPanelCollapsed{opacity:0;pointer-events:none;transform:translate(16px)}.roomInfoPanelText{color:var(--color-accent-white)}.roomInfoPanelToggleButton{background:color-mix(in srgb,var(--color-accent-black,#0b0b0e)70%,transparent);width:26px;min-height:88px;color:var(--color-neutral-100,#fff);cursor:pointer;z-index:1400;box-shadow:0 12px 24px color-mix(in srgb,var(--color-accent-black,#0b0b0e)45%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:12px 0 0 12px;justify-content:center;align-items:center;padding:6px 4px;font-size:1.1rem;line-height:1;transition:opacity .25s,transform .25s;display:none;position:absolute;top:50%;right:0;transform:translate(50%,-50%)}.roomInfoPanelToggleButton:hover{opacity:.95}.roomInfoPanelToggleButton:focus-visible{outline:2px solid color-mix(in srgb,var(--color-primary,#ff715b)55%,transparent);outline-offset:3px}.roomInfoPanelToggleButton[data-expanded=true]{transform:translate(50%,-50%)translate(-6px)}.roomInfoPanelToggleButtonIcon{width:14px;height:14px;transition:transform .25s;display:inline-block;position:relative}.roomInfoPanelToggleButtonIcon:before,.roomInfoPanelToggleButtonIcon:after{content:"";transform-origin:50%;background-color:currentColor;border-radius:999px;width:14px;height:2.5px;position:absolute;top:50%;left:50%}.roomInfoPanelToggleButtonIcon:before{transform:translate(-50%,-50%)rotate(38deg)}.roomInfoPanelToggleButtonIcon:after{transform:translate(-50%,-50%)rotate(-38deg)}.roomInfoPanelToggleButton[data-expanded=false] .roomInfoPanelToggleButtonIcon{transform:rotate(180deg)}.roomFogToggleButton{background:color-mix(in srgb,var(--color-accent-black,#0b0b0e)72%,transparent);width:44px;height:44px;color:var(--color-neutral-100,#fff);cursor:pointer;z-index:1400;box-shadow:0 12px 24px color-mix(in srgb,var(--color-accent-black,#0b0b0e)45%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:12px;justify-content:center;align-items:center;transition:opacity .25s,transform .25s;display:inline-flex;position:absolute;top:16px;left:16px}.roomFogToggleButton:hover{opacity:.95}.roomFogToggleButton:focus-visible{outline:2px solid color-mix(in srgb,var(--color-primary,#ff715b)55%,transparent);outline-offset:3px}.roomFogCloseButton{width:36px;height:36px;color:var(--color-neutral-100,#fff);cursor:pointer;background:0 0;border:none;border-radius:10px;font-size:20px;line-height:1}.roomFogCloseButton:hover{background:color-mix(in srgb,var(--color-accent-black,#0b0b0e)60%,transparent)}.roomFogCloseButton:focus-visible{outline:2px solid color-mix(in srgb,var(--color-primary,#ff715b)55%,transparent);outline-offset:3px}.roomTutorialHintOverlay{pointer-events:none;z-index:1500;justify-content:center;align-items:center;padding:0 16px;display:flex;position:absolute;inset:0}.room-loader-overlay{--room-loader-ease-out:cubic-bezier(.22,1,.36,1);z-index:1600;pointer-events:all;opacity:1;visibility:visible;transition:opacity .45s var(--room-loader-ease-out),background-color .45s var(--room-loader-ease-out);display:block;position:fixed;inset:0}.room-loader-overlay.exiting{opacity:0;pointer-events:none;transition:opacity .45s var(--room-loader-ease-out)}.room-loader-content{z-index:2;place-items:center;gap:1.25rem;display:grid;position:absolute;bottom:20%;left:50%;transform:translate(-50%)}@media (max-width:768px){.room-loader-content{bottom:calc(20% - var(--pill-h,44px));gap:.75rem}}@media (max-width:768px) and (orientation:portrait){.roomInfoPanelWrapper{bottom:20px;right:var(--margin-section-pages,16px);max-width:min(85vw,320px);padding:6px var(--spacing-lg);left:auto}.roomInfoPanelToggleButton{display:inline-flex}.roomInfoPanelCollapsed{transform:translate(120%)}}@media (prefers-reduced-motion:reduce){.room-loader-overlay{transition:none!important;animation:none!important}}.room-ui-fade-hidden{opacity:0;pointer-events:none}.room-ui-fade-visible{opacity:1;pointer-events:auto}.room-ui-appearing{animation:.45s ease-out room-ui-fade-in}@keyframes room-ui-fade-in{0%{opacity:0}to{opacity:1}}.wrapper{bottom:30px;right:var(--margin-section-pages,24px);z-index:1200;flex-direction:column-reverse;align-items:flex-end;gap:12px;display:flex;position:absolute}.toggleButton{border:var(--border-width)solid var(--color-neutral-100);width:36px;height:36px;color:var(--color-neutral-100);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s;display:inline-flex}.toggleButton:focus-visible{outline:2px solid color-mix(in srgb,var(--color-neutral-100)45%,transparent);outline-offset:3px}.toggleButtonOpen{opacity:1}.toggleIcon{color:inherit;justify-content:center;align-items:center;font-size:18px;display:inline-flex}.toggleIcon i{color:inherit;font-size:1em}.panelWrapper{opacity:0;pointer-events:none;transform-origin:100% 100%;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .3s;transform:scale(.8)}.panelWrapperOpen{opacity:1;pointer-events:auto;transform:scale(1)}.panel{background:linear-gradient(150deg,var(--color-accent-black),var(--color-secondary));border:var(--border-width)solid color-mix(in srgb,var(--color-neutral-100)12%,transparent);border-radius:var(--border-radius-sm);padding:24px var(--spacing-lg);min-width:280px;color:var(--color-neutral-100);box-shadow:0 24px 48px color-mix(in srgb,var(--color-accent-black)55%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-family:var(--font-family-base)}.setting_panel_room{min-width:250px;font-family:var(--font-family-base);position:relative}.panelHeader{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.panelTitle{font-size:var(--font-size-xlg);font-weight:var(--font-weight-semibold);letter-spacing:.06em;color:var(--color-primary)}.closeButton{border:var(--border-width)solid color-mix(in srgb,var(--color-neutral-100)15%,transparent);background:color-mix(in srgb,var(--color-neutral-100)8%,transparent);width:32px;height:32px;color:var(--color-neutral-100);cursor:pointer;font-size:var(--font-size-md);border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s;display:flex}.closeButton:hover{opacity:.7}.closeButton:focus-visible{outline:2px solid color-mix(in srgb,var(--color-neutral-100)45%,transparent);outline-offset:3px}.divider{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-neutral-100)25%,transparent),transparent);width:100%;height:1px;margin-bottom:var(--spacing-lg)}.section{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.section:last-of-type{margin-bottom:0}.sectionLabel{font-size:var(--font-size-md);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--color-neutral-100)65%,transparent)}.colorField{border:var(--border-width)solid color-mix(in srgb,var(--color-neutral-100)12%,transparent);width:100%;height:44px;box-shadow:0 6px 18px color-mix(in srgb,var(--color-accent-black)25%,transparent);border-radius:12px;position:relative;overflow:hidden}.colorField input[type=color]{cursor:pointer;background:0 0;border:none;width:100%;height:100%;padding:0}.valueRow{font-size:var(--font-size-base);color:color-mix(in srgb,var(--color-neutral-100)65%,transparent);letter-spacing:.02em;justify-content:space-between;display:flex}.slider{width:100%;accent-color:var(--color-primary)}
.tutorial-hint{pointer-events:none;justify-content:flex-start;width:min(92vw,320px);display:flex}.tutorial-hint__card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;background:#040e1cc7;border-radius:18px;flex-direction:row-reverse;place-items:center stretch;gap:.75rem;width:100%;padding:.5rem;transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1);display:flex;transform:translateY(10px);box-shadow:0 18px 32px #0006}.tutorial-hint__visual{border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.tutorial-hint__visual .tutorial-rotate-phone-image,.tutorial-hint__icon{width:52px;height:auto}.tutorial-hint__copy{text-align:left;flex-direction:column;flex:1;align-items:center;gap:.25rem;width:100%;display:flex}.tutorial-hint__title{color:#f4f6fb;letter-spacing:.02em;margin:0;font-size:.95rem;font-weight:600}.tutorial-hint__text{color:#f4f6fbc7;margin:0;font-size:.85rem;line-height:1.4}.tutorial-hint__timer{width:100%;margin-top:.5rem}.tutorial-hint__timer-track{background:#1b94d32e;border-radius:999px;width:100%;height:4px;position:relative;overflow:hidden}.tutorial-hint__timer-bar{background:linear-gradient(90deg,#1b94d359,#1b94d3);border-radius:999px;width:0;transition:width;position:absolute;top:0;bottom:0;left:0}.tutorial-hint--visible .tutorial-hint__card{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.tutorial-hint__card{transition:none!important}}.tutorial-hint--hero{justify-content:center;width:min(92vw,520px)}.tutorial-hint--hero .tutorial-hint__card{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;text-align:center;background:0 0;border-radius:18px;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem}.tutorial-hint--hero .tutorial-hint__visual{background:0 0;border-radius:0;justify-content:center;align-items:center;width:116px;height:116px;margin-bottom:.25rem;display:flex}.tutorial-hint--hero .tutorial-hint__icon,.tutorial-hint--hero .tutorial-rotate-phone-image{width:88px;height:auto}.tutorial-hint--hero .tutorial-hint__title{color:#0071ff;letter-spacing:.02em;margin:0;font-size:2.2rem;font-weight:700}.tutorial-hint--hero .tutorial-hint__text{color:#ffffffbf;margin:0;font-size:1rem}.tutorial-hint--hero .tutorial-hint__timer{display:none}