.experience-content{padding:0 0 18px}
.experience-note,.experience-travel-status,.experience-progress{font:14px/1.6 var(--body);margin:0 0 14px;color:#435965}
.experience-travel-status:empty{display:none}
.experience-map{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:'roof roof' 'studio cave' 'outside outside';gap:9px;margin:0 0 16px}
.experience-room{position:relative;min-height:78px;padding:12px 10px;border:1px solid #879da6;background:#f5f8f6;box-shadow:2px 2px 0 #52677333;text-align:left;color:#253b47}
.experience-room[data-room='rooftop']{grid-area:roof;width:calc(50% - 5px);justify-self:end}
.experience-room[data-room='studio']{grid-area:studio}
.experience-room[data-room='cave']{grid-area:cave}
.experience-room[data-room='outside']{grid-area:outside;width:calc(50% - 5px);justify-self:end}
.experience-room[data-room='rooftop']::after,.experience-room[data-room='cave']::after{content:'';position:absolute;width:2px;height:10px;background:#69818b;top:100%;left:50%;pointer-events:none}
.experience-room[data-room='studio']::after{content:'';position:absolute;width:10px;height:2px;background:#69818b;left:100%;top:50%;pointer-events:none}
.experience-room[aria-current='location']{background:#253e4b;color:#fff;border-color:#253e4b}
.experience-room strong{display:block;font:600 14px/1.4 var(--body);overflow-wrap:anywhere}
.experience-room-state{display:block;margin-top:6px;font:12px/1.4 var(--body);opacity:.85}
.experience-progress{font-weight:600;margin-bottom:6px}
.experience-discoveries,.experience-news{margin:0 0 16px;padding-left:20px;font:14px/1.7 var(--body);color:#435965}
.experience-discoveries li.found{color:#203943}
.experience-setting{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:68px;padding:12px 0;border-top:1px solid #bdc9ce;font:14px/1.4 var(--body)}
.experience-setting-copy{display:block;min-width:0}
.experience-setting-copy>span{display:block;font-weight:600}
.experience-setting small{display:block;margin-top:4px;color:#4b606b;font:12px/1.5 var(--body)}
.experience-setting select{max-width:135px;min-width:105px;min-height:44px;padding:7px;border:1px solid #81969f;background:#f8faf9;color:#203943;font:14px var(--body)}
.experience-setting input[type='checkbox']{width:24px;height:24px;margin:10px;flex:none;accent-color:#294d5c;cursor:pointer}
.experience-setting:focus-within{outline:2px solid #2d5c71;outline-offset:3px}
.experience-button{display:block;width:100%;min-height:44px;padding:11px 12px;margin-top:10px;border:1px solid #8399a2;background:#f4f7f5;color:#253e4b;font:600 12px/1.5 var(--body)}
.site-menu .experience-direct-link{display:flex;align-items:center;justify-content:center;min-height:44px;margin:12px 0 0;padding:10px;background:#253e4b;color:#fff;text-decoration:none;font:600 12px/1.5 var(--body)}
.experience-new{font:600 10px/1.4 var(--body);letter-spacing:1px;margin-left:auto;padding:4px 6px;color:#fff;background:#294e5d;border-radius:2px}
.experience-new[hidden],.experience-button[hidden],.experience-tutorial[hidden],.experience-notice[hidden],.experience-release[hidden]{display:none}
.experience-release{border-top:1px solid #b5c4ca;padding:4px 0 12px;font:14px/1.5 var(--body)}
.experience-release p{font:14px/1.5 var(--body);overflow-wrap:anywhere}
.experience-tutorial,.experience-notice{position:fixed;z-index:6;left:50%;transform:translateX(-50%);width:min(460px,calc(100% - 40px));padding:12px 14px;border:1px solid #75909b;background:#edf3f0f5;box-shadow:3px 3px 0 #1e34494d;color:#223d49;font:14px/1.5 var(--body)}
.experience-tutorial{bottom:max(160px,calc(env(safe-area-inset-bottom) + 130px));display:flex;align-items:center;gap:14px}
.experience-tutorial p{margin:0;flex:1}
.experience-tip-dismiss{min-height:44px;padding:9px;border:1px solid #81959f;background:#fff;font:600 12px var(--body);flex:none}
.experience-notice{top:max(76px,calc(env(safe-area-inset-top) + 64px));margin:0;text-align:center;pointer-events:none}
body:has(dialog[open]) .experience-tutorial,body.conversation-playing .experience-tutorial{visibility:hidden}
body:has(dialog[open]) .experience-notice{visibility:hidden}
body[data-large-text='true'] dialog p,body[data-large-text='true'] .experience-content,body[data-large-text='true'] .experience-note,body[data-large-text='true'] .experience-setting,body[data-large-text='true'] .experience-discoveries,body[data-large-text='true'] .experience-news{font-size:17px;line-height:1.65}
body[data-large-text='true'] .speech-bubble{width:340px;font-size:21px}
body[data-large-text='true'] .site-menu .menu-links a{font-size:17px}
body[data-large-text='true'] .menu-sections summary{font-size:14px}
body[data-large-text='true'] .experience-room strong,body[data-large-text='true'] .experience-setting select{font-size:16px}
body[data-high-contrast='true'] .pixel-button,body[data-high-contrast='true'] .instructions,body[data-high-contrast='true'] .speech-bubble,body[data-high-contrast='true'] .experience-tutorial,body[data-high-contrast='true'] .experience-notice{background:#fff;color:#162e3b;border-color:#183846;box-shadow:2px 2px 0 #183846}
body[data-high-contrast='true'] .experience-note,body[data-high-contrast='true'] .experience-setting small,body[data-high-contrast='true'] .experience-discoveries,body[data-high-contrast='true'] .experience-news{color:#20323a}
body[data-high-contrast='true'] dialog{background:#fff;color:#162e3b}
body[data-reduced-motion='true'] .entry-gate::before,body[data-reduced-motion='true'] .entry-gate::after,body[data-reduced-motion='true'] .entry-content,body[data-reduced-motion='true'] #cave-world{transition:opacity .15s!important}
body[data-reduced-motion='true'] #entry-head,body[data-reduced-motion='true'] .head-shadow,body[data-reduced-motion='true'] dialog.site-menu[open]{animation:none!important}
body[data-reduced-motion='true'].cave-entering .entry-content{transform:none}
body[data-reduced-motion='true'].cave-entering .entry-gate{opacity:0}
@media(pointer:coarse){
  .experience-desktop-setting{display:none}
  body[data-joystick-hand='right'] .control-bar{flex-direction:row-reverse}
  body[data-joystick-hand='right'] .interaction-controls{margin-left:0;margin-right:auto}
  body[data-joystick-size='large'] .joystick{width:136px;height:136px}
  .experience-tutorial{bottom:max(224px,calc(env(safe-area-inset-bottom) + 194px));font-size:14px}
}
@media(max-width:359px){.experience-setting{gap:8px}.experience-setting select{min-width:96px;max-width:115px}.experience-tutorial{gap:8px;padding:10px}.experience-tip-dismiss{padding:7px}}
@media(max-height:480px){.experience-tutorial{bottom:auto;top:max(72px,calc(env(safe-area-inset-top) + 64px));width:min(400px,calc(100% - 100px));font-size:12px;padding:7px 10px}}

.experience-release-art{width:100%;max-height:190px;object-fit:contain;display:block;margin:10px auto;}
