.experience-hud{position:fixed;left:0;right:0;bottom:max(14px,env(safe-area-inset-bottom));display:flex;justify-content:center;pointer-events:none;z-index:2147483647;isolation:isolate}.experience-hud__bounds{pointer-events:none;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;padding-top:56px;margin-top:-56px;max-width:100%}.experience-hud__group{--hud-pill-size: 44px;display:flex;flex-direction:column;align-items:stretch;row-gap:8px;pointer-events:none;box-sizing:border-box;width:max-content;max-width:none;transform-origin:bottom center}.experience-hud__controls-row{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;column-gap:10px;width:max-content;box-sizing:border-box}.experience-hud__instruction{font-size:16px;font-weight:400;line-height:1.25;letter-spacing:.02em;color:#fffffff0;text-shadow:0 3px 18px rgba(0,0,0,.62),0 0 42px rgba(0,0,0,.543);text-align:center;max-width:min(88vw,560px);margin:0 auto 36px;opacity:0;transform:translateY(4px);transition:opacity .14s ease,transform .14s ease;pointer-events:none;white-space:pre-line}.experience-hud__instruction[data-visible=true]{opacity:1;transform:translateY(0)}.experience-hud,.experience-hud *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.experience-hud button,.experience-hud a{touch-action:manipulation}.experience-hud__hover-wrap{--hud-tooltip-font-size: 16px;position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:auto}.experience-hud__hover-wrap--transport{--hud-tooltip-gap: 14px}.experience-hud__hover-wrap--dots{--hud-tooltip-gap: 25px}.experience-hud__tooltip{position:absolute;bottom:calc(100% + var(--hud-tooltip-gap));left:50%;z-index:3;padding:0;margin:0;max-width:min(88vw,360px);overflow:hidden;text-overflow:ellipsis;font-size:var(--hud-tooltip-font-size);font-weight:400;line-height:1.25;letter-spacing:.02em;color:#fffffff0;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%);transition:opacity .13s ease,visibility 0s linear .13s;visibility:hidden}.experience-hud__hover-wrap:hover .experience-hud__tooltip,.experience-hud__hover-wrap:has(:focus-visible) .experience-hud__tooltip{opacity:1;visibility:visible;transition:opacity .13s ease,visibility 0s linear 0s}.experience-hud--tooltip-cold .experience-hud__tooltip{opacity:0!important;visibility:hidden!important;transition:opacity .13s ease,visibility 0s linear .13s!important}@media (prefers-reduced-motion: reduce){.experience-hud__tooltip{transition-duration:.01ms}}.experience-hud__panel--dots{flex:0 0 auto;overflow:visible}.experience-hud__progress{flex:0 0 auto;box-sizing:border-box;width:100%;max-width:99%;align-self:center;height:7.5px;margin-top:5px;border-radius:999px;background:#ffffff0f;backdrop-filter:blur(10px) saturate(1.35);-webkit-backdrop-filter:blur(10px) saturate(1.35);border:1px solid rgba(255,255,255,.1);overflow:hidden;pointer-events:auto;cursor:default}.experience-hud__progress-fill{height:100%;width:100%;transform-origin:left center;transform:scaleX(0);background:#ffffff5a;border-radius:inherit;will-change:transform}.experience-hud__panel{display:flex;flex-direction:row;align-items:center;box-sizing:border-box;min-height:var(--hud-pill-size);padding:10px 12px;border-radius:999px;background:#ffffff0f;backdrop-filter:blur(10px) saturate(1.35);-webkit-backdrop-filter:blur(10px) saturate(1.35);border:1px solid rgba(255,255,255,.1);pointer-events:auto}.experience-hud__panel--round{width:var(--hud-pill-size);height:var(--hud-pill-size);min-width:var(--hud-pill-size);min-height:var(--hud-pill-size);padding:0;border-radius:50%;justify-content:center;flex-shrink:0;margin:0;cursor:pointer;-webkit-tap-highlight-color:transparent;font:inherit;color:inherit;transition:opacity .15s ease,background-color .15s ease,transform .15s ease}.experience-hud__panel--round:hover{background:#ffffff1a}.experience-hud__panel--round:active{transform:scale(.96)}.experience-hud__panel--round .experience-hud__icon-img{width:15px;height:15px}.experience-hud__panel--flip .experience-hud__icon-img{transform:scaleX(-1)}.experience-hud__dots{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:10px;width:max-content}.experience-hud__btn{width:22px;height:22px;min-width:22px;min-height:22px;padding:0;border-radius:50%;aspect-ratio:1 / 1;display:block;border:1px solid rgba(255,255,255,.22);background:#ffffff14;backdrop-filter:blur(8px) saturate(1.35);-webkit-backdrop-filter:blur(8px) saturate(1.35);box-shadow:0 8px 18px #00000047,inset 0 0 0 1px #ffffff1a;opacity:.8;transition:opacity .15s ease,background-color .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}.experience-hud__btn[aria-current=true]{opacity:1;background:#ffffffeb;border-color:#fffffffa;transform:translateY(-1px) scale(1.06);box-shadow:0 10px 24px #0000005c,0 0 16px #ffffff2e,inset 0 0 0 1px #ffffff73}.experience-hud__btn:hover:not([aria-current=true]){opacity:1;border-color:#ffffff57;background:#ffffff1c;box-shadow:0 9px 20px #0000004d,inset 0 0 0 1px #ffffff24}.experience-hud__btn[aria-current=true]:hover{border-color:#fff;filter:brightness(1.05);box-shadow:0 11px 26px #00000061,0 0 18px #fff3,inset 0 0 0 1px #ffffff80}.experience-hud__icon-img{width:11px;height:11px;display:block;object-fit:contain;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}.experience-look-joystick{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));pointer-events:none;z-index:2147483647;isolation:isolate}.experience-look-joystick__base{width:104px;height:104px;border-radius:50%;position:relative;pointer-events:auto;cursor:grab;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px) saturate(1.35);-webkit-backdrop-filter:blur(10px) saturate(1.35)}.experience-look-joystick__thumb{position:absolute;left:50%;top:50%;width:24px;height:24px;margin-left:-12px;margin-top:-12px;border-radius:50%;background:#fffffff0;border:1px solid rgba(255,255,255,.98);will-change:transform;pointer-events:none;transition:background-color .14s ease}.experience-look-joystick__thumb[data-dragging=true]{background:#fff}