/*
Theme Name: Coin Pack Breaks
Description: Coin Pack Breaks coming-soon catalog, with nine games and included advertising cards.
Version: 1.0.2
Author: Coin Pack Breaks
Text Domain: coinpackbreaks
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500&display=swap');
:root{color-scheme:dark;--bg:#0c0d10;--panel:#14161b;--gold:#e4ba72;--text:#f5f1e9;--muted:#aaa9ae;--line:#303136}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.announcement{text-align:center;background:var(--gold);color:#20190e;font-size:12px;font-weight:700;letter-spacing:.15em;padding:9px 16px}.announcement span{margin:0 18px}header{max-width:1440px;padding:28px 5%;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:700;line-height:1.1;letter-spacing:.07em}.brand b{display:block;letter-spacing:.27em;margin-top:5px}.coin{border:1px solid var(--gold);border-radius:50%;height:44px;width:44px;display:grid;place-items:center;color:var(--gold);font-family:Georgia,serif;font-size:28px}nav{display:flex;gap:32px;font-size:14px}nav a:hover{color:var(--gold)}.header-note{font-size:12px;letter-spacing:.15em;color:var(--muted)}main{max-width:1440px;margin:auto}.hero{display:grid;grid-template-columns:1.1fr 1fr;padding:55px 7% 45px;gap:55px;align-items:center}.eyebrow{color:var(--gold);font-size:12px;letter-spacing:.19em;font-weight:700;margin:0 0 22px}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;line-height:1.1;letter-spacing:-.035em;margin:0}h1{font-size:clamp(46px,5.5vw,80px)}h1 em{font-weight:500;color:var(--gold)}.intro{max-width:450px;color:var(--muted);margin:25px 0 28px;font-size:17px}.primary{display:inline-flex;align-items:center;gap:55px;background:var(--gold);color:#17140e;padding:16px 24px;font-weight:700;font-size:14px}.primary:hover{background:#f3cc8d}.launch-note{font-size:13px;color:var(--muted);margin-top:17px}.hero-art{position:relative;text-align:center;background:radial-gradient(ellipse at center,#44311c55,transparent 70%);min-width:0}.hero-art img{height:475px;max-width:100%;object-fit:contain;display:block;margin:15px auto}.edition,.hero-caption{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.13em;color:var(--muted)}.edition span{color:var(--gold)}.hero-caption{border-top:1px solid var(--line);padding-top:15px}.facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 7%;padding:26px 0}.facts>div{display:flex;align-items:center;gap:20px;padding:0 25px;border-right:1px solid var(--line)}.facts>div:first-child{padding-left:0}.facts>div:last-child{border:0}.facts strong{font-family:Georgia,serif;font-weight:400;font-size:34px;color:var(--gold)}.facts span{font-size:13px;color:var(--muted);line-height:1.5}.collection{padding:78px 7%}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section-heading h2,.how h2{font-size:48px}.section-heading .eyebrow{margin-bottom:14px}.section-heading>p{color:var(--muted);font-size:15px;text-align:right;margin:0}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}.product-art{position:relative;width:100%;border:1px solid #2b2c31;display:block;background:#13151a;cursor:pointer;padding:32px 22px 22px;overflow:hidden}.product-art:hover{border-color:var(--gold)}.product-art img{height:330px;width:100%;object-fit:contain;display:block;transition:transform .25s}.product-art:hover img{transform:scale(1.025)}.tier-label{position:absolute;top:12px;left:12px;z-index:1;background:#121317ed;border:1px solid #585042;color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.1em;padding:3px 9px}.blue .tier-label{color:#a8d8ff;border-color:#43556b}.red .tier-label{color:#efa6a6;border-color:#6d3c3c}.purple .tier-label{color:#d9b4f9;border-color:#5f4772}.product-info{padding-top:18px}.product-meta{color:var(--muted);font-size:10px;letter-spacing:.075em;margin:0 0 7px}.product-info h3{font-size:20px;line-height:1.3;font-weight:500;margin:0 0 14px}.product-bottom{display:flex;gap:8px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:13px}.product-bottom>span{font-size:13px;color:var(--gold)}.details{background:none;border:0;padding:5px 0;color:var(--text);font-size:13px;cursor:pointer}.details span{margin-left:7px}.how{padding:65px 7%;background:#14161b;display:grid;grid-template-columns:1fr 1.2fr;gap:55px;border-block:1px solid var(--line)}.how ol{list-style:none;padding:0;margin:0}.how li{display:flex;gap:25px;padding:24px 0;border-bottom:1px solid var(--line)}.how li:first-child{padding-top:0}.how li:last-child{border:0;padding-bottom:0}.how li>span{color:var(--gold);font-size:13px}.how h3{font-size:18px;margin:0 0 7px;font-weight:500}.how li p{color:var(--muted);font-size:15px;margin:0}.closing{text-align:center;padding:75px 20px}.closing h2{font-size:40px}.closing>p:not(.eyebrow){color:var(--muted)}.closing>a{display:inline-block;border-bottom:1px solid var(--gold);padding:8px 0;color:var(--gold);font-size:14px}.closing>a span{margin-left:25px}footer{border-top:1px solid var(--line);padding:30px 7%;display:flex;align-items:center;justify-content:space-between;gap:28px;max-width:1440px;margin:auto}footer p{font-size:14px;color:var(--gold)}footer small{font-size:12px;color:var(--muted);max-width:420px}.modal-open{overflow:hidden}dialog{width:min(1100px,94vw);max-height:92vh;background:#14161b;color:var(--text);border:1px solid #50432e;padding:35px;overflow:auto}dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}.close{position:absolute;right:12px;top:6px;background:transparent;border:0;color:white;font-size:32px;cursor:pointer;width:40px;height:40px;z-index:2}.detail-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:35px}.gallery{display:flex;flex-direction:column;justify-content:start;min-width:0;background:#0d0f13;padding:15px}.gallery-tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.gallery-tabs button{background:transparent;border:1px solid var(--line);color:var(--muted);font-size:12px;padding:9px 12px;cursor:pointer}.gallery-tabs button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.gallery img{width:100%;height:550px;object-fit:contain}.detail-copy{padding:30px 0}.detail-copy h2{font-size:40px}.detail-copy>p:not(.eyebrow){color:var(--muted)}.price{font-size:22px;color:var(--gold);padding:20px 0;border-block:1px solid var(--line);margin:25px 0}.detail-copy h3{font-size:16px;font-weight:500}.detail-copy ul{padding-left:21px;line-height:2}.included{font-size:14px}.purchase{width:100%;padding:15px;border:1px solid #62583e;background:#2c281f;color:#d9c6a4;margin-top:14px;cursor:not-allowed}.fine{font-size:12px;line-height:1.6}@media(min-width:1450px){header{border-inline:1px solid var(--line)}}@media(max-width:1000px){.header-note{display:none}.hero{gap:25px;padding-inline:5%}.hero-art img{height:420px}.facts{margin-inline:5%}.facts>div{padding-inline:15px;gap:12px}.facts strong{font-size:27px}.collection{padding-inline:5%}.product-art img{height:280px}.product-bottom{align-items:start;flex-direction:column}.detail-layout{gap:20px}.gallery img{height:460px}}@media(max-width:700px){header{padding:22px 5%}.brand{font-size:13px}.coin{width:35px;height:35px;font-size:24px}nav{gap:17px;font-size:12px}.announcement{font-size:10px;letter-spacing:.08em}.announcement span{margin:0 8px}.hero{grid-template-columns:1fr;padding-top:35px;gap:25px}h1{font-size:52px}.hero-copy{max-width:500px}.intro{font-size:16px}.hero-art img{height:360px}.hero-art{max-width:450px;width:100%;margin:auto}.facts{grid-template-columns:1fr;padding:0}.facts>div,.facts>div:first-child{padding:18px 0;border-right:0;border-bottom:1px solid var(--line);gap:22px}.facts strong{min-width:100px}.facts span br{display:none}.collection{padding-top:50px}.section-heading h2,.how h2{font-size:38px}.section-heading>p{display:none}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}.product-art{padding:38px 8px 13px}.product-art img{height:235px}.product-meta{font-size:9px;line-height:1.6}.product-info h3{font-size:17px}.product-bottom>span{font-size:12px}.how{grid-template-columns:1fr;padding:45px 5%;gap:30px}.closing h2{font-size:34px}footer{flex-direction:column;align-items:start;padding-inline:5%}footer p{margin:0}.detail-layout{grid-template-columns:1fr}dialog{padding:35px 16px 15px}.gallery img{height:370px}.detail-copy{padding-top:0}.detail-copy h2{font-size:34px}.hero .eyebrow{font-size:11px}}@media(max-width:380px){nav{gap:10px;font-size:11px}.product-art img{height:200px}h1{font-size:45px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.contact{padding:60px 5%;text-align:center;border-top:1px solid var(--line)}.contact h2{font-size:clamp(32px,4vw,48px)}.contact>p:not(.eyebrow){max-width:550px;margin:22px auto;color:var(--muted)}.contact>a{color:var(--gold);font-size:clamp(16px,3vw,24px);overflow-wrap:anywhere}.contact a:hover,footer p a:hover{text-decoration:underline}footer p a{font-size:13px;color:var(--gold)}@media(max-width:450px){header{flex-wrap:wrap}nav{width:100%;justify-content:space-between}}

.gallery figure{margin:0}.gallery figcaption{color:var(--gold);font-size:13px;text-align:center;margin:0 0 14px}.gallery .pack-preview img{height:300px;width:100%;object-fit:contain}.gallery .card-preview{margin-top:30px}.gallery .card-preview img{width:100%;height:auto;max-height:none;display:block;border-radius:5px}.card-preview p{text-align:center;color:var(--muted);font-size:12px;margin:10px 0}.card-preview a{display:block;cursor:zoom-in}dialog{max-width:1200px}.detail-layout{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}@media(max-width:700px){.detail-layout{grid-template-columns:1fr}.gallery .pack-preview img{height:240px}}