/* Mystery Logic v4 visual system + restored Storefront v2 functional UX. */
.ref-functional-header{grid-template-columns:280px 1fr 178px}
.ref-functional-header .ref-nav{gap:28px}
.ref-dossier-cta{font-family:Georgia,'Times New Roman',serif;white-space:nowrap}
.ref-dossier-icon{width:24px;height:24px;border:1px solid var(--ref-gold);display:grid;place-items:center;color:var(--ref-gold);font:13px Georgia,serif}
.ref-home-actions-v2{flex-wrap:wrap;gap:12px}
.ref-home-actions-v2 .ref-btn{min-height:50px;padding:0 20px}
.ref-method-v2{margin:26px 8px 20px;padding:28px;border:1px solid var(--ref-line);border-radius:5px;background:radial-gradient(circle at 12% 15%,rgba(197,140,58,.07),transparent 24rem),#06131d}
.ref-method-head{text-align:center;max-width:760px;margin:0 auto 22px}.ref-method-head h2{margin:9px 0;color:var(--ref-cream);font:400 34px Georgia,serif}.ref-method-head>p:last-child{margin:0;color:#bdb4a8;font-size:13px;line-height:1.6}
.ref-method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ref-method-grid article{min-height:150px;padding:20px;border:1px solid var(--ref-line-soft);background:#071620}.ref-method-grid article>span{color:var(--ref-gold2);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.ref-method-grid h3{margin:10px 0;color:#e2cfac;font:400 21px Georgia,serif}.ref-method-grid p{margin:0;color:#bdb4a8;font-size:12px;line-height:1.55}
.ref-catalog-progress{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;margin:0 8px 18px;padding:18px 20px;border:1px solid var(--ref-line);background:#06131c}.ref-progress-copy small{display:block;color:#9e927f;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.ref-progress-copy strong{display:block;margin:5px 0 9px;color:#dfc9a4;font:400 18px Georgia,serif}.ref-progress-track{width:100%;height:4px;background:#10212c;overflow:hidden}.ref-progress-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,#9f6c2d,#d8a955)}.ref-progress-actions{display:flex;gap:9px}.ref-progress-actions .ref-btn{min-height:40px;padding:0 14px;font-size:12px;background:#071620}
.ref-functional-catalog-bar{align-items:flex-end;gap:20px}.ref-functional-catalog-bar>div:first-child span{display:block;margin-top:4px;color:#938879;font-size:10px}.ref-functional-catalog-bar .ref-filters{flex-wrap:wrap;justify-content:flex-end}.ref-search{height:36px;width:190px;border:1px solid var(--ref-line-soft);border-radius:5px;background:#06131c;color:#d8d0c4;padding:0 12px;font-size:11px;outline:none}.ref-search:focus,.ref-select:focus{border-color:var(--ref-gold)}.ref-unsolved{height:36px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--ref-line-soft);border-radius:5px;color:#b8aea0;font-size:10px;background:#06131c}.ref-unsolved input{accent-color:#c58c3a}
.ref-free-grid .ref-case{min-height:308px}.ref-free-grid .ref-case-body{display:flex;flex-direction:column;min-height:126px}.ref-progress-badge{display:block;margin-bottom:7px;color:#c99a50;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.ref-case-open{display:inline-flex;margin-top:auto;padding-top:11px;color:#d5a24d;text-decoration:none;font:400 13px Georgia,serif}.ref-case-open:hover{color:#efc477}.case-card.is-hidden{display:none!important}
.ref-who-after-grid-v2{display:flex!important;gap:12px;justify-content:center;flex-wrap:wrap}.ref-who-after-grid-v2 .ref-btn{min-width:260px}
.ref-volume-free-head{align-items:flex-end}.ref-volume-free-head p{max-width:650px;margin:7px 0 0;color:#aaa092;font-size:12px;line-height:1.5}.ref-paid-library-lead{max-width:760px;margin:-4px 0 18px;color:#aaa092;font-size:12px;line-height:1.55}
.ref-volume-faq{margin:26px 8px 18px;padding:24px 26px;border:1px solid var(--ref-line);background:#06131d}.ref-volume-faq-head h2{margin:8px 0 18px;color:#e2cfac;font:400 30px Georgia,serif}.ref-volume-faq-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}.ref-volume-faq details{border:1px solid var(--ref-line-soft);background:#071620;padding:0 14px}.ref-volume-faq summary{cursor:pointer;padding:14px 0;color:#ddc6a0;font:400 15px Georgia,serif}.ref-volume-faq p{margin:0 0 14px;color:#aaa092;font-size:12px;line-height:1.55}.ref-volume-faq a{color:#d3a14e}
.ref-short-duel-cta{margin-top:12px;min-height:44px}
.ref-who-duel-v2{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;margin:24px 8px;padding:22px 24px;border:1px solid rgba(130,183,150,.3);background:radial-gradient(circle at 100% 0,rgba(130,183,150,.08),transparent 16rem),#06131d}
.ref-who-duel-v2 h2{margin:7px 0;color:#e2cfac;font:400 27px Georgia,serif}.ref-who-duel-v2 p:last-child{max-width:720px;margin:0;color:#b8afa3;font-size:12px;line-height:1.6}
.ref-functional-footer>span:last-child{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:14px 18px}
.ref-free-grid>.case-card{display:block;gap:0;padding:0;border:0;border-radius:6px;background:transparent;box-shadow:none;min-width:0}
.ref-free-grid>.case-card>.ref-case-shell{display:block;height:100%;box-sizing:border-box}
.ref-free-grid>.case-card.is-solved>.ref-case-shell{border-color:rgba(118,168,127,.46)}
.ref-free-grid>.case-card.is-active-case>.ref-case-shell{border-color:rgba(215,158,68,.65)}
.ref-free-grid>.case-card .ref-case-open{display:inline-flex;justify-content:flex-start;align-items:center;min-height:auto;margin-top:auto;padding:11px 0 0;border-radius:0;background:none;color:#d5a24d;font:400 13px Georgia,'Times New Roman',serif;text-decoration:none}
.ref-free-grid>.case-card .ref-case-open:hover{color:#efc477;text-decoration:none}
.ref-catalog-volume-v2{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;margin:24px 8px;padding:24px 26px;border:1px solid var(--ref-line);background:radial-gradient(circle at 100% 0,rgba(197,140,58,.08),transparent 20rem),#06131d}
.ref-catalog-volume-v2 h2{margin:7px 0;color:#e2cfac;font:400 28px Georgia,serif}.ref-catalog-volume-v2 p:last-child{max-width:680px;margin:0;color:#aaa092;font-size:12px;line-height:1.55}
.ref-premium-archives{margin:30px 8px 28px;padding:26px;border:1px solid var(--ref-line);background:radial-gradient(circle at 100% 0,rgba(197,140,58,.07),transparent 24rem),#06131d}.ref-premium-archives-head{max-width:760px;margin-bottom:18px}.ref-premium-archives-head h2{margin:7px 0;color:#e2cfac;font:400 30px Georgia,serif}.ref-premium-archives-head>p:last-child{margin:0;color:#aaa092;font-size:12px;line-height:1.55}.ref-premium-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ref-premium-archive-grid .volume-archive-card{min-height:152px;margin:0;padding:17px 18px;border:1px solid var(--ref-line-soft);border-radius:4px;background:#071620;box-shadow:none}.ref-premium-archive-grid .volume-archive-card h3{margin:9px 0 8px;color:#dfc9a4;font:400 19px Georgia,serif}.ref-premium-archive-grid .volume-archive-card p{margin:0;color:#a9a093;font-size:11px;line-height:1.5}.ref-premium-archive-grid .volume-archive-card>strong{display:block;margin-top:12px;color:#c9994c;font-size:10px;letter-spacing:.05em}.ref-premium-archives-action{display:flex;justify-content:flex-end;margin-top:18px}
@media(max-width:980px){.ref-functional-header{grid-template-columns:1fr auto;height:auto;min-height:76px;padding:8px 0}.ref-functional-header .ref-nav{display:flex;grid-column:1/-1;grid-row:2;justify-self:start;overflow-x:auto;width:100%;gap:20px;scrollbar-width:none}.ref-functional-header .ref-nav::-webkit-scrollbar{display:none}.ref-functional-header .ref-nav a{padding:12px 0 14px;white-space:nowrap}.ref-dossier-cta{grid-column:2;grid-row:1}.ref-method-grid{grid-template-columns:1fr}.ref-catalog-progress{grid-template-columns:1fr}.ref-progress-actions{flex-wrap:wrap}.ref-functional-catalog-bar{align-items:flex-start;flex-direction:column}.ref-functional-catalog-bar .ref-filters{justify-content:flex-start}.ref-volume-faq-list{grid-template-columns:1fr}.ref-premium-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.ref-wrap{width:min(100% - 28px,1180px)}.ref-brand-copy small{display:none}.ref-dossier-cta{font-size:11px;gap:7px}.ref-dossier-cta .ref-dossier-icon{font-size:13px}.ref-home-actions-v2{display:grid;grid-template-columns:1fr}.ref-home-actions-v2 .ref-btn{width:100%;box-sizing:border-box}.ref-catalog-progress{margin-left:0;margin-right:0}.ref-progress-actions{display:grid;grid-template-columns:1fr}.ref-functional-catalog-bar{margin-left:0;margin-right:0}.ref-functional-catalog-bar .ref-filters{display:grid;width:100%;grid-template-columns:1fr}.ref-search,.ref-select,.ref-unsolved{width:100%;box-sizing:border-box}.ref-method-v2,.ref-volume-faq{margin-left:0;margin-right:0;padding:20px 16px}.ref-who-after-grid-v2 .ref-btn{min-width:0;width:100%}.ref-volume-free-head{display:grid;gap:12px}.ref-volume-free-head .ref-btn{width:100%;box-sizing:border-box}.ref-who-duel-v2{grid-template-columns:1fr;margin-left:0;margin-right:0}.ref-who-duel-v2 .ref-btn{width:100%;box-sizing:border-box}.ref-functional-footer>span:last-child{justify-content:flex-start}.ref-catalog-volume-v2{grid-template-columns:1fr;margin-left:0;margin-right:0}.ref-catalog-volume-v2 .ref-btn{width:100%;box-sizing:border-box}.ref-premium-archives{margin-left:0;margin-right:0;padding:20px 16px}.ref-premium-archive-grid{grid-template-columns:1fr}.ref-premium-archives-action{display:grid}.ref-premium-archives-action .ref-btn{width:100%;box-sizing:border-box}}

/* Sitewide internal link to the ranked two-player landing page. */
.ref-nav-coop-short{display:none}
@media(max-width:700px){
  .ref-functional-header .ref-nav{gap:10px;justify-content:space-between}
  .ref-functional-header .ref-nav a{font-size:11px}
  .ref-nav-coop-full{display:none}
  .ref-nav-coop-short{display:inline}
}