/* Atelier Sylphyo. Copyright (c) 2026 Aodyo Instruments. Tous droits reserves. Reproduction, redistribution, mise en ligne ailleurs et reutilisation de tout ou partie de ce code interdites sans accord ecrit prealable. All rights reserved. Reproduction, redistribution, re-hosting and reuse of any part of this code are not permitted without prior written consent. contact@aodyo.com */ :root{ --paper:#FFFDF8; --cream:#FBF7EC; --paper2:#F6F3EA; --paper3:#F1EADA; --card:#FFFFFF; --ink:#111111; --ink2:#3A3630; --muted:#6F6858; --violet:#5C3DFF; --violet2:#8B5CF6; --lilac:#C9BFFF; --accent-lis:var(--violet); --coral:#FF6A32; --pink:#FF5DA2; --yellow:#FFD24A; --mint:#2FC98A; --cyan:#35D6F0; --pop:6px 6px 0 var(--ink); --pop-sm:3px 3px 0 var(--ink); --pop-lg:12px 12px 0 var(--ink); --bd:2.2px solid var(--ligne); --r:22px; --r-sm:14px; --r-lg:28px; --scene:#141024; --dot:#111111; --dot-a:.055; --ligne:var(--ink); --jaune-pale:color-mix(in srgb, var(--yellow) 18%, var(--card)); --sur-vif:#111111; --sur-corail:#111111; --sur-violet:#FFFDF8; --sur-f:#15121C; --sur-scene:#FFFDF8; --rouge:#B00020; --rule:color-mix(in srgb, var(--ink) 28%, var(--paper)); --disp:"Space Grotesk",system-ui,sans-serif; --grot:"Space Grotesk",system-ui,sans-serif; --body:"Space Grotesk",system-ui,sans-serif; --mono:"Space Mono",ui-monospace,monospace; } :root[data-theme="dark"]{ --paper:#15121C; --cream:#1C1826; --paper2:#221D2E; --paper3:#2B2438; --card:#1C1826; --ink:#F6F3EA; --ink2:#CFC8BA; --muted:#948C7E; --violet:#9B7CFF; --violet2:#B79BFF; --lilac:#3A2F58; --coral:#FF8757; --pink:#FF7FB6; --yellow:#FFD24A; --mint:#4EDBA2; --cyan:#5FE2F5; --scene:#0C0916; --dot:#FFFFFF; --dot-a:.045; --sur-violet:#111111; --rouge:#FF8B80; } :root[data-theme="neon"]{ --paper:#06050B; --cream:#0B0915; --paper2:#120F22; --paper3:#1A1630; --card:#0E0B1B; --ink:#E8FBFF; --ink2:#B7E9F2; --muted:#8A9BB8; --violet:#B026FF; --violet2:#D36BFF; --lilac:#2A1050; --accent-lis:#B73AFF; --coral:#FF3D5A; --pink:#FF2BD6; --yellow:#C6FF1A; --mint:#00FFA3; --cyan:#00E5FF; --scene:#04030A; --dot:#00E5FF; --dot-a:.07; --ligne:#00E5FF; --pop:0 0 14px rgba(0,229,255,.55); --pop-sm:0 0 8px rgba(0,229,255,.5); --pop-lg:0 0 28px rgba(176,38,255,.6); --rouge:#FF8B80; } :root[data-theme="papier"]{ --paper:#F6ECD8; --cream:#F0E4CA; --paper2:#E8D9B9; --paper3:#DECCA4; --card:#FBF4E3; --ink:#2B1D0E; --ink2:#5A4630; --muted:#8A7758; --violet:#B3541E; --violet2:#D2793F; --lilac:#EAD3B3; --accent-lis:#9F4B1B; --coral:#C7401F; --pink:#B94F72; --yellow:#E9B949; --mint:#5F8F4A; --cyan:#3F8FA3; --scene:#2B1D0E; --dot:#2B1D0E; --dot-a:.07; --sur-corail:#FFFDF8; } :root[data-theme="encre"]{ --paper:#FFFFFF; --cream:#FFFFFF; --paper2:#F2F2F2; --paper3:#E4E4E4; --card:#FFFFFF; --ink:#000000; --ink2:#1A1A1A; --muted:#505050; --violet:#1A5CFF; --violet2:#4D7CFF; --lilac:#D6E0FF; --coral:#E03000; --pink:#E0007A; --yellow:#FFE600; --mint:#00A050; --cyan:#0090B0; --scene:#000000; --dot:#000000; --dot-a:0; --bd:2.6px solid var(--ligne); --sur-corail:#FFFFFF; } *{box-sizing:border-box;min-width:0} html,body{max-width:100%;overflow-x:hidden} body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:14.5px;line-height:1.6;-webkit-font-smoothing:antialiased} body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:var(--dot-a); background-image:radial-gradient(var(--dot) 1.6px,transparent 1.7px);background-size:15px 15px} h1,h2,h3{font-family:var(--disp);font-weight:900;margin:0;letter-spacing:-.03em;text-wrap:balance;line-height:1.08} .mono{font-family:var(--mono)} code{font-family:var(--mono);font-size:.87em;background:var(--paper3);border-radius:4px;padding:1px 5px} .frame{max-width:1260px;margin:8px 8px 24px;background:var(--cream);border:var(--bd);border-radius:16px;box-shadow:5px 5px 0 var(--ink)} @media(min-width:900px){.frame{margin:26px auto 64px;border-radius:var(--r-lg);box-shadow:var(--pop-lg)}} .pied{max-width:1260px;margin:-6px 8px 22px;padding:0 10px;display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;justify-content:center; font-family:var(--mono);font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)} @media(min-width:900px){.pied{margin:-40px auto 36px}} .pied a,.pied button.pied-lien{color:var(--muted);text-decoration:none;border:0;border-bottom:1px dotted var(--muted);border-radius:0; background:none;box-shadow:none;padding:0;margin:0;min-width:0;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;line-height:1.4} .pied a:hover,.pied button.pied-lien:hover{color:var(--violet);border-bottom-color:var(--violet);background:none;box-shadow:none;transform:none} html[lang="en"] .lg-fr{display:none!important} html:not([lang="en"]) .lg-en{display:none!important} button.lienlegal{color:inherit;text-decoration:none;border:0;border-bottom:1px dotted currentColor;border-radius:0; background:none;box-shadow:none;padding:0;margin:0;min-width:0;height:auto;font:inherit;letter-spacing:inherit; text-transform:inherit;cursor:pointer;line-height:inherit} button.lienlegal:hover{color:var(--violet);background:none;box-shadow:none;transform:none} .legal-fen .carte h3{font-family:var(--disp);font-weight:900;font-size:15px;margin:20px 0 6px;scroll-margin-top:14px} .legal-fen .carte p{font-family:var(--body);font-size:13px;line-height:1.55;margin:0 0 8px} .legal-fen .carte p.legaldate{font-family:var(--mono);font-size:10.5px;color:var(--muted);margin:-4px 0 10px} .legal-fen .carte p.legalnav{display:flex;flex-wrap:wrap;gap:6px 16px;font-family:var(--mono);font-size:10.5px; letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px} .legal-fen .carte a{color:inherit} .ellegal{margin:10px 0 0} .band{background:var(--violet);color:var(--sur-violet);border-top:1.6px solid var(--ligne);border-bottom:1.6px solid var(--ligne);overflow:hidden;margin:14px -10px;padding:9px 0} @media(min-width:900px){.band{border-top:var(--bd);border-bottom:var(--bd);margin:26px -22px;padding:14px 0}} .band div{display:flex;gap:0;width:max-content;white-space:nowrap;animation:slide 26s linear infinite;will-change:transform} .band span{flex:0 0 auto;font-family:var(--body);font-weight:700;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;padding-right:2em} @media(min-width:900px){.band span{font-size:14.5px;letter-spacing:.19em;padding-right:2.2em}} @keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}} @media(prefers-reduced-motion:reduce){.band div{animation:none}} .top{ position:sticky;top:0;z-index:50;background:var(--cream); border-bottom:var(--bd);padding:8px 10px;border-radius:16px 16px 0 0; } @media(min-width:900px){.top{padding:12px 22px;border-radius:16px 16px 0 0}} .top-in{display:flex;flex-wrap:wrap;gap:7px;align-items:center} @media(min-width:900px){.top-in{gap:12px}} .brand{font-family:var(--grot);font-weight:800;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;margin-right:2px} @media(min-width:900px){.brand{font-size:14.5px;letter-spacing:.14em;margin-right:4px}} .brand i{font-style:normal;color:var(--violet)} .beta{font-family:var(--grot);display:inline-flex;align-items:center;flex:none;font-weight:800;font-size:10.5px;letter-spacing:.1em; text-transform:uppercase;line-height:1;padding:4px 8px;border-radius:999px;border:1.5px solid var(--violet); color:var(--violet);white-space:nowrap;cursor:help;user-select:none} .mark{width:118px;height:23px;color:var(--ink);flex:none;margin-right:4px;opacity:.85} .glh2{display:flex;align-items:center;gap:8px} .glcarte .glstatut{display:block;font-size:11.5px;color:var(--muted);margin-top:2px} .glcarte .ctl.wide{flex:0 0 150px} .glcarte .ctl.wide input[type=range]{min-width:40px} @media(max-width:760px){.mark{display:none}} .conn{display:flex;flex-wrap:wrap;gap:4px;align-items:center; flex:1 1 auto;min-width:0;justify-content:flex-end} @media(min-width:900px){ .conn{flex:1 1 auto;min-width:0;justify-content:flex-end} #compteBtn{max-width:130px} button.icon{min-width:64px} .state{max-width:300px} } .state{ display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10.5px; border:1.2px solid var(--ligne);border-radius:999px;padding:5px 11px;background:var(--card); max-width:190px;min-width:0;flex:1 1 auto; } @media(min-width:700px){.state{font-size:10.5px;padding:6px 14px;max-width:340px;flex:0 0 auto}} .state span.txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .dot{width:9px;height:9px;border-radius:50%;background:var(--muted);flex:none} .dot.on{background:var(--mint)} .dot.err{background:var(--coral)} .dot.rx{background:var(--yellow)} button.icon{min-width:74px} #prefBtn{display:inline-flex;align-items:center;gap:6px} #prefBtn .prefico{font-size:16px;line-height:0} .mini{display:none;font-family:var(--mono);font-size:10.5px;border:1.2px solid var(--ligne);border-radius:999px;padding:5px 11px;background:transparent;color:var(--ink2);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} @media(min-width:700px){.mini{display:inline-block}} .mini[hidden]{display:none} .edligne{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px} .edcarte{position:relative} :is(#sonsLigne,#reglLigne,#doiLigne,#accLigne).edligne > .fabtete{position:absolute;left:16px;top:0;transform:translateY(-50%); z-index:3;max-width:calc(100% - 52px);margin:0;flex:0 0 auto; border:var(--bd);border-radius:999px;background:var(--card,var(--paper));padding:3px 12px; display:flex;align-items:baseline;gap:8px;white-space:nowrap} :is(#sonsLigne,#reglLigne,#doiLigne,#accLigne).edligne > .fabtete .ft-l{flex:0 1 auto;min-width:0;display:flex;align-items:baseline; gap:8px;flex-wrap:nowrap;overflow:hidden} :is(#sonsLigne,#reglLigne,#doiLigne,#accLigne).edligne > .fabtete .ft-quoi{display:none} :is(#sonsLigne,#reglLigne,#doiLigne,#accLigne).edligne > .fabtete .ft-nom{font-family:var(--grot);font-weight:700; font-size:12.5px;line-height:1.25;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} :is(#sonsLigne,#reglLigne,#doiLigne,#accLigne).edligne > .fabtete .ft-ou{font-family:var(--mono);font-size:9.5px; color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} :is(#sonsLigne,#reglLigne,#doiLigne,#accLigne).edligne > .fabtete .ft-nom{flex:0 0 auto;max-width:100%} :is(#sonsLigne,#reglLigne,#doiLigne,#accLigne).edligne > .fabtete .ft-ou{flex:1 1 0;min-width:0} :is(#sonsLigne,#reglLigne,#doiLigne,#accLigne).edligne > .fabtete .ft-modif{font-size:9.5px;padding:1px 8px; border-width:1.5px;margin:0;align-self:center;line-height:1.3} :is(#sonsLigne,#reglLigne,#doiLigne,#accLigne).edligne > .fabtete .ft-modif[hidden]{display:none} .fabtete .ft-garder{flex:0 0 auto;font-family:var(--grot);font-weight:800;font-size:10.5px;line-height:1.3; border:2px solid var(--ligne);border-radius:999px;padding:2px 11px;margin:0;box-shadow:none;cursor:pointer; background:var(--ligne);color:var(--card,var(--paper));white-space:nowrap;align-self:center} .fabtete .ft-garder:hover{filter:brightness(1.25)} .fabtete .ft-garder[hidden]{display:none} :is(#sonsLigne,#reglLigne,#doiLigne,#accLigne).edligne > .fabtete .ft-garder{font-size:9.5px;padding:1px 9px;border-width:1.5px} .mrvoici{outline:3px solid var(--violet);outline-offset:3px;animation:mrvoici 1.1s ease-in-out 2} @keyframes mrvoici{50%{outline-color:transparent}} .edcarte{margin-top:16px} .card.edcarte,.carte.edcarte{overflow:visible} :is(#sonsLigne,#doiLigne,#accLigne).edligne{margin-top:12px} #reglLigne.edligne{margin-top:20px} #p-sons .edcarte #sonsTete{margin:0;padding:0;border-bottom:0} :is(#panBib) #bibZone .bibbarre button.small{font-size:10.5px;padding:6px 12px} #p-doigte .edcarte #doiEntete,#p-acc .edcarte #accEntete{margin:0;padding:0;border-bottom:0} :is(#doiLigne,#accLigne).edligne{margin-bottom:0} :is(#sonsLigne,#reglLigne,#doiLigne,#accLigne).edligne > .fabtete.verrou{background:var(--paper)} :is(#sonsLigne,#reglLigne,#doiLigne,#accLigne).edligne > .fabtete.verrou .ft-l::before{ content:"\1F512";font-family:var(--grot);font-size:12px;line-height:1; color:var(--ink2);flex:0 0 auto;align-self:center} :is(#sonsLigne,#reglLigne,#doiLigne,#accLigne).edligne > .aide{margin-left:auto} #sonsLigne.edligne > .aide{margin-left:0} #sonsLigne.edligne > .sons-barre{margin:0 0 0 auto;gap:9px;flex-wrap:nowrap} #sonsLigne.edligne > .sons-barre > #btJouer{order:9} #sonsLigne.edligne > .sons-barre > #btDirect{order:8} #reglLigne.edligne > .ft-vie{margin-left:auto;display:inline-flex;align-items:center;gap:8px;flex:0 0 auto} #reglLigne.edligne > .ft-vie ~ .aide{margin-left:0} #reglLigne.edligne > .ft-vie .bibdate{font-family:var(--mono);font-size:10.5px;color:var(--muted)} #reglLigne.edligne > .ft-vie button{padding:4px 10px;font-size:10.5px} .edligne [hidden]{display:none} :is(#sonsLigne,#reglLigne,#doiLigne,#accLigne).edligne .modebar, :is(#sonsLigne,#reglLigne,#doiLigne,#accLigne).edligne .souso{margin:0;padding:0;border:0;gap:0; flex:0 0 auto;align-items:center;min-height:0} :is(#sonsLigne,#reglLigne,#doiLigne,#accLigne).edligne .modebar{gap:0} :is(#sonsLigne,#reglLigne,#doiLigne,#accLigne).edligne .modebar .lab, :is(#sonsLigne,#reglLigne,#doiLigne,#accLigne).edligne #modeDire{display:none} :is(#sonsLigne,#reglLigne,#doiLigne,#accLigne).edligne .modebar .sons-barre{margin:0 0 0 10px;gap:9px} :is(#sonsLigne,#reglLigne,#doiLigne,#accLigne).edligne :is(.modebar,.souso) > button{ border:0;border-radius:0;box-shadow:none;padding:6px 13px;font-size:12px; margin:0;top:0;background:none;font-family:var(--grot);font-weight:700} :is(#sonsLigne,#reglLigne,#doiLigne,#accLigne).edligne :is(.modebar,.souso) > button:hover{ background:var(--paper2);transform:none;box-shadow:none;top:0} :is(#sonsLigne,#reglLigne,#doiLigne,#accLigne).edligne :is(.modebar,.souso) > button.on{ background:var(--violet);color:var(--sur-violet);border-color:var(--violet);top:0} :is(#sonsLigne,#reglLigne,#doiLigne,#accLigne).edligne :is(.modebar,.souso) > button.on:hover{ background:var(--violet)} :is(#sonsLigne,#reglLigne,#doiLigne,#accLigne).edligne .modebar, :is(#sonsLigne,#reglLigne,#doiLigne,#accLigne).edligne .souso{ border:1.5px solid var(--ligne);border-radius:999px;overflow:hidden} :is(#sonsLigne).edligne .modebar{border:0;border-radius:0} :is(#sonsLigne).edligne .modebar > button{border:1.5px solid var(--ligne)} :is(#sonsLigne).edligne .modebar > button:first-of-type{border-radius:999px 0 0 999px} :is(#sonsLigne).edligne .modebar > button + button{border-left:0} :is(#sonsLigne).edligne .modebar > button:last-of-type{border-radius:0 999px 999px 0} :is(#sonsLigne).edligne .symode{display:inline-flex;border:1.5px solid var(--ligne); border-radius:999px;overflow:hidden} :is(#sonsLigne).edligne .symode[hidden]{display:none} :is(#sonsLigne).edligne .symode > button{border:0;border-radius:0;margin:0;box-shadow:none; font-size:11px;padding:6px 11px} :is(#sonsLigne).edligne .symode > button[aria-pressed="true"]{background:var(--violet);color:var(--sur-violet)} :is(#sonsLigne).edligne #syVueRacks{font-size:11px;padding:6px 12px} .cartetete{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin:0 0 15px} .cartetete h2{margin:0;font-size:19px;letter-spacing:-.015em} .cartetete .carteinfo{font-size:12.5px;color:var(--muted)} .cartefiltre{display:inline-flex;border:1.5px solid var(--ligne);border-radius:999px; overflow:hidden} .cartefiltre button{border:0;border-radius:0;padding:7px 15px;font-size:12px;margin:0; box-shadow:none;background:none} .cartefiltre button:hover{background:var(--paper2);transform:none;box-shadow:none} .cartefiltre button.on{background:var(--violet);color:var(--sur-violet)} .cartefiltre button.on:hover{background:var(--violet)} .cartehote > [hidden]{display:none} :is(#p-doigte,#p-admin,#p-jeu,#dpanBib,#dpanGal,#dpanFlu,#rpanBib,#rpanGal) .souso[hidden], :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .souso[hidden], .souso[hidden]{display:none} #fichierBtn,#outilsBtn{font-family:var(--grot);font-weight:800;font-size:10.5px;letter-spacing:.08em; text-transform:uppercase;background:transparent;border:0;border-bottom:4px solid transparent; box-shadow:none;border-radius:0;padding:10px 10px;cursor:pointer;color:var(--ink); white-space:nowrap} @media(min-width:900px){#fichierBtn,#outilsBtn{padding:14px 15px;font-size:12.5px}} #fichierBtn:hover,#outilsBtn:hover{background:transparent;color:var(--violet);transform:none;box-shadow:none} #fichierBtn[aria-expanded="true"],#outilsBtn[aria-expanded="true"]{color:var(--accent-lis,var(--violet))} #fichierBtn[aria-disabled="true"]{opacity:.42} .tabs{border-bottom:var(--bd);background:var(--cream);position:sticky;top:44px;z-index:49} @media(min-width:900px){.tabs{top:59px}} .tabs-in{display:flex;gap:0;overflow-x:auto;padding:0 6px;-webkit-overflow-scrolling:touch;scrollbar-width:none} .tabs-in::-webkit-scrollbar{display:none} @media(min-width:900px){.tabs-in{padding:0 14px}} .tab{ font-family:var(--grot);font-weight:800;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase; background:transparent;border:0;border-bottom:4px solid transparent;box-shadow:none;border-radius:0; padding:10px 10px;cursor:pointer;color:var(--muted);white-space:nowrap; } @media(min-width:900px){.tab{padding:14px 15px;font-size:12.5px}} .tab:hover{color:var(--ink);background:transparent;transform:none;box-shadow:none} .tab[aria-selected=true]{color:var(--accent-lis,var(--violet));border-bottom-color:var(--violet)} .tabsep{flex:0 0 auto;align-self:center;width:1.5px;height:16px; background:var(--paper3);margin:0 4px;display:none} @media(min-width:900px){.tabsep{display:block;margin:0 9px}} .tab b{display:inline-block;min-width:18px;height:18px;line-height:18px;border-radius:8px;background:var(--violet);color:var(--sur-violet);font-size:10.5px;margin-left:7px;padding:0 5px} #menuBtn{display:none;align-items:center;gap:10px;width:100%;text-align:left; font-family:var(--grot);font-weight:800;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase; background:transparent;border:0;border-bottom:4px solid var(--violet);box-shadow:none;border-radius:0; padding:11px 12px;color:var(--accent-lis,var(--violet))} #menuBtn:hover{transform:none;box-shadow:none;background:transparent} .burger-trait{position:relative;width:18px;height:2px;background:currentColor;flex:0 0 auto;border-radius:2px} .burger-trait::before,.burger-trait::after{content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor;border-radius:2px} .burger-trait::before{top:-6px} .burger-trait::after{top:6px} #menuBtn[aria-expanded="true"] .burger-trait{background:transparent} #menuBtn[aria-expanded="true"] .burger-trait::before{top:0;transform:rotate(45deg)} #menuBtn[aria-expanded="true"] .burger-trait::after{top:0;transform:rotate(-45deg)} @media(max-width:640px){ #menuBtn{display:flex} .tabs-in{display:none;flex-direction:column;align-items:stretch;overflow:visible;padding:4px 6px 10px;gap:0} .tabs.ouvert .tabs-in{display:flex} .tabs-in .tab,.tabs-in #fichierBtn,.tabs-in #outilsBtn{text-align:left;padding:12px 10px;font-size:12.5px; border-bottom:0;border-left:4px solid transparent} .tabs-in .tab[aria-selected=true]{border-left-color:var(--violet)} .tabs-in .tabsep{display:block;width:auto;height:1.5px;margin:4px 6px} .tabs-in .sydeco{padding:10px 10px} } .wrap{padding:12px 10px 20px} @media(min-width:900px){.wrap{padding:26px 22px 44px}} .page{display:none} .page.on{display:block} #p-sons, #p-synop, #panBib, #panGal, #panFlu{ --papier:var(--paper); --paper2s:var(--paper2); --encre:var(--ink); --jaune:var(--yellow); --menthe:var(--mint); --corail:var(--coral); --gris:var(--muted); --trait:var(--paper3); --creme:var(--paper2); --titre:var(--disp); --texte:var(--body); --pop:var(--pop-sm); --pop-sm:var(--pop-sm); } @media(prefers-color-scheme:dark){}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) button, :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) select, :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) input{font-family:inherit;color:var(--encre)}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) button{font-family:var(--grot);font-weight:700;font-size:12.5px;background:transparent; border:1.5px solid var(--encre);border-radius:999px;padding:8px 15px;cursor:pointer; transition:transform .1s,box-shadow .1s,background .1s}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) button:hover{transform:translate(-1px,-1px);box-shadow:var(--pop-sm);background:var(--paper2)}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) button:active{transform:translate(1px,1px);box-shadow:none}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) button.gros{font-size:14.5px;padding:11px 22px}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) button.sgo{background:var(--menthe);color:var(--sur-vif);border-color:var(--sur-vif)}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) button.stop{background:var(--corail);color:var(--sur-vif);border-color:var(--sur-vif)}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) button.jaune{background:var(--jaune);color:var(--sur-vif);border-color:var(--sur-vif)}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) button:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) select{background:var(--papier);border:1.5px solid var(--encre);border-radius:12px;padding:7px 10px;font-size:12.5px;max-width:100%}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) header{position:sticky;top:0;z-index:30;background:var(--papier);border-bottom:2.5px solid var(--encre); display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px clamp(12px,3vw,28px)}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .marque{font-family:var(--titre);font-weight:900;letter-spacing:-.02em;font-size:20px;margin-right:6px}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .marque span{color:var(--violet)}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .pousse{margin-left:auto}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .etat{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--gris)}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .pt{width:9px;height:9px;border-radius:50%;background:var(--gris);display:inline-block;margin-right:6px;vertical-align:middle}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .pt.on{background:var(--menthe)}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) main{display:grid;grid-template-columns:1fr;gap:18px;padding:18px clamp(12px,3vw,28px) 60px;max-width:1500px;margin:0 auto} @media(min-width:1080px){:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) main{grid-template-columns:340px 1fr}}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .carte{border:2.5px solid var(--encre);border-radius:16px;background:var(--papier);box-shadow:var(--pop);padding:16px 18px}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .carte h2{font-family:var(--titre);font-weight:900;font-size:17px;margin:0 0 10px;letter-spacing:-.01em}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .carte h3{font-family:var(--grot);font-weight:700;font-size:12.5px;margin:16px 0 8px;color:var(--gris); letter-spacing:.06em;text-transform:uppercase}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) aside{display:flex;flex-direction:column;gap:18px} @media(min-width:1080px){:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) aside{position:sticky;top:74px;align-self:start;max-height:calc(100vh - 96px);overflow:auto}}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .ligne:not([hidden]){display:flex;align-items:center;gap:10px;margin-bottom:9px}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .ligne label{flex:0 0 96px;font-size:12.5px;color:var(--gris);font-family:var(--grot);font-weight:700}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .ligne input[type=range]{flex:1;min-width:0}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .ligne .sv{font-family:var(--mono);font-size:10.5px;min-width:46px;text-align:right;color:var(--gris)}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) input[type=range]{-webkit-appearance:none;appearance:none;height:8px;border-radius:999px; background:var(--trait);outline:none}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%; background:var(--violet);border:2px solid var(--encre);cursor:pointer}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--violet); border:2px solid var(--encre);cursor:pointer}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) #clavier{display:flex;gap:3px;margin-top:6px;user-select:none;touch-action:none}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .touche{flex:1;height:74px;border:1.5px solid var(--encre);border-radius:0 0 8px 8px;background:var(--papier); cursor:pointer;position:relative;font-family:var(--mono);font-size:9px;color:var(--gris); display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .clavlettres{font-family:var(--mono);font-size:10.5px;color:var(--gris); letter-spacing:.05em} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .touche .lettre{position:absolute;top:5px;left:0;right:0;text-align:center; font-style:normal;font-family:var(--mono);font-size:9px;font-weight:700;opacity:.55} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .touche.noire .lettre{opacity:.75} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .touche.noire{background:var(--encre);color:var(--papier);flex:.66}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .touche.jouee{background:var(--jaune);color:var(--sur-vif)}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .familles:not([hidden]){display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .familles[hidden], :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) [hidden]{display:none}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .familles button{font-size:12.5px;padding:7px 13px}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .familles button.actif{background:var(--violet);color:var(--sur-violet);border-color:var(--violet)}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .sec{border:2px solid var(--encre);border-radius:16px;margin-bottom:12px;overflow:hidden;background:var(--paper2)}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .sec>summary{cursor:pointer;padding:11px 15px;font-family:var(--grot);font-weight:700;font-size:14.5px; list-style:none;display:flex;align-items:center;gap:10px}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .sec>summary::-webkit-details-marker{display:none}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .sec>summary:before{content:"›";font-size:17px;transition:transform .15s;display:inline-block}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .sec[open]>summary:before{transform:rotate(90deg)}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .sec .corps{padding:4px 15px 14px;background:var(--papier);border-top:2px solid var(--encre)}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .pastille{font-family:var(--mono);font-size:10.5px;padding:2px 8px;border-radius:999px;background:var(--violet);color:var(--sur-violet)}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .pastille.off{background:transparent;color:var(--gris);border:1.5px solid var(--trait)}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .p{display:grid;grid-template-columns:1fr;gap:3px;padding:8px 0;border-bottom:1px solid var(--trait)}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .p:last-child{border-bottom:none} @media(min-width:620px){:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .p{grid-template-columns:180px 1fr 130px;align-items:center;gap:12px}}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .p .nom{font-size:14.5px;font-weight:600}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .p .val{font-family:var(--mono);font-size:12.5px;color:var(--gris);text-align:right}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .p select{width:100%}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .p.modif .nom:after{content:"•";color:var(--corail);margin-left:6px;font-weight:900}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .avis{border:2px solid var(--encre);border-left-width:10px;border-left-color:var(--jaune); border-radius:12px;padding:11px 14px;font-size:14.5px;margin-top:12px;background:var(--papier)}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .avis.violet{border-left-color:var(--violet)}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .avis.rouge{border-left-color:var(--corail)}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) textarea{width:100%;height:100px;font-family:var(--mono);font-size:10.5px;border:1.5px solid var(--encre); border-radius:12px;padding:9px;background:var(--paper2);color:var(--encre);resize:vertical}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .sbar:not([hidden]){display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .sbar[hidden]{display:none}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) textarea[hidden]{display:none}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) canvas{width:100%;height:56px;display:block;border:1.5px solid var(--encre);border-radius:12px;background:var(--paper2)}:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .smini{font-size:12.5px;color:var(--gris);margin:4px 0 0} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .sons-barre{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .edligne > .sons-barre{margin-bottom:0} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .enrligne{display:flex;align-items:center;gap:6px;margin-top:6px} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .enrbtn{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) #enrOublier,:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) #enrJouer{padding:0 7px;line-height:1.4;font-size:12px} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .priseroll{width:100%;height:72px;display:block;margin-top:6px;border:1.6px solid var(--ligne);border-radius:8px;background:var(--paper2)} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .priseroll[hidden]{display:none} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .sons-etat{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .pt{width:9px;height:9px;border-radius:50%;background:var(--muted);display:inline-block;margin-right:6px;vertical-align:middle} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .pt.on{background:var(--mint)} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .sons-grille{display:grid;grid-template-columns:1fr;gap:var(--gap)} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .jouerbande{display:grid;gap:14px 18px;align-items:start; grid-template-columns:1fr} @media(min-width:900px){ :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .jouerbande{grid-template-columns:200px 230px 230px 1fr} } :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .jouerbande h3{margin:0 0 6px} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .jouerbande[hidden]{display:none} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .jgr{min-width:0} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .jgr-scope canvas{width:100%;height:56px;display:block} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .jgr-scope .smini{margin:4px 0 0} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .jgr-clav .clavoct{display:flex;align-items:center;gap:8px; flex-wrap:wrap;margin-bottom:6px} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .jgr-clav .clavoct h3{margin:0} #p-synop .jouerrack{padding:0;border:0;background:none;box-shadow:none} @media(min-width:900px){ #p-synop .syrack[data-rack="jouer"] .jouerrack{grid-template-columns:200px 230px 1fr} #p-synop .syrack[data-rack="expression"] .jouerrack{grid-template-columns:minmax(280px,1fr) 250px} } #p-synop .soufcourbe{display:flex;flex-direction:column;gap:7px} #p-synop .soufcv{width:100%;height:96px;display:block;border:1.6px solid var(--ligne); border-radius:8px;background:var(--paper2);cursor:crosshair;touch-action:none} #p-synop .soufbarre{display:flex;align-items:center;gap:7px;flex-wrap:wrap} #p-synop .soufbarre select{font-size:10.5px;min-width:0} #p-synop .soufbarre button.on{background:var(--ink);color:var(--paper)} #p-synop .syrackzero{margin-top:9px;width:100%} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) aside{display:flex;flex-direction:column;gap:var(--gap)} @media(min-width:1080px){:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) aside{position:sticky;top:12px;align-self:start;max-height:calc(100vh - 40px);overflow:auto}} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .carte{border:var(--bd);border-radius:var(--r-sm);background:var(--card);box-shadow:var(--pop-sm);padding:16px 18px} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .carte h2{font-family:var(--disp);font-weight:900;font-size:17px;margin:0 0 10px;letter-spacing:-.01em} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .smini{display:block;border:0;padding:0;background:none;max-width:none;white-space:normal;overflow:visible;font-family:var(--body);font-size:12.5px;color:var(--muted);margin:4px 0 0} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) canvas{height:64px} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) button.sgo{background:var(--mint);color:var(--sur-vif);border-color:var(--ligne)} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) button.stop{background:var(--coral);color:var(--sur-corail);border-color:var(--ligne)} #btDirect .dir-on{display:none} #btDirect.on .dir-on{display:inline} #btDirect.on .dir-off{display:none} #btDirect::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;vertical-align:1px; background:var(--coral);border:1.5px solid var(--ligne)} #p-sons button#btDirect.on{background:var(--coral);color:var(--sur-corail);border-color:var(--ligne)} #p-sons button#btDirect.on::before{background:var(--paper);animation:dirPouls 1.2s ease-in-out infinite} #p-sons button#btDirect.envoi{opacity:.7;cursor:progress} @keyframes dirPouls{50%{opacity:.25}} #btDirect .dir-court{display:none} @media(max-width:560px){ #btDirect .dir-long{display:none} #btDirect .dir-court{display:inline} #sonsLigne.edligne > .sons-barre{flex-wrap:wrap;justify-content:flex-end;row-gap:6px} } @media(prefers-reduced-motion:reduce){#p-sons button#btDirect.on::before{animation:none}} .vericpu{font-family:var(--mono); font-size:10.5px; border:1.6px solid var(--ligne); border-radius:8px; padding:1px 7px; background:var(--paper); white-space:nowrap} .vericpu.tiede{background:var(--yellow);color:var(--sur-vif)} .vericpu.chaud{background:var(--coral); color:var(--sur-corail)} #p-synop .sytete{display:flex;align-items:center;gap:10px;flex-wrap:wrap; padding:12px 16px;border-bottom:var(--bd)} #p-synop .sytete h2{margin:0} #p-synop .sytete[hidden]{display:none} #p-synop .sytete h2[hidden]{display:none} #p-synop .sytete button{font-family:var(--grot);font-weight:700;font-size:12.5px; border:1.6px solid var(--ligne);border-radius:999px;background:var(--card); color:var(--ink);padding:6px 13px;cursor:pointer;box-shadow:var(--pop-sm)} #p-synop .sytete button.aideb{border-radius:50%;padding:0;width:20px;height:20px; font-size:10.5px;box-shadow:none} :root[data-theme="perso"] :is(#p-synop,#p-cab){ --c1:var(--p-c1); --c2:var(--p-c2); --c3:var(--p-c3); --sur-c:var(--p-sur-c); } .persogrille{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 10px;margin:10px 0 8px} .persogrille label{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink2)} .persogrille input[type="color"]{width:30px;height:26px;padding:0;border:1.4px solid var(--ligne); border-radius:8px;background:var(--card);cursor:pointer} :root[data-theme="dark"] :is(#p-synop,#p-cab), :root[data-theme="neon"] :is(#p-synop,#p-cab){ --c1:#FF8B80; --c2:#5FD9A0; --c3:#8CB8FF; --sur-c:#15121C; } #p-synop{--c1:#C0362F; --c2:#14784A; --c3:#2A5CB0; --c-hors:var(--ink); --f-gen:#8E7CF0; --f-osc:#E0645F; --f-fx:#3E8FD6; --f-mod:#2E9E7B; --f-map:#7FA83C; --sur-c:var(--sur-scene)} #p-synop .b1{--c:var(--c1)} #p-synop .b2{--c:var(--c2)} #p-synop .b3{--c:var(--c3)} #p-synop .f-gen{--c:var(--f-gen); --sur-c:var(--sur-f)} #p-synop .f-osc{--c:var(--f-osc); --sur-c:var(--sur-f)} #p-synop .f-fx{--c:var(--f-fx); --sur-c:var(--sur-f)} #p-synop .f-mod{--c:var(--f-mod); --sur-c:var(--sur-f)} #p-synop .f-map{--c:var(--f-map); --sur-c:var(--sur-f)} #p-cab{--c1:#C0362F; --c2:#14784A; --c3:#2A5CB0; --c-hors:var(--ink)} #p-cab .cabtete{display:flex;align-items:center;gap:10px;flex-wrap:wrap; padding:10px 0;border-bottom:var(--bd)} #p-cab .cabtete h2{margin:0;font-size:17px} #p-cab .cabtete button.aideb{border-radius:50%;padding:0;width:20px;height:20px; font-size:10.5px;box-shadow:none} #p-cab .cabtete .pousse{flex:1} #p-cab .cabcase{display:flex;align-items:center;gap:6px;font-size:12.5px; color:var(--ink);white-space:nowrap} #p-cab .cabetat{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em; text-transform:uppercase;color:var(--muted)} #p-cab .cabloupe{display:inline-flex;align-items:center;gap:0} #p-cab .cabloupe span{font-family:var(--mono);font-size:10.5px;color:var(--muted); min-width:44px;text-align:center} #p-cab .cabvue, #p-cab .cabtri{display:inline-flex;align-items:center;gap:4px} #p-cab .cabtri[hidden]{display:none} #p-cab .cabtri .mot{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-right:4px} #p-cab .cabvue button.on, #p-cab .cabtri button.on{background:var(--ink);color:var(--paper)} #p-cab.liste .cabboite, #p-cab.liste .cablegende{display:none} #p-cab .cabliste{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;align-items:start;margin-top:12px} #p-cab .cabmod{border:1.5px solid var(--ligne);border-radius:12px;background:var(--card);overflow:hidden} #p-cab .cabmod.b1{border-color:var(--c1);border-width:2px}#p-cab .cabmod.b2{border-color:var(--c2);border-width:2px}#p-cab .cabmod.b3{border-color:var(--c3);border-width:2px} #p-cab .cabmod > header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-bottom:1.5px solid var(--ligne);background:var(--paper2);cursor:pointer} #p-cab .cabmod > header b{font-family:var(--grot);font-size:12.5px;display:flex;align-items:center;gap:5px} #p-cab .cabmod > header b svg{width:18px;height:13px} #p-cab .cabmod.b1 > header b{color:var(--c1)}#p-cab .cabmod.b2 > header b{color:var(--c2)}#p-cab .cabmod.b3 > header b{color:var(--c3)} #p-cab .cabmod > header i{font-family:var(--mono);font-size:9px;font-style:normal;color:var(--muted)} #p-cab .cabmod table{width:100%;border-collapse:collapse} #p-cab .cabmod td{padding:5px 8px;border-top:1px solid color-mix(in srgb, var(--ink) 10%, transparent);vertical-align:middle;font-size:12.5px} #p-cab .cabmod tr{cursor:pointer} #p-cab .cabmod tr:hover td{background:var(--paper2)} #p-cab .cabmod tr:first-child td{border-top:none} #p-cab .cabmod td.n{font-family:var(--mono);font-size:9px;color:var(--muted);width:22px} #p-cab .cabmod td.src{font-family:var(--mono);font-size:10.5px;font-weight:700;white-space:nowrap} #p-cab .cabmod td.src svg{width:16px;height:12px;vertical-align:-2px;margin-right:3px} #p-cab .cabmod td.par{font-family:var(--mono);font-size:9px;text-transform:uppercase;color:var(--ink2);letter-spacing:.04em} #p-cab .cabmod td.dose{width:70px;min-width:70px} #p-cab .cabmod .barre{position:relative;height:6px;background:color-mix(in srgb, var(--ink) 12%, transparent);border-radius:4px;overflow:hidden} #p-cab .cabmod .barre i{position:absolute;top:0;bottom:0;background:var(--ink)} #p-cab .cabmod .barre i.moins{background:var(--c1)} #p-cab .cabmod .barre i.zero{background:none;border-left:2px solid var(--ink);left:50%} #p-cab .cabmod td.side{font-family:var(--mono);font-size:9px;color:var(--ink2);white-space:nowrap} #p-cab .cabmod td.side svg{width:11px;height:11px;vertical-align:-2px} #p-cab .cabmod .chip{font-family:var(--grot);font-size:10.5px;font-weight:800;border:1.5px solid var(--ligne);border-radius:8px;padding:0 5px;background:var(--card);line-height:1.35} #p-cab .cabmod .chip.b1{border-color:var(--c1);color:var(--c1)}#p-cab .cabmod .chip.b2{border-color:var(--c2);color:var(--c2)}#p-cab .cabmod .chip.b3{border-color:var(--c3);color:var(--c3)} #p-cab .cablibres{grid-column:1 / -1;font-family:var(--mono);font-size:10.5px;color:var(--muted)} #p-cab .cabboite{overflow:auto;border:1.8px solid var(--ligne);border-radius:12px; background:var(--paper2);padding:10px;margin-top:12px} #p-cab .cabplan{zoom:var(--sz,1)} #p-cab .cabn rect{fill:var(--card);stroke:var(--c,var(--ink));stroke-width:1.8} #p-cab .cabn.source rect,#p-cab .cabn.xform rect,#p-cab .cabn.map rect{stroke-width:2.4} #p-cab .cabn .bande{stroke:none} #p-cab .cabaudio rect{fill:var(--card);stroke:var(--ink);stroke-width:1.8} #p-cab .cabaudio text{font-family:var(--mono);font-size:10.5px;font-weight:800; fill:var(--ink);dominant-baseline:middle} #p-cab .cabaudio .sous{font-size:9px;font-weight:600;fill:var(--muted)} #p-cab .cabaudio .cable{fill:none;stroke:var(--ink);stroke-width:3;opacity:.75} #p-cab .cabaudio .bus{fill:none;stroke:var(--ink);stroke-width:3;opacity:.4} #p-cab .cabaudio .buset{font-size:9px;font-weight:800;fill:var(--muted); letter-spacing:.08em} #p-cab .cabaudio .mort rect{stroke:var(--muted);stroke-dasharray:3 4} #p-cab .cabaudio .mort text{fill:var(--muted)} #p-cab .cabaudio .mort .cable{opacity:.18} #p-cab .cabaudio .cliquable{cursor:pointer} #p-cab .cabsep{stroke:var(--ink);stroke-width:1.2;opacity:.25;stroke-dasharray:4 5} #p-cab .cabn text{font-family:var(--mono);font-size:10.5px;font-weight:800; fill:var(--ink);dominant-baseline:middle} #p-cab .cabn .sous{font-size:9px;font-weight:600;fill:var(--muted)} #p-cab .cabn.map rect{fill:var(--paper3)} #p-cab .cabn.geste rect{fill:var(--paper2)} #p-cab .cabn.cliquable{cursor:pointer} #p-cab .fil{fill:none;stroke:var(--c,var(--ink));stroke-width:2.2;opacity:.8; cursor:pointer} #p-cab .fil.side{stroke-dasharray:5 4;stroke-width:1.8} #p-cab .fil.mort{opacity:.3;stroke:var(--muted);stroke-width:1.4;stroke-dasharray:3 4} #p-cab .cabn.mort rect{stroke:var(--muted);stroke-dasharray:3 4} #p-cab .cabn.mort text{fill:var(--muted)} #p-cab.triage .fil:not(.on){opacity:.07} #p-cab.triage .cabn:not(.on){opacity:.15} #p-cab.triage .cabaudio .mod:not(.on){opacity:.2} #p-cab .fil.on{stroke-width:3.4;opacity:1} #p-cab .cabtitre{font-family:var(--mono);font-size:9px;font-weight:800; letter-spacing:.1em;text-transform:uppercase;fill:var(--muted)} #p-cab .cablegende{font-size:12.5px;color:var(--muted);margin:10px 0 0} #p-cab .cabvide{font-size:12.5px;color:var(--muted);padding:24px;text-align:center} #p-synop .syband{border:1.8px solid var(--ligne);border-radius:12px; background:var(--paper2);padding:8px 10px;overflow-x:auto;margin-bottom:12px} #p-synop #syBande{min-height:241px} #p-synop .syflux{display:flex;align-items:center;gap:6px;min-width:max-content} #p-synop .sypile{display:flex;flex-direction:column;gap:4px} #p-synop .syb{border:1.5px solid var(--ligne);border-radius:8px;background:var(--card); padding:3px 8px;min-width:78px;cursor:pointer;line-height:1.15;text-align:center} #p-synop .syb b{display:block;font-family:var(--grot);font-size:10.5px;font-weight:800} #p-synop .syb i{display:block;font-family:var(--mono);font-size:9px;font-style:normal; color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; max-width:101px} #p-synop .syb.off{opacity:.38;border-style:dashed} #p-synop .syb.vu{border-width:2.6px;border-color:var(--c,var(--ink)); box-shadow:var(--pop-sm);background:var(--paper)} #p-synop .syb.vu b{color:var(--c,var(--ink))} #p-synop .syb:hover{background:var(--paper2)} #p-synop .sylien{font-family:var(--mono);color:var(--muted);font-size:12.5px} #p-synop .syout{border:2.4px solid var(--ligne);border-radius:8px;background:var(--yellow);color:var(--sur-vif); padding:5px 9px;font-family:var(--grot);font-size:10.5px;font-weight:800} #p-synop .syscope{position:relative;display:inline-flex;align-items:center;width:190px;height:34px; border:1.6px solid var(--ligne);border-radius:8px;background:var(--scene);overflow:hidden} #p-synop .syscope canvas{width:100%;height:100%;display:block} #p-synop .syscopenom{position:absolute;top:2px;left:5px;font-family:var(--mono);font-size:9px;letter-spacing:.1em; text-transform:uppercase;color:var(--cyan);pointer-events:none} #p-synop .syscopev{position:absolute;bottom:2px;right:5px;font-family:var(--mono);font-size:9px;color:var(--cyan);pointer-events:none} #p-synop .syscope.muet .syscopenom, #p-synop .syscope.muet .syscopev{color:var(--muted)} #p-synop{position:relative} .sydeco{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;cursor:pointer; border:1.6px solid var(--ligne);border-radius:999px;padding:3px 10px 3px 7px;background:var(--card)} .sydeco input{margin:0} .sydeco:has(input:checked){background:var(--yellow);color:var(--sur-vif)} .sydiscobulle{position:fixed;z-index:60;max-width:300px;background:var(--ink);color:var(--paper); border-radius:12px;padding:8px 11px;font-size:12.5px;line-height:1.4;box-shadow:var(--pop-sm);pointer-events:none} .sydiscobulle b{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase; color:var(--yellow);margin-bottom:3px} .sydiscobulle i{display:block;font-style:normal;color:color-mix(in srgb, var(--paper) 70%, transparent);margin-top:4px;font-size:10.5px} body.sy-deco #p-synop .sycase, body.sy-deco #p-synop .sytete{cursor:help} #p-synop .symaitre{align-items:stretch;justify-content:center;gap:5px} #p-synop .symaster, #p-synop .symacro{position:absolute;left:50%;transform:translateX(-50%);font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;font-weight:800; color:var(--ink);background:var(--card);border:1.8px solid var(--ligne); padding:4px 14px 5px;box-shadow:none;cursor:pointer;text-align:center;line-height:1.2;z-index:2} #p-synop .symaster{top:0;border-top:none;border-radius:0 0 8px 8px} #p-synop .syband.b1{--c:var(--c1)} #p-synop .syband.b2{--c:var(--c2)} #p-synop .syband.b3{--c:var(--c3)} #p-synop .syband{border-width:2px;border-color:var(--c,var(--ligne))} #p-synop .sybandeou{position:absolute;top:0;left:12px;font-family:var(--mono);font-size:9px;letter-spacing:.14em; font-weight:800;text-transform:uppercase;color:var(--c,var(--muted));background:var(--card); border:1.5px solid var(--c,var(--ligne));border-top:none;border-radius:0 0 8px 8px;padding:3px 9px 4px;line-height:1.2;z-index:2} #p-synop .symacro{bottom:0;border-bottom:none;border-radius:8px 8px 0 0} #p-synop .symaster:hover, #p-synop .symacro:hover{transform:translateX(-50%);box-shadow:none;background:var(--paper)} #p-synop .symaster.vu, #p-synop .symacro.vu{border-width:2.4px;border-color:var(--c,var(--ink));color:var(--c,var(--ink));background:var(--paper)} #p-synop .symaster.vu{border-top:none} #p-synop .symacro.vu{border-bottom:none} #p-synop .syband{cursor:pointer} #p-synop .syoscs{position:relative;border:1.5px dashed var(--ligne);border-radius:12px;padding:14px 5px 5px;min-width:122px} #p-synop .syoscs.vu{border-style:solid;border-width:2.2px;border-color:var(--c,var(--ink))} #p-synop .syoscscap{position:absolute;top:-11px;left:8px;font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.1em; color:var(--paper);background:var(--ink);border:1.6px solid var(--ink);border-radius:999px; padding:2px 10px;box-shadow:var(--pop-sm);cursor:pointer;line-height:1.35;white-space:nowrap} #p-synop .syoscscap:hover{transform:none;box-shadow:var(--pop-sm);background:var(--ink2);border-color:var(--ink2)} #p-synop .syoscs.vu .syoscscap{background:var(--c,var(--ink));border-color:var(--c,var(--ink));color:var(--sur-c)} #p-synop .sysortie{display:flex;flex-direction:column;gap:6px} #p-synop .sysortie .syout{padding:5px 10px;font-size:10.5px} #p-synop .syband{position:relative;padding:30px 14px 30px} #p-synop .syflux{gap:10px} #p-synop .sypile{gap:6px} #p-synop .syb{min-width:101px;padding:5px 10px} #p-synop .syb b{font-size:12.5px} #p-synop .syb i{font-size:9px;max-width:124px} #p-synop .syoscs{padding:22px 8px 8px;min-width:147px} #p-synop .syoscscap{top:-10px;font-size:9px;padding:2px 9px} #p-synop .sybus{gap:10px} #p-synop .sybusrang{gap:8px} #p-synop .sycell{min-width:118px;min-height:40px} #p-synop .syb.symix{min-height:66px;min-width:124px} #p-synop .syband{overflow-x:hidden} #p-synop .syflux{min-width:0;width:100%;gap:6px} #p-synop .sypile{min-width:0;flex:0 1 auto} #p-synop .syb{min-width:64px;flex:0 1 auto;overflow:hidden;padding:4px 6px} #p-synop .syb i{max-width:none;min-width:0} #p-synop .syoscs{min-width:0;flex:0 1 auto;padding:20px 6px 6px} #p-synop .syoscs .sypile{min-width:0} #p-synop .sybus{flex:1 1 0;min-width:0} #p-synop .sybusrang{gap:6px} #p-synop .sycell{flex:1 1 0;min-width:0} #p-synop .sycell .syb{width:100%;min-width:0} #p-synop .syb.symix{min-width:104px;padding:10px 30px 10px 10px} #p-synop .sylien, #p-synop .sysortie, #p-synop .sybuset{flex:0 0 auto} #p-synop .sycase .vl.deux{height:24px;line-height:1.15;white-space:nowrap;font-size:9px} #p-synop .syrackgauche{flex:0 0 auto;width:118px;display:flex;flex-direction:column;gap:10px;min-width:0} #p-synop .syracks{flex:1 1 auto;display:flex;flex-direction:column;gap:10px;min-width:0} @media (max-width: 820px){ #p-synop .syrackgauche{width:auto} } #p-synop .syrack{border:1.8px solid var(--ligne);border-radius:12px;background:var(--card); min-width:0;overflow:hidden} #p-synop .syrack.syprise{opacity:.75;box-shadow:0 8px 24px rgba(0,0,0,.28)} #p-synop .syracktete{display:flex;align-items:center;gap:8px;padding:5px 9px; border-bottom:1.8px solid var(--ligne);background:var(--paper2); cursor:grab;touch-action:none;user-select:none} #p-synop .syrack.syprise .syracktete{cursor:grabbing} #p-synop .syracktete b{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase; font-weight:700;color:var(--muted)} #p-synop .syrackpoi{color:var(--muted);font-size:12.5px;line-height:1} #p-synop .syracktete .pousse{flex:1 1 auto} #p-synop .syrackdedans{padding:9px} #p-synop .syrackdedans > .syband{margin:0} #p-synop .syrackdedans > .sycadre{border:0;background:none;padding:0} #p-synop .syrackdedans > .sycadre > header{display:none} #p-synop .syrackliste{display:flex;flex-direction:column;gap:2px} #p-synop .syrackl{display:flex;align-items:center;gap:6px;min-width:0} #p-synop .syrackl .nm{flex:1 1 auto;min-width:0;font-size:10.5px;line-height:1.2; overflow-wrap:break-word} #p-synop .syrackl.eteint .nm{color:var(--muted)} #p-synop .syrackp,#p-synop .syrackf{border:0;background:none;padding:2px 3px;cursor:pointer; color:var(--ink);font-size:10.5px;line-height:1} #p-synop .syrackp{color:var(--mint)} #p-synop .syrackl.eteint .syrackp{color:var(--muted)} #p-synop .syrackf{color:var(--muted)} #p-synop .syrackp:disabled,#p-synop .syrackf:disabled{opacity:.3;cursor:default} #p-synop .sytrip.syplat .syesp{display:none} #p-synop .sytrip.syplat .sycolonne{padding-left:9px} #p-synop .syscopes{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))} #p-synop .syscopeb{border:1.8px solid var(--ligne);border-radius:8px;overflow:hidden;min-width:0;background:var(--card)} #p-synop .syscopet{display:flex;align-items:center;gap:6px;padding:4px 6px; border-bottom:1.8px solid var(--ligne);background:var(--paper2)} #p-synop .syscopet select{flex:1 1 auto;min-width:0;font-size:10.5px} #p-synop .syscopen{color:var(--muted);font-size:10.5px;min-width:9px} #p-synop .syscopeb .syscopev{position:static;color:var(--muted);font-size:10.5px;min-width:32px;text-align:right} #p-synop .syscopeb .syscopedur{font-family:var(--mono);font-size:9px;letter-spacing:.04em; color:var(--muted);opacity:.85;min-width:30px;text-align:right} #p-synop .syscopeb canvas{display:block;width:100%;height:86px} #p-synop .sytrip{display:grid;gap:10px;align-items:stretch; grid-template-columns:repeat(auto-fit,minmax(268px,1fr))} #p-synop .sycolonne{min-width:0;display:flex;flex-direction:column;gap:7px;position:relative;padding-left:15px} #p-synop .sycolonne{min-height:342px} #p-synop .sychips{display:none;gap:6px;margin:0 0 8px} #p-synop .sychips button{flex:1 1 0;font-size:11.5px;padding:7px 8px;border-radius:999px} #p-synop .sychips button.on{color:#fff;border-color:transparent} #p-synop .sychips button.b1.on{background:var(--c1)} #p-synop .sychips button.b2.on{background:var(--c2)} #p-synop .sychips button.b3.on{background:var(--c3)} @media(max-width:640px){ #p-synop .sychips{display:flex} #p-synop .sytrip{grid-template-columns:1fr} #p-synop .sytrip .sycolonne{display:none} #p-synop .sytrip .sycolonne.actif{display:flex} #syVueRacks{display:none !important} #p-synop .syband{overflow-x:auto;-webkit-overflow-scrolling:touch} #p-synop .syflux{min-width:max-content;width:auto} } #p-synop .sycolonne > .symodule{flex:1 1 auto} @media (max-width: 640px){ #p-synop .sygrille{grid-template-columns:repeat(4,1fr) !important} #p-synop .sygrille .sycase.sylarge{grid-column:1 / -1 !important} #p-synop .sygrille .sycase.syvide8{display:none} #p-synop div.sysel{grid-template-columns:repeat(4,1fr)} #p-synop div.symaps{grid-template-columns:repeat(2,1fr)} #p-synop .sycolonne{padding-left:0} #p-synop .sycolonne .syesp{display:none} } @media (max-width: 640px){ #ongCab{display:none !important} } #p-synop .sycolonne .syesp{position:absolute;left:0;top:0;bottom:0;width:13px;writing-mode:vertical-rl;transform:rotate(180deg); font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--c,var(--ink2)); opacity:.85;text-align:left;line-height:13px;white-space:nowrap;pointer-events:none;user-select:none} #p-synop .sycolonne .sysel{margin-top:auto} #p-synop .sycolonne .symodule{transition:opacity .12s, outline-color .12s} #p-synop .sycolonne:not(.actif) .symodule{opacity:.72} #p-synop .sycolonne:not(.actif):hover .symodule{opacity:.9; outline:2px solid var(--c,var(--ink));outline-offset:2px} #p-synop .sycolonne:not(.actif) .sysel{opacity:.78} #p-synop .sycolonne.actif .symodule{outline:2.6px solid var(--c,var(--ink)); outline-offset:2px;box-shadow:var(--pop-sm)} #p-synop .sycolonne.actif .symodule > header:after{content:"active"; margin-left:auto;font-family:var(--mono);font-size:9px;letter-spacing:.12em; text-transform:uppercase;opacity:.9} #p-synop .symodule > header{cursor:pointer} #p-synop .gsvoici{outline:3px solid var(--yellow);outline-offset:2px;border-radius:8px;animation:gsvoici .7s ease-in-out 4 alternate} @keyframes gsvoici{from{outline-color:var(--yellow)}to{outline-color:transparent}} @media (prefers-reduced-motion: reduce){#p-synop .gsvoici{animation:none}} #p-synop .symodule{border:1.8px solid var(--ligne);border-radius:12px;overflow:hidden; background:var(--card)} #p-synop .symodule > header{background:var(--c,var(--ink));color:var(--sur-c); padding:4px 9px;display:flex;align-items:baseline;gap:7px} #p-synop .symodule > header b{font-family:var(--grot);font-size:12.5px;font-weight:800} #p-synop .symodule > header span{font-family:var(--mono);font-size:10.5px;opacity:.85; overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #p-synop .sygrille{display:grid;grid-template-columns:repeat(4,1fr); gap:2px 4px;padding:7px 6px 8px} #p-synop .sycase{display:flex;flex-direction:column;align-items:center; gap:1px;min-width:0;min-height:82px;justify-content:flex-start} #p-synop .sycase.syseparateur{border:0;background:none;display:flex; align-items:center;justify-content:center;min-width:0;padding:0} #p-synop .sycase.syseparateur .sysepmot{writing-mode:vertical-rl;transform:rotate(180deg); font-family:var(--mono);font-size:9px;letter-spacing:.14em;color:var(--muted); border-left:1.6px solid var(--rule,var(--ligne));padding:6px 0 6px 7px; max-height:100%;overflow:hidden} #p-synop .sycase.syseparateur.synu .sysepmot{border-left:0;padding-left:0} #p-synop .sycase.syvide{border:1.2px dashed var(--rule,var(--trait)); border-radius:8px;opacity:.28;pointer-events:none;margin:2px 1px} #p-synop .sycase > .zone{height:44px;display:flex;align-items:center; justify-content:center;width:100%} #p-synop .sycase .et{font-family:var(--mono);font-size:9px;letter-spacing:.03em; text-transform:uppercase;color:var(--ink2);text-align:center;line-height:1.1; min-height:22px;width:100%} #p-synop .sycase .vl{font-family:var(--mono);font-size:10.5px;color:var(--ink2); min-height:13px;white-space:normal;overflow-wrap:normal; text-align:center;max-width:100%} #p-synop .sycase.modif .vl{color:var(--violet);font-weight:700} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .tapable{cursor:text;border-bottom:1px dotted transparent;border-radius:4px} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .tapable:hover{border-bottom-color:var(--ink2);background:var(--paper2)} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .tapable:focus-visible{outline:2px solid var(--violet);outline-offset:1px} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .tapable input.saisie{font:inherit;color:var(--ink);width:7.5em;max-width:100%; padding:0 2px;margin:0;border:1.2px solid var(--violet);border-radius:4px;background:var(--paper); text-align:inherit;height:1.35em;line-height:1.2;box-sizing:border-box} #p-synop .sycase .et.modulé{background:var(--par,var(--ink));color:var(--paper); border-radius:4px;padding:1px 3px;width:auto;max-width:100%;align-self:center; cursor:help;position:relative} #p-synop .sycase .et.modulé:hover{outline:1.5px solid var(--ligne);outline-offset:1px} #p-synop .sycase .et.modulé:focus-visible{outline:2px solid var(--violet);outline-offset:1px} #p-synop .sycase .et.modulé .nlien{font-size:.8em;padding-left:2px;opacity:.85} #p-synop{position:relative} #p-synop .sypop{position:absolute;z-index:60;min-width:300px;max-width:460px; max-height:min(66vh, 520px);overflow-y:auto; background:var(--card);border:2px solid var(--ligne);border-radius:12px; box-shadow:0 10px 28px rgba(0,0,0,.22);padding:11px 13px 12px} #p-synop .sypop > h4{margin:0 0 9px;padding-right:22px;font-family:var(--grot); font-size:12.5px;font-weight:800;line-height:1.25} #p-synop .sypoplien{border-top:1.4px solid var(--paper3);padding:8px 0 4px} #p-synop .sypoplien:first-of-type{border-top:none;padding-top:0} #p-synop .sypoptitre{font-family:var(--mono);font-size:9px;letter-spacing:.12em; text-transform:uppercase;color:var(--muted);margin-bottom:4px} #p-synop .sypopchaine{display:flex;flex-wrap:wrap;align-items:center;gap:4px; margin-bottom:5px} #p-synop .sypopbout{font-family:var(--grot);font-size:10.5px;font-weight:800; border:1.5px solid var(--ligne);border-radius:8px;padding:2px 7px; background:var(--paper)} #p-synop .sypopbout.b1{background:var(--c1);color:var(--sur-c)} #p-synop .sypopbout.b2{background:var(--c2);color:var(--sur-c)} #p-synop .sypopbout.b3{background:var(--c3);color:var(--sur-c)} #p-synop .sypopbout.geste{border-style:dashed;font-weight:700} #p-synop .sypopbout.side{font-size:10.5px;opacity:.92} #p-synop .sypopfl{font-family:var(--mono);color:var(--muted);font-size:12.5px} #p-synop .sypopbas{display:flex;align-items:center;gap:9px;flex-wrap:wrap} #p-synop .sypopqte{font-family:var(--mono);font-size:9px;color:var(--muted)} #p-synop .sypoplien button{font-family:var(--grot);font-weight:700;font-size:10.5px; border:1.5px solid var(--ligne);border-radius:999px;background:var(--paper); color:var(--ink);padding:3px 10px;cursor:pointer;box-shadow:none} #p-synop .sypopx{position:absolute;top:7px;right:8px;width:20px;height:20px; padding:0;border-radius:50%;border:1.5px solid var(--ligne);background:var(--paper); color:var(--ink);cursor:pointer;line-height:1;font-size:12.5px;box-shadow:none} #p-synop .sycase select{font-family:var(--mono);font-size:10.5px;width:100%; max-width:100%;padding:3px 4px;min-width:0} #p-synop .sycase .coche{width:30px;height:30px;border:2px solid var(--ligne); border-radius:8px;background:var(--paper);cursor:pointer;font-size:14.5px; display:flex;align-items:center;justify-content:center;line-height:1;padding:0} #p-synop .sycase .coche.on{background:var(--c,var(--violet));color:var(--sur-c);border-color:var(--ligne)} #p-synop .card{zoom:var(--sz,1)} #p-synop .syloupe{display:inline-flex;align-items:center;gap:0; border:1.6px solid var(--ligne);border-radius:999px;overflow:hidden; box-shadow:var(--pop-sm)} #p-synop .syloupe button{border:none;border-radius:0;box-shadow:none; padding:5px 10px;font-size:12.5px;line-height:1} #p-synop .syloupe button + button{border-left:1.6px solid var(--ligne)} #p-synop .syloupe span{font-family:var(--mono);font-size:10.5px;color:var(--muted); padding:0 7px;min-width:38px;text-align:center} #p-synop .symode[hidden], #cabListe[hidden], :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) #fgRegleValeurs[hidden], .dfuinfo[hidden], #dfuInfo[hidden]{display:none} #p-synop .symode{display:inline-flex;border:1.6px solid var(--ligne);border-radius:999px; overflow:hidden;box-shadow:var(--pop-sm)} #p-synop .symode button{border:none;border-radius:0;box-shadow:none; padding:5px 11px;font-size:10.5px} #p-synop .symode button + button{border-left:1.6px solid var(--ligne)} #p-synop .symode button.on{background:var(--ink);color:var(--paper)} #p-synop .symodule > header{align-items:center;padding:5px 9px;gap:7px;min-height:0} #p-synop .symodule > header .syglyphe{flex:0 0 auto;opacity:.9} #p-synop .syradio{display:flex;flex-direction:column;gap:1px;width:100%;max-width:60px} #p-synop .syradio .syrad{font-family:var(--mono);font-size:9px;letter-spacing:-.03em;line-height:1.1; padding:2px 1px;border:1.2px solid var(--ligne);border-radius:4px;background:var(--paper);color:var(--ink2); cursor:pointer;box-shadow:none;white-space:normal;overflow-wrap:break-word;min-width:0;width:100%} #p-synop .syradio .syrad:hover{transform:none;box-shadow:none;background:var(--paper3)} #p-synop .syradio .syrad.on{background:var(--c,var(--violet));color:var(--sur-c);border-color:var(--ligne)} #p-synop .syradio.n4 .syrad{font-size:9px;padding:1px 3px} #p-synop .sycase.sylarge{min-height:0;padding:2px 0 3px; flex-direction:row;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap} #p-synop .sycase.sylarge > .zone, #p-synop .sygrille.c8 .sycase.sylarge > .zone{height:auto} #p-synop .sycase.sylarge > .zone{width:auto;flex:1 1 0;min-width:0} #p-synop .sycase.sylarge > .et{order:-1;width:auto;flex:0 0 auto;min-height:0;text-align:left} #p-synop .sygrille.c8 .sycase.sylarge > .et{min-height:0} #p-synop .sycase.sylarge > .vl{display:none} #p-synop .sycase.sylarge .syradio{flex-direction:row;max-width:none;width:auto;gap:3px;justify-content:center;flex-wrap:wrap} #p-synop .sycase.sylarge .syradio .syrad{width:auto;padding:2px 8px;font-size:9px;overflow:visible;text-overflow:clip} #p-synop .sycase.sycasetete select{width:100%;min-width:0;border-radius:8px; background:var(--card);color:var(--ink);border:1.2px solid var(--ligne)} #p-synop .sygrille.c8 .sycase.sycasetete select{font-size:10px;padding:2px 5px} #p-synop .sycase .syformes .syforme{color:var(--ink2);border-color:var(--ligne);background:var(--paper)} #p-synop .sycase .syformes .syforme:hover{background:var(--paper3)} #p-synop .sycase .syformes .syforme.on{background:var(--c,var(--violet));color:var(--sur-c);border-color:var(--ligne)} #p-synop header .syradio{flex-direction:row;max-width:none;width:auto;gap:0;border:1.2px solid color-mix(in srgb, var(--sur-c) 60%, transparent);border-radius:999px;overflow:hidden} #p-synop header .syradio .syrad{border:0;border-radius:0;padding:2px 8px;font-size:9px;background:transparent;color:var(--sur-c);width:auto;overflow:visible;text-overflow:clip} #p-synop header .syradio .syrad + .syrad{border-left:1.2px solid currentColor} #p-synop header .syradio .syrad.on{background:var(--sur-c);color:var(--c,var(--ink))} #p-synop .syformes{display:inline-flex;gap:2px} #p-synop .syformes .syforme{width:30px;height:20px;padding:0;border:1.2px solid currentColor;border-radius:4px; background:transparent;color:var(--sur-c);display:inline-flex;align-items:center;justify-content:center;box-shadow:none;cursor:pointer} #p-synop .syformes .syforme:hover{transform:none;box-shadow:none;background:color-mix(in srgb, var(--sur-c) 15%, transparent)} #p-synop .syformes .syforme.on{background:var(--sur-c);color:var(--c,var(--ink))} #p-synop .sycase.syinutile{opacity:.3;pointer-events:none} #p-synop .sygrille .sysous{grid-column:1/-1;font-family:var(--mono);font-size:9px;font-weight:700; letter-spacing:.12em;color:var(--muted);margin:4px 0 -2px;padding-bottom:3px; border-bottom:1.2px solid var(--rule)} #p-synop .sygrille .sysous:first-child{margin-top:0} #p-synop .sytrace{display:block;width:100%;height:46px;margin:0;padding:0 6px 6px;box-sizing:border-box} #p-synop .sytrace .sytrace-ligne{fill:none;stroke:var(--c,var(--violet));stroke-width:1.8;vector-effect:non-scaling-stroke} #p-synop .sytrace .sytrace-fond{fill:var(--c,var(--violet));opacity:.12} #p-synop .sytrace .sytrace-axe{stroke:var(--rule,var(--trait));stroke-width:1;vector-effect:non-scaling-stroke;opacity:.6} #p-synop .sygrille.c8{grid-template-columns:repeat(8,1fr);gap:2px 3px} #p-synop .sygrille.c8 .sycase{min-height:108px} #p-synop .sygrille.c8 .sycase.sylarge{min-height:0} #p-synop .sygrille.c8 .sycase .et{min-height:26px} #p-synop .sygrille.c8 .sycase.sylarge .et{height:auto} #p-synop .sygrille.c8 .sycase > .zone{height:64px} #p-synop .sygrille.c8 .sycase .et{min-height:26px;white-space:normal; overflow-wrap:break-word;line-height:1.1;font-size:9px;letter-spacing:-.02em} #p-synop .sygrille.c8 .sycase select{font-size:9px;padding:2px 2px} #p-synop .sygrille.c8 .sycase .coche{width:26px;height:26px;font-size:12.5px} #p-synop .sygrille.c8 .sycase .vl{font-size:9px} #p-synop .pot{cursor:grab;touch-action:none;outline:none} #p-synop .pot.curseur{cursor:ns-resize} #p-synop .pot:active{cursor:grabbing} #p-synop .pot:focus-visible .corps{stroke:var(--violet);stroke-width:2.4} #p-synop .pot:focus-visible .piste{stroke:var(--violet);opacity:.45} #p-synop .pot .piste{stroke:var(--rule)} #p-synop .pot .val{stroke:var(--c,var(--violet))} .pot .mod{stroke:var(--par,var(--violet));opacity:.28;stroke-linecap:round} .pot .vif{stroke:var(--par,var(--violet));opacity:.95;stroke-linecap:round} .sydiscobulle i.plage{display:block;margin-top:6px;opacity:.85} #p-synop .pot .grad{stroke:var(--ink2);opacity:.55;stroke-linecap:butt} #p-synop .pot .grad.fort{stroke:var(--ink2);opacity:1} #p-synop .pot .corps{fill:var(--paper);stroke:var(--ink);stroke-width:1.7} #p-synop .pot:hover .corps{fill:var(--paper2)} #p-synop .pot .aig{stroke:var(--ink);stroke-linecap:round} #p-synop .pot .gliss{fill:var(--paper);stroke:var(--ink);stroke-width:1.5} #p-synop .pot:hover .gliss{fill:var(--paper2)} #p-synop .pot .lame{fill:var(--card);stroke:var(--ink);stroke-width:1.5} #p-synop .pot:hover .lame{fill:var(--paper2)} #p-synop .pot:focus-visible .lame{stroke:var(--violet);stroke-width:2.2} #panFab #p-synop > .card{border:none;box-shadow:none;background:transparent; padding:0;margin:0} #panFab #p-synop .sytete{padding:10px 0;border-bottom:var(--bd)} #panFab #p-synop .card-body{padding:12px 0 0} #p-synop .syb.symix{position:relative;padding:12px 36px 12px 14px;min-width:118px; min-height:58px;display:flex;align-items:center;justify-content:center} #p-synop .syb.symix b{font-size:12.5px} #p-synop .syb.symix u{position:absolute;right:8px;font-family:var(--mono); font-size:9px;font-style:normal;text-decoration:none;color:var(--ink2); letter-spacing:.06em} #p-synop .syb.symix u.sybus-main{top:5px} #p-synop .syb.symix u.sybus-aux{bottom:5px} #p-synop .sybus{display:flex;flex-direction:column;gap:6px} #p-synop .sybusrang{display:flex;align-items:stretch;gap:6px;position:relative} #p-synop .sybusrang:before{content:"";position:absolute;left:0;right:34px; top:50%;height:1.6px;background:var(--trait,var(--ink2));opacity:.9} #p-synop .sypoppq{margin-top:6px;font-size:10.5px;line-height:1.45;color:var(--muted)} #p-synop .sycell{position:relative;display:flex;align-items:center; justify-content:center;min-width:101px;min-height:36px} #p-synop .sycell{flex:1 1 0;min-width:0} #p-synop .sycell .syb{position:relative;z-index:1} #p-synop .sybuset{font-family:var(--mono);font-size:9px;letter-spacing:.06em; color:var(--ink2);min-width:28px;text-align:right;align-self:center; position:relative;z-index:1;background:var(--paper2);padding-left:4px} #p-synop .syneutre{--c:var(--ink2)} #p-synop .sysel{display:grid;grid-template-columns:repeat(8,1fr);gap:2px} #p-synop .sycadre.sychoix{margin-top:10px;border-width:2px;border-color:var(--c,var(--rule))} #p-synop .sycadre.sychoix > header{color:var(--c,var(--muted));font-weight:800} #p-synop .sycadre.sychoix.b1{--c:var(--c1)} #p-synop .sycadre.sychoix.b2{--c:var(--c2)} #p-synop .sycadre.sychoix.b3{--c:var(--c3)} #p-synop .sycadre.sychoix .sysel{gap:5px} #p-synop .sycadre.sychoix .sysel button{font-size:12.5px;padding:7px 3px;border-radius:8px} #p-synop .sysel button{font-family:var(--mono);font-size:9px;font-weight:700; border:1.2px solid var(--rule);border-radius:4px;background:var(--paper); color:var(--ink);padding:3px 1px;cursor:pointer;box-shadow:none;min-width:0; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative} #p-synop .sysel button{background-color:color-mix(in srgb, var(--c, transparent) 16%, var(--card))} #p-synop .sysel button.on.b1{--c:var(--c1)} #p-synop .sysel button.on.b2{--c:var(--c2)} #p-synop .sysel button.on.b3{--c:var(--c3)} #p-synop .sysel button.on{background-color:var(--c,var(--ink));--fond:transparent; color:var(--sur-c);border-color:var(--ligne)} #p-synop .sysel button.acourbe{display:flex;flex-direction:column;align-items:stretch; gap:3px;padding:4px 4px 4px;white-space:normal;text-overflow:clip} #p-synop .sysel button.acourbe .nm{font-style:normal;line-height:1.2; overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #p-synop .sysel .symini{height:20px;flex:0 0 auto;padding:1px 2px; background:var(--card);border-radius:4px;box-sizing:border-box} #p-synop .sysel button.on .symini{background:var(--card)} #p-synop .sysel .symini .sytrace-ligne{stroke-width:1.5} #p-synop .sysel button.dort .symini{opacity:.7} #p-synop .sysel button.vide{visibility:hidden} #p-synop .sysel button.dort{opacity:.42;border-style:dashed} #p-synop .sysel button.dort.on{opacity:1;border-style:solid} #p-synop .sysel button.src, #p-synop .sysel button.dst, #p-synop .sysel button.sch, #p-synop .sysel button.scb{ background-repeat:no-repeat; background-image: linear-gradient(var(--vers,transparent), var(--vers,transparent)), linear-gradient(var(--recoit,transparent), var(--recoit,transparent)), linear-gradient(var(--sidevers,transparent), var(--sidevers,transparent)), linear-gradient(var(--sidevient,transparent), var(--sidevient,transparent)), linear-gradient(var(--fond,transparent), var(--fond,transparent)); background-size:3.5px 100%, 3.5px 100%, 100% 3.5px, 100% 3.5px, 100% 100%; background-position:right center, left center, center top, center bottom, center; } #p-synop .sysel button{--fond:color-mix(in srgb, var(--c, transparent) 16%, var(--card))} #p-synop .syavecgestes{display:flex;align-items:flex-start;gap:11px} #p-synop .syprincipal{flex:1 1 auto;min-width:0} #p-synop .sygestes{display:flex;flex-direction:column;align-items:stretch;gap:4px; flex:0 0 auto;width:98px} #p-synop .sygestet{font-family:var(--mono);font-size:9px;letter-spacing:.12em; text-transform:uppercase;color:var(--muted);margin-bottom:2px;text-align:center} @media (max-width: 820px){ #p-synop .syavecgestes{flex-direction:column} #p-synop .sygestes{flex-direction:row;flex-wrap:wrap;align-items:center;width:auto} #p-synop .sygestet{margin-bottom:0;margin-right:4px} } #p-synop .sygestes button{font-family:var(--mono);font-size:9px;font-weight:700; border:1.4px solid var(--rule,var(--trait));border-radius:999px; background-color:var(--paper);color:var(--ink);padding:3px 10px;cursor:pointer; box-shadow:none;position:relative; background-repeat:no-repeat; background-image:linear-gradient(var(--vers,transparent), var(--vers,transparent)); background-size:4px 100%;background-position:right center} #p-synop .sygestes button.src{border-color:var(--ligne);padding-right:15px} #p-synop .sygestes button.dort{opacity:.4;border-style:dashed;cursor:default} #p-synop .symaps{display:grid;grid-template-columns:repeat(8,1fr);gap:5px 6px; margin-top:12px;align-content:start} #p-synop .symaps button{font-family:var(--mono);font-size:12.5px;font-weight:700; border:1.6px solid var(--rule);border-radius:12px;background:var(--paper); color:var(--ink);padding:13px 4px 12px 11px;min-height:62px;height:auto;line-height:1.15;text-align:center; cursor:pointer;box-shadow:var(--pop-sm);min-width:0;position:relative; display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px} #p-synop .symaps button.vif{background:color-mix(in srgb, var(--f-map) 18%, var(--card));border-color:var(--ligne)} #p-synop .symaps button.libre{opacity:.38;border-style:dashed;box-shadow:none} #p-synop .symaps button.touche{box-shadow:inset 0 -3.5px 0 var(--touche,var(--f-map))} #p-synop .symaps button.on{background:var(--f-map);color:var(--sur-f);border-color:var(--ligne)} #p-synop .symaps button.on .chip{background:var(--card)} #p-synop .symaps button.syeteint{opacity:.16} #p-synop .symaps .num{position:absolute;top:-1px;left:50%;transform:translate(-50%,-50%); width:17px;height:17px;border-radius:50%;background:var(--ink);color:var(--paper); font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center; box-shadow:0 0 0 2.5px var(--paper)} #p-synop .symaps button.vif .num{box-shadow:0 0 0 2.5px color-mix(in srgb, var(--f-map) 18%, var(--card))} #p-synop .symaps button.on .num{background:var(--card);color:var(--ink);box-shadow:0 0 0 2.5px var(--f-map)} #p-synop .symaps .fil{display:grid;width:100%;min-width:0; grid-template-columns:minmax(0,1fr) auto minmax(0,1.3fr); align-items:center;justify-items:center;column-gap:2px;row-gap:0} #p-synop .symaps .ic{grid-area:1/1;display:flex;align-items:center;line-height:0} #p-synop .symaps .ic svg{width:16px;height:12px} #p-synop .symaps .flux{grid-area:1/2;display:flex;align-items:center;gap:1px} #p-synop .symaps .fl{font-size:9px;color:var(--muted);line-height:1} #p-synop .symaps .boite{width:12px;height:9px;border:1.3px solid var(--ink2); border-radius:4px;background:var(--card);flex:none} #p-synop .symaps .chip{grid-area:1/3;font-family:var(--grot);font-size:9px;font-weight:800; color:var(--ink);border:1.3px solid var(--ligne);border-radius:999px;padding:0 4px; background:var(--card);line-height:1.2;max-width:100%; white-space:normal;overflow-wrap:break-word;text-align:center} #p-synop .symaps .chip.b1{border-color:var(--c1);color:var(--c1)} #p-synop .symaps .chip.b2{border-color:var(--c2);color:var(--c2)} #p-synop .symaps .chip.b3{border-color:var(--c3);color:var(--c3)} #p-synop .symaps .de{grid-area:2/1;text-decoration:none;font-size:9px;font-weight:700; max-width:100%;white-space:normal;overflow-wrap:break-word;line-height:1.1;text-align:center} #p-synop .symaps .mont{grid-area:2/2;font-size:9px;line-height:1;color:var(--muted)} #p-synop .symaps .par{grid-area:2/3;font-size:9px;font-weight:400;color:var(--ink2); text-transform:uppercase;letter-spacing:.02em;max-width:100%; white-space:normal;overflow-wrap:break-word;line-height:1.1;text-align:center} #p-synop .symaps .sc{grid-area:3/1/4/3;display:flex;align-items:center;gap:3px; font-size:9px;font-weight:600;color:var(--muted);min-width:0;max-width:100%; flex-wrap:wrap;justify-content:center} #p-synop .symaps .sc svg{width:13px;height:10px;flex:none;opacity:.85} #p-synop .symaps .sc u{text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3} #p-synop .symaps .scq{grid-area:3/3;font-size:9px;color:var(--muted);white-space:nowrap} #p-synop .symaps button.on .fl,#p-synop .symaps button.on .par, #p-synop .symaps button.on .sc,#p-synop .symaps button.on .scq, #p-synop .symaps button.on .mont{color:var(--sur-f)} #p-synop .symaps .jauge{position:absolute;left:4px;top:9px;bottom:9px;width:3.5px; background:color-mix(in srgb, var(--ink) 22%, transparent);border-radius:4px} #p-synop .symaps .jauge i{position:absolute;left:-1.5px;width:7px;height:5px;border-radius:4px; background:var(--ink);transform:translateY(50%)} #p-synop .symaps .jauge i.moins{background:var(--c1)} #p-synop .symaps .scbar{position:absolute;left:12px;right:6px;bottom:5px;height:3.5px; background:color-mix(in srgb, var(--ink) 22%, transparent);border-radius:4px} #p-synop .symaps .scbar i{position:absolute;top:-1.5px;width:5px;height:7px;border-radius:4px; background:var(--ink2);transform:translateX(-50%)} #p-synop .symaps .scbar i.moins{background:var(--c1)} #p-synop .symaps button.on .jauge i,#p-synop .symaps button.on .scbar i{background:var(--sur-f)} #p-synop .sycadre{border:1.5px solid var(--rule,var(--trait));border-radius:12px; background:var(--card);overflow:hidden;min-width:0} #p-synop .sycadre > header{padding:4px 9px; border-bottom:1.5px solid var(--rule,var(--trait)); background:color-mix(in srgb, var(--ink) 4%, var(--card)); font-family:var(--mono);font-size:9px;letter-spacing:.14em; text-transform:uppercase;color:var(--muted)} #p-synop .sycadre > .sydedans{padding:8px 9px 9px;min-width:0} #p-synop .sycadre .symaps{margin-top:0} #p-synop .sycadre.syliens{margin-top:10px} #p-synop .sycadre.syliens > .sydedans{padding-left:9.5px;padding-right:9.5px} #p-synop .sycadre.syliens .symaps{gap:5px 5px} #p-synop .sycadre.sycadregestes{flex:0 0 auto;width:118px} #p-synop .sycadre.sycadregestes .sygestes{width:auto} @media (max-width: 820px){ #p-synop .sycadre.sycadregestes{width:auto} } #p-synop .symapbloc{border:1.8px solid var(--ligne);border-radius:12px; background:var(--card);padding:8px 11px 10px;margin-bottom:10px} #p-synop .symapbloc > h4{margin:0 0 6px;font-family:var(--mono);font-size:10.5px; letter-spacing:.14em;text-transform:uppercase;color:var(--muted)} #p-synop .symaprang{display:grid;gap:9px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))} #p-synop .symapchamp label{display:block;font-family:var(--grot);font-size:12.5px; font-weight:800;margin-bottom:2px} #p-synop .symapchamp select{font-family:var(--mono);font-size:10.5px;width:100%;padding:3px 5px} #p-synop .symapchamp .qte{display:flex;align-items:center;gap:6px;margin-top:5px} #p-synop .symapchamp .qte input{flex:1;min-width:0} #p-synop .symapchamp .qte span{font-family:var(--mono);font-size:9px;color:var(--muted); min-width:34px;text-align:right} #p-synop .sygeste{border:1.8px dashed var(--ligne);border-radius:12px;background:var(--paper2); padding:10px 11px;text-align:center} #p-synop .sygeste b{display:block;font-family:var(--grot);font-size:12.5px} #p-synop .sygeste span{font-family:var(--mono);font-size:9px;color:var(--muted)} #p-synop .syvide{border:1.8px dashed var(--rule);border-radius:12px;padding:10px; text-align:center;font-family:var(--mono);font-size:9px;color:var(--muted)} #p-synop .syrole{font-family:var(--mono);font-size:9px;letter-spacing:.1em; text-transform:uppercase;color:var(--muted);text-align:center} button,.btn{ font-family:var(--grot);font-weight:700;font-size:12.5px; color:var(--ink);background:transparent;border:1.2px solid var(--ligne);border-radius:999px; padding:8px 14px;cursor:pointer;box-shadow:none; transition:transform .12s ease,box-shadow .12s ease,background .12s ease; } button:hover{transform:translate(-1px,-1px);box-shadow:var(--pop-sm);background:var(--paper2)} button:active{transform:translate(1px,1px);box-shadow:none} button:focus-visible{outline:3px solid var(--violet);outline-offset:2px} button.primary{background:var(--yellow);color:var(--sur-vif);border-color:var(--ligne)} button.primary:hover{background:var(--yellow)} button.go{background:var(--mint);color:var(--sur-vif)} button.go:hover{background:var(--mint)} button.danger{background:var(--coral);color:var(--sur-corail)} button.danger:hover{background:var(--coral)} button.small,.btn.small{font-size:10.5px;padding:6px 12px} button.lien{background:none;border:none;box-shadow:none;padding:2px 4px;font-size:10.5px; font-family:var(--mono);color:var(--muted);text-decoration:underline;cursor:pointer} button.lien:hover{color:var(--ink);transform:none;box-shadow:none;background:none} button.lien[hidden]{display:none} a.btn{text-decoration:none;display:inline-block;line-height:1.2} a.btn:hover{transform:translate(-1px,-1px);box-shadow:var(--pop-sm);background:var(--paper2)} button:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none} label.lbl{display:block;font-family:var(--mono);font-weight:700;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:6px} select,input[type=text],input[type=number]{ font-family:var(--mono);font-size:12.5px;color:var(--ink); background:var(--card);border:1.2px solid var(--ligne);border-radius:8px;padding:5px 8px;width:100%; } select:focus-visible,input:focus-visible{outline:3px solid var(--violet);outline-offset:1px} .field{display:flex;flex-direction:column;min-width:132px;flex:1 1 132px} .card{background:var(--card);border:1.6px solid var(--ligne);border-radius:16px;box-shadow:3px 3px 0 var(--ink);overflow:hidden;margin-bottom:12px} @media(min-width:900px){.card{border:var(--bd);border-radius:var(--r);box-shadow:var(--pop);margin-bottom:22px}} .card > h2{font-family:var(--disp);font-weight:900;font-size:14.5px;letter-spacing:-.025em;padding:9px 12px 1px;background:transparent;border-bottom:0;display:flex;align-items:baseline;justify-content:space-between;gap:12px} .card > h2[hidden]{display:none} .card > h2 small{flex:none;font-weight:400;font-family:var(--mono);font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink2)} .card-body{padding:4px 12px 8px} @media(min-width:900px){.card>h2{font-size:20px;padding:15px 18px 2px}.card-body{padding:8px 18px 14px}} .bar{display:flex;flex-wrap:wrap;gap:9px;align-items:flex-end;padding:10px 13px;background:transparent;border-bottom:1.2px solid var(--paper3)} @media(min-width:900px){.bar{gap:11px;padding:14px 20px}} .bar.last{border-bottom:0;border-top:1.2px solid var(--paper3)} .grid2{display:grid;grid-template-columns:1fr;gap:12px;align-items:start} @media(min-width:900px){.grid2{grid-template-columns:1fr 1fr;gap:20px}} #settingsGrid{--want-cols:1} @media(min-width:760px){#settingsGrid{--want-cols:2}} @media(min-width:1100px){#settingsGrid{--want-cols:3}} :root[data-zoom="1"] .frame{zoom:1.14} :root[data-zoom="2"] .frame{zoom:1.3} :root[data-zoom="1"] #settingsGrid{--want-cols:1} @media(min-width:870px){:root[data-zoom="1"] #settingsGrid{--want-cols:2}} @media(min-width:1260px){:root[data-zoom="1"] #settingsGrid{--want-cols:3}} :root[data-zoom="2"] #settingsGrid{--want-cols:1} @media(min-width:990px){:root[data-zoom="2"] #settingsGrid{--want-cols:2}} @media(min-width:1430px){:root[data-zoom="2"] #settingsGrid{--want-cols:3}} .setcols{display:grid;grid-template-columns:repeat(var(--cols,1),minmax(0,1fr));gap:12px;align-items:start} @media(min-width:1100px){.setcols{gap:20px}} .setcol{display:flex;flex-direction:column;gap:12px} @media(min-width:1060px){.setcol{gap:20px}} .wide{grid-column:1 / -1} .scene{position:relative;border:1.6px solid var(--ligne);border-radius:12px;overflow:hidden;background:var(--scene);box-shadow:3px 3px 0 var(--ink);height:104px;margin-bottom:8px} @media(min-width:640px){.scene{height:124px;border-radius:16px}} @media(min-width:900px){.scene{height:148px;border-radius:16px;box-shadow:var(--pop-sm);margin-bottom:10px}} #wave{display:block;width:100%;height:100%} .hud{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:7px 9px} @media(min-width:900px){.hud{padding:10px 13px}} .hud-row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start;justify-content:space-between} .pill{font-family:var(--mono);font-weight:700;font-size:9px;letter-spacing:.11em;text-transform:uppercase;border:1.2px solid var(--sur-scene);border-radius:999px;padding:3px 10px;color:var(--sur-scene);background:rgba(0,0,0,.28);max-width:52%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .pill.acc{background:var(--violet);border-color:var(--violet);color:var(--sur-violet)} .big-note{font-family:var(--disp);font-weight:900;font-size:clamp(24px,5vw,44px);line-height:.92;color:var(--sur-scene);letter-spacing:-.045em;text-shadow:0 4px 24px rgba(0,0,0,.5)} .big-note small{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;opacity:.6;margin-top:4px;font-weight:400} .hud-right{text-align:right} .hud-right b{font-weight:400;color:var(--yellow)} .reads{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:10px} @media(min-width:900px){.reads{grid-template-columns:repeat(8,1fr);gap:6px;margin-bottom:12px}} .read{border:1.2px solid var(--ligne);border-radius:8px;background:var(--card);padding:4px 7px 5px;box-shadow:2px 2px 0 var(--ink);min-width:0} .read span{display:block;font-family:var(--mono);font-weight:700;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .read b{font-family:var(--disp);font-size:14.5px;font-weight:900;letter-spacing:-.04em;line-height:1.05;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums} .read.v b{color:var(--violet)} .read.c b{color:var(--coral)} .read.p b{color:var(--pink)} .read.m b{color:var(--mint)} .read.fy{background:var(--yellow)} .read.fy span{color:color-mix(in srgb, var(--sur-vif) 70%, var(--yellow))} .read.fv{background:var(--violet);border-color:var(--ligne)} .read.fv span{color:var(--sur-violet)} .read.fv b{color:var(--sur-violet)} .gauge{height:3px;background:color-mix(in srgb, var(--ink) 18%, transparent);border-radius:4px;margin-top:3px;overflow:hidden} .gauge i{display:block;height:100%;width:0;background:var(--ink);transition:width .07s linear} .row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1.2px solid var(--paper3);min-height:36px} .row.rowson{flex-wrap:wrap} .soncharge{flex:0 0 100%;display:flex;flex-direction:column;gap:5px; margin:6px 0 2px;padding:8px 11px;border:2px solid var(--ligne); border-left-width:6px;border-left-color:var(--violet);border-radius:12px; background:var(--card)} .soncharge[hidden]{display:none} .soncharge span{font-family:var(--body);font-size:12.5px;line-height:1.4;color:var(--ink)} .soncharge-b{height:7px;border-radius:999px;background:var(--paper3);overflow:hidden} .soncharge-b i{display:block;height:100%;width:0;background:var(--violet)} .soncharge.pret{border-left-color:var(--mint)} .soncharge.pret .soncharge-b i{background:var(--mint)} .row:last-child{border-bottom:0} .tag{ flex:0 0 auto;font-family:var(--mono);font-weight:700;font-size:9px;color:var(--sur-violet);background:var(--violet); border-radius:999px;text-align:center;padding:3px 0;width:26px;font-variant-numeric:tabular-nums; } .tag.two{width:46px;font-size:9px;letter-spacing:-.02em} .tag.res{background:var(--paper3);color:var(--muted)} .nm{flex:0 1 auto;min-width:82px;font-family:var(--disp);font-weight:900;font-size:12.5px;letter-spacing:-.02em;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .nm small{display:none;font-weight:400;font-family:var(--body);color:var(--muted);font-size:10.5px;letter-spacing:0;white-space:normal} .nm small.warn{display:block;line-height:1.3;margin-top:1px} @media(min-width:1060px){.nm{white-space:normal}.nm small{display:block;line-height:1.3;margin-top:1px}} .ctl{flex:0 0 auto;margin-left:auto;display:flex;gap:5px;align-items:center;min-width:0} .ctl.wide{flex:1 1 auto} .ctl select{flex:1 1 60px;width:auto;min-width:0} input[type=range]{flex:1 1 70px;min-width:60px;accent-color:var(--violet);height:20px;margin:0} .val{font-family:var(--mono);font-size:10.5px;color:var(--ink2);font-variant-numeric:tabular-nums;flex:0 0 auto;white-space:nowrap} .val.soon{color:var(--muted);font-size:10.5px} .arw{ flex:0 0 auto;width:28px;height:28px;padding:0;border-radius:8px;border:1.2px solid var(--ligne); font-family:var(--body);font-size:17px;line-height:1;font-weight:700;background:var(--card); } .arw:hover{background:var(--lilac);transform:none;box-shadow:none} .arw.hit{background:var(--yellow);color:var(--sur-vif)} .seg{display:flex;border:1.2px solid var(--ligne);border-radius:999px;overflow:hidden;flex:0 0 auto} .seg button{border:0;border-radius:0;box-shadow:none;padding:5px 11px;font-size:10.5px} .seg button:hover{transform:none;box-shadow:none;background:var(--lilac)} .seg button.sel{background:var(--violet);color:var(--sur-violet)} .seg button.sel:hover{background:var(--violet)} .seg button.hit{background:var(--yellow);color:var(--sur-vif)} .seg button + button{border-left:1.2px solid var(--ligne)} .reserved{opacity:.42} .row.inactif{opacity:.42} .row.sous .nm{padding-left:12px} .row.sous .nm::before{content:"";display:inline-block;width:7px;height:7px;margin:0 5px 0 -12px; border-left:1.2px solid var(--muted);border-bottom:1.2px solid var(--muted);vertical-align:1px} body:not(.cfg-lue) :is(#p-jeu,#rpanBib,#rpanGal) .cfgrow .ctl{opacity:.55} #p-jeu #reglCarte .reglbarre{align-items:center;margin-top:8px} #p-jeu #reglCarte .reglbarre input[type=text]{flex:1 1 140px;min-width:0;width:auto} #p-jeu #reglCarte .reglbarre .aide{margin-left:auto} #p-jeu #reglCarte .reglonglets{margin:12px 0 0} #p-jeu #reglCarte .reglonglets button{font-size:12.5px;padding:6px 13px 7px} :is(#p-jeu #reglCarte,#rpanBib,#rpanGal) .bibtable{max-height:34vh;margin-top:8px} #rpanBib,#rpanGal{padding-top:2px} :is(#p-jeu #reglCarte,#rpanBib,#rpanGal) table.bibt tr.ouvert td.nom{color:var(--violet)} :is(#p-jeu,#rpanBib,#rpanGal) .fabtete{margin:4px 0 0} :is(#p-jeu,#rpanBib,#rpanGal) .jeumode{display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:0 4px} :is(#p-jeu,#rpanBib,#rpanGal) .jeuexpert{display:inline-flex;align-items:center;gap:7px;font-family:var(--grot);font-weight:800;font-size:12.5px;cursor:pointer} :is(#p-jeu,#rpanBib,#rpanGal) .jeuexpert input{width:16px;height:16px;accent-color:var(--violet);margin:0} :is(#p-jeu,#rpanBib,#rpanGal) .jeumode .hint{margin:0;font-size:10.5px} body:not(.jeu-expert) #settingsGrid .row.expert{display:none} :is(#p-jeu,#rpanBib,#rpanGal) .fabtete .ft-vie{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;margin-left:auto} :is(#p-jeu,#rpanBib,#rpanGal) .fabtete .ft-vie .bibdate{font-family:var(--mono);font-size:10.5px;color:var(--muted)} :is(#p-jeu,#rpanBib,#rpanGal) .fabtete .ft-vie button{padding:4px 10px;font-size:10.5px} .tag.sanscc{background:var(--paper3);color:var(--muted);cursor:help} .mon{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:12.5px} .mon th{text-align:left;font-family:var(--mono);font-weight:700;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:0 8px 8px 0;border-bottom:1.2px solid var(--ligne)} .mon td{padding:7px 8px 7px 0;border-bottom:1.2px solid var(--paper3);vertical-align:middle} .mon td.n{text-align:right;width:44px;font-variant-numeric:tabular-nums} .mon td.c{text-align:right;width:54px;color:var(--muted);font-size:10.5px;font-variant-numeric:tabular-nums} .mbar{height:8px;background:var(--paper3);border:1.2px solid var(--ligne);border-radius:4px;overflow:hidden;min-width:50px} .mbar i{display:block;height:100%;background:var(--violet2)} .empty{color:var(--muted);font-family:var(--mono);font-size:10.5px;letter-spacing:.03em;padding:14px 0;text-align:center;line-height:1.5} .filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px} .filters label{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;border:1.2px solid var(--ligne);border-radius:999px;padding:5px 12px;cursor:pointer;user-select:none;background:var(--card);opacity:.4} .filters label.on{opacity:1;background:var(--lilac)} .filters input{position:absolute;opacity:0;width:0;height:0} .log{font-family:var(--mono);font-size:12.5px;min-height:230px;max-height:300px;overflow-y:auto;border-top:1.2px solid var(--ligne);padding-top:13px;margin-top:13px} .log.court{min-height:0;max-height:190px;padding-top:10px;margin-top:10px} .log:empty::before{content:"Rien pour l'instant. Tout ce qui part et tout ce qui arrive s'inscrit ici.";color:var(--muted);font-size:12.5px} .log div{padding:2px 0} .log div span{color:var(--muted);margin-right:8px} .acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px} .meter{height:30px;background:var(--paper3);border:1.2px solid var(--ligne);border-radius:999px;overflow:hidden;position:relative;flex:1 1 220px;min-width:170px} .meter i{display:block;height:100%;width:0;background:var(--mint);transition:width .05s linear} .meter i.hot{background:var(--coral)} .meter u{position:absolute;top:0;bottom:0;width:2px;background:var(--coral);text-decoration:none;pointer-events:none} .meter b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink)} .step{padding:2px 13px 11px;border-bottom:1.2px solid var(--paper3);font-size:14.5px;color:var(--ink2);background:transparent;max-width:76ch} .step b{color:var(--ink)} .res{width:100%;border-collapse:collapse;font-size:12.5px} .res thead th{position:sticky;top:0;background:var(--card);z-index:1} .res th{text-align:left;font-family:var(--mono);font-weight:700;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:10px 10px 9px 0;border-bottom:1.2px solid var(--ligne)} .res td{padding:6px 10px 6px 0;border-bottom:1px dashed var(--paper3);font-variant-numeric:tabular-nums} .res td.nme{font-family:var(--grot);font-weight:500;font-variant-numeric:normal} .res td.num{text-align:right;font-family:var(--mono);font-size:12.5px} .res tr.cur{background:var(--lilac)} .res tr.none td{opacity:.45} .dev{display:inline-block;min-width:50px;text-align:right;font-family:var(--mono);font-weight:700} .dev.hi{color:var(--coral)} .dev.lo{color:var(--violet)} .dev.ok{color:var(--mint)} .scroll{overflow-x:auto;padding:0 13px 12px} .out{font-family:var(--mono);font-size:10.5px;line-height:1.65;background:var(--scene);color:color-mix(in srgb, var(--sur-scene) 88%, var(--violet));border:1.2px solid var(--ligne);border-radius:12px;padding:11px 12px;white-space:pre;overflow-x:auto;margin:0 13px 12px} @media(min-width:900px){.out{font-size:10.5px;line-height:1.7;border-radius:16px;padding:15px 16px;margin:0 20px 16px}} .score{display:flex;gap:12px;align-items:center;font-family:var(--mono);font-weight:700;font-size:12.5px;font-variant-numeric:tabular-nums} .score .g{color:var(--mint)} .score .r{color:var(--coral)} .score .n{color:var(--muted)} .pbar{height:12px;flex:1 1 150px;min-width:120px;background:var(--paper3);border:1.2px solid var(--ligne);border-radius:999px;overflow:hidden;display:flex} .pbar i{display:block;height:100%} .pbar i.g{background:var(--mint)} .pbar i.r{background:var(--coral)} .cat{padding:12px 13px 4px;font-family:var(--mono);font-weight:700;font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--violet)} @media(min-width:720px){.lat3{grid-template-columns:repeat(3,1fr)}} .usg{display:grid;grid-template-columns:repeat(2,1fr);gap:8px} @media(min-width:640px){.usg{grid-template-columns:repeat(4,1fr)}} .usg div{border:1.2px solid var(--ligne);border-radius:12px;padding:9px 11px;background:var(--paper2)} .usg span{display:block;font-family:var(--mono);font-weight:700;font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:4px} .usg b{font-family:var(--disp);font-weight:900;font-size:20px;letter-spacing:-.03em;display:block} .dfuinfo{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:9px} .dfuappareils{display:grid;grid-template-columns:1fr;gap:7px;margin-top:12px} .dfulinux{margin:12px 0 0;border:1.4px solid var(--ligne);border-radius:10px;padding:8px 12px;background:var(--paper2);overflow:hidden} .dfulinux summary{cursor:pointer;font-weight:600} .dfulinux .hint{margin:8px 0 0} .dfulinuxcode{margin:6px 0 0;padding:8px 10px;border-radius:8px;background:var(--paper);border:1px solid var(--ligne); font-family:var(--mono,monospace);font-size:11px;line-height:1.5;white-space:pre;overflow-x:auto;max-width:100%} .dfulinux button{margin-top:10px} @media(min-width:640px){.dfuappareils{grid-template-columns:repeat(2,1fr)}} .bnzone{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:9px;font-size:12.5px} .bnzone[hidden]{display:none} .bnzone .bntexte{flex:1 1 260px;min-width:0} .bnzone.alerte .bntexte{color:var(--rouge,#b3261e);font-weight:700} .bnzone .bnsante{flex:1 1 100%;min-width:0;font-size:12px;opacity:.85} .bnzone .bnsante[hidden]{display:none} .bnzone.alerte-sante .bnsante{color:var(--rouge,#b3261e);font-weight:700;opacity:1} #bnZone.calme, #bnSante.calme{display:none} [data-atelier="1"] #bnZone.calme:not([hidden]){display:flex} [data-atelier="1"] #bnSante.calme:not([hidden]){display:block} .dfuappareils .app{border:1.6px solid var(--ligne);border-radius:12px;padding:9px 12px;background:var(--paper2);display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px} .dfuappareils .app b{font-family:var(--grot);font-size:14px} .dfuappareils .app .ver{font-family:var(--mono);font-size:12px;color:var(--ink2)} .dfuappareils .app .quand{font-size:11.5px;color:var(--muted);flex:1 1 100%} .dfuappareils .app .rangement{margin-top:-4px} .dfuappareils .app .rangement.vieux{color:var(--ink2)} .dfuappareils .pill{font:700 10px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:4px 8px;border:1.3px solid var(--ligne);margin-left:auto} .dfuappareils .pill.ok{background:var(--mint);color:#111;border-color:var(--ligne)} .dfuappareils .pill.vieux{background:var(--yellow);color:#111} .dfuappareils .pill.branche{margin-left:0;background:var(--violet);color:var(--sur-violet);border-color:var(--violet)} .dfuappareils .app.absent{opacity:.62} @media(min-width:640px){.dfuinfo{grid-template-columns:repeat(4,1fr)}} .dfuinfo div{border:1.2px solid var(--ligne);border-radius:12px;padding:6px 9px;background:var(--paper2)} .dfuinfo span{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:3px} .dfuinfo b{font-family:var(--disp);font-weight:900;font-size:14.5px;letter-spacing:-.02em;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .prog{height:12px;border:1.2px solid var(--ligne);border-radius:999px;overflow:hidden;background:var(--paper3);margin-top:10px} .progfill{height:100%;width:0;background:var(--violet);transition:width .15s linear} details.licence>summary{cursor:pointer;list-style:none;padding:12px 16px} details.licence>summary::-webkit-details-marker{display:none} details.licence>summary>h2{display:inline;font-size:14.5px} details.licence>summary::before{content:"\25B8";margin-right:8px;font-size:10.5px} details.licence[open]>summary::before{content:"\25BE"} #dfuStep,#scProg{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap} #scProg .pc{font-family:var(--mono);font-size:17px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums} #scProg .menu{font-size:10.5px;color:var(--ink2);opacity:.7;font-variant-numeric:tabular-nums} #dfuStep .pc{font-family:var(--mono);font-size:17px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums} #dfuStep .quoi{font-size:12.5px;color:var(--ink2)} #dfuStep .menu{font-size:10.5px;color:var(--ink2);opacity:.7;font-variant-numeric:tabular-nums} #dfuStep .tenir{font-family:var(--grot);font-weight:800;font-size:10.5px; letter-spacing:.04em;text-transform:uppercase;color:var(--coral); border:2px solid var(--coral);border-radius:16px;padding:2px 9px} #dfuStep .fini{font-family:var(--grot);font-weight:800;font-size:10.5px; letter-spacing:.04em;text-transform:uppercase;color:var(--ink); background:var(--mint);border:2px solid var(--ligne);border-radius:16px;padding:2px 9px} #dfuStep .arret{font-family:var(--grot);font-weight:800;font-size:10.5px; letter-spacing:.04em;text-transform:uppercase;color:var(--ink2); border:2px dashed var(--ligne);border-radius:16px;padding:2px 9px} .progfill.arret{opacity:.45} .progfill.done{background:var(--mint)} .slots{display:grid; grid-template-columns:1fr; gap:8px} @media(min-width:620px){.slots{grid-template-columns:repeat(5,1fr)}} .slot.cible{outline:3px solid var(--violet);outline-offset:3px;background:var(--yellow)} .slot{ border:1.2px solid var(--ligne); border-radius:12px; padding:9px 11px 10px; background:var(--paper2); display:flex; flex-direction:column; gap:2px; min-width:0; } .slot.free{background:transparent; border-style:dashed; color:var(--muted)} .slot.playing{background:var(--yellow);color:var(--sur-vif)} .slot .no{font-family:var(--mono); font-size:9px; letter-spacing:.1em; text-transform:uppercase; color:var(--muted)} .slot.playing .no{color:color-mix(in srgb, var(--sur-vif) 70%, var(--yellow))} .slot .nm{font-family:var(--disp); font-weight:900; font-size:14.5px; letter-spacing:-.02em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis} .slot .acts{margin:6px 0 0; gap:4px} .slot button{font-size:10.5px; padding:3px 7px; box-shadow:none} .fgbody{ display:inline-flex; flex-direction:column; align-items:center; gap:5px; border:1.4px solid var(--ligne); border-radius:16px 16px 12px 12px; padding:8px 9px 0; background:var(--paper2); position:relative; } .fgscreen{ width:78px; height:16px; border:1.2px solid var(--ligne); border-radius:4px; background:var(--scene); flex:none; position:relative; overflow:hidden; } .fgscreen::after{ content:""; position:absolute; left:5px; top:5px; width:32px; height:2px; background:#D9F2E4; opacity:.55; box-shadow:0 5px 0 #D9F2E4; } .fgbell{ width:calc(100% + 18px); height:16px; margin:2px -9px 0; border:1.4px solid var(--ligne); border-top:0; border-radius:0 0 16px 16px; background:var(--paper3); } .fgwrap{display:flex; gap:16px; flex-wrap:wrap; align-items:flex-start} .fgkeys{display:grid; grid-template-columns:repeat(3,34px); gap:5px; flex:0 0 auto} .fgk{ border:1.4px solid var(--ligne); border-radius:8px; background:var(--card); height:30px; display:flex; align-items:center; justify-content:center; font-family:var(--mono); font-size:9px; font-weight:700; cursor:pointer; user-select:none; letter-spacing:.02em; color:var(--ink2); } .fgk:hover{background:var(--paper2)} .fgk.on{background:var(--violet); border-color:var(--ligne); color:var(--sur-violet)} .fgk.any{background:transparent; border-style:dashed; border-color:var(--muted); color:var(--muted)} .fgk.any::after{content:"*"; margin-left:2px; opacity:.8} .fgk.wide{grid-column:1 / -1} .fgk[data-bit="1"]{grid-column:2; grid-row:2} .fgk[data-bit="2"]{grid-column:2; grid-row:3} .fgk[data-bit="3"]{grid-column:2; grid-row:4} .fgk[data-bit="4"]{grid-column:1; grid-row:4} .fgk[data-bit="5"]{grid-column:2; grid-row:5} .fgk[data-bit="6"]{grid-column:2; grid-row:6} .fgk[data-bit="7"]{grid-column:2; grid-row:7} .fgk[data-bit="8"]{grid-column:3; grid-row:7} .fgk.oct{background:var(--paper3)} .fgk.oct.on{background:var(--yellow); color:var(--sur-vif)} .fgk.oct.any{background:transparent} .fglegend{display:flex; gap:12px; flex-wrap:wrap; margin-top:8px; font-family:var(--mono); font-size:9px; letter-spacing:.05em; color:var(--muted)} .fglegend i{font-style:normal; display:inline-block; width:10px; height:10px; border:1.2px solid var(--ligne); border-radius:4px; vertical-align:-1px; margin-right:4px} .fglegend i.p{background:var(--ink)} .fglegend i{border-radius:50%} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgetat.sale{color:var(--rouge)} .fglegend i.a{border-style:dashed; border-color:var(--muted)} .fgcover{font-family:var(--mono); font-size:10.5px; color:var(--muted); margin-top:6px} .aide{position:relative; display:inline-block; vertical-align:middle} .aide .aideb{width:17px; height:17px; padding:0; line-height:15px; text-align:center; font-family:var(--mono); font-size:10.5px; border-radius:50%; border:1.2px solid var(--muted); background:none; color:var(--muted); box-shadow:none; cursor:help} .aide .aideb:hover{color:var(--violet); border-color:var(--violet); transform:none; box-shadow:none} :is(#p-sons,#p-synop,#p-doigte,#p-admin,#p-bib,#p-gal,#p-syl) .aide .aideb{width:17px;height:17px;min-width:0;padding:0;line-height:15px; text-align:center;font-family:var(--mono);font-weight:400;font-size:10.5px;border-radius:50%; border:1.2px solid var(--muted);background:none;color:var(--muted);box-shadow:none;cursor:help; display:inline-flex;align-items:center;justify-content:center} :is(#p-sons,#p-synop,#p-doigte,#p-admin,#p-bib,#p-gal,#p-syl) .aide .aideb:hover{color:var(--violet);border-color:var(--violet);transform:none;box-shadow:none;background:none} .aide .bulle{display:none; position:absolute; z-index:40; left:0; top:22px; width:min(340px, 78vw); background:var(--ink); color:var(--card); font-size:12.5px; line-height:1.45; font-weight:400; padding:9px 11px; border-radius:8px; box-shadow:0 6px 18px rgba(0,0,0,.28); text-align:left; font-family:var(--grot)} .aide .bulle b{color:var(--jaune)} .aide .bulle{display:none} .aide.gauche .bulle{left:auto; right:0} .aide.adroite .bulle{left:auto; right:0} #accListe td.nom .bibtag, #afluListe td.nom .bibtag{margin-left:6px} html[data-avatar="non"] .aide.ouverte .bulle{display:block} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgatelier{border:0; border-radius:0; background:none; margin:0 0 10px; overflow:visible} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgrang{display:flex; align-items:center; gap:7px 16px; flex-wrap:wrap; padding:5px 0} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgrang + .fgrang{border-top:1px solid var(--rule,var(--ligne))} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fggroupe{display:flex; align-items:center; gap:8px; flex-wrap:wrap; min-width:0} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgrang .fggroupe + .fggroupe{border-left:1px solid var(--rule,var(--ligne)); padding-left:16px} @media (max-width:1040px){ :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgrang .fggroupe + .fggroupe{border-left:0; padding-left:0} } :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgatelier .lbl{margin:0; white-space:nowrap} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgatelier .fgnom{font-family:var(--mono); font-weight:700; font-size:9px; letter-spacing:.15em; text-transform:uppercase; color:var(--muted); white-space:nowrap} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgatelier .fgunite{font-family:var(--grot); font-size:12.5px; color:var(--ink2); white-space:nowrap; margin-left:-2px} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgatelier select{width:auto; min-width:140px; max-width:220px} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgatelier input[type=number]{width:56px} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgatelier .pousse{margin-left:auto} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgetat{font-family:var(--mono); font-size:10.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--muted)} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgtitre{display:flex; align-items:center; gap:9px; flex-wrap:wrap; padding:10px 14px; border-bottom:1.6px solid var(--ligne)} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgtitre h2{margin:0; border:none; padding:0} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgtitre .pousse{margin-left:auto} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgtitre .fglegend{margin:0} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgcarte-card{max-width:100%; overflow:hidden} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgcarte-card .cartedefile{border:none; border-radius:0; background:var(--paper2)} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .cartedefile{overflow-x:auto; overflow-y:hidden; max-width:100%; min-width:0; padding:4px 2px 10px; border:1.5px solid var(--ligne); border-radius:12px; background:var(--paper2)} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgrangee{display:flex; align-items:flex-start; gap:6px; min-width:min-content} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgflute{flex:0 0 auto; color:var(--ink); opacity:.8; padding-top:63px} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgflute svg{display:block} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgcarte .col .motifs{background-image:repeating-linear-gradient(to bottom, transparent 0, transparent 9px, var(--rule) 9px, var(--rule) 10px, transparent 10px, transparent 19px); background-repeat:repeat-y; background-size:100% 171px} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgcarte{display:flex; align-items:flex-start; gap:0; flex:1 1 auto; min-width:0} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgcarte .col{flex:1 1 0; min-width:34px; display:flex; flex-direction:column; align-items:center; padding:6px 0 4px; border-right:1px dashed var(--rule); transition:background .12s} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgcarte .col:last-child{border-right:none} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgcarte .col.vide{opacity:1} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgcarte .mo.vierge .pa{border-color:var(--rule); background:transparent} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgcarte .mo.vierge .pa:hover{border-color:var(--violet)} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgcarte .col.vide .nom{color:var(--muted); font-weight:400} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgcarte .col.ici{background:var(--jaune-pale); opacity:1; box-shadow:inset 0 0 0 2px var(--violet); border-radius:8px} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgcarte .col .nom{height:18px; font-family:var(--mono); font-size:10.5px; font-weight:700; color:var(--ink); background:none; border:none; box-shadow:none; padding:2px 0; cursor:pointer; line-height:1.1} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgcarte .col .nom:hover{color:var(--violet); transform:none; box-shadow:none; background:none} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgcarte .col .nom i{font-style:normal; font-size:9px; color:var(--muted); vertical-align:super} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgcarte .col .nom.bas{cursor:default; font-weight:400; color:var(--muted); font-size:10.5px} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgcarte .col .nom.bas.flute{height:auto; display:flex; flex-direction:column; align-items:center; font-size:9.5px; line-height:1.15; white-space:nowrap; color:var(--ink)} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgcarte .col .nom.bas.flute b{font-weight:600} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgcarte .col .nom.bas.flute i{font-style:normal; font-size:9px; color:var(--muted); vertical-align:baseline} .fgd-flute{font-family:var(--mono); font-size:.85em; font-weight:400; color:var(--muted); margin-left:6px} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgcarte .col .piano{width:76%; max-width:38px; height:30px; border:1.2px solid var(--ligne); border-radius:0 0 4px 4px; margin:3px 0 6px} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgcarte .col .piano.blanche{background:var(--card)} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgcarte .col .piano.noire{background:var(--ink)} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgcarte .col .piano.degre{background:var(--card);display:flex;align-items:flex-end;justify-content:center; font:9px/1.2 var(--mono);color:var(--muted);padding-bottom:2px;box-sizing:border-box} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgcarte .col .piano.degre.zero{background:var(--jaune-pale)} #p-doigte .fgechrang{margin:-4px 0 10px;padding:0 4px} #p-doigte .fgechrang .fgech{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted)} #p-doigte .fgechrang .fgech.avec .fgech-mot{color:var(--ink);font-weight:700} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgcarte .col .motifs{display:flex; flex-direction:row; align-items:flex-start; justify-content:center; gap:2px; width:100%} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgcarte .col.ici{padding-left:0; padding-right:0} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgdetail{display:flex; align-items:flex-start; gap:14px; flex-wrap:wrap; padding:10px 14px 8px; border-top:1.6px solid var(--ligne); background:var(--jaune-pale); min-height:230px} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgdetail[hidden]{display:none} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgdetail .fgd-tete{display:flex; flex-direction:column; gap:6px; min-width:132px; padding-top:2px} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgdetail .fgd-nom{font-family:var(--mono); font-weight:700; font-size:14.5px; color:var(--ink)} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgdetail .fgd-n{font-family:var(--mono); font-size:10.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--muted)} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgdetail .fgd-tete button{font-size:10.5px; padding:3px 8px; align-self:flex-start} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgdetail .fgd-facons{display:flex; gap:6px; flex-wrap:wrap; align-items:flex-start; flex:1 1 auto} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgdetail .fgd-une{display:flex; flex-direction:column; align-items:center; gap:3px; padding:4px 5px 3px; border-radius:8px; border:1.4px solid transparent; background:var(--card)} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgdetail .fgd-une.defaut{border-color:var(--violet)} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgdetail .fgd-une.encours{border-color:var(--rouge); border-style:dashed} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgdetail .fgd-une.neuf{border-color:var(--violet); border-style:dashed} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgdetail .mo{display:grid; grid-template-rows:repeat(9, 19px); justify-items:center; align-items:center; border-radius:8px; position:relative; width:22px; background-image:repeating-linear-gradient(to bottom, transparent 0, transparent 9px, var(--rule) 9px, var(--rule) 10px, transparent 10px, transparent 19px); background-repeat:repeat-y; background-size:100% 171px} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgdetail .fgd-btn{display:flex; gap:3px} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgdetail .ote,:is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgdetail .def{font-family:var(--mono); font-size:10.5px; padding:0 4px; background:none; border:1.2px solid var(--rule); border-radius:8px; color:var(--muted); box-shadow:none; cursor:pointer; line-height:1.4} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgdetail .ote:hover{color:var(--rouge); border-color:var(--rouge); transform:none; box-shadow:none} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgdetail .def:hover,:is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgdetail .def.on{color:var(--violet); border-color:var(--violet); transform:none; box-shadow:none} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgdetail .fgd-vide{font-size:12.5px; color:var(--muted); padding-top:6px} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgdetail .defmot{font-family:var(--sans); font-size:9px; margin-left:3px} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgdetail .fgd-leg{font-size:10.5px; color:var(--muted); margin:5px 0 0; flex:0 0 100%} html,body{overscroll-behavior-x:contain} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .cartedefile{overscroll-behavior-x:contain} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgcarte .col .mo{display:grid; grid-template-rows:repeat(9, 19px); justify-items:center; align-items:center; border-radius:8px; position:relative; flex:0 0 auto; width:22px} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgcarte .col .mo:hover{background-color:var(--paper)} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgcarte .col .mo.apercu{box-shadow:inset 0 0 0 2px var(--jaune)} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .pa{display:block; width:15px; height:15px; border:1.6px solid var(--ligne); border-radius:50%; background:var(--card); cursor:pointer} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .pa.lo{border-radius:4px; width:11px; height:11px; transform:rotate(45deg)} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .pa.ov{width:10px; height:16px; border-radius:50%; transform:translateX(5px)} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .pa.ov.bas{transform:translateX(-5px)} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .pa.on{background:var(--ink)} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .pa.any{border-style:dashed; border-color:var(--muted); background:var(--paper2)} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .pa:hover{border-color:var(--violet)} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgcarte .col .ote,:is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgcarte .col .plus{font-family:var(--mono); font-size:10.5px; padding:0 4px; margin-top:2px; background:none; border:1.2px solid var(--rule); border-radius:8px; color:var(--muted); box-shadow:none; cursor:pointer; line-height:1.4} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgcarte .col .plus{visibility:hidden; white-space:nowrap; font-size:9px} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgvue{display:inline-flex; gap:4px} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgregle{font-family:var(--mono); font-size:10.5px; color:var(--muted)} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) #fgRegleValeurs{gap:6px; flex-wrap:wrap} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) #fgRegleValeurs .tou{display:flex; flex-direction:column; align-items:center; gap:2px} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) #fgRegleValeurs{gap:10px} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) #fgRegleValeurs .tou{gap:4px} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) #fgRegleValeurs .tou span{font-family:var(--grot); font-size:12.5px; font-weight:700; color:var(--ink2)} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) #fgRegleValeurs .tou input{width:58px; padding:6px 4px; text-align:center; font-family:var(--mono); font-size:14.5px; font-weight:700} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) #fgRegleValeurs select{font-family:var(--mono); font-size:12.5px} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgvue button{font-size:10.5px; padding:2px 7px} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgvue button.on{background:var(--yellow);color:var(--sur-vif)} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgcarte .col.ajout{justify-content:flex-start; padding-top:52px; min-width:101px; flex:0 0 auto} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgcarte .col.ajout select{font-family:var(--mono); font-size:10.5px; max-width:92px} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgcarte .col:hover .plus,:is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgcarte .col.ici .plus{visibility:visible} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgcarte .col .ote:hover{color:var(--rouge); border-color:var(--rouge); transform:none; box-shadow:none} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgcarte .col .plus:hover{color:var(--violet); border-color:var(--violet); transform:none; box-shadow:none} :is(#p-doigte,#p-admin,#p-jeu,#dpanBib,#dpanGal,#dpanFlu,#rpanBib,#rpanGal) .souso{display:flex;flex-wrap:wrap;gap:4px;align-items:flex-end; border-bottom:2.5px solid var(--ligne);margin:0 0 16px;padding:0 0 0 3px} :is(#p-doigte,#p-admin,#p-jeu,#dpanBib,#dpanGal,#dpanFlu,#rpanBib,#rpanGal) .souso button{font-family:var(--grot);font-weight:800;font-size:14.5px; background:var(--paper2);border:2.5px solid var(--ligne);border-bottom:0; border-radius:12px 12px 0 0;margin:0 0 -2.5px;padding:9px 17px 10px; box-shadow:none;cursor:pointer;color:var(--muted);letter-spacing:-.01em; position:relative;top:2px; transition:color .12s ease,background .12s ease,top .12s ease} :is(#p-doigte,#p-admin,#p-jeu,#dpanBib,#dpanGal,#dpanFlu,#rpanBib,#rpanGal) .souso button:hover{color:var(--ink);transform:none;box-shadow:none; background:var(--paper3);top:0} :is(#p-doigte,#p-admin,#p-jeu,#dpanBib,#dpanGal,#dpanFlu,#rpanBib,#rpanGal) .souso button:active{transform:none;box-shadow:none} :is(#p-doigte,#p-admin,#p-jeu,#dpanBib,#dpanGal,#dpanFlu,#rpanBib,#rpanGal) .souso button.on{color:var(--ink);background:var(--card);top:0; padding-top:7px;border-top:4.5px solid var(--violet);box-shadow:0 3px 0 var(--card)} :is(#p-doigte,#p-admin,#p-jeu,#dpanBib,#dpanGal,#dpanFlu,#rpanBib,#rpanGal) .souso button.on:hover{background:var(--card)} #p-admin .souso button small{font-family:var(--mono);font-weight:400;font-size:10.5px;color:var(--muted);margin-left:6px} #p-admin .admpage{display:flex;align-items:center;gap:10px;justify-content:flex-end;padding:8px 4px 0; font-family:var(--mono);font-size:10.5px;color:var(--muted)} #p-admin .admpage button{padding:4px 10px;font-size:10.5px} #roueModale .roue-intro{margin:0 0 12px;color:var(--ink2);font-size:13.5px;line-height:1.5} #roueModale .roue-deux{display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:18px;align-items:start} @media (max-width:760px){ #roueModale .roue-deux{grid-template-columns:1fr} } #roueSvg{width:100%;max-width:360px;height:auto;display:block;margin:0 auto;user-select:none} #roueSvg .rs-ton,#roueSvg .rs-mode{fill:var(--paper2);stroke:var(--ink);stroke-width:1.2;cursor:pointer;transition:fill .12s} #roueSvg .rs-ton:hover,#roueSvg .rs-mode:hover{fill:var(--paper3)} #roueSvg .rs-ton:focus-visible,#roueSvg .rs-mode:focus-visible{outline:none;stroke:var(--violet);stroke-width:3} #roueSvg .rs-ton.sel{fill:var(--yellow)} #roueSvg .rs-mode.sel{fill:var(--violet)} #roueSvg .rs-l{font:700 13px var(--grot);fill:var(--ink)} #roueSvg .rs-l2{font:600 9.5px var(--mono);fill:var(--muted)} #roueSvg .rs-l.sel,#roueSvg .rs-l2.sel{fill:var(--sur-vif,#111)} #roueSvg .rs-m{font:800 10.5px var(--grot);fill:var(--ink)} #roueSvg .rs-deg{font:600 8.5px var(--mono);fill:var(--muted)} #roueSvg .rs-m.sel,#roueSvg .rs-deg.sel{fill:#fff} #roueSvg .rs-centre{fill:var(--card);stroke:var(--ink);stroke-width:1.6} #roueSvg .rs-c1{font:900 22px var(--disp);fill:var(--ink)} #roueSvg .rs-c2{font:700 11.5px var(--grot);fill:var(--violet);text-transform:uppercase;letter-spacing:.06em} #roueFiche .rf-titre{margin:0 0 10px;font-family:var(--disp);font-weight:900;font-size:20px;letter-spacing:-.01em} #roueFiche .rf-notes{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px} #roueFiche .rf-n{display:inline-flex;flex-direction:column;align-items:center;min-width:40px;padding:5px 6px;border:1.4px solid var(--ink);border-radius:10px;background:var(--paper2)} #roueFiche .rf-n b{font-family:var(--grot);font-weight:800;font-size:14.5px} #roueFiche .rf-n i{font-style:normal;font-family:var(--mono);font-size:10.5px;color:var(--muted)} #roueFiche .rf-n.ton{background:var(--yellow);color:var(--sur-vif,#111)} #roueFiche .rf-n.ton i{color:inherit;opacity:.75} #roueFiche .rf-n.car{box-shadow:inset 0 0 0 2px var(--violet);color:var(--violet)} #roueFiche .rf-n.oct{opacity:.6} #roueFiche .rf-pas{display:flex;gap:6px;margin:0 0 12px 22px;font-family:var(--mono);font-size:11px} #roueFiche .rf-pas span{min-width:40px;text-align:center;color:var(--muted)} #roueFiche .rf-pas span.demi{color:var(--coral);font-weight:700} #roueFiche .rf-dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0 0 12px;font-size:13px;line-height:1.45} #roueFiche .rf-dl dt{font-family:var(--grot);font-weight:800;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding-top:2px} #roueFiche .rf-dl dd{margin:0;color:var(--ink2)} #roueFiche .rf-piano{width:190px;height:auto;display:block;margin:0 0 12px} #roueFiche .rf-piano rect.b{fill:#fff;stroke:var(--ink);stroke-width:1.2} #roueFiche .rf-piano rect.n{fill:#2a2622;stroke:var(--ink);stroke-width:1} #roueFiche .rf-piano rect.on{fill:var(--mint)} #roueFiche .rf-piano rect.n.on{fill:#1f9e6b} #roueFiche .rf-piano rect.ton{fill:var(--yellow)} #roueFiche .rf-piano rect.car{stroke:var(--violet);stroke-width:3} #roueFiche .rf-act{display:flex;flex-wrap:wrap;gap:8px} #roueFiche .rf-dit{margin:10px 0 0;min-height:1.4em;font-size:13px;color:var(--ink2)} #p-admin table.bibt td.act{max-width:none;width:1%;overflow:visible;text-overflow:clip;padding-left:4px;padding-right:4px} #p-admin table.bibt td.date{max-width:none;width:1%;font-variant-numeric:tabular-nums} :is(#p-doigte,#p-jeu,#p-acc) .fabtete{display:flex;align-items:center;gap:12px;flex-wrap:wrap; border:2px solid var(--ligne);border-radius:12px;background:var(--paper2); padding:5px 12px;margin:0 0 8px} :is(#p-doigte,#p-jeu,#p-acc) .fabtete .ft-l{flex:1;min-width:0;display:flex;flex-direction:row;align-items:baseline;gap:10px;flex-wrap:wrap} :is(#p-doigte,#p-jeu,#p-acc) .fabtete .ft-quoi{font-family:var(--mono);font-size:9px;letter-spacing:.1em; text-transform:uppercase;color:var(--muted)} :is(#p-doigte,#p-jeu,#p-acc) .fabtete .ft-nom{font-family:var(--disp);font-weight:900;font-size:17px; letter-spacing:-.015em;line-height:1.15;overflow-wrap:break-word} :is(#p-doigte,#p-jeu,#p-acc) .fabtete .ft-ou{font-family:var(--mono);font-size:10.5px;color:var(--muted); line-height:1.4;overflow-wrap:break-word} :is(#p-doigte,#p-jeu,#p-acc) .fabtete .ft-modif{flex:0 0 auto;font-family:var(--grot);font-weight:800; font-size:10.5px;border:2px solid var(--ligne);border-radius:999px;padding:3px 10px; background:var(--yellow);color:var(--ink)} :is(#p-doigte,#p-jeu,#p-acc) .fabtete .ft-modif[hidden]{display:none} :is(#p-doigte,#p-jeu,#p-acc) .fabtete.verrou{background:var(--lilac)} :is(#p-sons,#p-synop,#p-doigte,#p-jeu) .fabtete.verrou .ft-quoi,:is(#p-sons,#p-synop,#p-doigte,#p-jeu) .fabtete.verrou .ft-ou{color:var(--ink2)} :is(#p-doigte,#p-jeu,#p-acc) .fabtete.neuf .ft-nom{color:var(--muted)} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) #doiEntete{margin:0 0 14px;padding:0 0 14px;border-bottom:1.5px solid var(--rule,var(--trait))} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) #doiBarre{margin:0} :is(#p-doigte,#p-jeu,#p-acc) .fabtete .ft-nom.renomme{cursor:pointer;border-bottom:1.5px dotted var(--muted)} :is(#p-doigte,#p-jeu,#p-acc) .fabtete .ft-nom.renomme:after{content:"✎";font-size:10.5px;margin-left:5px;opacity:.6} :is(#p-doigte,#p-jeu,#p-acc) .fabtete .ft-nom.renomme:hover{border-bottom-color:var(--ink)} :is(#p-doigte,#p-jeu,#p-acc) .fabtete .ft-mot{flex:0 1 auto;min-width:0;max-width:100%; border:1.4px solid var(--rule,var(--trait));border-radius:999px;background:var(--card); color:var(--ink2);font-family:var(--mono);font-size:10.5px;line-height:1.3; padding:3px 9px;cursor:pointer;text-align:left;overflow-wrap:break-word} :is(#p-doigte,#p-jeu,#p-acc) .fabtete .ft-mot.vide{color:var(--muted);border-style:dashed} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) #doiTeteMotZone:empty{display:none} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) #doiTeteMotZone{margin:8px 0 0} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .doitetemot textarea{width:100%} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .flutitre{font-family:var(--grot);font-weight:800;font-size:12.5px;margin:0 0 7px; text-transform:uppercase;letter-spacing:.05em} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .flutitre small{font-family:var(--mono);font-size:10.5px;font-weight:400; color:var(--muted);margin-left:7px;text-transform:none;letter-spacing:0} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fludeux{display:grid;grid-template-columns:1fr;gap:14px;margin-top:10px} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fludeux .bibtable{margin-top:7px;max-height:46vh} :is(#p-doigte,#p-admin,#p-acc) .carte{border:var(--bd);border-radius:var(--r-sm);background:var(--card); box-shadow:var(--pop-sm);padding:16px 18px} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) #dfluQ{width:100%} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgvalide{margin-top:14px;border-top:2px dashed var(--ligne);padding-top:12px} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgdeplace{margin:10px 0 0;border:2px solid var(--ligne);border-left:8px solid var(--yellow); border-radius:12px;background:var(--paper2);padding:9px 11px;font-size:12.5px;line-height:1.45} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgdeplace .acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgvalide .acts{display:flex;flex-wrap:wrap;gap:6px} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .res td.jeter{width:30px;text-align:right;padding-right:6px} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgx{border:0;background:none;box-shadow:none;padding:1px 5px;font-size:12.5px; line-height:1;color:var(--muted);border-radius:8px;cursor:pointer;opacity:.5} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) tr:hover .fgx,:is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) tr.cur .fgx{opacity:1} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fgx:hover{background:var(--coral);color:var(--sur-corail)} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fludeux .slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .slot{border:2.5px solid var(--ligne);border-radius:16px; box-shadow:var(--pop-sm);min-height:76px;padding:8px 10px 9px} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .slot:hover{transform:translate(-1px,-1px)} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .slot.free{box-shadow:none} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .slot .no{font-family:var(--mono);font-size:9px;letter-spacing:.1em; text-transform:uppercase;color:var(--violet)} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .slot.free .no{color:var(--muted)} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .slot .nm{font-size:12.5px;white-space:normal;overflow-wrap:break-word} @media(min-width:900px){ :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .fludeux{grid-template-columns:1fr 1fr} } .pas3{display:grid;gap:8px;grid-template-columns:1fr;counter-reset:pas;list-style:none;margin:14px 0 16px;padding:0} @media(min-width:900px){.pas3{grid-template-columns:repeat(3,1fr);gap:12px}} .pas3 li{counter-increment:pas;position:relative;border:1.6px solid var(--ligne);border-radius:12px;background:var(--card); padding:10px 12px 10px 40px;font-size:12.5px;line-height:1.45;color:var(--ink2);box-shadow:2px 2px 0 var(--ink)} .pas3 li::before{content:counter(pas);position:absolute;left:10px;top:9px;width:21px;height:21px;border-radius:50%; background:var(--yellow);color:var(--ink);border:1.6px solid var(--ligne);font-family:var(--grot);font-weight:800; font-size:12.5px;display:flex;align-items:center;justify-content:center} .pas3 li b{color:var(--ink)} .pasn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%; background:var(--yellow);color:var(--ink);border:1.6px solid var(--ligne);font-size:12.5px;font-weight:800;margin-right:6px} .fgetape{margin:0 0 8px;font-family:var(--grot);font-weight:800;font-size:12.5px;color:var(--ink);display:flex;align-items:center} .fgecrit{margin:10px 0 0;font-size:12.5px;line-height:1.4;color:var(--ink2);border-left:4px solid var(--mint);padding-left:8px} .fgside{flex:1 1 150px; min-width:147px} .fgnote{font-family:var(--disp); font-weight:900; font-size:34px; letter-spacing:-.03em; line-height:1} .fgnote.mute{color:var(--muted); font-size:20px} .fglbl{font-family:var(--mono); font-size:9px; letter-spacing:.09em; text-transform:uppercase; color:var(--muted); margin:3px 0 9px} .fgpick{display:flex; gap:5px; align-items:center} .fgpick select{flex:1 1 auto; min-width:0} .chk{display:flex; align-items:center; gap:6px; font-size:12.5px; color:var(--ink2); white-space:nowrap} #fgTable td.st{font-family:var(--mono); font-size:10.5px; color:var(--muted)} #fgTable tr.cur{background:var(--lilac)} .verihead{display:flex;align-items:center;gap:9px;margin:0 0 8px;flex-wrap:wrap} .verihead .hint{margin:0;font-size:10.5px;line-height:1.25;flex:1;min-width:120px} .veri{display:grid;grid-template-columns:1fr 1fr;column-gap:14px;border-top:1px solid var(--paper3)} .veri em{font-style:normal;display:none;color:var(--muted)} @media(min-width:560px){.veri{column-gap:18px}.veri em{display:inline}} .veri div{display:flex;align-items:baseline;justify-content:space-between;gap:8px; padding:3px 6px;border-bottom:1px solid var(--paper3);min-width:0} .veri span{font-family:var(--mono);font-weight:700;font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);white-space:nowrap;flex:none} .veri b{font-family:var(--disp);font-weight:900;font-size:12.5px;letter-spacing:-.02em;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0} .veri div.chg{background:var(--yellow);color:var(--sur-vif);border-radius:8px;border-bottom-color:transparent} .veri div.chg span{color:color-mix(in srgb, var(--sur-vif) 70%, var(--yellow))} .veri div.chg b{color:var(--sur-vif)} .chkbody{padding:4px 0 6px} .chkbody .item:last-child{border-bottom:0} .item{display:grid;grid-template-columns:1fr auto;gap:9px;padding:8px 13px;border-bottom:1.2px solid var(--paper3);align-items:center} @media(min-width:900px){.item{gap:12px;padding:10px 20px}} .item .t{font-size:12.5px;line-height:1.35} .item .t i{font-style:normal;color:var(--muted);font-size:12.5px;display:block;margin-top:1px} .item.crit .t{font-weight:700} .item.crit .t::before{content:"";display:inline-block;width:7px;height:7px;background:var(--coral);border:1px solid var(--ligne);border-radius:4px;margin-right:7px;vertical-align:1px} .item.ko{background:color-mix(in srgb,var(--coral) 13%,transparent)} .tri{display:flex;border:1.2px solid var(--ligne);border-radius:999px;overflow:hidden;flex:none} .tri button{border:0;border-radius:0;box-shadow:none;padding:4px 12px;font-size:12.5px;background:var(--card)} .tri button:hover{transform:none;box-shadow:none} .tri button + button{border-left:1.2px solid var(--ligne)} .tri button.sel-ok{background:var(--mint)} button.sel-ok{background:var(--mint)} .tri button.sel-ko{background:var(--coral)} .tri button.sel-nt{background:var(--paper3)} .note{grid-column:1 / -1;margin-top:3px} .note input{font-family:var(--body);font-size:12.5px;border-radius:12px;padding:6px 11px} .btq{display:flex;gap:12px;align-items:flex-start;position:relative; border:1.6px solid var(--ligne);border-left:8px solid var(--violet); border-radius:12px;background:var(--cream);padding:11px 40px 11px 13px; margin-bottom:12px} .btq img{width:64px;height:64px;object-fit:cover;border-radius:8px; border:1.6px solid var(--ligne);flex:0 0 auto} .btq-txt{flex:1 1 auto} .btq-txt p{margin:0 0 6px;font-size:12.5px;line-height:1.45;color:var(--ink2)} .btq-promo{font-weight:700;color:var(--ink)} .btq-bas{display:flex;gap:8px;align-items:center;flex-wrap:wrap} .btq-bas code{font-family:var(--mono);font-size:12.5px;border:1.6px dashed var(--ligne); border-radius:8px;padding:2px 8px;background:var(--card);margin-right:6px} .btq-x{position:absolute;top:6px;right:8px;border:0;background:none;cursor:pointer; font-size:20px;line-height:1;color:var(--muted);padding:2px 5px} .btq-x:hover{color:var(--ink)} @media(max-width:520px){ .btq img{width:44px;height:44px} } .notice{border:1.6px solid var(--ligne);border-left:8px solid var(--yellow);border-radius:12px;background:var(--card);padding:10px 13px;font-size:12.5px;line-height:1.45;color:var(--ink2);margin-bottom:12px;box-shadow:2px 2px 0 var(--ink)} @media(min-width:900px){.notice{border:var(--bd);border-left:10px solid var(--yellow);border-radius:16px;padding:14px 18px;font-size:14.5px;margin-bottom:22px;box-shadow:var(--pop-sm)}} .notice b{color:var(--ink)} .notice.ok{border-left-color:var(--mint)} .notice.bad{border-left-color:var(--coral)} .hint{font-size:12.5px;line-height:1.5;color:var(--ink2);margin:0 0 11px;max-width:64ch} @media(min-width:900px){.hint{font-size:14.5px;margin:0 0 16px}} .drop{ border:2px dashed var(--muted);border-radius:16px;padding:28px 20px;text-align:center; color:var(--muted);font-size:14.5px;background:var(--paper2);cursor:pointer; } .drop.over{border-color:var(--violet);color:var(--violet);background:var(--lilac)} .toast{ position:fixed;right:12px;bottom:12px;z-index:80;font-family:var(--mono);font-size:12.5px; background:var(--ink);color:var(--paper);border:1.2px solid var(--ligne);border-radius:999px; padding:10px 18px;opacity:0;transform:translateY(8px);pointer-events:none; transition:opacity .15s ease,transform .15s ease; } .toast.on{opacity:1;transform:none} @media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}} .notes{margin-top:10px;padding:14px 16px;border:2px solid var(--ligne);border-radius:12px;background:var(--cream);max-height:420px;overflow-y:auto;line-height:1.55;font-size:14.5px} .notes h3{font-family:var(--disp);font-weight:900;font-size:17px;margin:0 0 10px;letter-spacing:-.01em} .notes h4{font-family:var(--grot);font-weight:800;font-size:14.5px;margin:16px 0 6px;text-transform:uppercase;letter-spacing:.04em} .notes h5,.notes h6{font-weight:800;font-size:12.5px;margin:12px 0 4px} .notes p{margin:0 0 9px} .notes ul,.notes ol{margin:0 0 9px;padding-left:22px} .notes li{margin:0 0 4px} .notes code{font-family:var(--mono);font-size:12.5px;background:color-mix(in srgb, var(--violet) 10%, transparent);padding:1px 5px;border-radius:4px} .notes b{font-weight:800} .hero{position:relative;display:flex;align-items:center;gap:18px;background:var(--cream);border:1.6px solid var(--ligne);border-radius:12px;box-shadow:3px 3px 0 var(--ink);padding:16px 18px;margin-bottom:12px;overflow:hidden} @media(min-width:900px){.hero{border-radius:16px;box-shadow:var(--pop-sm);padding:20px 26px;margin-bottom:16px}} .hero-txt{flex:1 1 200px;min-width:0} .hero-txt h1{font-family:var(--disp);font-weight:900;font-size:clamp(26px,6vw,46px);line-height:.95;letter-spacing:-.03em;margin:0} .hero-txt p{margin:8px 0 0;font-size:12.5px;line-height:1.45;max-width:44ch} .hero-pic{flex:0 0 auto;margin-left:auto;align-self:center;line-height:0} .hero-pic img{display:block;height:clamp(96px,15vw,178px);width:auto;max-width:100%;filter:drop-shadow(0 6px 14px rgba(0,0,0,.14))} @media(max-width:560px){.hero{flex-direction:column;align-items:flex-start;gap:10px}.hero-pic{margin:0 auto}.hero-pic img{height:auto;width:100%;max-width:320px}} .dfu-pic{float:right;width:52px;margin:2px 0 10px 20px;pointer-events:none} .dfu-pic img{display:block;width:100%;height:auto;filter:drop-shadow(0 5px 12px rgba(0,0,0,.16))} @media(max-width:700px){.dfu-pic{display:none}} .atelier{display:none} [data-atelier="1"] .atelier:not([hidden]){display:revert} [data-atelier="1"] .bar.atelier:not([hidden]){display:flex} [data-atelier="1"] #atelierBtn{background:var(--violet);color:var(--sur-violet);border-color:var(--ligne)} #compteBtn{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #compteBtn.dedans{background:var(--mint);color:var(--sur-vif);border-color:var(--ligne)} #elZone.vise{outline:3px solid var(--violet);outline-offset:4px} .pil-deux{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:stretch;margin:0 0 4px} .pil-voie{border:2px solid var(--ligne);border-radius:12px;padding:10px 13px;background:var(--card);box-shadow:2px 2px 0 var(--ink)} .pil-voie b{display:block;font-family:var(--disp);font-weight:900;font-size:14.5px;letter-spacing:-.01em;margin:0 0 3px} .pil-voie span{font-size:12.5px;color:var(--ink2);line-height:1.4} .pil-voie.pil-link{border-left:8px solid var(--violet)} .pil-voie.pil-usb{border-left:8px solid var(--yellow)} .pil-deux .aide{align-self:center} table.cc td.cc-link{text-align:center;font-weight:900;color:var(--violet);width:1%;white-space:nowrap} table.cc th.cc-link{text-align:center} @media(max-width:700px){.pil-deux{grid-template-columns:1fr}} .cc-wrap{overflow-x:auto;margin-top:12px;border:1.6px solid var(--ligne);border-radius:12px} .pil-tete{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 12px} .pil-tete h2{margin:0 !important} .pil-source{display:none} @media print{ body.impr-pil > *:not(#pilotageModale){display:none !important} body.impr-pil{background:#fff !important} body.impr-pil #pilotageModale{position:static !important;display:block !important;padding:0 !important;background:none !important;overflow:visible !important} body.impr-pil #pilotageModale .modale-in{max-width:none !important} body.impr-pil #pilotageModale .carte{border:0 !important;box-shadow:none !important;padding:0 !important;background:#fff !important} body.impr-pil #pilotageModale .fermer,body.impr-pil #pilotageModale .pil-impr,body.impr-pil #pilotageModale .aide{display:none !important} body.impr-pil #pilotageModale *{color:#000 !important;box-shadow:none !important} body.impr-pil #pilotageModale .pil-source{display:block;font:11px/1.4 var(--mono);margin:0 0 10px} body.impr-pil #pilotageModale .pil-voie{background:#fff !important;border-color:#000 !important} body.impr-pil #pilotageModale .cc-wrap{overflow:visible !important;border-color:#000 !important} body.impr-pil #pilotageModale table.cc,body.impr-pil #pilotageModale table.cc th{background:#fff !important} body.impr-pil #pilotageModale table.cc{min-width:0 !important;font-size:11.5px} body.impr-pil #pilotageModale table.cc td,body.impr-pil #pilotageModale table.cc th{padding:5px 8px;border-color:#999 !important} body.impr-pil #pilotageModale tr{break-inside:avoid} } table.cc{border-collapse:collapse;width:100%;min-width:640px;font-size:14.5px;background:var(--cream)} table.cc th{font-family:var(--grot);font-weight:800;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;text-align:left;padding:9px 12px;border-bottom:1.6px solid var(--ligne);background:var(--paper)} table.cc td{padding:9px 12px;border-bottom:1px solid color-mix(in srgb, var(--ink) 12%, transparent);vertical-align:top;line-height:1.45} table.cc tr:last-child td{border-bottom:0} table.cc td:first-child{font-family:var(--mono);white-space:nowrap;width:1%} table.cc td:nth-child(3){font-family:var(--mono);font-size:12.5px} table.cc .cc-note{color:var(--muted);font-size:12.5px} .scene{height:132px} @media(min-width:640px){.scene{height:158px}} @media(min-width:900px){.scene{height:190px}} .scene-pic{position:absolute;right:2%;bottom:0;top:0;width:min(46%,430px);pointer-events:none;display:flex;align-items:center;justify-content:flex-end} .scene-pic img{width:100%;height:auto;max-height:88%;object-fit:contain;filter:drop-shadow(0 10px 22px rgba(0,0,0,.55))} .pic-link{display:none} body.est-link .pic-flute{display:none} body.est-link .pic-link{display:block} .si-link{display:none} body.est-link .si-flute{display:none} body.est-link .si-link{display:inline} .marklink{display:none} body.est-link .mark:not(.marklink){display:none} body.est-link .marklink{display:inline-block} body.est-deux .pic-flute{display:block} body.est-deux .pic-link{display:block} body.est-deux .scene-pic{width:min(62%,600px);gap:2%} body.est-deux .scene-pic img{width:49%;max-height:74%} body.est-deux .mark:not(.marklink){display:inline-block} body.est-deux .marklink{display:inline-block} #p-admin .admchiffre{display:inline-flex;flex-direction:column;align-items:center;padding:4px 14px; border:2px solid var(--ligne);border-radius:12px;background:var(--card);min-width:84px} #p-admin .admchiffre b{font-family:var(--disp);font-weight:900;font-size:20px;line-height:1.1} #p-admin .admchiffre span{font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)} #p-admin .admbarres{display:flex;align-items:flex-end;gap:3px;height:70px;margin:12px 0 4px;padding:0 2px; border-bottom:2px solid var(--ligne)} #p-admin .admbarres i{flex:1 1 0;min-width:4px;background:var(--violet);border-radius:4px 4px 0 0;opacity:.85} #p-admin .admbarres i:last-child{opacity:1} #p-admin .admbarres.admheures{height:54px;margin-top:4px} #p-admin .admbarres.admheures i,#p-admin .admbarres.admheures i:last-child{opacity:.85} #p-admin .admvisites{margin:8px 0 0;font-family:var(--mono);font-size:11px;color:var(--muted)} #p-admin .admvisites b{color:var(--ink,inherit);font-weight:700} #p-admin .admvisites .admvl{text-transform:uppercase;letter-spacing:.1em;margin-right:4px} #p-admin .admheuresleg{display:flex;justify-content:space-between;font-family:var(--mono);font-size:9.5px;color:var(--muted);padding:0 2px} #p-admin .admlistes{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:10px} #p-admin .admlistes p.flutitre{margin:0 0 4px} #chargeBloc.chargeflou #etatCharge{opacity:.62;font-style:italic} #p-admin .admlistes > div > div{display:block} #p-admin .admlistes > div > div > div{font-family:var(--mono);font-size:10.5px;line-height:1.6; display:flex;justify-content:space-between;align-items:baseline;gap:8px} #p-admin .admlistes > div > div > div > span{min-width:0;overflow-wrap:anywhere} #p-admin .admlistes > div > div > div b{color:var(--violet);flex:0 0 auto} #p-admin .anform{margin:10px 0;padding:12px 14px;border:2px solid var(--ligne);border-radius:12px;background:var(--paper2)} #p-admin .anchamps{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px} #p-admin .anc{display:grid;grid-template-columns:118px 1fr;align-items:center;gap:8px;font-size:12.5px} #p-admin .anc>span{font-family:var(--grot);font-weight:700;font-size:12.5px;color:var(--ink2)} #p-admin .anc input[type=text],#p-admin .anc input[type=date]{width:100%;min-width:0;font-size:12.5px;padding:5px 8px} #p-admin .anc.an2{grid-column:1 / -1;grid-template-columns:118px 1fr} #p-admin .anc.anchk{grid-template-columns:118px auto} #p-admin .anc.anchk input{width:16px;height:16px;accent-color:var(--violet);justify-self:start} #p-admin .anapercu{margin-top:12px;padding:10px 12px;border:2px dashed var(--ligne);border-radius:12px;background:var(--card)} #p-admin .anapercu-tete{display:flex;align-items:center;gap:6px;margin-bottom:8px} #p-admin .anapercu-tete .flutitre{margin:0} #p-admin .anapercu-tete button{padding:2px 9px;font-size:10.5px} #p-admin .anapercu-tete button.on{background:var(--yellow);color:var(--sur-vif)} #p-admin .anvide{font-size:12.5px;color:var(--muted);margin:4px 0 0} #p-admin .admform-actes{display:flex;gap:8px;margin-top:12px} @media(max-width:760px){#p-admin .anchamps{grid-template-columns:1fr}} #p-admin .admform{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin:10px 0; padding:12px;border:2px solid var(--ligne);border-radius:12px;background:var(--paper2)} #p-admin .admform input[type=text],#p-admin .admform input[type=date]{width:100%;box-sizing:border-box} #p-admin .admform .admform-actes{grid-column:1 / -1;display:flex;gap:8px} body.link-seul [data-usb="flute"]{display:none !important} body.flute-seule [data-usb="link"]{display:none !important} body.par-interface [data-usb="link"]{display:none !important} body.par-interface [data-usb="cable"]{display:none !important} body:not(.link-seul) [data-usb="link-seul"]{display:none !important} body.par-interface .tab[data-p="syl"]{display:none !important} @media(max-width:560px){.scene-pic{width:58%;right:-4%;opacity:.75}} .hud{z-index:2} :root{--gap:12px} @media(min-width:900px){:root{--gap:22px}} .grid2{gap:var(--gap)} .setcols{gap:var(--gap)} .setcol{gap:var(--gap)} .grid2 > .card, .setcol > .card, .setcols > .card{margin-bottom:0} .grid2, #settingsGrid{margin-bottom:var(--gap)} .dfuline:not([hidden]){display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px} .dfuline p{margin:0;flex:1 1 200px;min-width:0} .dfuline #dfuNotesWrap{order:-1} #dfuNotesBtn.on{background:var(--ink);color:var(--paper)} .dia{border:var(--bd);border-radius:var(--r-sm);background:var(--card);box-shadow:var(--pop-sm);margin:0 0 14px;overflow:hidden} .dia>summary{cursor:pointer;list-style:none;padding:11px 14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;background:var(--paper2);border-bottom:2.2px solid transparent} .dia[open]>summary{border-bottom-color:var(--ink)} .dia>summary::-webkit-details-marker{display:none} .dia>summary::after{content:"";margin-left:auto;width:9px;height:9px;border-right:2.4px solid var(--ligne);border-bottom:2.4px solid var(--ligne);transform:rotate(45deg) translateY(-2px);transition:transform .18s} .dia[open]>summary::after{transform:rotate(-135deg) translateY(-2px)} .dia-t{font-family:var(--disp);font-weight:900;font-size:14.5px;letter-spacing:-.02em} .dia-s{font-size:12.5px;color:var(--muted)} .dia-in{padding:14px} .dia-h{font-family:var(--disp);font-weight:900;font-size:14.5px;letter-spacing:-.01em;margin:2px 0 4px;display:flex;align-items:center;gap:8px} .dia-h:not(:first-child){margin-top:26px} .dia-n{flex:0 0 auto;width:21px;height:21px;border:2.2px solid var(--ligne);border-radius:50%;background:var(--yellow);color:var(--sur-vif); display:grid;place-items:center;font-family:var(--mono);font-size:10.5px;font-weight:700} .dia-p{font-size:12.5px;color:var(--ink2);margin:0 0 12px} .dia-note{font-size:12.5px;color:var(--ink2);margin:22px 0 0;padding:11px 13px;border:2.2px dashed var(--ligne);border-radius:var(--r-sm);background:var(--paper2)} .dia-note b{font-weight:800} .dia-flow{display:flex;align-items:stretch;gap:0;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:thin} .dia-b{flex:1 1 140px;min-width:134px;border:2.2px solid var(--ligne);border-radius:var(--r-sm); background:var(--card);box-shadow:3px 3px 0 var(--ink);padding:0 0 9px;display:flex;flex-direction:column;overflow:hidden} .dia-b>b{font-family:var(--disp);font-weight:900;font-size:12.5px;letter-spacing:-.01em;line-height:1.15; background:var(--c,var(--paper3));color:var(--sur-c,var(--ink));padding:7px 9px;border-bottom:2.2px solid var(--ligne)} .dia-b.dia-out>b{background:var(--ink);color:var(--paper)} .dia-b>u{text-decoration:none;font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase; color:var(--muted);padding:7px 9px 3px} .dia-b>span{font-family:var(--mono);font-size:10.5px;color:var(--ink);padding:1px 9px;line-height:1.5} .dia-b>span::before{content:"› ";color:var(--muted)} .dia-b>i{font-style:normal;font-size:12.5px;line-height:1.45;color:var(--ink2);padding:7px 9px 0;margin-top:auto} .dia-b>button{margin:8px 9px 0;align-self:flex-start;font-family:var(--body);font-weight:700;font-size:10.5px; border:2px solid var(--ligne);border-radius:8px;background:var(--paper2);color:var(--ink);padding:3px 9px;cursor:pointer;box-shadow:2px 2px 0 var(--ink)} .dia-b>button:hover{background:var(--yellow);color:var(--sur-vif)} .dia-b>button:active{transform:translate(2px,2px);box-shadow:none} .dia-b>button+button{margin-top:5px} .dia-a{flex:0 0 22px;align-self:center;position:relative;height:12px} .dia-a::before{content:"";position:absolute;left:3px;right:8px;top:5px;height:2.2px;background:var(--ink)} .dia-a::after{content:"";position:absolute;right:3px;top:1px;width:0;height:0; border-left:8px solid var(--ligne);border-top:5px solid transparent;border-bottom:5px solid transparent} @media(max-width:860px){ .dia-flow{flex-direction:column;overflow-x:visible} .dia-b{flex:0 0 auto;min-width:0;width:100%} .dia-a{flex:0 0 22px;height:22px;width:12px;align-self:center} .dia-a::before{left:5px;right:auto;top:2px;bottom:8px;height:auto;width:2.2px} .dia-a::after{right:auto;left:1px;top:auto;bottom:1px; border-left:5px solid transparent;border-right:5px solid transparent; border-top:8px solid var(--ligne);border-bottom:0} } #bibZone.survol{outline:3px dashed var(--violet);outline-offset:4px} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .modebar{display:flex;align-items:center;gap:10px;flex-wrap:wrap; margin:0 0 14px} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .modebar .lab{font:700 11px/1 var(--mono);letter-spacing:.08em; text-transform:uppercase;color:var(--muted)} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .modebar .sons-barre{margin:0 0 0 auto;gap:9px} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) :is(.modebar,.edligne) .sons-etat{position:relative;cursor:default;display:inline-flex;align-items:center} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) :is(.modebar,.edligne) .sons-etat[hidden]{display:none} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) :is(.modebar,.edligne) .sons-etat > span:not(.pt){display:none} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) :is(.modebar,.edligne) .sons-etat:hover > span:not(.pt){display:inline;position:absolute;top:100%;right:0;margin-top:6px;white-space:nowrap; background:var(--card);border:1.5px solid var(--ligne);border-radius:8px;padding:4px 8px;z-index:20;box-shadow:var(--pop-sm)} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) :is(.modebar,.edligne) :is(#latBloc,#chargeBloc) > span:not(.pt){display:inline;position:static;background:none;border:0;padding:0;box-shadow:none;margin:0} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .modebar button{font-size:12.5px;padding:6px 13px} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .modebar button.on{background:var(--violet);color:var(--sur-violet);border-color:var(--violet)} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .expgrille{display:grid;gap:12px; grid-template-columns:repeat(auto-fill,minmax(230px,1fr))} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .expc{border:2.5px solid var(--ligne);border-radius:16px;background:var(--paper2); padding:14px 15px 13px;display:flex;flex-direction:column;gap:9px} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .expc.garde{border-color:var(--violet);box-shadow:0 0 0 3px var(--violet) inset} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .expc-t{font-family:var(--grot);font-weight:800;font-size:14.5px} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .expc-d{font-size:12.5px;color:var(--muted);line-height:1.45;flex:1} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .expc-b{display:flex;gap:7px} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .expc-b button{font-size:12.5px;padding:7px 12px;flex:1} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .expc.cherche{opacity:.5} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .expvide{border:2.5px dashed var(--muted);border-radius:16px;padding:22px; text-align:center;color:var(--muted);font-size:12.5px} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .expfil{display:flex;flex-wrap:wrap;gap:6px;align-items:center; font-size:12.5px;color:var(--muted);margin:0 0 12px} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .expfil button{font-size:10.5px;padding:4px 10px} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .souso{display:flex;flex-wrap:wrap;gap:4px;align-items:flex-end; border-bottom:2.5px solid var(--ligne);margin:0 0 16px;padding:0 0 0 3px} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .souso button{font-family:var(--grot);font-weight:800;font-size:14.5px; background:var(--paper2);border:2.5px solid var(--ligne);border-bottom:0; border-radius:12px 12px 0 0;margin:0 0 -2.5px;padding:9px 17px 10px; box-shadow:none;cursor:pointer;color:var(--muted);letter-spacing:-.01em; position:relative;top:2px; transition:color .12s ease,background .12s ease,top .12s ease} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .souso button:hover{color:var(--ink);transform:none;box-shadow:none; background:var(--paper3);top:0} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .souso button:active{transform:none;box-shadow:none} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .souso button.on{color:var(--ink);background:var(--card);top:0; padding-top:7px;border-top:4.5px solid var(--violet); box-shadow:0 3px 0 var(--card)} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .souso button.on:hover{background:var(--card)} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .bibcompte{font-family:var(--mono);font-size:10.5px;color:var(--muted); align-self:center;white-space:nowrap;padding-right:2px} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .bibcompte span{color:var(--violet);font-weight:700} .bibcompte b, :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .bibcompte b{color:var(--ink2)} .bibtable{overflow:auto;max-height:56vh;border:2px solid var(--ligne);border-radius:12px; background:var(--card);margin-top:10px} table.bibt{width:100%;border-collapse:collapse;font-size:12.5px} table.bibt th{position:sticky;top:0;z-index:1;background:var(--paper2);text-align:left; font-family:var(--grot);font-weight:800;font-size:10.5px;text-transform:uppercase; letter-spacing:.06em;padding:6px 9px;border-bottom:2px solid var(--ligne);white-space:nowrap} table.bibt td{padding:4px 9px;border-bottom:1px solid var(--paper3);white-space:nowrap; overflow:hidden;text-overflow:ellipsis;max-width:1px} table.bibt td.nom{font-family:var(--grot);font-weight:700;width:42%} table.bibt td.mono{font-family:var(--mono);font-size:10.5px;color:var(--muted)} table.bibt td.flute{width:88px} table.bibt td.note{width:156px;min-width:156px;overflow:visible} table.bibt td.part{width:74px;text-align:center} table.bibt td.part input{width:15px;height:15px;accent-color:var(--violet);cursor:pointer} table.bibt td.num{width:52px;font-weight:700;color:var(--ink)} table.bibt td.nom>i.dos{font-style:normal;font-family:var(--mono);font-size:10.5px; color:var(--muted);margin-left:9px;font-weight:400} table.bibt tr.son.sonne td{background:var(--lilac)} table.bibt td b{color:var(--ink2)} table.bibt tr.son.sonne td.nom::after{content:" ♪"} .prefpan{position:fixed;z-index:82;width:290px;max-width:calc(100vw - 16px); background:var(--card);border:2px solid var(--ligne);border-radius:14px; box-shadow:0 10px 30px rgba(0,0,0,.22);padding:11px 12px 12px} .prefpan[hidden]{display:none} .prefpan .rp-t{margin:0 0 8px;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em; text-transform:uppercase;color:var(--muted)} .prefpan .rp-l{display:flex;align-items:center;gap:8px;margin:0 0 7px;font-size:12.5px} .prefpan .rp-l > span.nm{flex:1;font-weight:700} .prefpan .rp-l button{margin:0} .prefpan .rp-l .seg{flex:0 0 auto} .prefpan .rp-l .seg button{padding:5px 10px;font-size:11.5px} .prefpan .rp-l .fgvue{display:inline-flex;gap:4px;flex:0 0 auto} .prefpan .rp-l .fgvue button{padding:4px 11px} .prefpan .rp-l .fgvue button.on{background:var(--violet);color:var(--sur-violet);border-color:var(--violet)} .prefpan .rp-c{display:flex;align-items:flex-start;gap:8px;margin:0 0 7px;font-size:12.5px; font-weight:700;cursor:pointer;line-height:1.3} .prefpan .rp-c input,.prefpan .sydeco input{width:18px;height:18px;accent-color:var(--violet);flex:0 0 auto;margin:0} .prefpan .rp-c input{margin:0} .prefpan .rp-c{align-items:center} .prefpan .rp-c small{display:block;font-weight:400;color:var(--muted);font-size:11.5px;margin-top:1px} .prefpan .rp-s{height:2px;background:var(--paper3);margin:9px 0} .prefpan .rp-dep{margin:-1px 0 8px;padding:4px;border:1.4px solid var(--ligne); border-radius:10px;background:var(--paper)} .prefpan .rp-dep button{display:flex;align-items:center;gap:9px;width:100%;border:0; border-radius:7px;background:none;text-align:left;font-family:var(--body);font-weight:700; font-size:12px;padding:6px 8px;margin:0;box-shadow:none} .prefpan .rp-dep button:hover{background:var(--paper2);transform:none;box-shadow:none} .prefpan .rp-dep button.jaune{background:var(--yellow);color:var(--sur-vif)} .prefpan .rp-dep .puces{display:inline-flex;gap:3px;flex:0 0 auto} .prefpan .rp-dep .puces i{width:11px;height:11px;border-radius:50%; border:1.2px solid var(--ligne);display:inline-block} .prefpan .sydeco{display:flex;align-items:center;gap:8px;border:0;background:none; padding:0;margin:0 0 7px;font-size:12.5px;font-weight:700;width:100%} .prefpan .sydeco:has(input:checked){background:none;color:inherit} .menuc{position:fixed;z-index:80;min-width:190px;background:var(--card); border:2px solid var(--ligne);border-radius:12px;box-shadow:var(--pop-sm);padding:5px; display:flex;flex-direction:column;gap:1px} .menuc[hidden]{display:none} .menuc button{font-family:var(--body);font-weight:700;font-size:12.5px;text-align:left; background:none;border:0;border-radius:8px;padding:7px 11px;cursor:pointer;box-shadow:none; color:var(--ink)} .menuc button:hover{background:var(--yellow);color:var(--sur-vif);transform:none;box-shadow:none} .menuc button.jaune{background:var(--yellow);color:var(--sur-vif)} .menuc button.gris{opacity:.36;cursor:default} .menuc button.gris:hover{background:none;color:var(--ink);transform:none} .menuc button.danger{color:var(--coral)} .menuc button.danger:hover{background:var(--coral);color:var(--sur-corail)} .menuc .ttl{font-family:var(--mono);font-size:9px;letter-spacing:.13em;text-transform:uppercase; color:var(--muted);padding:7px 11px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; max-width:280px} .menuc .sep{height:2px;background:var(--paper3);margin:3px 6px} .menuc .puces{display:inline-flex;gap:3px;margin-right:9px;vertical-align:-2px} .menuc .puces i{width:11px;height:11px;border-radius:50%;border:1.2px solid var(--ligne);display:inline-block} .flash{position:fixed;inset:0;z-index:90;display:flex;align-items:center; justify-content:center;padding:20px;background:rgba(17,17,17,.55)} .flash[hidden]{display:none} .flash-in{width:100%;max-width:380px;border:2.5px solid var(--ligne);border-radius:16px; background:var(--paper);box-shadow:var(--pop);padding:18px 20px;text-align:center} .flash-t{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase; color:var(--muted)} .flash-n{font-family:var(--disp);font-weight:900;font-size:20px;letter-spacing:-.015em; margin:4px 0 12px;overflow-wrap:break-word} .flash-b{height:12px;border:2px solid var(--ligne);border-radius:999px;background:var(--paper2); overflow:hidden} .flash-b i{display:block;height:100%;width:0;background:var(--violet); transition:width .18s ease} .flash-s{font-family:var(--mono);font-size:10.5px;color:var(--muted);margin-top:8px} .flash-p{font-family:var(--body);font-size:12.5px;color:var(--muted);margin-top:10px; line-height:1.45} .modale{position:fixed;inset:0;z-index:70;display:flex;align-items:flex-start; justify-content:center;padding:64px 14px 24px;background:rgba(17,17,17,.5);overflow:auto} .modale[hidden]{display:none} .modale.perte-fen{align-items:center;padding:14px} .modale.avant-fen{align-items:center;padding:14px} .avant-fen ol{margin:4px 0 10px;padding-left:22px;font-family:var(--body);font-size:13px;line-height:1.5} .avant-fen ol li{margin:3px 0} .avant-fen .avantsi{font-family:var(--body);font-size:12px;line-height:1.5;color:var(--muted);border-top:1.5px dashed var(--ligne);padding-top:8px;margin:6px 0 10px} .dfureprise{margin:10px 0 0;padding:10px 12px;border:2px solid var(--rouge,#b3261e);border-radius:12px;font-family:var(--body);font-size:13px;line-height:1.5} .dfureprise[hidden]{display:none} .dfureprise b{display:block;margin-bottom:4px} .dfureprise ol{margin:4px 0 0;padding-left:22px} .ticket-fen .tkl{display:block;font-family:var(--grot);font-weight:700;font-size:12.5px;color:var(--muted);margin:10px 0 4px} .ticket-fen textarea{display:block;width:100%;box-sizing:border-box;min-height:110px;resize:vertical;background:var(--card); border:1.5px solid var(--ligne);border-radius:12px;padding:8px 10px;font:inherit;font-size:13px;line-height:1.45} .ticket-fen select{flex:1;min-width:0;background:var(--card);border:1.5px solid var(--ligne);border-radius:12px;padding:7px 10px;font:inherit;font-size:12.5px} .ticket-fen .tkjoint{margin:10px 0 0;border:1.5px dashed var(--ligne);border-radius:12px;padding:7px 10px;font-size:12.5px} .ticket-fen .tkjoint summary{cursor:pointer;font-family:var(--body);line-height:1.45} .ticket-fen .tkjoint pre{max-height:220px;overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:11px;margin:8px 0 2px} .ticket-fen .tkok{display:flex;gap:8px;align-items:flex-start;margin:10px 0 0;font-family:var(--body);font-size:12.5px;line-height:1.45} .ticket-fen .tkok input{flex:none;margin-top:2px} .ticket-fen .tkfini{font-family:var(--body);font-size:13.5px;line-height:1.55;margin:4px 0 0} .ticket-fen .tkfini b{font-family:var(--mono)} .ticket-fen .avis button{margin:6px 6px 0 0} #bnCopier[hidden] + #bnEnvoyer, #dfuReport[hidden] + #dfuSignaler{display:none} .ticket-fen .dmliste{list-style:none;margin:8px 0 0;padding:0;max-height:340px;overflow:auto} .ticket-fen .dmliste li{margin:0 0 6px} .ticket-fen .dmliste button{display:block;width:100%;text-align:left;margin:0;padding:8px 10px;border:1.5px solid var(--ligne);border-radius:12px;background:var(--card);box-shadow:none;font:inherit;font-size:12.5px;line-height:1.4} .ticket-fen .dmliste button b{font-family:var(--mono)} .ticket-fen .dmliste .dmetat{float:right;font-family:var(--grot);font-weight:700;font-size:11.5px} .ticket-fen .dmliste .dmetat.repondu{color:var(--vert,#14784a)} .ticket-fen .dmtete{font-family:var(--body);font-size:13px;margin:6px 0 8px} .ticket-fen .dmtete b{font-family:var(--mono)} .ticket-fen .dmfil{max-height:300px;overflow:auto;margin:0 0 6px} .ticket-fen .dmmsg{border:1.5px solid var(--ligne);border-radius:12px;padding:7px 10px;margin:0 0 6px;font-size:12.5px} .ticket-fen .dmmsg.aodyo{border-color:var(--vert,#14784a);background:var(--paper2,transparent)} .ticket-fen .dmmsg .dmqui{font-family:var(--grot);font-weight:700;font-size:11.5px;color:var(--muted);margin:0 0 3px} .ticket-fen .dmmsg pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:var(--body);font-size:12.5px;line-height:1.45} .admticket{margin-top:12px;border-top:2px solid var(--ligne);padding-top:10px} .admticket[hidden]{display:none} .admticket h3{font-family:var(--disp);font-size:15px;margin:0 0 4px} .admticket .tkqui{font-family:var(--mono);font-size:11px;color:var(--muted);margin:0 0 8px} .admticket pre{white-space:pre-wrap;word-break:break-word;background:var(--card);border:1.5px solid var(--ligne);border-radius:10px;padding:8px 10px;font-size:11.5px;max-height:320px;overflow:auto;margin:4px 0 10px} .admticket .tkmsg{font-family:var(--body);font-size:13px} .admticket textarea{width:100%;box-sizing:border-box;min-height:60px;background:var(--card);border:1.5px solid var(--ligne);border-radius:10px;padding:6px 9px;font:inherit;font-size:12.5px} .admticket .bar{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:6px 0 0} .admticket .bar select{flex:0 0 auto;width:auto} .admticket #admTicketReponse{min-height:180px;font-family:var(--body);font-size:13px;line-height:1.45} .admticket .tkechange{margin:8px 0 2px} .modale-in{position:relative;width:100%;max-width:600px} .modale .fermer{position:absolute;top:-42px;right:0;background:var(--card);min-width:auto; padding:6px 13px;font-size:14.5px;line-height:1} .modale .carte{border:2.5px solid var(--ligne);border-radius:16px;background:var(--paper); box-shadow:var(--pop);padding:16px 18px;margin:0} .modale .carte h2{font-family:var(--disp);font-weight:900;font-size:17px;margin:0 0 10px; letter-spacing:-.01em} .modale .carte h2 small{font-family:var(--mono);font-size:10.5px;font-weight:400; color:var(--muted);margin-left:8px} .modale .smini{font-family:var(--body);font-size:12.5px;line-height:1.5;color:var(--muted); margin:8px 0 0} .modale .ligne:not([hidden]){display:flex;align-items:center;gap:10px;margin:9px 0} .modale .ligne label{flex:0 0 96px;font-size:12.5px;color:var(--muted); font-family:var(--grot);font-weight:700} .modale .ligne .sv{font-family:var(--mono);font-size:10.5px;color:var(--muted)} .modale input[type=email],.modale input[type=text]{flex:1;min-width:0;background:var(--card); border:1.5px solid var(--ligne);border-radius:12px;padding:7px 10px;font:inherit;font-size:12.5px} .modale input[type=checkbox]{width:15px;height:15px;accent-color:var(--violet)} .modale .sbar:not([hidden]){display:flex;flex-wrap:wrap;gap:7px;margin:11px 0 0} .modale .sbar[hidden]{display:none} .modale .avis{border:2px solid var(--ligne);border-left-width:6px;border-radius:12px; padding:9px 12px;margin-top:11px;font-size:12.5px;line-height:1.5;background:var(--card)} .modale .avis.ok{border-left-color:var(--mint)} .modale .avis.rouge{border-left-color:var(--coral)} .modale .avis.violet{border-left-color:var(--violet)} .avis .avisq{display:block} .avis .avisp{display:block;margin-top:4px;color:var(--muted);font-size:12.5px;line-height:1.5} .avis .avisb{margin-top:8px} .avis.gris{border-left-color:var(--muted)} #guide{position:fixed;z-index:60;width:204px;display:flex;flex-direction:column; align-items:flex-end;gap:6px;touch-action:none;pointer-events:none} #guide > *{pointer-events:auto} #guide[hidden]{display:none} #guide .guidefig{flex:0 0 auto;position:relative;width:204px;user-select:none; filter:drop-shadow(0 6px 10px rgba(0,0,0,.18))} #guide .guidefig{pointer-events:none} #guide .guideprise{position:absolute;left:24%;right:24%;top:0;bottom:0; pointer-events:auto;cursor:grab} #guide.guidepris .guideprise{cursor:grabbing} #guide .guidex{pointer-events:auto} #guide .guideimg{display:block;width:100%;height:auto;-webkit-user-drag:none;user-select:none; opacity:1;transition:opacity .18s ease} #guide:not(.guidedroite) .guideimg,#guide:not(.guidedroite) .guidefond{transform:scaleX(-1)} #guide .guidefond{position:absolute;left:0;top:0;width:100%;height:auto;opacity:0; transition:opacity .18s ease;pointer-events:none;-webkit-user-drag:none;user-select:none} #guide .guidecorps,#guide .guidevague{display:block;position:relative;transform-origin:50% 100%} #guide .guidenotes{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;overflow:visible} #guide .guidenote{position:absolute;display:block;width:1em;height:1.5em;margin-left:-.5em; color:var(--violet,#B026FF);opacity:0;pointer-events:none;will-change:transform,opacity; animation:guideNoteVole var(--duree,2s) cubic-bezier(.22,.61,.36,1) forwards} #guide .guidenote.guidenote2{color:var(--violet2,#D36BFF)} #guide .guidenote.guidedouble{width:1.6em;margin-left:-.8em} #guide .guidenote svg{display:block;width:100%;height:100%;fill:currentColor;overflow:visible} #guide .guideaccessoire{position:absolute;display:block;pointer-events:none;z-index:3;transform:translate(-50%,-100%)} #guide .guideaccessoire svg{display:block;width:100%;height:auto;overflow:visible} #guide.guideimgtheme .guideyeux{display:none} @keyframes guideNoteVole{ 0%{opacity:0;transform:translate(0,0) scale(.45) rotate(0deg)} 14%{opacity:.95} 55%{opacity:.85;transform:translate(calc(var(--dx,0px)*.4),calc(var(--dy,-100px)*.55)) scale(.95) rotate(calc(var(--r,0deg)*.5))} 100%{opacity:0;transform:translate(var(--dx,0px),var(--dy,-100px)) scale(1) rotate(var(--r,0deg))}} @media (prefers-reduced-motion: reduce){#guide .guidenote{display:none}} #guide .guideyeux{position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none} #guide:not(.guidedroite) .guideyeux{transform:scaleX(-1)} #guide .mracc{position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;z-index:2} #guide:not(.guidedroite) .mracc{transform:scaleX(-1)} #guide.guideimgtheme .mracc,#guide.guidedort .mracc{display:none} #guide .mracc .mrit{position:absolute;display:block;transform-origin:50% 100%; animation:mrPop .42s cubic-bezier(.34,1.56,.64,1) both} #guide .mracc .mrflip{display:block} #guide:not(.guidedroite) .mracc .mrflip{transform:scaleX(-1)} #guide .mracc .mranim{display:block} #guide .mracc svg{display:block;width:100%;height:auto;overflow:visible} @keyframes mrPop{0%{opacity:0;transform:scale(.3)}100%{opacity:1;transform:scale(1)}} #guide .mracc .mr-ampoule .mrrais{animation:mrBrille 1.3s ease-in-out infinite} @keyframes mrBrille{0%,100%{opacity:.35}50%{opacity:1}} #guide .mracc .mr-chrono .mraiguille{transform-origin:20px 26px;animation:mrTic 2.4s steps(8) infinite} @keyframes mrTic{to{transform:rotate(360deg)}} #guide .mracc .mr-bulle .mranim{animation:mrFlotte 2.6s ease-in-out infinite} @keyframes mrFlotte{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}} #guide .mracc .mr-colere .mranim{animation:mrBat .7s ease-in-out infinite} @keyframes mrBat{0%,100%{transform:scale(.88)}50%{transform:scale(1.08)}} #guide .mracc .mr-fantome .mranim{animation:mrFantome 2.2s ease-in-out infinite} @keyframes mrFantome{0%,100%{transform:translate(0,0) rotate(-4deg);opacity:.95}50%{transform:translate(-3px,-5px) rotate(4deg);opacity:.75}} #guide .mracc .mr-goutte .mranim{animation:mrGoutte 1.6s ease-in infinite} @keyframes mrGoutte{0%{transform:translateY(-2px);opacity:0}25%{opacity:1}100%{transform:translateY(5px);opacity:0}} @media (prefers-reduced-motion: reduce){ #guide .mracc .mrit,#guide .mracc .mranim,#guide .mracc .mrrais,#guide .mracc .mraiguille{animation:none} } #guide .guideyeux img{position:absolute;display:block;-webkit-user-drag:none;user-select:none} #guide .guideyeux .gpup{animation:guideRegard 13s ease-in-out infinite} #guide .guideyeux .gpau{transform-origin:50% 0;transform:scaleY(0); animation:guideCligne 6.4s ease-in-out infinite} @keyframes guideRegard{0%,38%{transform:translateX(0)}46%,66%{transform:translateX(1.3px)} 74%,100%{transform:translateX(0)}} @keyframes guideCligne{0%,93.5%{transform:scaleY(0)}95%,96.4%{transform:scaleY(1)} 98%,100%{transform:scaleY(0)}} @media(prefers-reduced-motion: reduce){#guide .guideyeux img{animation:none}} @keyframes guideSouffle{ 0%,100%{transform:translateY(0) rotate(0deg)} 50% {transform:translateY(-3px) rotate(-.5deg)} } @keyframes guideParleSouffle{ 0%,100%{transform:translateY(0) rotate(-1deg)} 50% {transform:translateY(-4px) rotate(1deg)} } @keyframes guideRebond{ 0% {transform:scale(1,1) translateY(0)} 12% {transform:scale(.965,1.035) translateY(2px)} 42% {transform:scale(1.06,.95) translateY(-5px)} 70% {transform:scale(.99,1.012) translateY(1px)} 100%{transform:scale(1,1) translateY(0)} } @keyframes guideDerive{ 0%,100%{transform:translateX(0) rotate(0deg)} 30% {transform:translateX(2px) rotate(.45deg)} 65% {transform:translateX(-2px) rotate(-.4deg)} } #guide .guidecorps{animation:guideSouffle 4.5s ease-in-out infinite} #guide.guideparle .guidecorps{animation:guideParleSouffle 2.6s ease-in-out infinite} #guide .guidevague{animation:guideDerive 7.3s ease-in-out infinite} #guide .guidecorps.guidesaute{animation:guideRebond .52s cubic-bezier(.33,1.02,.5,1) 1} #guide.guidepris .guidecorps,#guide.guidepris .guidevague{animation:none} @media (prefers-reduced-motion: reduce){ #guide .guidecorps,#guide.guideparle .guidecorps,#guide .guidecorps.guidesaute, #guide .guidevague{animation:none} #guide .guideimg,#guide .guidefond{transition:none} } #guide.guidedort .guidecorps{animation:guideDodo 7s ease-in-out infinite} #guide.guidedort .guidevague{animation:none} @keyframes guideDodo{ 0%,100%{transform:translateY(0) rotate(0deg)} 50% {transform:translateY(-1.5px) rotate(.8deg)} } #guide.guidedort .guideyeux .gpau{animation:none;transform:scaleY(1)} #guide.guidedort .guideyeux .gpup{animation:none} #guide .guidez{position:absolute;display:block;width:.8em;height:.8em;margin-left:-.4em; color:var(--violet,#5C3DFF);opacity:0;pointer-events:none;will-change:transform,opacity; animation:guideZMonte 3.4s ease-out forwards} #guide .guidez svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor; stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;overflow:visible} @keyframes guideZMonte{ 0% {opacity:0;transform:translate(0,0) scale(.45) rotate(-8deg)} 18% {opacity:.95} 70% {opacity:.8} 100%{opacity:0;transform:translate(var(--dx,30px),-80px) scale(1.2) rotate(10deg)}} @media (prefers-reduced-motion: reduce){ #guide.guidedort .guidecorps{animation:none} #guide .guidez{display:none} } #guide .guidebulle{position:absolute;right:calc(100% + 10px);bottom:22px;width:250px; border:1.8px solid var(--ligne);border-radius:12px; background:var(--card);padding:9px 11px;font-size:12.5px;line-height:1.5; box-shadow:0 8px 20px rgba(0,0,0,.16)} #guide.guidedroite .guidebulle{right:auto;left:calc(100% + 10px)} #guide .guidebulle b{display:block} #guide .guidebulle button{margin-top:7px} #guide .guidebulle i{display:block;margin-top:6px;color:var(--muted);font-size:10.5px;font-style:normal} #guide .guidebulle .guidepq{display:block;margin-top:5px;color:var(--muted); font-size:10.5px;line-height:1.45} #guide .guidebulle .guidesuite{display:block;margin-top:7px;margin-left:auto; border:1.4px solid var(--ligne);border-radius:999px;background:var(--paper2); color:var(--muted);font-family:var(--mono);font-size:9px;letter-spacing:.08em; padding:2px 8px;cursor:pointer} #guide .guidebulle .guidesuite:hover{color:var(--ink);background:var(--card)} #guide.guideaidela .guidebulle{width:300px} #guide .guidebulle .guideaide{display:block;margin-top:5px;font-size:11.5px;line-height:1.5; max-height:min(46vh, 340px);overflow:auto;overscroll-behavior:contain} #guide .guidebulle .guideaide b{display:inline} #guide .guidebulle .guideastuces,.aide .bulle .guideastuces{display:block;margin:6px 0 0;padding:0 0 0 14px; font-size:11.5px;line-height:1.45} #guide .guidebulle .guideastuces li,.aide .bulle .guideastuces li{margin:3px 0 0;padding:0} #guide .guidebulle .guideastuces li::marker,.aide .bulle .guideastuces li::marker{color:var(--violet)} .aide .bulle .guideastuces li::marker{color:var(--jaune)} .jgr h3 .aide,#p-synop .sycadre > header .aide,.accvuetete .aide,.acctransport .aide,.hud-right .aide{margin-left:6px;vertical-align:middle} .hud-right .aide .aideb{border-color:rgba(255,255,255,.55);color:rgba(255,255,255,.75)} #guide.guidemuet.guideaidela{opacity:1} #guide .guidebulle .guideqq{display:block;margin-top:6px} #guide .guidebulle .mrneuf{display:block} #guide .guidebulle .mrneufl{display:block;position:relative;margin:6px 0 0;padding-left:13px} #guide .guidebulle .mrneufl::before{content:"";position:absolute;left:1px;top:.5em;width:6px;height:6px; border-radius:50%;background:var(--violet,#5C3DFF)} #guide .guidebulle .guideq{display:block;width:100%;text-align:left;margin:4px 0 0; border:1.4px solid var(--ligne);border-radius:9px;background:var(--paper2); color:var(--ink);font-size:11.5px;line-height:1.35;padding:5px 8px;cursor:pointer} #guide .guidebulle .guideq:hover{background:var(--card);border-color:var(--violet)} .visitecible{outline:3px solid var(--violet);outline-offset:4px;border-radius:12px} #visiteombre{position:fixed;inset:0;z-index:55;pointer-events:none} #visiteombre[hidden]{display:none} #visiteombre > div{position:fixed;background:rgba(8,10,18,.38);transition:opacity .18s} #guide .guidebulle .visitebas{display:flex;align-items:center;gap:7px;margin-top:9px;flex-wrap:wrap} #guide .guidebulle .visitebas .guidesuite{margin:0} #guide .guidebulle .visitebas .guideb{margin:0} #guide .guidebulle .mrpara{display:block} #guide .guidebulle .mrpara + .mrpara{margin-top:5px} #guide .guidebulle .mractes{margin:9px 0 2px} #guide .guidebulle .visitepc{font-family:var(--mono);font-size:9px;letter-spacing:.08em; color:var(--muted);margin-right:auto} #guide.guidemuet{opacity:.72} #guide.guidemuet:hover{opacity:1} #guide.guidesignal{opacity:1;cursor:pointer} #guide.guidesignal .guidefig{cursor:pointer} #guide.guidesignal .guidecorps{animation:guideAppel 1.5s ease-in-out infinite} @keyframes guideAppel{ 0%,100%{transform:translateY(0) rotate(0)} 25%{transform:translateY(-4px) rotate(-2.5deg)} 75%{transform:translateY(-4px) rotate(2.5deg)} } @media(prefers-reduced-motion: reduce){ #guide.guidesignal .guidecorps{animation:none} } #guide .guidex{position:absolute;bottom:4px;right:-8px;width:20px;height:20px;padding:0; border:1.6px solid var(--ligne);border-radius:50%;background:var(--card);color:var(--ink); font-size:12.5px;line-height:1;cursor:pointer;opacity:0;transition:opacity .12s} #guide:hover .guidex,#guide:focus-within .guidex{opacity:1} @media (max-width: 1399px){ #guide{width:159px} #guide .guidefig{width:159px} #guide .guidebulle{width:230px;bottom:18px} } @media (max-width: 1099px){ #guide{width:124px} #guide .guidefig{width:124px} #guide .guidebulle{width:210px;bottom:16px} } @media (max-width: 820px){ #guide{width:200px} #guide .guidefig{width:109px} #guide .guidebulle{position:static;width:100%;right:auto;left:auto} #guide.guidedroite .guidebulle{left:auto} } .avis.jaune{border-left-color:var(--yellow)} .modale-in > .carte + .carte{margin-top:12px} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .carte.bienv{position:relative;border-left-width:10px;border-left-color:var(--violet); margin-bottom:14px} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .carte.bienv .fermer{position:absolute;top:10px;right:12px;min-width:auto; padding:2px 9px;font-size:14.5px;line-height:1.2} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .bienvpas{display:grid;grid-template-columns:1fr;gap:10px;margin:12px 0 4px} @media(min-width:820px){:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .bienvpas{grid-template-columns:repeat(3,1fr)}} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .bp{border:2px solid var(--ligne);border-radius:12px;background:var(--paper2); padding:10px 12px;display:flex;flex-direction:column;gap:3px} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .bp .n{font-family:var(--mono);font-size:10.5px;color:var(--violet);font-weight:700} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .bp b{font-family:var(--grot);font-weight:800;font-size:12.5px} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .bp span:last-child{font-size:12.5px;color:var(--muted);line-height:1.45} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .smini.touches{margin-top:7px;opacity:.85} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .clavoct{display:flex;align-items:center;gap:7px;margin:6px 0 2px} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .clavoct button{min-width:0;padding:2px 10px;font-size:14.5px;line-height:1.3} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .clavoct #octNom{font-family:var(--mono);font-size:12.5px;font-weight:700; color:var(--ink);min-width:34px;text-align:center} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .clavoct .clavdit{font-family:var(--body);font-size:10.5px;color:var(--muted)} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .fabtete{display:flex;align-items:center;gap:12px;flex-wrap:wrap; border:2px solid var(--ligne);border-radius:12px;background:var(--paper2); padding:5px 12px;margin:0 0 8px} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .fabtete .ft-l{flex:1;min-width:0;display:flex;flex-direction:row;align-items:baseline;gap:10px;flex-wrap:wrap} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .fabtete .ft-quoi{font-family:var(--mono);font-size:9px;letter-spacing:.1em; text-transform:uppercase;color:var(--muted)} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .fabtete .ft-nom{font-family:var(--disp);font-weight:900;font-size:17px; letter-spacing:-.015em;line-height:1.15;overflow-wrap:break-word} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .fabtete .ft-ou{font-family:var(--mono);font-size:10.5px;color:var(--muted); line-height:1.4;overflow-wrap:break-word} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .fabtete .ft-modif{flex:0 0 auto;font-family:var(--grot);font-weight:800; font-size:10.5px;border:2px solid var(--ligne);border-radius:999px;padding:3px 10px; background:var(--yellow);color:var(--sur-vif);white-space:nowrap;margin-top:2px} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .fabtete .ft-modif[hidden]{display:block;visibility:hidden} #fabTeteModif:not([hidden]){cursor:pointer} #fabTeteModif:not([hidden]):hover,#fabTeteModif:focus-visible{outline:2px solid var(--ink);outline-offset:1px} #modifsPop{position:fixed;z-index:80;min-width:280px;max-width:min(460px, calc(100vw - 20px)); max-height:min(60vh, 480px);overflow-y:auto;background:var(--card);color:var(--ink); border:2px solid var(--ligne);border-radius:12px;box-shadow:0 10px 28px rgba(0,0,0,.22);padding:11px 13px 12px} #modifsPop h4{margin:0 0 8px;padding-right:24px;font-family:var(--grot);font-size:12.5px;font-weight:800;line-height:1.25} #modifsPop .mp-l{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 14px; padding:5px 0;border-top:1.4px solid var(--paper3)} #modifsPop .mp-l:first-of-type{border-top:none} #modifsPop .mp-ou{font-family:var(--grot);font-size:11px;font-weight:700} #modifsPop .mp-ou i{font-style:normal;font-weight:600;color:var(--muted)} #modifsPop .mp-v{font-family:var(--mono);font-size:10.5px;text-align:right;overflow-wrap:anywhere;margin-left:auto} #modifsPop .mp-v .av{color:var(--muted)} #modifsPop .mp-v b{font-weight:800} #modifsPop .mp-x{position:absolute;top:7px;right:8px;width:20px;height:20px;padding:0;border-radius:50%; border:1.5px solid var(--ligne);background:var(--paper);color:var(--ink);cursor:pointer;line-height:1; font-size:12.5px;box-shadow:none} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .fabtete.verrou{background:var(--lilac)} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .fabtete.neuf .ft-nom{color:var(--muted)} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .bibvide{padding:14px 12px;line-height:1.55} .elmoi{display:flex;align-items:center;gap:12px;margin:0 0 4px} .elav{flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:2.5px solid var(--ligne); background:var(--lilac);display:flex;align-items:center;justify-content:center; font-family:var(--disp);font-weight:900;font-size:20px;color:var(--ink); box-shadow:var(--pop-sm);overflow:hidden} .elav img{width:100%;height:100%;object-fit:cover;display:block} .elid{flex:1;min-width:0} .elnom{font-family:var(--disp);font-weight:900;font-size:17px;letter-spacing:-.01em; line-height:1.2;overflow-wrap:break-word} .elsous{font-family:var(--body);font-size:12.5px;color:var(--muted);line-height:1.4;margin-top:2px} .elpuce{flex:0 0 auto;font-family:var(--mono);font-size:10.5px;text-transform:uppercase; letter-spacing:.04em;border:2px solid var(--ligne);border-radius:999px;padding:3px 9px; background:var(--paper2);color:var(--ink2);white-space:nowrap} .elpuce.vert{background:var(--mint);color:var(--sur-vif)} .elpuce.gris{background:var(--paper3)} .elou{display:flex;align-items:center;gap:10px;margin:14px 0 6px;font-family:var(--mono); font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em} .elou:before,.elou:after{content:"";flex:1;height:2px;background:var(--paper3)} .modale button.discord{background:#5865F2;color:#FFFFFF;border-color:var(--ligne)} .modale button.discord:hover{background:#4752C4} .elroles{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0 0} .elrole{font-family:var(--mono);font-size:10.5px;border:2px solid var(--ligne);border-radius:999px; padding:3px 9px;background:var(--cyan);color:var(--sur-vif)} .elrole.non{background:var(--paper2);color:var(--muted)} .eldur{display:flex;align-items:baseline;gap:8px;padding:7px 0;border-top:1.5px dashed var(--paper3)} .eldur:first-of-type{border-top:0} .eldur b{font-family:var(--grot);font-weight:800;font-size:12.5px;flex:0 0 96px} .eldur span{font-family:var(--body);font-size:12.5px;color:var(--muted);line-height:1.45} .elhist{margin:8px 0 0;border:2px solid var(--ligne);border-radius:12px;overflow:hidden; background:var(--card)} .elhist .rien{padding:9px 11px;font-size:12.5px;color:var(--muted)} .elhl{display:flex;align-items:center;gap:9px;padding:6px 9px 6px 11px; border-top:1.5px solid var(--paper3);font-size:12.5px} .elhist .elhl:first-child{border-top:0} .elhl .q{font-family:var(--mono);font-size:10.5px;color:var(--muted);flex:1;min-width:0} .elhl .n{font-family:var(--grot);font-weight:800} .elhl button{padding:3px 9px;font-size:10.5px;min-width:auto} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu,#apanFlu,#apanBib,#rpanFlu) .fludeux{display:grid;grid-template-columns:1fr;gap:14px;margin-top:10px} @media(min-width:900px){:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu,#apanFlu,#apanBib,#rpanFlu) .fludeux{grid-template-columns:1fr 1fr}} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu,#apanFlu,#apanBib,#rpanFlu) .fludeux .bibtable{margin-top:7px;max-height:46vh} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) #fluListe{border:0;background:none;overflow:visible;max-height:none;padding:2px} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .flugrille{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px} @media(min-width:1240px){:is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .flugrille{grid-template-columns:repeat(4,minmax(0,1fr))}} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .fluc{position:relative;border:2.5px solid var(--ligne);border-radius:16px; background:var(--card);box-shadow:var(--pop-sm);padding:8px 10px 9px;min-height:76px; cursor:pointer;display:flex;flex-direction:column;gap:2px; transition:transform .1s ease,box-shadow .1s ease,background .1s ease} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .fluc:hover{transform:translate(-1px,-1px)} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .fluc .no{font-family:var(--mono);font-size:17px;font-weight:700;line-height:1; color:var(--violet)} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .fluc .nm{font-family:var(--grot);font-weight:800;font-size:12.5px;line-height:1.25; overflow-wrap:break-word} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .fluc .ou{font-family:var(--mono);font-size:9px;color:var(--muted);margin-top:auto} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .fluc .cpu{position:absolute;right:7px;bottom:6px;font-family:var(--mono);font-size:9px; border:1.6px solid var(--ligne);border-radius:8px;padding:0 4px;background:var(--paper);line-height:1.5} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .fluc .cpu.tiede{background:var(--yellow);color:var(--sur-vif)} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .fluc .cpu.chaud{background:var(--coral);color:var(--sur-corail)} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .fluc.libre{border-style:dashed;background:transparent;box-shadow:none} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .fluc.libre .no{color:var(--muted)} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .fluc.libre .nm{color:var(--muted);font-weight:700} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .fluc.sel{background:var(--yellow);color:var(--sur-vif)} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .fluc.bon{border-left-width:8px;border-left-color:var(--mint)} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .fluc.faux{border-left-width:8px;border-left-color:var(--coral)} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .fluc.doute{border-left-width:8px;border-left-color:var(--yellow)} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .fluc.sel .no{color:var(--sur-vif)} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .fluc.cible{outline:3px solid var(--violet);outline-offset:3px; background:var(--lilac);transform:translate(-2px,-2px)} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .fluc .vid{position:absolute;top:5px;right:6px;border:0;background:none; box-shadow:none;padding:2px 5px;font-size:14.5px;line-height:1;color:var(--muted); border-radius:8px;min-width:auto} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) .fluc .vid:hover{background:var(--coral);color:var(--sur-corail);transform:none;box-shadow:none} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) #fabBarre{margin:0} #p-sons #sonsTete{margin:0 0 14px;padding:0 0 14px;border-bottom:1.5px solid var(--rule,var(--trait))} #p-sons #sonsTete[hidden]{display:none} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) #fabBarre input[type=text]{flex:1 1 170px;min-width:0} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) #fabBarre .bibdate{flex:1 1 100%;font-family:var(--mono);font-size:10.5px;color:var(--muted)} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu,#apanFlu,#apanBib) .flutitre{font-family:var(--grot);font-weight:800;font-size:12.5px;margin:0 0 7px; text-transform:uppercase;letter-spacing:.05em} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu,#apanFlu,#apanBib) .flutitre small{font-family:var(--mono);font-size:10.5px;font-weight:400; color:var(--muted);margin-left:7px;text-transform:none;letter-spacing:0} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu) #fluQ{width:100%} .bibplat{display:inline-flex;align-items:center;gap:5px;font-family:var(--grot); font-weight:700;font-size:12.5px;padding:0 4px} .bibplat input{width:14px;height:14px;accent-color:var(--violet)} .etoiles{display:inline-flex;align-items:center;gap:1px;white-space:nowrap} .etoiles .et{background:none;border:0;padding:0 1px;cursor:pointer;font-size:12.5px;line-height:1; color:var(--muted)} :is(#p-sons,#p-synop,#panBib,#panGal,#panFlu,#p-doigte,#p-admin,#p-jeu,#dpanBib,#dpanGal,#dpanFlu,#rpanBib,#rpanGal) .etoiles .et{background:none;border:0;padding:0 1px;cursor:pointer;font-size:12.5px;line-height:1; color:var(--muted)} .etoiles .et.on{color:var(--ink)} .etoiles.mienne .et.on{color:var(--violet)} .etoiles .et:hover{color:var(--coral)} .etoiles>i{font-style:normal;font-family:var(--mono);font-size:10.5px;color:var(--muted);margin-left:6px} table.bibt tr.son.sel .etoiles .et{color:color-mix(in srgb, var(--sur-vif) 50%, var(--yellow))} table.bibt tr.son.sel .etoiles .et.on{color:var(--sur-vif)} :is(#p-sons,#p-synop,#p-doigte) .etoiles{display:inline-flex;align-items:center;gap:1px;white-space:nowrap;flex:0 0 auto} :is(#p-sons,#p-synop,#p-doigte) .etoiles .et, :is(#p-sons,#p-synop,#p-doigte) .etoiles > i{flex:0 0 auto} :is(#p-sons,#p-synop,#p-doigte) table.bibt td.note{width:156px;min-width:156px;overflow:visible} :is(#p-sons,#p-synop,#p-doigte) .etoiles .et{background:none;border:0;border-radius:0;box-shadow:none; padding:0 1px;min-width:0;font-family:inherit;font-weight:400;font-size:12.5px; line-height:1;color:var(--muted);cursor:pointer;transition:color .12s ease} :is(#p-sons,#p-synop,#p-doigte) .etoiles .et:hover{color:var(--coral);transform:none;box-shadow:none;background:none} :is(#p-sons,#p-synop,#p-doigte) .etoiles .et:active{transform:none;box-shadow:none} :is(#p-sons,#p-synop,#p-doigte) .etoiles .et.on{color:var(--ink)} :is(#p-sons,#p-synop,#p-doigte) .etoiles.mienne .et.on{color:var(--violet)} :is(#p-sons,#p-synop,#p-doigte) table.bibt tr.son.sel .etoiles .et{color:color-mix(in srgb, var(--sur-vif) 50%, var(--yellow))} :is(#p-sons,#p-synop,#p-doigte) table.bibt tr.son.sel .etoiles .et.on{color:var(--sur-vif)} table.bibt tr.son{cursor:pointer} table.bibt tr.son:hover td{background:var(--paper2)} table.bibt tr.son.sel td{background:var(--yellow);color:var(--sur-vif)} table.bibt tr.son.sel td.mono{color:color-mix(in srgb, var(--sur-vif) 80%, var(--yellow))} table.bibt tr.son.ouvert td.nom{box-shadow:inset 4px 0 0 var(--violet)} table.bibt tr.grp td{background:var(--paper3);cursor:pointer;white-space:nowrap; font-family:var(--grot);font-weight:800;font-size:10.5px;border-bottom:2px solid var(--ligne)} table.bibt tr.grp i{font-style:normal;margin-right:8px} table.bibt tr.grp b{font-family:var(--mono);font-weight:400;font-size:10.5px;color:var(--ink2);margin-left:10px} .bibvide{padding:16px;text-align:center;margin:0} .bibact{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:10px; padding:8px 10px;border:2px solid var(--ligne);border-radius:12px;background:var(--paper2);min-height:44px} .bibact>.bibquoi{font-family:var(--grot);font-weight:800;font-size:12.5px} .bibact>p{margin:0} .bibgarde{margin-top:12px} .bibgarde input[type=text]{flex:1 1 170px;min-width:0} #elEtat{font-family:var(--mono);font-size:10.5px;font-weight:400;color:var(--muted);margin-left:8px} .biblig{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px; padding:8px 10px;border:2px solid var(--ligne);border-radius:12px; background:var(--paper2);margin-top:7px} .biblig>b{font-family:var(--grot);font-weight:800;font-size:12.5px;flex:0 1 auto;overflow-wrap:break-word} .bibdate{font-family:var(--mono);font-size:10.5px;color:var(--muted);flex:1 1 auto;min-width:0} .bibbtn{display:flex;flex-wrap:wrap;gap:5px;flex:1 1 100%;margin-top:2px} .bibbtn button{font-family:var(--body);font-weight:700;font-size:10.5px; border:2px solid var(--ligne);border-radius:8px;background:var(--card);color:var(--ink); padding:3px 9px;cursor:pointer;box-shadow:2px 2px 0 var(--ink)} .bibbtn button:hover{background:var(--yellow);color:var(--sur-vif)} .bibbtn button:active{transform:translate(2px,2px);box-shadow:none} .bibbtn button.jaune{background:var(--yellow);color:var(--sur-vif)} .bibbtn button.danger{background:var(--coral);color:var(--sur-corail)} #bibCompte{font-family:var(--mono);font-size:10.5px;font-weight:400;color:var(--muted);margin-left:8px} .bibbarre{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px} .bibbarre input[type=search]{flex:2 1 150px;min-width:0} .bibbarre select{flex:1 1 120px;min-width:0} .bibdos{border:2px solid var(--ligne);border-radius:12px;background:var(--card);margin-top:8px;overflow:hidden} .bibdos>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px; padding:7px 11px;background:var(--paper2);font-family:var(--grot);font-weight:800;font-size:12.5px} .bibdos>summary::-webkit-details-marker{display:none} .bibdos>summary::before{content:"\25B8";font-size:10.5px} .bibdos[open]>summary::before{content:"\25BE"} .bibdos>summary>span{flex:1 1 auto;overflow-wrap:break-word} .bibdos>summary>i{font-style:normal;font-family:var(--mono);font-size:10.5px;color:var(--muted)} .bibdos .biblig{margin:7px} .biblig.ouvert{outline:3px solid var(--yellow);outline-offset:-3px} .bibtag{font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.06em; border:2px solid var(--ligne);border-radius:16px;padding:1px 7px;background:var(--card);white-space:nowrap} .bibtag.dedans{background:var(--violet);color:var(--sur-violet);border-color:var(--violet)} .bibtag.recu{background:var(--lilac);color:var(--ink)} table.bibt td.nom>i.mot{font-style:normal;color:var(--violet);margin-left:7px;cursor:help} table.bibt tr.grp.cible td{background:var(--yellow);color:var(--sur-vif);box-shadow:inset 0 0 0 2px var(--violet)} table.bibt tr.son.cible td{background:var(--yellow);color:var(--sur-vif);box-shadow:inset 0 0 0 2px var(--violet)} .bibmot{flex:1 1 100%;font-family:var(--body);font-size:12.5px;line-height:1.5; color:var(--ink2);border-left:3px solid var(--lilac);padding-left:9px;margin-top:2px} .bibenvoi textarea{flex:1 1 100%;min-width:0;font:inherit;font-size:12.5px; border:1.5px solid var(--ligne);border-radius:12px;padding:7px 9px;resize:vertical} .bibenvoi{display:flex;flex-wrap:wrap;gap:5px;flex:1 1 100%;margin-top:5px; padding-top:7px;border-top:2px dashed var(--ligne)} .bibenvoi select{flex:2 1 150px;min-width:0} .bibenvoi input{flex:1 1 110px;min-width:0} .bibenvoi button{font-family:var(--body);font-weight:700;font-size:10.5px; border:2px solid var(--ligne);border-radius:8px;background:var(--card);color:var(--ink); padding:3px 9px;cursor:pointer;box-shadow:2px 2px 0 var(--ink)} .bibenvoi button:active{transform:translate(2px,2px);box-shadow:none} .bibenvoi button.jaune{background:var(--yellow);color:var(--sur-vif)} #p-acc .accbar{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin:0 0 14px} #p-acc .accchamp{display:flex;flex-direction:column;gap:6px;min-width:0} #p-acc .accchamp .lbl{margin:0;font:700 9px/1 var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--muted);white-space:nowrap} #p-acc .accligne{display:inline-flex;align-items:center;gap:6px} #p-acc .accbar select,#p-acc .accbar input{height:34px;box-sizing:border-box;margin:0} #p-acc #accPreset{min-width:220px} #p-acc #accDia{width:96px} #p-acc #accEcart{width:74px} #p-acc .accunite{font-family:var(--mono);font-size:10.5px;color:var(--muted)} #p-acc .acc-delta{font-family:var(--mono);font-size:10px;color:var(--muted);white-space:nowrap} #p-acc .acc-delta:empty{display:none} #p-acc .accchips{display:inline-flex;height:34px;box-sizing:border-box;border:1.5px solid var(--ligne);border-radius:999px;overflow:hidden;margin:0} #p-acc .accchips button{border:0;border-radius:0;margin:0;box-shadow:none;padding:0 11px;height:100%;font-family:var(--mono);font-size:11px;background:none} #p-acc .accchips button:hover{background:var(--paper2);transform:none;box-shadow:none} #p-acc .accchips button.on{background:var(--violet);color:var(--sur-violet)} #p-acc .accbar > .aide{height:34px;display:inline-flex;align-items:center;margin:0} #p-acc .accresume{font-family:var(--mono);font-size:10.5px;color:var(--ink2);border:1.5px solid var(--ligne);border-radius:999px; padding:0 12px;height:34px;box-sizing:border-box;display:inline-flex;align-items:center;margin:0;white-space:nowrap} #p-acc .accvue{border:1.5px solid var(--ligne);border-radius:12px;background:var(--paper2);padding:10px 12px;margin:0 0 12px} #p-acc .accvuetete{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 6px} #p-acc #accSegVue[hidden]{display:none} #p-acc .acccanvas svg{display:block;width:100%;height:auto;max-height:260px} #p-acc .acccanvas svg[hidden]{display:none} #p-acc .acccanvas text{font-family:var(--mono)} #p-acc .acctransport{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px} #p-acc .accdoigte{border:1.5px solid var(--ligne);border-radius:12px;background:var(--paper2);padding:10px 12px;margin:0 0 12px;display:flex;flex-direction:column;gap:10px} #p-acc .accdo-tete{display:flex;align-items:center;gap:10px;flex-wrap:wrap} #p-acc .accdo-titre{font-weight:800;font-size:13.5px;line-height:1.2} #p-acc .accdo-ori{font-size:12.5px;color:var(--ink)} #p-acc .accdo-rang{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap} #p-acc .accdo-rang .accligne input[type=number]{width:90px} #p-acc .accdo-dit{max-width:620px} #p-acc .accdo-resultat{border-top:1px dashed var(--ligne);padding-top:8px} #p-acc .accdo-resultat p{margin:0 0 8px;font-size:12.5px;max-width:820px} #p-acc .accdo-resultat .acts{display:flex;gap:8px;align-items:center;flex-wrap:wrap} #p-acc .accdo-resultat .acts select{width:auto;min-width:0;max-width:260px} #p-acc #accDoCorps{display:flex;flex-direction:column;gap:14px} #p-acc .accdo-union{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px;cursor:pointer} #p-acc .accdo-union input{margin:0} #p-acc .accdoigte [hidden]{display:none !important} #p-acc .acctransport button[aria-pressed="true"]{background:var(--violet);color:var(--sur-violet);border-color:var(--violet)} #p-acc .accpas{flex-direction:row;align-items:center;gap:8px} #p-acc .acctransport select{height:34px;box-sizing:border-box;margin:0} #p-acc .acctable{max-height:none} #p-acc .acctable table.bibt td,#p-acc .acctable table.bibt th{text-align:right;font-variant-numeric:tabular-nums} #p-acc .acctable table.bibt td:nth-child(2),#p-acc .acctable table.bibt th:nth-child(2), #p-acc .acctable table.bibt td:nth-child(3),#p-acc .acctable table.bibt th:nth-child(3){text-align:left} #p-acc .acctable input.accval{width:96px;font-family:var(--mono);font-size:12px;padding:4px 7px;text-align:right} #p-acc .acctable tr.periode td{border-top:2px solid var(--ligne)} #p-acc .acctable tr.joue td{background:var(--jaune-pale)} #p-acc .acctable tr.faux td{background:color-mix(in srgb, var(--coral) 18%, transparent)} #p-acc .acctable tr.faux input.accval{border-color:var(--coral);color:var(--coral)} #p-acc #accAlerte{margin:0 0 12px} #p-acc #accAlerte[hidden]{display:none} #p-acc .acctable tr[data-sel="1"] td{background:var(--lilac)} #p-acc .acctable .accjouer{padding:2px 8px;font-size:11px} #p-acc .acctable td.accidx{color:var(--muted);font-family:var(--mono);font-size:10.5px} #p-acc .acctable td.accnom{font-family:var(--grot);font-weight:700} #p-acc .acctable td.accpas{color:var(--muted)} #p-acc .acctable td.accunisson{color:var(--muted);font-family:var(--mono);font-size:10.5px;text-align:left} .accfiche{font-family:var(--mono);font-size:11px;line-height:1.7;color:var(--ink2);padding:8px 10px;border:1.5px solid var(--ligne);border-radius:10px;background:var(--paper2);min-height:64px} .accfiche b{color:var(--ink);font-family:var(--grot);font-size:13px} :is(#apanFlu,#rpanFlu) .accslots{grid-template-columns:1fr;gap:9px} :is(#apanFlu,#rpanFlu) .slot{border:2.5px solid var(--ligne);border-radius:16px;box-shadow:var(--pop-sm);min-height:76px;padding:8px 10px 9px} :is(#apanFlu,#rpanFlu) .slot.free{box-shadow:none} :is(#apanFlu,#rpanFlu) .slot .no{font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--violet)} :is(#apanFlu,#rpanFlu) .slot.free .no{color:var(--muted)} :is(#apanFlu,#rpanFlu) .slot .nm{font-size:12.5px;white-space:normal;overflow-wrap:break-word} :is(#apanFlu,#rpanFlu) .slot .dit{font-family:var(--mono);font-size:10.5px;color:var(--muted);line-height:1.5} #apanFlu .slot.accdoigtes{margin:10px 0 16px;display:flex;flex-direction:column;gap:2px;min-height:0} #apanFlu .accdoigte-ligne{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:5px 2px;border-top:1px dashed var(--ligne)} #apanFlu .accdoigte-ligne .nm{font-size:12px} #apanFlu .accdoigte-ligne.cible{background:var(--yellow);outline:2px solid var(--violet)} :is(#p-doigte,#dpanBib,#dpanGal,#dpanFlu) .slot .slot-ech{font-family:var(--mono);font-size:10px;color:var(--muted);line-height:1.4} :is(#apanFlu,#rpanFlu) .slot .acts{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0 0} :is(#apanFlu,#rpanFlu) .accmiditit{margin-top:16px;display:flex;align-items:center;gap:8px} #apanFlu #accMtsRenvoyer{margin-top:8px} :is(#apanFlu,#rpanFlu) .flutitre{font-family:var(--grot);font-weight:800;font-size:12.5px;margin:0 0 7px;letter-spacing:.02em;text-transform:uppercase} :is(#apanFlu,#rpanFlu) :is(#afluQ,#rfluQ){width:100%;box-sizing:border-box} #apanFlu #accMidiMode{display:inline-flex} #rpanFlu .drop{margin:0;padding:14px;font-size:12px} #rpanFlu .acr{display:grid;grid-template-columns:1fr;gap:10px;border:2.5px solid var(--ligne);border-radius:16px;box-shadow:var(--pop-sm);background:var(--card);padding:12px 13px 12px;margin:0 0 4px} #rpanFlu .acrgeste{margin:0;font-size:12.5px;line-height:1.45;color:var(--ink2)} #rpanFlu .acrl{display:grid;grid-template-columns:82px 38px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;row-gap:3px;align-items:center;font-size:12.5px;padding:8px 0 0;border-top:1.5px dashed var(--ligne)} #rpanFlu .acrl>span{grid-row:1 / span 2;justify-self:start;font-family:var(--mono);font-size:11px;font-weight:700;color:var(--ink);border:2px solid var(--ink);border-radius:999px;padding:5px 10px;white-space:nowrap;background:var(--paper2)} #rpanFlu .acrico{grid-row:1 / span 2;display:block;width:38px;height:38px;border-radius:7px;background:#0b0b0d;box-shadow:inset 0 0 0 1.5px #2a2a30} #rpanFlu .acrico svg{display:block;width:100%;height:100%} #rpanFlu .acrl select{grid-column:3;min-width:0} #rpanFlu .acrdit{grid-column:3;font-size:11.5px;line-height:1.35;color:var(--muted)} #rpanFlu .acrl:has(select:disabled) .acrico{opacity:.45} #rpanFlu .acrbas{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:2px} #rpanFlu .rfluacts{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0} #rpanFlu #cfgMsg:empty{display:none} #rpanFlu #cfgMsg{margin-top:8px} #rpanFlu #cfgOutWrap{margin-top:10px} :is(#apanFlu,#rpanFlu) table.bibt td.mono{color:var(--muted)} :is(#p-acc,#apanBib,#apanFlu,#rpanFlu) table.bibt td.nom{font-family:var(--grot);font-weight:700}