/* Customer-facing visual layer. Admin editors keep their existing layout. */
.storefront{--bg:#eee6d5;--ink:#302d23;--muted:#756b57;--line:#bdad8c66;--green:#3a4230;--accent:#ceb47c;background-color:var(--bg);background-image:radial-gradient(ellipse at 15% 10%,#fff8e970,transparent 60%),url("data:image/svg+xml,%3Csvg viewBox='0 0 170 170' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23907b51' opacity='.075' filter='url(%23n)' d='M0 0h170v170H0z'/%3E%3C/svg%3E");}
.storefront>header{max-width:none;height:100px;padding:0 6.5%;position:relative;z-index:2;border-bottom:1px solid #a6987644}.storefront .logo{font-family:Prata,Georgia,serif;font-weight:400;letter-spacing:-3px}.storefront .logo span{font-family:Manrope,Arial,sans-serif;letter-spacing:2px}.storefront nav{gap:42px;font-size:12px}.storefront nav a{padding:9px 0}.storefront a:focus-visible,.storefront button:focus-visible{outline:2px solid #a28546;outline-offset:6px}.storefront .wrap{max-width:1440px;padding:0 6.5%}.storefront .btn{border-radius:40px;background:linear-gradient(115deg,#47503c,#30392a);box-shadow:0 5px 15px #2a30221a;padding:17px 28px;min-height:52px;font-size:13px;transition:transform .2s,box-shadow .2s}.storefront .btn:hover{transform:translateY(-2px);box-shadow:0 9px 24px #1b201d30}.storefront .btn:disabled:hover{transform:none}.storefront .eyebrow{font-size:10px;letter-spacing:3px;font-weight:500}.storefront h1,.storefront h2,.storefront h3{font-weight:400}.storefront .home-view{background:var(--bg)}
.storefront.home-view>header{position:absolute;top:0;left:6.5%;right:6.5%;padding:0;height:94px;color:#f1e8d3;border-color:#b5a47755}.mystery-hero{position:relative;isolation:isolate;min-height:790px;height:min(900px,100vh);background:radial-gradient(ellipse at 22% 38%,#51523c66,transparent 48%),linear-gradient(110deg,#252b21,#151b16 55%,#222619);color:#f4ebd6;overflow:hidden}.mystery-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 5% 5%,#b49b6240,transparent 36%),repeating-linear-gradient(120deg,#acb68503 0 1px,transparent 1px 5px);pointer-events:none}.hero-scene{position:absolute;z-index:-2;inset:-14% -2% -19% 37%;background:url('/assets/case-001.png') center 48%/cover no-repeat;mask-image:linear-gradient(90deg,transparent,#000 25%);filter:brightness(.87) saturate(.82)}.hero-content{position:relative;padding:175px 0 70px 6.5%;width:58%;max-width:830px}.hero-content .eyebrow{color:#c8bea2}.hero-content h1{font-size:clamp(55px,5.9vw,89px);line-height:1.13;letter-spacing:-2.7px;margin:32px 0 24px;text-shadow:0 2px 30px #11150d30}.hero-content em{color:#d4b16c;font-weight:400}.hero-content p{font-size:15px;line-height:1.85;color:#e0d8c6;margin-bottom:30px}.hero-content .btn{background:linear-gradient(110deg,#d2bd87,#b2955b);color:#252a20;font-family:Prata,Georgia,serif;font-size:16px;gap:40px;padding:16px 30px;box-shadow:0 8px 40px #0002}.hero-whisper{display:flex;align-items:center;gap:20px;margin-top:75px;font-size:9px;color:#bdaf87;letter-spacing:2px}.hero-whisper i{height:15px;width:1px;background:#9e8d6255}.hero-caption{position:absolute;bottom:64px;right:6.5%;font:9px monospace;letter-spacing:2px;color:#c7b787}.archive-section{position:relative;padding:75px 0 85px}.archive-section:before{content:'';position:absolute;top:-35px;left:0;right:0;height:38px;background:var(--bg);clip-path:polygon(0 40%,4% 54%,8% 35%,12% 50%,16% 30%,21% 46%,26% 38%,31% 59%,36% 40%,42% 58%,47% 39%,52% 57%,58% 35%,64% 54%,70% 42%,77% 61%,84% 40%,91% 58%,96% 46%,100% 62%,100% 100%,0 100%)}.archive-section h2{font-size:clamp(36px,4vw,56px);line-height:1.2}.archive-note{font-family:Prata,Georgia,serif;font-style:italic;color:#88795d;font-size:16px;text-align:right}.storefront .case-card{border:0;gap:7%;grid-template-columns:1fr 1fr;align-items:center;margin-top:45px}.storefront .case-info{padding:25px 0}.storefront .case-info h3{font-size:45px;margin:23px 0}.storefront .case-info p{font-size:15px;line-height:1.9;max-width:440px}.storefront .pill{border:0;padding:0;color:#756343;letter-spacing:2px;border-radius:0}.storefront .meta{font-size:11px;gap:25px;border-block:1px solid var(--line);padding:16px 0;margin:24px 0;max-width:390px}.storefront .art{border-radius:8px;box-shadow:0 24px 45px #3b30162e;background:#343a28;height:460px}.storefront .art:after{display:none}.storefront .case-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 52%}.storefront .case-card .art{transform:rotate(-2deg);margin:12px 8px;height:460px;border:8px solid #d4c6a8;outline:1px solid #b6a27b;outline-offset:3px}.storefront .case-card .art img{object-fit:cover;object-position:center 54%}.bureau-section{padding:90px 0;background:linear-gradient(120deg,#333b2c,#20291f);color:#eee5cf;position:relative}.bureau-layout{display:grid;grid-template-columns:.8fr 1.5fr;gap:8%;align-items:center}.mascot-portrait{position:relative;max-width:350px;margin:auto}.mascot-portrait img{display:block;width:100%;border-radius:48% 48% 5px 5px;border:6px solid #9b885852;filter:saturate(.65);box-shadow:0 16px 50px #10160e66}.mascot-portrait span{display:block;text-align:center;font-size:8px;letter-spacing:3px;margin-top:25px;color:#d5c391}.bureau-copy>.eyebrow{color:#c0ad7e}.bureau-copy h2{font-size:clamp(30px,3.2vw,46px);line-height:1.3}.bureau-copy h2 em{color:#cbb37e}.bureau-copy>p{color:#c9c9b7;font-size:13px;max-width:490px;line-height:1.9;margin-top:25px}.bureau-copy .step-grid{gap:25px;margin-top:36px}.bureau-copy .step-grid article{border-color:#87916d55}.bureau-copy .step-grid b{color:#bfa870;font-size:10px}.bureau-copy .step-grid h3{font-size:15px}.bureau-copy .step-grid p{color:#c2c7b4;font-size:11px}.storefront .check-banner{border-radius:18px 65px 18px 18px;background:radial-gradient(ellipse at right,#66704944,transparent 60%),#343e2c;padding:48px}.storefront .check-banner .btn.light{background:#d1ba83;color:#252c21}.storefront .news-section{padding-top:0}.storefront .news{padding:28px 12px;border-top:0}.storefront footer{padding:40px 6.5%;color:#7a705b;border-color:var(--line)}.storefront .detail-grid{gap:8%;padding:20px 0 65px;align-items:center}.storefront .detail-grid .art{height:650px;transform:rotate(-1deg)}.storefront .detail-grid .case-art img{object-fit:cover}.storefront .detail-grid p{font-size:14px;line-height:1.9}.storefront .page-top{padding-top:40px}.storefront .specs div{padding:13px 0;font-size:12px}.storefront .check-page{margin:50px auto 75px;padding:42px;max-width:690px;background:#f7f0e0;border-radius:9px 35px 9px 9px;box-shadow:0 18px 55px #111a1455;border:1px solid #c9b991;position:relative}.storefront.check-view{background:#263020 url('/assets/case-001.png') center/cover fixed;}.storefront.check-view:before{content:'';position:fixed;inset:0;background:#152014c9;pointer-events:none;z-index:-1}.storefront.check-view>header{color:#eee7d5}.storefront.check-view>footer{color:#d2c8ae}.storefront.check-view>footer .logo{color:#eee7d5}.storefront .check-page.reading{max-width:850px;padding:55px}.storefront .check-page h1{font-size:43px}.storefront .check-page select,.storefront .check-page input{background:#fffaf0;border-color:#c8b991}.storefront input,.storefront select,.storefront textarea{border-radius:7px;background:#faf5ea;border-color:#cbbb99;min-height:46px}.storefront label{font-size:12px}.storefront .form-note{font-size:11px!important}.storefront .dialog{border-radius:12px 38px 12px 12px;background:#f3ebdb;box-shadow:0 30px 100px #0007;padding:35px}.storefront .close{padding:5px 12px}.storefront .result{border-radius:7px}.storefront .section-head h2{max-width:720px}
@media(min-width:1600px){.hero-content{padding-top:185px}.hero-scene{inset:-22% 0 -30% 38%;background-position:center 49%}}
@media(max-width:1000px){.mystery-hero{min-height:720px}.hero-content{padding-top:155px;width:63%}.hero-content h1{font-size:65px}.hero-scene{left:32%;right:-20%;opacity:.85}.hero-whisper{margin-top:55px;font-size:8px;gap:12px}.bureau-layout{gap:6%;grid-template-columns:.7fr 1.3fr}.bureau-copy .step-grid{grid-template-columns:1fr;gap:12px}.bureau-copy .step-grid article{display:grid;grid-template-columns:120px 1fr;gap:8px}.bureau-copy .step-grid h3{margin:0}.bureau-copy .step-grid p{grid-column:2;max-width:none;margin:0}.storefront .detail-grid .art{height:560px}}
@media(max-width:760px){.storefront>header{height:80px}.storefront.home-view>header{height:80px}.storefront nav{gap:20px;font-size:11px}.mystery-hero{min-height:850px;height:auto}.hero-scene{inset:31% -10% -10% 10%;mask-image:linear-gradient(180deg,transparent,#000 27%);background-size:cover;background-position:center 53%;opacity:.85}.hero-content{padding:125px 6.5% 330px;width:100%;max-width:none;background:linear-gradient(180deg,#1d2619bb,transparent 80%)}.hero-content h1{font-size:54px;line-height:1.13;letter-spacing:-1.7px;margin:25px 0 20px}.hero-content .eyebrow{font-size:8px;letter-spacing:2.4px}.hero-content p{font-size:13px;margin-bottom:24px}.hero-content .btn{font-size:13px;padding:14px 24px}.hero-whisper{display:none}.hero-caption{bottom:40px;right:6.5%;font-size:8px}.archive-section{padding:42px 0 55px}.archive-section .section-head{align-items:start}.archive-section h2{font-size:35px}.archive-note{font-size:12px}.storefront .case-card{grid-template-columns:1fr;gap:12px;margin-top:30px}.storefront .case-card .art{height:400px;max-width:420px;width:calc(100% - 16px);margin:15px auto}.storefront .case-info{padding:15px 5px}.storefront .case-info h3{font-size:35px;margin:16px 0}.storefront .case-info p{font-size:13px}.storefront .bureau-section{padding:55px 0}.bureau-layout{grid-template-columns:1fr;gap:35px}.mascot-portrait{max-width:220px}.bureau-copy h2{font-size:35px}.bureau-copy .step-grid article{grid-template-columns:105px 1fr}.bureau-copy .step-grid h3{font-size:15px}.bureau-copy .step-grid p{font-size:12px}.storefront .check-banner{padding:30px;border-radius:12px 40px 12px 12px}.storefront .check-banner h2{font-size:28px}.storefront .check-page{margin:25px 5% 45px;padding:25px 22px}.storefront .check-page.reading{padding:28px 22px}.storefront .check-page h1{font-size:34px}.storefront .detail-grid{grid-template-columns:1fr;gap:28px}.storefront .detail-grid .art{height:530px;max-width:430px;width:100%;margin:auto}.storefront .detail-grid h1{font-size:39px}.storefront .dialog{padding:28px 24px}.storefront footer{gap:18px}.storefront .logo{font-size:39px}.storefront .news-section h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.storefront .btn{transition:none}.storefront .btn:hover{transform:none}}
.storefront .language-toggle{background:transparent;border:1px solid currentColor;border-radius:20px;color:inherit;padding:7px 11px;font:inherit;cursor:pointer}.storefront .brand-about{max-width:830px;margin:auto}.brand-about p{line-height:1.9;color:var(--muted);font-size:15px}.storefront .game-faq{padding-top:0;max-width:900px;margin:auto}.game-faq details{border-bottom:1px solid var(--line);padding:22px 0}.game-faq summary{cursor:pointer;font-size:18px}.game-faq p{line-height:1.85;color:var(--muted);font-size:14px;max-width:740px}.storefront .delivery-price{font-size:12px;color:var(--muted);font-weight:400}.storefront .order-intro{font-size:13px;line-height:1.7}.storefront .dialog{max-height:90vh;overflow-y:auto}.hero-content h1{font-size:clamp(45px,5.4vw,80px)}
@media(max-width:760px){.storefront nav{gap:12px;font-size:10px}.storefront .language-toggle{padding:6px 8px}.hero-content h1{font-size:41px;letter-spacing:-1.3px}.hero-content{padding-bottom:355px}.game-faq summary{font-size:16px}.storefront .dialog{max-height:88vh}}
/* Warm bureau, language-specific covers and two manually controlled banners. */
.storefront .logo{gap:15px;letter-spacing:0}.storefront .brand-mark{display:block;width:60px;height:60px;flex:none}.storefront .logo>span{font-size:8px;max-width:90px;letter-spacing:1.5px;line-height:1.8;text-transform:uppercase}.storefront footer .brand-mark{width:42px;height:42px}
.mystery-hero{min-height:710px;height:min(820px,100vh);background:#281c13}.hero-scene{inset:0;mask-image:none;filter:none;opacity:1;background:url('/assets/detective-desk.png') center/cover no-repeat}.mystery-hero:after{background:linear-gradient(90deg,#160f0ae0,#20170e99 35%,#24180a0d 75%)}.hero-content{padding-top:165px;width:59%;padding-bottom:125px}.hero-content h1{font-size:clamp(44px,5vw,72px)}.hero-whisper{margin-top:35px}.banner-controls{position:absolute;bottom:50px;left:6.5%;right:6.5%;display:flex;align-items:center;gap:25px;color:#e5d7bc}.banner-controls button{border:0;border-top:1px solid #ddccad55;background:transparent;color:#c0af91;display:flex;gap:12px;padding:13px 0 0;min-width:120px;font-size:11px;text-align:left}.banner-controls button[aria-pressed=true]{color:#f3e2bf;border-color:#f3e2bf}.banner-controls button>span:first-child{font-family:monospace;color:#c4a16d}.banner-count{margin-left:auto;font-size:11px;letter-spacing:3px}.nigar-banner .hero-scene{filter:brightness(.55);background-position:center}.banner-cover{position:absolute;right:12%;top:115px;height:calc(100% - 225px);max-width:40%;transform:rotate(3deg);box-shadow:0 24px 65px #0009}.banner-cover img{height:100%;width:auto;max-width:100%;object-fit:contain;display:block}.nigar-banner .hero-content{width:52%;padding-top:195px}.nigar-banner .hero-content h1{font-size:clamp(65px,7vw,100px)}
.storefront .case-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start}.storefront .case-grid .case-card{display:flex;flex-direction:column;gap:0;width:100%;margin:15px 0 0}.storefront .case-grid .case-card .art{height:520px;max-width:100%;width:100%;margin:0;border:0;outline:0;border-radius:4px;transform:none;box-shadow:0 18px 35px #38281526;background:#29291f}.storefront .case-grid .case-card .art img{object-fit:contain;object-position:center}.storefront .case-grid .case-info{align-self:stretch;padding:30px 0}.storefront .case-grid .case-info h3{font-size:40px;margin:12px 0}.storefront .case-grid .case-info p{max-width:none}.storefront .case-grid .meta{max-width:none}.storefront .detail-grid .art{height:auto;aspect-ratio: .623;max-height:800px;transform:none;background:#182421}.storefront .detail-grid .art img{object-fit:contain}.storefront .locked-cover img{filter:brightness(.63)}.lock-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:15px;background:#222a;padding:24px 32px;border-radius:70px;color:#eee;backdrop-filter:blur(3px)}.lock-badge svg{width:34px;height:34px}.lock-badge b{font-size:12px;letter-spacing:2px;font-weight:400}.locked-label{display:flex;gap:12px;align-items:center;font-size:12px;color:#797369;padding-top:15px}.locked-label svg{width:20px;height:20px}.soon-label{font-family:Prata,Georgia,serif;font-size:23px!important;color:#7b776b}.coming-detail{max-width:650px;text-align:center}.coming-detail .art{height:470px}.empty-cover{display:flex;align-items:center;justify-content:center;font:70px Prata,serif;color:#baaa85;background:#403b2b!important}.storefront.check-view{background:#33261c url('/assets/detective-desk.png') center/cover fixed}
@media(max-width:1000px){.hero-content{width:65%;padding-top:145px}.hero-content h1{font-size:52px}.banner-cover{right:6.5%;max-width:40%}.storefront .case-grid .case-card .art{height:430px}}
@media(max-width:760px){.storefront .brand-mark{width:43px;height:43px}.storefront .logo>span{display:block;font-size:6px;max-width:63px;letter-spacing:1px}.storefront .logo{gap:7px}.storefront nav{gap:10px;font-size:9px}.storefront nav span{margin-left:5px}.storefront .language-toggle{padding:5px 7px}.mystery-hero{height:760px;min-height:760px}.hero-scene{inset:0;opacity:1;background-position:62% center;mask-image:none}.mystery-hero:after{background:linear-gradient(180deg,#1b130be6,#1b130b8c 70%,#1b130bbf)}.hero-content{width:100%;padding:130px 6.5% 0;background:none}.hero-content h1{font-size:41px}.hero-content p{max-width:270px}.banner-controls{bottom:50px;gap:20px}.banner-controls button{min-width:95px;font-size:10px;gap:8px}.banner-count{font-size:9px;letter-spacing:1px}.banner-cover{height:300px;top:320px;right:12%;max-width:48%;transform:rotate(5deg)}.nigar-banner .hero-content{width:100%;padding-top:125px}.nigar-banner .hero-content h1{font-size:56px;margin:18px 0}.nigar-banner .hero-content p{max-width:240px;font-size:12px;margin-bottom:18px}.nigar-banner .hero-whisper{display:none}.nigar-banner .hero-content .btn{position:relative;z-index:1;padding:13px 20px}.storefront .case-grid{grid-template-columns:1fr;gap:25px}.storefront .case-grid .case-card .art{height:auto;aspect-ratio:.623;max-width:430px}.storefront .case-grid .case-info{padding-top:25px}.storefront .case-grid .case-info h3{font-size:35px}.storefront .detail-grid .art{height:auto;max-height:none;max-width:430px}.storefront .case-grid .case-card{margin-top:0}}
.mystery-hero .hero-whisper{display:none}
/* A fixed stage: the desk remains still while only the overlays move. */
.auto-hero{height:780px;min-height:780px;max-height:none}.auto-hero .hero-panel{position:absolute;inset:0;opacity:0;transform:translateX(7%);transition:opacity .85s ease,transform .85s ease;pointer-events:none;visibility:hidden}.auto-hero .hero-panel.before{transform:translateX(-7%)}.auto-hero .hero-panel.active{transform:translateX(0);opacity:1;pointer-events:auto;visibility:visible}.auto-hero .hero-content{padding-top:165px;padding-bottom:110px}.auto-hero .case-panel .hero-content{width:52%;padding-top:195px}.auto-hero .case-panel h1{font-size:clamp(65px,7vw,100px)}.auto-hero .banner-controls{justify-content:center;gap:6px;bottom:42px;z-index:2}.auto-hero .banner-controls button{min-width:44px;width:44px;height:44px;padding:0;border:0;position:relative;align-items:center;justify-content:center;color:#eee1c7}.auto-hero [data-slide]:before{content:'';width:8px;height:8px;border:1px solid #efdfc2;border-radius:50%;background:transparent;transition:background .3s}.auto-hero [data-slide][aria-pressed=true]:before{background:#efdfc2}.auto-hero [data-pause]{font-size:14px;opacity:.8}
.storefront .case-grid .case-card .art{height:auto;aspect-ratio:.623;width:100%}.storefront .case-grid .case-card .art img{width:100%;height:100%;object-fit:cover}.storefront .detail-grid .art img{object-fit:cover}.storefront .locked-cover{background:#66625b!important}.storefront .locked-cover img{filter:grayscale(1) blur(55px) brightness(.72);transform:scale(1.3);opacity:.72}.storefront .lock-badge{background:#29272499;backdrop-filter:blur(8px)}
.storefront .bureau-section{background:radial-gradient(ellipse at 15% 50%,#ead8b3,#d6c09a);color:#3c3024;border-block:1px solid #a8916650}.bureau-copy>.eyebrow,.mascot-portrait span{color:#806448}.bureau-copy h2 em{color:#865b38}.bureau-copy>p,.bureau-copy .step-grid p{color:#6b5946}.bureau-copy .step-grid article{border-color:#8c72444d}.bureau-copy .step-grid b{color:#906440}.mascot-portrait img{border-color:#92754866;box-shadow:0 15px 40px #5a3e2229}.storefront .check-banner{background:radial-gradient(ellipse at right,#82644255,transparent 60%),#433125;color:#f3e7ce}.storefront .check-banner p{color:#d6c4a7}.storefront .check-banner .btn.light{background:#dcc293;color:#38281c}.storefront .btn{background:linear-gradient(115deg,#63523c,#45372b)}.storefront .hero-content .btn{background:linear-gradient(110deg,#d2bd87,#b2955b)}
@media(max-width:760px){.auto-hero{height:780px;min-height:780px}.auto-hero .hero-content{padding:130px 6.5% 0;width:100%}.auto-hero .case-panel .hero-content{padding:125px 6.5% 0;width:100%}.auto-hero .case-panel h1{font-size:56px;margin:18px 0}.auto-hero .case-panel p{max-width:240px;font-size:12px;margin-bottom:18px}.auto-hero .case-panel .btn{position:relative;z-index:1;padding:13px 20px}.auto-hero .banner-cover{height:300px;top:335px}.auto-hero .banner-controls{bottom:40px}.storefront .case-grid .case-card .art{max-width:none;height:auto}}
@media(prefers-reduced-motion:reduce){.auto-hero .hero-panel{transition:none}}
.auto-hero .hero-panel{transition:opacity .85s ease,transform .85s ease,visibility 0s .85s}.auto-hero .hero-panel.active{transition-delay:0s}@media(prefers-reduced-motion:reduce){.auto-hero .hero-panel{transition:none}}
/* Loose archive sheets, small wax impressions and Alex's discreet trail. */
.storefront .case-grid{gap:9%;padding:12px 24px 0}.storefront .case-grid .case-card{position:relative;align-items:center}.storefront .cover-stack{position:relative;width:min(100%,345px);transform:rotate(-2.3deg);transition:transform .55s cubic-bezier(.2,.7,.2,1);margin:8px 0 0;isolation:isolate}.storefront .cover-stack:before{content:'';position:absolute;inset:6px -5px -7px 5px;border:1px solid #bfa680;background:#d8c49f;transform:rotate(2.5deg);z-index:-1;box-shadow:0 14px 28px #49321e22}.storefront .case-grid .case-card .art{width:100%;height:auto;aspect-ratio:.623;max-width:none;border-radius:2px;box-shadow:0 13px 25px #30221526}.storefront .case-grid .case-info{width:min(100%,370px);padding:35px 0 10px;align-self:center}.storefront .case-grid .case-info h3{font-size:36px}.storefront .case-grid .coming-card{padding-top:65px}.storefront .coming-card .cover-stack{transform:rotate(2.4deg)}.storefront .coming-card .case-info{padding-left:14px}.storefront .archive-tab{position:absolute;right:12px;top:-18px;padding:3px 18px 5px;background:#c5ac82;color:#58432c;z-index:-1;font:12px/1.6 monospace;letter-spacing:3px;border-radius:4px 7px 0 0}.storefront .archive-stamp{display:inline-block;color:#873d3b;border:1px solid #934b4877;outline:1px solid #934b4833;outline-offset:3px;text-transform:uppercase;font:9px/1.6 Manrope,Arial,sans-serif;letter-spacing:2px;padding:4px 12px;transform:rotate(-4deg);margin:9px 0 15px}.wax-seal{position:absolute;bottom:28px;right:-25px;width:82px;height:80px;border-radius:48% 53% 46% 52% / 51% 45% 55% 48%;background:radial-gradient(ellipse at 27% 18%,#c6685b 0,#9b4038 33%,#722927 67%,#511d20 100%);box-shadow:inset 2px 3px 4px #e0917266,inset -3px -4px 5px #43141988,3px 7px 10px #2a100c55;display:grid;place-items:center;transform:rotate(14deg);pointer-events:none}.wax-seal:after{content:'';position:absolute;inset:5px;border:1px solid #d4766070;border-radius:50% 45% 49% 48%;box-shadow:inset 1px 1px 3px #491d2388}.wax-ring{width:57px;height:57px;border:2px solid #551e2566;border-radius:50%;display:grid;place-items:center;box-shadow:inset 1px 2px 3px #43191b88,0 1px 1px #d6826177}.wax-ring svg{width:36px;height:36px;fill:#5b2229;filter:drop-shadow(0 1px 0 #ca786080)}.paw-trail{height:75px;display:flex;justify-content:center;gap:32px;align-items:center;margin-top:40px;transform:rotate(-13deg);pointer-events:none}.paw-trail svg{width:18px;height:18px;fill:#8b725233;transform:rotate(38deg)}.paw-trail svg:nth-child(2){transform:translateY(-13px) rotate(33deg);opacity:.8}.paw-trail svg:nth-child(3){transform:translateY(-4px) rotate(42deg);opacity:.55}.brand-about{position:relative}.margin-note{position:absolute;right:0;top:90px;transform:rotate(5deg);font:italic 13px Georgia,serif;color:#927650;border-bottom:1px solid #ad95714d;padding-bottom:5px}
@media(hover:hover){.storefront .case-card:hover .cover-stack{transform:rotate(0deg) translateY(-5px)}}.storefront .case-card:focus-within .cover-stack{transform:rotate(0deg) translateY(-5px)}
@media(max-width:760px){.storefront .case-grid{padding:8px 12px 0;gap:38px}.storefront .cover-stack{width:min(100% - 20px,280px)}.storefront .case-grid .coming-card{padding-top:8px}.storefront .case-grid .case-info{width:min(100%,310px);padding-top:30px}.storefront .coming-card .case-info{padding-left:0}.wax-seal{width:68px;height:66px;right:-19px;bottom:25px}.wax-ring{width:47px;height:47px}.wax-ring svg{width:29px;height:29px}.margin-note{position:static;display:block;width:max-content;margin:18px 0 24px}.paw-trail{margin-top:25px;height:50px;gap:25px}.storefront .case-grid .case-info h3{font-size:33px}}
@media(prefers-reduced-motion:reduce){.storefront .cover-stack{transition:none}.storefront .case-card:hover .cover-stack,.storefront .case-card:focus-within .cover-stack{transform:none}}
.storefront .case-story{max-width:830px;margin:0 auto;padding:15px 0 65px}.case-story>.pre-line{font-size:15px;line-height:1.95;margin-top:25px;color:#514738}.storefront .case-disclaimer{font-size:10px;line-height:1.7;color:#7a705f;max-width:950px;border-top:1px solid #baaa8b55;padding-top:20px;margin:42px 0 0}.storefront .detail-grid{align-items:start}.storefront .detail-grid h1{font-size:clamp(32px,3.7vw,50px)}
@media(max-width:760px){.storefront .case-story{padding-bottom:40px}.case-story>.pre-line{font-size:14px;line-height:1.85}.storefront .case-disclaimer{font-size:10px}.storefront .detail-grid h1{font-size:33px}}

/* Instructions flow directly on the case paper. */
.storefront .case-guide{max-width:830px;margin:36px 0 0;padding:0;border:0;background:none;color:#504b40}
.storefront .difficulty{display:flex;align-items:center;flex-wrap:wrap;gap:14px;color:#786e5e;font-size:11px;text-transform:uppercase;letter-spacing:1px}
.storefront .difficulty strong{font:24px Georgia,serif;color:#514335}.storefront .difficulty-dots{display:flex;gap:6px}.storefront .difficulty-dots i{width:7px;height:7px;border:1px solid #ac9b80;border-radius:50%}.storefront .difficulty-dots .filled{background:#88443f;border-color:#88443f}
.storefront .guide-intro{font-size:14px;line-height:1.85;margin:20px 0 28px;max-width:730px}.storefront .guide-step{border-top:1px solid #aa94774a;padding:18px 0}.storefront .guide-step summary{cursor:pointer;font:21px Georgia,serif;color:#504638;line-height:1.5}.storefront .guide-step .pre-line{font-size:14px;line-height:1.85;max-width:730px;padding:18px 0 4px}.storefront .guide-check{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;font-size:13px;color:#75463e}.storefront .guide-check>span:first-child{color:#756b5b;margin-right:8px}
@media(max-width:650px){.storefront .guide-step summary{font-size:19px}.storefront .difficulty{gap:10px}}

/* Investigation board and clearer editorial accents. */
.storefront .hero-scene{background-image:url('/assets/investigation-board.png');background-position:center center}
.storefront .mystery-hero:after{background:linear-gradient(90deg,#160f0a80,transparent 62%)}
.storefront .archive-note,.storefront .margin-note{color:#59422f}.storefront .margin-note{border-color:#79563a88}.storefront .paw-trail svg{fill:#71533788}
.storefront .section-title{font-family:Prata,Georgia,serif;font-size:clamp(28px,3vw,40px);line-height:1.35;letter-spacing:.3px;margin:0 0 14px;color:#41372b}
.storefront .section-subtitle{font-size:19px;line-height:1.5;color:#77634d;margin:0 0 28px}
.storefront .brand-about .margin-note{top:24px}
.storefront .game-faq summary{list-style:none;display:flex;align-items:center;gap:16px}.storefront .game-faq summary::-webkit-details-marker{display:none}
.storefront .game-faq summary:before{content:'';flex:0 0 22px;width:22px;height:22px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2373573e' stroke-width='1.5' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='6.5'/%3E%3Cpath d='m15 15 6 6'/%3E%3C/svg%3E");transition:transform .2s}
.storefront .game-faq details[open] summary:before{transform:rotate(-15deg)}
@media(max-width:760px){.storefront .hero-scene{background-position:60% center}.storefront .mystery-hero:after{background:linear-gradient(90deg,#160f0abf,#160f0a33)}.storefront .section-subtitle{font-size:16px}.storefront .brand-about .margin-note{margin-top:8px}}

.storefront .auto-hero .case-panel h1{font-size:clamp(38px,4.5vw,65px);line-height:1.18}.storefront .auto-hero .case-panel .hero-content{padding-top:175px}.storefront.home-view .case-grid .case-info{padding-top:24px}
@media(max-width:760px){.storefront .auto-hero .case-panel h1{font-size:36px}.storefront .auto-hero .case-panel .hero-content{padding-top:120px}.storefront .auto-hero .case-panel .banner-cover{top:425px;height:240px}}

/* Quiet, readable typography for the information sections. */
.storefront.home-view :is(.brand-about,.game-faq,.check-banner,.news-section),.storefront.home-view>footer{font-family:Georgia,serif}
.storefront.home-view :is(.brand-about,.game-faq,.check-banner,.news-section) h2{font-family:Georgia,serif;font-size:clamp(30px,3.2vw,40px);font-weight:400;line-height:1.2;letter-spacing:-.8px}
.storefront.home-view :is(.brand-about,.game-faq) p{font-size:17px;line-height:1.8}
.storefront.home-view .brand-about .section-subtitle,.storefront.home-view .game-faq .section-subtitle{font-size:18px;line-height:1.5;font-weight:400;font-style:italic}
.storefront.home-view .game-faq summary{font-size:17px;font-weight:400}.storefront.home-view :is(.check-banner,.news-section) p{font-size:17px;line-height:1.8}
@media(max-width:760px){
.storefront .auto-hero{height:870px;min-height:870px}
.storefront .auto-hero .case-panel{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding:114px 6.5% 90px}
.storefront .auto-hero .case-panel .hero-content{position:static;order:0;width:100%;padding:0;flex:0 0 auto}
.storefront .auto-hero .case-panel h1{font-size:clamp(30px,8.7vw,38px);margin:16px 0;line-height:1.17}
.storefront .auto-hero .case-panel p{font-size:13px;line-height:1.65;margin:0 0 18px;max-width:none}
.storefront .auto-hero .case-panel .banner-cover{position:relative;order:1;inset:auto;align-self:center;height:auto;width:clamp(155px,44vw,190px);max-width:100%;aspect-ratio:1032/1658;transform:rotate(2deg);flex:0 0 auto;box-shadow:0 16px 35px #0007}
.storefront .auto-hero .case-panel .banner-cover img{width:100%;height:auto;max-width:100%;object-fit:contain}
.storefront.home-view :is(.brand-about,.game-faq) p{font-size:16px;line-height:1.8}.storefront.home-view .game-faq summary{font-size:16px}
.storefront .auto-hero .hero-panel:not(.active){opacity:0;visibility:hidden;transition:none}
}

/* Shared compact stage; the cover joins the board when there is room. */
@media(min-width:480px) and (max-width:1000px){
.storefront .auto-hero{height:660px;min-height:660px}
.storefront .auto-hero .hero-content{padding-top:140px}
.storefront .auto-hero .case-panel{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:22px;padding:120px 6.5% 95px}
.storefront .auto-hero .case-panel .hero-content{position:static;order:0;flex:1 1 55%;width:55%;padding:0;min-width:0}
.storefront .auto-hero .case-panel h1{font-size:clamp(28px,4.6vw,44px);line-height:1.18;letter-spacing:-1px;margin:18px 0}
.storefront .auto-hero .case-panel p{font-size:12px;line-height:1.7;max-width:none;margin:0 0 20px}
.storefront .auto-hero .case-panel .banner-cover{position:relative;order:1;inset:auto;align-self:center;width:32%;height:auto;max-width:240px;flex:0 0 32%;aspect-ratio:1032/1658;transform:rotate(3deg)}
.storefront .auto-hero .case-panel .banner-cover img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.storefront .auto-hero .banner-controls{bottom:28px}
}
@media(max-width:479px){
.storefront .auto-hero{height:790px;min-height:790px}
.storefront .auto-hero .hero-content{padding-top:120px}
.storefront .auto-hero .hero-content h1{font-size:36px}
.storefront .auto-hero .case-panel{padding-top:108px;gap:20px;padding-bottom:70px}
.storefront .auto-hero .case-panel h1{font-size:32px}
.storefront .auto-hero .case-panel .banner-cover{width:155px}
.storefront .auto-hero .banner-controls{bottom:20px}
}

/* Tighter transition from the questions to the answer check. */
.storefront.home-view .game-faq{padding-bottom:0}
.storefront.home-view .game-faq + .section{padding-top:36px;padding-bottom:48px}
.storefront.home-view .news-section .section-head{margin-bottom:20px}
@media(max-width:760px){.storefront.home-view .game-faq + .section{padding-top:28px;padding-bottom:36px}}

/* The news label is the section heading. */
.storefront.home-view .news-section .news-title{font-family:Georgia,serif;font-size:clamp(25px,3vw,36px);font-weight:400;line-height:1.25;letter-spacing:1px;margin:0;color:var(--ink)}

/* Match the answer selectors to the case heading typography. */
.storefront .check-page label,.storefront .check-page select,.storefront .check-page select option{font-family:Prata,Georgia,serif;font-weight:400}
.storefront .check-page select{font-size:16px;line-height:1.5}