@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;800&display=swap";*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#2b2118;background:linear-gradient(#7ec8f0 0%,#9fd8f0 42%,#cfeeda 78%,#6fc24a 100%) fixed;flex-direction:column;align-items:center;min-height:100vh;padding:0 20px 40px;font-family:"Baloo 2",Trebuchet MS,system-ui,sans-serif;display:flex}.ciel{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.nuage{opacity:.75;font-size:54px;animation:linear infinite traverse;position:absolute}.nuage-1{animation-duration:62s;top:8%}.nuage-2{font-size:38px;animation-duration:48s;animation-delay:-14s;top:22%}.nuage-3{font-size:66px;animation-duration:80s;animation-delay:-32s;top:38%}@keyframes traverse{0%{transform:translate(-25vw)}to{transform:translate(115vw)}}@media (prefers-reduced-motion:reduce){.nuage,.salut{animation:none}.carte:hover{transform:none}html{scroll-behavior:auto}}.entete,.contenu,.pied{z-index:1;width:100%;max-width:940px;position:relative}.entete{text-align:center;padding:54px 0 40px}.salut{transform-origin:70% 80%;font-size:clamp(56px,11vw,96px);line-height:1;animation:2.4s ease-in-out infinite coucou}@keyframes coucou{0%,60%,to{transform:rotate(0)}70%{transform:rotate(16deg)}80%{transform:rotate(-8deg)}90%{transform:rotate(14deg)}}.titre{color:#fff;letter-spacing:1px;text-shadow:-2px -2px #2b2118,2px -2px #2b2118,-2px 2px #2b2118,2px 2px #2b2118,0 7px #2b211840;margin-top:6px;font-size:clamp(34px,7.5vw,62px);font-weight:800}.sous-titre{color:#3a2d20;background:#ffffffb8;border-radius:18px;max-width:30ch;margin:18px auto 0;padding:12px 20px;font-size:clamp(17px,2.6vw,21px);font-weight:600}.categorie{margin-bottom:44px}.categorie-entete{align-items:center;gap:12px;margin-bottom:18px;padding-left:4px;display:flex}.categorie-emoji{font-size:34px;line-height:1}.categorie-titre{color:#fff;text-shadow:-2px -2px #2b2118,2px -2px #2b2118,-2px 2px #2b2118,2px 2px #2b2118;font-size:clamp(26px,5vw,36px);font-weight:800}.grille{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;display:grid}.carte{color:inherit;background:#fffdf6;border:4px solid #2b2118;border-radius:26px;flex-direction:column;text-decoration:none;transition:transform .16s,box-shadow .16s;display:flex;overflow:hidden;box-shadow:0 8px #2b211847}.carte[href]:hover,.carte[href]:focus-visible{transform:translateY(-6px);box-shadow:0 14px #2b211847}.carte[href]:focus-visible{outline-offset:3px;outline:4px solid #ffd23f}.carte[href]:active{transform:translateY(2px);box-shadow:0 4px #2b211847}.carte-image{background:linear-gradient(#9fd8f0,#6fc24a);border-bottom:4px solid #2b2118;place-items:center;height:150px;display:grid}.carte-emoji{filter:drop-shadow(0 5px 4px #00000038);font-size:80px;line-height:1}.carte[href]:hover .carte-emoji{animation:.9s ease-in-out infinite sautille}@keyframes sautille{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-10px)rotate(3deg)}}.carte-texte{flex-direction:column;flex:1;gap:10px;padding:18px 20px 22px;display:flex}.carte-titre{font-size:25px;font-weight:800}.carte-description{color:#5c4b3a;font-size:16px;font-weight:600;line-height:1.45}.carte-etiquettes{flex-wrap:wrap;gap:8px;display:flex}.etiquette{color:#3a2d20;background:#ffe9a8;border:2px solid #2b2118;border-radius:999px;padding:3px 11px;font-size:13px;font-weight:700}.carte-bouton{color:#fff;background:#57c04a;border:3px solid #2b2118;border-radius:16px;align-self:flex-start;margin-top:auto;padding:9px 22px;font-size:19px;font-weight:800;box-shadow:0 4px #2b2118}.carte-bientot{opacity:.72;border-style:dashed}.carte-image-vide{background:repeating-linear-gradient(45deg,#e8e0cd,#e8e0cd 14px,#f5efe0 14px 28px)}.pied{text-align:center;color:#2f4a1f;margin-top:auto;padding-top:20px;font-size:16px;font-weight:600}