/* Splatch! — fiche publique d'un joueur : panneaux crème et bois des autres pages, socle de l'archive « Communauté ». */
.pf-stack{display:grid;gap:18px}
.pf-back{font-weight:700;color:var(--muted)}
.pf-back a{font-weight:800}
.pf-root{display:grid;gap:clamp(16px,2.6vw,24px);min-width:0}
.pf-missing{justify-items:center;text-align:center}
.pf-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px 22px;align-items:center;padding:clamp(18px,3vw,28px);background:linear-gradient(150deg,var(--meadow),var(--cream) 70%);border:4px solid var(--cream-line);border-radius:var(--r);min-width:0}
.pf-avatar{width:clamp(76px,11vw,112px);height:auto;aspect-ratio:1;object-fit:contain;border-radius:26px;background:#fffdf4;border:3px solid var(--cream-line)}
.pf-who{display:grid;gap:4px;min-width:0}
.pf-who h1{font-size:clamp(32px,5vw,52px);color:var(--wood);line-height:1.05;overflow-wrap:break-word} /* A pseudo is cut only if it cannot fit a whole line. */
.board-team{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--brume);border-radius:999px;padding:1px 8px}
.board-team.is-dev{background:linear-gradient(#ffd866,#f5b51c);color:#5a2f12;box-shadow:0 1px 0 #c98f0f}
.pf-who h1 .board-team{font:800 12px var(--body);vertical-align:middle}
.pf-sync{color:var(--muted);font-weight:600}
.pf-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:end}
.pf-status{grid-column:1/-1;font-weight:700;color:var(--leaf)}
.pf-status:empty{display:none}
.pf-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(16px,2.6vw,24px);align-items:start}
.pf-main,.pf-side{display:grid;gap:clamp(16px,2.6vw,24px);min-width:0}
.pf-card{display:grid;gap:12px;padding:clamp(16px,2.6vw,24px);background:var(--cream);border:4px solid var(--cream-line);border-radius:var(--r);min-width:0}
.pf-card h2{font-size:clamp(26px,3.4vw,36px);color:var(--wood)}
.pf-card h3{font:800 16px var(--body);color:var(--leaf-deep);margin-top:4px}
.pf-sub{color:var(--muted);font-weight:700;margin-top:-6px}
.pf-note{color:var(--muted);font-size:14px;font-weight:500}
.pf-carnet dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0;margin:0}
.pf-carnet dt,.pf-carnet dd{padding:9px 0;border-bottom:2px solid var(--cream-line);margin:0}
.pf-carnet dt{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--muted)}
.pf-carnet dt img{width:28px;height:28px;object-fit:contain}
.pf-carnet dd{font:400 22px var(--display);color:var(--wood);text-align:right}
.pf-trophies{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pf-trophies li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:0 10px;align-items:center}
.pf-trophies img{grid-row:span 2;width:40px;height:40px;object-fit:contain}
.pf-trophies b{color:var(--wood-deep)}
.pf-trophies span{font-size:14px;color:var(--muted)}
.pf-pets{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(128px,100%),1fr));gap:12px}
.pf-pet{display:grid;justify-items:center;gap:2px;padding:14px 10px;text-align:center;background:#fffdf4;border:3px solid var(--cream-line);border-radius:18px;font:inherit;color:var(--leaf-deep);cursor:pointer;min-height:44px;min-width:0}
.pf-pet:hover,.pf-pet.is-on{border-color:var(--gold)}
.pf-pet.is-on{background:#fff3c8}
.pf-pet img{width:72px;height:72px;object-fit:contain}
.pf-pet b{font-size:18px;color:var(--wood-deep);overflow-wrap:anywhere}
.pf-pet span{font-size:13px;font-weight:600;color:var(--muted)}
.pf-pet:focus-visible,.pf-slot:focus-visible{outline:4px solid var(--brume);outline-offset:3px}
.pf-champion{background:linear-gradient(180deg,#fffdf4,var(--cream))}
.pf-stage{display:grid;grid-template-columns:96px minmax(0,1fr) 96px;gap:14px;align-items:center}
.pf-slots{display:grid;gap:12px}
.pf-slot{position:relative;display:grid;justify-items:center;gap:2px;padding:8px 6px;background:#f1f7e4;border:3px solid var(--rarity,var(--cream-line));border-radius:16px;font:inherit;cursor:pointer;min-height:88px}
.pf-slot img{width:56px;height:56px;object-fit:contain}
.pf-slot.is-empty{background:repeating-linear-gradient(135deg,#fffdf4 0 8px,#f4ecd6 8px 16px);border-style:dashed}
.pf-slot-empty{display:grid;place-items:center;width:56px;height:56px;font:400 30px var(--display);color:var(--cream-line)}
.pf-slot-label{font-size:12px;font-weight:700;color:var(--muted);line-height:1.2;text-align:center}
.pf-center{position:relative;display:grid;justify-items:center;align-content:end;min-height:240px}
.pf-portrait{position:relative;z-index:1;width:min(70%,240px);height:auto;aspect-ratio:1;object-fit:contain;margin-bottom:-18%;filter:drop-shadow(0 8px 6px rgba(31,61,20,.22))}
.pf-pedestal{width:min(100%,340px);height:auto}
.pf-bonus{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 22px}
.pf-stats{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.pf-stats li{display:flex;justify-content:space-between;gap:12px;padding:6px 10px;background:#fffdf4;border-radius:10px}
.pf-stats span{min-width:0}
.pf-stats b{color:var(--leaf);white-space:nowrap;flex:none} /* « +3,12 % » never leaves its % alone. */
.pf-talent b{color:var(--brume)}
.pf-set{display:grid;gap:2px;margin-bottom:8px}
.pf-set span{font-size:14px;color:var(--muted)}
.pf-set span.is-on{color:var(--leaf);font-weight:700}
.pf-dialog{max-width:min(520px,calc(100vw - 32px));width:100%;border:4px solid var(--wood);border-radius:var(--r);background:var(--cream);color:var(--leaf-deep);padding:clamp(16px,3vw,24px)}
.pf-dialog::backdrop{background:rgba(31,61,20,.55)}
.pf-dialog h2{font-size:clamp(24px,4vw,30px);color:var(--wood)}
.pf-dialog h3{font:800 16px var(--body);margin:14px 0 6px}
.pf-dialog form{margin-top:16px;display:flex;justify-content:end}
.pf-dialog-body{display:grid;gap:6px}
.pf-item-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:center}
.pf-item-head img{width:96px;height:96px;object-fit:contain;background:#f1f7e4;border-radius:18px}
.pf-rarity{justify-self:start;font-weight:800;font-size:14px;color:#fff;background:var(--rarity,#80776C);border-radius:999px;padding:2px 12px}
@media(max-width:900px){.pf-grid{grid-template-columns:minmax(0,1fr)}}
/* Medium widths: the three buttons go under the name instead of squeezing it. */
@media(max-width:1100px){.pf-hero{grid-template-columns:auto minmax(0,1fr)}.pf-actions{grid-column:1/-1;justify-content:start}}
@media(max-width:640px){
  .pf-hero{grid-template-columns:auto minmax(0,1fr)}
  .pf-actions{grid-column:1/-1;justify-content:start}
  .pf-stage{grid-template-columns:minmax(0,1fr)}
  .pf-center{order:-1;min-height:0}
  .pf-slots{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){.pf-pet,.pf-slot{transition:none}}
.pf-item-links{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}
.pf-item-links .pf-status{flex-basis:100%}
.pf-compare{display:grid;gap:10px;margin-top:6px;padding-top:14px;border-top:3px dashed var(--cream-line)}
.pf-compare label{display:grid;gap:6px;font-weight:800;color:var(--wood)}
.pf-compare select{min-height:44px;max-width:360px;padding:6px 12px;font:inherit;border:3px solid var(--cream-line);border-radius:14px;background:#fffdf4}
.pf-compare-table{width:100%;border-collapse:collapse;font-size:15px}
.pf-compare-table th,.pf-compare-table td{padding:6px 8px;text-align:left;border-bottom:2px solid var(--cream-line)}
.pf-compare-table th{font-weight:800;color:var(--wood)}
.pf-compare-slots{margin:0;padding-left:18px;color:var(--muted);font-size:14px}
.pf-buildings{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pf-buildings li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:0 12px;align-items:center}
.pf-buildings img{grid-row:span 2;width:64px;height:64px;object-fit:contain}
.pf-buildings b{color:var(--wood-deep)}
.pf-buildings span{font-size:14px;color:var(--muted)}
.pf-decor{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}
.pf-decor-item{display:grid;justify-items:center;gap:4px;padding:10px 6px;background:#fffdf4;border:3px solid var(--cream-line);border-radius:16px;font:inherit;font-weight:700;color:var(--leaf-deep);cursor:pointer;min-height:44px}
.pf-decor-item:hover,.pf-decor-item.is-on{border-color:var(--gold)}
.pf-decor-item img{width:72px;height:72px;object-fit:contain}
.pf-decor-item:focus-visible{outline:4px solid var(--brume);outline-offset:3px}
.pf-dialog-body>img{justify-self:center;width:120px;height:120px;object-fit:contain}
.pf-title{font-size:clamp(34px,5vw,52px);color:var(--wood)}
.pf-where{margin:0;padding-left:20px;display:grid;gap:8px;font-weight:600}
a.pf-pet,a.pf-decor-item{text-decoration:none}
.pf-decor-item small{font-size:12px;font-weight:600;color:var(--muted)}
.pf-owner{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:#fff4cf;border:3px solid var(--gold);border-radius:16px;padding:10px 14px;font-weight:800;color:var(--wood)}
.pf-owner .btn{font-size:16px;min-height:42px;padding:9px 16px 7px;text-decoration:none}