@charset "UTF-8";
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400;font-display:swap;src:url("/brand/instrument-sans-400.woff2") format("woff2")}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:600;font-display:swap;src:url("/brand/instrument-sans-600.woff2") format("woff2")}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:700;font-display:swap;src:url("/brand/instrument-sans-700.woff2") format("woff2")}
:root{--paper:#f4f4f4;--ink:#232323;--muted:#686a73;--blue:#2b3990;--inverse:#ffffff;--line:#dedfe6;--white:#ffffff;font-family:"Instrument Sans",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #2b3990;outline-offset:4px}[hidden]{display:none!important}.topbar{height:95px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);gap:16px}.brand{text-decoration:none;display:flex;gap:12px;align-items:center;font-family:"Instrument Sans",Arial,sans-serif;font-weight:bold;font-size:28px;letter-spacing:-1px;line-height:1}.brand-sub{font-family:"Instrument Sans",Arial,sans-serif;display:block;font-size:9px;letter-spacing:3.3px;margin-top:7px;font-weight:600}.header-right{display:flex;gap:30px;align-items:center}.network{font-size:12px;display:flex;align-items:center;gap:7px}.network:before,.source-dot{content:"";display:block;width:7px;height:7px;border-radius:100%;background:#678568}.network.offline:before{background:#b77c31}.text-button{border:0;background:transparent;color:var(--ink);padding:9px 0;font-size:12px;font-weight:600}.text-button:hover{text-decoration:underline}main{max-width:1500px;margin:auto;padding:0 max(5vw,24px)}.intro{display:flex;justify-content:space-between;align-items:end;padding:49px 0 36px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;margin:0 0 15px}h1{font-family:"Instrument Sans",Arial,sans-serif;font-size:clamp(38px,4.5vw,62px);font-weight:700;letter-spacing:-2.5px;line-height:1.06;margin:0 0 17px}.intro-copy{font-size:15px;color:var(--muted);margin:0}.source-label{display:flex;gap:10px;font-size:9px;letter-spacing:1.6px;line-height:1.8;flex-shrink:0;padding:0 0 3px 20px}.source-dot{margin-top:4px}.source-label a{font-size:12px;text-decoration:none;letter-spacing:0}.download-panel{background:var(--blue);color:white;border-radius:14px;display:flex;gap:20px;align-items:center;padding:25px 28px;flex-wrap:wrap}.download-icon{display:flex;justify-content:center;align-items:center;font-size:30px;border:1px solid #ffffff40;border-radius:50%;width:48px;height:48px;flex-shrink:0;color:var(--inverse)}.download-copy{flex:1;min-width:220px}.download-copy h2{font-size:16px;margin:0 0 7px;font-weight:600}.download-copy p{font-size:12px;margin:0;line-height:1.6;color:#f0f2ff}.download-copy .download-detail{font-size:11px;color:#dce1ff;margin-top:2px}.primary{border:0;background:var(--blue);border-radius:50px;font-size:12px;font-weight:700;color:white;padding:16px 20px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:9px}.primary:hover{background:#202d78}.download-panel .primary{background:white;color:var(--blue)}.download-panel .primary:hover{background:#edf0ff}.secondary{border:1px solid var(--line);border-radius:50px;background:var(--white);color:var(--ink);padding:12px 17px;font-size:12px;font-weight:600}.secondary:hover{border-color:var(--blue)}#progress-wrap{width:100%;padding-left:68px}progress{width:100%;height:6px;accent-color:var(--inverse)}#progress-text{font-size:11px;margin:10px 0 0;color:#f0f2ff}.notice{border:1px solid #d4c691;background:#fbf4dc;color:#665c37;border-radius:8px;font-size:13px;line-height:1.6;padding:14px 18px}.collection{padding-top:38px}.collection-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.collection-heading h2{font-family:"Instrument Sans",Arial,sans-serif;font-size:28px;letter-spacing:-.6px;margin:0;font-weight:400}.count{vertical-align:middle;font-family:"Instrument Sans",Arial,sans-serif;font-size:11px;display:inline-block;background:#e5e8f5;border-radius:5px;padding:5px 8px;margin-left:10px;letter-spacing:0}.collection-actions{display:flex;align-items:center;gap:22px}.currency{font-size:10px;letter-spacing:1px;border:1px solid var(--line);padding:7px 9px;border-radius:4px}.tools{display:flex;gap:10px}.search-wrap{background:var(--white);border:1px solid var(--line);border-radius:50px;display:flex;align-items:center;gap:13px;padding:0 15px;flex:1}.search-wrap>span{font-size:27px;line-height:1}.search-wrap input{padding:16px 0;background:transparent;border:0;color:var(--ink);width:100%;font-size:13px;min-width:0}.search-wrap input:focus{outline:none}.search-wrap:focus-within{outline:2px solid #2b3990;outline-offset:1px}select{border:1px solid var(--line);border-radius:50px;background:var(--white);padding:0 33px 0 14px;color:var(--ink);font-size:12px;max-width:210px}.result-row{display:flex;justify-content:space-between;align-items:center;color:var(--muted);padding:14px 0 18px;font-size:11px}.result-row p{margin:0}.result-row>span{font-size:9px;letter-spacing:1.25px}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.card{padding:0;border:1px solid var(--line);background:var(--white);border-radius:9px;overflow:hidden;text-align:left;color:var(--ink);transition:transform .18s,border-color .18s}.card:hover{transform:translateY(-3px);border-color:#2b3990}.card-art{position:relative;background:#ebecf0;aspect-ratio:1/.98;display:flex;align-items:center;justify-content:center;padding:15px}.card-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 3px #0b1f2a20)}.badge{position:absolute;top:10px;left:10px;background:#ffffffeb;padding:4px 6px;border-radius:3px;font-size:8px;letter-spacing:.7px;font-weight:700;text-transform:uppercase;max-width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-copy{padding:14px 13px 13px}.card-name{margin:0 0 6px;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-set{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 12px;line-height:1.4}.card-bottom{display:flex;align-items:baseline;justify-content:space-between;gap:7px}.price{font-size:17px;letter-spacing:-.4px;font-weight:600}.price small{font-weight:400;font-size:8px;letter-spacing:0;color:var(--muted);margin-left:4px}.card-number{font-size:9px;color:var(--muted);max-width:40%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.no-image{font-size:11px;color:var(--muted);text-align:center;line-height:1.5}.empty{padding:65px 10px;text-align:center;border:1px dashed var(--line);border-radius:8px}.empty>span{font-size:35px}.empty h3{font-family:"Instrument Sans",Arial,sans-serif;font-size:25px;font-weight:400}.empty p{font-size:13px;color:var(--muted)}.more{display:block;margin:28px auto}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}footer{margin-top:50px;padding:27px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px}footer>span{letter-spacing:1.5px;font-weight:700}footer p{margin:0}.footer-separator{padding:0 10px;font-weight:400}dialog{border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink);padding:0;max-width:min(850px,94vw);width:850px;max-height:90dvh;box-shadow:0 20px 80px #0003}dialog::backdrop{background:#101633a6;backdrop-filter:blur(4px)}.close{position:absolute;top:13px;right:13px;z-index:2;background:var(--white);border:1px solid var(--line);border-radius:50%;width:36px;height:36px;font-size:25px;color:var(--ink)}.card-detail{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:38px}.detail-image-wrap{background:#e7e9f0;border-radius:10px;padding:24px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;min-height:360px}.detail-image-wrap img{width:100%;height:360px;object-fit:contain}.detail-copy{padding:30px 0 0}.detail-copy h2{font-family:"Instrument Sans",Arial,sans-serif;font-size:33px;font-weight:400;margin:0 0 12px;line-height:1.1}.detail-copy>p{font-size:12px;line-height:1.6}.detail-copy .detail-price{font-size:36px;font-weight:600;letter-spacing:-1.5px;margin:25px 0 0}.muted{color:var(--muted);margin:0}dl{display:grid;grid-template-columns:90px 1fr;border-top:1px solid var(--line);padding-top:20px;gap:13px;font-size:11px;margin-top:25px}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}.detail-footnote{font-size:10px!important;color:var(--muted);border-top:1px solid var(--line);padding-top:18px}.help-content{padding:40px;max-width:640px;margin:auto}.help-content h2{font-family:"Instrument Sans",Arial,sans-serif;font-size:36px;font-weight:400;margin:10px 0 24px}.help-content ol{padding-left:20px}.help-content li{padding:0 0 21px 8px;font-size:13px;line-height:1.7}.help-content strong{font-size:15px}.help-content>p,.help-note{font-size:12px;line-height:1.7;color:var(--muted)}.help-note{padding:16px;background:#e7eaf5;border-radius:8px}.help-content>.primary{margin-top:14px}
@media(min-width:1450px){.grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:1050px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.download-panel{gap:15px;padding:22px}.download-icon{display:none}.source-label{display:none}#progress-wrap{padding-left:0}}@media(max-width:760px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tools{flex-wrap:wrap}.search-wrap{flex-basis:100%}select{height:43px;flex:1;max-width:none}.download-panel .primary{width:100%}.card-detail{padding:28px;gap:20px}.detail-image-wrap{padding:14px}.detail-image-wrap img{height:280px}.topbar{height:80px}.intro{padding-top:32px}.header-right{gap:15px}}@media(max-width:520px){main{padding:0 18px}.topbar{padding:0 18px}.brand{font-size:24px;gap:9px}.brand img{width:34px;height:34px}.header-right{gap:12px;align-items:end;flex-direction:column}.header-right .text-button{font-size:10px;padding:0}.network{font-size:10px}.intro{padding-bottom:25px}h1{font-size:40px;letter-spacing:-1.8px}.intro-copy{font-size:12px}.eyebrow{font-size:8px}.download-panel{padding:21px;border-radius:11px}.download-copy h2{font-size:15px}.download-copy{min-width:0}.download-copy p{font-size:11px}.download-panel .primary{font-size:12px;padding:15px 9px}.collection{padding-top:29px}.collection-heading{margin-bottom:16px}.collection-heading h2{font-size:25px}.collection-actions{gap:12px}.collection-actions .text-button{font-size:10px}.currency{font-size:9px}.result-row>span{font-size:7px;letter-spacing:.6px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-art{padding:14px;aspect-ratio:1/1.08}.card-copy{padding:12px 10px}.card-name{font-size:12px}.card-set{font-size:9px}.price{font-size:16px}.card-number{font-size:8px}.card-bottom{gap:3px}footer{align-items:start;flex-direction:column;gap:14px;margin-top:35px}.card-detail{grid-template-columns:1fr;padding:25px}.detail-image-wrap{padding:20px;min-height:0;margin-top:20px}.detail-image-wrap img{height:270px}.detail-copy{padding:0}.detail-copy h2{font-size:29px}.help-content{padding:45px 25px 25px}.help-content h2{font-size:30px}}

/* Official Crammy’s storefront branding; logo artwork is preserved. */
.topbar{height:126px;background:#fff;position:relative;isolation:isolate}
.topbar:before{content:"";position:absolute;inset:0;z-index:-1;background:url('/brand/crammys-pattern.png') right center/380px auto repeat;opacity:.25;pointer-events:none}
.brand{font-family:"Instrument Sans",Arial,sans-serif;gap:24px;letter-spacing:0}
.brand .brand-logo{width:132px;height:auto;display:block}
.brand-sub{margin:0;padding:13px 0 13px 24px;border-left:1px solid var(--line);font-size:13px;font-weight:700;letter-spacing:2px;color:var(--blue)}
.brand-sub span{display:block;font-size:8px;letter-spacing:1.2px;color:var(--muted);margin-top:8px;font-weight:600}
.eyebrow{color:var(--blue)}
.intro>.eyebrow:before,.intro .eyebrow:before{content:"";display:inline-block;width:7px;height:7px;border-radius:2px;background:#f51f2b;margin-right:9px}
.download-panel{border-radius:18px}.download-copy h2{font-weight:700}.download-icon{color:white}
.collection-heading h2,.empty h3,.detail-copy h2,.help-content h2{font-weight:700}
.count{color:var(--blue);border-radius:50px}.search-wrap{border-radius:12px}.card{border-radius:13px}.card-name{font-weight:700}.price{color:var(--blue);font-weight:700}
.help-content>.primary{color:white}.detail-price{color:var(--blue)}
@media(max-width:760px){.topbar{height:112px}.brand{gap:16px}.brand .brand-logo{width:112px}.brand-sub{padding-left:16px;font-size:11px}}
@media(max-width:520px){.topbar{height:98px;gap:8px}.brand{gap:12px}.brand .brand-logo{width:94px;height:auto}.brand-sub{padding-left:12px;font-size:10px;letter-spacing:1px}.brand-sub span{font-size:6px;letter-spacing:.6px}.header-right{gap:10px}h1{font-size:38px;letter-spacing:-1.5px}.intro-copy{font-size:13px}.topbar:before{background-size:280px auto}.header-right .text-button{font-size:10px}}
@media(max-width:370px){.brand-sub span{display:none}.brand{gap:8px}.brand-sub{padding-left:8px}.brand .brand-logo{width:82px}}