/* CAMP30 — évolution finale : planning, équipes, saison et sound design */
:root{
  --night:#0d2924;
  --cream:#fffaf0;
  --coffee:#6f4c34;
  --open:#2f7d70;
  --hidden-slot:#675e72;
}
.button.small{min-height:42px;padding:10px 15px;font-size:.82rem}

/* Cartes d’épisodes : une identité visuelle par épisode, sans images externes. */
.theme-braise{--art-a:#152f29;--art-b:#b85e32;--art-c:#efb654}
.theme-terrain{--art-a:#183f35;--art-b:#6d9166;--art-c:#d9b668}
.theme-visages{--art-a:#2e4c58;--art-b:#9d654a;--art-c:#efcf91}
.theme-bivouac{--art-a:#162f32;--art-b:#5b657b;--art-c:#d9ae67}
.theme-table{--art-a:#563a2c;--art-b:#b86d3c;--art-c:#f3c56d}
.theme-recre{--art-a:#1d4c47;--art-b:#3e8791;--art-c:#e0b956}
.theme-equipes{--art-a:#2e294d;--art-b:#9c5377;--art-c:#efc86a}
.theme-route{--art-a:#203e48;--art-b:#627f72;--art-c:#e3ad56}
.theme-memoire{--art-a:#44324e;--art-b:#9e6264;--art-c:#f2c58b}
.theme-weekend{--art-a:#18352f;--art-b:#b35e37;--art-c:#efc063}
.theme-depart{--art-a:#102d29;--art-b:#5b7b6d;--art-c:#f0cc78}

.episode-art,.season-hero,.stream-card,.episode-detail-art{
  background:
    radial-gradient(circle at 82% 18%,color-mix(in srgb,var(--art-c) 72%,transparent) 0 2%,transparent 15%),
    linear-gradient(145deg,var(--art-a),var(--art-b));
}
.episode-art:before,.season-hero:before,.stream-card:before,.episode-detail-art:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.58;
  background:
    linear-gradient(122deg,transparent 0 42%,rgba(255,255,255,.06) 42% 43%,transparent 43% 100%),
    radial-gradient(circle at 75% 70%,var(--art-c) 0 2%,transparent 3%),
    repeating-linear-gradient(148deg,transparent 0 30px,rgba(255,255,255,.025) 31px 32px);
}
.episode-art-glow{position:absolute!important;z-index:0!important;width:290px;height:290px;right:-80px;bottom:-95px;border-radius:50%;background:radial-gradient(circle,var(--art-c),transparent 66%);filter:blur(18px);opacity:.38}
.episode-visual-tag{display:block;margin-top:22px;color:color-mix(in srgb,var(--art-c) 80%,white);font-weight:850;letter-spacing:.05em;text-transform:uppercase}

.season-hero{position:relative;min-height:520px;border-radius:30px;overflow:hidden;color:white;display:flex;align-items:flex-end;padding:52px;margin-bottom:34px;box-shadow:var(--shadow)}
.season-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,26,23,.92) 0 33%,rgba(8,26,23,.45) 62%,rgba(8,26,23,.1)),linear-gradient(0deg,rgba(8,26,23,.75),transparent 58%)}
.season-hero-copy{position:relative;z-index:2;max-width:660px}
.season-hero-copy>small{display:block;margin:20px 0 6px;color:var(--art-c);font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.season-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.2rem,7vw,7rem);line-height:.88;letter-spacing:-.06em;font-weight:500;margin:8px 0 20px;max-width:10ch}
.season-hero p{font-size:1.03rem;line-height:1.65;color:rgba(255,255,255,.82);max-width:55ch}
.season-progress{align-self:center;font-size:.82rem;font-weight:850;color:rgba(255,255,255,.72)}
.stream-section{margin-top:30px}
.streaming-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,24vw);gap:14px;overflow-x:auto;padding:4px 4px 18px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.streaming-rail.compact{grid-auto-columns:minmax(240px,20vw);margin-right:-34px;padding-right:34px}
.stream-card{position:relative;min-height:330px;border:0;border-radius:18px;overflow:hidden;color:white;text-align:left;padding:0;scroll-snap-align:start;box-shadow:0 16px 36px rgba(23,58,50,.14);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.stream-card:hover:not(:disabled),.stream-card:focus-visible:not(:disabled){transform:translateY(-5px) scale(1.01);box-shadow:0 24px 52px rgba(23,58,50,.22)}
.stream-card>div{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:76px 18px 18px;background:linear-gradient(transparent,rgba(7,23,20,.94))}
.stream-card small,.stream-card em{display:block;font-style:normal;font-size:.69rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.68)}
.stream-card b{display:block;margin:7px 0 13px;font-family:Georgia,"Times New Roman",serif;font-size:1.45rem;line-height:1.05}
.stream-card em{width:max-content;border:1px solid rgba(255,255,255,.25);padding:5px 8px;border-radius:999px;color:var(--art-c)}
.stream-number{position:absolute;z-index:1;top:14px;left:15px;font-family:Georgia,"Times New Roman",serif;font-size:4rem;line-height:1;color:rgba(255,255,255,.2);font-weight:900}
.stream-card.current{box-shadow:0 0 0 3px var(--art-c),0 18px 42px rgba(23,58,50,.22)}
.stream-card.locked{filter:saturate(.4);cursor:not-allowed}
.stream-card.locked:after{content:"◌";position:absolute;z-index:3;top:16px;right:16px;display:grid;place-content:center;width:36px;height:36px;border-radius:50%;background:rgba(7,23,20,.72);font-weight:900}
.streaming-rail.upcoming .stream-card{min-height:280px}

.episode-detail{padding:0!important;overflow:hidden;border-radius:24px;background:var(--paper-2)}
.episode-detail-art{position:relative;min-height:260px;color:white;padding:32px;display:flex;flex-direction:column;justify-content:flex-end}
.episode-detail-art span{position:relative;z-index:2;font-family:Georgia,"Times New Roman",serif;font-size:7rem;line-height:.8;color:rgba(255,255,255,.25)}
.episode-detail-art small{position:relative;z-index:2;margin-top:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:var(--art-c)}
.episode-detail-copy{padding:30px}
.episode-detail-copy h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.3rem,5vw,4rem);line-height:.95;margin:12px 0}

/* Campeurs : cartes plus vivantes et vue Mon équipe. */
.camper-view-tabs{display:inline-flex;gap:5px;padding:5px;border:1px solid var(--line);background:#eadcc2;border-radius:999px;margin:0 0 20px}
.camper-view-tabs button{min-height:42px;border:0;border-radius:999px;background:transparent;padding:9px 16px;font-weight:850;color:#4b5b55}
.camper-view-tabs button.active{background:var(--ink);color:white;box-shadow:0 7px 20px rgba(23,58,50,.17)}
.camper-grid.enhanced{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.camper-grid.enhanced .camper-card{display:block;min-height:330px;padding:0;overflow:hidden;text-align:left;border-top:8px solid var(--camper-color);background:linear-gradient(180deg,color-mix(in srgb,var(--camper-color) 12%,#fffaf0),#fffaf0 42%)}
.camper-grid.enhanced .camper-photo{position:relative;height:128px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--camper-color),color-mix(in srgb,var(--camper-color) 65%,#142f29));color:white;font-size:3.4rem;font-family:Georgia,"Times New Roman",serif}
.camper-grid.enhanced .camper-photo:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(255,255,255,.25),transparent 22%),repeating-linear-gradient(130deg,transparent 0 24px,rgba(255,255,255,.035) 25px 26px)}
.camper-grid.enhanced .camper-photo small{position:absolute;bottom:10px;right:12px;font-size:.68rem;letter-spacing:.1em;color:rgba(255,255,255,.65)}
.camper-grid.enhanced .camper-card-content{padding:17px}
.camper-name-line{display:flex;justify-content:space-between;gap:10px;align-items:start}
.camper-name-line h3{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:1.55rem}
.camper-name-line span{font-size:.7rem;font-weight:800;color:#58645f;text-align:right}
.camper-grid.enhanced .camper-card-content>p{margin:7px 0 13px;color:var(--camper-color);font-weight:800}
.camper-grid.enhanced blockquote{margin:0 0 16px;padding:10px 0 10px 12px;border-left:3px solid color-mix(in srgb,var(--camper-color) 60%,transparent);font-size:.84rem;line-height:1.45;color:#4c5b55;min-height:58px}
.camper-grid.enhanced .camper-days span{background:color-mix(in srgb,var(--camper-color) 12%,white);color:#263d36;border:1px solid color-mix(in srgb,var(--camper-color) 20%,transparent)}
.camper-detail-days{display:flex;gap:6px;flex-wrap:wrap;margin:17px 0}.camper-detail-days span{padding:7px 9px;border-radius:999px;background:#eadcc2;font-size:.75rem;font-weight:900}
.camper-team-pill{margin-top:18px;width:max-content;max-width:100%;padding:9px 12px;border-radius:999px;background:color-mix(in srgb,var(--team-color) 16%,white);border-left:5px solid var(--team-color);font-weight:850}

.team-reveal-lock{min-height:300px;padding:34px;display:flex;gap:22px;align-items:center;background:linear-gradient(145deg,#152f29,#36554c);color:white}
.team-reveal-lock>span{font-size:5rem;color:#e9bd67}.team-reveal-lock h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.3rem,5vw,4rem);margin:8px 0}.team-reveal-lock p{max-width:55ch;color:rgba(255,255,255,.76);line-height:1.6}
.my-team-dashboard{display:grid;gap:16px}
.team-banner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:26px 30px;border-radius:26px;background:linear-gradient(135deg,var(--team-color),color-mix(in srgb,var(--team-color) 68%,#142f29));color:white;box-shadow:var(--shadow)}
.team-banner-icon{font-size:3.5rem;color:var(--team-accent)}.team-banner h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,4vw,3.5rem);margin:4px 0}.team-banner p{margin:0;color:rgba(255,255,255,.74)}.team-banner>strong{font-size:3.1rem}.team-banner>strong small{font-size:.85rem;color:var(--team-accent)}
.team-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.team-block{padding:22px}.team-block-head{display:flex;gap:12px;align-items:center;margin-bottom:16px}.team-block-head>span{display:grid;place-content:center;width:44px;height:44px;border-radius:15px;background:color-mix(in srgb,var(--team-color) 15%,white);color:var(--team-color);font-size:1.25rem}.team-block-head small{display:block;color:var(--team-color);font-weight:900;letter-spacing:.1em}.team-block-head h3{margin:2px 0 0;font-family:Georgia,"Times New Roman",serif;font-size:1.55rem}
.team-member-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.team-member-list button{display:flex;gap:10px;align-items:center;border:1px solid var(--line);background:#fffefb;border-radius:15px;padding:9px;text-align:left}.team-member-list button>span{display:grid;place-content:center;width:34px;height:34px;border-radius:12px;background:var(--team-color);color:white;font-weight:900}.team-member-list b,.team-member-list small{display:block}.team-member-list small{color:#68716d;font-size:.72rem}
.service-list{display:grid;gap:8px}.service-list article{display:grid;grid-template-columns:82px 1fr;gap:12px;padding:10px;border-radius:14px;background:#f4eddf}.service-list time{font-size:.76rem;font-weight:900;color:var(--team-color)}.service-list b,.service-list small{display:block}.service-list small{margin-top:3px;color:#68716d}
.team-challenge-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.team-challenge-strip article{display:flex;gap:12px;padding:14px;border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--team-color) 10%,white),white);border:1px solid color-mix(in srgb,var(--team-color) 18%,transparent)}.team-challenge-strip article>b{display:grid;place-content:center;min-width:50px;height:50px;border-radius:15px;background:var(--team-color);color:white}.team-challenge-strip h4{margin:0 0 5px}.team-challenge-strip p{margin:0;font-size:.8rem;line-height:1.4;color:#59645f}

/* Planning participatif. */
.planning-legend{display:flex;gap:16px;flex-wrap:wrap;margin:0 0 18px;color:#52605b;font-size:.78rem;font-weight:800}.planning-legend span{display:flex;gap:7px;align-items:center}.planning-legend i{width:12px;height:12px;border-radius:4px}.planning-legend i.fixed{background:var(--ink)}.planning-legend i.open{background:var(--open)}.planning-legend i.hidden{background:var(--hidden-slot)}
.planning-list{display:grid;gap:11px}.planning-item{display:grid;grid-template-columns:85px minmax(0,1fr) auto;gap:18px;align-items:center;padding:19px 20px;position:relative;overflow:hidden}.planning-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--ink)}.planning-item.open-slot{background:linear-gradient(90deg,color-mix(in srgb,var(--open) 10%,#fffaf0),#fffaf0)}.planning-item.open-slot:before{background:var(--open)}.planning-item.hidden-slot{background:linear-gradient(90deg,color-mix(in srgb,var(--hidden-slot) 10%,#fffaf0),#fffaf0)}.planning-item.hidden-slot:before{background:var(--hidden-slot)}
.planning-item h3{margin:4px 0;font-family:Georgia,"Times New Roman",serif;font-size:1.4rem}.planning-item p{margin:0 0 5px;color:#5f6965;line-height:1.45}.planning-status{padding:7px 10px;border-radius:999px;background:#e8e0ea;color:#594e63;font-size:.72rem;font-weight:900}
.planning-proposal-dialog{width:min(620px,calc(100vw - 24px))}.proposal-note{padding:11px 13px;border-radius:14px;background:#e8eadc;color:#4b5a54;font-size:.8rem;line-height:1.45}

/* Mon Camp fusionne préparation et profil. */
.camp-profile-hero{margin-bottom:14px}.camp-personal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.camp-personal-card{border:0;padding:18px;text-align:left;display:grid;grid-template-columns:auto 1fr;column-gap:12px}.camp-personal-card>span{grid-row:1/4;display:grid;place-content:center;width:45px;height:45px;border-radius:15px;background:#eadcc2;font-size:1.25rem}.camp-personal-card small,.camp-personal-card b,.camp-personal-card em{display:block}.camp-personal-card small{font-size:.68rem;font-weight:900;color:var(--rust);letter-spacing:.1em}.camp-personal-card b{margin:4px 0;font-size:.95rem}.camp-personal-card em{font-style:normal;color:#65706c;font-size:.72rem}.camp-account-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}

/* Sound design. */
.sound-dialog{width:min(620px,calc(100vw - 24px))}.sound-scenes{display:grid;gap:9px}.sound-scene{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:center;width:100%;min-height:76px;border:1px solid var(--line);border-radius:18px;background:#fffaf0;padding:12px;text-align:left}.sound-scene>span{display:grid;place-content:center;width:52px;height:52px;border-radius:17px;background:#eadcc2;font-size:1.6rem}.sound-scene b,.sound-scene small{display:block}.sound-scene small{margin-top:4px;color:#68716d}.sound-scene.active{background:var(--ink);color:white;border-color:var(--ink);box-shadow:0 10px 24px rgba(23,58,50,.18)}.sound-scene.active>span{background:rgba(255,255,255,.12)}.sound-scene.active small{color:rgba(255,255,255,.68)}.sound-volume{display:grid;gap:8px;margin:18px 0;font-weight:850}.sound-volume input{width:100%;accent-color:var(--rust)}

/* Administration : le jeu et le planning restent lisibles. */
.admin-reveal-card{background:linear-gradient(145deg,#173a32,#31584d);color:white}.admin-reveal-card .eyebrow{color:#e9bd67}.admin-reveal-card p{color:rgba(255,255,255,.72)}.team-assignment-list select{max-width:230px}.score-input{display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;background:#fffefb;padding:0 8px}.score-input input{width:62px!important;border:0!important;background:transparent!important;text-align:right;font-weight:900}.score-input span{font-size:.72rem;color:#66716d}.challenge-admin-list .switch{align-items:flex-start}.challenge-admin-list .switch span b,.challenge-admin-list .switch span small{display:block}.challenge-admin-list .switch span small{margin-top:4px;color:#68716d;line-height:1.4}.admin-proposal{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:16px;border:1px solid var(--line);border-radius:17px;background:#fffaf0}.admin-proposal h4{margin:8px 0 5px;font-size:1.05rem}.admin-proposal p{margin:0 0 8px;color:#59645f;line-height:1.45}.admin-proposal>div:last-child{display:flex;gap:8px;align-items:center}.status-pill.pending{background:#f1e3bc}.status-pill.approved{background:#dce9dc}.status-pill.declined{background:#eadfe2}

@media(max-width:900px){
  .streaming-rail{grid-auto-columns:minmax(250px,42vw)}
  .team-dashboard-grid{grid-template-columns:1fr}
  .camp-personal-grid{grid-template-columns:1fr}
}

@media(max-width:760px){
  .season-hero{min-height:520px;padding:26px 20px;border-radius:21px;margin:-2px 0 22px}.season-hero-shade{background:linear-gradient(0deg,rgba(8,26,23,.94) 0 48%,rgba(8,26,23,.15) 82%)}.season-hero h1{font-size:clamp(3rem,15vw,4.7rem)}.season-hero p{font-size:.94rem;line-height:1.5}.season-hero .home-hero-actions{align-items:stretch}.season-progress{align-self:flex-start}
  .streaming-rail,.streaming-rail.compact{grid-auto-columns:78vw;margin-right:-13px;padding-right:13px}.stream-card{min-height:310px}.streaming-rail.upcoming .stream-card{min-height:260px}
  .episode-detail-art{min-height:210px;padding:23px}.episode-detail-art span{font-size:5.5rem}.episode-detail-copy{padding:23px 18px}
  .camper-view-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%;border-radius:17px}.camper-view-tabs button{border-radius:13px;padding:8px 6px;font-size:.78rem}
  .camper-grid.enhanced{grid-template-columns:1fr}.camper-grid.enhanced .camper-card{min-height:300px}.camper-grid.enhanced .camper-photo{height:112px}
  .team-reveal-lock{min-height:0;display:block;padding:24px}.team-reveal-lock>span{font-size:3.5rem}.team-reveal-lock h2{font-size:2.5rem}
  .team-banner{grid-template-columns:auto minmax(0,1fr);padding:20px;gap:12px}.team-banner-icon{font-size:2.4rem}.team-banner>strong{grid-column:1/3;font-size:2.3rem}.team-banner h2{font-size:2.2rem}.team-member-list{grid-template-columns:1fr}.team-challenge-strip{grid-template-columns:1fr}
  .planning-item{grid-template-columns:66px minmax(0,1fr);gap:12px;padding:16px}.planning-item>.button,.planning-item>.planning-status,.planning-item>.schedule-location{grid-column:2;justify-self:start}.planning-item h3{font-size:1.22rem}.planning-legend{gap:9px 14px}
  .camp-personal-grid{gap:9px}.camp-account-row{grid-template-columns:1fr}
  .sound-dialog,.planning-proposal-dialog{width:100vw;max-width:none;margin:auto 0 0;border-radius:24px 24px 0 0;padding:22px 16px calc(22px + env(safe-area-inset-bottom));max-height:92dvh}
  .sound-scene{min-height:70px}.sound-scene>span{width:46px;height:46px}
  .admin-proposal{grid-template-columns:1fr}.admin-proposal>div:last-child{justify-content:flex-start}.team-assignment-list .admin-list-row{align-items:stretch}.team-assignment-list select{max-width:none;width:100%}
}

@media(prefers-reduced-motion:reduce){
  .stream-card,.sound-scene{transition:none}.episode-art-glow{filter:none}
}

/* Les quatre jours restent entièrement visibles sur un téléphone étroit. */
@media(max-width:760px){
  .day-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;overflow:visible;padding-bottom:8px}
  .day-tabs button{min-width:0;padding:10px 4px;font-size:.73rem;white-space:normal;line-height:1.15}
}