:root{--corail: #ff5c7a;--soleil: #ffd23f;--menthe: #3dffb0;--ciel: #4cc9ff;--scene: #7b3fe4;--fever: #ff8a00;--blanc: #fff4e0;--fond: #12102a;--fond-2: #1b1742;--fond-3: #241e56;--encre: #0a0918;--texte: var(--blanc);--texte-doux: rgba(255, 244, 224, .8);--texte-faible: rgba(226, 214, 255, .72);--trait: rgba(255, 244, 224, .14);--trait-fort: rgba(255, 244, 224, .28);--surface: rgba(255, 244, 224, .06);--surface-2: rgba(255, 244, 224, .1);--ombre: 0 12px 32px rgba(10, 9, 24, .55);--panneau: rgba(18, 16, 42, .9);--panneau-2: rgba(36, 30, 86, .92);--lisere: rgba(226, 214, 255, .2);--lisere-fort: rgba(123, 63, 228, .6);--arc-en-voies: linear-gradient( 90deg, var(--corail) 0 25%, var(--soleil) 25% 50%, var(--menthe) 50% 75%, var(--ciel) 75% 100% );--r-s: 10px;--r-m: 16px;--r-l: 24px;--r-pill: 999px;--pulse-ms: .5s;--t-fast: .18s;--t-base: .28s;--t-slow: .42s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-back: cubic-bezier(.34, 1.56, .64, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--font-display: "Baloo 2", "Fredoka", "Nunito", "Segoe UI Variable Display", "Trebuchet MS", "Avenir Next", system-ui, -apple-system, sans-serif;--font-texte: "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;color-scheme:dark}[data-lefty=true] .play-zone{flex-direction:row-reverse}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--fond);color:var(--texte);font-family:var(--font-texte);font-size:16px;line-height:1.45;user-select:none;-webkit-user-select:none;touch-action:manipulation}#scene,#ui{position:fixed;inset:0;width:100%;height:100%}@media(min-aspect-ratio:1/1){#scene,#ui{left:50%;right:auto;width:56.25svh;transform:translate(-50%)}}#scene{z-index:0;display:block;background:var(--fond)}#ui{z-index:10;overflow:hidden;overflow:clip;isolation:isolate;--ligne-frappe: var(--ligne-frappe-mesuree, 74%)}#ui:before{content:"";position:absolute;inset:-20%;pointer-events:none;z-index:0;background:radial-gradient(60% 40% at 50% 12%,rgba(123,63,228,.35),transparent 70%),radial-gradient(50% 30% at 50% 100%,rgba(76,201,255,.18),transparent 70%);animation:respire calc(var(--pulse-ms) * 2) ease-in-out infinite}@keyframes respire{0%,to{opacity:.75}50%{opacity:1}}.screen{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;padding:calc(var(--safe-t) + 14px) calc(var(--safe-r) + 18px) calc(var(--safe-b) + 14px) calc(var(--safe-l) + 18px);will-change:transform,opacity}.screen--sortante{pointer-events:none}.screen[data-nom=game],.screen[data-nom=splash]{padding:0}.screen-fond{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(18,16,42,.2) 0%,rgba(18,16,42,.86) 62%,var(--fond) 100%)}.screen[data-nom=title] .screen-fond{background:linear-gradient(180deg,#12102a80,#12102a14 22% 66%,#12102ab8 80%,#12102af0)}.screen[data-nom=character] .screen-fond{background:linear-gradient(180deg,#12102a80,#12102a14 26% 54%,#12102ae6 67%,#12102af7)}.screen[data-nom=pregame] .screen-fond{background:linear-gradient(180deg,#12102a8c,#12102a33 34% 70%,#12102a99)}h1,h2,h3{font-family:var(--font-display);font-weight:800;letter-spacing:-.01em;margin:0}h1{font-size:clamp(30px,8.6vw,44px);line-height:1.05}h2{font-size:clamp(21px,6vw,28px);line-height:1.15}h3{font-size:clamp(17px,4.6vw,21px)}p{margin:0;font-size:15px}.txt-doux{color:var(--texte-doux);font-size:15px}.txt-petit{font-size:14px;color:var(--texte-doux)}.nombres{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.majuscules{text-transform:uppercase;letter-spacing:.14em;font-size:14px;font-weight:700;color:var(--texte-faible)}.entete{display:flex;align-items:center;gap:12px;min-height:48px;margin-bottom:10px;flex:0 0 auto}.entete h2{flex:1 1 auto;min-width:0}.corps{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:14px}.pied{flex:0 0 auto;padding-top:12px;display:flex;flex-direction:column;gap:10px}.defile{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1 1 auto;min-height:0}.defile::-webkit-scrollbar{display:none}.btn{appearance:none;border:0;margin:0;font-family:var(--font-display);font-weight:800;font-size:17px;letter-spacing:.01em;color:var(--encre);background:var(--blanc);border-radius:var(--r-pill);padding:15px 26px;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;position:relative;transition:transform var(--t-fast) var(--ease-back),filter var(--t-fast) linear,opacity var(--t-fast) linear;box-shadow:var(--ombre);touch-action:manipulation}.btn:active{transform:scale(.955);filter:brightness(.94)}.btn[disabled]{opacity:.4;pointer-events:none}.btn--primaire{background:linear-gradient(135deg,var(--corail),var(--soleil));color:var(--encre)}.btn--fantome{background:var(--panneau);color:var(--texte);box-shadow:none;border:1px solid var(--lisere)}.btn--danger{background:linear-gradient(135deg,var(--corail),var(--scene));color:var(--blanc)}.btn--fever{background:linear-gradient(135deg,var(--fever),var(--soleil));color:var(--encre)}.btn--large{width:100%}.btn--icone{padding:0;width:48px;min-height:48px;height:48px;border-radius:50%;background:var(--surface);color:var(--texte);border:1px solid var(--trait);box-shadow:none;flex:0 0 auto}.btn--petit{min-height:42px;padding:10px 18px;font-size:15px}.btn svg{width:22px;height:22px;flex:0 0 auto}.pulse-tempo{animation:pulseTempo var(--pulse-ms) var(--ease-out) infinite}@keyframes pulseTempo{0%{transform:scale(1)}14%{transform:scale(1.035)}60%,to{transform:scale(1)}}.beat{animation:beatPop .22s var(--ease-back)}@keyframes beatPop{0%{transform:scale(1)}35%{transform:scale(1.06)}to{transform:scale(1)}}.carte{background:var(--panneau);border:1px solid var(--lisere);border-radius:var(--r-m);padding:14px 16px}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.carte,.rangee,.reglage,.stat,.mention-legale,.btn--fantome{background:#12102ad6;-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2)}}.rangee{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:var(--panneau);border:1px solid var(--lisere);border-radius:var(--r-m);padding:12px 14px;color:var(--texte);font-family:var(--font-texte);font-size:16px;cursor:pointer;appearance:none;transition:background var(--t-fast) linear,transform var(--t-fast) var(--ease-back)}.rangee:active{transform:scale(.985);background:var(--panneau-2)}.rangee--statique{cursor:default}.rangee--statique:active{transform:none}.reglage{display:flex;flex-direction:column;gap:8px;padding:14px 16px;background:var(--panneau);border:1px solid var(--lisere);border-radius:var(--r-m)}.reglage__tete{display:flex;align-items:baseline;gap:10px}.reglage__nom{font-weight:700;font-size:16px;flex:1 1 auto}.reglage__valeur{font-variant-numeric:tabular-nums;color:var(--menthe);font-weight:700;font-size:15px}.reglage__aide{font-size:14px;color:var(--texte-faible)}input[type=range]{appearance:none;width:100%;height:34px;background:transparent;margin:0}input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--menthe) var(--remplissage, 50%),var(--surface-2) var(--remplissage, 50%))}input[type=range]::-moz-range-track{height:8px;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--menthe) var(--remplissage, 50%),var(--surface-2) var(--remplissage, 50%))}input[type=range]::-webkit-slider-thumb{appearance:none;width:26px;height:26px;margin-top:-9px;border-radius:50%;background:var(--blanc);border:3px solid var(--menthe);box-shadow:var(--ombre)}input[type=range]::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:var(--blanc);border:3px solid var(--menthe)}.interrupteur{position:relative;width:58px;height:34px;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--trait);flex:0 0 auto;cursor:pointer;appearance:none;transition:background var(--t-fast) linear}.interrupteur:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:var(--texte-doux);transition:transform var(--t-base) var(--ease-back),background var(--t-fast) linear}.interrupteur[aria-checked=true]{background:#3dffb03d;border-color:var(--menthe)}.interrupteur[aria-checked=true]:after{transform:translate(24px);background:var(--menthe)}.jauge{position:relative;height:10px;border-radius:var(--r-pill);background:#0a09188c;border:1px solid var(--trait);overflow:hidden}.jauge__fond{position:absolute;inset:0;clip-path:inset(0 100% 0 0);border-radius:var(--r-pill);background:linear-gradient(90deg,var(--menthe),var(--ciel));transition:clip-path 90ms linear}.jauge--rock .jauge__fond{background:var(--arc-en-voies)}.jauge--fever .jauge__fond{background:linear-gradient(90deg,var(--fever),var(--soleil))}.jauge--danger .jauge__fond{background:linear-gradient(90deg,var(--corail),var(--fever))}.etoiles{display:flex;gap:6px;align-items:center}.etoile{width:26px;height:26px;color:#7b3fe473;transition:color var(--t-base) linear,transform var(--t-base) var(--ease-back)}.etoile svg{stroke:#a070fff2;stroke-width:1.6;width:100%;height:100%}.etoile--pleine{color:var(--soleil);filter:drop-shadow(0 0 8px rgba(255,210,63,.6))}.etoile--pleine svg{stroke:var(--soleil)}.etoile--eclat{animation:etoileEclat .46s var(--ease-back)}@keyframes etoileEclat{0%{transform:scale(.4) rotate(-25deg)}55%{transform:scale(1.35) rotate(8deg)}to{transform:scale(1) rotate(0)}}.splash{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:0 24px calc(var(--safe-b) + 24px);text-align:center}.logo{font-family:var(--font-display);font-weight:800;line-height:.92;text-align:center;transform-origin:50% 60%}.logo__ligne1{display:block;font-size:clamp(46px,15vw,76px);letter-spacing:-.02em;background:linear-gradient(100deg,var(--corail) 0 27%,var(--soleil) 27% 50%,var(--menthe) 50% 73%,var(--ciel) 73% 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 18px rgba(255,92,122,.35))}.logo__ligne2{display:block;font-size:clamp(46px,15vw,76px);letter-spacing:.06em;color:var(--blanc);filter:drop-shadow(0 6px 18px rgba(76,201,255,.35))}.logo__piste{display:block;width:66%;max-width:270px;margin:10px auto 0;transform-origin:center}.logo__piste svg{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 4px 14px rgba(76,201,255,.35))}.logo--pulse{animation:pulseTempo var(--pulse-ms) var(--ease-out) infinite}.touche-pour-jouer{font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--texte-doux);animation:clignote calc(var(--pulse-ms) * 2) ease-in-out infinite}@keyframes clignote{0%,to{opacity:.45}50%{opacity:1}}.marque-studio{font-size:14px;letter-spacing:.24em;text-transform:uppercase;color:var(--texte-faible)}.perso{flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-end;gap:16px;min-height:0;padding-bottom:11svh}.perso__scene{flex:1 1 auto;min-height:0;position:relative;touch-action:pan-y}.perso__socle{--perso-pieds: 58%;position:absolute;left:0;right:0;top:var(--perso-pieds);height:0;pointer-events:none;z-index:0}.perso__socle-lueur{position:absolute;left:50%;border-radius:50%;width:88%;height:20svh;top:-10svh;transform:translate(-50%);background:radial-gradient(closest-side,var(--perso-halo, rgba(123, 63, 228, .6)) 0%,transparent 100%);animation:plateauBat var(--pulse-ms) var(--ease-out) infinite}.perso__podium{display:none;position:absolute;left:50%;top:-1.2svh;width:58%;height:7.6svh;border-radius:50%;transform:translate(-50%);background:radial-gradient(closest-side at 50% 30%,rgba(255,244,224,.09),transparent 100%),linear-gradient(180deg,var(--fond-3) 0%,var(--fond-2) 100%);border:2px solid var(--perso-couleur, var(--scene));box-shadow:0 0 18px 2px var(--perso-halo, rgba(123, 63, 228, .6)),0 8px 0 -1px var(--fond),0 8px 0 1px #7b3fe473,0 22px 30px #0a0918b3}.perso__podium:after{content:"";position:absolute;left:50%;top:50%;width:40%;height:46%;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,#0a0918b3,#0a091800)}@keyframes plateauBat{0%{opacity:1;transform:translate(-50%) scale(1.06)}60%,to{opacity:.72;transform:translate(-50%) scale(1)}}.perso__socle-lueur.beat{animation:plateauBat .26s var(--ease-out)}.perso__fiche{text-align:center;display:flex;flex-direction:column;gap:6px;padding:0 4px}.perso__nom{font-family:var(--font-display);font-weight:800;font-size:clamp(28px,8vw,38px)}.perso__tagline{color:var(--texte-doux);font-size:15px;min-height:22px}.perso__guitare{font-size:14px;color:var(--perso-couleur, var(--soleil));letter-spacing:.08em;text-transform:uppercase;font-weight:700;text-shadow:0 0 12px var(--perso-couleur, var(--soleil))}.perso__scene{min-height:46%}.perso__nav{display:flex;align-items:center;justify-content:space-between;gap:14px}.puces{display:flex;gap:8px;justify-content:center}.puce{width:8px;height:8px;border-radius:50%;background:var(--trait-fort);transition:background var(--t-fast) linear,transform var(--t-fast) var(--ease-back)}.puce--active{background:var(--perso-couleur, var(--menthe));box-shadow:0 0 10px var(--perso-couleur, var(--menthe));transform:scale(1.5)}.chanson{display:flex;gap:14px;align-items:center;margin-bottom:12px}.jaquette{width:74px;height:74px;flex:0 0 auto;border-radius:var(--r-m);position:relative;overflow:hidden;border:1px solid var(--trait);display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:26px;color:#0a0918bf}.jaquette img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.chanson__infos{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}.chanson__titre{font-family:var(--font-display);font-weight:800;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chanson__meta{font-size:14px;color:var(--texte-faible);font-variant-numeric:tabular-nums}.chanson__record{font-size:14px;color:var(--soleil);font-variant-numeric:tabular-nums}.difficultes{display:flex;gap:8px;margin-top:8px}.diff{appearance:none;border:1px solid var(--trait);background:var(--surface);color:var(--texte-doux);border-radius:var(--r-pill);padding:8px 14px;font-size:14px;font-weight:700;font-family:var(--font-texte);cursor:pointer;flex:1 1 0;transition:all var(--t-fast) var(--ease-out)}.diff[aria-pressed=true]{background:var(--menthe);color:var(--encre);border-color:var(--menthe)}.defis{display:flex;flex-direction:column;gap:6px;margin-top:10px}.defi{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--texte-doux)}.defi--fait{color:var(--menthe)}.defi svg{width:16px;height:16px;flex:0 0 auto}.rebours{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:40svh;pointer-events:none}.rebours__nombre{font-family:var(--font-display);font-weight:800;font-size:clamp(150px,48vw,260px);line-height:1;color:var(--blanc);text-shadow:0 0 14px var(--corail),0 0 48px rgba(255,92,122,.85),0 0 110px rgba(123,63,228,.9),0 10px 0 rgba(10,9,24,.45);font-variant-numeric:tabular-nums}.rebours__legende{position:absolute;bottom:31%;left:0;right:0;text-align:center;color:var(--texte-doux);font-size:15px}.hud{position:absolute;inset:0;z-index:20;pointer-events:none;display:none;padding:calc(var(--safe-t) + 10px) calc(var(--safe-r) + 14px) calc(var(--safe-b) + 10px) calc(var(--safe-l) + 14px)}.hud--visible{display:block}.hud *{pointer-events:none}.hud__progres{position:absolute;top:calc(var(--safe-t) + 2px);left:14px;right:14px;height:4px;border-radius:var(--r-pill);background:#0a091880;overflow:hidden}.hud__progres-barre{position:absolute;inset:0;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,var(--ciel),var(--menthe))}.hud__haut{position:absolute;top:calc(var(--safe-t) + 16px);left:calc(var(--safe-l) + 14px);right:calc(var(--safe-r) + 72px);display:flex;flex-direction:column;gap:2px}.hud__score{font-family:var(--font-display);font-weight:800;font-size:34px;line-height:1;font-variant-numeric:tabular-nums;color:var(--blanc);text-shadow:0 2px 10px rgba(10,9,24,.8)}.hud__combo-ligne{display:flex;align-items:baseline;gap:8px;min-height:26px}.hud__combo{font-family:var(--font-display);font-weight:800;font-size:20px;font-variant-numeric:tabular-nums;color:var(--soleil);opacity:0;transition:opacity var(--t-fast) linear}.hud__combo--on{opacity:1}.hud__mult{font-family:var(--font-display);font-weight:800;font-size:17px;color:var(--menthe);padding:2px 10px;border-radius:var(--r-pill);background:#3dffb024;border:1px solid rgba(61,255,176,.35);font-variant-numeric:tabular-nums}.hud__jauges{position:absolute;top:calc(var(--safe-t) + 88px);left:calc(var(--safe-l) + 14px);width:36%;display:flex;flex-direction:column;gap:6px}.hud__jauge-bloc{display:flex;flex-direction:column;gap:3px}.hud__jauge-nom{font-size:14px;font-weight:700;line-height:1;letter-spacing:.12em;color:var(--texte-faible);text-shadow:0 1px 6px rgba(10,9,24,.8)}.hud__jauge-bloc .jauge{flex:1 1 auto}.hud__jugements{position:absolute;left:0;right:0;top:calc(var(--ligne-frappe) - 8%);height:0}.pop{position:absolute;top:0;left:50%;font-family:var(--font-display);font-weight:800;font-size:26px;line-height:1;letter-spacing:.04em;white-space:nowrap;padding-bottom:6px;transform:translate3d(-50%,0,0) scale(.2);transform-origin:50% 60%;opacity:0;-webkit-text-stroke:1.5px rgba(10,9,24,.95);paint-order:stroke fill;text-shadow:0 2px 0 rgba(10,9,24,.9),0 4px 18px rgba(10,9,24,.85)}.pop:after{content:"";position:absolute;left:50%;bottom:0;width:44%;height:3px;border-radius:var(--r-pill);transform:translate(-50%);background:var(--pop-voie, var(--blanc));box-shadow:0 0 10px var(--pop-voie, var(--blanc))}.pop--l0,.pop--l1,.pop--l2,.pop--l3{--pop-voie: var(--ciel)}.pop--jouer{animation:popJugement .52s var(--ease-back) forwards}.pop--ancien{animation:popAncien 60ms linear forwards}@keyframes popJugement{0%{opacity:0;transform:translate3d(-50%,10px,0) scale(.3)}28%{opacity:1;transform:translate3d(-50%,-2px,0) scale(1.12)}42%{opacity:1;transform:translate3d(-50%,-4px,0) scale(1)}72%{opacity:1;transform:translate3d(-50%,-14px,0) scale(1)}to{opacity:0;transform:translate3d(-50%,-36px,0) scale(.9)}}@keyframes popAncien{0%{opacity:.3;transform:translate3d(-50%,-4px,0) scale(.92)}to{opacity:0;transform:translate3d(-50%,-10px,0) scale(.84)}}.pop--PERFECT{color:var(--menthe)}.pop--GREAT{color:var(--soleil)}.pop--GOOD{color:var(--ciel)}.pop--MISS{color:var(--corail)}.pop--WHIFF{color:var(--blanc);font-size:16px}.hud__fever-actif{position:absolute;inset:0;border:3px solid var(--fever);border-radius:4px;opacity:0;transition:opacity var(--t-base) linear;background:linear-gradient(180deg,#ff8a0057,#ff8a0000 20%)}.hud--fever .hud__fever-actif{opacity:1;animation:feverBat calc(var(--pulse-ms) * 2) ease-in-out infinite}@keyframes feverBat{0%,to{opacity:.72}50%{opacity:1}}.hud--fever .hud__mult{color:var(--encre);background:linear-gradient(135deg,var(--fever),var(--soleil));border-color:var(--fever);box-shadow:0 0 16px #ff8a0099}.hud--fever .hud__jauge-nom--fever{color:var(--fever);text-shadow:0 0 10px rgba(255,138,0,.7)}.hud--fever .hud__score{text-shadow:0 0 18px rgba(255,138,0,.75),0 2px 10px rgba(10,9,24,.8)}.hud--fever .hud__combo{color:var(--fever);text-shadow:0 0 12px rgba(255,138,0,.6)}.hud--fever .pop--PERFECT,.hud--fever .pop--GREAT,.hud--fever .pop--GOOD{color:var(--blanc);text-shadow:0 0 16px rgba(255,138,0,.95),0 2px 0 rgba(10,9,24,.9),0 4px 18px rgba(10,9,24,.85)}.jeu{position:absolute;inset:0}.btn-pause{position:absolute;top:calc(var(--safe-t) + 14px);right:calc(var(--safe-r) + 14px);z-index:3}.play-zone{position:absolute;left:0;right:0;bottom:0;height:33%;display:flex;touch-action:none;z-index:2}.play-zone:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#12102a00 0% 74%,#12102a6b)}.colonne{flex:1 1 0;position:relative;overflow:hidden}.pads{position:absolute;left:0;right:0;top:calc(var(--ligne-frappe) + 3%);height:22.5%;display:flex;pointer-events:none;z-index:2;transform-origin:50% 0%;transform:perspective(55svh) rotateX(43deg);will-change:transform}[data-lefty=true] .pads{flex-direction:row-reverse}.pad{flex:1 1 0;min-width:0;position:relative;background:linear-gradient(180deg,rgba(var(--voie-rgb, 255, 244, 224),.05),rgba(var(--voie-rgb, 255, 244, 224),.015) 45%,rgba(var(--voie-rgb, 255, 244, 224),0));box-shadow:inset 0 2px rgba(var(--voie-rgb, 255, 244, 224),.7),inset 1px 0 #e2d6ff3d;transition:background .12s linear,box-shadow .12s linear;animation:padRespire var(--pulse-ms) var(--ease-out) infinite}.pad:first-child{box-shadow:inset 0 2px rgba(var(--voie-rgb, 255, 244, 224),.7)}.pad:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(180deg,#fff4e09e,rgba(var(--voie-rgb, 255, 244, 224),.4) 45%,rgba(var(--voie-rgb, 255, 244, 224),0))}.pad--eclat:after{animation:padEclat .2s var(--ease-out)}@keyframes padEclat{0%{opacity:1}to{opacity:0}}.pad--presse{background:linear-gradient(180deg,#fff4e06b,rgba(var(--voie-rgb, 255, 244, 224),.42) 30%,rgba(var(--voie-rgb, 255, 244, 224),.16));box-shadow:inset 0 2px 0 var(--blanc),inset 1px 0 #e2d6ff3d,inset 0 0 48px rgba(var(--voie-rgb, 255, 244, 224),.4);transition:background 30ms linear,box-shadow 30ms linear;animation:none}.pad--presse:first-child{box-shadow:inset 0 2px 0 var(--blanc),inset 0 0 48px rgba(var(--voie-rgb, 255, 244, 224),.4)}@keyframes padRespire{0%{opacity:1}60%,to{opacity:.84}}.jeu--fever .pad{background:linear-gradient(180deg,#ff8a0080,#ff8a0042 45%,#ff8a001a);box-shadow:inset 0 2px #ffd23fe6,inset 1px 0 #fff4e038}.jeu--fever .pad:first-child{box-shadow:inset 0 2px #ffd23fe6}.jeu--fever .pad--presse{background:linear-gradient(180deg,#fff4e099,#ffd23f80 30%,#ff8a0038);box-shadow:inset 0 2px 0 var(--blanc),inset 0 0 48px #ffd23f73}.btn-fever{position:absolute;left:0;right:0;top:calc(var(--ligne-frappe) + 4%);height:6.5%;width:100%;min-height:0;padding:0 18px;border-radius:0;z-index:3;opacity:0;pointer-events:none;transform:translateY(10px) scaleY(.6);transform-origin:50% 50%;transition:opacity var(--t-base) var(--ease-out),transform var(--t-base) var(--ease-back);font-size:18px;letter-spacing:.14em;background:linear-gradient(90deg,var(--fever) 0%,var(--soleil) 50%,var(--fever) 100%);box-shadow:0 0 28px #ff8a008c,inset 0 2px #fff4e08c,inset 0 -2px #0a091859}.btn-fever--pret{opacity:1;pointer-events:none;transform:translateY(0) scaleY(1);animation:feverAppel var(--pulse-ms) var(--ease-out) infinite}.btn-fever--actif{opacity:0;pointer-events:none;transform:translateY(0) scaleY(.2);animation:none}@keyframes feverAppel{0%{box-shadow:0 0 #ff8a0099,0 0 34px #ff8a00b3,inset 0 2px #fff4e08c;filter:brightness(1.12)}55%,to{box-shadow:0 0 0 14px #ff8a0000,0 0 22px #ff8a0073,inset 0 2px #fff4e08c;filter:brightness(1)}}.btn-fever.beat{animation:feverAppel .3s var(--ease-out)}.voile{position:absolute;inset:0;background:#0a0918d1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:-1}.pause-boite{margin:auto;width:100%;max-width:340px;display:flex;flex-direction:column;gap:12px;text-align:center}.resultats__contenu{display:flex;flex-direction:column;gap:12px}.resultats__fenetre{flex:1 1 auto;min-height:24vh;min-height:24svh}.resultats__titre{text-align:center}.resultats__etoiles{display:flex;justify-content:center}.resultats__grille{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{background:var(--panneau);border:1px solid var(--lisere);border-radius:var(--r-m);padding:10px;display:flex;flex-direction:column;gap:2px;min-width:0}.stat__nom{font-size:14px;color:var(--texte-faible);letter-spacing:.01em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat__valeur{font-family:var(--font-display);font-weight:800;font-size:22px;font-variant-numeric:tabular-nums}.resultats__boutons{display:flex;gap:10px}.resultats__boutons .btn{flex:1 1 0;padding-left:12px;padding-right:12px;font-size:15px}.stat--PERFECT .stat__valeur{color:var(--menthe)}.stat--GREAT .stat__valeur{color:var(--ciel)}.stat--GOOD .stat__valeur{color:var(--soleil)}.stat--MISS .stat__valeur{color:var(--corail)}.resultats__score{font-family:var(--font-display);font-weight:800;font-size:clamp(46px,14vw,68px);line-height:1;font-variant-numeric:tabular-nums;text-align:center;background:linear-gradient(120deg,var(--corail),var(--soleil));-webkit-background-clip:text;background-clip:text;color:transparent}.record{align-self:center;font-family:var(--font-display);font-weight:800;font-size:16px;letter-spacing:.1em;color:var(--encre);background:linear-gradient(120deg,var(--soleil),var(--fever));padding:7px 16px;border-radius:var(--r-pill);opacity:0;transform:scale(.6) rotate(-6deg)}.record--visible{opacity:1;transform:scale(1) rotate(-3deg);animation:recordEntre .52s var(--ease-back)}@keyframes recordEntre{0%{transform:scale(.3) rotate(-20deg);opacity:0}60%{transform:scale(1.18) rotate(4deg);opacity:1}to{transform:scale(1) rotate(-3deg)}}.metronome{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}.metronome__cercle{width:min(56vw,220px);aspect-ratio:1;border-radius:50%;border:3px solid var(--trait-fort);display:grid;place-items:center;position:relative}.metronome__coeur{width:40%;aspect-ratio:1;border-radius:50%;background:var(--surface-2);transition:transform 90ms var(--ease-out),background 90ms linear}.metronome__coeur--bat{transform:scale(1.32);background:var(--menthe)}.metronome__coeur--fort{transform:scale(1.5);background:var(--soleil);box-shadow:0 0 24px var(--soleil)}.metronome__compte{font-family:var(--font-display);font-weight:800;font-size:20px;font-variant-numeric:tabular-nums;color:var(--texte-doux)}.metronome .jauge{width:min(78%,280px);align-self:center}.tap-zone{width:100%;min-height:108px;border-radius:var(--r-l);border:2px dashed var(--trait-fort);background:var(--surface);color:var(--texte);font-family:var(--font-display);font-weight:800;font-size:19px;display:grid;place-items:center;cursor:pointer;appearance:none;touch-action:none;transition:background 60ms linear,transform 60ms var(--ease-out)}.tap-zone:active{background:#3dffb029;transform:scale(.985)}.verdict{text-align:center;font-size:16px;line-height:1.5;color:var(--texte)}.verdict strong{color:var(--menthe);font-variant-numeric:tabular-nums}.credits__bloc{display:flex;flex-direction:column;gap:4px;padding:12px 0;border-bottom:1px solid var(--trait)}.credits__role{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--texte-faible)}.credits__nom{font-family:var(--font-display);font-weight:800;font-size:19px}.mention-legale{font-size:14px;line-height:1.6;color:var(--texte-faible);border:1px solid var(--lisere);border-radius:var(--r-m);padding:12px 14px;background:var(--panneau)}.vide{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;color:var(--texte-doux);padding:24px}.vide code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;background:#0a091899;padding:3px 8px;border-radius:var(--r-s);color:var(--menthe)}[hidden]{display:none!important}.rangee--active{background:linear-gradient(#3dffb01f,#3dffb01f),var(--panneau);border-color:var(--menthe);box-shadow:0 0 0 1px #3dffb040,0 0 22px #3dffb02e}.titre__haut{flex:0 0 auto;height:20%;display:flex;align-items:flex-start;justify-content:center;padding-top:1.5%}.titre__haut .logo__ligne1,.titre__haut .logo__ligne2{font-size:clamp(38px,12.4vw,60px)}.titre__vide{flex:1 1 auto;min-height:0}.titre__menu{flex:0 0 auto;display:flex;flex-direction:column;gap:10px}.titre__tuiles{display:flex;gap:8px}.btn--tuile{flex:1 1 0;min-width:0;flex-direction:column;gap:5px;padding:9px 6px 8px;min-height:60px;font-size:14px;letter-spacing:.01em;border-radius:var(--r-m)}.btn--tuile span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.aria-seul{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.titre__pied{display:flex;align-items:center;justify-content:center;gap:14px;font-size:14px;color:var(--texte-faible)}.titre__perso,.titre__etoiles{display:inline-flex;align-items:center;gap:5px}.titre__etoiles{color:var(--soleil)}.titre__etoiles svg{fill:currentColor}.titre__credits{appearance:none;background:none;border:0;padding:6px 8px;margin:-6px -8px;color:var(--texte-faible);font:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--trait-fort);cursor:pointer;border-radius:var(--r-s)}.titre__credits:active{color:var(--texte)}.bilan{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.bilan__tuile{background:var(--surface);border:1px solid var(--trait);border-radius:var(--r-m);padding:10px 6px 9px;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.bilan__valeur{font-family:var(--font-display);font-weight:800;font-size:22px;line-height:1.1}.bilan__tuile--etoiles .bilan__valeur{color:var(--soleil)}.bilan__nom{font-size:12px;color:var(--texte-faible);text-align:center;line-height:1.15}.records__section{font-family:var(--font-display);font-weight:800;font-size:16px;letter-spacing:.04em;text-transform:uppercase;color:var(--texte-faible);margin:6px 0 10px}.records__chanson{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:10px}.records__entete{display:flex;align-items:center;gap:12px}.records__entete .chanson__meta{display:inline-flex;align-items:center;gap:4px;color:var(--soleil)}.records__entete .chanson__meta svg{fill:currentColor}.jaquette--petite{width:52px;height:52px;font-size:18px;border-radius:var(--r-s)}.records__diffs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px}.records__diff{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 7px;border-radius:var(--r-s);background:#0a091859;border:1px solid var(--trait);opacity:.55;min-width:0}.records__diff--joue{opacity:1;border-color:var(--lisere)}.records__diff-nom{font-size:12px;font-weight:700;color:var(--texte-doux);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.records__diff .etoiles{gap:1px}.records__diff-score{font-size:14px;font-weight:700}.records__fc{position:absolute;top:-7px;right:-4px;font-size:10px;font-weight:800;letter-spacing:.06em;padding:2px 5px;border-radius:var(--r-pill);background:var(--menthe);color:var(--encre)}.journal{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.journal__ligne{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:var(--r-s);background:var(--surface);border:1px solid var(--trait)}.journal__ligne--echec{border-color:#ff5c7a59}.journal__infos{display:flex;flex-direction:column;gap:2px;min-width:0}.journal__titre{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.journal__meta{font-size:12px;color:var(--texte-faible)}.journal__droite{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex:0 0 auto}.journal__score{font-family:var(--font-display);font-weight:800;font-size:16px}.vide__icone{color:var(--soleil);margin-bottom:6px}.resultats__ecart{text-align:center;font-size:14px;color:var(--texte-faible);font-variant-numeric:tabular-nums;margin-top:2px;min-height:18px}.resultats__ecart--record{color:var(--soleil);font-weight:700}.chanson__ligne-record{display:flex;align-items:center;gap:8px;min-height:16px}.chanson__ligne-record .etoiles{gap:1px}.chanson__best{font-size:13px;font-weight:700;color:var(--soleil)}.chanson__best--vide{font-weight:400;color:var(--texte-faible)}.chanson__fc{font-size:10px;font-weight:800;letter-spacing:.06em;padding:1px 6px;border-radius:var(--r-pill);background:var(--menthe);color:var(--encre)}.chanson__chevron{opacity:.5;display:inline-flex}.diff{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:1px;padding:7px 6px 6px;line-height:1.1}.difficultes--4 .diff{padding-left:4px;padding-right:4px;font-size:13px}.diff__nom{white-space:nowrap}.diff__etoiles{font-size:11px;font-weight:700;color:var(--soleil);min-height:12px;font-variant-numeric:tabular-nums}.diff[aria-pressed=true] .diff__etoiles{color:#0a0918bf}.diff--expert[aria-pressed=true]{background:var(--fever);border-color:var(--fever)}.diff--verrou{opacity:.55;cursor:not-allowed}.diff__verrou{position:absolute;top:-6px;right:-4px;width:18px;height:18px;border-radius:50%;background:var(--fond-3);border:1px solid var(--trait-fort);display:grid;place-items:center;color:var(--texte-doux)}.diff__verrou svg{width:11px;height:11px}.hud__annonce{position:absolute;left:0;right:0;top:calc(var(--ligne-frappe) - 26%);text-align:center;font-family:var(--font-display);font-weight:800;font-size:30px;letter-spacing:.04em;color:var(--blanc);text-shadow:0 2px 0 rgba(10,9,24,.6),0 0 18px rgba(255,244,224,.45);opacity:0;pointer-events:none;transform:scale(.6);will-change:transform,opacity}.hud__annonce--n2{font-size:36px;color:var(--soleil);text-shadow:0 2px 0 rgba(10,9,24,.6),0 0 22px rgba(255,210,63,.55)}.hud__annonce--n3{font-size:42px;color:var(--fever);text-shadow:0 2px 0 rgba(10,9,24,.6),0 0 26px rgba(255,138,0,.6)}.hud__annonce--jouer{animation:hudAnnonce 1.1s var(--ease-out) forwards}@keyframes hudAnnonce{0%{opacity:0;transform:scale(.6) translateY(10px)}14%{opacity:1;transform:scale(1.12) translateY(0)}26%{transform:scale(1) translateY(0)}70%{opacity:1;transform:scale(1) translateY(-4px)}to{opacity:0;transform:scale(.92) translateY(-28px)}}.hud__danger{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(255,92,122,.42) 100%);transition:opacity .32s var(--ease-out)}.hud--danger .hud__danger{opacity:1;animation:hudDanger var(--pulse-ms) ease-in-out infinite}@keyframes hudDanger{0%,to{opacity:.55}50%{opacity:1}}.hud__combo--rompu{animation:comboRompu .38s var(--ease-out);color:var(--corail)}@keyframes comboRompu{0%{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}to{transform:translate(0)}}.aide{display:flex;flex-direction:column;gap:10px}.aide__carte{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-m);background:var(--panneau);border:1px solid var(--trait)}.aide__icone{flex:0 0 auto;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#0a091873;border:1px solid var(--trait)}.aide__corps{display:flex;flex-direction:column;gap:4px;min-width:0}.aide__titre{font-family:var(--font-display);font-weight:800;font-size:16px}.aide__texte{font-size:14px;line-height:1.4;color:var(--texte-doux)}.aide__voies{display:flex;gap:8px;margin-top:6px}.aide__voie{width:22px;height:22px;border-radius:50%;border:2px solid var(--blanc);box-shadow:0 0 10px currentColor}.aide__voie--0{background:var(--corail);color:var(--corail)}.aide__voie--1{background:var(--soleil);color:var(--soleil)}.aide__voie--2{background:var(--menthe);color:var(--menthe)}.aide__voie--3{background:var(--ciel);color:var(--ciel)}.chanson__ligne-record .etoile,.records__diff .etoile,.journal__droite .etoile{width:13px;height:13px}.chanson__ligne-record .etoile--pleine,.records__diff .etoile--pleine,.journal__droite .etoile--pleine{filter:drop-shadow(0 0 4px rgba(255,210,63,.5))}.chanson__ligne-record .etoiles,.records__diff .etoiles,.journal__droite .etoiles{gap:2px}.chanson__best{white-space:nowrap}.records .vide{background:var(--panneau);border:1px solid var(--trait);border-radius:var(--r-m);padding:18px 16px;margin-bottom:14px}.screen[data-nom=songs] .screen-fond,.screen[data-nom=scores] .screen-fond,.screen[data-nom=settings] .screen-fond,.screen[data-nom=calibration] .screen-fond,.screen[data-nom=credits] .screen-fond,.screen[data-nom=howto] .screen-fond{background:linear-gradient(180deg,#12102acc,#12102adb,#12102af5)}.screen[data-nom=splash] .screen-fond{background:linear-gradient(180deg,#12102a9e,#12102a59 45%,#12102ae6)}.defile{padding-bottom:14px;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 26px),transparent 100%);mask-image:linear-gradient(to bottom,#000 calc(100% - 26px),transparent 100%)}.bilan__nom,.records__diff-nom,.journal__meta,.chanson__best,.diff__etoiles{font-size:14px}.records__fc,.chanson__fc{font-size:12px;padding:2px 6px}.diff{min-height:44px}.tourne-ton-telephone{position:fixed;inset:0;z-index:9000;display:none;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;background:var(--fond);color:var(--texte)}.tourne-ton-telephone__icone{font-size:46px;line-height:1;animation:tourneIcone 2.4s ease-in-out infinite}.tourne-ton-telephone__titre{font-family:var(--font-display);font-weight:800;font-size:22px}.tourne-ton-telephone p{margin:0;color:var(--texte-doux);font-size:15px;max-width:32ch}@keyframes tourneIcone{0%,55%,to{transform:rotate(0)}25%,40%{transform:rotate(-90deg)}}@media(orientation:landscape)and (max-height:480px){.tourne-ton-telephone{display:flex}}.entete{gap:14px;min-height:56px;margin-bottom:14px}.entete__titre{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:6px}.entete h2{font-size:clamp(24px,7vw,30px);line-height:1;text-transform:uppercase;letter-spacing:.05em;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 22px rgba(76,201,255,.3)}.entete__ligne{display:block;height:4px;width:44%;max-width:150px;border-radius:var(--r-pill);background:var(--arc-en-voies)}.entete .btn--icone{border-color:var(--lisere-fort);background:#12102acc;box-shadow:0 0 0 1px #7b3fe44d,0 0 18px #7b3fe459}.btn{text-transform:uppercase;letter-spacing:.05em;font-size:17px;box-shadow:inset 0 2px #ffffff61,inset 0 -2px #0a09182e,0 5px #0a091899,0 12px 26px #0a091873;transition:transform var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out),filter var(--t-fast) linear,opacity var(--t-fast) linear}.btn:active{transform:translateY(4px) scale(.99);filter:brightness(.95);box-shadow:inset 0 2px #ffffff40,0 1px #0a091899,0 4px 10px #0a091866}.btn--primaire{color:var(--encre);text-shadow:0 1px 0 rgba(255,255,255,.25)}.btn--fantome{background:linear-gradient(180deg,#241e56f0,#12102af0);border:1px solid var(--lisere-fort);color:var(--texte);box-shadow:inset 0 1px #fff4e024,0 4px #0a09188c,0 10px 20px #0a091859}.btn--fantome:active{box-shadow:inset 0 1px #fff4e01a,0 1px #0a09188c,0 4px 10px #0a091859}.btn--large{min-height:58px;font-size:19px}.btn--petit{font-size:14px;letter-spacing:.04em}.btn--icone,.btn--icone:active{text-transform:none;box-shadow:none}.btn--icone:active{transform:scale(.94)}.btn--tuile{text-transform:uppercase;letter-spacing:.04em;font-size:14px;min-height:66px;gap:6px}.btn--tuile svg{width:30px;height:30px;padding:5px;border-radius:50%;background:#4cc9ff1f;color:var(--ciel);box-shadow:0 0 12px #4cc9ff59}.pied>.btn--primaire{animation:pulseTempo var(--pulse-ms) var(--ease-out) infinite}.rangee,.carte,.reglage,.aide__carte,.bilan__tuile,.stat,.credits__bloc,.mention-legale,.pause-boite{background:linear-gradient(180deg,#241e56bd,#12102aeb);border:1px solid var(--lisere-fort);border-radius:var(--r-m);box-shadow:inset 0 1px #fff4e01f,0 8px 22px #0a091873}.rangee{position:relative;overflow:hidden;padding-left:18px;gap:14px}.rangee:before{content:"";position:absolute;left:0;top:14%;bottom:14%;width:4px;border-radius:0 4px 4px 0;background:var(--rangee-accent, var(--ciel));box-shadow:0 0 12px var(--rangee-accent, var(--ciel))}.rangee:active{transform:scale(.985);background:linear-gradient(180deg,#241e56e6,#12102af5)}.rangee--active{--rangee-accent: var(--menthe);border-color:var(--menthe);box-shadow:inset 0 1px #fff4e01f,0 0 0 1px #3dffb059,0 0 22px #3dffb04d}.rangee>span:first-child{flex:0 0 auto;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#0a09188c;border:1px solid var(--lisere)}.rangee>span:first-child svg{width:24px;height:24px;filter:drop-shadow(0 0 6px currentColor)}.chanson__chevron{color:var(--texte-faible)}.reglage{gap:10px}.reglage__tete>svg{width:22px;height:22px;color:var(--ciel);filter:drop-shadow(0 0 6px currentColor)}.reglage__nom{font-family:var(--font-display);font-weight:800;font-size:17px}.bandeau,.records__section{display:flex;align-items:center;gap:10px;margin:10px 0 2px;font-family:var(--font-display);font-weight:800;font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:var(--bandeau-couleur, var(--ciel));text-shadow:0 0 10px var(--bandeau-couleur, var(--ciel))}.bandeau:after,.records__section:after{content:"";flex:1 1 auto;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--bandeau-couleur, var(--ciel)),transparent);opacity:.6}.bandeau--soleil{--bandeau-couleur: var(--soleil)}.bandeau--menthe{--bandeau-couleur: var(--menthe)}.bandeau--corail{--bandeau-couleur: var(--corail)}.screen[data-nom=songs] .screen-fond{background:linear-gradient(180deg,#12102a99,#12102adb 42%,#12102af5)}.setlist{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px;padding-bottom:4px}.setlist__scene{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;touch-action:pan-y}.setlist__jaquette{width:min(54vw,28svh,230px);height:min(54vw,28svh,230px);flex:0 0 auto;border-radius:22px;position:relative;overflow:hidden;border:2px solid rgba(255,244,224,.4);box-shadow:0 0 0 5px #12102ad9,0 0 44px #4cc9ff59,0 26px 48px #0a091899;background:var(--fond-2)}.setlist__jaquette img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.setlist__jaquette:after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,#ffffff47,#fff0 42%);pointer-events:none}.setlist__jaquette .jaquette{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;font-size:64px}.defile>*{flex-shrink:0}.setlist__voisine{appearance:none;border:1px solid var(--lisere);padding:0;width:min(17vw,9svh,74px);height:min(17vw,9svh,74px);flex:0 0 auto;border-radius:14px;overflow:hidden;position:relative;background:var(--fond-2);opacity:.55;filter:saturate(.75);transform:scale(.92);cursor:pointer;transition:opacity var(--t-fast) linear,transform var(--t-fast) var(--ease-out)}.setlist__voisine:active{opacity:.9;transform:scale(.88)}.setlist__voisine .jaquette{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;font-size:22px}.setlist__voisine[hidden]{display:block;visibility:hidden}.setlist__fiche{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;width:100%;min-width:0}.setlist__titre{font-family:var(--font-display);font-weight:800;font-size:clamp(22px,6.6vw,28px);line-height:1.05;text-transform:uppercase;letter-spacing:.02em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 18px rgba(76,201,255,.35);margin:0}.setlist__meta{font-size:14px;color:var(--texte-faible);font-variant-numeric:tabular-nums}.setlist__record{display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;color:var(--soleil);font-variant-numeric:tabular-nums;min-height:22px}.setlist__record .chanson__fc{font-size:12px;padding:2px 6px;border-radius:var(--r-pill);background:var(--menthe);color:var(--encre);font-weight:800}.setlist__nav{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.setlist__compteur{font-family:var(--font-display);font-weight:800;font-size:14px;letter-spacing:.12em;color:var(--texte-faible);font-variant-numeric:tabular-nums}.difficultes{gap:2px;margin-top:0;padding:4px;border-radius:var(--r-pill);background:#0a091899;border:1px solid var(--lisere)}.diff{border:0;background:transparent;font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:13px;color:var(--texte-faible);min-height:42px;transition:background var(--t-fast) linear,color var(--t-fast) linear,box-shadow var(--t-fast) linear}.diff[aria-pressed=true]{background:linear-gradient(180deg,var(--menthe),#29d993);color:var(--encre);box-shadow:0 0 14px #3dffb073,inset 0 1px #fff6}.diff--expert[aria-pressed=true]{background:linear-gradient(180deg,var(--soleil),var(--fever));box-shadow:0 0 14px #ff8a0073,inset 0 1px #fff6}.setlist__panneau{display:flex;flex-direction:column;gap:10px}.setlist__panneau .defis{margin-top:0;gap:4px}.pause-boite{padding:22px 18px 18px;border-radius:24px}.pause-boite h2{font-size:clamp(30px,9vw,40px);text-transform:uppercase;letter-spacing:.08em;line-height:1}.bilan__valeur{font-size:26px;text-shadow:0 0 14px rgba(255,244,224,.25)}.bilan__tuile--etoiles .bilan__valeur{text-shadow:0 0 14px rgba(255,210,63,.5)}.perso__nom{text-transform:uppercase;letter-spacing:.04em;text-shadow:0 0 22px var(--perso-couleur, var(--ciel))}h2.resultats__titre{font-size:clamp(26px,7.4vw,32px);text-transform:uppercase;letter-spacing:.06em;line-height:1}h2.resultats__titre:after{content:"";display:block;width:110px;height:4px;margin:6px auto 0;border-radius:var(--r-pill);background:var(--arc-en-voies)}.setlist__titre{color:#fff;text-shadow:0 0 22px rgba(76,201,255,.45),0 2px 0 rgba(10,9,24,.6)}.difficultes{background:#0e0c22f0;border-color:var(--lisere-fort);box-shadow:inset 0 1px #fff4e014,0 6px 18px #0a091873}.diff{color:var(--texte-doux);overflow:visible}.diff--verrou{opacity:.7}.diff__verrou{top:3px;right:4px;width:16px;height:16px;background:var(--fond-3);border-color:var(--lisere-fort)}.diff--verrou .diff__nom{padding-right:14px}.duel{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:16px;padding-bottom:6px}.duel__intro{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:18px 20px 16px;border-radius:var(--r-l);background:linear-gradient(180deg,#241e56d1,#12102af0);border:1px solid var(--lisere-fort);box-shadow:inset 0 1px #fff4e01f}.code-saisie--verrouille .code-saisie__case{opacity:.7}.duel__vs{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;color:var(--corail);background:radial-gradient(circle,#ff5c7a38,#ff5c7a00 70%);filter:drop-shadow(0 0 14px rgba(255,92,122,.55));animation:pulseTempo var(--pulse-ms) var(--ease-out) infinite}.duel__statut{text-align:center;font-size:15px;color:var(--texte-doux);min-height:22px;padding:8px 16px;border-radius:var(--r-pill);background:#12102adb;border:1px solid var(--lisere)}.duel__statut:empty{display:none}.duel__statut--attente:after{content:"";display:inline-block;width:8px;height:8px;margin-left:8px;border-radius:50%;background:var(--ciel);box-shadow:0 0 10px var(--ciel);animation:clignote calc(var(--pulse-ms) * 2) ease-in-out infinite;vertical-align:middle}.duel__statut--ok{color:var(--menthe);text-shadow:0 0 10px rgba(61,255,176,.5)}.duel__statut--alerte{color:var(--corail)}.pass{position:relative;width:100%;max-width:340px;padding:22px 20px 20px;border-radius:20px;text-align:center;background:linear-gradient(160deg,#7b3fe48c,#12102af2 60%);border:1px solid var(--lisere-fort);box-shadow:inset 0 1px #fff4e029,0 0 0 4px #12102a99,0 0 34px #7b3fe459,0 20px 40px #0a09188c;overflow:hidden}.pass:before,.pass:after{content:"";position:absolute;top:50%;width:22px;height:22px;border-radius:50%;background:var(--fond);border:1px solid var(--lisere-fort);transform:translateY(-50%)}.pass:before{left:-12px}.pass:after{right:-12px}.pass__etiquette{font-family:var(--font-display);font-weight:800;font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:var(--soleil);text-shadow:0 0 10px rgba(255,210,63,.5)}.pass__code{font-family:var(--font-display);font-weight:800;font-size:clamp(52px,17vw,72px);line-height:1;letter-spacing:.22em;margin:10px 0 6px .22em;color:#fff;text-shadow:0 0 18px rgba(76,201,255,.6),0 3px 0 rgba(10,9,24,.6)}.pass__rocker{font-size:14px;color:var(--texte-doux)}.pass__perfo{margin:14px auto 0;width:78%;height:4px;border-radius:var(--r-pill);background:var(--arc-en-voies)}.code-saisie{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;cursor:text}.code-saisie__titre{font-family:var(--font-display);font-weight:800;font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:var(--ciel)}.code-saisie__cases{display:flex;gap:10px}.code-saisie__case{width:62px;height:76px;border-radius:16px;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:40px;color:#fff;background:#0e0c22;border:2px solid var(--lisere-fort);box-shadow:inset 0 2px #fff4e014;transition:border-color var(--t-fast) linear,box-shadow var(--t-fast) linear}.code-saisie__case--pleine{border-color:var(--ciel);box-shadow:0 0 14px #4cc9ff59,inset 0 2px #fff4e014}.code-saisie__case--active{border-color:var(--menthe);box-shadow:0 0 16px #3dffb073}.code-saisie__input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.hud__duel{position:absolute;top:calc(var(--safe-t) + 62px);right:calc(var(--safe-r) + 14px);display:flex;align-items:center;gap:8px;padding:5px 10px 5px 8px;border-radius:var(--r-pill);background:#12102ac7;border:1px solid var(--lisere-fort);font-family:var(--font-display);font-weight:800;font-size:14px;color:var(--texte-doux)}.hud__duel-nom{letter-spacing:.08em;text-transform:uppercase;color:var(--corail);font-size:12px}.hud__duel-score{color:var(--blanc);font-variant-numeric:tabular-nums}.hud__duel-ecart{font-size:12px;font-variant-numeric:tabular-nums;padding:1px 6px;border-radius:var(--r-pill);background:#0a091880}.hud__duel--devant .hud__duel-ecart{color:var(--menthe)}.hud__duel--derriere .hud__duel-ecart{color:var(--corail)}.verdict{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 16px;border-radius:var(--r-m);text-align:center;background:linear-gradient(180deg,#241e56cc,#12102af0);border:1px solid var(--lisere-fort);box-shadow:inset 0 1px #fff4e01f,0 8px 22px #0a091873}.verdict__titre{font-family:var(--font-display);font-weight:800;font-size:clamp(26px,8vw,34px);letter-spacing:.08em;text-transform:uppercase;line-height:1}.verdict--victoire .verdict__titre{background:linear-gradient(120deg,var(--soleil),var(--fever));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 14px rgba(255,210,63,.5))}.verdict--defaite .verdict__titre{color:var(--corail);text-shadow:0 0 14px rgba(255,92,122,.45)}.verdict--egalite .verdict__titre{color:var(--ciel)}.verdict--attente .verdict__titre{color:var(--texte-doux);font-size:18px;letter-spacing:.12em}.resultats__note{text-align:center;font-size:13px;margin-top:-6px}.record--discret{background:none;box-shadow:none;color:var(--soleil);font-size:14px;letter-spacing:.08em;padding:0;transform:none}h2.resultats__titre--victoire{background:linear-gradient(120deg,var(--soleil),var(--fever));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 14px rgba(255,210,63,.5))}h2.resultats__titre--defaite{color:var(--corail);text-shadow:0 0 14px rgba(255,92,122,.45)}h2.resultats__titre--egalite{color:var(--ciel)}.verdict__scores{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;width:100%}.verdict__joueur{display:flex;flex-direction:column;gap:2px}.verdict__nom{font-family:var(--font-display);font-weight:800;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--texte-faible)}.verdict__score{font-family:var(--font-display);font-weight:800;font-size:24px;font-variant-numeric:tabular-nums}.verdict__vs{font-family:var(--font-display);font-weight:800;font-size:14px;color:var(--corail);letter-spacing:.1em}