html{scroll-behavior:smooth}.catalogproducts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:30px 0}.catalogproduct{padding:22px;border:1px solid #a68b50;border-radius:18px;background:radial-gradient(ellipse at top,color-mix(in srgb,var(--boxcolor) 13%,transparent),transparent 65%),#06221d}.catalogproduct h3{font:26px Georgia;color:#f8e6bb;margin:20px 0 12px}.catalogproduct p{font-size:13px;line-height:1.65;min-height:45px}.catalogart{height:250px;width:100%;object-fit:contain}.deckbox{position:relative;max-width:210px;height:270px;margin:auto;border:2px solid var(--boxcolor);border-right:12px ridge color-mix(in srgb,var(--boxcolor) 55%,#152018);border-radius:5px;background:linear-gradient(130deg,#041410,color-mix(in srgb,var(--boxcolor) 22%,#071c17),#02110f);box-shadow:10px 12px 20px #0007,inset 0 0 0 4px #9c8c5255;transform:perspective(900px) rotateY(-8deg);display:flex;align-items:center;flex-direction:column;overflow:hidden}.deckbox>span{font:12px Georgia;letter-spacing:1px;padding:12px;color:#f8e5ae}.deckbox img{height:172px;max-width:85%;object-fit:contain}.deckbox>b{font:17px Georgia;padding:10px 3px 4px;text-align:center}.deckbox small{font-size:8px;letter-spacing:1px;color:var(--boxcolor)}.purchasebar{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.purchasebar label{display:flex;flex-direction:column;gap:6px;font-size:11px}.purchasebar input{width:65px;padding:10px}.purchasebar .btn{flex:1;font-size:12px;padding:12px 8px}input,select{border:1px solid #618375;border-radius:8px;background:#05251e;color:#f2e6c7;padding:10px}header nav{display:flex;gap:15px;flex-wrap:wrap}header nav a{color:#b5e2cf;font-size:13px}#binder,#store{scroll-margin-top:20px}#binderstatus{color:#7affcb}.sealedlist{display:flex;flex-wrap:wrap;gap:12px}.sealeditem{display:flex;flex-direction:column;gap:10px;border:1px solid #8d7f56;border-radius:12px;padding:15px;color:#f4e6be;text-decoration:none;background:#0c3026}.sealeditem span{font-size:11px;color:#81e2bd}.saveddeck{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #6f8a6b55;flex-wrap:wrap}.saveddeck strong{flex:1}#deckbuilder{margin:30px 0;padding:20px;border:1px solid #567f6b;border-radius:18px}.builderhead{display:flex;justify-content:space-between;align-items:center;gap:15px}.builderhead p{font-size:13px;line-height:1.6}.builderhead strong{white-space:nowrap;font:22px Georgia;color:#ffe3a1}.buildertools{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.ownedgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.ownedcard{position:relative;min-width:0}.ownedcard img{width:100%;display:block;border-radius:8px}.artbutton{border:0;padding:0;background:none;width:100%}.copycount{position:absolute;top:6px;right:5px;background:#05281e;border:1px solid #e2c574;border-radius:20px;color:#ffe7b0;padding:5px 9px;pointer-events:none}.ownedcard p{font-size:11px;min-height:25px}.deckadjust{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:10px}.deckadjust button{width:30px;height:30px;background:#174d3b;border:1px solid #8ac9ab;color:white;border-radius:50%;font-size:20px}.secondary{border:1px solid #719983;border-radius:10px;background:#0b3027;color:#f3e4bf;padding:10px;cursor:pointer}#store{margin-top:60px}@media(max-width:700px){.catalogproducts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalogproduct{padding:12px}.catalogproduct h3{font-size:21px}.catalogart{height:200px}.deckbox{height:220px;border-right-width:8px}.deckbox img{height:130px}.deckbox b{font-size:14px}.deckbox>span{font-size:9px}.ownedgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.builderhead{align-items:flex-start;flex-direction:column}#deckbuilder{padding:12px}.purchasebar input{width:55px}.purchasebar .btn{font-size:11px}.catalogproduct p{font-size:11px}}

.realdeckbox{position:relative;isolation:isolate;width:100%;max-width:290px;margin:auto;aspect-ratio:2/3;overflow:hidden;border-radius:8px}.realdeckbox img{width:100%;height:100%;display:block;object-fit:contain}.realdeckbox:after{content:'';position:absolute;inset:0;background:var(--boxcolor,#3aaf96);mix-blend-mode:color;opacity:.85;pointer-events:none}.catalogart{height:auto;aspect-ratio:2/3}@media(max-width:700px){.realdeckbox{max-width:230px}.catalogart{height:auto}}

.realdeckbox:after{display:none}

/* Single-piece quantity control with comfortable touch targets. */
.deckadjust{display:grid;grid-template-columns:44px minmax(28px,1fr) 44px;gap:0;width:100%;max-width:180px;margin:8px auto 0;overflow:hidden;border:1px solid #81c5aa;border-radius:999px;background:linear-gradient(180deg,#164a3c,#082c24);box-shadow:inset 0 1px 0 #ffffff16,0 3px 8px #0003}
.deckadjust button{width:44px;height:48px;border:0;border-radius:0;background:transparent;color:#fff1cc;font-size:25px;cursor:pointer;touch-action:manipulation}
.deckadjust button:first-child{border-right:1px solid #81c5aa40}.deckadjust button:last-child{border-left:1px solid #81c5aa40}
.deckadjust button:active:not(:disabled){background:#3d9872;box-shadow:inset 0 2px 6px #0008;transform:scale(.94)}
.deckadjust button:disabled{opacity:.3;cursor:default}.deckadjust button:focus-visible{outline:2px solid #ffe0a0;outline-offset:-4px}
.deckquantity{display:flex;flex-direction:column;align-items:center;line-height:1.1;font-variant-numeric:tabular-nums}.deckquantity b{font-size:18px;color:#fff0ca}.deckquantity small{font-size:9px;margin-top:3px;color:#b8daca}#deckvalidation{font-size:13px;color:#dfcf9e}
@media(max-width:380px){.ownedgrid{gap:8px}.deckadjust{grid-template-columns:40px minmax(20px,1fr) 40px}.deckadjust button{width:40px}}
#mydecks{scroll-margin-top:24px;margin:38px 0}.decksheading{display:flex;align-items:center;justify-content:space-between;gap:16px}.deckboxgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:28px;margin:25px 0}.deckboxitem{text-align:center;min-width:0}.deckboxitem p{font-size:12px}.customdeckbox{width:100%;max-width:240px;aspect-ratio:3/4;display:flex;align-items:center;flex-direction:column;padding:14px 16px;gap:10px;border:1px solid var(--skin-line,#d4b571);border-right:9px ridge var(--skin-line,#d4b571);border-radius:12px 5px 5px 12px;background:linear-gradient(145deg,var(--skin-panel,#164b3e),var(--skin-bg,#061613));color:var(--skin-text,#f9edcf);box-shadow:7px 10px 18px #0003;transition:transform .2s}.customdeckbox:hover{transform:translateY(-5px) rotate(-2deg)}.deckboxlid{font:9px Georgia;letter-spacing:2px;border-bottom:1px solid var(--skin-line,#d4b571);width:100%;padding:2px 0 9px}.customdeckbox img{height:58%;max-width:85%;object-fit:contain;border-radius:6%}.customdeckbox strong{font:18px Georgia;overflow-wrap:anywhere;line-height:1.1}.customdeckbox>span:last-child{font-size:9px;letter-spacing:2px}.draftboxpreview{display:flex;align-items:center;gap:20px;padding:16px;border:1px solid var(--skin-line,#d4b571);border-radius:12px;background:var(--skin-bg,#061613)}.draftboxart{width:68px;flex-shrink:0;border-right:6px ridge var(--skin-line,#d4b571);padding:5px;background:var(--skin-panel,#164b3e);border-radius:6px}.draftboxart img{width:100%;display:block;border-radius:6%}.draftboxpreview h3{font:23px Georgia;margin:8px 0;overflow-wrap:anywhere}.draftboxpreview p{margin:0;font-size:12px}#deckview{width:min(94vw,900px);max-height:90dvh;margin:auto;padding:0;border:1px solid var(--skin-line,#d4b571);border-radius:18px;overflow:hidden}#deckview[open]{display:flex;flex-direction:column}#deckview h2{font-size:22px;margin:0;overflow-wrap:anywhere}.deckviewbody{overflow:auto;padding:20px}.deckviewbody .buildertools{position:sticky;top:-20px;padding:12px 0;background:var(--skin-panel,#06251f);z-index:2}@media(max-width:500px){.deckboxgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.customdeckbox{padding:10px;gap:7px}.customdeckbox strong{font-size:16px}.deckboxlid{font-size:7px;letter-spacing:1px}.decksheading{align-items:flex-start;flex-direction:column}}

/* Compact sealed inventory and paged binder. */
body #sealedpacks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body #sealedpacks .sealeditem{min-width:0;padding:10px 8px;gap:6px;font-size:13px;line-height:1.25;justify-content:space-between;overflow-wrap:anywhere}
body #sealedpacks .sealeditem span{font-size:11px;color:var(--skin-text,#f4e6be)}
body .binderpages{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:14px 0;scroll-margin-top:20px}
body .binderpages span{text-align:center;font-size:13px;color:var(--skin-text,#f4e6be)}
body .binderpages small{display:block;font-size:10px;color:var(--skin-muted,#b5e2cf);margin-top:4px}
body .binderpages button{min-height:44px;font-size:12px;padding:8px 12px}
body .ownedgrid{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:700px){body .ownedgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px}body .ownedcard p{font-size:10px;margin:6px 0;min-height:24px}body .copycount{font-size:11px;padding:3px 5px;top:3px;right:3px}body .deckadjust{grid-template-columns:minmax(28px,1fr) minmax(20px,1fr) minmax(28px,1fr);margin-top:4px}body .deckadjust button{width:100%;height:44px;font-size:21px}body .deckquantity b{font-size:14px}body .deckquantity small{font-size:7px}body #deckbuilder{padding:8px}}

.digitaloffer{display:block;margin:12px 0;font-size:12px}.digitaloffer select,.catalogproduct>label select{width:100%;max-width:100%;font-size:12px}.catalogproduct .purchasebar{flex-wrap:nowrap;margin-top:12px}.catalogproduct .purchasebar .btn{border-radius:999px}.catalogproduct>label{display:block;font-size:12px}

body .catalogproduct{display:flex;flex-direction:column;gap:8px}body .catalogproduct>h3{margin:12px 0 4px}body .catalogproduct>p{margin:0;min-height:0}body .catalogproduct>.purchasebar{width:100%;margin-top:auto;padding-top:10px}body .catalogproduct>.digitaloffer{width:100%}

#boxcatalogue{width:min(94vw,920px);max-height:92dvh;padding:18px;border:1px solid var(--skin-line);border-radius:18px;background:var(--skin-panel);color:var(--skin-text);overflow:auto}
#boxcatalogue .viewerhead{position:sticky;top:-18px;background:var(--skin-panel);z-index:2}#cataloguetitle{font-size:24px}#catalogueinfo{font-size:14px;line-height:1.5}
#catalogueleaves{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px;background:linear-gradient(90deg,transparent 49.5%,var(--skin-line) 50%,transparent 50.5%);perspective:1000px}
.cataloguecard{min-width:0;border:0;background:transparent;color:var(--skin-text);display:flex;flex-direction:column;align-items:center;gap:5px;font-size:13px}.cataloguecard img{width:100%;max-height:240px;object-fit:contain;border-radius:6px}.cataloguecard small{color:var(--skin-muted)}.cataloguepaging{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0}.cataloguepaging button{min-height:44px}.boxcatalogcontrols{flex-wrap:wrap}
@media(max-width:600px){#catalogueleaves{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px;gap:12px}#cataloguetitle{font-size:19px}#boxcatalogue .viewerhead{gap:10px}}

/* Sixteen cards per catalog page; retain four columns on phones. */
body #boxcatalogue{width:min(96vw,1000px);max-width:1000px}
body #catalogueleaves{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 18px;padding:12px}
body #catalogueleaves .cataloguecard{padding:0;gap:3px;font-size:12px}
body #catalogueleaves .cataloguecard img{height:clamp(60px,calc(22dvh - 95px),135px);max-height:135px;width:100%;object-fit:contain}
@media(max-width:600px){body #boxcatalogue{padding:10px}body #catalogueleaves{gap:12px 6px;padding:6px 0}body #catalogueleaves .cataloguecard{font-size:10px}body #catalogueleaves .cataloguecard img{height:auto;aspect-ratio:5/7}body #catalogueleaves .cataloguecard small{font-size:9px}}

body .removedeck{background:#b42332!important;color:#fff!important;border:1px solid #e5606c!important;border-radius:12px;padding:10px 14px;min-height:44px;font-weight:600;cursor:pointer}
body .removedeck:hover{background:#8f1725!important}.deckboxitem>.removedeck{display:block;margin:8px auto 0}
body #removedeckdialog{width:min(92vw,460px);padding:24px;border-radius:18px;border:1px solid var(--skin-line);background:var(--skin-panel);color:var(--skin-text)}#removedeckdialog h2{font-size:26px}#removedeckdialog p{line-height:1.5}
@media(min-width:1000px){body #mydecks .deckboxgrid{max-height:340px}}