/* V28.39 — Progression contrôlée des jeux dans Collection / Profil / Fiches. */
.gs-collection-progress-card{position:relative;overflow:hidden;background:radial-gradient(circle at 0 0,rgba(196,18,48,.18),transparent 37%),linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),#101010;border-color:rgba(196,18,48,.28)}
.gs-collection-progress-card:after{content:"";position:absolute;inset:auto -10% -60px 42%;height:130px;pointer-events:none;background:radial-gradient(ellipse,rgba(196,18,48,.16),transparent 68%);filter:blur(10px)}
.gs-collection-progress-head{position:relative;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}
.gs-collection-progress-head>div>span{display:block;margin-bottom:6px;color:#ff8496;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.gs-collection-progress-head h2{margin:0;color:#fff;font-family:'Bebas Neue',Impact,'Arial Narrow',sans-serif;font-size:clamp(31px,4vw,48px);font-weight:400;letter-spacing:.02em;line-height:.92;text-transform:uppercase}
.gs-collection-progress-head p{max-width:440px;margin:0;color:rgba(255,255,255,.62);font-size:13px;line-height:1.5}
.gs-collection-progress-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.gs-collection-progress-grid>div{min-height:102px;padding:17px 15px;border:1px solid rgba(255,255,255,.095);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.018));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.gs-collection-progress-grid strong{display:block;color:#fff;font-family:'Bebas Neue',Impact,'Arial Narrow',sans-serif;font-size:clamp(38px,5vw,56px);font-weight:400;letter-spacing:.01em;line-height:.88}
.gs-collection-progress-grid span{display:block;margin-top:10px;color:rgba(255,255,255,.68);font-size:11px;font-weight:850;line-height:1.25;text-transform:uppercase;letter-spacing:.055em}
.gs-collection-progress-note{position:relative;z-index:1;margin:15px 0 0;color:rgba(255,255,255,.55);font-size:12px;line-height:1.45}
.gs-collection-progress-badge{display:inline-flex;align-items:center;min-height:24px;margin-top:9px;padding:0 9px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#d5d5d5;background:rgba(255,255,255,.05);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.gs-collection-progress-badge.is-todo{color:#d7d7d7;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.055)}
.gs-collection-progress-badge.is-playing{color:#D0DEE8;border-color:rgba(82,116,150,.34);background:rgba(82,116,150,.10)}
.gs-collection-progress-badge.is-completed{color:#c9ffd4;border-color:rgba(87,210,126,.34);background:rgba(87,210,126,.10)}
.gs-collection-progress-badge.is-hundred{color:#ffe2a5;border-color:rgba(212,175,55,.38);background:rgba(212,175,55,.11)}
.gs-collection-progress-badge.is-abandoned{color:#ffd5a2;border-color:rgba(255,143,45,.34);background:rgba(255,143,45,.10)}
.gs-collection-progress-badge.is-sold{color:#ffbdc4;border-color:rgba(196,18,48,.42);background:rgba(196,18,48,.11)}
.gs-item-progress-sold{opacity:.72}
.gs-collection-progress-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:0 14px 10px;margin:0}
.gs-collection-progress-select{width:100%;min-width:0;min-height:38px;padding:0 10px;border:1px solid rgba(255,255,255,.13);border-radius:10px;color:#f3f3f3;background:#171717;font:700 12px Outfit,'Segoe UI',system-ui,sans-serif}
.gs-collection-progress-form button{min-height:38px;padding:0 10px;border:1px solid rgba(196,18,48,.48);border-radius:10px;color:#fff;background:rgba(196,18,48,.18);font:850 11px Outfit,'Segoe UI',system-ui,sans-serif;cursor:pointer;white-space:nowrap;transition:background .18s ease,transform .18s ease}
.gs-collection-progress-form button:hover{transform:translateY(-1px);background:rgba(196,18,48,.34)}
.gs-collection-remove-form{margin:0}
.gs-collection-add-form .gs-collection-progress-select{min-width:160px}
@media(max-width:760px){.gs-collection-progress-head{align-items:flex-start;flex-direction:column;gap:9px}.gs-collection-progress-head p{max-width:none}.gs-collection-progress-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gs-collection-progress-grid>div{min-height:92px;padding:14px}.gs-collection-progress-grid strong{font-size:44px}.gs-collection-progress-grid span{margin-top:8px;font-size:10px}.gs-collection-progress-form{padding-bottom:9px}}
@media(max-width:420px){.gs-collection-progress-form{grid-template-columns:1fr}.gs-collection-progress-form button{width:100%}}

/* ===== V30.6 — Ma Collection : moins de texte, plus de visuel (mobile first) ===== */
/* Progression : anneau + barre segmentée + chips */
.gs-colprog{position:relative;z-index:1;display:flex;gap:22px;align-items:center}
.gs-colprog-ring{position:relative;flex:0 0 auto;width:118px;height:118px}
.gs-colprog-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.gs-colprog-ring-bg{fill:none;stroke:rgba(255,255,255,.08);stroke-width:8}
.gs-colprog-ring-val{fill:none;stroke:#ff5165;stroke-width:8;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(196,18,48,.55));animation:gsColRing 1s cubic-bezier(.22,1,.36,1) .15s both}
@keyframes gsColRing{from{stroke-dashoffset:213.63}}
.gs-colprog-ring-num{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.gs-colprog-ring-num b{color:#fff;font-family:'Bebas Neue',Impact,'Arial Narrow',sans-serif;font-size:32px;font-weight:400;line-height:.9}
.gs-colprog-ring-num span{margin-top:2px;color:rgba(255,255,255,.55);font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.gs-colprog-main{flex:1;min-width:0}
.gs-colprog-total{margin:0 0 10px;color:rgba(255,255,255,.72);font-size:13px}
.gs-colprog-total b{color:#fff;font-family:'Bebas Neue',Impact,'Arial Narrow',sans-serif;font-size:26px;font-weight:400;margin-right:6px;vertical-align:-2px}
.gs-colprog-bar{display:flex;height:12px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.06);transform-origin:left;animation:gsColBar .9s cubic-bezier(.22,1,.36,1) .1s both}
@keyframes gsColBar{from{transform:scaleX(0)}}
.gs-colprog-bar i{display:block;height:100%}
.gs-colprog-bar .is-playing{background:linear-gradient(180deg,#7cc4ff,#7E9FBC)}
.gs-colprog-bar .is-finished{background:linear-gradient(180deg,#6fe093,#57d27e)}
.gs-colprog-bar .is-hundred{background:linear-gradient(180deg,#e9c458,#d4af37)}
.gs-colprog-bar .is-todo{background:rgba(255,255,255,.18)}
.gs-colprog-chips{display:flex;flex-wrap:wrap;gap:7px 14px;margin-top:11px}
.gs-colprog-chips span{display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,.78);font-size:12px;font-weight:700}
.gs-colprog-chips i{width:9px;height:9px;border-radius:3px;flex:0 0 auto}
.gs-colprog-chips .is-playing i{background:#7E9FBC;box-shadow:0 0 8px rgba(82,116,150,.5)}
.gs-colprog-chips .is-finished i{background:#57d27e;box-shadow:0 0 8px rgba(87,210,126,.5)}
.gs-colprog-chips .is-hundred i{background:#d4af37;box-shadow:0 0 8px rgba(212,175,55,.5)}
.gs-colprog-chips .is-todo i{background:rgba(255,255,255,.35)}
.gs-colprog-sub{margin:9px 0 0;color:rgba(255,255,255,.42);font-size:11.5px}
.gs-colprog-empty{position:relative;z-index:1;margin:0;color:rgba(255,255,255,.62);font-size:13px}
.gs-colprog-empty a{color:#ff7784;text-decoration:none;font-weight:800}
.gs-colprog-empty a:hover{color:#fff}
/* Compteurs dans les titres de sections */
.gs-collection-count{display:inline-grid;place-items:center;min-width:26px;height:24px;margin-left:10px;padding:0 8px;border:1px solid rgba(196,18,48,.42);border-radius:999px;color:#ffd9df;background:rgba(196,18,48,.14);font:850 12px Outfit,'Segoe UI',system-ui,sans-serif;font-style:normal;letter-spacing:.02em;vertical-align:5px}
/* États vides courts */
.gs-collection-page .gs-collection-empty{margin:0;padding:14px;border:1px dashed rgba(255,255,255,.13);border-radius:14px;background:rgba(0,0,0,.18);color:rgba(255,255,255,.6);font-size:12.5px}
.gs-collection-page .gs-collection-empty a{color:#ff7784;text-decoration:none;font-weight:800}
/* Année en chip + meta épurée */
.gs-collection-page .gs-collection-year{display:inline-block;margin-left:7px;padding:1px 7px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.05);color:#cfcfcf;font:800 10.5px Outfit,'Segoe UI',system-ui,sans-serif;font-style:normal;letter-spacing:.03em;vertical-align:1px}
/* Bouton retirer : croix discrète en haut à droite */
.gs-collection-page .gs-item-card{position:relative}
.gs-collection-page .gs-collection-remove-form{position:absolute;top:9px;right:9px;z-index:4;margin:0}
.gs-collection-page .gs-collection-remove-btn{display:grid;place-items:center;width:27px;height:27px;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:rgba(8,8,10,.62);color:rgba(255,255,255,.72);font-size:12px;line-height:1;cursor:pointer;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:color .15s,border-color .15s,background .15s}
.gs-collection-page .gs-collection-remove-btn:hover{color:#fff;border-color:rgba(196,18,48,.65);background:rgba(196,18,48,.3)}
/* Auto-save : le bouton Mettre à jour disparaît quand le JS gère */
.gs-collection-page .gs-collection-progress-form.js-auto{grid-template-columns:1fr}
.gs-collection-page .gs-collection-progress-form.js-auto button[type="submit"]{display:none}
/* Lien copié */
.gs-collection-copylink.is-copied{color:#c9ffd4!important;border-color:rgba(87,210,126,.55)!important}
/* Mobile : cartes compactes en rangées (fini les tours qui s'empilent) */
@media(max-width:700px){
 .gs-collection-page .gs-item-grid{display:flex;flex-direction:column;gap:10px}
 .gs-collection-page .gs-item-card{display:grid;grid-template-columns:64px minmax(0,1fr);gap:0 12px;align-items:center;padding:10px 12px}
 .gs-collection-page .gs-item-card>a{display:contents}
 .gs-collection-page .gs-item-card>a>img{width:64px;height:64px;object-fit:cover;border-radius:12px;margin:0}
 .gs-collection-page .gs-item-card.no-image>a>div{grid-column:1/-1}
 .gs-collection-page .gs-item-card>a>div{min-width:0;padding:0}
 .gs-collection-page .gs-item-card h3{margin:3px 0 2px;font-size:14px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .gs-collection-page .gs-item-card .gs-pill{font-size:9px;padding:2px 7px}
 .gs-collection-page .gs-collection-meta{margin:0;font-size:11px}
 .gs-collection-page .gs-collection-progress-badge{margin-top:6px;min-height:20px;font-size:9px}
 .gs-collection-page .gs-collection-progress-form{grid-column:1/-1;padding:10px 0 0;margin-top:9px;border-top:1px solid rgba(255,255,255,.07)}
 .gs-collection-page .gs-collection-remove-form{top:7px;right:7px}
 .gs-colprog{flex-direction:row;gap:16px}
 .gs-colprog-ring{width:96px;height:96px}
 .gs-colprog-ring-num b{font-size:26px}
 .gs-colprog-total{margin-bottom:8px}
 .gs-colprog-chips{gap:6px 12px}
 .gs-colprog-chips span{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.gs-colprog-ring-val,.gs-colprog-bar{animation:none}}