/* Planet Zoo France — Experience V3 — coherent design across all routes */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#182321;--charcoal:#202b2c;--night:#101d21;--slate:#34494d;--stone:#c9c1b1;--paper:#e5e1d6;--sand:#c9ad82;--mist:#f1ede3;--line:#ffffff26;--accent:#d8b78a}
html{scroll-behavior:smooth}body{background:var(--night)!important;color:var(--mist)!important;font-family:'DM Sans',sans-serif!important}body:before{content:none!important}a,button{transition:background .25s,border-color .25s,color .25s,transform .25s,box-shadow .25s}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e4c69b!important;outline-offset:3px}.site-shell{background:var(--night)!important}.release-ribbon{background:#253538!important;color:#e2d8c7!important;letter-spacing:.14em!important}.release-ribbon span{color:var(--accent)!important}.nav{background:#172529ed!important;backdrop-filter:blur(18px);border-bottom:1px solid #d6c4a32b!important;box-shadow:0 8px 28px #050c1055!important}.nav .brand-word b{color:#d9b88b!important}.nav .discord-community-link{background:#d5b68a!important;color:#1c2727!important;border:1px solid #e6cda9!important;box-shadow:none!important;border-radius:8px!important}.nav .discord-community-link:hover{background:#ecd4b1!important;transform:translateY(-2px)}.nav nav>a:hover{color:#e7c99e!important}.wrap{color:var(--mist)}
/* Landing — alternate charcoal, slate and warm neutral; no green-dominant blocks */
.safari-hero{background:#1b2c2c!important}.safari-hero-wash{background:linear-gradient(90deg,#101e22ed 0%,#162a2dbe 38%,#1b25232b 88%),linear-gradient(0deg,#101b21b0,transparent 55%)!important}.safari-hero h1{font-size:clamp(60px,7.1vw,112px)!important;max-width:840px!important}.safari-hero h1 i,.safari-hero-logo span{color:#e4bb87!important}.safari-pill{background:#172b30bf!important;border-color:#d9c29c75!important}.safari-dot{background:#dfba86!important;box-shadow:0 0 0 5px #dfba8633!important}.safari-orange,.safari-btn.safari-orange{background:#d7b68b!important;color:#1e2929!important;border:1px solid #edcfaa!important;box-shadow:0 9px 30px #050d1266!important}.safari-orange:hover{background:#edd3ae!important;box-shadow:0 16px 34px #050d1288!important}.safari-light{background:#1e3035cc!important;color:#f4eee4!important;border:1px solid #b6b3a8aa!important;box-shadow:none!important}.safari-light:hover{background:#344a4d!important}.safari-marquee{background:#c9ae87!important;color:#253031!important;border:0!important}.safari-marquee b{color:#fff5e6!important}.safari-welcome{background:#28383d!important;background-image:radial-gradient(#ffffff0a 1px,transparent 1px)!important;color:#f4f0e8!important}.safari-leaf{color:#c8b89a25!important}.safari-eyebrow{color:#d7b88d!important}.safari-heading p{color:#d5d3c9!important}.safari-home h2 em{color:#d4b88e!important}.safari-intro-tile{border:1px solid #ffffff24!important;box-shadow:0 18px 44px #0c151b55!important}.safari-intro-tile span,.safari-intro-tile strong{color:#e5c99f!important}.safari-feature{background:#c6bdac!important;color:#1e292a!important}.safari-feature-content{background:linear-gradient(135deg,#c7c0b1,#aaa99e)!important}.safari-feature .safari-eyebrow{color:#4d5652!important}.safari-feature h2,.safari-feature p{color:#1c282b!important}.safari-feature h2 em{color:#635a4a!important}.safari-game-links a{background:#25373b!important;color:#f3eee4!important;border:1px solid #25373b!important}.safari-game-links a:hover{background:#405358!important}.safari-discover{background:#18272d!important;color:#f5efe4!important}.safari-journal{background:#ded9ce!important;color:#1f292a!important}.safari-journal h2{color:#1f292a!important}.safari-section-head p{color:#bfc7c4!important}.safari-journal .safari-section-head p{color:#53605e!important}.safari-more{color:#d6b88b!important}.safari-journal .safari-more{color:#495957!important}.safari-game-card{border:1px solid #ffffff35!important}.safari-game-tag{background:#e8ddcb!important;color:#263536!important}.safari-game-card h3 b{color:#e1ba83!important}.safari-news-card{background:#f1eee6!important;color:#253031!important;border:1px solid #b9b6ad!important;box-shadow:0 12px 30px #1d27272a!important}.safari-news-image span{background:#d6b587!important;color:#243033!important}.safari-news-copy small{color:#67746f!important}.safari-news-copy h3{color:#263032!important}.safari-news-copy p{color:#566260!important}.safari-news-copy strong{color:#4a5a58!important}.safari-join:after{background:linear-gradient(90deg,#16272df2,#1b3030b8 48%,#16292c22)!important}.safari-join h2 em,.safari-join .safari-eyebrow{color:#e4c093!important}.safari-legal{background:#243339!important;color:#e5e3db!important}footer{background:#17252b!important;color:#eae4d9!important}footer a{color:#e3c499!important}
/* Shared interior pages: article, news, updates, games, profile and administration */
body:not(:has(.safari-home)) .wrap{max-width:1280px!important;width:calc(100% - 48px)!important;margin:0 auto!important;padding:55px 0 90px!important;min-height:68vh!important}body:not(:has(.safari-home)) .wrap h1{font-family:'Barlow Condensed',Impact,sans-serif!important;font-weight:800!important;font-size:clamp(44px,5vw,78px)!important;line-height:1.04!important;letter-spacing:-.018em!important;color:#f3eee4!important}body:not(:has(.safari-home)) .wrap h2,body:not(:has(.safari-home)) .wrap h3{font-family:'Barlow Condensed',sans-serif!important;color:#f0e9dd!important}body:not(:has(.safari-home)) .wrap p,body:not(:has(.safari-home)) .wrap li{line-height:1.75}body:not(:has(.safari-home)) .wrap .muted{color:#bdc6c5!important}body:not(:has(.safari-home)) .wrap .eyebrow{color:#dbb88c!important;letter-spacing:.13em!important}body:not(:has(.safari-home)) .wrap .panel,body:not(:has(.safari-home)) .wrap .card,body:not(:has(.safari-home)) .wrap .news-card,body:not(:has(.safari-home)) .wrap article:not(.pz22-article){background:#25363c!important;color:#f1eee7!important;border:1px solid #ffffff24!important;border-radius:14px!important;box-shadow:0 12px 30px #09141938!important}body:not(:has(.safari-home)) .wrap .panel{padding:clamp(18px,3vw,36px)!important}body:not(:has(.safari-home)) .wrap .button,body:not(:has(.safari-home)) .wrap button:not(.mobile-menu),body:not(:has(.safari-home)) .wrap .pagination a{background:#d4b58a!important;color:#19282b!important;border:1px solid #e7cba6!important;border-radius:8px!important;box-shadow:none!important;font-weight:700!important}body:not(:has(.safari-home)) .wrap .button:hover,body:not(:has(.safari-home)) .wrap button:hover,body:not(:has(.safari-home)) .wrap .pagination a:hover{background:#edd3af!important;transform:translateY(-2px)}body:not(:has(.safari-home)) .wrap input,body:not(:has(.safari-home)) .wrap select,body:not(:has(.safari-home)) .wrap textarea{background:#17262c!important;color:#f5eee2!important;border:1px solid #899c9c70!important;border-radius:8px!important;padding:12px!important}body:not(:has(.safari-home)) .wrap a:not(.button){color:#dfc19a}body:not(:has(.safari-home)) .wrap a:hover{color:#f3d6b1}body:not(:has(.safari-home)) .wrap .pz22-article{background:#26363b!important;color:#f4eee5!important;border:1px solid #ffffff24!important;border-radius:16px!important;overflow:hidden}body:not(:has(.safari-home)) .wrap .pz22-heading{background:linear-gradient(135deg,#32454a,#1b2d34)!important;padding:clamp(24px,5vw,64px)!important}body:not(:has(.safari-home)) .wrap .pz22-heading h1{color:#f7efe3!important}body:not(:has(.safari-home)) .wrap .pz22-label,body:not(:has(.safari-home)) .wrap .pz22-meta{color:#e0c39c!important}body:not(:has(.safari-home)) .wrap table{width:100%;border-collapse:collapse}body:not(:has(.safari-home)) .wrap th,body:not(:has(.safari-home)) .wrap td{padding:12px;border-bottom:1px solid #ffffff22}body:not(:has(.safari-home)) .wrap th{color:#e0c39c}body:not(:has(.safari-home)) .wrap img{max-width:100%;height:auto}body:not(:has(.safari-home)) .wrap .pagination{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;margin:32px auto}
/* Progressive reveal, no dependency on JS for visibility */
@media(prefers-reduced-motion:no-preference){.safari-intro-tile,.safari-game-card,.safari-news-card{transition:transform .4s ease,box-shadow .4s ease!important}.safari-intro-tile:hover,.safari-game-card:hover,.safari-news-card:hover{transform:translateY(-7px)!important;box-shadow:0 22px 45px #08131866!important}.safari-home [data-reveal]{opacity:1;transform:none}.js-reveal .safari-home [data-reveal]{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.js-reveal .safari-home [data-reveal].in-view{opacity:1;transform:none}}
@media(max-width:760px){body:not(:has(.safari-home)) .wrap{width:calc(100% - 30px)!important;padding:30px 0 60px!important}.safari-hero h1{font-size:clamp(53px,12vw,75px)!important}.safari-feature-content{padding:50px 25px!important}.safari-news-copy h3{font-size:29px!important}.nav{padding-inline:16px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}