/* Preview based on production 49d73b4. Only Home, Collection and Products. */
body.targeted-visual:is([data-view=home],[data-view=collection],[data-view=products]){--target-ink:#263f4d;--target-gold:#bc9857;color:var(--target-ink)}
body.targeted-visual:is([data-view=collection],[data-view=products]) #app>.layout{background:radial-gradient(ellipse at top,#fff9e6aa,transparent 70%),repeating-linear-gradient(113deg,#ad884f0a 0 1px,transparent 1px 9px),linear-gradient(#f7e9cb,#eed8b2)!important;color:#263f4d}
body.targeted-visual:is([data-view=collection],[data-view=products]) #app>.header{background:#f6e7c8!important;border-bottom:1px solid #c2a56d;box-shadow:none;color:#263f4d}
body.targeted-visual:is([data-view=collection],[data-view=products]) #app>.header :is(.logo,h1,h1 small){color:#263f4d!important;text-shadow:none!important}
body.targeted-visual:is([data-view=collection],[data-view=products]) #app>.header :is(button,select){background:#fff6e0;color:#263f4d;border:1px solid #c6ad79;box-shadow:none}
/* Collection keeps every card layout, image filter and interaction unchanged. */
body.targeted-visual[data-view=collection] #app>.header.collection-shell-header{min-height:48px!important;padding-top:var(--screen-safe-top,env(safe-area-inset-top,0px));background:#f6e7c8!important}
body.targeted-visual[data-view=collection] #app .collection-shell-header h1{font-family:Georgia,serif;font-size:19px!important;letter-spacing:0}
body.targeted-visual[data-view=collection] #app .collection-shell-header h1 small{font-size:8px}
body.targeted-visual[data-view=collection] #app :is(.ownership-tabs,.collection-ref-summary,.collection-ref-options,.collection-ref-options summary,.collection-progress,.collection-search input,.collection-search button,.set-mini){background:#fff8e8!important;color:#263f4d!important;border-color:#c5aa76;box-shadow:none;text-shadow:none}
body.targeted-visual[data-view=collection] #app .ownership-tabs button{background:#fff8e8!important;color:#263f4d!important;border-color:#c5aa76;text-shadow:none}
body.targeted-visual[data-view=collection] #app .ownership-tabs :is(.active,[aria-pressed=true]){background:linear-gradient(#ffe5a0,#dfbc75)!important;color:#392d19!important}
body.targeted-visual[data-view=collection] #app :is(.album-card,.card-tile,.album-rarity){background:#f8edda!important;color:#263f4d;border-color:#c7aa73;box-shadow:none}
body.targeted-visual[data-view=collection] #app :is(.album-card strong,.album-card small,.album-card-code,.collection-ref-options label,.collection-ref-options small,.rarity-title){color:#263f4d!important;text-shadow:none}
body.targeted-visual[data-view=collection] #app :is(.rarity-heading button,.rarity-section button.text-btn){background:#fff5dd;color:#263f4d;border-color:#bd9b5e}
/* Product selection: one visual hierarchy, no nested decorative boxes. */
body.targeted-visual[data-view=products] #app .wallet-strip{background:transparent!important;border:0!important;box-shadow:none!important;padding:2px 0!important}
body.targeted-visual[data-view=products] #app .wallet-strip button{background:transparent!important;color:#344f5d;border:0;box-shadow:none;text-shadow:none}
body.targeted-visual[data-view=products] #app .compact-filters{background:transparent;border:0;box-shadow:none}
body.targeted-visual[data-view=products] #app .compact-filters .tabs{background:transparent;border:0;gap:6px}
body.targeted-visual[data-view=products] #app .compact-filters .tabs button{background:#fff7e5;color:#354b56;border:1px solid #c8b184;box-shadow:none;text-shadow:none}
body.targeted-visual[data-view=products] #app .compact-filters .tabs button.active{background:#214d6f;color:#fff5d9;border-color:#b69350}
body.targeted-visual[data-view=products] #app .carousel-stage{background:radial-gradient(ellipse at 50% 75%,#cfb17830,transparent 68%)!important;border:0!important;box-shadow:none!important}
body.targeted-visual[data-view=products] #app .carousel-stage:before,body.targeted-visual[data-view=products] #app .carousel-stage:after{background:none!important;box-shadow:none!important}
body.targeted-visual[data-view=products] #app .carousel-item{background:transparent!important;border:0!important;box-shadow:none!important}
body.targeted-visual[data-view=products] #app .stage-arrow{background:#fff5dbe8;color:#23475e;border:1px solid #bea06a;box-shadow:none}
body.targeted-visual[data-view=products] #app .pack-information{background:transparent!important;border:0!important;box-shadow:none!important;padding:8px 2px!important}
body.targeted-visual[data-view=products] #app .pack-information:before,body.targeted-visual[data-view=products] #app .pack-information:after{content:none!important}
body.targeted-visual[data-view=products] #app .pack-information h2{color:#263f4d!important;text-shadow:none;font-size:clamp(18px,4.8vw,25px)}
body.targeted-visual[data-view=products] #app .pack-information :is(p,small,.pack-heading){color:#56646a}
body.targeted-visual[data-view=products] #app .pack-heading .badge{background:#e7d1a4;color:#344a56;border:0}
body.targeted-visual[data-view=products] #app .product-price{background:transparent!important;color:#263f4d!important;border:0!important;box-shadow:none!important;padding:4px 0!important}
body.targeted-visual[data-view=products] #app .product-price small{color:#657176}
body.targeted-visual[data-view=products] #app .purchase-formats{background:transparent;border:0;gap:6px;box-shadow:none}
body.targeted-visual[data-view=products] #app .purchase-formats button{background:#fff6e1!important;border:1px solid #c8b184!important;color:#354b56!important;box-shadow:none!important;text-shadow:none}
body.targeted-visual[data-view=products] #app .purchase-formats button.active{background:linear-gradient(#ffe5a0,#dbb166)!important;border-color:#b78b44!important;color:#392d19!important}
body.targeted-visual[data-view=products] #app .split-actions .btn{background:linear-gradient(#285d86,#153e60)!important;border:1px solid #b89555!important;color:#fff5db!important;box-shadow:none!important;text-shadow:none}
body.targeted-visual[data-view=products] #app .target-product-details{border-top:1px solid #c9b183;margin-top:8px;color:#394f59}
body.targeted-visual[data-view=products] #app .target-product-details>summary{padding:12px 2px;cursor:pointer;min-height:20px;font-size:13px}
body.targeted-visual[data-view=products] #app .selector-tools .text-btn{background:#fff7e5;color:#344b56;border:1px solid #c8b184;text-shadow:none}
/* Home: a decorative scene plus real official products and existing player data. */
body.targeted-visual[data-view=home] #app>.header{position:absolute!important;top:0;left:0;right:0;z-index:3;background:linear-gradient(#042e55bd,transparent)!important;border:0;box-shadow:none;pointer-events:none}
body.targeted-visual[data-view=home] #app>.header>*{pointer-events:auto}
body.targeted-visual[data-view=home] #app>.header .logo{font-size:0!important;max-width:44px;overflow:hidden}
body.targeted-visual[data-view=home] #app>.home.layout{position:relative!important;inset:auto!important;flex:1 1 0!important;height:auto!important;min-height:0!important;padding:0!important;overflow:auto!important;background:#08629a url('/assets/home-targeted/crew-fullscreen-v2.webp') center/cover no-repeat!important}
body.targeted-visual[data-view=home] #app .target-home{position:relative;display:grid;grid-template-rows:minmax(180px,1fr) auto auto;gap:8px;height:100%;min-height:540px;padding:0 12px 10px;box-sizing:border-box;width:100%;max-width:none;margin:0}
body.targeted-visual[data-view=home] #app .target-home-art{position:absolute;inset:0;background:url('/assets/home-targeted/crew-fullscreen-v2.webp') center top/cover no-repeat;pointer-events:none}
body.targeted-visual[data-view=home] #app .home-profile{position:relative!important;inset:auto!important;width:auto!important;max-width:none!important;display:flex!important;gap:6px;min-height:0!important;padding:6px 8px!important;margin:0!important;grid-row:3;background:#fff4dbe8!important;border:1px solid #b89049;color:#183f5b;box-shadow:0 1px 4px #33251140;z-index:1}
body.targeted-visual[data-view=home] #app .home-profile-emblem{width:28px;height:28px;flex:none}
body.targeted-visual[data-view=home] #app .home-profile strong{font-size:15px!important;color:#21435b;text-shadow:none}
body.targeted-visual[data-view=home] #app .home-profile small{font-size:10px!important;color:#4b5c62;text-shadow:none}
body.targeted-visual[data-view=home] #app .home-profile .progress{height:4px}
body.targeted-visual[data-view=home] #app .target-home-opening{position:relative;z-index:1;grid-row:2;padding:0}
body.targeted-visual[data-view=home] #app .target-home-packs{display:flex;align-items:flex-end;justify-content:center;height:160px;gap:0;pointer-events:none}
body.targeted-visual[data-view=home] #app .target-home-packs .real-pack-art{height:135px;width:auto;aspect-ratio:var(--pack-ratio,.54);filter:drop-shadow(0 4px 6px #3f291c80)}
body.targeted-visual[data-view=home] #app .target-home-packs .real-pack-art:first-child{transform:rotate(-12deg) translateX(12px)}
body.targeted-visual[data-view=home] #app .target-home-packs .real-pack-art:nth-child(2){height:160px;z-index:1}
body.targeted-visual[data-view=home] #app .target-home-packs .real-pack-art:last-child{transform:rotate(12deg) translateX(-12px)}
body.targeted-visual[data-view=home] #app .target-home-open{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:56px;padding:10px 12px;font-size:clamp(20px,5.4vw,28px);font-family:Georgia,serif;background:linear-gradient(#1476b7,#082e52)!important;color:#fff0c4!important;border:3px solid #d8ad51;outline:1px solid #805b24;box-shadow:inset 0 0 0 2px #fff1ae66,0 4px 6px #61451d55;text-shadow:0 2px #042745}
body.targeted-visual[data-view=home] #app .target-home-open svg{width:28px;height:28px}
body.targeted-visual[data-view=home] #app .home-tools{position:relative!important;inset:auto!important;width:auto!important;max-width:none!important;grid-row:4;height:auto!important;max-height:none!important;overflow:visible!important;margin:0!important;background:#fff4dae8!important;color:#29424f;border-color:#b5975c;z-index:2}
body.targeted-visual[data-view=home] #app .home-tools>summary{font-size:13px!important;color:#29424f!important;padding:10px 12px}
body.targeted-visual[data-view=home] #app .home-tools>summary:before,body.targeted-visual[data-view=home] #app .home-tools>summary:after{content:none!important}
body.targeted-visual[data-view=home] #app .home-menu{position:relative!important;inset:auto!important;background:#f6e4c0;color:#29424f}
body.targeted-visual[data-view=home] #app .home-caption{position:relative!important;inset:auto!important;margin:5px;text-align:center;color:#5e5847;font-size:10px}
@media(max-height:740px){body.targeted-visual[data-view=home] #app .target-home-packs{height:125px}body.targeted-visual[data-view=home] #app .target-home-packs .real-pack-art{height:105px}body.targeted-visual[data-view=home] #app .target-home-packs .real-pack-art:nth-child(2){height:125px}}
body.targeted-visual[data-view=home] #app>.nav{position:relative!important;inset:auto!important;flex:0 0 auto}
body.targeted-visual[data-view=home] #app .home-caption{display:none}

@media(min-width:760px){
 body.targeted-visual[data-view=home] #app>.header .logo{font-size:22px!important;max-width:none}
 body.targeted-visual[data-view=home] #app .target-home-art{background-image:url('/assets/missions-reference/banner-v1.png');background-size:cover;background-position:center}
 body.targeted-visual[data-view=home] #app .target-home-opening,body.targeted-visual[data-view=home] #app .home-profile,body.targeted-visual[data-view=home] #app .home-tools{width:min(100%,540px)!important;justify-self:center;box-sizing:border-box}
}