/* Copyright (c) 2026 Gold Standard Builder Services LLC. Mystery collection promotion. */
@font-face{font-family:BarlowPortal;src:url('/assets/fonts/barlow-condensed-black-italic.ttf') format('truetype');font-style:italic;font-weight:900;font-display:swap}
.ff-retail-header .ff-primary-nav a.ff-mystery-nav,
.ff-retail-header .ff-mobile-menu a.ff-mystery-nav{color:#6734a1;text-decoration:underline;text-decoration-color:#b69ad5;text-underline-offset:6px;text-decoration-thickness:2px}
.ff-mystery-sealed{position:relative;isolation:isolate;display:grid;place-items:center;width:100%;height:100%;min-height:210px;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#53327f 0,#231831 50%,#15111b 100%);color:#f6e9ff}
.ff-mystery-sealed::before{content:"";position:absolute;inset:12%;border:1px solid #a27bc442;border-radius:50%;box-shadow:0 0 50px #9450ca25,inset 0 0 50px #9450ca20}
.ff-mystery-shirt{width:89%;height:89%;max-height:500px;position:absolute;inset:5% 5.5%;filter:drop-shadow(0 14px 15px #0008)}
.ff-mystery-sealed-question{position:absolute;left:0;right:0;top:31%;font-family:Arial,Helvetica,sans-serif;font-weight:800;font-size:clamp(78px,8vw,150px);line-height:1;text-align:center;color:#f9eeff;text-shadow:0 0 8px #fff8,0 0 22px #c588ff,0 0 45px #a33dff}
.ff-mystery-sealed-label{position:absolute;left:8px;right:8px;bottom:8%;text-align:center;font-size:10px;font-weight:800;letter-spacing:.19em;color:#d5bce9}
.ff-collection-promo-media>.ff-mystery-sealed{position:absolute;inset:0}
.ff-collection-promo[data-collection-promo="mystery-monsters"] .ff-collection-promo-label{color:#e6d2f7}
.ff-collection-promo-media .ff-mystery-sealed-label{display:none}
.ff-showcase-media>.ff-mystery-sealed{min-height:100%}
.ff-editorial-collection-photo>.ff-mystery-sealed{min-height:100%}
.ff-mystery-home{position:relative;isolation:isolate;margin:36px 0 12px;background:#1a1025;color:#fff4d5;overflow:hidden;border:1px solid #b58a514d}
.ff-mystery-portal-scene{position:relative;isolation:isolate;display:grid;grid-template-columns:53% 47%;align-items:center;min-height:clamp(540px,47vw,730px);background:radial-gradient(ellipse at 18% 65%,#43215c69,transparent 60%),linear-gradient(135deg,#1b1028,#120e19)}
.ff-mystery-home-copy{position:relative;z-index:2;padding:clamp(32px,4vw,64px) 0 clamp(28px,3vw,48px) clamp(28px,3.6vw,58px);min-width:0}
.ff-mystery-home-masthead{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:24px}
.ff-mystery-home .ff-eyebrow{color:#f6d990;font-family:Georgia,'Times New Roman',serif;font-size:clamp(18px,1.65vw,27px);line-height:1.15;font-weight:700;letter-spacing:.055em;text-transform:uppercase;margin:0;padding-block:9px;border-block:1px solid #b98e5059}
.ff-mystery-coming-soon{display:inline-block;padding:5px 9px;background:#e6b85b;color:#1b1025;font-size:10px;line-height:1.2;font-weight:800;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}
.ff-store .ff-mystery-home h2{font-family:BarlowPortal,Impact,'Arial Narrow',sans-serif;font-size:clamp(56px,7.5vw,116px);font-weight:900;font-style:italic;line-height:.91;letter-spacing:-.02em;text-transform:uppercase;margin:0 0 24px;max-width:100%;color:#fff4d5;text-shadow:0 3px 18px #110918}
.ff-mystery-home h2 span{display:block}
.ff-mystery-home p.ff-mystery-home-description{max-width:420px;line-height:1.55;font-size:clamp(15px,1.3vw,20px);margin:0 0 25px;color:#f6eedc}
.ff-mystery-home p.ff-mystery-home-status{font-size:11px;line-height:1.5;color:#d0bdd9;margin:14px 0 0}
.ff-mystery-home-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.ff-mystery-home-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 18px;box-sizing:border-box;border:1px solid #eee0c9b3;border-radius:3px;color:#fff4dc;font-size:clamp(12px,1vw,15px);font-weight:750;text-decoration:none;transition:background-color .18s,border-color .18s}
.ff-mystery-home-actions a.ff-mystery-home-primary{border-color:#ffe5a0;background:linear-gradient(125deg,#ffdf88,#dca341);color:#1a1025;box-shadow:inset 0 0 0 1px #f7cd75,0 3px 16px #0002}
.ff-mystery-home-actions a.ff-mystery-home-primary:hover{background:#ffe2a0;border-color:#fff2d1}
.ff-mystery-home-actions a.ff-mystery-home-secondary{background:#21132a80;backdrop-filter:blur(4px)}
.ff-mystery-home-actions a.ff-mystery-home-secondary:hover{background:#42284c;border-color:#fff4dc}
.ff-mystery-home-art{position:absolute;z-index:1;inset:0 0 0 40%;display:flex;align-items:center;min-width:0;text-decoration:none;color:inherit}
.ff-mystery-home-art img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:right center;-webkit-mask-image:linear-gradient(to right,transparent,#000 30%,#000);mask-image:linear-gradient(to right,transparent,#000 30%,#000)}
.ff-mystery-home-art>span{position:absolute;right:7%;bottom:7%;padding:5px 9px;background:#160e2299;color:#f8eaff;font-size:10px;line-height:1.4;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.ff-mystery-portal-links{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:0;min-height:62px;padding:12px 24px;border-top:1px solid #c49a5c99;background:linear-gradient(90deg,#1a1028,#29152e,#1a1028)}
.ff-mystery-portal-links a{padding:4px clamp(16px,3vw,48px);color:#f6e9c9;font-family:Georgia,'Times New Roman',serif;font-size:clamp(15px,1.4vw,22px);line-height:1.4;letter-spacing:.025em;text-decoration:none;text-underline-offset:5px;text-align:center}
.ff-mystery-portal-links a+a{border-left:1px solid #b58a5166}
.ff-mystery-portal-links a:hover{text-decoration:underline}
.ff-mystery-home a:focus-visible{outline:3px solid #d6fafa;outline-offset:5px}
@media(min-width:1001px) and (max-width:1350px){
  .ff-retail-header.ff-organized-header .ff-header-inner{gap:18px;padding-inline:24px}
  .ff-retail-header.ff-organized-header .ff-primary-nav{gap:14px}
  .ff-retail-header .ff-primary-nav a{font-size:13px;white-space:nowrap}
  .ff-retail-header .ff-search-inline{width:128px}
  .ff-retail-header .ff-header-utilities{gap:10px}
  .ff-retail-header.ff-organized-header .ff-brand-name{font-size:29px}
}
@media(max-width:760px){
  .ff-mystery-home{margin:28px 0 4px}
  .ff-mystery-portal-scene{display:flex;flex-direction:column;align-items:stretch;min-height:0}
  .ff-mystery-home-copy{padding:28px 25px 0}
  .ff-mystery-home-masthead{gap:10px;margin-bottom:20px}
  .ff-mystery-home .ff-eyebrow{font-size:20px}
  .ff-store .ff-mystery-home h2{font-size:clamp(50px,13vw,82px);line-height:.94;margin-bottom:18px}
  .ff-mystery-home h2 span{display:block}
  .ff-mystery-home p.ff-mystery-home-description{font-size:15px;margin-bottom:20px;max-width:350px}
  .ff-mystery-home-actions{gap:10px}
  .ff-mystery-home-actions a{font-size:12px;padding-inline:13px;min-height:47px}
  .ff-mystery-home-art{position:relative;inset:auto;aspect-ratio:1/1;width:100%;margin-top:-5px}
  .ff-mystery-home-art img{object-position:center;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 13%,#000 90%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 13%,#000 90%,transparent)}
  .ff-mystery-home-art>span{right:6%;bottom:10%;font-size:9px}
  .ff-mystery-portal-links{min-height:0;padding:13px 10px;flex-wrap:wrap;row-gap:12px}
  .ff-mystery-portal-links a{font-family:var(--ff-body-font,Arial,sans-serif);font-size:11px;font-weight:700;padding:2px 10px;letter-spacing:0}
  .ff-mystery-sealed-question{font-size:100px}
}
@media(max-width:390px){.ff-mystery-home-copy{padding-inline:20px}.ff-mystery-coming-soon{font-size:9px}.ff-mystery-home-actions{display:grid;grid-template-columns:1fr}.ff-mystery-portal-links a{font-size:10px;padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.ff-mystery-sealed,.ff-mystery-sealed-question,.ff-mystery-home-actions a{animation:none;transition:none}}