*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#15151c;-webkit-tap-highlight-color:transparent}#app{height:100dvh;display:flex;flex-direction:column}.plateau{flex:1;min-height:0;display:flex;gap:12px;padding:12px}.carte{flex:1;min-width:0;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3em;text-align:center}.note{font-size:clamp(2.5rem,13vw,8rem);font-weight:800;line-height:1;letter-spacing:-.02em}.qualite{font-size:clamp(1.3rem,5.5vw,3.2rem);font-weight:600}.barre{padding:0 12px calc(12px + env(safe-area-inset-bottom))}.bouton{width:100%;padding:18px;border:none;border-radius:18px;font:inherit;font-size:1.4rem;font-weight:700;color:#15151c;background:#f4f4f6;cursor:pointer;touch-action:manipulation}.bouton:active{transform:scale(.98)}