.screen.coll>.chead,.screen.coll>#cTri{display:none!important}
.kTop{flex:none;margin:4px 14px 10px;display:flex;flex-direction:column;gap:10px;position:relative}
.kStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--ligne);border-radius:16px;background:var(--panneau);padding:12px 4px}
.kStats>div{display:flex;flex-direction:column;align-items:center;gap:5px;padding:0 6px;min-width:0}
.kStats>div+div{border-left:1px solid var(--ligne)}
.kStats b{font:800 25px/1 "GC Etroite","Barlow","Public Sans",sans-serif;color:var(--texte);letter-spacing:.01em;white-space:nowrap}
.kStats b i{font-style:normal;opacity:.45;font-size:.72em}
.kStats span{font:800 9.5px/1 "Barlow","Public Sans",sans-serif;letter-spacing:.09em;color:var(--doux);opacity:.75;text-align:center}
.kStats u{display:block;width:70%;height:4px;border-radius:2px;background:rgba(127,127,127,.28);overflow:hidden;text-decoration:none}
.kStats u s{display:block;height:100%;width:0;border-radius:2px;background:linear-gradient(90deg,#3d8bff,#6fbdff);transition:width .5s ease}
.kBar{display:flex;gap:8px;align-items:stretch}
.kSw{display:flex;padding:3px;gap:3px;border:1px solid var(--ligne);border-radius:12px;background:var(--panneau);flex:1 1 100%;order:-1;width:100%}
.kBar{flex-wrap:wrap}
.kSw button{flex:1 1 0;min-height:36px;border:0;border-radius:9px;background:transparent;color:var(--texte);font:800 13.5px/1 "Barlow","Public Sans",sans-serif;cursor:pointer;transition:background .18s,color .18s}
.kSw button[aria-pressed="true"]{background:var(--bleu);color:#fff}
.kBtn{flex:1 1 0;min-width:0;min-height:42px;padding:0 12px;border:1px solid var(--ligne);border-radius:12px;background:var(--panneau);color:var(--texte);font:800 13px/1 "Barlow","Public Sans",sans-serif;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;position:relative}
.kBtn svg{width:17px;height:17px;flex:none}
.kBtn i{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#ff5a36;color:#fff;font:800 11px/18px "Barlow",sans-serif;font-style:normal;text-align:center}
.kBtn em{font-style:normal;opacity:.7;font-weight:700}
.kBtn[disabled]{opacity:.42;cursor:default}
.kBtn[aria-expanded="true"]{border-color:var(--bleu)}
.kPop{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:60;padding:14px;border-radius:16px;background:var(--panneau);border:1px solid var(--ligne);box-shadow:0 18px 44px rgba(0,0,0,.5)}
.kPop[hidden]{display:none}
.kF{display:flex;flex-direction:column;gap:7px;margin-bottom:13px}
.kF>span{font:800 10px/1 "Barlow",sans-serif;letter-spacing:.09em;color:var(--doux);opacity:.75}
.kSeg{display:flex;flex-wrap:wrap;gap:6px}
.kSeg button{flex:1 1 auto;min-height:36px;padding:0 12px;border:1px solid var(--ligne);border-radius:10px;background:transparent;color:var(--texte);font:800 12.5px/1 "Barlow",sans-serif;cursor:pointer}
.kSeg button[aria-pressed="true"]{background:var(--bleu);border-color:var(--bleu);color:#fff}
.kPop select,.kQ{width:100%;height:42px;padding:0 12px;border:1px solid var(--ligne);border-radius:10px;background:var(--fond);color:var(--texte);font:700 14px "Public Sans","Barlow",sans-serif}
.kAct{display:flex;gap:8px}
.kAct button,.kM button{flex:1;min-height:44px;border-radius:12px;border:1px solid var(--ligne);background:transparent;color:var(--texte);font:800 14px "Barlow",sans-serif;cursor:pointer}
.kAct button.p,.kM button.p{background:var(--bleu);border-color:var(--bleu);color:#fff}
/* albums */
#kAlb{margin:0 14px 24px}
.screen.coll:not(.kAlb) #kAlb,.screen.coll.kDet #kAlb{display:none}
.screen.coll.kAlb>#chips,.screen.coll.kAlb>#rech57,.screen.coll.kAlb>#fColl{display:none!important}
.screen.coll.kAlb #kFilt{display:none}
.screen.coll.kDet>#kTop{display:none}
.screen.coll:not(.kDet)>#kBack{display:none}
.kPills{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:10px 0 0}
.kPills>span{font:800 10px/1 "Barlow",sans-serif;letter-spacing:.09em;color:var(--doux);opacity:.75;margin-right:2px}
.kPills button{min-height:34px;padding:0 10px;border-radius:999px;border:1px solid var(--ligne);background:transparent;color:var(--texte);font:800 12px/1 "Barlow",sans-serif;cursor:pointer;min-width:0;white-space:nowrap}
.kPills button[aria-pressed="true"]{background:var(--bleu);border-color:var(--bleu);color:#fff}
.kCnt{margin:12px 2px 8px;font:700 12px/1 "Public Sans",sans-serif;color:var(--doux);opacity:.8}
#kAlbL{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:8px}
.kTile{display:flex;gap:12px;width:100%;text-align:left;padding:10px;border:1px solid var(--ligne);border-radius:14px;background:var(--panneau);color:var(--texte);cursor:pointer;font-family:inherit;align-items:center}
.kTile:active{transform:scale(.985)}
.kCov{flex:none;width:50px;aspect-ratio:2/3;border-radius:7px;overflow:hidden;background:rgba(127,127,127,.16);display:grid;place-items:center;font:800 18px "Barlow",sans-serif;color:var(--doux)}
.kCov svg{width:100%;height:100%;display:block}
.kInf{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.kInf b{font:800 15.5px/1.1 "Barlow","Public Sans",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kPr{font:700 12px/1 "Public Sans",sans-serif;color:var(--doux);opacity:.85}
.kBr{display:block;height:4px;border-radius:2px;background:rgba(127,127,127,.28);overflow:hidden}
.kBr s{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,#3d8bff,#6fbdff)}
.kRar{display:flex;flex-wrap:wrap;gap:3px 9px;font:800 11px/1 "Barlow","Public Sans",sans-serif}
.kRar em{font-style:normal;color:var(--k)}
.kVide{padding:30px 10px;text-align:center;color:var(--doux);font:700 14px "Public Sans",sans-serif}
.kBack{flex:none;margin:4px 14px 10px;display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--ligne);border-radius:14px;background:var(--panneau)}
.kBack button{min-height:38px;padding:0 14px;border-radius:10px;border:1px solid var(--ligne);background:transparent;color:var(--texte);font:800 13px "Barlow",sans-serif;cursor:pointer}
.kBack b{flex:1;min-width:0;font:800 16px/1.1 "Barlow",sans-serif;color:var(--texte);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kBack span{font:800 13px "Barlow",sans-serif;color:var(--doux)}
/* fenêtre de recyclage */
.kM{position:absolute;inset:0;z-index:2000;display:flex;align-items:flex-end;justify-content:center;background:rgba(2,8,16,.66)}
.kM[hidden]{display:none}
.kM>div{width:min(100%,460px);margin:0 auto;padding:20px 18px calc(20px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;background:var(--panneau);color:var(--texte);border:1px solid var(--ligne);display:flex;flex-direction:column;gap:12px}
html.pc57 .kM{align-items:center}
html.pc57 .kM>div{border-radius:20px}
.kM h3{font:800 20px/1.1 "Barlow",sans-serif}
.kM p{font:600 13.5px/1.4 "Public Sans",sans-serif;color:var(--doux)}
.kL{display:flex;flex-direction:column;gap:6px}
.kL div{display:flex;justify-content:space-between;font:800 13.5px "Barlow",sans-serif;padding:8px 10px;border-radius:10px;border:1px solid var(--ligne)}
.kL div b{color:var(--k)}
.kTot{display:flex;justify-content:space-between;align-items:center;font:800 15px "Barlow",sans-serif}
.kTot svg{width:18px;height:18px;vertical-align:-3px;margin-right:4px;color:#6fbdff}
html.pc57 .kBar{flex-wrap:nowrap}
html.pc57 .kSw{flex:0 0 300px;width:auto;order:0}
html.pc57 .kBtn{flex:0 0 auto;padding:0 20px}



.kStats b{font-size:23px}
.kStats span{font-size:9px;letter-spacing:.07em}
@media (min-width:1024px){
html.pc57 .screen.coll>.kTop,html.pc57 .screen.coll>.kBack,html.pc57 .screen.coll>#kAlb{width:calc(100% - clamp(48px,6.4vw,144px));max-width:none;margin-left:auto;margin-right:auto;box-sizing:border-box}
html.pc57 .kStats b{font-size:30px}
html.pc57 .kStats span{font-size:11px}
}

.kSw button{display:flex;align-items:center;justify-content:center;gap:7px}
.kSw button svg{width:17px;height:17px;flex:none;display:block}
.kSw button span{display:block}