#gare{container:gare/inline-size}#gare_message:not([hidden]){margin-bottom:14px}.gare-liste{display:none}@container gare (max-width: 860px){.gare-panneau{display:none}.contenu .gare-liste,.gare-vues .gare-panneau{display:block}}#gare[data-vue=registre] .gare-vues .gare-panneau,#gare[data-vue=panneau] .gare-vues .gare-registre,#gare[data-vue=panneau] .gare-registre-vide{display:none}.contenu p.gare-registre-vide{margin:0 0 18px;padding:18px 16px}.contenu .gare-outils .segments{margin-left:auto}.gare-registre{margin-bottom:18px}.gare-registre .tr-carte.etat-quai .tr-etat{background:#dce6f4;color:#2a3f73}.gare-registre .tr-carte.etat-court .tr-etat{background:var(--attention-fond);color:var(--attention-texte, #8A4B12)}.registre-decor{justify-content:flex-start}.registre-decor .convoi,.registre-decor .convoi-plus{transform:scaleX(-1)}.registre-decor .tr-cargaison{position:absolute;left:50%;top:10px;transform:translate(-50%)}.registre-quai{position:relative;z-index:1;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;margin:-12px 0 -10px -16px;padding:10px 12px 10px 14px;background:linear-gradient(180deg,#e9d6b8,#d8c09b);border-right:3px solid #B79A72;font:700 11px var(--police-texte);letter-spacing:.06em;text-transform:uppercase;color:#6e5444}.registre-quai svg.produit{display:block}.registre-quai b{font:700 15px var(--police-chiffres);letter-spacing:0;color:#3b2a22}@media (max-width: 960px){.registre-quai{display:none}}.registre-provenance{position:relative;z-index:1;align-self:center;display:flex;flex-direction:column;margin-left:auto;padding:4px 12px 5px 18px;background:var(--z);clip-path:polygon(12px 0,100% 0,100% 100%,12px 100%,0 50%);font-family:var(--police-titre);font-weight:var(--titre-graisse);text-transform:var(--titre-casse);letter-spacing:var(--titre-espace);font-size:15px;line-height:1.2;color:#fff}.registre-provenance small{font:400 11.5px var(--police-texte);opacity:.9}.tr-carte.vient-d-arriver .registre-decor .convoi{animation:tr-retour 1.2s ease-out}.tr-carte.repart .registre-decor .convoi{animation:registre-repart 1.1s .35s ease-in forwards}.tr-carte.repart .tr-cargaison{animation:registre-cargaison 1.1s .35s ease-in forwards}.tr-carte.repart-vide .registre-decor .convoi{animation:registre-repart 1s ease-in forwards}@keyframes registre-repart{0%{transform:scaleX(1)}to{transform:translate(130%) scaleX(1);opacity:0}}@keyframes registre-cargaison{to{transform:translate(calc(-50% + 260px));opacity:0}}.registre-gain{position:absolute;z-index:2;left:18px;top:14px;padding:2px 9px;border-radius:12px;background:var(--ok);color:#fff;font:700 14px var(--police-chiffres);animation:registre-gain 1.4s ease-out forwards}@keyframes registre-gain{0%{transform:translateY(14px);opacity:0}20%{transform:translateY(0);opacity:1}75%{opacity:1}to{transform:translateY(-16px);opacity:0}}.tr-carte.sortie{animation:registre-sortie .45s ease-in forwards}@keyframes registre-sortie{to{opacity:0;transform:translate(16px)}}.tr-action.registre-action{display:grid;grid-template-columns:minmax(170px,1fr) minmax(220px,1.4fr) auto;align-items:center;gap:10px 18px}@media (max-width: 960px){.tr-action.registre-action{grid-template-columns:minmax(0,1fr)}}.registre-qui{display:flex;flex-direction:column;gap:3px;min-width:0}.registre-qui .pseudo>a{font-weight:700}.registre-qui small{font-size:12.5px;color:var(--texte-doux)}.registre-liens{display:flex;flex-wrap:wrap;gap:2px 12px;font-size:12.5px}.registre-liens a{display:inline-flex;align-items:center;gap:4px;text-decoration:none}.registre-liens a:hover{text-decoration:underline}.registre-demande{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 10px}.registre-demande svg.produit{grid-row:span 2}.registre-demande .manque{font-weight:600;color:var(--erreur)}.registre-chantier{display:block;font-size:12.5px;color:var(--texte-doux)}.registre-chantier.complet{font-weight:600;color:var(--ok)}.registre-jauge{position:relative;display:block;max-width:320px;height:7px;margin:3px 0 2px;border-radius:4px;background:color-mix(in srgb,var(--surface-bord-couleur) 50%,transparent);overflow:hidden}.registre-jauge i,.registre-jauge b{position:absolute;top:0;bottom:0}.registre-jauge i{left:0;background:var(--ok)}.registre-jauge b{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--ok) 55%,#fff) 0,color-mix(in srgb,var(--ok) 55%,#fff) 4px,color-mix(in srgb,var(--ok) 35%,#fff) 4px,color-mix(in srgb,var(--ok) 35%,#fff) 8px)}.registre-reponse{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.registre-reponse .bouton{margin:0}@media (max-width: 960px){.registre-reponse{justify-content:flex-start}}.gare-panneau .panneau-tete .bouton{margin:0}.gare-panneau table.palettes td.reponse{width:1%;text-align:right}.gare-panneau .reponse-boutons{display:inline-flex;align-items:center;gap:6px}.gare-panneau .bouton{margin:0}.gare-panneau .bouton-refuser{background:none;border:1px solid rgba(255,220,180,.35);box-shadow:none;color:var(--tole-texte, #F6D9B4)}.gare-panneau .bouton-refuser:hover{background:#ffdcb41a}.gare-panneau .reponse-magasin{margin-right:4px;font-size:13px;font-weight:600;color:var(--tole-lien, #FBE0B8)}.contenu .gare-liste{overflow:visible}.gare-liste-tete{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:12px 16px;border-bottom:1px solid color-mix(in srgb,var(--surface-bord-couleur) 55%,transparent);font-size:14px;color:var(--texte-doux)}.gare-liste-tete .bouton{margin:0}.gare-clients{margin:0;padding:0;list-style:none}.gare-client{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 16px;padding:12px 16px;border-bottom:1px solid color-mix(in srgb,var(--surface-bord-couleur) 45%,transparent);transition:background .4s}.gare-client:last-child{border-bottom:0}.gare-client.nouveau{background:color-mix(in srgb,var(--accent) 16%,var(--surface))}.gare-client .convoi{grid-column:1/-1}.gare-client-qui{min-width:0}.gare-client-qui .pseudo{display:block;font-size:15.5px;font-weight:700}.gare-client-qui small{color:var(--texte-doux);font-size:12.5px}.gare-demande{display:flex;align-items:center;gap:8px;white-space:nowrap}.gare-demande b{font:700 16px var(--police-chiffres)}.gare-demande small{display:block;font-size:12.5px;font-weight:600;color:var(--ok)}.gare-demande small.manque{color:var(--erreur)}.gare-reponse{grid-column:1/-1;display:flex;gap:8px}.gare-reponse .bouton{flex:1;margin:0}.gare-vide{margin:0;padding:22px 16px;color:var(--texte-doux);text-align:center}.convoi{display:flex;align-items:flex-end;min-width:0;overflow:hidden}.convoi svg.equip{flex:none}.convoi.petit svg.equip{width:auto;height:38px}.convoi .convoi-plus{align-self:center;margin-right:4px;font:600 12px var(--police-chiffres);color:var(--texte-doux);white-space:nowrap}.gare-appareils{margin:0;padding:0;list-style:none}.gare-appareil{display:grid;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:6px 16px;padding:10px 16px;border-bottom:1px solid color-mix(in srgb,var(--surface-bord-couleur) 45%,transparent)}.gare-appareil:last-child{border-bottom:0}.gare-appareil svg.equip{max-width:100%;height:auto}.gare-appareil svg.gare-bateau{width:100%}.gare-appareil svg.gare-avion{width:52%;justify-self:center}.gare-appareil .montant{font:700 15px var(--police-chiffres);color:var(--ok);white-space:nowrap}@media (max-width: 960px){.gare-appareil{grid-template-columns:70px minmax(0,1fr)}.gare-appareil .montant{grid-column:2}}.gare-appareil-texte{display:block;min-width:0}.gare-appareil-texte b{font-size:15px}.gare-appareil-texte small{display:block;font-size:12.5px;color:var(--texte-doux)}.remplissage{display:block;position:relative;max-width:360px;height:10px;margin:6px 0 2px;border-radius:5px;background:color-mix(in srgb,var(--surface-bord-couleur) 55%,transparent);overflow:hidden}.remplissage span{position:absolute;inset:0 auto 0 0;border-radius:5px;background:var(--accent)}.remplissage.plein span{background:var(--erreur-bord)}.gare-passagers-pied{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin:0;padding:12px 16px;border-top:1px solid color-mix(in srgb,var(--surface-bord-couleur) 55%,transparent);background:color-mix(in srgb,var(--accent) 8%,var(--surface));font-size:14px}.gare-passagers-pied .bouton{margin:0}.gare-sans-appareil{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:14px 16px}.gare-sans-appareil p{flex:1 1 280px;margin:0}.gare-sans-appareil .bouton{margin:0}.gare-sans-appareil .gare-plus-tard{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--texte-doux)}.bouton.en-cours{opacity:.6;cursor:progress}@media (prefers-reduced-motion: reduce){.gare-client{transition:none}.tr-carte.vient-d-arriver .registre-decor .convoi,.tr-carte.repart .registre-decor .convoi,.tr-carte.repart .tr-cargaison,.tr-carte.repart-vide .registre-decor .convoi,.registre-gain,.tr-carte.sortie{animation:none}}.gare-appareil.gare-place-port{margin:8px 12px 10px;border:2px dashed color-mix(in srgb,var(--bordeaux) 45%,transparent);border-radius:var(--rayon);background:color-mix(in srgb,var(--bordeaux) 5%,var(--surface))}.gare-appareil.gare-place-port:last-child{border-bottom:2px dashed color-mix(in srgb,var(--bordeaux) 45%,transparent)}.gare-appareil.gare-place-port .gare-appareil-texte>b{color:var(--bordeaux)}.gare-appareil.gare-place-port small b{color:var(--texte)}.gare-appareil.gare-place-port .ico-monnaie{vertical-align:-1px}.gare-fantome{opacity:.35;filter:grayscale(1)}.gare-banque{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:14px;background:var(--bordeaux);font:700 13px var(--police-texte);color:#fbe3c4;white-space:nowrap;text-decoration:none;--icone: #FFD891}.gare-banque:hover,.gare-banque:focus-visible{background:var(--bordeaux-fonce, #5E1F27);color:#fff}@media (max-width: 960px){.gare-banque{grid-column:2;justify-self:start}}
