.heading-1{font-family:var(--font-family-primary);font-size:var(--font-size-h1);line-height:var(--line-height-h1);font-weight:var(--font-weight-h1);letter-spacing:var(--letter-spacing-h1);text-transform:capitalize;margin:0}.heading-2{font-family:var(--font-family-primary);font-size:var(--font-size-h2);line-height:var(--line-height-h2);font-weight:var(--font-weight-h2);margin:0}.heading-3{font-family:var(--font-family-primary);font-size:var(--font-size-h3);line-height:var(--line-height-h3);font-weight:var(--font-weight-h3);margin:0}.body-1{font-family:var(--font-family-primary);font-size:var(--font-size-body-1);line-height:var(--line-height-body-1);font-weight:var(--font-weight-body-1);margin:0}.body-2{font-family:var(--font-family-primary);font-size:var(--font-size-body-2);line-height:var(--line-height-body-2);font-weight:var(--font-weight-body-2);margin:0}.button-text{font-family:var(--font-family-primary);font-size:var(--font-size-button);line-height:var(--line-height-button);font-weight:var(--font-weight-button)}.label-text{font-family:var(--font-family-primary);font-size:var(--font-size-label);line-height:var(--line-height-label);font-weight:var(--font-weight-label)}.font-weight-regular{font-weight:400}.font-weight-medium{font-weight:500}.text-capitalize{text-transform:capitalize}.text-sentence{text-transform:none}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-white{color:var(--color-white)}.text-black{color:var(--color-black)}.text-gray-1{color:var(--color-gray-1)}.text-gray-2{color:var(--color-gray-2)}.text-gray-3{color:var(--color-gray-3)}.text-gray-4{color:var(--color-gray-4)}.text-gray-5{color:var(--color-gray-5)}.text-gray-30{color:var(--color-gray-30)}.text-light-blue{color:var(--color-light-blue)}.text-primary-blue{color:var(--color-primary-blue)}.text-dark-blue{color:var(--color-dark-blue)}.text-error,.text-warning{color:var(--color-error)}.text-success{color:var(--color-success)}.text-primary{color:var(--color-primary)}.bg-white{background-color:var(--color-white)}.bg-black{background-color:var(--color-black)}.bg-gray-1{background-color:var(--color-gray-1)}.bg-gray-2{background-color:var(--color-gray-2)}.bg-gray-3{background-color:var(--color-gray-3)}.bg-gray-4{background-color:var(--color-gray-4)}.bg-gray-5{background-color:var(--color-gray-5)}.bg-light-blue{background-color:var(--color-light-blue)}.bg-primary-blue{background-color:var(--color-primary-blue)}.bg-dark-blue{background-color:var(--color-dark-blue)}.bg-error,.bg-warning{background-color:var(--color-error)}.bg-success{background-color:var(--color-success)}.bg-primary{background-color:var(--color-primary)}.border-white{border-color:var(--color-white)}.border-black{border-color:var(--color-black)}.border-gray-1{border-color:var(--color-gray-1)}.border-gray-2{border-color:var(--color-gray-2)}.border-gray-3{border-color:var(--color-gray-3)}.border-gray-4{border-color:var(--color-gray-4)}.border-gray-5{border-color:var(--color-gray-5)}.border-light-blue{border-color:var(--color-light-blue)}.border-primary-blue{border-color:var(--color-primary-blue)}.border-dark-blue{border-color:var(--color-dark-blue)}.border-error,.border-warning{border-color:var(--color-error)}.border-success{border-color:var(--color-success)}.border-primary{border-color:var(--color-primary)}.btn-contained,.btn-outlined,.btn-ghost-primary,.btn-ghost-secondary{font-family:var(--font-family-primary);font-size:var(--font-size-button);font-weight:var(--font-weight-button);line-height:var(--line-height-button);text-align:center;display:inline-flex;justify-content:center;align-items:center;gap:var(--button-gap);padding:var(--button-padding-y) var(--button-padding-x);border-radius:var(--button-border-radius);cursor:pointer;transition:all .2s ease;border:none;outline:none;user-select:none;-webkit-user-select:none}.btn-full-width{display:flex;align-self:stretch;width:100%}.btn-contained{background:var(--color-primary-blue);color:var(--color-white)}.btn-contained:hover{background:var(--color-dark-blue)}.btn-contained:active{background:var(--color-light-blue)}.btn-contained:focus{background:var(--color-primary-blue);outline:2px solid var(--color-dark-blue);outline-offset:2px}.btn-outlined{background:transparent;border:1px solid var(--color-primary-blue);color:var(--color-primary-blue)}.btn-outlined:hover{border-color:var(--color-dark-blue);background:var(--color-dark-blue-20);color:var(--color-dark-blue)}.btn-outlined:active{border-color:var(--color-dark-blue);background:var(--color-light-blue-20);color:var(--color-dark-blue)}.btn-outlined:focus{border-color:var(--color-primary-blue);outline:2px solid var(--color-dark-blue);outline-offset:2px}.btn-ghost-primary{background:transparent;color:var(--color-primary-blue)}.btn-ghost-primary:hover{background:var(--color-dark-blue-20);color:var(--color-dark-blue)}.btn-ghost-primary:active{background:var(--color-light-blue-20);color:var(--color-dark-blue)}.btn-ghost-primary:focus{outline:2px solid var(--color-dark-blue);outline-offset:2px}.btn-ghost-secondary{background:transparent;color:var(--color-gray-4)}.btn-ghost-secondary:hover{background:var(--color-gray-5-20);color:var(--color-gray-5)}.btn-ghost-secondary:active{background:var(--color-gray-3-20);color:var(--color-gray-5)}.btn-ghost-secondary:focus{outline:2px solid var(--color-gray-5);outline-offset:2px}.btn-contained:disabled,.btn-outlined:disabled,.btn-ghost-primary:disabled,.btn-ghost-secondary:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-sm{padding:4px 12px;font-size:12px;line-height:14px}.btn-lg{padding:12px 24px;font-size:16px;line-height:18px}.icon-btn-contained,.icon-btn-outlined,.icon-btn-ghost-primary,.icon-btn-ghost-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--icon-button-gap);padding:var(--icon-button-padding);width:var(--icon-button-size-md);height:var(--icon-button-size-md);border-radius:var(--icon-button-border-radius-rect);cursor:pointer;transition:all .2s ease;border:none;outline:none;user-select:none;-webkit-user-select:none;flex-shrink:0}.icon-btn-contained svg,.icon-btn-outlined svg,.icon-btn-ghost-primary svg,.icon-btn-ghost-secondary svg{fill:currentColor;flex-shrink:0}.icon-btn-circle{border-radius:var(--icon-button-border-radius-circle)}.icon-btn-sm{width:var(--icon-button-size-sm);height:var(--icon-button-size-sm)}.icon-btn-lg{width:var(--icon-button-size-lg);height:var(--icon-button-size-lg)}.icon-btn-contained{background:var(--color-primary-blue);color:var(--color-white)}.icon-btn-contained:hover{background:var(--color-dark-blue)}.icon-btn-contained:active{background:var(--color-light-blue)}.icon-btn-contained:focus{background:var(--color-primary-blue);outline:2px solid var(--color-dark-blue);outline-offset:2px}.icon-btn-outlined{background:transparent;border:1px solid var(--color-primary-blue);color:var(--color-primary-blue)}.icon-btn-outlined:hover{border-color:var(--color-dark-blue);background:var(--color-dark-blue-20);color:var(--color-dark-blue)}.icon-btn-outlined:active{border-color:var(--color-dark-blue);background:var(--color-light-blue-20);color:var(--color-dark-blue)}.icon-btn-outlined:focus{border-color:var(--color-primary-blue);outline:2px solid var(--color-dark-blue);outline-offset:2px}.icon-btn-ghost-primary{background:var(--color-white);color:var(--color-primary-blue)}.icon-btn-ghost-primary:hover{background:var(--color-dark-blue-20);color:var(--color-dark-blue)}.icon-btn-ghost-primary:active{background:var(--color-light-blue-20);color:var(--color-dark-blue)}.icon-btn-ghost-primary:focus{background:var(--color-white);outline:2px solid var(--color-dark-blue);outline-offset:2px}.icon-btn-ghost-secondary{background:transparent;color:var(--color-gray-4)}.icon-btn-ghost-secondary:hover{background:var(--color-gray-5-20);color:var(--color-gray-5)}.icon-btn-ghost-secondary:active{background:var(--color-gray-3-20);color:var(--color-gray-5)}.icon-btn-ghost-secondary:focus{outline:2px solid var(--color-gray-5);outline-offset:2px}.icon-btn-contained:disabled,.icon-btn-outlined:disabled,.icon-btn-ghost-primary:disabled,.icon-btn-ghost-secondary:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}wa-menu,.dropdown-menu{background:var(--color-white);border-radius:var(--dropdown-item-border-radius);box-shadow:var(--dropdown-shadow);padding:4px 0;min-width:150px}wa-menu-item,.dropdown-item{display:inline-flex;height:var(--dropdown-item-height);padding:var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);align-items:center;gap:var(--dropdown-item-gap);border-radius:var(--dropdown-item-border-radius);background:var(--color-white);font-family:var(--font-family-primary);font-size:var(--font-size-body-2);font-weight:var(--font-weight-body-2);color:var(--color-gray-5);cursor:pointer;transition:background .2s ease,color .2s ease;user-select:none;-webkit-user-select:none;width:100%;border:none;text-align:left}wa-menu-item:hover,.dropdown-item:hover{background:var(--color-gray-5-20)}wa-menu-item:active,.dropdown-item:active{background:var(--color-gray-3-20)}wa-menu-item:focus,.dropdown-item:focus{outline:none;border:1px dashed var(--color-light-blue);background:var(--color-white)}wa-menu-item[disabled],.dropdown-item:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.dropdown-trigger{display:inline-flex;align-items:center;gap:8px}.dropdown-trigger-icon{transition:transform .2s ease}.dropdown-trigger[aria-expanded=true] .dropdown-trigger-icon{transform:rotate(180deg)}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:100%;left:0;margin-top:4px;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.dropdown.open .dropdown-menu,.dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-divider{height:1px;margin:4px 0;background:var(--color-gray-1);border:none}.dropdown-item-icon{width:16px;height:16px;flex-shrink:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-center{left:50%;transform:translate(-50%)}.dropdown.open .dropdown-menu-center,.dropdown-menu-center.show{transform:translate(-50%) translateY(0)}:root{--font-family-primary: "Montserrat", sans-serif;--font-size-h1: 2rem;--line-height-h1: 2.75rem;--font-weight-h1: 500;--letter-spacing-h1: -.02em;--font-size-h2: 1.25rem;--line-height-h2: 2rem;--font-weight-h2: 400;--font-size-h3: 1rem;--line-height-h3: 2rem;--font-weight-h3: 500;--font-size-body-1: 1rem;--line-height-body-1: 1.5rem;--font-weight-body-1: 400;--font-size-body-2: .875rem;--line-height-body-2: 1.5rem;--font-weight-body-2: 400;--font-size-button: .875rem;--line-height-button: 1rem;--font-weight-button: 500;--font-size-label: .75rem;--line-height-label: 1.5rem;--font-weight-label: 400;--color-white: #FFFFFF;--color-black: #000000;--color-gray-1: #F4F4F4;--color-gray-2: #AFAFAF;--color-gray-3: #8F8F8F;--color-gray-4: #595959;--color-gray-5: #393939;--color-gray-30: #454E54;--color-light-blue: #6196E9;--color-primary-blue: #3A65A9;--color-dark-blue: #1C4079;--color-warning-red: #B53537;--color-success-green: #87CD73;--color-primary: var(--color-primary-blue);--color-error: var(--color-warning-red);--color-success: var(--color-success-green);--color-dark-blue-20: rgba(28, 64, 121, .2);--color-light-blue-20: rgba(97, 150, 233, .2);--color-gray-5-20: rgba(57, 57, 57, .2);--color-gray-3-20: rgba(143, 143, 143, .2);--button-padding-x: 16px;--button-padding-y: 8px;--button-border-radius: 6px;--button-gap: 8px;--icon-button-padding: 4px;--icon-button-gap: 10px;--icon-button-border-radius-rect: 6px;--icon-button-border-radius-circle: 18px;--icon-button-size-sm: 26px;--icon-button-size-md: 28px;--icon-button-size-lg: 32px;--dropdown-item-height: 26px;--dropdown-item-padding-x: 8px;--dropdown-item-padding-y: 0;--dropdown-item-gap: 12px;--dropdown-item-border-radius: 4px;--dropdown-shadow: 0 1px 10px 0 rgba(0, 0, 0, .2);--icon-size-xs: 16px;--icon-size-sm: 26px;--icon-size-md: 28px;--icon-size-lg: 32px}.icon-xs,i.icon-xs,svg.icon-xs{width:var(--icon-size-xs);height:var(--icon-size-xs);font-size:var(--icon-size-xs);line-height:1}.icon-sm,i.icon-sm,svg.icon-sm{width:var(--icon-size-sm);height:var(--icon-size-sm);font-size:var(--icon-size-sm);line-height:1}.icon-md,i.icon-md,svg.icon-md{width:var(--icon-size-md);height:var(--icon-size-md);font-size:var(--icon-size-md);line-height:1}.icon-lg,i.icon-lg,svg.icon-lg{width:var(--icon-size-lg);height:var(--icon-size-lg);font-size:var(--icon-size-lg);line-height:1}.icon-inline{display:inline-flex;align-items:center;vertical-align:middle}.icon-with-text{display:inline-flex;align-items:center;gap:8px}.icon-btn-contained svg,.icon-btn-outlined svg,.icon-btn-ghost-primary svg,.icon-btn-ghost-secondary svg{width:100%;height:100%}.icon-circle{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;padding:8px;background:var(--color-gray-1)}.icon-bg{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:var(--button-border-radius);background:var(--color-gray-1)}@keyframes icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-spin{animation:icon-spin 1s linear infinite}.bi,.fa-solid,.fa-regular,.fa-light,.fa-brands{display:inline-block;line-height:1;vertical-align:middle}.vt-toolbar-container{position:fixed;top:24px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:auto;padding:0;margin:0 24px;z-index:9000;pointer-events:none}.vt-toolbar-content{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1440px;gap:16px;pointer-events:none}.vt-toolbar-content>*{pointer-events:auto}.controls-menu-container{position:relative;display:inline-flex;flex-direction:column;justify-content:center;align-items:flex-start;border-radius:8px;border:1px solid var(--color-gray-1, #F4F4F4);background:rgba(255,255,255,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:border-radius .3s ease}.controls-menu-container.expanded{border-radius:8px 8px 0 0;border-bottom:none}.controls-menu-header{display:flex;padding:8px 16px;align-items:center;gap:24px;border-radius:8px;background:rgba(57,57,57,.2);cursor:pointer;user-select:none;-webkit-user-select:none;width:100%;box-sizing:border-box;transition:border-radius .3s ease}.controls-menu-header:hover{background:rgba(57,57,57,.3)}.controls-menu-container.expanded .controls-menu-header{border-radius:8px 8px 0 0}.controls-menu-title{color:var(--color-gray-5, #393939);text-align:center;font-family:Montserrat;font-size:14px;font-style:normal;font-weight:500;line-height:16px;margin:0}.controls-menu-icon{display:flex;padding:2px;align-items:center;justify-content:center;gap:10px;width:16px;height:16px}.controls-menu-icon i{font-size:16px;color:currentColor;transition:opacity .2s ease}.controls-menu-content{position:absolute;top:100%;left:-1px;right:-1px;margin-top:0;display:flex;padding:0;flex-direction:column;align-items:flex-start;gap:8px;border-radius:0 0 8px 8px;border:1px solid var(--color-gray-1, #F4F4F4);border-top:none;background:rgba(255,255,255,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .3s ease,padding .3s ease;z-index:10}.controls-menu-container.expanded .controls-menu-content{max-height:400px;opacity:1;padding:8px 0}.controls-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch;width:100%}.controls-list-item{display:flex;padding:0 16px;justify-content:space-between;align-items:center;align-self:stretch}.controls-list-item:hover{background:rgba(0,0,0,.02)}.control-action{color:var(--color-gray-5, #393939);text-align:center;font-family:Montserrat;font-size:14px;font-style:normal;font-weight:400;line-height:16px;margin:0}.control-key{display:flex;width:26px;height:26px;padding:4px;flex-direction:column;justify-content:center;align-items:center;gap:10px;aspect-ratio:1/1;border-radius:8px;border:1px solid var(--color-gray-5, #393939);background:transparent;box-sizing:border-box}.control-key-text{align-self:stretch;color:var(--color-gray-5, #393939);text-align:center;font-family:Roboto,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:24px}.cursor-instruction{display:flex;padding:8px 16px;justify-content:center;align-items:center;gap:10px;border-radius:8px;background:rgba(255,255,255,.6);border:1px solid var(--color-gray-1, #F4F4F4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:1;transition:opacity .3s ease;pointer-events:none}.cursor-instruction.hidden{opacity:0}.cursor-instruction-text{color:var(--color-gray-5, #393939);text-align:center;font-family:var(--font-family-primary);font-size:14px;font-style:normal;font-weight:400;line-height:16px;margin:0;white-space:nowrap}.settings-container{position:relative;display:flex;flex-direction:column;align-items:flex-end}.settings-button{display:flex;padding:4px;align-items:center;justify-content:center;gap:10px;border-radius:28px;border:1px solid var(--color-gray-1, #F4F4F4);background:rgba(255,255,255,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;transition:all .2s ease;width:36px;height:36px;flex-shrink:0;outline:none}.settings-button:hover{background:rgba(255,255,255,.8);border-color:var(--color-gray-2, #AFAFAF)}.settings-button:active{background:rgba(255,255,255,.9);transform:scale(.95)}.settings-button:focus{outline:2px solid var(--color-gray-5);outline-offset:2px}.settings-button svg,.settings-button i{width:26px;height:26px;flex-shrink:0;aspect-ratio:1/1;color:var(--color-gray-4, #595959)}.settings-button:hover svg,.settings-button:hover i{color:var(--color-gray-5, #393939)}.settings-panel{position:absolute;top:100%;right:0;margin-top:8px;min-width:200px;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .3s ease;border-radius:8px;border:1px solid var(--color-gray-1, #F4F4F4);background:rgba(255,255,255,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000001a;z-index:10000}.settings-container.expanded .settings-panel{max-height:600px;opacity:1}.settings-panel>*{padding:8px}@media (max-width: 768px){.vt-toolbar-container{margin:0 16px;top:16px}.vt-toolbar-content{gap:8px}.cursor-instruction-text,.controls-menu-title{font-size:12px}}@media (max-width: 480px){.cursor-instruction{display:none}}html,body,#demo-content{margin:0;padding:0;height:100%;overflow:hidden}body{position:relative;height:100%}canvas{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;pointer-events:auto}#container{width:100%;height:100%;position:relative;pointer-events:none}#container>*{flex-shrink:0}#custom-css:not(:empty){width:245px;min-height:200px;font:11px/14px Menlo,Monaco,Consolas,Droid Sans Mono,monospace,Droid Sans Fallback;-webkit-font-smoothing:antialiased;-moz-tab-size:4;tab-size:4;color:#fff}#audio-player{z-index:9998}#joystick{z-index:9999}.logo{font-family:Montserrat,sans-serif;font-weight:100;font-size:24px;color:#fff;text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black;position:fixed;bottom:10px;right:10px;z-index:9999}.logo strong{font-weight:thin}.tooltip{position:absolute;left:50%;top:50%;transform:translate(-50%,calc(-100% - 26px));text-align:center;background-color:#fffffff2;color:#333;padding:0 12px;border-radius:8px;z-index:9998;pointer-events:none;opacity:0;transition:opacity .2s ease;max-width:300px;box-shadow:0 2px 8px #00000026}.tooltip.show{opacity:1}.tooltip p{margin:0;font-family:Montserrat,sans-serif;font-size:16px;line-height:24px;font-weight:400;text-align:center}.crosshair{position:absolute;left:50%;top:50%;width:10px;height:10px;border:2px solid rgba(255,255,255,.7);border-radius:50%;opacity:.7;z-index:9999;transform:translate(-50%,-50%);transition:none}.crosshair.hover{width:20px;height:20px;border:none;background-image:url(/cursor/vt-cursor-hover.svg);background-size:contain;background-repeat:no-repeat;background-position:center}.crosshair-glow{position:absolute;left:50%;top:50%;width:23.144px;height:23.144px;transform:translate(-65%,-65%);background-image:url(/cursor/vt-cursor-click-glow.svg);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:0;pointer-events:none;transition:none}.crosshair.click .crosshair-glow{opacity:1}.welcome-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#242424b3;display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.welcome-modal-overlay.show{pointer-events:auto}.welcome-modal-overlay.show{opacity:1;visibility:visible}.welcome-modal{background:white;border-radius:8px;box-shadow:-9px 13px 25px -12px #00000026;padding:20px 24px;position:relative;display:flex;flex-direction:column;gap:24px;align-items:center}.modal-close-btn-position{position:absolute;top:20px;right:15px}.modal-header{height:28px;width:100%;flex-shrink:0}.modal-content{display:flex;flex-direction:column;gap:24px;align-items:center;text-align:center;padding:0 8px;width:300px}.modal-tour-name{font-family:Patua One,serif;font-size:32px;font-weight:400;line-height:normal;color:#000;text-align:center;margin:0;width:100%}.modal-footer{display:flex;flex-direction:column;gap:24px;align-items:center;width:100%;flex-shrink:0}.modal-buttons{display:flex;gap:40px;align-items:center;justify-content:center;width:100%}.modal-btn{font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;line-height:16px;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .2s ease;flex-shrink:0;text-align:center;white-space:nowrap}.modal-btn-secondary{background:transparent;border:none;color:#595959}.modal-btn-secondary:hover{color:#393939}.modal-btn-primary{background:#3a65a9;border:none;color:#fff}.modal-btn-primary:hover{background:#2e5190}.modal-powered-by{font-family:Montserrat,sans-serif;font-size:12px;font-weight:400;line-height:24px;color:#595959;margin:0;text-align:center;white-space:pre}.tutorial-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#242424b3;display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.tutorial-modal-overlay.show{pointer-events:auto}.tutorial-modal-overlay.show{opacity:1;visibility:visible}.tutorial-modal{background:white;border-radius:8px;box-shadow:-9px 13px 25px -12px #00000026;padding:20px 24px;max-width:939px;width:90%;height:725px;position:relative;display:flex;flex-direction:column;gap:24px}.tutorial-header{height:28px;width:100%;flex-shrink:0}.tutorial-step{display:flex;flex-direction:column;gap:16px}.tutorial-step-1{margin-bottom:19px}.tutorial-video-container{width:100%;height:532px;border-radius:4px;overflow:hidden;background:#f0f0f0}.tutorial-video{width:100%;height:100%;object-fit:cover}.tutorial-description{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.tutorial-text-row{display:flex;align-items:center;gap:8px}.tutorial-text{font-family:Montserrat,sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#393939}.tutorial-keys{display:flex;gap:8px;align-items:center}.tutorial-key{width:26px;height:26px;border:1px solid #393939;border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;line-height:24px;color:#393939;text-align:center}.tutorial-text-center{font-family:Montserrat,sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#393939;margin:0;text-align:center}.tutorial-footer{position:relative;width:100%}.tutorial-footer-step1{position:relative;height:32px;display:flex;align-items:center;justify-content:center}.tutorial-footer-step2{display:flex;flex-direction:column;gap:8px}.tutorial-checkbox-container{display:flex;align-items:center;padding:6px 0}.tutorial-checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer}.tutorial-checkbox{width:16px;height:16px;border:1px solid #8f8f8f;border-radius:1px;cursor:pointer;margin:0}.tutorial-checkbox-text{font-family:Montserrat,sans-serif;font-size:14px;font-weight:400;line-height:24px;color:#454e54}.tutorial-footer-buttons{position:relative;height:32px;display:flex;align-items:center;justify-content:space-between}.tutorial-stepper{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:4px;align-items:center}.stepper-dot{width:8px;height:8px;border-radius:50%;background:#d9d9d9;transition:background .3s ease}.stepper-dot.active{background:#3a65a9}.tutorial-btn{font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;line-height:16px;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .2s ease;border:none;text-align:center;white-space:nowrap}.tutorial-btn-text{background:transparent;color:#3a65a9;padding:8px 0}.tutorial-btn-text:hover{color:#2e5190}.tutorial-btn-primary{background:#3a65a9;color:#fff}.tutorial-btn-primary:hover{background:#2e5190}.tutorial-next-btn{position:absolute;right:-16px}.tutorial-back-btn{position:absolute;left:-18px}.tutorial-begin-btn{position:absolute;right:0}.exhibit-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#242424b3;display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.exhibit-modal-overlay.show{opacity:1;visibility:visible;pointer-events:auto}.exhibit-modal{background:white;border-radius:8px;padding:20px 24px;max-width:1840px;width:90%;max-height:90vh;position:relative;display:flex;flex-direction:column;gap:24px;overflow:hidden}.exhibit-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.exhibit-title{font-family:Montserrat,sans-serif;font-size:32px;font-weight:500;line-height:44px;color:#393939;margin:0;letter-spacing:-.64px;text-transform:capitalize}.exhibit-content{display:flex;gap:24px;overflow:visible;flex:1;min-height:0}.exhibit-image-container{background:#f4f4f4;border-radius:4px;padding:12px;display:flex;align-items:center;justify-content:center;flex:1;max-height:635px;overflow:hidden}.exhibit-image{max-width:100%;max-height:100%;object-fit:contain;display:block}.exhibit-details{display:flex;flex-direction:column;gap:20px;flex:1;min-width:0;overflow:visible}.exhibit-toolbar{display:flex;align-items:center;gap:24px;height:42px;flex-shrink:0}.font-adjustment-container,.exhibit-text-size-btn{position:relative}.exhibit-text-size-btn:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);display:inline-flex;padding:2px 12px;justify-content:center;align-items:center;gap:10px;border-radius:6px;background:var(--color-gray-5);box-shadow:1px 4px 6.3px #00000026;color:var(--color-white);font-family:var(--color-font-family-primary);font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000}.exhibit-text-size-btn:hover:after{opacity:1}.exhibit-text-size-btn.active:after{display:none}.font-adjustment-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:1001}.font-menu-content{display:inline-flex;padding:0 8px;align-items:center;gap:12px;border-radius:4px;background:var(--color-white);box-shadow:0 1px 10px #0003}.font-size-dropdown{position:relative}.font-size-trigger{display:inline-flex;padding:8px 12px;align-items:center;gap:12px;border:none;background:transparent;cursor:pointer;border-radius:8px;transition:background .2s ease}.font-size-trigger:hover{background:rgba(58,101,169,.2)}.font-size-trigger svg{flex-shrink:0}.font-size-options{position:absolute;top:calc(100% + 4px);left:0;min-width:120px;padding:4px 8px;background:var(--color-white);border-radius:8px;box-shadow:0 1px 10px #0003;z-index:1002}.font-size-option{display:flex;padding:4px 8px;align-items:center;justify-content:space-between;gap:12px;border-radius:4px;cursor:pointer;transition:background .2s ease}.font-size-option:hover{background:rgba(58,101,169,.2)}.font-size-option .checkmark{flex-shrink:0;stroke:var(--color-gray-5)}.font-menu-divider{width:.5px;height:24px;background:var(--color-gray-5);flex-shrink:0}.font-bold-btn{display:inline-flex;width:32px;height:32px;padding:8px 12px;justify-content:center;align-items:center;border:none;background:transparent;border-radius:4px;cursor:pointer;transition:background .2s ease}.font-bold-btn:hover,.font-bold-btn.active{background:rgba(58,101,169,.2)}.exhibit-audio-player{background:white;border:2px solid #F4F4F4;border-radius:20px;padding:8px 16px;display:flex;align-items:center;gap:20px;flex:1;box-shadow:1px 4px 6.3px #00000026;position:relative}.audio-play-btn,.audio-speed-btn,.audio-volume-btn{position:relative}.audio-play-btn:after,.audio-speed-btn:after,.audio-volume-btn:after{content:attr(data-tooltip);position:absolute;bottom:-32px;left:50%;transform:translate(-50%);background:rgba(0,0,0,.8);color:#fff;padding:4px 8px;border-radius:4px;font-family:Montserrat,sans-serif;font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000}.audio-play-btn:hover:after,.audio-speed-btn:hover:after,.audio-volume-btn:hover:after{opacity:1}.audio-progress-container{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.audio-seek-bar-wrapper{flex:1;min-width:0}.audio-seek-bar{width:100%;height:4px;position:relative;background:#D9D9D9;border-radius:2px;cursor:pointer}.audio-progress{position:absolute;left:0;top:0;height:100%;background:#6B6B6B;border-radius:2px;width:0%;transition:width .1s linear;pointer-events:none}.audio-thumb{position:absolute;top:50%;left:0%;transform:translate(-50%,-50%);width:14px;height:14px;background:#6B6B6B;border-radius:50%;box-shadow:0 1px 3px #0000004d;cursor:grab;transition:width .15s ease,height .15s ease;pointer-events:none}.audio-seek-bar:hover .audio-thumb,.audio-thumb:active{width:16px;height:16px}.audio-thumb:active{cursor:grabbing}.audio-time{font-family:Montserrat,sans-serif;font-size:12px;font-weight:400;line-height:24px;color:#8c8c8c;white-space:nowrap;flex-shrink:0}.audio-speed-btn{font-family:Montserrat,sans-serif;font-weight:400;color:#595959;min-width:32px}.audio-speed-btn .speed-x{font-family:var(--font-family-primary);font-size:12px;font-weight:500;line-height:16px;color:inherit}.audio-volume-container{position:relative}.volume-slider-popup{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:white;padding:8px;border-radius:8px;box-shadow:0 1px 10px #0003;opacity:0;visibility:hidden;transition:opacity .1s ease-in,visibility .1s ease-in;transition-delay:0s;pointer-events:none;z-index:1001}.audio-volume-container:hover .volume-slider-popup,.volume-slider-popup:hover{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.audio-volume-container .volume-slider-popup{transition-delay:0s}.audio-volume-container:not(:hover) .volume-slider-popup:not(:hover){transition-delay:.15s}.volume-slider-track{width:6px;height:60px;background:#D9D9D9;border-radius:3px;position:relative;cursor:pointer}.volume-slider-fill{position:absolute;bottom:0;left:0;width:100%;height:100%;background:#0066FF;border-radius:3px;transition:height .1s linear}.volume-slider-thumb{position:absolute;left:50%;bottom:100%;transform:translate(-50%,50%);width:14px;height:14px;background:#0066FF;border:1px solid white;border-radius:50%;cursor:grab;transition:width .15s ease,height .15s ease}.volume-slider-track:hover .volume-slider-thumb{width:16px;height:16px}.volume-slider-thumb:active{cursor:grabbing}.exhibit-text-container{display:flex;flex-direction:column;gap:16px;overflow-y:auto;flex:1;min-height:0}.exhibit-description p{font-family:Montserrat,sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#393939;margin:0}.exhibit-quote{display:flex;flex-direction:column;gap:3px}.exhibit-quote-title{font-family:Montserrat,sans-serif;font-size:16px;font-weight:500;line-height:32px;color:#393939;margin:0}.exhibit-quote-text{border-left:1px solid #8f8f8f;padding-left:16px}.exhibit-quote-text p{font-family:Montserrat,sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#393939;margin:0;white-space:pre-wrap}.exhibit-footer{display:flex;justify-content:flex-end;align-items:center;flex-shrink:0}.minimized-exhibit-overlay{position:fixed;bottom:20px;right:20px;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.minimized-exhibit-overlay.show{opacity:1;visibility:visible;pointer-events:auto}.minimized-exhibit-modal{background:white;border-radius:8px;padding:12px 16px;width:300px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:24px;box-shadow:0 4px 12px #00000026;position:relative}.minimized-header-toolbar{position:absolute;top:15px;right:8px;display:flex;gap:20px;align-items:center;z-index:1}.minimized-expand-btn{background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;transition:opacity .2s ease}.minimized-expand-btn img{width:16px;height:16px;flex-shrink:0;display:block}.minimized-close-btn{background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:26px;height:26px;aspect-ratio:1/1;transition:opacity .2s ease}.minimized-expand-btn:hover,.minimized-close-btn:hover{opacity:.7}.minimized-heading{display:flex;align-items:center;gap:16px;align-self:stretch;width:100%;padding-right:60px}.minimized-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-family:Montserrat,sans-serif;font-size:20px;font-weight:400;line-height:32px;color:#393939;margin:0;overflow:hidden;text-overflow:ellipsis;width:182px;max-width:100%}.minimized-audio-player{display:flex;flex-direction:column;gap:14px;width:100%}.minimized-audio-progress{display:flex;gap:12px;align-items:center}.minimized-seek-bar-wrapper{width:186px;height:6px;flex-shrink:0}.minimized-seek-bar{width:100%;height:100%;position:relative;background:#AFAFAF;border-radius:2px;cursor:pointer}.minimized-progress{position:absolute;left:0;top:0;height:100%;background:#6B6B6B;border-radius:2px;width:0%;transition:width .1s linear;pointer-events:none}.minimized-thumb{position:absolute;top:50%;left:0%;transform:translate(-50%,-50%);width:14px;height:14px;background:#6B6B6B;border-radius:50%;box-shadow:0 1px 3px #0000004d;cursor:grab;transition:width .15s ease,height .15s ease;pointer-events:none}.minimized-seek-bar:hover .minimized-thumb{width:16px;height:16px}.minimized-time{font-family:Montserrat,sans-serif;font-size:12px;font-weight:400;line-height:24px;color:#595959;white-space:nowrap;flex-shrink:0}.minimized-controls{display:flex;height:24px;justify-content:space-between;align-items:center;align-self:stretch}.minimized-play-btn{width:26px;height:26px;background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.minimized-play-btn:hover{opacity:.7}.minimized-right-controls{display:flex;justify-content:flex-end;align-items:center;gap:20px}.minimized-volume-btn,.minimized-speed-btn{width:26px;height:26px;background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.minimized-volume-btn:hover,.minimized-speed-btn:hover{opacity:.7}.minimized-speed-btn{font-family:Montserrat,sans-serif;font-weight:500;color:#595959;min-width:26px}.minimized-speed-btn .speed-value{font-size:14px;line-height:16px}.minimized-speed-btn .speed-x{font-size:12px;font-weight:500;line-height:16px}@media (max-width: 768px){.minimized-exhibit-overlay{bottom:10px;right:10px;left:10px}.minimized-exhibit-modal{width:auto;max-width:100%}.exhibit-modal-overlay{padding:12px;box-sizing:border-box}.exhibit-modal{max-width:100%;width:100%;max-height:calc(100vh - 24px);height:auto;gap:24px;box-sizing:border-box}.exhibit-header{padding-right:40px}.exhibit-title{font-size:32px;line-height:44px;word-wrap:break-word}.exhibit-close-btn{top:20px;right:24px}.exhibit-content{flex-direction:column;overflow-y:auto;gap:24px;height:auto;max-height:none;flex:1}.exhibit-image-container{max-height:none;height:auto;padding:8px;flex:0 0 auto}.exhibit-image{width:100%;height:auto;object-fit:cover}.exhibit-details{gap:12px;flex:0 0 auto}.exhibit-toolbar{justify-content:flex-end;position:relative;height:auto;gap:0}.exhibit-text-size-btn{position:absolute;left:-2px;top:7px}.exhibit-audio-player{padding:8px 16px;gap:20px;flex:0 1 auto}.audio-progress-container{gap:12px}.audio-seek-bar{width:86px;flex:0 0 86px}.audio-volume-btn{display:flex}.exhibit-text-container{gap:10px;overflow-y:visible}.exhibit-quote{display:none}.exhibit-footer{flex-shrink:0}}