@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#061725;--blue:#103047;--light:#f4f7fb;--muted:#a6bfce;--line:#42627780;--common:#46c99d;--rare:#f05caa;--legendary:#e5bc6d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#061725;color:var(--light);font:13px/1.55 Inter,Arial,sans-serif;margin:0;min-width:300px;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #a9d4ea;outline-offset:3px}
.pd-lines{pointer-events:none;position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 45% 13%,#15445c73,transparent 52%),radial-gradient(ellipse at 100% 100%,#082a3b9a,transparent 53%),linear-gradient(170deg,#071a29,#061624 65%,#04111c)}
.pd-lines:before{content:"";position:absolute;inset:0;opacity:.23;background:repeating-radial-gradient(ellipse 720px 330px at 40% -120px,transparent 0 138px,#55798c3c 139px 140px,transparent 141px 275px)}
.pd-nav{max-width:1750px;margin:auto;padding:20px clamp(20px,4vw,70px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c5d9e215;gap:12px}
.pd-logo{font:900 27px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.07em}.pd-nav-center,.pd-back{font-size:10px;letter-spacing:.19em;color:#b8ccda;font-weight:600}.pd-back:hover{color:white}.pd-back span{font-size:15px}
.pd-main{max-width:1760px;margin:auto;padding:0 clamp(15px,3.5vw,58px)}.pd-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;padding:34px 0 21px}
.pd-kicker{letter-spacing:.36em;font-size:10px;font-weight:700;color:#bacfde}.pd-intro h1{font:900 clamp(62px,7.4vw,126px)/.82 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.02em;margin:12px 0 16px}.pd-rule{height:2px;width:92px;background:linear-gradient(90deg,#fff,#8fbacf00)}.pd-intro p{max-width:385px;margin:0 0 10px;line-height:1.9;color:#bfcedb;font-size:13px}
.pd-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.pd-filters{display:flex;align-items:center;gap:4px;border:1px solid #52738a8c;border-radius:40px;padding:5px;background:#061a29bd;flex-wrap:wrap}.pd-filters button{padding:11px 17px;border:0;border-radius:28px;background:transparent;letter-spacing:.11em;font-size:10px;font-weight:800;white-space:nowrap;color:#c2d2df;transition:.2s}.pd-filters button.is-active{color:#0d2334;background:#f2f6fa;box-shadow:0 2px 11px #bedef53b}.pd-filters button:not(.is-active):hover{background:#13354b}.pd-filter-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.pd-filter-dot.common{background:var(--common)}.pd-filter-dot.rare{background:var(--rare)}.pd-filter-dot.legendary{background:var(--legendary)}
.pd-search{min-width:240px;max-width:440px;width:36%;border:1px solid #426177;background:#071b2bb5;border-radius:28px;padding:0 17px;display:flex;gap:11px;align-items:center}.pd-search svg{flex:none;width:17px;height:17px;stroke:#a0b8c8;stroke-width:1.6;fill:none}.pd-search input{min-width:0;background:transparent;color:white;border:0;outline:0!important;font-size:12px;width:100%;padding:14px 0}.pd-search input::placeholder{color:#789bae}
.pd-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,330px);align-items:stretch;gap:18px}.pd-album{min-width:0;display:flex;flex-direction:column}.pd-book{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);background:#0a1722;min-height:535px;padding:12px;border:1px solid #5b79917a;border-radius:18px;box-shadow:0 27px 67px #0009,0 3px 10px #061421, inset 0 0 0 4px #172b3c;perspective:1400px;isolation:isolate}
.pd-book:before{content:"";position:absolute;inset:6px;border:1px solid #d5e5f023;border-radius:13px;pointer-events:none;z-index:6}.pd-leaf{background:linear-gradient(110deg,#0b1f30,#081624 80%);border:1px solid #42657b80;position:relative;min-width:0;padding:18px 13px;box-shadow:inset 0 0 35px #0005;overflow:hidden}.pd-leaf-left{border-radius:9px 0 0 9px;box-shadow:inset -15px 0 25px #01080f7a}.pd-leaf-right{border-radius:0 9px 9px 0;box-shadow:inset 15px 0 25px #01080f7a}.pd-leaf:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.13;background:repeating-linear-gradient(40deg,transparent 0 43px,#badbef16 44px 45px)}.pd-spine{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;background:linear-gradient(90deg,#020a12,#31485a 43%,#070e18 80%);position:relative;z-index:4}.pd-ring{width:33px;height:17px;border:4px solid #8295a3;outline:1px solid #000;border-radius:50%;background:linear-gradient(90deg,#17283a,#e7e7e2 44%,#243e52 90%);box-shadow:0 2px 7px #000b}
.pd-slot-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;height:100%}.pd-slot-empty{border:1px dashed #46627a62;border-radius:7px;display:grid;place-items:center;color:#496b80;min-height:205px;font:700 10px Inter,sans-serif;letter-spacing:.18em}.pd-slot-empty span{opacity:.6}.pd-card{--rarity:var(--common);--rarity-glow:#3dd7a534;width:100%;height:100%;min-height:205px;padding:5px;position:relative;display:block;border:1px solid var(--rarity);border-radius:8px;color:#f5f7fb;background:linear-gradient(120deg,var(--rarity-glow),#07131e 34%);box-shadow:0 0 9px var(--rarity-glow),inset 0 0 0 2px #0006;overflow:hidden;transition:transform .2s,box-shadow .2s;text-align:left;isolation:isolate}.pd-card:hover,.pd-card.is-selected{transform:translateY(-2px);box-shadow:0 0 23px var(--rarity-glow),inset 0 0 0 1px var(--rarity)}.pd-card.rarity-rare{--rarity:var(--rare);--rarity-glow:#e93d9b38}.pd-card.rarity-legendaire{--rarity:var(--legendary);--rarity-glow:#e4ad5637}
.pd-card-photo{position:absolute;inset:5px 5px 0;overflow:hidden;background:radial-gradient(ellipse at 50% 20%,#25485d,#07131e 71%);border-radius:5px}.pd-card-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.88);transition:transform .35s}.pd-card:hover .pd-card-photo img{transform:scale(1.06)}.pd-card-photo:not(:has(img)):before{content:"◉";position:absolute;inset:0;display:grid;place-items:center;font:500 47px Inter,sans-serif;color:#81b1c24a}.pd-card-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#06111b55,transparent 26%,transparent 39%,#020a11fa 100%)}
.pd-card-index,.pd-card-rank,.pd-card-meta{position:absolute;z-index:2}.pd-card-index{top:14px;left:15px;font-size:10px;letter-spacing:.06em;color:#fff;font-weight:700}.pd-card-rank{top:13px;right:13px;font-size:11px;color:var(--rarity)}.pd-card-meta{bottom:12px;left:13px;right:10px;display:grid;gap:2px;max-width:calc(100% - 25px)}.pd-card-meta strong{font:800 clamp(14px,1.2vw,20px)/.95 'Barlow Condensed',Impact,sans-serif;letter-spacing:.04em;max-width:100%;overflow-wrap:anywhere}.pd-card-meta small{font-size:8px;letter-spacing:.15em;color:#bfd7e5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-card .pd-corner{position:absolute;width:16px;height:16px;border:1px solid var(--rarity);opacity:.7;top:7px;left:7px;border-right:0;border-bottom:0;z-index:1}.pd-book.empty .pd-leaf{min-height:510px}
.pd-turn-layer{position:absolute;z-index:7;top:12px;bottom:12px;width:calc((100% - 46px)/2);pointer-events:none;transform-style:preserve-3d;backface-visibility:hidden;transition:transform .52s cubic-bezier(.45,.1,.2,1)}.pd-turn-layer.next{right:12px;transform-origin:left center}.pd-turn-layer.previous{left:12px;transform-origin:right center}.pd-turn-layer.go.next{transform:rotateY(-179deg)}.pd-turn-layer.go.previous{transform:rotateY(179deg)}.pd-turn-layer .pd-leaf{height:100%;padding-top:18px}.pd-turn-layer .pd-card{pointer-events:none}
.pd-page-controls{display:flex;align-items:center;justify-content:center;gap:19px;margin:17px 0 6px}.pd-page-controls button{width:37px;height:37px;border:1px solid #7394aa80;border-radius:50%;background:transparent;display:grid;place-items:center;font-size:20px}.pd-page-controls button:hover:not(:disabled){background:#eff7fd;color:#092238}.pd-page-controls button:disabled{opacity:.25;cursor:default}.pd-page-controls span{font-weight:700;letter-spacing:.18em;font-size:10px;min-width:60px;text-align:center}.pd-book-caption{text-align:center;color:#93adbe;font-size:9px;letter-spacing:.13em;margin:12px 0 22px}.pd-book-caption span{color:#dbeef5}
.pd-detail{min-width:0;min-height:535px;border:1px solid #5a798e90;border-radius:13px;background:linear-gradient(145deg,#0e2a40,#071a2a 53%,#061421);padding:19px;display:flex;flex-direction:column;overflow:hidden}.pd-detail-tagline{display:flex;align-items:center;justify-content:space-between;color:#a5bac9;font-size:9px;letter-spacing:.19em;margin-bottom:14px}.pd-detail-card{--rarity:var(--common);--rarity-glow:#42c89b3d;width:min(222px,94%);height:290px;align-self:center;margin:0 auto 15px;box-shadow:0 0 24px var(--rarity-glow)}.pd-detail-card.rarity-rare{--rarity:var(--rare);--rarity-glow:#eb55953f}.pd-detail-card.rarity-legendaire{--rarity:var(--legendary);--rarity-glow:#e9bb6943}.pd-detail-card .pd-card-meta strong{font-size:24px}.pd-detail-card .pd-card-meta small{font-size:9px}.pd-detail-body h2{font:900 33px/.98 'Barlow Condensed',Impact,sans-serif;letter-spacing:.015em;margin:8px 0}.pd-detail-line{display:flex;align-items:center;justify-content:space-between;gap:5px}.pd-chip{padding:5px 9px;border-radius:15px;border:1px solid currentColor;font-size:9px;font-weight:800;letter-spacing:.11em;white-space:nowrap;color:var(--common)}.pd-chip.rare{color:var(--rare)}.pd-chip.legendaire{color:var(--legendary)}.pd-detail-role{color:#9ab6cb;font-size:10px;letter-spacing:.16em;margin:2px 0 12px;text-transform:uppercase}.pd-description{font-size:11px;line-height:1.9;color:#c5d5df;margin:10px 0 16px;white-space:pre-wrap}.pd-facts{display:grid;gap:7px;border-top:1px solid #7890a437;padding-top:12px}.pd-fact{display:flex;justify-content:space-between;gap:8px;font-size:10px}.pd-fact strong{color:#8fb0c3;font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}.pd-fact span{text-align:right}.pd-detail-gallery-title{font-weight:700;letter-spacing:.12em;color:#b2c8d8;font-size:9px;margin:18px 0 9px}.pd-detail-gallery{display:flex;gap:8px;overflow-x:auto;padding:0 0 5px}.pd-gallery-photo{flex:0 0 58px;height:58px;border-radius:6px;overflow:hidden;padding:2px;background:transparent;border:1px solid #4771888a}.pd-gallery-photo.active{border-color:#f0f6ff}.pd-gallery-photo img{width:100%;height:100%;object-fit:cover;border-radius:4px}.pd-detail-placeholder{margin:auto;max-width:245px;text-align:center}.pd-detail-symbol{display:block;color:#6b9db9;font-size:45px;margin-bottom:20px}.pd-detail-placeholder strong{font:900 38px/.9 'Barlow Condensed',Impact,sans-serif}.pd-detail-placeholder p{color:#91acbf;font-size:12px;line-height:1.8}.pd-gallery-empty{font-size:11px;color:#7e9aaf}
.pd-footer{margin-top:20px;padding:26px 0;border-top:1px solid #45627845;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#8fa9bb;font-size:9px;letter-spacing:.15em}.pd-footer a:hover{color:white}.pd-loader{grid-column:1/-1;align-self:center;text-align:center;letter-spacing:.2em;color:#9fb7c7}.pd-no-match{grid-column:1/-1;align-self:center;text-align:center;padding:32px;color:#bcd2df;font-size:13px;letter-spacing:.06em}
@media(max-width:1320px){.pd-workspace{grid-template-columns:minmax(0,1fr) 280px}.pd-book{min-height:450px;padding:9px}.pd-slot-grid{gap:8px}.pd-leaf{padding:12px 9px}.pd-card{min-height:172px}.pd-slot-empty{min-height:172px}.pd-detail{min-height:450px;padding:14px}.pd-detail-card{height:250px;width:192px}.pd-card-meta strong{font-size:16px}.pd-turn-layer{top:9px;bottom:9px;width:calc((100% - 40px)/2)}.pd-turn-layer.next{right:9px}.pd-turn-layer.previous{left:9px}}
@media(max-width:1040px){.pd-workspace{grid-template-columns:minmax(0,1fr)}.pd-detail{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;min-height:0}.pd-detail-tagline{grid-column:1/-1;margin:0}.pd-detail-card{grid-row:2;align-self:start;width:190px;height:258px}.pd-detail-body{grid-row:2}.pd-detail-placeholder{grid-column:1/-1}.pd-book{min-height:510px}.pd-card{min-height:205px}.pd-slot-empty{min-height:205px}}
@media(max-width:760px){.pd-nav{padding:19px 17px}.pd-nav-center{display:none}.pd-logo{font-size:23px}.pd-back{font-size:9px}.pd-main{padding:0 14px}.pd-intro{padding:33px 3px 20px;display:block}.pd-intro h1{font-size:clamp(59px,15vw,97px)}.pd-intro p{margin:16px 0 0}.pd-toolbar{flex-direction:column;align-items:stretch}.pd-filters{width:100%;justify-content:center;gap:1px;padding:4px}.pd-filters button{font-size:9px;padding:11px 8px;flex:1}.pd-search{min-width:0;max-width:none;width:100%}.pd-book{grid-template-columns:minmax(0,1fr);min-height:455px;padding:11px;max-width:440px;margin:auto;width:100%;border-radius:15px}.pd-leaf-left,.pd-spine{display:none}.pd-leaf-right{border-radius:8px;padding:14px;background:linear-gradient(110deg,#102a3d,#071421)}.pd-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:12px}.pd-card,.pd-slot-empty{min-height:350px}.pd-card-meta strong{font-size:23px}.pd-turn-layer{width:calc(100% - 22px);left:11px!important;right:11px!important;top:11px;bottom:11px;transform-origin:left center!important}.pd-detail{grid-template-columns:minmax(0,1fr);padding:17px;display:flex}.pd-detail-card{grid-row:auto;height:265px;width:202px}.pd-detail-tagline{grid-column:auto}.pd-detail-body{grid-row:auto}.pd-detail-body h2{font-size:32px}.pd-book-caption{font-size:8px}.pd-desktop-hint{display:none}}
@media(max-width:490px){.pd-intro h1{font-size:69px}.pd-kicker{font-size:9px;letter-spacing:.21em}.pd-book{min-height:350px;padding:8px}.pd-leaf-right{padding:9px}.pd-card,.pd-slot-empty{min-height:248px}.pd-card-meta{left:9px;right:8px;bottom:9px}.pd-card-meta strong{font-size:19px}.pd-card-index{top:10px;left:9px}.pd-card-rank{top:10px;right:9px}.pd-card-meta small{font-size:7px}.pd-slot-grid{gap:8px}.pd-turn-layer{top:8px;bottom:8px;width:calc(100% - 16px);left:8px!important;right:8px!important}.pd-filters button{font-size:8px;letter-spacing:.04em;padding:10px 6px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}


/* V48: 3 x 3 portrait collector cards on EACH desktop leaf.
   These are scoped to the Pokédex only; the YRUZPHOTO site is unchanged. */
@media (min-width:761px){
  .pd-book{aspect-ratio:1.42 / 1;min-height:0;height:auto}
  .pd-slot-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:clamp(5px,.55vw,10px);min-height:0}
  .pd-slot-grid>.pd-card,.pd-slot-grid>.pd-slot-empty{min-height:0;min-width:0;aspect-ratio:auto}
  .pd-book.empty .pd-leaf{min-height:0}
  .pd-slot-grid .pd-card-index{top:10px;left:10px;font-size:9px}
  .pd-slot-grid .pd-card-rank{top:9px;right:10px;font-size:10px}
  .pd-slot-grid .pd-card-meta{left:9px;bottom:9px;right:8px;max-width:calc(100% - 17px)}
  .pd-slot-grid .pd-card-meta strong{font-size:clamp(12px,1.03vw,17px);line-height:1.03}
  .pd-slot-grid .pd-card-meta small{font-size:7px;letter-spacing:.07em}
}
/* A single collector sleeve on mobile: two portrait cards per row,
   three rows per leaf. Navigation still works by swiping or arrows. */
@media (max-width:760px){
  .pd-book{aspect-ratio:auto;min-height:0;height:auto}
  .pd-leaf-right{height:auto}
  .pd-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,auto);gap:10px;height:auto}
  .pd-slot-grid>.pd-card,.pd-slot-grid>.pd-slot-empty{min-height:0;height:auto;aspect-ratio:2 / 3}
  .pd-book.empty .pd-leaf{min-height:0}
  .pd-slot-grid .pd-card-meta strong{font-size:clamp(16px,4vw,22px)}
  .pd-turn-layer .pd-leaf{height:100%}
}
@media (max-width:490px){
  .pd-slot-grid{gap:8px}
  .pd-slot-grid .pd-card-meta strong{font-size:clamp(14px,4.2vw,19px)}
}

/* V49 — Blue uncommon collector tier; original YRUZPHOTO palette retained. */
:root{--uncommon:#68b9f5}
.pd-filter-dot.uncommon{background:var(--uncommon)}
.pd-card.rarity-peu_commune{--rarity:var(--uncommon);--rarity-glow:#62b7f442}
.pd-detail-card.rarity-peu_commune{--rarity:var(--uncommon);--rarity-glow:#62b7f442}
.pd-chip.peu_commune{color:var(--uncommon)}
@media(max-width:760px){.pd-filters{justify-content:flex-start;flex-wrap:wrap;gap:3px}.pd-filters button{flex:0 1 auto;padding:9px 10px}}
@media(max-width:490px){.pd-filters button{font-size:8px;padding:9px 7px}}

/* V60 — SMARTPHONE ONLY: readable two-page collection binder.
   Two large upright cards per leaf, four per spread; PC remains 3 x 3. */
@media screen and (max-width:760px) {
  .pd-main { padding-inline:10px; }
  .pd-workspace { display:grid; grid-template-columns:minmax(0,1fr); gap:18px; }
  .pd-book {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr)!important;
    width:100%;max-width:540px;margin:0 auto;
    min-height:0!important;height:auto!important;aspect-ratio:auto!important;
    padding:8px!important;gap:0!important;
    border-radius:14px;
    background:linear-gradient(145deg,#1b2f41,#071422 58%,#0c1e2c);
    box-shadow:0 14px 35px #0009,0 0 0 1px #6b8da842,inset 0 0 0 3px #1b3345;
    overflow:visible;
  }
  .pd-book .pd-leaf-left,.pd-book .pd-leaf-right {
    display:block!important;min-width:0!important;height:auto!important;
    padding:9px 6px!important;overflow:hidden;
    background:linear-gradient(145deg,#13293a,#071827 80%);
    border-color:#47657880;
  }
  .pd-book .pd-leaf-left { border-radius:8px 0 0 8px; box-shadow:inset -12px 0 20px #01071190; }
  .pd-book .pd-leaf-right { border-radius:0 8px 8px 0; box-shadow:inset 12px 0 20px #01071190; }
  .pd-book .pd-spine { display:flex!important;width:14px;min-width:14px;position:relative;z-index:4; }
  .pd-book .pd-ring { width:21px;height:12px;border-width:2px;flex-shrink:0; }
  .pd-book .pd-slot-grid {
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;height:auto!important;min-height:0!important;
  }
  .pd-book .pd-slot-grid>.pd-card,.pd-book .pd-slot-grid>.pd-slot-empty {
    display:block;min-width:0;min-height:0!important;width:100%;height:auto!important;
    aspect-ratio:.70!important;border-radius:7px;
  }
  .pd-book .pd-slot-grid>.pd-slot-empty { display:grid;place-items:center; }
  .pd-book .pd-card { padding:4px;touch-action:manipulation;cursor:pointer; }
  .pd-book .pd-card-photo { inset:4px 4px 0; }
  .pd-book .pd-card-index { top:11px;left:10px;font-size:10px; }
  .pd-book .pd-card-rank { top:10px;right:10px;font-size:11px; }
  .pd-book .pd-card-meta { bottom:11px;left:9px;right:7px;max-width:calc(100% - 16px);gap:4px; }
  .pd-book .pd-card-meta strong {
    font-size:clamp(13px,3.75vw,19px)!important;
    line-height:1.05;letter-spacing:.01em;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  }
  .pd-book .pd-card-meta small {font-size:clamp(7px,1.8vw,9px);letter-spacing:.045em;line-height:1.2}
  .pd-book .pd-slot-empty span {font-size:8px;letter-spacing:.07em}
  .pd-book .pd-turn-layer {
    top:8px!important;bottom:8px!important;
    width:calc((100% - 30px)/2)!important;
    left:auto!important;right:auto!important;transform-style:preserve-3d;
  }
  .pd-book .pd-turn-layer.next {right:8px!important;left:auto!important;transform-origin:left center!important}
  .pd-book .pd-turn-layer.previous {left:8px!important;right:auto!important;transform-origin:right center!important}
  .pd-book .pd-turn-layer .pd-leaf {height:100%}
  .pd-book .pd-turn-layer .pd-slot-grid>.pd-card {height:100%!important}
  .pd-page-controls {margin-top:15px;gap:24px}
  .pd-page-controls button {width:44px;height:44px;min-width:44px;min-height:44px}
  .pd-book-caption {line-height:1.7;max-width:360px;margin-inline:auto}
}
@media screen and (max-width:375px) {
  .pd-main{padding-inline:7px}
  .pd-book{padding:6px!important;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr)!important}
  .pd-book .pd-leaf-left,.pd-book .pd-leaf-right{padding:6px 4px!important}
  .pd-book .pd-slot-grid{gap:7px!important}
  .pd-book .pd-card-meta strong{font-size:12px!important}
  .pd-book .pd-card-index{font-size:9px}
  .pd-book .pd-card-meta small{font-size:7px}
  .pd-book .pd-turn-layer{top:6px!important;bottom:6px!important;width:calc((100% - 24px)/2)!important}
  .pd-book .pd-turn-layer.next{right:6px!important}
  .pd-book .pd-turn-layer.previous{left:6px!important}
}

/* =============================================================
   V62 | Pokédex mobile: 3 x 4 DOUBLE-PAGE collector binder.
   Same YRUZPHOTO midnight-blue art direction. Scoped below 761px.
   The binder is visible in its entirety; the optional zoom keeps
   individual portraits usable without compromising the layout.
   Desktop CSS and existing CMS data are completely untouched.
   ============================================================= */
@media screen and (max-width:760px) {
  .pd-main {padding-inline:clamp(8px,2vw,16px)}
  .pd-workspace {min-width:0;display:block}
  .pd-album {min-width:0;max-width:100%;overflow:visible}
  .pd-book {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 13px minmax(0,1fr)!important;
    width:100%;max-width:560px;min-width:0;
    aspect-ratio:auto!important;
    min-height:0!important;height:auto!important;
    padding:clamp(5px,1.8vw,9px)!important;
    margin-inline:auto;
    gap:0!important;
    border-radius:13px;
    background:linear-gradient(125deg,#142c40,#091927 44%,#102b3d 100%);
    box-shadow:0 18px 44px #0009, inset 0 0 0 2px #506b7a60, inset 0 0 0 5px #071421;
  }
  .pd-book .pd-leaf-left,.pd-book .pd-leaf-right {
    display:block!important;min-width:0!important;
    height:auto!important;min-height:0!important;
    padding:clamp(4px,1.3vw,8px)!important;
    background:linear-gradient(135deg,#13293a,#071724 78%);
    overflow:hidden;
    border:1px solid #7693a555;
  }
  .pd-book .pd-leaf-left {border-radius:8px 0 0 8px;box-shadow:inset -8px 0 15px #010a13a3}
  .pd-book .pd-leaf-right {border-radius:0 8px 8px 0;box-shadow:inset 8px 0 15px #010a13a3}
  .pd-book .pd-spine {
    display:flex!important;width:13px!important;min-width:13px!important;
    background:linear-gradient(90deg,#020a12,#55778b 48%,#06111b);
  }
  .pd-book .pd-ring {width:19px;height:10px;border-width:2px;box-shadow:0 0 2px #111}
  .pd-book .pd-slot-grid {
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:repeat(4,minmax(0,1fr))!important;
    gap:clamp(2px,.8vw,5px)!important;
    height:auto!important;
    min-height:0!important;
    align-content:start;
  }
  .pd-book .pd-slot-grid>.pd-card,.pd-book .pd-slot-grid>.pd-slot-empty {
    display:block!important;
    width:100%!important;min-width:0!important;min-height:0!important;
    height:auto!important;
    aspect-ratio: .67!important;
    border-radius:3px!important;
  }
  .pd-book .pd-slot-grid>.pd-slot-empty {display:grid!important;place-items:center}
  .pd-book .pd-slot-empty span {font-size:0!important}
  .pd-book .pd-slot-empty span:before{content:'◇';font-size:14px;color:#476b80}
  .pd-book .pd-card {
    padding:1px!important;
    border-width:1px!important;
    box-shadow:0 0 4px var(--rarity-glow),inset 0 0 0 1px #ffffff12;
    touch-action:manipulation;
  }
  .pd-book .pd-card.is-selected {box-shadow:0 0 0 1px #f3f7fd,0 0 7px var(--rarity-glow)!important}
  .pd-book .pd-card-photo {inset:2px 2px 1px!important;border-radius:2px}
  .pd-book .pd-card-photo:after {background:linear-gradient(180deg,#03121b44,transparent 32%,transparent 56%,#03101ad9)}
  .pd-book .pd-corner {width:7px;height:7px;top:3px;left:3px}
  /* At normal zoom the card is a collectible thumbnail, not a tiny text block.
     Full titles and metadata are available in the large accessible detail panel. */
  .pd-book .pd-card-index {top:3px!important;left:4px!important;font-size:6px!important;line-height:1.1!important;text-shadow:0 1px 2px #000}
  .pd-book .pd-card-rank {top:2px!important;right:3px!important;font-size:8px!important;line-height:1!important}
  .pd-book .pd-card-meta {bottom:3px!important;left:3px!important;right:3px!important;gap:0!important;max-width:calc(100% - 6px)!important}
  .pd-book .pd-card-meta strong {font-size:0!important;line-height:0!important}
  .pd-book .pd-card-meta small {font-size:0!important;line-height:0!important}
  .pd-book .pd-card:hover {transform:none}
  /* Page-flip layer follows the precise half-spread dimensions. */
  .pd-book .pd-turn-layer {top:clamp(5px,1.8vw,9px)!important;bottom:clamp(5px,1.8vw,9px)!important;width:calc((100% - 13px - clamp(10px,3.6vw,18px))/2)!important}
  .pd-book .pd-turn-layer.next {left:auto!important;right:clamp(5px,1.8vw,9px)!important;transform-origin:left center!important}
  .pd-book .pd-turn-layer.previous {left:clamp(5px,1.8vw,9px)!important;right:auto!important;transform-origin:right center!important}
  .pd-book.empty .pd-leaf {min-height:0!important}
  .pd-page-controls {margin:15px 0 6px}
  .pd-mobile-zoom {display:block;margin:4px auto 12px;width:auto!important;min-height:36px;border:1px solid #4c7690;border-radius:22px;background:#102d42;color:#d4e6ef;padding:9px 18px;letter-spacing:.12em;font-size:9px;font-weight:800}
  .pd-mobile-zoom:focus-visible {outline:2px solid white;outline-offset:3px}
  .pd-book-caption {max-width:390px;margin-inline:auto;line-height:1.65}
  .pd-detail {margin-top:16px;scroll-margin-top:12px}
  /* Optional zoom enlarges the ENTIRE open binder. Users can pan across both pages. */
  .pd-album.pd-album-zoomed {overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding-bottom:8px}
  .pd-album.pd-album-zoomed .pd-book {width:650px!important;max-width:none!important;margin-left:0;margin-right:0}
  .pd-album.pd-album-zoomed .pd-book .pd-card-meta strong {font-size:10px!important;line-height:1.0!important;display:block;-webkit-line-clamp:unset;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .pd-album.pd-album-zoomed .pd-book .pd-card-meta small {font-size:0!important}
  .pd-album.pd-album-zoomed .pd-book .pd-card-index {font-size:8px!important}
  .pd-album.pd-album-zoomed .pd-book .pd-card-rank {font-size:10px!important}
  .pd-detail-card .pd-card-meta strong {font-size:24px!important;line-height:1.06!important}
  .pd-detail-card .pd-card-meta small {font-size:9px!important;line-height:1.2!important}
}
@media screen and (max-width:375px){
 .pd-book {grid-template-columns:minmax(0,1fr) 11px minmax(0,1fr)!important}
 .pd-book .pd-spine {min-width:11px!important;width:11px!important}
 .pd-book .pd-turn-layer {width:calc((100% - 11px - 12px)/2)!important}
}
@media screen and (min-width:761px){.pd-mobile-zoom {display:none!important}}

/* V64 : mobile - classeur ouvert 3 x 3 sur CHAQUE page ; identites lisibles. */
@media screen and (max-width:760px) {
  .pd-book .pd-slot-grid {
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:repeat(3,minmax(0,1fr))!important;
    gap:clamp(3px,.85vw,6px)!important;
  }
  .pd-book .pd-slot-grid>.pd-card,.pd-book .pd-slot-grid>.pd-slot-empty {
    aspect-ratio:.61!important;
    min-width:0!important; min-height:0!important;
  }
  .pd-book .pd-card-photo:after {background:linear-gradient(180deg,#05101a18,transparent 46%,#03121aeb 100%)!important}
  .pd-book .pd-card-meta {bottom:3px!important;left:3px!important;right:3px!important;max-width:calc(100% - 6px)!important;gap:0!important;z-index:3}
  .pd-book .pd-card-meta strong {
    display:-webkit-box!important;-webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    white-space:normal!important;overflow:hidden!important;
    font-family:'Barlow Condensed',Impact,sans-serif!important;
    font-size:clamp(7px,2vw,10px)!important;line-height:1.03!important;
    letter-spacing:0!important;overflow-wrap:anywhere;
    color:#fff!important;text-shadow:0 1px 3px #000;
  }
  .pd-book .pd-card-meta small {display:none!important}
  .pd-book .pd-card-index {font-size:7px!important}
  .pd-book .pd-card-rank {font-size:9px!important}
  .pd-mobile-zoom,.pd-book .yruz-photo-enlarge {display:none!important}
  .pd-book .pd-card {cursor:pointer;touch-action:manipulation}
  .pd-book .pd-spine {z-index:5}
  .pd-detail {scroll-margin-top:14px}
}
