:root{color-scheme:dark;--ink:#f4f7ff;--muted:#a7b5d2;--line:#c6d9ff33;--glass:#081127b8;--blue:#9ed1ff;--orange:#f2c48b;--accent:#fff1b5;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow:hidden;background:#02040b;color:var(--ink)}button{font:inherit}.experience{height:100svh;position:relative;isolation:isolate}.experience:fullscreen{width:100vw;height:100vh}#sailCanvas{position:absolute;inset:0;display:block;width:100%;height:100%;outline:0;touch-action:none}.vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 45%,transparent 38%,#00000065 100%)}.masthead{position:absolute;z-index:5;top:clamp(18px,3vw,42px);left:clamp(18px,3vw,48px);right:clamp(18px,3vw,48px);display:flex;align-items:flex-start;justify-content:space-between;gap:18px;pointer-events:none}.masthead p,.eyebrow{margin:0;color:#c8d9fb;letter-spacing:.16em;font-size:.64rem;font-weight:800}.masthead h1{margin:7px 0 0;font-size:clamp(1.25rem,2.7vw,2.35rem);letter-spacing:-.055em;font-weight:650}.top-actions,.mode-controls,.footer-actions{display:flex;align-items:center;gap:9px;pointer-events:auto}.voice-switch{display:flex;padding:3px;border:1px solid var(--line);border-radius:999px;background:#071125b8;backdrop-filter:blur(10px)}.voice-switch button{min-width:56px;padding:8px 10px;border:0;border-radius:999px;color:#b9c9e7;background:transparent;font-size:.68rem;font-weight:800;cursor:pointer}.voice-switch button.is-selected{color:#12213a;background:#e7efff}.icon-button{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:#ecf3ff;background:var(--glass);box-shadow:0 10px 35px #0005;backdrop-filter:blur(12px);cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.icon-button:hover,.icon-button.is-active{border-color:#e7f2ffb0;background:#365e98c9;transform:translateY(-1px)}.icon-button:focus-visible,.voice-switch button:focus-visible{outline:2px solid #fff;outline-offset:3px}.icon-button:disabled{cursor:not-allowed;opacity:.38;transform:none}.icon-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.mode-button .icon-explore{display:none}.mode-button.is-free .icon-play{display:none}.mode-button.is-free .icon-explore{display:block}.mode-controls{position:absolute;z-index:6;left:clamp(18px,3vw,48px);bottom:clamp(18px,3vw,40px)}.footer-actions{position:absolute;z-index:6;right:clamp(18px,3vw,48px);bottom:clamp(18px,3vw,40px);color:#c2d0e7;font-size:.68rem;font-weight:650}.footer-actions>span{margin-right:4px;text-shadow:0 1px 10px #000}.footer-actions #infoButton{font-family:Georgia,serif;font-size:1.18rem;font-weight:700}.dialogue-bubble{position:absolute;z-index:7;top:clamp(96px,12vw,132px);right:clamp(18px,4vw,70px);width:min(64vw,940px);min-height:74px;margin:0;padding:20px 24px;border:1px solid #b7dbff77;border-radius:18px;color:#15223b;background:#c8e5ffec;box-shadow:0 18px 50px #0006;backdrop-filter:blur(16px);transition:background .25s,border-color .25s}.dialogue-bubble.is-thinking{background:#e9eff9eb}.dialogue-bubble.is-speaking{border-color:#ffddaa90;background:#f8dcb5ed}.dialogue-bubble.is-error{border-color:#ff9a9aa0;background:#ffd4d4ed}.dialogue-bubble p{margin:0;font-size:clamp(.88rem,1.7vw,1.15rem);line-height:1.45;font-weight:650}.avatar-panel{position:absolute;z-index:8;left:clamp(18px,3vw,48px);top:clamp(104px,14vw,150px);bottom:clamp(86px,11vw,120px);width:min(31vw,480px);min-width:280px;overflow:hidden;border:1px solid #d6e4ff66;border-radius:24px;background:radial-gradient(circle at 52% 28%,#3a609944,transparent 42%),#061024dd;box-shadow:0 24px 70px #0009;backdrop-filter:blur(12px)}#avatarCanvas{display:block;width:100%;height:100%;outline:0;touch-action:none}.avatar-label{position:absolute;left:0;right:0;bottom:0;margin:0;padding:13px 15px;color:#d9e8ff;background:linear-gradient(transparent,#020611e8 48%);font-size:.57rem;font-weight:850;letter-spacing:.17em;text-align:center}.experience.is-dance #sailCanvas{pointer-events:none}.experience.is-dance .avatar-panel{inset:0;z-index:4;width:auto;min-width:0;border:0;border-radius:0;background:transparent;box-shadow:none}.experience.is-dance .avatar-label{display:none}.experience.is-dance .masthead,.experience.is-dance .footer-actions,.experience.is-dance .mode-controls{z-index:9}.experience.is-dance .vignette{z-index:5}.experience.is-dance .avatar-panel canvas{touch-action:none}dialog{width:min(560px,calc(100% - 32px));padding:38px;border:1px solid #d7e5ff66;border-radius:24px;color:#12233d;background:#ecf4ff;box-shadow:0 30px 100px #000a}dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}dialog h2{margin:9px 0 18px;color:#14284b;font-size:1.55rem;letter-spacing:-.04em}dialog p{color:#3c5276;line-height:1.65}.dialog-close{position:absolute;top:12px;right:14px;width:34px;height:34px;border:0;border-radius:50%;color:#2b4267;background:#d5e3f6;font-size:1.6rem;line-height:1;cursor:pointer}.login-shell{min-height:100svh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 18%,#263f70,#040815 58%)}.login-card{width:min(430px,100%);padding:42px;border:1px solid #d9e9ff45;border-radius:28px;background:#091327d9;box-shadow:0 35px 120px #000a;text-align:center}.login-mark{display:grid;place-items:center;width:56px;height:56px;margin:auto;border:1px solid #dceeff88;border-radius:50%;color:#fff0a8;font-size:1.5rem}.login-card h1{margin:14px 0 11px;font-size:2rem;letter-spacing:-.055em}.login-card>p:not(.eyebrow):not(.login-error){color:var(--muted);line-height:1.6}.login-card label{display:block;margin:25px 0 8px;text-align:left;color:#c9d7ec;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.login-card input{width:100%;padding:15px;border:1px solid #d9e8ff55;border-radius:12px;color:#fff;background:#020816;outline:none;font-size:1.2rem;letter-spacing:.2em;text-align:center}.login-card button[type=submit]{width:100%;margin-top:14px;padding:14px;border:0;border-radius:12px;color:#14223b;background:#dceeff;font-weight:850;cursor:pointer}.login-error{padding:9px 12px;border-radius:10px;color:#ffb8b8;background:#4d1c2988}@media(max-width:720px){.masthead h1{font-size:1.15rem}.voice-switch button{min-width:0;padding:8px}.dialogue-bubble{top:88px;width:calc(100% - 36px);right:18px}.avatar-panel{top:auto;bottom:82px;left:18px;width:calc(100% - 36px);height:34svh;min-width:0}.experience.is-dance .avatar-panel{height:auto}.footer-actions>span{display:none}.icon-button{width:40px;height:40px}}
.voice-switch-label{color:#fff;font-size:.66rem;font-weight:800;letter-spacing:.05em;text-shadow:0 1px 10px #000;white-space:nowrap}.icon-button img{width:23px;height:23px;object-fit:contain;display:block;filter:invert(1);transition:filter .18s ease}@media(max-width:720px){.voice-switch-label{font-size:.54rem}}
.panel-voice-control{position:absolute;z-index:2;right:0;bottom:39px;left:0;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px 7px;background:linear-gradient(transparent,#020611d9 55%)}.panel-voice-control[hidden]{display:none}.panel-voice-control .voice-switch{padding:2px}.panel-voice-control .voice-switch button{min-width:48px;padding:6px 8px;font-size:.62rem}
a.icon-button{text-decoration:none}.logo-button img{width:27px;height:27px;filter:brightness(0) invert(1)}.audio-toggle{position:relative}.audio-toggle.is-muted::after{position:absolute;width:26px;height:2px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px #07112599;transform:rotate(-45deg);content:''}.audio-toggle.is-muted img{opacity:.38}

/* Bulle du dialogue : même ligne de départ que le cartouche Photonicos,
   format resserré pour ne pas masquer la scène. */
.dialogue-bubble{top:clamp(104px,14vw,150px);right:clamp(18px,4vw,70px);width:min(49vw,720px);min-height:60px;padding:14px 42px 14px 17px;border-radius:15px}.dialogue-bubble p{font-size:clamp(.76rem,1.25vw,.96rem);line-height:1.42;font-weight:400}.dialogue-status{position:absolute;top:12px;right:13px;width:9px;height:9px;border-radius:50%;background:#8290a4;box-shadow:0 0 0 2px #12213a33}.dialogue-status.is-listening{background:#57d887;box-shadow:0 0 12px #57d887,0 0 0 2px #1c7044aa}@media(max-width:720px){.dialogue-bubble{top:88px;width:calc(100% - 36px);right:18px;padding-right:40px}}

/* Dialogue : une seule bulle qui alterne entre la saisie du visiteur et la
   réponse du professeur. Le micro est volontairement séparé à gauche. */
.dialogue-bubble[hidden],.dialogue-mic[hidden]{display:none}.dialogue-bubble{display:flex;align-items:center;gap:10px;min-height:72px;padding:12px 15px;border-radius:15px}.dialogue-bubble.is-user{border-color:#b7dbff77;background:#c8e5ffec}.dialogue-bubble.is-thinking,.dialogue-bubble.is-speaking{border-color:#ffddaa90;background:#f8dcb5ed}.dialogue-speaker{position:absolute;top:-18px;right:2px;margin:0!important;color:#dceaff;font-size:.56rem!important;font-weight:850!important;letter-spacing:.11em;line-height:1!important;text-shadow:0 1px 8px #000;white-space:nowrap}.dialogue-bubble.is-user .dialogue-speaker{color:#a9d8ff}.dialogue-bubble.is-thinking .dialogue-speaker,.dialogue-bubble.is-speaking .dialogue-speaker{color:#ffe1af}.dialogue-text{flex:1;min-width:0;margin:0!important;color:#15223b;font-size:clamp(.76rem,1.25vw,.96rem)!important;font-weight:400!important;line-height:1.42}.dialogue-input{flex:1;min-width:0;min-height:44px;max-height:110px;padding:7px 2px;border:0;resize:none;outline:0;color:#15223b;background:transparent;font:inherit;font-size:clamp(.76rem,1.25vw,.96rem);line-height:1.42}.dialogue-input::placeholder{color:#486583;opacity:1}.dialogue-input:disabled{opacity:.72}.dialogue-send{flex:0 0 auto;min-width:41px;height:35px;padding:0 9px;border:1px solid #40698f77;border-radius:9px;color:#13243b;background:#f2f7ff;font-size:.67rem;font-weight:850;letter-spacing:.04em;cursor:pointer}.dialogue-send:hover:not(:disabled){background:#fff;transform:translateY(-1px)}.dialogue-send:disabled{opacity:.45;cursor:default}.dialogue-mic{position:absolute;top:50%;left:-57px;display:grid;place-items:center;width:43px;height:43px;padding:0;border:1px solid #b7dbff77;border-radius:50%;color:#d9e9ff;background:#081127d9;box-shadow:0 10px 30px #0007;transform:translateY(-50%);cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .18s}.dialogue-mic:hover:not(:disabled){border-color:#e7f2ffb0;transform:translateY(-51%)}.dialogue-mic.is-active{border-color:#61e294;color:#082014;background:#61e294;box-shadow:0 0 16px #61e29470,0 10px 30px #0007}.dialogue-mic:disabled{opacity:.45;cursor:default}.dialogue-mic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@media(max-width:720px){.dialogue-bubble{top:88px;right:18px;width:calc(100% - 82px);padding:11px 13px}.dialogue-mic{left:-47px;width:38px;height:38px}.dialogue-speaker{top:-16px}.dialogue-send{min-width:38px;padding:0 7px}}

/* Crédits : format volontairement plus vaste et plus discret pour une lecture
   confortable sans masquer inutilement la scène sur les bornes. */
#infoDialog{box-sizing:border-box;width:80vw;max-width:none;max-height:calc(100svh - 28px);padding:21px 30px;overflow-y:auto}#infoDialog .info-content{padding-right:4px;text-align:left}#infoDialog .eyebrow{margin:0 0 13px;color:#78879d;font-size:.64rem}#infoDialog h3{margin:15px 0 6px;color:#1c365f;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}#infoDialog p{margin:0 0 7px;color:#3c5276;font-size:.74rem;line-height:1.36}#infoDialog strong{color:#1d3356;font-weight:780}#infoDialog a{color:#214f9e;text-underline-offset:2px}.disclaimer-text{color:#9b4a08!important;font-style:italic;font-weight:780}.info-copyright{margin-top:11px!important;color:#1b3157!important;font-weight:780}@media(max-width:720px){#infoDialog{width:calc(100% - 24px);max-height:calc(100svh - 24px);padding:26px 24px}#infoDialog p{font-size:.74rem}}