
/* Masterpieces have no rarity accent: crystal foil is their only card treatment. */
.trading-card.finish-masterpiece{--card-accent:#7dd3fc!important;--card-soft:#e0f2fe!important;position:relative;isolation:isolate;background:#132037;border:4px solid #d8efff;box-shadow:inset 0 0 0 2px #163044,0 0 0 1px #7296b6,0 14px 34px #1e3a8a28;color:#0f2447;overflow:hidden;}
.masterpiece-crystal-layer{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:1;pointer-events:none;background:#242831 url("/assets/roll-instrument/images/masterpiece-holographic-foil.jpg?v=shards-3") center/cover no-repeat;}
.finish-masterpiece>.card-topline,.finish-masterpiece>.pull-name,.finish-masterpiece>.pull-family,.finish-masterpiece>.card-badges,.finish-masterpiece>.tradition-tags,.finish-masterpiece>.card-footerline,.finish-masterpiece>.trading-card-description{position:relative;background:#ffffffdf;border-radius:5px;padding:3px 6px;color:#132d50;}
.finish-masterpiece .instrument-photo{background:#ffffffed;border:2px solid #e6fcff;box-shadow:0 0 0 3px #2037538a;position:relative;}
.finish-masterpiece:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:3;background:linear-gradient(115deg,transparent 20%,#ffffff0d 43%,#ffffff29 48%,transparent 58%);mix-blend-mode:screen;}
.finish-badge.masterpiece{background:linear-gradient(120deg,#e0f2fe,#fce7f3,#fef3c7);border:1px solid #88b9d4;color:#16324f;font-weight:800;letter-spacing:1px;}
.masterpiece-card-seal{position:absolute;right:13px;bottom:39px;z-index:4;transform:rotate(-12deg);border:3px double #284566;border-radius:7px;padding:5px 8px;font-size:10px;letter-spacing:1px;font-weight:900;color:#183b5d;background:#edfcffe8;box-shadow:0 1px 0 #fff;}
.masterpiece-card-seal small{display:block;font-size:7px;letter-spacing:2px;}
.masterpiece-locker-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;}.masterpiece-locker-heading h2{color:#1e3a8a;margin:7px 0;}.masterpiece-locker-heading p{color:#64748b;font-size:12px;max-width:600px;line-height:1.7;}.masterpiece-locker-count{padding:14px 19px;border:1px solid #bfdbfe;border-radius:14px;background:#fff;color:#2563eb;text-align:center;white-space:nowrap;}.masterpiece-locker-count strong{display:block;font-size:24px;}.masterpiece-locker-count small{font-size:10px;color:#64748b;}
.masterpiece-locker-search{display:block;font-size:12px;color:#1e3a8a;margin-bottom:18px;}.masterpiece-locker-search input{display:block;width:min(100%,360px);box-sizing:border-box;border:1px solid #bfdbfe;border-radius:10px;background:#fff;padding:10px;margin-top:7px;font:inherit;color:#1e3a8a;}

.masterpiece-locker-grid .catalog-card{min-width:0;}
.masterpiece-locker-paging{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:20px;color:#5072ac;font-size:12px;}.masterpiece-locker-paging button{border:1px solid #bfdbfe;background:#fff;border-radius:9px;padding:8px 12px;color:#2563eb;font:inherit;cursor:pointer;}
.masterpiece-guide{border-color:#a5d4ef;background:linear-gradient(130deg,#eff6ff,#fff);}.masterpiece-guide strong{color:#1e40af;}
.masterpiece-stamper{position:absolute;left:50%;top:44%;z-index:15;width:285px;height:155px;transform-origin:center;pointer-events:none;filter:drop-shadow(0 18px 8px #07152d66);}
.masterpiece-stamper[hidden]{display:none;}.masterpiece-stamp-handle{position:absolute;width:76px;height:105px;left:50%;bottom:100%;transform:translateX(-50%);border-radius:25px 25px 8px 8px;background:linear-gradient(90deg,#13233f,#738ca8 45%,#a9c6df 50%,#13233f);border:3px solid #0f1d35;box-shadow:inset 0 0 0 3px #bdd6e455;}
.masterpiece-stamp-plate{box-sizing:border-box;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;border-radius:22px;border:9px solid #14243e;background:linear-gradient(125deg,#cdfcff,#edcafb,#ffedb1,#acdfff);box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 7px #406482,0 12px 0 #060e1c;color:#122b46;font-size:27px;font-weight:900;letter-spacing:1px;text-shadow:0 1px #fff;}.masterpiece-stamp-plate span{font-size:9px;letter-spacing:3px;font-weight:700;}
.pack-opening-caption>.masterpiece-oh{font-size:clamp(35px,6vw,70px);font-weight:800;letter-spacing:-3px;color:#183b6f;animation:masterpiece-question .45s ease-out both;}
.pack-opening[data-finish=masterpiece].is-pack-revealed .pack-reveal-glow{background:radial-gradient(ellipse,#e7fdffbf,#a5b4fc4d 40%,transparent 70%);}.masterpiece-pack-rig .pack-card-front .pull-card{box-shadow:0 0 40px #a5f3fc66,0 0 80px #c4b5fd44;}
@keyframes masterpiece-question{from{opacity:0;transform:translateY(12px) scale(.6) rotate(-9deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(-3deg)}}
@media(max-width:600px){.masterpiece-locker-heading{align-items:flex-start;flex-direction:column;}.masterpiece-card-seal{font-size:8px;padding:3px 5px;right:8px;}}
@media(prefers-reduced-motion:reduce){.masterpiece-oh{animation:none!important;}}

.pack-card-front .finish-masterpiece:not(.is-masterpiece-certified) .masterpiece-card-seal{opacity:0;}
.game-tabs button[hidden]{display:none!important;}
.masterpiece-pack-rig.is-masterpiece-paused:before{content:'';position:absolute;left:53%;top:20%;width:3px;height:200px;z-index:9;background:linear-gradient(transparent,#fff,#5eead4,#d8b4fe,transparent);box-shadow:0 0 22px 5px #a5f3fc88;transform:rotate(-3deg);pointer-events:none;}
