/*! © 2026 Étonnium par Web Concept 06. Tous droits réservés : reproduction, extraction et rediffusion interdites. */
.viv-canvas{display:block;width:100%;border-radius:10px;background:#0a1216;touch-action:pan-y;user-select:none;-webkit-user-select:none;margin-top:4px}.viv-grab{cursor:grab}.viv-grab:active{cursor:grabbing}.viv-mt{margin-top:28px}.viv-bar{margin:10px 0;gap:8px}.viv-seg{max-width:100%;flex-wrap:wrap}.viv-seg button{padding:6px 10px}.viv-bar .btn-main{padding:8px 14px;font-size:13px}.viv-cap{margin:6px 0 0;font:12px/1.4 var(--display);color:var(--muted)}.viv-read{margin-top:12px}.viv-read dt{min-width:0}.viv-read dd{white-space:nowrap}@media(max-width:420px){.viv-read{font-size:12.5px}.viv-read dd{font-size:12px;white-space:normal}}.viv-chart-wrap{margin-top:4px}svg.chart .viv-pt{cursor:pointer}svg.chart .viv-pt:focus{outline:none}svg.chart .viv-pt:focus-visible circle.viv-dot{stroke:var(--acc);stroke-width:3}svg.chart .viv-lb{font:600 12px var(--mono);fill:var(--ink)}svg.chart .viv-val{font:600 11px var(--mono)}svg.viv-hb{display:block;width:100%;height:auto;margin-top:12px;border-radius:10px;background:#0a1216}svg.viv-hb text{font-family:var(--mono)}.viv-pick{display:grid;gap:6px;margin:10px 0 6px}.viv-pick-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.viv-pick-l{font:600 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);min-width:52px}.viv-pick .seg button{min-width:38px;font:700 14px/1 var(--mono)}svg.viv-pair{display:block;width:100%;height:auto;margin-top:6px;border-radius:10px;background:#0a1216}svg.viv-pair text{font-family:var(--mono)}.viv-legend{display:flex;flex-wrap:wrap;gap:4px 14px;margin:8px 0 0;font:12px/1.3 var(--display);color:var(--ink2)}.viv-legend>span{display:inline-flex;align-items:center;gap:6px}.viv-sw{display:inline-block;width:12px;height:12px;border-radius:50%;flex:none}.viv-sw-d{background:#8fb3ff}.viv-sw-a{background:#ff8f8f}.viv-sw-hb{width:16px;height:0;border-radius:0;border-top:2px dashed var(--ok)}.viv-sw-x{background:var(--hot);border-radius:2px;transform:rotate(45deg) scale(.75)}.viv-h3b{margin-top:22px!important}.viv-strand{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;margin-top:8px;padding:10px 8px;border-radius:10px;background:#0a1216}.viv-bp{display:grid;grid-template-rows:auto 30px auto;justify-items:center;gap:2px;min-width:0}.viv-base{width:100%;max-width:40px;height:34px;border-radius:8px;font:700 15px/1 var(--mono);display:grid;place-items:center;border:1px solid transparent}button.viv-base{cursor:pointer;background:var(--panel);border-color:var(--line2);color:var(--ink);padding:0}button.viv-base:hover{border-color:var(--acc)}.viv-base.b-A{color:#ff9b73}.viv-base.b-T{color:#ffd166}.viv-base.b-G{color:#7fd88f}.viv-base.b-C{color:#8fb3ff}span.viv-base{background:var(--bg2);border-color:var(--line)}.viv-rungs{display:flex;gap:3px;align-items:stretch;height:100%}.viv-rungs i{display:block;width:0;border-left:2px dashed var(--ok)}.viv-base.flash{animation:vivFlash .5s ease-out}@keyframes vivFlash{0%{box-shadow:0 0 0 3px rgba(var(--ray-rgb),.6)}}@media(prefers-reduced-motion:reduce){.viv-base.flash{animation:none}}@media(max-width:400px){.viv-strand{gap:2px;padding:8px 4px}.viv-base{font-size:13px;height:30px;border-radius:6px}}[data-theme=light] :is(.viv-base.b-G):not(:is(.bench,.dc-scene-col>.dc-box,.chart-wrap,.ardoise,.ecran,.scene,.coach,.toast,.dock,.dc-dock,.defi-rappel,[class$=-stage]:not(.dc-stage),[class*="-stage "]:not(.dc-stage)) *){color:#185e25}[data-theme=light] :is(.viv-base.b-A):not(:is(.bench,.dc-scene-col>.dc-box,.chart-wrap,.ardoise,.ecran,.scene,.coach,.toast,.dock,.dc-dock,.defi-rappel,[class$=-stage]:not(.dc-stage),[class*="-stage "]:not(.dc-stage)) *){color:#8b3810}[data-theme=light] :is(.viv-base.b-T):not(:is(.bench,.dc-scene-col>.dc-box,.chart-wrap,.ardoise,.ecran,.scene,.coach,.toast,.dock,.dc-dock,.defi-rappel,[class$=-stage]:not(.dc-stage),[class*="-stage "]:not(.dc-stage)) *){color:#6e4c00}[data-theme=light] :is(.viv-base.b-C):not(:is(.bench,.dc-scene-col>.dc-box,.chart-wrap,.ardoise,.ecran,.scene,.coach,.toast,.dock,.dc-dock,.defi-rappel,[class$=-stage]:not(.dc-stage),[class*="-stage "]:not(.dc-stage)) *){color:#334f8e}