:root{--fond:#f4ead8;--fond-2:#ece0c9;--surface:#fffaf1;--texte-1:#2a2018;--texte-2:#5a4a3b;--fort:#3a2a1d;--fort-2:#4d3826;--accent:#b3261e;--accent-fonce:#8c1c16;--accent-pale:#fbe3df;--vif:#f3e43c;--vif-pale:#fbf5c4;--vert:#2d6a37;--vert-pale:#e2f1e2;--bleu:#2a5d8f;--bleu-pale:#e1ecf7;--bord:#dccbae;--bord-fort:#b9a383;--ombre:0 1px 2px #3a2a1d14, 0 6px 18px #3a2a1d14;--rayon:16px;--focus:0 0 0 4px var(--vif), 0 0 0 7px var(--fort);--titre:"Lora", Georgia, "Times New Roman", serif;--texte:"Source Sans 3", "Segoe UI", system-ui, -apple-system, sans-serif;--nav-h:68px;--safe-b:env(safe-area-inset-bottom,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=sombre]{--fond:#1d1712;--fond-2:#26201a;--surface:#2b241d;--texte-1:#f3eadb;--texte-2:#c9b9a3;--fort:#f1e3c8;--fort-2:#d9c7a6;--accent:#e4574d;--accent-fonce:#f07c73;--accent-pale:#4a2420;--vif:#f3e43c;--vif-pale:#4a4418;--vert:#6fcf7d;--vert-pale:#1f3a24;--bleu:#7db3ea;--bleu-pale:#1f3346;--bord:#4a3d2f;--bord-fort:#6b5a45;--ombre:0 1px 2px #0000004d, 0 6px 18px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=contraste]{--fond:#fff;--fond-2:#f2f2f2;--surface:#fff;--texte-1:#000;--texte-2:#222;--fort:#000;--fort-2:#111;--bord:#000;--bord-fort:#000;--accent:#a00000;--accent-fonce:maroon;--vert:#050}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:18px}:root[data-size=grand]{font-size:21px}:root[data-size=tres-grand]{font-size:24px}body{background:var(--fond);min-height:100vh;color:var(--texte-1);font-family:var(--texte);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}#root{min-height:100vh}img{max-width:100%;display:block}a{color:var(--accent-fonce);text-underline-offset:.18em}h1,h2,h3{font-family:var(--titre);color:var(--fort);overflow-wrap:anywhere;margin:0 0 .4em;font-weight:700;line-height:1.15}h1{font-size:1.55rem}h2{margin-top:1.2rem;font-size:1.3rem}h3{font-size:1.1rem}p{overflow-wrap:anywhere;margin:0 0 .8em}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{box-shadow:var(--focus);border-radius:8px;outline:none}.muted{color:var(--texte-2)}.small{font-size:.88rem}.tiny{font-size:.78rem}.bold{font-weight:700}.center{text-align:center}.right{text-align:right}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.row.end{justify-content:flex-end}.row.between{justify-content:space-between}.row.nowrap{flex-wrap:nowrap}.col{flex-direction:column;gap:.6rem;display:flex}.grow{flex:1;min-width:0}.wrap{flex-wrap:wrap}.stack>*+*{margin-top:.8rem}.ico{vertical-align:-.2em;flex:none}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none!important}.screen{max-width:760px;padding:0 16px calc(var(--nav-h) + var(--safe-b) + 24px);margin:0 auto}.screen.wide{max-width:1100px}.screen.study{flex-direction:column;min-height:100vh;display:flex}.appbar{padding:calc(env(safe-area-inset-top,0px) + 12px) 0 10px;background:var(--fond);z-index:20;border-bottom:1px solid var(--bord);align-items:center;gap:.7rem;margin-bottom:14px;display:flex;position:sticky;top:0}.appbar .title{flex:1;min-width:0}.appbar h1{margin:0;font-size:1.35rem}.appbar .sub{color:var(--texte-2);margin-top:1px;font-size:.86rem}.appbar.big h1{font-size:1.7rem}.blason{-webkit-user-select:none;user-select:none}.card{background:var(--surface);border:1px solid var(--bord);border-radius:var(--rayon);box-shadow:var(--ombre);padding:14px 16px}.card.err{border-color:var(--accent);background:var(--accent-pale)}.card.accent{border-left:6px solid var(--accent)}.card.gold{background:var(--vif-pale);border-color:#d9b61a}.card.live{border-color:var(--vert)}.card h2:first-child,.card h3:first-child{margin-top:0}.card+.card{margin-top:12px}.list{flex-direction:column;gap:10px;display:flex}.list-item{text-align:left;background:var(--surface);border:1px solid var(--bord);border-radius:var(--rayon);width:100%;min-height:60px;color:inherit;cursor:pointer;box-shadow:var(--ombre);align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.list-item:active{background:var(--fond-2)}.list-item.danger{color:var(--accent-fonce)}.list-icon{background:var(--fond-2);width:42px;height:42px;color:var(--fort);border-radius:12px;flex:none;justify-content:center;align-items:center;display:inline-flex}.list-icon.red{background:var(--accent-pale);color:var(--accent-fonce)}.list-icon.green{background:var(--vert-pale);color:var(--vert)}.list-icon.yellow{background:var(--vif-pale);color:var(--fort)}.menu-list{flex-direction:column;gap:8px;display:flex}.empty{text-align:center;color:var(--texte-2);flex-direction:column;align-items:center;gap:8px;padding:28px 12px;display:flex}.loading{justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.badge{background:var(--fond-2);color:var(--texte-2);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.badge.live{background:var(--vert);color:#fff;animation:1.6s ease-in-out infinite pulse}.badge.ok{background:var(--vert-pale);color:var(--vert)}.badge.warn{background:var(--vif-pale);color:var(--fort)}.badge.gold{background:var(--vif);color:var(--fort)}.badge.muted{opacity:.7}@keyframes pulse{0%,to{box-shadow:0 0 #2d6a3780}50%{box-shadow:0 0 0 7px #2d6a3700}}.avatar{color:#fff;letter-spacing:.02em;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.chip{border:1px solid var(--bord-fort);background:var(--surface);cursor:pointer;border-radius:999px;align-items:center;gap:6px;min-height:40px;padding:6px 12px;font-size:.9rem;display:inline-flex}.chip.on{background:var(--fort);color:#fff;border-color:var(--fort)}.chips{flex-wrap:wrap;gap:8px;display:flex}.kpi{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;display:grid}.kpi>div{background:var(--surface);border:1px solid var(--bord);text-align:center;border-radius:12px;padding:10px}.kpi .n{font-family:var(--titre);color:var(--fort);font-size:1.6rem;font-weight:700;line-height:1.1}.kpi .l{color:var(--texte-2);font-size:.8rem}.tip-line{color:var(--texte-2);align-items:flex-start;gap:8px;padding:8px 2px;font-size:.9rem;display:flex}.prose p{margin:0 0 .7em}.prose ul{margin:0 0 .7em;padding-left:1.3em}.prose h2,.prose h3,.prose h4{margin:.8em 0 .3em}.btn{border:2px solid var(--fort);background:var(--surface);min-height:50px;color:var(--fort);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:active{background:var(--accent-fonce)}.btn.yellow{background:var(--vif);border-color:var(--vif);color:var(--texte-1)}.btn.green{background:var(--vert);border-color:var(--vert);color:#fff}.btn.danger{background:var(--accent-pale);border-color:var(--accent);color:var(--accent-fonce)}.btn.ghost{background:0 0;border-color:#0000}.btn.icon{width:50px;padding:0}.btn.sm{border-radius:10px;min-height:40px;padding:6px 12px;font-size:.9rem}.btn.sm.icon{width:40px}.btn.block{width:100%}.btn.big{border-radius:16px;min-height:64px;font-size:1.15rem}.btn.block+.btn.block{margin-top:10px}.seg{background:var(--fond-2);border-radius:12px;gap:4px;padding:4px;display:flex}.seg button{cursor:pointer;min-height:46px;color:var(--texte-2);background:0 0;border:0;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;padding:4px 6px;font-weight:700;display:inline-flex}.seg button.on{background:var(--surface);color:var(--fort);box-shadow:var(--ombre)}.seg.sm button{min-height:38px;font-size:.88rem}.tabs{border-bottom:2px solid var(--bord);scrollbar-width:none;gap:4px;margin:0 -16px 14px;padding:0 12px;display:flex;overflow-x:auto}.tabs button{color:var(--texte-2);cursor:pointer;background:0 0;border:0;border-bottom:4px solid #0000;flex:none;align-items:center;gap:6px;min-height:50px;margin-bottom:-2px;padding:10px 12px;font-weight:700;display:inline-flex}.tabs button.on{color:var(--fort);border-bottom-color:var(--accent)}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field.inline{flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.field-label{color:var(--fort);font-size:.95rem;font-weight:700}.hint{color:var(--texte-2);font-size:.82rem}input[type=text],input[type=password],input[type=number],input[type=date],input[type=time],input[type=datetime-local],input[type=email],input[type=tel],input[type=search],select,textarea{border:2px solid var(--bord-fort);background:var(--surface);border-radius:12px;width:100%;min-height:50px;padding:10px 14px;font-size:1rem}textarea{resize:vertical;min-height:110px;line-height:1.45}input:focus,select:focus,textarea:focus{border-color:var(--fort);box-shadow:0 0 0 3px var(--vif);outline:none}input[type=checkbox],input[type=radio]{width:24px;height:24px;accent-color:var(--accent);flex:none}.check{cursor:pointer;align-items:center;gap:12px;min-height:50px;display:flex}.search{position:relative}.search .ico{color:var(--texte-2);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search input{padding-left:44px}.form-actions{gap:10px;margin-top:8px;display:flex}.form-actions .btn{flex:1}.bottom-nav{height:calc(var(--nav-h) + var(--safe-b));padding-bottom:var(--safe-b);background:var(--fort);z-index:30;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #00000026}.nav-item{color:#ffffffb8;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding-top:6px;font-size:.74rem;font-weight:700;text-decoration:none;display:flex}.nav-item.active{color:#fff}.nav-item.active .nav-ico{background:var(--accent)}.nav-ico{border-radius:14px;justify-content:center;align-items:center;width:46px;height:28px;transition:background .15s;display:flex}@media (width>=900px){.bottom-nav{border-radius:18px 18px 0 0;max-width:760px;left:50%;transform:translate(-50%)}}.sheet-backdrop,.modal-backdrop{z-index:50;background:#2a201880;justify-content:center;align-items:flex-end;animation:.15s fade;display:flex;position:fixed;inset:0}.modal-backdrop{align-items:center;padding:16px}.sheet{background:var(--fond);border-radius:22px 22px 0 0;flex-direction:column;width:100%;max-width:760px;max-height:88vh;animation:.2s ease-out up;display:flex}.sheet.tall{height:88vh}.sheet-grip{text-align:center;flex:none;padding:10px 16px 6px;position:relative}.sheet-handle{background:var(--bord-fort);border-radius:3px;width:44px;height:5px;margin:0 auto 8px}.sheet-title{font-family:var(--titre);color:var(--fort);padding:0 44px;font-size:1.2rem;font-weight:700}.sheet-close{position:absolute;top:8px;right:8px}.sheet-body{padding:6px 16px calc(20px + var(--safe-b));overflow-y:auto}.modal{background:var(--surface);border-radius:var(--rayon);width:100%;max-width:440px;box-shadow:var(--ombre);padding:20px}.modal p{font-size:1.05rem}.toasts{left:50%;bottom:calc(var(--nav-h) + var(--safe-b) + 12px);z-index:60;pointer-events:none;flex-direction:column;gap:8px;width:min(92vw,520px);display:flex;position:fixed;transform:translate(-50%)}.toast{background:var(--fort);color:#fff;box-shadow:var(--ombre);border-radius:12px;align-items:center;gap:8px;padding:12px 16px;font-weight:700;animation:.2s up;display:flex}.toast.err{background:var(--accent-fonce)}@keyframes up{0%{opacity:0;transform:translateY(24px)}}@keyframes fade{0%{opacity:0}}.info-btn{vertical-align:middle;width:36px;height:36px;color:var(--accent-fonce);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;margin-left:4px;display:inline-flex}.info-btn:active{background:var(--accent-pale)}.fold{padding:0}.fold-head{cursor:pointer;align-items:center;gap:12px;min-height:60px;padding:12px 16px;list-style:none;display:flex}.fold-head::-webkit-details-marker{display:none}.fold-sub{display:block}.fold-chev{transition:transform .2s}.fold[open] .fold-chev{transform:rotate(180deg)}.fold-body{padding:0 16px 14px}.hero{align-items:center;gap:14px;padding:8px 0 14px;display:flex}.hero h1{margin:0;font-size:1.5rem}.hero .tag{color:var(--texte-2);text-transform:uppercase;letter-spacing:.05em;font-size:.86rem}.home-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0;display:grid}.home-grid .tile{background:var(--surface);border:1px solid var(--bord);border-radius:var(--rayon);color:var(--fort);min-height:92px;box-shadow:var(--ombre);flex-direction:column;align-items:flex-start;gap:8px;padding:14px;font-weight:700;text-decoration:none;display:flex}.home-grid .tile .list-icon{width:38px;height:38px}.section-head{justify-content:space-between;align-items:baseline;gap:10px;margin:18px 0 8px;display:flex}.section-head h2{margin:0}.section-head a{font-size:.9rem;font-weight:700}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(1)}35%{color:var(--accent);transform:scale(1.35)}to{transform:scale(1)}}@keyframes glow{0%,to{box-shadow:0 0 #2d6a3759}50%{box-shadow:0 0 0 10px #2d6a3700}}@keyframes confetti{0%{opacity:1;transform:translateY(-10vh)rotate(0)}to{opacity:.9;transform:translateY(105vh)rotate(720deg)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.screen>.card,.screen>.list>*,.screen>.stack>*,.home-grid .tile,.screen>.list-item,.chat-list>*{animation:.38s cubic-bezier(.2,.8,.2,1) both rise}.screen>.list>:nth-child(2),.home-grid .tile:nth-child(2){animation-delay:50ms}.screen>.list>:nth-child(3),.home-grid .tile:nth-child(3){animation-delay:.1s}.screen>.list>:nth-child(4),.home-grid .tile:nth-child(4){animation-delay:.15s}.screen>.list>:nth-child(5),.home-grid .tile:nth-child(5){animation-delay:.2s}.screen>.list>:nth-child(n+6),.home-grid .tile:nth-child(6){animation-delay:.25s}.pop{animation:.45s pop;display:inline-block}.score-pad .val{transition:color .2s}.card.live{animation:.38s both rise,2.4s ease-in-out infinite glow}.live-match{color:inherit;background:var(--surface);border:1px solid var(--bord);border-radius:14px;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px 10px;padding:10px 12px;text-decoration:none;display:grid}.fx-trumpets{pointer-events:none;z-index:1001;position:fixed;inset:0;overflow:hidden}.fx-trumpet{filter:drop-shadow(0 4px 6px #00000059);width:min(42vw,190px);position:absolute;top:34%}.fx-trumpet svg{width:100%;height:auto;display:block}.fx-trumpet.left{transform-origin:0%;animation:.45s cubic-bezier(.2,1.4,.5,1) both tp-in-l,.55s ease-in-out .45s infinite alternate tp-blow;left:0}.fx-trumpet.right{transform-origin:100%;animation:.45s cubic-bezier(.2,1.4,.5,1) both tp-in-r,.55s ease-in-out .45s infinite alternate tp-blow-r;right:0}.fx-trumpet.right svg{transform:scaleX(-1)}@keyframes tp-in-l{0%{transform:translate(-110%)rotate(-28deg)}to{transform:translate(-12%)rotate(-18deg)}}@keyframes tp-in-r{0%{transform:translate(110%)rotate(28deg)}to{transform:translate(12%)rotate(18deg)}}@keyframes tp-blow{0%{transform:translate(-12%)rotate(-18deg)scale(1)}to{transform:translate(-8%)rotate(-24deg)scale(1.06)}}@keyframes tp-blow-r{0%{transform:translate(12%)rotate(18deg)scale(1)}to{transform:translate(8%)rotate(24deg)scale(1.06)}}.fx-trumpets.out .fx-trumpet.left{animation:.4s ease-in both tp-out-l}.fx-trumpets.out .fx-trumpet.right{animation:.4s ease-in both tp-out-r}.fx-trumpets.out .fx-note{opacity:0;transition:opacity .3s}@keyframes tp-out-l{to{transform:translate(-120%)rotate(-30deg)}}@keyframes tp-out-r{to{transform:translate(120%)rotate(30deg)}}.fx-note{opacity:0;width:22px;animation:1.6s ease-out infinite note-up;position:absolute;top:30%}.fx-note svg{filter:drop-shadow(0 1px 1px #0006);width:100%;height:auto;display:block}.fx-note.left{left:min(38vw,170px)}.fx-note.right{right:min(38vw,170px)}@keyframes note-up{0%{opacity:0;transform:translate(0)rotate(0)}15%{opacity:1}to{opacity:0;transform:translate(var(--nx,18px), -140px) rotate(25deg)}}.fx-note.right{--nx:-18px}:root{--fond:#eef1f6;--fond-2:#e1e6ef;--surface:#fff;--texte-1:#10182b;--texte-2:#4a556b;--fort:#14213d;--fort-2:#22335a;--accent:#1d4ed8;--accent-fonce:#1e3a8a;--accent-pale:#dbe5fb;--vif:#f2b705;--vif-pale:#fdf1c7;--bord:#cfd6e3;--bord-fort:#9aa6bd;--ombre:0 1px 2px #14213d14, 0 6px 18px #14213d14}.hero-league{text-align:center;padding:28px 8px 10px}.hero-league .blason{margin:0 auto}.hero-league h1{margin:10px 0 4px;font-size:2rem}.hero-league .tag{color:var(--texte-2);font-size:1.05rem}.pillars{gap:10px;margin:18px 0;display:grid}.pillar{align-items:flex-start;gap:12px;display:flex}.pillar .list-icon{flex:none}.invite-row{border-top:1px solid var(--bord);align-items:center;gap:10px;padding:10px 0;display:flex}.invite-row:first-child{border-top:0}.app-banner{background:var(--accent-pale);border:1px solid var(--accent);color:var(--accent-fonce);border-radius:12px;margin-bottom:14px;padding:10px 14px;font-weight:700}.foot{text-align:center;color:var(--texte-2);margin:30px 0 10px;font-size:.78rem}.list-icon.blue{background:var(--accent-pale);color:var(--accent-fonce)}.my-card{color:#fff;background:linear-gradient(135deg, var(--fort), var(--fort-2));border:0;text-decoration:none;display:block}.my-card .muted,.my-card .small{color:#fffc}.my-card .rating.big{color:var(--vif)}.my-card .xp-track{background:#ffffff2e}.my-rank{background:#ffffff1a;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-width:74px;padding:8px;display:flex}.my-rank b{font-family:var(--titre);color:var(--vif);font-size:2rem;line-height:1}.rating{font-family:var(--titre);font-variant-numeric:tabular-nums;font-weight:700}.rating.big{font-size:2.3rem;line-height:1.05}.rating .prov{opacity:.7;vertical-align:super;margin-left:2px;font-size:.6em}.xp{margin-top:12px}.xp-track{background:var(--fond-2);border-radius:6px;height:10px;margin-top:4px;overflow:hidden}.xp-fill{background:linear-gradient(90deg, var(--vif), #ffd84d);transform-origin:0;border-radius:6px;height:100%;animation:.9s cubic-bezier(.2,.8,.2,1) both xp-in}@keyframes xp-in{0%{transform:scaleX(0)}}.match-row{color:inherit;text-decoration:none}.match-row.todo{border-color:var(--vif);border-width:2px}.match-score{font-family:var(--titre);font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:700}.slot{min-height:62px}.empty-slot{cursor:pointer;background:0 0;border-style:dashed;border-width:2px}.versus{color:var(--accent-fonce);text-transform:uppercase;letter-spacing:.08em;justify-content:center;align-items:center;gap:8px;margin:14px 0 4px;font-size:.85rem;font-weight:700;display:flex}.scoreboard{text-align:center;grid-template-columns:1fr 1fr;gap:10px;display:grid}.sb-team{background:var(--fond);border-radius:14px;padding:10px 6px}.sb-team.mine{box-shadow:inset 0 0 0 2px var(--accent)}.sb-team.win{background:var(--vif-pale)}.sb-names{flex-direction:column;justify-content:center;gap:2px;min-height:2.6em;font-weight:700;display:flex}.sb-names a{color:var(--fort);overflow-wrap:anywhere;text-decoration:none}.sb-score{font-family:var(--titre);color:var(--fort);font-variant-numeric:tabular-nums;font-size:3rem;font-weight:700;line-height:1.1}.sb-meta{grid-column:1/-1}.result-card{text-align:center;animation:.5s both rise,.6s .2s both result-pop}@keyframes result-pop{0%{transform:scale(.92)}60%{transform:scale(1.03)}to{transform:none}}.level-up{color:var(--accent-fonce);animation:.6s .5s both pop}.counter{grid-template-columns:1fr 1fr;gap:10px;margin:10px 0;display:grid}.counter-team{background:var(--fond);text-align:center;border-radius:14px;min-width:0;padding:10px 8px}.counter-team.mine{box-shadow:inset 0 0 0 2px var(--accent)}.counter-val{font-family:var(--titre);color:var(--fort);font-variant-numeric:tabular-nums;font-size:3.4rem;font-weight:700;line-height:1.1}.counter-pad{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:6px;display:grid}.counter-pad .btn{min-height:46px;padding:0;font-weight:700}.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.final-score .field{flex:1;min-width:0}.final-score .field-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rank-row{border-top:1px solid var(--bord);color:inherit;align-items:center;gap:10px;padding:9px 0;text-decoration:none;display:flex}.rank-row:first-of-type{border-top:0}.rank-list{gap:6px}.rank-row.card-row{background:var(--surface);border:1px solid var(--bord);border-radius:14px;min-height:56px;padding:10px 12px}.rank-row.me{border:2px solid var(--accent);background:var(--accent-pale)}.rank-n{background:var(--fond-2);width:34px;height:34px;color:var(--fort);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.rank-n.r1{color:#3a2a00;background:#f2b705}.rank-n.r2{color:#1f2937;background:#c9d1dc}.rank-n.r3{color:#3b1f08;background:#d59a62}.up{color:var(--vert)}.down{color:var(--accent-fonce)}.podium{grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:8px;margin:6px 0 16px;display:grid}.podium-step{color:var(--fort);flex-direction:column;align-items:center;gap:2px;min-width:0;text-decoration:none;animation:.5s both rise;display:flex}.podium-step.p1{animation-delay:.25s}.podium-step.p2{animation-delay:.1s}.podium-step.p3{animation-delay:.35s}.podium-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:700;overflow:hidden}.podium-block{width:100%;font-family:var(--titre);color:#fff;border-radius:12px 12px 4px 4px;justify-content:center;align-items:flex-start;padding-top:8px;font-size:1.6rem;font-weight:700;display:flex}.p1 .podium-block{background:linear-gradient(#f2b705,#c99400);height:96px}.p2 .podium-block{background:linear-gradient(#9aa6bd,#6b778d);height:72px}.p3 .podium-block{background:linear-gradient(#d59a62,#a86a35);height:56px}.podium-crown{color:#f2b705;animation:2.4s ease-in-out infinite crown}@keyframes crown{0%,to{transform:translateY(0)rotate(-6deg)}50%{transform:translateY(-4px)rotate(6deg)}}.spark{width:100%;height:auto;margin-top:8px;overflow:visible}.spark-line{fill:none;stroke:var(--accent);stroke-width:3px;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1200;stroke-dashoffset:1200px;animation:1.2s ease-out forwards draw}.spark-area{fill:var(--accent-pale);opacity:.7}.spark-dot{fill:var(--vif);stroke:var(--fort);stroke-width:2px}@keyframes draw{to{stroke-dashoffset:0}}.demo{border-style:dashed}@media (prefers-reduced-motion:reduce){.xp-fill,.spark-line,.podium-step,.podium-crown,.result-card,.level-up{stroke-dashoffset:0;animation:none}}.player-head .kpi{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.player-head .kpi>div{padding:8px 2px}.player-head .kpi .n{font-size:1.25rem}