@media (prefers-color-scheme:light){:root{--color-bg:#6cb2b8;--color-surface:#cdeae8;--color-surface2:#b8deda;--color-border:#378582;--color-text:#114e67;--color-text-muted:#4a8a87;--color-text-heading:#c05e00;--color-heading:#c05e00;--color-border-card:#fcc900;--color-gold:#fcc900;--font:"Nunito", system-ui, sans-serif}}@media (prefers-color-scheme:dark){:root{--color-bg:#1a2a2e;--color-surface:#1f3a40;--color-surface2:#243f45;--color-border:#378582;--color-text:#d4eeed;--color-text-muted:#8ab8b6;--color-text-heading:#fcc900;--color-heading:#fcc900;--color-border-card:#fcc900;--color-gold:#fcc900;--font:"Nunito", system-ui, sans-serif}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--color-bg);color:var(--color-text);font-size:18px}header{background:var(--color-surface);text-align:center;border-bottom:4px solid var(--color-gold);padding:1.5rem 1rem 1rem}#logo{width:auto;height:100px;margin:0 auto 8px;display:block}header h1{color:var(--color-text-muted);margin-bottom:12px;font-size:clamp(16px,2.5vw,22px)}h2{color:var(--color-text-muted);margin-bottom:6px;font-size:16px;font-style:oblique}.search-wrap{justify-content:center;align-items:center;gap:8px;padding:8px;display:flex;position:relative}#search{background:var(--color-surface);border:2px solid var(--color-border);width:clamp(260px,51%,400px);font-family:var(--font);color:var(--color-text);border-radius:12px;outline:none;padding:10px 16px;font-size:15px;transition:border-color .2s}#search::placeholder{color:var(--color-text-muted)}#search:focus{border-color:var(--color-gold)}#suggestions{background:var(--color-surface);border:2px solid var(--color-border);z-index:100;border-radius:12px;width:clamp(260px,50%,400px);max-height:220px;position:absolute;top:calc(100% + 2px);left:50%;overflow:hidden auto;transform:translate(-50%);box-shadow:0 8px 24px #0003}#suggestions::-webkit-scrollbar{width:6px}#suggestions::-webkit-scrollbar-track{background:0 0}#suggestions::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}#suggestions p{color:var(--color-text);cursor:pointer;border-bottom:1px solid #37858233;padding:10px 16px;font-size:14px;transition:background .1s,padding-left .15s}#suggestions p:last-child{border-bottom:none}#suggestions p:hover{background:var(--color-surface2);color:var(--color-heading);padding-left:22px}#map{border-bottom:3px solid var(--color-border-card);border-radius:10px;width:100%;height:45vh;overflow:hidden}.mapboxgl-popup-content{color:var(--color-text-heading);font-family:var(--font)}.popup-title{color:var(--color-gold);font-family:var(--font);font-size:18px}.popup-row,.popup-label,.popup-value{color:var(--color-border);font-size:14px}main{flex-direction:column;gap:1rem;padding:1rem;display:flex}#card-toilets{border-top:4px solid var(--color-border-card);grid-template-columns:repeat(2,1fr);gap:1.25rem;padding-top:1.25rem;display:grid}.card-toilet{border:3px solid var(--color-border-card);background-color:var(--color-surface);border-radius:15px;flex-direction:row;align-items:flex-start;gap:1rem;padding:1.25rem;transition:transform .15s,box-shadow .15s;display:flex}.card-toilet:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0003}.card-left{flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:150px;display:flex}.card-num{color:var(--color-border);font-size:13px;font-weight:700}.card-sprite{justify-content:center;align-items:center;width:190px;height:190px;display:flex}.card-image{object-fit:contain;width:190px;height:190px;padding:10px}.card-right{text-align:left;flex-direction:column;flex:1;gap:8px;display:flex}.name-card{color:var(--color-text-heading);white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:16px;font-weight:700;overflow:hidden}.card-quartier{color:var(--color-text-muted);font-size:14px}.card-types-text{color:var(--color-text-muted);font-size:15px}.card-types-icons{flex-wrap:wrap;gap:5px;margin:2px 0;display:flex}.card-types-icons img{width:71px;height:auto;display:inline-block}img{max-width:100%}.card-details{border-top:1px solid #3785824d;width:100%;margin-top:8px;padding-top:10px}.card-details.hidden{display:none}ul{padding:0;list-style:none}ul li{color:var(--color-text);border-bottom:.5px solid #37858233;justify-content:space-between;padding:5px 0;font-size:13px;display:flex}ul li:last-child{border-bottom:none}.btn-details{border:2px solid var(--color-border);background-color:var(--color-gold);width:auto;height:auto;color:var(--color-text);cursor:pointer;border-radius:20px;flex-shrink:0;align-self:flex-start;margin-top:10px;padding:6px 14px;font-size:11px;font-weight:700;transition:transform .15s}.btn-details:hover{background-color:var(--color-border);color:#fff;transform:scale(1.05)}.pokeball-btn,#prev,#next{cursor:pointer;background:linear-gradient(#e74c3c 50%,#fff 50%);border:2.5px solid #333;border-radius:50%;flex-shrink:0;width:42px;height:42px;padding:0;font-size:0;transition:transform .15s;position:relative;overflow:hidden}.pokeball-btn:hover,#prev:hover,#next:hover{transform:rotate(20deg)scale(1.1)}.pokeball-btn:before,#prev:before,#next:before{content:"";background:#333;height:3px;position:absolute;top:calc(50% - 1.5px);left:0;right:0}.pokeball-btn:after,#prev:after,#next:after{content:"";background:#fff;border:2.5px solid #333;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.button{justify-content:center;align-items:center;gap:14px;padding:1rem 0;display:flex}#page-number{color:var(--color-text);background:var(--color-surface);border:2px solid var(--color-gold);border-radius:10px;padding:6px 18px;font-size:15px;font-weight:700}#loading{color:var(--color-text-heading);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:12px;padding:3rem;font-size:16px;display:flex}#loading img{border-radius:8px;width:100px;height:auto;padding:0}footer h4{text-align:center;border-top:4px solid var(--color-border-card);color:var(--color-text-muted);padding:1rem;font-size:12px;font-style:oblique}@media (width<=768px){#card-toilets{grid-template-columns:1fr}#map{height:35vh}}@media (width<=500px){#card-toilets{grid-template-columns:1fr;padding:.5rem}.card-toilet{flex-direction:column;align-items:center}.card-left{align-items:center;width:100%}.card-right{text-align:center;align-items:center;width:100%}.card-types-icons{justify-content:center}.btn-details{align-self:center}#search{width:90%}#map{height:25vh}#logo{height:70px}}