/* BotSharper - pages bot et meteo (v1, 17/10/2026) */
.sur{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--doux);margin:0 0 14px}
.bot-hero h1,.meteo h1{font-family:var(--serif);font-weight:400;font-size:clamp(34px,6vw,64px);line-height:1.02;margin:0 0 16px}
.verdict{margin-top:28px;border:1px solid var(--ligne2);padding:26px;position:relative;overflow:hidden;animation:monte .5s ease-out both}
.verdict.gagne{border-color:rgba(201,242,77,.45)} .verdict.perd{border-color:rgba(255,92,57,.45)}
.verdict::before{content:"";position:absolute;inset:0;opacity:.07;pointer-events:none}
.verdict.gagne::before{background:radial-gradient(circle at 0 0,var(--acide),transparent 60%)}
.verdict.perd::before{background:radial-gradient(circle at 0 0,var(--rouge),transparent 60%)}
.v-gros{font-family:var(--serif);font-size:clamp(44px,9vw,88px);line-height:1}
.verdict.gagne .v-gros{color:var(--acide)} .verdict.perd .v-gros{color:var(--rouge)}
.v-sous{color:var(--doux);margin:8px 0 20px}
.v-tuiles,.tuiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.v-tuiles div,.tuile{border:1px solid var(--ligne);padding:14px;background:var(--fond2);animation:monte .6s ease-out both}
.v-tuiles b,.tuile b{display:block;font-family:var(--mono);font-size:22px;margin:4px 0}
.v-tuiles span,.tuile span{font-size:12px;color:var(--doux)}
.tuile i{display:block;font-style:normal;font-size:11px;font-family:var(--mono);color:var(--doux)}
.tuile i.mieux{color:var(--acide)} .tuile i.pire{color:var(--rouge)}
.tuile:nth-child(2){animation-delay:.05s}.tuile:nth-child(3){animation-delay:.1s}.tuile:nth-child(4){animation-delay:.15s}.tuile:nth-child(5){animation-delay:.2s}.tuile:nth-child(6){animation-delay:.25s}
.v-pro{margin-top:20px;border-top:1px dashed var(--ligne2);padding-top:16px}
.v-pro form{display:flex;gap:8px;flex-wrap:wrap}
.ciel{position:relative;height:150px;width:220px;margin:0 0 6px}
.soleil{position:absolute;left:30px;top:20px;width:86px;height:86px;border-radius:50%;background:var(--ambre);box-shadow:0 0 50px rgba(255,178,56,.55);animation:pulse 4s ease-in-out infinite}
.nuage{position:absolute;height:44px;border-radius:30px;background:#c7cdc9;opacity:0;transition:opacity .8s}
.nuage::before,.nuage::after{content:"";position:absolute;background:inherit;border-radius:50%}
.nuage::before{width:46px;height:46px;left:16px;top:-22px}.nuage::after{width:60px;height:60px;left:44px;top:-30px}
.n1{width:130px;left:70px;top:70px;animation:derive 9s ease-in-out infinite}
.n2{width:100px;left:10px;top:92px;animation:derive 12s ease-in-out infinite reverse}
.eclair{position:absolute;left:118px;top:104px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:40px solid var(--ambre);opacity:0}
.ciel.etat-nuages .nuage{opacity:.85}.ciel.etat-nuages .soleil{opacity:.45}
.ciel.etat-orage .nuage{opacity:1;background:#5b6461}.ciel.etat-orage .soleil{opacity:0}.ciel.etat-orage .eclair{animation:eclair 3.2s infinite}
.barres{display:grid;gap:10px;margin:14px 0}
.barre{display:grid;grid-template-columns:160px 1fr 80px 80px;align-items:center;gap:10px;font-size:14px}
.barre .piste{height:12px;background:var(--fond3);border:1px solid var(--ligne);position:relative;overflow:hidden}
.rempl{position:absolute;left:0;top:0;bottom:0;width:0;transition:width 1.1s cubic-bezier(.2,.8,.2,1)}
.rempl.pos{background:var(--acide)}.rempl.neg{background:var(--rouge)}
.rempl.d1{transition-delay:.12s}.rempl.d2{transition-delay:.24s}.rempl.d3{transition-delay:.36s}
.w0{width:2%}.w10{width:10%}.w20{width:20%}.w30{width:30%}.w40{width:40%}.w50{width:50%}.w60{width:60%}.w70{width:70%}.w80{width:80%}.w90{width:90%}.w100{width:100%}
.barre b{font-family:var(--mono)}.barre i{font-style:normal;color:var(--doux);font-size:12px}
@media (max-width:560px){.barre{grid-template-columns:110px 1fr 64px}.barre i{display:none}}
.defile{overflow-x:auto;-webkit-overflow-scrolling:touch}.defile table{min-width:560px}
.ciel{flex:none}
@keyframes monte{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes pulse{50%{transform:scale(1.06);box-shadow:0 0 70px rgba(255,178,56,.7)}}
@keyframes derive{50%{transform:translateX(14px)}}
@keyframes eclair{0%,86%,100%{opacity:0}88%,92%{opacity:1}90%{opacity:.2}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}