:root{--entry-paper:#ead8bc;--entry-gold:#c49968}
[hidden]{display:none!important}#pause,.labs-motion{display:none!important}
.intro-links{display:block;width:max-content;max-width:100%;margin:12px 0 8px;color:inherit;font:24px GuigoHand,cursive;text-decoration:none;border-bottom:1px solid #d5bd84}
#welcome,#credits{position:fixed;inset:0;background:#080706;color:var(--entry-paper);z-index:100;overflow-y:auto;overscroll-behavior:contain;font-family:Georgia,'Yu Mincho',serif}
#welcome:before,#credits:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 40%,#49331c20,transparent 65%)}
.welcome-art{position:absolute;inset:0;min-height:100%;background:url('./media/entry-reference.png') center/100% 100% no-repeat;mask-image:linear-gradient(90deg,#000 0%,#000 16%,transparent 20%,transparent 80%,#000 84%,#000 100%);opacity:.85;pointer-events:none}
.welcome-copy{position:relative;width:min(860px,90%);margin:auto;min-height:100%;padding:30px 12px 100px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
.welcome-mountain{font:clamp(28px,4vw,55px) GuigoHand,cursive;color:var(--entry-gold)}
#welcome h1{font:clamp(54px,8vw,116px)/1.05 GuigoHand,cursive;margin:0 0 10px;transform:rotate(-2deg)}
.welcome-tagline{font:clamp(18px,2vw,26px)/1.5 'Courier New',monospace;margin:6px 0 12px}.coffee-divider{color:var(--entry-gold);letter-spacing:4px;margin:12px 0}
#welcome p{margin:6px 0}.welcome-languages{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;width:100%;margin:8px 0 20px}
#welcome button,#welcome a,#credits button{font-family:inherit;font-size:22px;color:inherit;border:1px solid var(--entry-gold);border-radius:40px;padding:12px 30px;min-height:48px;background:transparent;cursor:pointer;text-decoration:none}
#welcome [data-lang]{min-width:190px}#welcome [data-lang][aria-pressed=true]{background:#5d3b2170;box-shadow:0 0 16px #c4996833;border-color:#e1b17c}
#welcome .welcome-enter{width:min(420px,100%);font-size:32px;color:#120d08;background:linear-gradient(130deg,#f0cda1,#bc824a);font-weight:bold;margin:5px 0 12px}
#welcome .welcome-links{font-size:20px;padding:10px 36px}#welcome .welcome-credits{border:0;font-size:16px;opacity:.85;padding:8px 20px}
#welcome :focus-visible,#credits :focus-visible,.experience-tools :focus-visible{outline:2px solid #f6d39f;outline-offset:5px}
.credits-wrap{position:relative;width:min(900px,92%);margin:auto;text-align:center;padding:40px 20px 100px}.credits-wordmark{letter-spacing:5px;font-size:15px}#credits h1{font:clamp(48px,7vw,86px)/1 Georgia,serif;margin:18px}#credits p{font-size:20px;line-height:1.5}.credits-list{border:1px solid var(--entry-gold);border-radius:20px;margin:26px 0;padding:8px 26px;text-align:left}.credits-list article{display:flex;gap:28px;padding:17px 0;border-bottom:1px solid #c4996866}.credits-list article:last-child{border:0}.credits-list article>span{width:55px;flex:none;align-self:center;text-align:center;font-size:38px;color:var(--entry-gold)}.credits-list h2{font-size:28px;margin:0 0 3px}.credits-list p{margin:0;font-size:18px!important}.asset-credits{text-align:left;line-height:1.6;margin:26px 0;color:#ccbda6}.asset-credits summary{cursor:pointer;min-height:44px}.asset-credits p{font-size:16px!important}.asset-credits a{color:inherit}.music-credit{font-style:italic;color:var(--entry-gold)}
.experience-tools{position:fixed;right:12px;bottom:10px;z-index:150;display:flex;gap:8px;align-items:center;background:#100e16ed;color:#ead8bc;border:1px solid #bea07866;border-radius:24px;padding:4px 10px;font:14px Georgia,serif}.experience-tools button,.experience-tools select{font:inherit;color:inherit;background:transparent;border:0;min-height:36px;cursor:pointer}.experience-tools select option{background:#17131b}.experience-tools input{width:75px;accent-color:#cea370}.audio-warning{font-size:11px;max-width:80px}.audio-warning:empty{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.labs-ayla-image{width:100%;height:100%;object-fit:contain}.labs-detail-art .labs-ayla-image{object-fit:cover;max-height:400px}.ayla-story{grid-column:1/-1;padding:24px;line-height:1.65}.ayla-story>img{width:100%;max-height:340px;object-fit:cover;border-radius:8px}.ayla-story video{display:block;width:100%;max-height:520px;background:#000}.ayla-demo{padding:24px;margin:28px 0;background:#0a111bc9;border:1px solid #91a9b055;border-radius:16px}.ayla-avatar{width:64px;height:64px;object-fit:cover;border-radius:50%;float:left;margin:0 20px 12px 0}.ayla-response{min-height:85px;white-space:pre-wrap}.ayla-choices{display:flex;gap:12px;flex-wrap:wrap}.ayla-choices button{border:1px solid #bdd4d988;border-radius:20px;padding:10px 16px;min-height:44px}.labs-pipeline{border-top:1px solid #d9c8a344;margin-top:25px;padding-top:20px}.labs-pipeline ul{padding-left:20px}.labs-pipeline li{margin:10px 0}.labs-state{display:block;color:#dfc28c;margin:10px 0}.labs-scroll{padding-bottom:85px!important}
@media(max-width:600px){.welcome-art{opacity:.4}.welcome-copy{padding-top:24px;gap:10px}.welcome-languages{gap:10px;margin-bottom:10px}#welcome [data-lang]{min-width:0;padding:10px 16px;font-size:18px}.welcome-tagline{max-width:320px}.credits-wrap{padding-inline:6px}.credits-list{padding:8px 14px}.credits-list article{gap:10px}.credits-list article>span{width:32px;font-size:28px}.credits-list h2{font-size:24px}.credits-list p{font-size:16px!important}.experience-tools{right:6px;bottom:6px;gap:4px;padding:3px 8px}.experience-tools input{width:55px}.ayla-story{padding:12px}.section-header{gap:8px}.section-header button{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.labs-leaving{transition:none!important}}

.welcome-mountain{width:min(380px,85vw);height:115px;flex:none;background:url('./media/entry-reference.png') 50% 0/1440px auto no-repeat}.welcome-enter svg{margin-right:12px}.welcome-languages svg{margin-right:7px}@media(max-width:600px){.welcome-mountain{height:85px;background-size:1100px}}

/* Dedicated top rail: expanding audio moves the experience instead of covering it. */
:root{--tools-height:0px}
.experience-tools{inset:0 0 auto;width:100%;height:var(--tools-height);display:block;box-sizing:border-box;border:0;border-bottom:1px solid #bea07844;border-radius:0;padding:8px max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));background:#100e16fa;font-size:14px}
.tools-row{display:flex;justify-content:flex-end;align-items:flex-start;gap:10px;min-height:36px}
.experience-tools [data-home]{margin-right:auto;white-space:nowrap}
.experience-tools button,.experience-tools select{min-height:36px;padding:4px 8px}
.audio-control summary{display:flex;align-items:center;gap:8px;list-style:none;min-height:36px;padding:4px 8px;box-sizing:border-box;cursor:pointer}
.audio-control summary::-webkit-details-marker{display:none}
.audio-control[open] summary>span:last-child{transform:rotate(180deg)}
.audio-panel{position:absolute;top:54px;right:max(12px,env(safe-area-inset-right));display:flex;align-items:center;gap:18px;min-height:48px;width:min(360px,calc(100% - 24px));border-top:1px solid #bea07833;padding-top:6px}
.audio-panel label{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.audio-panel input{width:100%;min-width:80px}.audio-panel [data-mute]{white-space:nowrap}.audio-warning{align-self:center}
#viewport,#section-shell,#welcome,#credits{top:var(--tools-height)}
#section-shell .cert-zoom,#section-shell .fb-zoom{top:var(--tools-height)}
.verify-library,.verify-shade{top:var(--tools-height);height:calc(100% - var(--tools-height))}
#section-shell .system-return,#section-shell .section-detail-return{font-size:21px;min-height:48px;padding:8px 0}
#section-shell .section-detail-return{color:#f0d3a2;border-bottom:1px solid #cfaa7155}
@media(min-width:701px){#section-shell .cert-campus,#section-shell .fb-campus,#section-shell [data-institution=fundacao-bradesco]:before{top:calc(var(--tools-height) + var(--header-height));height:calc(100% - var(--tools-height) - var(--header-height))}}
.ayla-demo .ayla-demo-note{color:#c5becb;font-size:17px!important;line-height:1.5}
.ayla-conversation{display:flex;flex-direction:column;gap:16px;max-height:420px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:14px 8px 14px 0;outline-offset:4px}
.ayla-conversation:empty{display:none}
.ayla-message{display:flex;align-items:flex-end;gap:10px;width:92%;max-width:750px;flex-shrink:0}
.ayla-message>div{background:#222936;border:1px solid #a7cdd933;border-radius:16px 16px 16px 3px;padding:12px 16px;min-width:0}
.ayla-message-visitor{align-self:flex-end;justify-content:flex-end}.ayla-message-visitor>div{background:#403326;border-color:#d4b58f44;border-radius:16px 16px 3px 16px}
.ayla-message-avatar{width:38px;height:38px;object-fit:cover;border-radius:50%;flex-shrink:0}.ayla-message-name{font-size:16px;color:#e8d1ad}.ayla-message p{margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:21px!important;line-height:1.4}.ayla-message .ayla-response{min-height:0}
.ayla-typing{margin:12px 0!important;font-size:17px!important;color:#b3bfcb!important}.ayla-empty{font-size:19px!important}.ayla-choices button:disabled{opacity:.45;cursor:default}
@media(max-width:600px){.tools-row{gap:4px}.experience-tools{font-size:13px}.experience-tools [data-home]{max-width:48vw;white-space:normal;text-align:left;font-size:13px}.experience-tools button,.experience-tools select{padding-inline:6px}.audio-panel{gap:10px}.audio-panel label{gap:6px}.section-wordmark{font-size:22px}#section-shell .section-header{padding-inline:16px;gap:12px}#section-shell .system-return,#section-shell .section-detail-return{font-size:18px}.ayla-demo{padding:16px}.ayla-conversation{max-height:360px}.ayla-message{width:100%;gap:6px}.ayla-message>div{padding:10px 12px}.ayla-message-avatar{width:30px;height:30px}.ayla-message p{font-size:19px!important}}
/* Safe-area padding belongs to the utility rail, never to the scene beneath it. */
body{--tools-inset:calc(var(--tools-height) + env(safe-area-inset-top,0px))}
.experience-tools{height:var(--tools-inset);padding-top:calc(8px + env(safe-area-inset-top,0px))}
.audio-panel{top:calc(54px + env(safe-area-inset-top,0px))}
#viewport,#section-shell,#welcome,#credits,#section-shell .cert-zoom,#section-shell .fb-zoom{top:var(--tools-inset)}
#section-shell{--header-height:76px}#section-shell .section-header{padding-top:0}
.verify-library,.verify-shade{top:var(--tools-inset);height:calc(100% - var(--tools-inset))}
@media(min-width:701px){#section-shell .cert-campus,#section-shell .fb-campus,#section-shell [data-institution=fundacao-bradesco]:before{top:calc(var(--tools-inset) + var(--header-height));height:calc(100% - var(--tools-inset) - var(--header-height))}}
@media(max-width:700px){#section-shell{--header-height:72px}}
#section-shell.verification-shell[data-integrated=true]{--header-height:76px}
#section-shell.verification-shell[data-integrated=true]>.section-header{display:flex}
@media(max-width:700px){#section-shell.verification-shell[data-integrated=true]{--header-height:72px}}

/* The existing top-right control now belongs exclusively to the credits music. */
.audio-control[data-credits-audio] summary{font:26px/28px GuigoHand,'Yu Mincho',cursive;letter-spacing:.12em;text-transform:uppercase;color:#e8c897;text-shadow:0 0 8px #bc854529}
.audio-control[data-credits-audio][open] summary>span:last-child{transform:none}
.audio-control[data-credits-audio] summary:hover{color:#f3dcb7}
.audio-control[data-credits-audio] .audio-panel{font:18px/1.3 GuigoHand,'Yu Mincho',cursive;color:#e8c897}

/* Global rail removal. Artwork keeps its approved rendering dimensions. */
@property --art-rail-reference{syntax:"<length>";inherits:true;initial-value:54px}
body{--tools-inset:0px;--art-rail-reference:calc(54px + env(safe-area-inset-top,0px))}
#viewport{top:0;bottom:0;height:100%}
#welcome,#credits{scrollbar-gutter:stable}
.cafemail-host{scrollbar-gutter:stable}
#welcome .approved-stage,#credits .approved-stage{width:min(100%,calc((100svh - var(--art-rail-reference) - 38px)*1.776833))}
@media(max-width:1000px),(max-height:500px){#welcome .approved-stage,#credits .approved-stage{width:min(100%,560px);min-height:calc(100svh - var(--art-rail-reference) - 38px)}}
.room-home{position:absolute;top:8px;left:12px;z-index:10;border:0;background:none;color:#ead8bc;font:14px Georgia,serif;min-height:36px;padding:4px 8px}
#credits>.credits-audio{position:absolute;top:8px;right:max(12px,env(safe-area-inset-right));z-index:5}
.credits-audio .audio-panel{top:46px;right:0;width:min(360px,calc(100vw - 24px));background:#100e16fa;padding:8px 10px;border:0}
#credits .credits-audio button{font:inherit;border:0;border-radius:0;background:none;min-height:36px;padding:4px 8px}
#credits .credits-audio .audio-panel{min-height:48px;padding:6px 0 0}
#credits.credits-audio-open{padding-top:108px;--art-rail-reference:calc(118px + env(safe-area-inset-top,0px))}
.verify-library,.verify-shade{top:0;height:100%}
@media(min-width:701px){#section-shell .cert-campus,#section-shell .fb-campus,#section-shell [data-institution=fundacao-bradesco]:before{height:calc(100% - var(--header-height))}}