/* Mur cree avec Image Gen ; pochettes, disque et adhesifs interactifs en HTML/CSS. */
.pv-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pv-showcase{margin:0 0 34px}
.pv-board{
 --pv-wall-shade:#10151e52;
 position:relative;isolation:isolate;padding:22px 27px 30px;min-height:180px;overflow:hidden;
 border:1px solid #403735;border-radius:16px;background-color:#51392f;
 background-image:linear-gradient(180deg,var(--pv-wall-shade),#10151b14 45%,#0d121d66),url('textures/profil-mur-briques-street-v1.jpg');
 background-position:center;background-size:cover;background-repeat:no-repeat;
 box-shadow:inset 0 1px 0 #e8d0b51a,inset 0 0 35px #0c11172e,0 10px 24px -17px #111a2a99
}
.pv-board-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 25px;padding:0 0 12px;border-bottom:1px solid #e6ded221;color:#fff8ef}
.pv-board-hint{display:flex;align-items:center;gap:6px;font:550 9px/1.6 'Montserrat',sans-serif;color:#fff7eceb;text-shadow:0 1px 3px #10151bb3}
.pv-filters{display:flex;gap:3px}.pv-filters button{border:1px solid #fff0df24;border-radius:6px;padding:5px 8px;background:#171b224d;color:#fff6e9;font:600 9px/1.5 'Montserrat',sans-serif!important;text-shadow:0 1px 2px #10151b99;transition:background .16s,border-color .16s}.pv-filters button:hover{background:#f7eadb24;border-color:#fff1df66}.pv-filters button:focus-visible{outline:3px solid #d9eafb;outline-offset:3px}.pv-filters button.on{background:#f8f0df;color:#413b34;border-color:#fff3db;text-shadow:none;box-shadow:0 2px 7px #111a2a40}
.pv-objects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 29px;align-items:start;padding:6px 10px 3px}
.pv-object{position:relative;display:flex;align-items:stretch;flex-direction:column;border:0;padding:9px 9px 12px;background:#f5f0e7;color:#302b27;min-width:0;text-align:left;box-shadow:1px 6px 9px #25160944,0 1px 1px #fff5;transform:rotate(-2deg);transition:transform .2s,box-shadow .2s;cursor:zoom-in;border-radius:1px}
.pv-object:nth-child(3n+2){transform:rotate(2deg) translateY(7px)}.pv-object:nth-child(3n){transform:rotate(-1deg)}.pv-object:hover{transform:rotate(0) translateY(-4px) scale(1.035);box-shadow:0 13px 20px #24120866;z-index:2}.pv-object:focus-visible{outline:3px solid #b9e1ff;outline-offset:5px;transform:rotate(0) scale(1.02)}
.pv-tape{position:absolute;z-index:3;top:-11px;left:calc(50% - 23px);width:46px;height:22px;background:linear-gradient(90deg,#ead8b9bf,#fff2d5b3 40%,#d6c19aa8);box-shadow:0 1px 1px #2e1a0933;transform:rotate(-6deg);border-left:2px dotted #b5a08055;border-right:2px dotted #b5a08055;pointer-events:none}
.pv-object:nth-child(2n) .pv-tape{transform:rotate(6deg)}
.pv-object-art{position:relative;width:100%;aspect-ratio:1;isolation:isolate;display:grid;place-items:center;padding-right:12%}
.pv-object-art.poster{aspect-ratio:1;padding:0}.pv-sleeve{position:relative;z-index:1;width:100%;height:100%;background:#26374a;box-shadow:1px 2px 4px #0004;overflow:hidden}
.pv-sleeve>img{width:100%;height:100%;display:block;object-fit:cover}.poster .pv-sleeve>img{object-fit:contain;background:#e9e4db}
.pv-vinyl{position:absolute;right:-1%;top:4%;width:90%;height:90%;border-radius:50%;background:repeating-radial-gradient(circle,#101115 0 2px,#26282c 3px,#101115 4px 5px);box-shadow:2px 3px 5px #20150d7d;z-index:0;display:grid;place-items:center}.pv-vinyl::after{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 30deg,transparent,#ffffff18,transparent 35%,#ffffff0d,transparent 70%)}.pv-vinyl>i{height:32%;width:32%;border-radius:50%;background:#b7603d;border:5px solid #28201d;display:grid;place-items:center}.pv-vinyl>i::after{content:'';width:4px;height:4px;border-radius:50%;background:#e8d8bc}
.pv-cover-type{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;padding:14px;background:linear-gradient(145deg,#192937,#36546a);color:#fff1cf;text-align:left}.poster .pv-cover-type{background:linear-gradient(160deg,#f4e6c7,#deca9b);color:#443423}.pv-cover-type>span{font:750 6px/1.5 'Montserrat',sans-serif;letter-spacing:.1em;text-transform:uppercase}.pv-cover-type>strong{font:400 clamp(15px,2.1vw,24px)/1.05 'Pricedown','Space Grotesk',sans-serif;overflow-wrap:anywhere;letter-spacing:.015em}.pv-cover-type>svg{opacity:.65}
.pv-object-caption{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:12px 2px 0}.pv-object-caption>strong{font:650 14px/1.3 'Space Grotesk',sans-serif;color:#2e2b27;letter-spacing:-.025em;overflow-wrap:anywhere}.pv-object-caption>small{font:500 8px/1.5 'Montserrat',sans-serif;color:#80705e;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pv-state{display:inline-flex;align-items:center;gap:4px;padding:3px 5px;font:650 7px/1.5 'Montserrat',sans-serif;background:#e5eadd;color:#466239;border-radius:4px;border:1px solid #cbd4c2;margin-top:3px}.pv-state.chosen{background:#efe2c8;color:#81612d;border-color:#dfcda8}.pv-state.game{background:#e6dff0;color:#6b4a8e;border-color:#d1c0e3}.pv-expand{position:absolute;bottom:12px;right:10px;color:#927e63;opacity:.65}
.pv-blank-note{position:relative;width:min(280px,90%);min-height:140px;margin:26px auto 12px;padding:28px 24px 24px;background:#f4eddb;color:#78654b;transform:rotate(-2deg);box-shadow:2px 6px 9px #25160944}.pv-blank-note p{font:500 11px/1.9 'Montserrat',sans-serif;margin:12px 0 0}.pv-board-empty{grid-column:1/-1;font:11px/1.8 'Montserrat',sans-serif;color:#f1e2cf;padding:20px;text-align:center}.pv-board-empty button{display:block;margin:12px auto;border:1px solid #f3e3ca66;border-radius:6px;background:#3e271d44;color:inherit;padding:7px 11px}.pv-more{display:block;margin:24px auto 0;padding:7px 12px;background:#f4ebdc;color:#634a31;border:0;border-radius:4px;font:600 9px/1.5 'Montserrat',sans-serif!important;box-shadow:0 3px 6px #1d100d30}
#overlay:has(.pv-focus-modal) .scrim{background:#080d16b5;backdrop-filter:blur(9px)}
.modal.pv-focus-modal{width:min(940px,100%);max-height:calc(100dvh - 40px);background:var(--card);border:1px solid var(--line);border-radius:19px;overflow:auto}
.pv-focus{position:relative;outline:none;padding:36px;animation:pv-focus-in .28s cubic-bezier(.2,.7,.2,1)}.pv-focus *{box-sizing:border-box}.pv-focus-close{position:absolute;z-index:5;top:12px;right:12px;display:grid;place-items:center;width:33px;height:33px;border:1px solid var(--line);border-radius:50%;background:var(--card);color:var(--ink3)}
.pv-focus-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:32px;align-items:start}.pv-focus-art{position:sticky;top:0;padding:25px 0 0}.pv-focus-art .pv-object-art{width:100%;aspect-ratio:1;transform:rotate(-3deg)}.pv-focus-art .pv-object-art.poster{transform:rotate(-2deg)}.pv-focus-art .pv-sleeve{box-shadow:0 12px 27px #10151e33}.pv-focus-art .pv-cover-type{padding:24px;gap:17px}.pv-focus-art .pv-cover-type>strong{font-size:36px}.pv-focus-art .pv-cover-type>span{font-size:9px}.pv-focus-label{display:block;margin-top:25px;color:var(--ink3);font:650 9px/1.5 'Montserrat',sans-serif;letter-spacing:.1em;text-align:center;text-transform:uppercase}
.pv-focus-main{min-width:0}.pv-focus-kicker{font:650 8px/1.7 'Montserrat',sans-serif;letter-spacing:.13em;color:var(--ink3)}.pv-focus-main h2{font:650 clamp(25px,3.5vw,36px)/1.16 'Space Grotesk',sans-serif;letter-spacing:-.045em;margin:10px 0 7px;color:var(--ink);overflow-wrap:anywhere}.pv-focus-artist{font:11px/1.7 'Montserrat',sans-serif;color:var(--ink3);margin:0 0 17px}.pv-focus-credits{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:15px 0 22px}.pv-focus-credits>span:not(.pv-state){display:flex;align-items:center;gap:5px;background:var(--paper);border:1px solid var(--line);color:var(--ink2);padding:4px 7px;border-radius:5px;font:550 8px/1.6 'Montserrat',sans-serif}.pv-focus-credits .pv-state{margin:0;font-size:8px}
.pv-listening{border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:14px;margin-bottom:12px}.pv-source-tabs{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:0 0 13px}.pv-source-tabs>button{border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink3);padding:5px 8px;font:600 9px/1.5 'Montserrat',sans-serif!important}.pv-source-tabs>button.on{background:var(--brand-s);border-color:var(--brand-t);color:var(--brand-t)}.pv-listening blockquote{font:500 16px/1.6 'Space Grotesk',sans-serif;color:var(--ink);margin:0 0 14px;overflow-wrap:anywhere}.pv-listen-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pv-focus-play{display:flex;align-items:center;gap:7px;padding:9px 13px;background:var(--brand);color:#fff;border:0;border-radius:8px;font:650 11px/1.5 'Montserrat',sans-serif!important}.pv-listen-line>span{font:500 8px/1.5 'Montserrat',sans-serif;color:var(--ink3)}.pv-listening audio{display:block;width:100%;height:34px;margin-top:13px;max-width:100%;border-radius:8px}.pv-audio-error{font:10px/1.7 'Montserrat',sans-serif;color:var(--red);margin:10px 0 0}.pv-preparing{font:11px/1.9 'Montserrat',sans-serif;color:var(--ink3);margin:0}
.pv-text-action{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:none;color:var(--ink3);font:550 9px/1.6 'Montserrat',sans-serif!important}.pv-text-action:hover{color:var(--brand-t)}
.pv-social{border-top:1px solid var(--line);margin-top:22px;padding-top:17px}.pv-reactions{display:flex;align-items:center;gap:6px}.pv-reactions>button{display:flex;align-items:center;gap:5px;min-width:35px;min-height:30px;padding:5px 7px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink3)}.pv-reactions>button.on{background:var(--brand-s);border-color:var(--brand-t);color:var(--brand-t)}.pv-reactions b{font:650 9px/1 'Montserrat',sans-serif}.pv-reactions>span{margin-left:auto;font:500 8px/1.5 'Montserrat',sans-serif;color:var(--ink3)}.pv-social h4{font:650 18px/1.5 'Space Grotesk',sans-serif;letter-spacing:-.025em;color:var(--ink);margin:17px 0 12px}.pv-small{font:10px/1.8 'Montserrat',sans-serif;color:var(--ink3);margin:8px 0}.pv-social-error{font:10px/1.8 'Montserrat',sans-serif;color:var(--red);margin:10px 0}
.pv-comments{max-height:300px;overflow-y:auto;overscroll-behavior:contain;margin:10px 0 14px}.pv-comment{display:flex;align-items:flex-start;gap:8px;margin:12px 0}.pv-comment>.avatar{flex:none}.pv-comment>div{flex:1;min-width:0;padding:9px 10px;border-radius:8px;background:var(--paper)}.pv-comment header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pv-comment header>button{border:0;background:none;padding:0;color:var(--ink);font:650 9px/1.5 'Montserrat',sans-serif!important}.pv-comment time{font:500 7px/1.5 'Montserrat',sans-serif;color:var(--ink3)}.pv-comment p{font:11px/1.8 'Montserrat',sans-serif;color:var(--ink2);margin:5px 0;overflow-wrap:anywhere}.pv-comment .pv-text-action{font-size:8px!important;margin-top:5px}
.pv-comment-form{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end}.pv-comment-form textarea{width:100%;resize:vertical;min-height:60px;max-height:160px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:10px;font:11px/1.8 'Montserrat',sans-serif}.pv-comment-form>button{display:flex;align-items:center;gap:6px;border:0;border-radius:7px;padding:7px 11px;background:var(--brand);color:#fff;font:650 10px/1.6 'Montserrat',sans-serif!important}.pv-focus button:disabled{opacity:.5;cursor:default}.pv-focus button:focus-visible,.pv-focus textarea:focus-visible{outline:3px solid var(--brand-t);outline-offset:3px}
@keyframes pv-focus-in{from{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
html[data-skin=anthracite] .pv-board,html[data-skin=noir] .pv-board{--pv-wall-shade:#10151e85;border-color:#363339}
@media(max-width:680px){.pv-board{padding:18px 15px 24px}.pv-board-top{gap:7px;margin-bottom:21px}.pv-board-hint{font-size:8px}.pv-filters button{font-size:8px!important;padding:5px 7px}.pv-objects{grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 21px;padding:5px 5px}.pv-object-caption>strong{font-size:14px}.pv-object{padding:8px 8px 11px}.pv-object-art{aspect-ratio:1}.pv-expand{display:none}.pv-focus{padding:30px 20px 23px}.pv-focus-layout{grid-template-columns:minmax(0,1fr);gap:25px}.pv-focus-art{position:relative;padding:0;width:180px;max-width:60%;margin:0 auto}.pv-focus-label{font-size:7px;margin-top:16px}.pv-focus-art .pv-cover-type>strong{font-size:25px}.pv-focus-art .pv-cover-type{padding:15px;gap:10px}.pv-focus-art .pv-cover-type>span{font-size:6px}.pv-focus-main h2{font-size:29px}.pv-focus-credits{margin-top:12px}.modal.pv-focus-modal{max-height:calc(100dvh - 26px);border-radius:16px}}
@media(prefers-reduced-motion:reduce){.pv-focus{animation:none}.pv-object{transition:none}.pv-object:hover{transform:rotate(0)}.pv-comments{scroll-behavior:auto}}