:root[data-theme=dark] .site-header{background:color-mix(in srgb,rgba(250,249,245,.97) 12%,#0c1d2b);border-bottom:1px solid var(--line)}:root[data-theme=dark] .header-search{border:1px solid var(--line)}:root[data-theme=dark] .header-search input::placeholder{color:var(--ink2)}:root[data-theme=dark] .btn.accent:hover{background:color-mix(in srgb,#e1ef28 12%,#0c1d2b)}:root[data-theme=dark] .btn.out.added{background:color-mix(in srgb,#edf2e5 12%,#0c1d2b);border-color:var(--line)}:root[data-theme=dark] .site-footer{background:color-mix(in srgb,#f3f3eb 12%,#0c1d2b)}:root[data-theme=dark] .site-header .shop-disclosure>summary{border:1px solid var(--line);background:color-mix(in srgb,#edf3d8 12%,#0c1d2b)}:root[data-theme=dark] .shop-panel .shop-kicker{color:var(--ink2)}:root[data-theme=dark] .site-header .shop-panel-heading>a{background:color-mix(in srgb,#edf3d8 12%,#0c1d2b)}:root[data-theme=dark] .shop-preview-art{background:color-mix(in srgb,#eff1e7 12%,#0c1d2b);border:1px solid var(--line)}:root[data-theme=dark] .shop-preview:hover .shop-preview-art{background:color-mix(in srgb,#e8efcb 12%,#0c1d2b);border-color:var(--line)}
:root[data-theme=dark] .je-legacy .site-header{background:color-mix(in srgb,rgba(250,249,245,.97) 12%,#0c1d2b)}:root[data-theme=dark] .je-legacy .final .btn:hover{background:color-mix(in srgb,#e1ef28 12%,#0c1d2b)}:root[data-theme=dark] .je-legacy .site-footer{background:color-mix(in srgb,#f3f3eb 12%,#0c1d2b)}:root[data-theme=dark] .je-legacy .ft-hub-card{background:color-mix(in srgb,#f0f1e7 12%,#0c1d2b)}
:root[data-theme=dark] header{background:color-mix(in srgb,rgba(251,249,244,.78) 12%,#0c1d2b)}:root[data-theme=dark] .frame{background:color-mix(in srgb,#fff 12%,#0c1d2b)}:root[data-theme=dark] .badge{background:color-mix(in srgb,#fff 12%,#0c1d2b)}:root[data-theme=dark] .col .price{background:color-mix(in srgb,#fff 12%,#0c1d2b)}:root[data-theme=dark] .code .key{border:1px dashed var(--line)}:root[data-theme=dark] .grab input[type=email]:focus{background:color-mix(in srgb,#fff 12%,#0c1d2b)}:root[data-theme=dark] .popclose{background:color-mix(in srgb,rgba(251,249,244,.9) 12%,#0c1d2b)}:root[data-theme=dark] .popclose:hover{background:color-mix(in srgb,#fff 12%,#0c1d2b)}:root[data-theme=dark] .popform input[type=email]{background:color-mix(in srgb,#fff 12%,#0c1d2b)}:root[data-theme=dark] .scratchwrap{background:color-mix(in srgb,#fff 12%,#0c1d2b)}:root[data-theme=dark] .chalsteps li{background:color-mix(in srgb,rgba(251,249,244,.09) 12%,#0c1d2b);border:1px solid var(--line)}:root[data-theme=dark] .chaltag{background:color-mix(in srgb,rgba(251,249,244,.07) 12%,#0c1d2b);border:1px solid var(--line)}:root[data-theme=dark] .chalcta .ghost{border-bottom:1.5px solid var(--line)}:root[data-theme=dark] .prize .st2{background:color-mix(in srgb,rgba(255,255,255,.25) 12%,#0c1d2b)}:root[data-theme=dark] .slider{background:color-mix(in srgb,rgba(251,249,244,.07) 12%,#0c1d2b);border:1px solid var(--line)}:root[data-theme=dark] .slider .dots button{background:color-mix(in srgb,rgba(251,249,244,.45) 12%,#0c1d2b)}:root[data-theme=dark] .plwin,:root[data-theme=dark] .plwall{background:color-mix(in srgb,rgba(251,249,244,.97) 12%,#0c1d2b)}:root[data-theme=dark] .kicker{background:color-mix(in srgb,#fdece4 12%,#0c1d2b)}:root[data-theme=dark] .badge{background:color-mix(in srgb,#f2ede2 12%,#0c1d2b)}:root[data-theme=dark] .kicker{background:color-mix(in srgb,#fdece4 12%,#0c1d2b)}:root[data-theme=dark] .badge{background:color-mix(in srgb,#f2ede2 12%,#0c1d2b)}:root[data-theme=dark] header{background:color-mix(in srgb,rgba(251,249,244,.78) 12%,#0c1d2b)}:root[data-theme=dark] .frame{background:color-mix(in srgb,#fff 12%,#0c1d2b)}:root[data-theme=dark] .badge{background:color-mix(in srgb,#fff 12%,#0c1d2b)}:root[data-theme=dark] .col .price{background:color-mix(in srgb,#fff 12%,#0c1d2b)}:root[data-theme=dark] .code .key{border:1px dashed var(--line)}:root[data-theme=dark] .grab input[type=email]:focus{background:color-mix(in srgb,#fff 12%,#0c1d2b)}:root[data-theme=dark] .popclose{background:color-mix(in srgb,rgba(251,249,244,.9) 12%,#0c1d2b)}:root[data-theme=dark] .popclose:hover{background:color-mix(in srgb,#fff 12%,#0c1d2b)}:root[data-theme=dark] .popform input[type=email]{background:color-mix(in srgb,#fff 12%,#0c1d2b)}:root[data-theme=dark] .scratchwrap{background:color-mix(in srgb,#fff 12%,#0c1d2b)}:root[data-theme=dark] .chalsteps li{background:color-mix(in srgb,rgba(251,249,244,.09) 12%,#0c1d2b);border:1px solid var(--line)}:root[data-theme=dark] .chaltag{background:color-mix(in srgb,rgba(251,249,244,.07) 12%,#0c1d2b);border:1px solid var(--line)}:root[data-theme=dark] .chalcta .ghost{border-bottom:1.5px solid var(--line)}:root[data-theme=dark] .prize .st2{background:color-mix(in srgb,rgba(255,255,255,.25) 12%,#0c1d2b)}:root[data-theme=dark] .slider{background:color-mix(in srgb,rgba(251,249,244,.07) 12%,#0c1d2b);border:1px solid var(--line)}:root[data-theme=dark] .slider .dots button{background:color-mix(in srgb,rgba(251,249,244,.45) 12%,#0c1d2b)}:root[data-theme=dark] .plwin,:root[data-theme=dark] .plwall{background:color-mix(in srgb,rgba(251,249,244,.97) 12%,#0c1d2b)}:root[data-theme=dark] .claim .n{background:color-mix(in srgb,rgba(255,255,255,.25) 12%,#0c1d2b)}:root[data-theme=dark] header{background:color-mix(in srgb,rgba(251,249,244,.78) 12%,#0c1d2b)}:root[data-theme=dark] .frame{background:color-mix(in srgb,#fff 12%,#0c1d2b)}:root[data-theme=dark] .badge{background:color-mix(in srgb,#fff 12%,#0c1d2b)}:root[data-theme=dark] .col .price{background:color-mix(in srgb,#fff 12%,#0c1d2b)}:root[data-theme=dark] .code .key{border:1px dashed var(--line)}:root[data-theme=dark] .grab input[type=email]:focus{background:color-mix(in srgb,#fff 12%,#0c1d2b)}:root[data-theme=dark] .popclose{background:color-mix(in srgb,rgba(251,249,244,.9) 12%,#0c1d2b)}:root[data-theme=dark] .popclose:hover{background:color-mix(in srgb,#fff 12%,#0c1d2b)}:root[data-theme=dark] .popform input[type=email]{background:color-mix(in srgb,#fff 12%,#0c1d2b)}:root[data-theme=dark] .scratchwrap{background:color-mix(in srgb,#fff 12%,#0c1d2b)}:root[data-theme=dark] .chalsteps li{background:color-mix(in srgb,rgba(251,249,244,.09) 12%,#0c1d2b);border:1px solid var(--line)}:root[data-theme=dark] .chaltag{background:color-mix(in srgb,rgba(251,249,244,.07) 12%,#0c1d2b);border:1px solid var(--line)}:root[data-theme=dark] .chalcta .ghost{border-bottom:1.5px solid var(--line)}:root[data-theme=dark] .prize .st2{background:color-mix(in srgb,rgba(255,255,255,.25) 12%,#0c1d2b)}:root[data-theme=dark] .slider{background:color-mix(in srgb,rgba(251,249,244,.07) 12%,#0c1d2b);border:1px solid var(--line)}:root[data-theme=dark] .slider .dots button{background:color-mix(in srgb,rgba(251,249,244,.45) 12%,#0c1d2b)}:root[data-theme=dark] .ft-hub-card{background:var(--card,color-mix(in srgb,#fff 12%,#0c1d2b));border:1px solid var(--line,var(--line));box-shadow:0 16px 40px rgba(0,0,0,.35)}:root[data-theme=dark] .ft-hub-card h2{color:var(--ink)}:root[data-theme=dark] .ft-hub-card p{color:var(--ink2)}:root[data-theme=dark] .ft-hub-card .ft-cta{color:var(--ink2)}:root[data-theme=dark] header{background:color-mix(in srgb,rgba(251,249,244,.78) 12%,#0c1d2b)}:root[data-theme=dark] .frame{background:color-mix(in srgb,#fff 12%,#0c1d2b)}:root[data-theme=dark] .badge{background:color-mix(in srgb,#fff 12%,#0c1d2b)}:root[data-theme=dark] .col .price{background:color-mix(in srgb,#fff 12%,#0c1d2b)}:root[data-theme=dark] .code .key{border:1px dashed var(--line)}:root[data-theme=dark] .grab input[type=email]:focus{background:color-mix(in srgb,#fff 12%,#0c1d2b)}:root[data-theme=dark] .popclose{background:color-mix(in srgb,rgba(251,249,244,.9) 12%,#0c1d2b)}:root[data-theme=dark] .popclose:hover{background:color-mix(in srgb,#fff 12%,#0c1d2b)}:root[data-theme=dark] .popform input[type=email]{background:color-mix(in srgb,#fff 12%,#0c1d2b)}:root[data-theme=dark] .scratchwrap{background:color-mix(in srgb,#fff 12%,#0c1d2b)}:root[data-theme=dark] .chalsteps li{background:color-mix(in srgb,rgba(251,249,244,.09) 12%,#0c1d2b);border:1px solid var(--line)}:root[data-theme=dark] .chaltag{background:color-mix(in srgb,rgba(251,249,244,.07) 12%,#0c1d2b);border:1px solid var(--line)}:root[data-theme=dark] .chalcta .ghost{border-bottom:1.5px solid var(--line)}:root[data-theme=dark] .prize .st2{background:color-mix(in srgb,rgba(255,255,255,.25) 12%,#0c1d2b)}:root[data-theme=dark] .slider{background:color-mix(in srgb,rgba(251,249,244,.07) 12%,#0c1d2b);border:1px solid var(--line)}:root[data-theme=dark] .slider .dots button{background:color-mix(in srgb,rgba(251,249,244,.45) 12%,#0c1d2b)}
/* Night mode (dark theme). Variables first, then hand fixes; the rest of the file is generated from the light styles. */
:root[data-theme=dark]{color-scheme:dark;--ink:#eef1ee;--ink2:#c3ccd0;--muted:#97a5ae;--cream:#071521;--cream2:#0c1d2b;--card:#0c1d2b;--line:#1c3142;--coral:#d9ec7a;--shadow:0 16px 50px rgba(0,0,0,.35);--shadow-sm:0 5px 20px rgba(0,0,0,.25)}
:root[data-theme=dark],:root[data-theme=dark] body{background:#071521}
:root[data-theme=dark] .btn{color:#040e16}
:root[data-theme=dark] .btn:hover{background:#fff}
:root[data-theme=dark] .btn.out{color:var(--ink);background:transparent}
:root[data-theme=dark] .btn.out:hover{background:var(--ink);color:#040e16}
:root[data-theme=dark] .btn.accent,:root[data-theme=dark] .cart-offer.unlocked{color:#040e16}
:root[data-theme=dark] .pill.active,:root[data-theme=dark] .card-footer .btn:hover,:root[data-theme=dark] .dialog-close,:root[data-theme=dark] .editor-status,:root[data-theme=dark] .sale-filter.active,:root[data-theme=dark] .pbn-regions a.active{color:#040e16}
:root[data-theme=dark] .brand img,:root[data-theme=dark] .site-footer .footer-top img{filter:invert(1) hue-rotate(180deg) brightness(1.15);mix-blend-mode:normal}
:root[data-theme=dark] .site-header{background:rgba(7,21,33,.92);border-bottom-color:var(--line)}
:root[data-theme=dark] .header-search{border-color:var(--line)}
:root[data-theme=dark] .header-search input::placeholder{color:#7f8d97}
:root[data-theme=dark] .site-footer{background:#050f18}
:root[data-theme=dark] .je-bar,:root[data-theme=dark] .sale-banner,:root[data-theme=dark] .trivia-strip,:root[data-theme=dark] .trivia-custom-band,:root[data-theme=dark] .custom-trivia-done{box-shadow:inset 0 0 0 1px var(--line)}
/* Icon tiles keep their light "sticker" look so the drawn icons stay visible. */
:root[data-theme=dark] .pbn-theme-art,:root[data-theme=dark] .trivia-feature-icon{background:#e9ecdf;border-color:#e9ecdf}
:root[data-theme=dark] .pbn-theme:hover .pbn-theme-art{background:#f3f7e2}
:root[data-theme=dark] .pbn-theme.active .pbn-theme-art{background:#e5f431}
:root[data-theme=dark] .pbn-theme-count{background:#040e16;color:#f3ff49}
:root[data-theme=dark] img{color-scheme:normal}
/* Theme switch button in the header */
.theme-toggle{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;transition:background .2s,color .2s}
.theme-toggle:hover{background:var(--ink);color:var(--cream)}
:root[data-theme=dark] .theme-toggle{color:#f3ff49;border-color:#2a4256}
:root[data-theme=dark] .theme-toggle:hover{background:#f3ff49;color:#040e16}
@media(max-width:720px){.theme-toggle{width:36px;height:36px}}
/* The Conductor backdrop (night mode on the homepage and Trivia) */
.conductor-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#040e16}
:root.conductor-on,:root.conductor-on body{background:transparent}
:root.conductor-on{background:#040e16}
.conductor-scene{position:absolute;inset:-40px;opacity:0;transition:opacity 1.1s ease}
.conductor-scene.on{opacity:1}
.conductor-layer{position:absolute;inset:0;background-size:cover;background-position:center;transform:translate3d(var(--px,0),var(--py,0),0) scale(1.06);will-change:transform}
.conductor-layer.sharp{-webkit-mask-image:radial-gradient(circle 280px at calc(var(--cx,50vw) + 40px) calc(var(--cy,45vh) + 40px),#000 0,#000 42%,rgba(0,0,0,.55) 70%,transparent 100%);mask-image:radial-gradient(circle 280px at calc(var(--cx,50vw) + 40px) calc(var(--cy,45vh) + 40px),#000 0,#000 42%,rgba(0,0,0,.55) 70%,transparent 100%)}
.conductor-tint{position:absolute;inset:0;background:radial-gradient(circle 300px at var(--cx,50vw) var(--cy,45vh),rgba(4,14,22,.15),rgba(4,14,22,.62) 100%),linear-gradient(0deg,rgba(4,14,22,.5),transparent 40%)}
:root.conductor-on .site-header{background:rgba(4,14,22,.72);backdrop-filter:blur(16px) saturate(1.2)}
:root.conductor-on .site-footer{background:rgba(4,14,22,.82);backdrop-filter:blur(14px)}
:root.conductor-on .card,:root.conductor-on .collection-card,:root.conductor-on .tool-cards>a,:root.conductor-on .editorial-feature,:root.conductor-on .trivia-features li,:root.conductor-on .trivia-steps li,:root.conductor-on .trivia-faq details,:root.conductor-on .resource-links a,:root.conductor-on .seo-category-links a{background:rgba(9,24,36,.66);-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);border-color:rgba(255,255,255,.1)}
:root.conductor-on .card{border-radius:18px;padding:10px;border:1px solid rgba(255,255,255,.08)}
:root.conductor-on .trivia-faq details{padding:16px 18px;border-radius:14px;margin-bottom:8px;border:1px solid rgba(255,255,255,.08)}
:root.conductor-on .section-heading,:root.conductor-on .trivia-intro{text-shadow:0 2px 18px rgba(0,0,0,.45)}
@media(prefers-reduced-motion:reduce){.conductor-scene{transition:none}}
:root[data-theme=dark] .pdp-sale-flag small,:root[data-theme=dark] .sale-badge,:root[data-theme=dark] .sale-badge small,:root[data-theme=dark] .sale-badge b{color:#040e16}
:root[data-theme=dark] .sale-now{color:var(--je-yellow,#f3ff49)!important}
:root[data-theme=dark] .card-footer .btn{background:transparent;border-color:rgba(238,241,238,.28);color:var(--ink)}
:root[data-theme=dark] .card-footer .btn:hover{background:var(--je-yellow,#f3ff49);border-color:var(--je-yellow,#f3ff49);color:#040e16}
:root[data-theme=dark] .studio-brand img{filter:invert(1) hue-rotate(180deg) brightness(1.15);mix-blend-mode:normal}
:root[data-theme=dark] .studio-sidebar nav a[aria-current=page],:root[data-theme=dark] .studio-project-tabs a[aria-current=page]{background:rgba(243,255,73,.12);border-color:rgba(243,255,73,.35);color:#f3ff49;box-shadow:inset 3px 0 0 #f3ff49}
:root[data-theme=dark] .studio-sidebar nav a[aria-current=page] .studio-new{background:#f3ff49;color:#040e16}
:root[data-theme=dark] .studio-new{background:rgba(238,241,238,.14);color:var(--ink)}
:root[data-theme=dark] .studio-topbar .theme-toggle{margin-left:4px}
:root[data-theme=dark] .cart-badge{background:var(--je-yellow,#f3ff49);color:#040e16;font-weight:800}
:root[data-theme=dark] .pdp-offer>span{color:#040e16}
:root[data-theme=dark] .btn.accent{color:#040e16}
:root[data-theme=dark] .diamond-collection .collection-browse{background:#10222f;color:#eef1ee;--cream:#f4f2ec;--cream2:#e9e7df}
:root[data-theme=dark] .diamond-collection .collection-browse-icon{color:#040e16}
:root[data-theme=dark] .je-legacy .final{background:#10222f;color:#eef1ee;--cream:#f4f2ec;--cream2:#e9e7df}
:root[data-theme=dark] .je-legacy .final .btn{color:#040e16}
:root[data-theme=dark] .je-legacy.journal-index .pagehead{background:#10222f;color:#eef1ee;--cream:#f4f2ec;--cream2:#e9e7df}
:root[data-theme=dark] .tick{color:#040e16}
:root[data-theme=dark] .final{background:#10222f;color:#eef1ee;--cream:#f4f2ec;--cream2:#e9e7df}
:root[data-theme=dark] .final .btn{color:#040e16}
:root[data-theme=dark] .steps li:before{color:#040e16}
:root[data-theme=dark] .lic .tick2{color:#040e16}
:root[data-theme=dark] .phys .ribbon{color:#040e16}
:root[data-theme=dark] .popart .tag{background:#10222f;color:#eef1ee;--cream:#f4f2ec;--cream2:#e9e7df}
:root[data-theme=dark] .chal{background:#10222f;color:#eef1ee;--cream:#f4f2ec;--cream2:#e9e7df}
:root[data-theme=dark] .chalsteps li b{color:#040e16}
:root[data-theme=dark] .chaltag .cp:hover{color:#040e16}
:root[data-theme=dark] .chalcta .btn{color:#040e16}
:root[data-theme=dark] .prize{color:#040e16}
:root[data-theme=dark] .tier.top{background:#10222f;color:#eef1ee;--cream:#f4f2ec;--cream2:#e9e7df}
:root[data-theme=dark] .claim{color:#040e16}
:root[data-theme=dark] body{background:var(--cream);color:var(--ink)}
:root[data-theme=dark] .chaltag .cp{color:#040e16}