:root{--bordeaux:#761d30;--blanc:#fff;--texte:#14100f}*{box-sizing:border-box}html,body{width:100%;height:100%;font-family:var(--police-jeu), -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;background:#0b0b0b;margin:0;padding:0;overflow:hidden}#viewport{justify-content:center;align-items:center;width:100%;height:100%;display:flex}#game{transform-origin:50%;background:#1d1a19;width:1600px;height:900px;position:relative;overflow:hidden}.layer{-webkit-user-select:none;user-select:none;pointer-events:none;background-repeat:no-repeat;position:absolute}#decor{background-position:50%;background-size:cover;inset:0}#personnage{transform-origin:bottom;will-change:scale, rotate;background-position:bottom;background-size:contain;width:46%;height:90%;animation:7.5s cubic-bezier(.45,0,.55,1) infinite respiration,11s cubic-bezier(.45,0,.55,1) infinite balancement;bottom:0;right:7%}@keyframes respiration{0%{scale:1}22%{scale:1.004 1.01}45%{scale:1}50%{scale:1 .999}72%{scale:1.003 1.007}to{scale:1}}@keyframes balancement{0%{rotate:-.22deg}50%{rotate:.22deg}to{rotate:-.22deg}}@media (prefers-reduced-motion:reduce){#personnage{animation:none}}.hidden{display:none!important}.layer.placeholder{color:#ddd6d3;letter-spacing:.04em;text-align:center;background-color:#3a3533;justify-content:center;align-items:center;padding:20px;font-size:26px;display:flex}#bubble{justify-content:center;width:720px;display:flex;position:absolute;top:140px;left:40px}#bubble-text{background:var(--blanc);max-width:100%;color:var(--texte);text-align:center;border-radius:40px;margin:0;padding:22px 40px;font-size:22px;line-height:1.35;box-shadow:0 10px 30px #00000038}#jauge{z-index:5;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:150px;right:40px}#jauge-piste{background:var(--blanc);border-radius:999px;align-items:flex-end;width:34px;height:420px;display:flex;overflow:hidden;box-shadow:0 4px 14px #00000047}#jauge-niveau{background:linear-gradient(#8e233a,#5e1726);border-radius:0 0 999px 999px;width:100%;transition:height .4s}#jauge-coeur{width:52px;height:52px;margin-top:8px;position:relative}#jauge-coeur svg{width:100%;height:100%;fill:var(--bordeaux);filter:drop-shadow(0 2px 5px #0000004d)}#jauge-valeur{color:var(--blanc);justify-content:center;align-items:center;padding-bottom:4px;font-size:15px;font-weight:700;display:flex;position:absolute;inset:0}#ui{position:absolute;bottom:0;left:0;right:0}#narration{background:var(--blanc);color:var(--texte);cursor:pointer;align-items:center;min-height:72px;padding:16px 48px;transition:background-color .12s,color .12s;display:flex}#narration:hover{background:var(--bordeaux);color:var(--blanc)}#narration-text{margin:0;font-size:22px;line-height:1.35}.choice-btn{background:var(--blanc);width:100%;color:var(--texte);text-align:left;cursor:pointer;border:none;border-top:1px solid #0000001f;align-items:baseline;gap:14px;padding:15px 48px;font-family:inherit;font-size:22px;line-height:1.3;transition:background-color .12s,color .12s;display:flex}.choice-btn:first-child{border-top:none}.choice-letter{color:var(--bordeaux);flex-shrink:0;font-weight:700;transition:color .12s}.choice-btn:hover,.choice-btn:focus-visible{background:var(--bordeaux);color:var(--blanc);outline:none}.choice-btn:hover .choice-letter,.choice-btn:focus-visible .choice-letter{color:var(--blanc)}#illustration{z-index:30;background:#000000b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#illustration-cadre{max-width:78%;max-height:82%;position:relative}#illustration-image{border-radius:10px;max-width:100%;max-height:100%;display:block;box-shadow:0 18px 50px #0000008c}#illustration-fermer{background:var(--blanc);width:44px;height:44px;color:var(--texte);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .12s,color .12s;display:flex;position:absolute;top:-22px;right:-22px;box-shadow:0 4px 14px #0006}#illustration-fermer:hover{background:var(--bordeaux);color:var(--blanc)}#illustration-fermer svg{width:22px;height:22px}#start-screen{z-index:10;background:#0b0b0b;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}#prenom-label{color:var(--blanc);letter-spacing:.03em;font-size:24px}#prenom{text-align:center;width:320px;color:var(--blanc);background:#ffffff12;border:2px solid #ffffff40;border-radius:8px;outline:none;padding:14px 20px;font-family:inherit;font-size:22px;transition:border-color .12s}#prenom::placeholder{color:#ffffff59}#prenom:focus{border-color:var(--bordeaux)}#start-button:disabled{opacity:.4;cursor:not-allowed}#start-button:disabled:hover{background:0 0}#start-button{border:2px solid var(--bordeaux);color:var(--blanc);cursor:pointer;letter-spacing:.06em;background:0 0;border-radius:8px;padding:18px 56px;font-family:inherit;font-size:26px;transition:background-color .12s}#start-button:hover{background:var(--bordeaux)}#volume-btn,#musique-btn{width:56px;height:56px;color:var(--blanc);cursor:pointer;z-index:20;background:#00000059;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .12s;display:flex;position:absolute;left:18px}#volume-btn{top:18px}#musique-btn{top:84px}#volume-btn:hover,#musique-btn:hover{background:var(--bordeaux)}#volume-btn svg,#musique-btn svg{width:30px;height:30px}