.shell.public-binder-shell{width:min(1440px,100% - 2rem)}.collector-binder{--binder-ink:#f4dfb5;--binder-line:#705735;max-width:1380px;margin:1.5rem auto 0}.collector-binder__navigation{color:var(--binder-ink);justify-content:center;align-items:center;gap:clamp(.7rem,3vw,2rem);margin:0 auto 1rem;display:flex}.collector-binder__navigation button{color:#f5dfb6;cursor:pointer;background:#2c2115;border:1px solid #a37c40;border-radius:999px;min-width:8.5rem;padding:.65rem 1rem;font-family:inherit;font-size:.9rem;font-weight:800;line-height:1.2}.collector-binder__navigation button:hover:not(:disabled){background:#49321c;border-color:#e6b55f}.collector-binder__navigation button:focus-visible,.collector-binder__pocket:focus-visible{outline-offset:3px;outline:3px solid #f3c370}.collector-binder__navigation button:disabled{opacity:.45;cursor:not-allowed}.collector-binder__navigation span{text-align:center;min-width:10rem;font-weight:800}.collector-binder__book{background:linear-gradient(90deg,#100c0a 0%,#24180d 49%,#0b0806 50%,#24180d 51%,#100c0a 100%);border:1px solid #6d4e2b;border-radius:1.1rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:.65rem;display:grid;position:relative;box-shadow:0 1.3rem 2rem #0000005c}.collector-binder__book:after{z-index:1;content:"";pointer-events:none;background:linear-gradient(90deg,#110c09,#594027 45%,#0d0907);border:1px solid #3a2617;border-radius:999px;width:1.25rem;position:absolute;top:.65rem;bottom:.65rem;left:50%;transform:translate(-50%);box-shadow:-.35rem 0 .6rem #00000059,.35rem 0 .6rem #00000059}.collector-binder__page{background:radial-gradient(circle at 50% 18%,#976f411f,#0000 55%),repeating-linear-gradient(135deg,#ffffff03 0 2px,#0000 2px 6px),#18150f;border:1px solid #665236;min-width:0;padding:clamp(.65rem,2vw,1.5rem);position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #272016,inset 0 0 2rem #00000080}.collector-binder__page--left{transform-origin:100%;border-radius:.75rem .2rem .2rem .75rem}.collector-binder__page--right{transform-origin:0;border-radius:.2rem .75rem .75rem .2rem}.collector-binder__turn-stage{z-index:1000;box-sizing:border-box;pointer-events:none;position:fixed}.collector-binder__turn-sheet{box-sizing:border-box;transform-style:preserve-3d;position:absolute;inset:0}.collector-binder__turn-sheet--next{transform-origin:0}.collector-binder__turn-sheet--previous{transform-origin:100%}.collector-binder__turn-sheet--next.is-flipping{animation:.9s ease-in-out forwards binder-flip-next}.collector-binder__turn-sheet--previous.is-flipping{animation:.9s ease-in-out forwards binder-flip-previous}.collector-binder__turn-face{box-sizing:border-box;width:calc(100% - var(--binder-half-gap));backface-visibility:hidden;height:100%;position:absolute;top:0;bottom:0}.collector-binder__turn-sheet--next .collector-binder__turn-face{left:var(--binder-half-gap)}.collector-binder__turn-sheet--previous .collector-binder__turn-face{left:0}.collector-binder__turn-face--front{box-shadow:inset 0 0 0 3px #272016,.5rem .5rem 1.2rem #00000080}.collector-binder__turn-face--back{transform-origin:50%;transform:rotateY(180deg);box-shadow:inset 0 0 0 3px #272016,-.5rem .5rem 1.2rem #00000080}@keyframes binder-flip-next{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes binder-flip-previous{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.collector-binder__page-heading{color:#c9a879;letter-spacing:.07em;text-transform:uppercase;justify-content:space-between;gap:.6rem;margin:0 0 .7rem;font-size:.77rem;display:flex}.collector-binder__page-heading span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.collector-binder__page-heading strong{flex:none}.collector-binder__pockets{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.35rem,1vw,.75rem);display:grid}.collector-binder__pocket{aspect-ratio:5/7;background:linear-gradient(135deg,#24251d,#0a0b09);border:2px solid #655f52;border-radius:.4rem;place-items:center;min-width:0;text-decoration:none;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .25rem #080908b3,0 .2rem .4rem #0006}.collector-binder__pocket:after{z-index:2;content:"";pointer-events:none;background:linear-gradient(113deg,#ffffff21,#0000 27% 67%,#ffffff0f);border-top:2px solid #ffffff61;position:absolute;inset:0;box-shadow:inset .25rem 0 .3rem #ffffff14,inset -.3rem -.25rem .5rem #0000005c}.collector-binder__pocket--filled:hover{border-color:#e4bb72;box-shadow:0 0 0 2px #edbb684d,0 .4rem .75rem #00000080}.collector-binder__card-art{width:100%;height:100%;display:block}.collector-binder__pocket img{object-fit:contain;width:100%;height:100%;display:block}.collector-binder__missing-art{color:#e4d1ad;text-align:center;padding:.6rem;font:800 clamp(.7rem,1.2vw,1rem)/1.15 Georgia,serif}.collector-binder__quantity,.collector-binder__foil{z-index:3;color:#ffe2a7;background:#16100ae8;border:1px solid #ffdf9dad;border-radius:999px;padding:.12rem .35rem;font-size:clamp(.6rem,.85vw,.78rem);font-weight:900;line-height:1.1;position:absolute}.collector-binder__quantity{bottom:.3rem;right:.3rem}.collector-binder__foil{top:.3rem;right:.3rem}.collector-binder__pocket--empty{background:linear-gradient(135deg,#1b1c17,#0a0b09);border-style:solid;border-color:#37362e}.collector-binder__pocket--empty span{color:#a9997621;font:900 clamp(1.5rem,5vw,3.2rem)/1 Georgia,serif}.collector-binder__page-number{color:#a58d68;text-align:center;margin-top:.65rem;font:800 .75rem Georgia,serif;display:block}.collector-binder__hint{color:#baa887;text-align:center;margin:.7rem 0 0;font-size:.82rem}.collector-binder__fallback{justify-content:center;gap:1rem;margin-top:.7rem;display:flex}.collector-binder__fallback a{color:#e7bd72}@media (width<=760px){.shell.public-binder-shell{width:calc(100% - 1rem)}.collector-binder__book{scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:thin;gap:0;padding:0;display:flex;overflow-x:auto}.collector-binder__book:after{display:none}.collector-binder__page{scroll-snap-align:start;border-radius:.75rem;flex:0 0 100%;padding:.8rem}.collector-binder__page--right{border-left:2px solid #665236}.collector-binder__turn-sheet--next,.collector-binder__turn-sheet--previous{transform-origin:50%}.collector-binder[data-has-right-page=false] .collector-binder__page--right{display:none}.collector-binder__navigation{gap:.45rem}.collector-binder__navigation button{min-width:0;padding:.6rem .7rem;font-size:.78rem}.collector-binder__navigation span{flex:1;min-width:0;font-size:.78rem}.collector-binder__page-heading{font-size:.7rem}.collector-binder__quantity,.collector-binder__foil{font-size:.67rem}}@media (prefers-reduced-motion:reduce){.collector-binder__book{scroll-behavior:auto}}
