:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;justify-content:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100%;max-width:1280px;margin:0 auto;padding:2rem;padding-top:0;text-align:center;background-color:#dbbcd9;border-radius:12px;border:4px solid #b35aad}#quiz{padding-top:64px}h1{color:#fff;font-size:30px;text-shadow:3px 3px 0 #000,-3px 3px 0 #000,-3px -3px 0 #000,3px -3px 0 #000}#quiz-description{font-size:20px;font-weight:700}#infos{display:flex}#infos div{flex-grow:1;font-weight:700}p{font-size:18px;border-radius:6px}input{width:100%;height:48px;border:3px solid #000;border-radius:6px;margin-bottom:20px;font-size:16px}button{margin-right:20px;background-color:#62345f;color:#fff;font-weight:700;transition:transform .15s cubic-bezier(.25,.1,.25,1);border:1px solid transparent;border-radius:8px;padding:.6em 1.2em;font-size:1em;font-family:inherit;cursor:pointer}button:hover{transform:scale(1.11)}#question-row{display:flex;align-items:flex-end;justify-content:center;gap:1rem;margin-bottom:1rem;\ position:relative;margin-top:20px}#bubble{background:#fff;padding:1rem 1.25rem;border-radius:12px;max-width:70%;text-align:left;position:relative;box-shadow:0 6px 18px #0000001f;font-size:clamp(15px,1.8vw,18px)}#bubble p{height:128px;overflow:scroll}#bubble:after{content:"";position:absolute;right:-18px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:18px solid #fff;filter:drop-shadow(0 2px 2px rgba(0,0,0,.08))}#jean-pierre{width:110px;height:auto;padding-left:20px;animation:float 3s ease-in-out infinite;flex:0 0 auto;will-change:transform;transform-origin:center;align-self:center}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}#score-final{font-size:22px}@media(max-width:768px){#root{box-sizing:border-box;min-height:100svh;padding-left:2px;padding-right:2px}#question-row{flex-direction:column-reverse;align-items:center;margin-left:0;margin-right:0}#jean-pierre{width:90px;padding-left:0}#bubble{box-sizing:border-box;max-width:95%;width:95%}#bubble p{height:148px;overflow:scroll}#bubble:after{inset:-18px auto auto 50%;transform:translate(-50%);border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:18px solid #fff;border-top:0}input{width:90%}}