/* Un club de copains, avec les couleurs des magazines de la récré. */
.club-page{padding-top:34px}.club-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center;padding:28px 0 48px}.club-hero h1{font:400 clamp(52px,6.5vw,86px)/1.05 var(--display);letter-spacing:-1px;margin:18px 0 24px}.club-hero h1 em{font-style:normal;color:#d90072}.club-hero p{max-width:530px;font-size:18px;line-height:1.7}.club-hero figure{position:relative;margin:0;transform:rotate(2deg);border:8px solid #fff;box-shadow:12px 12px 0 #ffe438}.club-hero figure img{display:block;width:100%;aspect-ratio:1.3;object-fit:cover}.club-hero figcaption{position:absolute;bottom:12px;right:10px;color:#fff;background:#17181dcc;padding:4px 8px;font-size:9px}.club-sticker{position:absolute;left:-22px;top:22px;background:#d90072;color:white;padding:13px 20px;transform:rotate(-8deg);font:26px var(--display)}.club-jump{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.club-jump a{padding:12px 17px;background:#17181d;color:white;font-weight:700;text-decoration:none;border:2px solid #17181d;box-shadow:3px 3px 0 #ffe438}.club-jump a:hover{background:#ffe438;color:#17181d}.club-section{padding:54px 0;border-top:1px solid #d6cfc4;scroll-margin-top:130px}.club-section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}.club-section-heading h2{font:400 clamp(36px,4vw,54px)/1.1 var(--display);margin:8px 0 0}.club-section-heading>p{max-width:480px;margin:0;color:#514b45;line-height:1.7}.club-section .eyebrow{color:#bb005f}.forum-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px;font-size:13px;color:#59534b}.forum-toolbar button{background:transparent;border:0;cursor:pointer}.forum-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:26px;align-items:start}.forum-topics{display:grid;gap:10px}.topic{border:1px solid #d3c8b6;border-left:5px solid #d3c8b6;background:#fffdf7;color:#17181d;padding:20px 17px;display:flex;gap:14px;text-align:left;cursor:pointer;box-shadow:none;border-radius:3px;font-family:var(--body)}.topic:hover{border-color:#d90072}.topic[aria-pressed=true]{background:#ffe438;border-color:#17181d;box-shadow:4px 4px 0 #17181d}.topic-number{font:28px var(--display);color:#d90072}.topic small{display:block;font:700 9px var(--body);letter-spacing:1.3px;margin-bottom:7px}.topic strong{display:block;font-size:15px;line-height:1.4}.topic-count{display:block;font-size:11px;margin-top:9px;color:#565149}.forum-panel{min-width:0;border:1px solid #d8cfc0;border-radius:4px;background:#fffdf8;overflow:hidden}.conversation-head{padding:28px 30px;background:#17181d;color:#fff;border-top:7px solid #ee0083}.conversation-head .eyebrow{color:#ffe438}.conversation-head h3{font:32px/1.2 var(--display);margin:12px 0}.conversation-head p{color:#e4dfd5;font-size:14px;line-height:1.65;margin:0}.forum-messages{max-height:550px;overflow:auto}.forum-post{padding:24px 28px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:16px;border-bottom:1px solid #e4dcd0}.forum-avatar{display:grid;place-items:center;width:42px;height:42px;background:#ffe438;color:#17181d;border:1px solid #17181d;box-shadow:2px 2px 0 #17181d;font:24px var(--display)}.forum-post:nth-child(3n+2) .forum-avatar{background:#73e4e6}.forum-post:nth-child(3n) .forum-avatar{background:#ffc9e4}.forum-post-body header{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.forum-post-body strong{font-size:14px;color:#a80056;overflow-wrap:anywhere}.forum-post-body time{font-size:11px;color:#666057}.forum-post-body p{font-size:15px;line-height:1.8;color:#29262a;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 0}.forum-empty{padding:34px 30px;color:#49434a}.forum-empty strong{font-family:Georgia,serif;font-size:22px}.forum-empty p{font-size:14px;line-height:1.7}.forum-compose{padding:28px 30px;background:#f2eddf;display:grid;gap:10px}.forum-compose h4{font:28px var(--display);margin:0 0 8px;color:#17181d}.forum-compose label{font-size:13px;font-weight:700}.forum-compose .field{width:100%;max-width:none;background:white;color:#17181d;border:1px solid #8e877e;border-radius:3px;font-size:16px}.forum-compose input{max-width:350px!important}.compose-meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#615b52}.compose-send{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:8px}.compose-send p{font-size:13px;line-height:1.5;margin:0;max-width:330px}.forum-compose button:disabled{opacity:.65;cursor:wait}.pogs-intro{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.pog-total{font:54px var(--display);color:#d90072;white-space:nowrap}.club-page .bar{height:8px;margin:22px 0 30px}.club-page #pogwall{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:18px;background:#ece4d5;padding:24px;border:1px solid #cbbfae;border-radius:6px}.pog-card{margin:0;min-width:0;text-align:center;background:#fffbef;border:1px solid #d2c9ba;padding:12px 8px;border-radius:4px;box-shadow:inset 0 2px 5px #fff9}.pog-card img{width:100%;aspect-ratio:1;object-fit:contain;display:block;filter:drop-shadow(0 3px 2px #0004)}.pog-card.is-locked img{filter:grayscale(1) opacity(.35)}.pog-card figcaption{color:#27232a;font-size:10px;line-height:1.4;margin-top:10px}.pog-card figcaption strong{display:block}.pog-card .pog-state{color:#5b5149;font-size:9px}.pog-card:not(.is-locked){border-color:#d90072;background:#fff}.pog-provenance{font-size:12px;color:#665d53;line-height:1.7;margin-top:18px}.member-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:start}.club-page #carte{padding:28px;background:#ffe438;border:2px solid #17181d;box-shadow:7px 7px 0 #17181d;border-radius:5px;color:#17181d}.member-card-top{display:flex;gap:18px;align-items:center}.member-avatar{width:74px;height:86px;display:grid;place-items:center;flex-shrink:0;background:#d90072;color:white;font:42px var(--display);border:2px solid #17181d}.member-kicker{font-size:10px;font-weight:700;letter-spacing:1px;margin-bottom:10px}.member-name{font:32px/1.2 var(--display);overflow-wrap:anywhere}.member-note{font-size:11px;line-height:1.6;margin:12px 0 0}.club-page #carte .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:26px 0 0}.club-page #carte .stat{background:#fff8;border:1px solid #17181d2b;border-radius:3px;padding:13px 4px}.club-page #carte .stat b{color:#17181d;font-size:28px}.club-page #carte .stat span{color:#48422d;font-size:10px}.member-settings{display:grid;gap:14px;padding:28px;background:#f0e8db;border:1px solid #cfc3b2;border-radius:4px}.member-settings label{font-size:12px;font-weight:700}.member-settings .field{font-size:16px;color:#17181d;background:#fff}.member-settings #avs{display:flex;gap:8px;flex-wrap:wrap}.club-mail-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:36px 0 65px}.club-mail-card{padding:32px;border:2px solid #17181d;box-shadow:6px 6px 0 #17181d;background:#ffc7e3}.club-mail-card:nth-child(2){background:#bfeeee}.club-mail-card h2{font:34px var(--display);margin:0 0 18px}.club-mail-card .box{display:grid;gap:12px;background:transparent;border:0;box-shadow:none;padding:0;margin:0}.club-mail-card p{font-size:14px;line-height:1.7}.club-mail-card label{font-size:12px;font-weight:700}.club-mail-card .field{background:#fff;color:#17181d;font-size:16px;border-color:#8b7b7c}.club-mail-card .mini{color:#30262d}.club-page .section{padding:24px 0 60px}.club-page .section .ttl{font-size:40px}
@media(max-width:1000px){.forum-layout{grid-template-columns:240px minmax(0,1fr)}.club-hero{gap:32px}.club-page #pogwall{grid-template-columns:repeat(6,minmax(0,1fr))}.member-layout{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.club-hero{grid-template-columns:1fr;padding-top:8px;gap:25px}.club-hero h1{font-size:56px}.club-hero figure{max-width:500px;margin:0 12px}.club-hero figure img{aspect-ratio:1.7}.club-sticker{left:-10px}.club-section{padding:36px 0}.club-section-heading{display:block}.club-section-heading>p{margin-top:16px}.forum-layout{grid-template-columns:1fr}.forum-topics{grid-template-columns:repeat(2,minmax(0,1fr))}.topic{padding:13px 10px;gap:8px}.topic strong{font-size:12px}.topic small{font-size:8px}.topic-number{font-size:20px}.topic:last-child{grid-column:1/-1}.conversation-head,.forum-compose{padding:24px 20px}.conversation-head h3{font-size:28px}.forum-post{padding:20px 16px;gap:12px;grid-template-columns:32px minmax(0,1fr)}.forum-avatar{width:32px;height:36px;font-size:20px}.forum-post-body header{display:block}.forum-post-body time{display:block;margin-top:5px}.forum-post-body p{font-size:15px}.club-page #pogwall{grid-template-columns:repeat(4,minmax(0,1fr));padding:12px;gap:8px}.pog-card{padding:8px 5px}.pog-card figcaption{font-size:9px}.member-layout,.club-mail-grid{grid-template-columns:1fr;gap:24px}.club-mail-card{padding:24px}.club-mail-grid{padding-top:12px}.member-name{font-size:27px}.pogs-intro{gap:15px}.pog-total{font-size:34px}.club-jump{gap:10px}.club-jump a{font-size:12px;padding:10px}.compose-meta{font-size:10px}.forum-compose .btn{width:100%}.club-page #carte{padding:20px}}

.member-settings #avs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.avatar-choice{min-width:0;background:transparent;border:2px solid transparent;border-radius:12px;padding:5px;cursor:pointer;color:#1d1c22;text-align:center}.avatar-choice img{width:100%;height:auto;display:block;filter:drop-shadow(2px 3px 0 #27242e);transition:transform .15s}.avatar-choice span{display:block;font-size:10px;line-height:1.3;margin-top:7px;min-height:25px}.avatar-choice[aria-pressed=true]{border-color:#d50071;background:#ffe5f2}.avatar-choice[aria-pressed=true] img{transform:rotate(-5deg) scale(.94)}.avatar-choice:hover img{transform:translateY(-3px) rotate(3deg)}.avatar-choice:focus-visible{outline:3px solid #007f94;outline-offset:2px}.member-avatar img{display:block;width:80px;height:80px}.forum-avatar img{display:block;width:48px;height:48px}.member-avatar:has(img),.forum-avatar:has(img){background:transparent;padding:0;border:0;box-shadow:none}.avatar-letter{font:400 28px Anton,sans-serif}@media(max-width:540px){.member-settings #avs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.avatar-choice span{font-size:9px}}@media(prefers-reduced-motion:reduce){.avatar-choice img{transition:none}}

.member-settings #avs .avatar-choice{width:100%;max-width:96px;justify-self:center}.member-settings #avs .avatar-choice img{width:64px;height:64px;max-width:100%;object-fit:contain;margin:0 auto}.forum-avatar img{width:100%;height:100%;object-fit:contain}.member-avatar{flex-shrink:0}.member-settings{min-width:0}@media(max-width:540px){.member-settings #avs .avatar-choice img{width:52px;height:52px}}