:root{--bg:#0a1224;--bg2:#101c38;--panel:#14213fc7;--panel-solid:#14213f;--line:#a0b9eb2e;--fg:#e8eefc;--muted:#9fb0d4;--accent:#f0c36a;--accent-ink:#1a1405;--ok:#6fe0a6;--err:#ff8f8f;--radius:14px;--side:17rem;--serif:"Playfair Display", Georgia, "Times New Roman", serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,h3{font-family:var(--serif);letter-spacing:.01em;margin:0}h2{font-size:1.7rem}h3{color:var(--accent);font-size:1.15rem}p{margin:0}.landing{isolation:isolate;background:linear-gradient(#050a1a59,#050a1abf),url(/hero.jpg) 50%/cover no-repeat fixed;place-items:center;min-height:100dvh;padding:1.5rem 1rem;display:grid;position:relative}.landing:after{content:"";z-index:-1;background:radial-gradient(60% 50% at 50% 40%,#0000,#050a1a8c);position:absolute;inset:0}.landing-inner{gap:1.5rem;width:min(100%,28rem);display:grid}@media (width<=999px){.landing{background-image:linear-gradient(#050a1a4d,#050a1ab3),url(/hero-mobile.jpg);background-position:50%}.landing-inner{align-content:space-between;min-height:calc(100dvh - 3rem)}}@media (width>=1000px){.landing{place-items:center start;padding-left:clamp(2rem,6vw,7rem)}.brand{text-align:left}.brand .lang{right:0}}.brand{text-align:center;gap:.4rem;display:grid;position:relative}.brand h1{color:#fff;text-shadow:0 2px 24px #0009;font-size:clamp(2.2rem,7vw,3.4rem);line-height:1.05}.brand h1 span{color:var(--accent)}.brand .tagline{color:#dbe5ff;text-shadow:0 1px 12px #000000b3;font-size:1.05rem}.lang{position:absolute;top:-.5rem;right:-.5rem}.glass{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);padding:1.4rem;box-shadow:0 20px 50px #00000073}form{gap:1rem;display:grid}form.glass{gap:1rem}label{color:var(--muted);gap:.35rem;font-size:.85rem;display:grid}input,select{border:1px solid var(--line);color:var(--fg);font:inherit;background:#050a1a8c;border-radius:10px;padding:.75rem .85rem;font-size:1rem}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{background:var(--accent);color:var(--accent-ink);font:inherit;cursor:pointer;border:0;border-radius:10px;padding:.75rem 1.1rem;font-weight:700;transition:transform .12s,filter .12s}button:hover{filter:brightness(1.08)}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button.link{color:var(--accent);text-underline-offset:3px;background:0 0;padding:.35rem .5rem;font-weight:500;text-decoration:underline}.error{color:var(--err)}.stack{gap:1rem;display:grid}.inline{background:0 0;border:0;gap:.5rem;padding:0;display:flex}.inline input{flex:1;min-width:0}.shell{grid-template-columns:var(--side) 1fr;min-height:100dvh;display:grid}.side{border-right:1px solid var(--line);background:linear-gradient(#050a1ac7,#0a1224f5),url(/hero.jpg) 62%/cover;flex-direction:column;gap:1.2rem;height:100dvh;padding:1.4rem 1.1rem;display:flex;position:sticky;top:0;overflow-y:auto}.side .logo{font-family:var(--serif);color:#fff;font-size:1.35rem;line-height:1.1}.side .logo span{color:var(--accent)}.teambox{border:1px solid var(--line);background:#ffffff0f;border-radius:10px;gap:.15rem;padding:.7rem .8rem;display:grid}.teambox small{color:var(--muted)}.teambox strong{overflow-wrap:anywhere}.nav{flex-shrink:0;gap:.25rem;display:grid}.nav button{text-align:left;color:var(--fg);background:0 0;border-radius:10px;align-items:center;gap:.7rem;padding:.65rem .8rem;font-weight:500;display:flex;position:relative}.nav button:hover{filter:none;background:#ffffff12}.nav button.active{background:var(--accent);color:var(--accent-ink);font-weight:700}.nav .ico{text-align:center;width:1.3rem}.nav .dot{background:var(--err);color:#1a0505;border-radius:999px;margin-left:auto;padding:0 .45rem;font-size:.72rem;font-weight:700}.side .foot{justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto;display:flex}.content{min-width:0;padding:0 0 2rem}.banner{background:linear-gradient(180deg, #0a12241a, var(--bg) 96%), url(/hero.jpg) center 42% / cover;align-items:flex-end;min-height:clamp(14rem,28vw,22rem);padding:2rem clamp(1rem,4vw,3rem);display:flex;position:relative}.banner h2{color:#fff;text-shadow:0 2px 20px #0009;font-size:clamp(1.8rem,4vw,2.8rem)}.banner small{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin-bottom:.3rem;font-size:.75rem;display:block}.page{gap:1.2rem;max-width:80rem;padding:1.5rem clamp(1rem,4vw,3rem);display:grid}.casepick{max-width:22rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);align-content:start;gap:.45rem;padding:1rem 1.1rem;display:grid}.card strong{font-size:1.02rem}.card p{color:#cfd9f3;white-space:pre-line}.card.locked{opacity:.45;filter:grayscale(.6)}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:1rem;display:grid}.day{padding-top:1.4rem;position:relative}.day .num{font-family:var(--serif);color:#f0c36a38;font-size:3.4rem;line-height:1;position:absolute;top:-.1rem;right:.8rem}.day.today{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 8px 30px #f0c36a1f}.suspect{align-content:start;gap:.8rem;display:grid}.suspect img{aspect-ratio:4/5;object-fit:cover;object-position:top;border:1px solid var(--line);border-radius:12px;width:100%}.puzzle{border-left:3px solid var(--accent);background:#f0c36a0d;border-radius:0 10px 10px 0;gap:.6rem;padding:.3rem 0 .3rem .8rem;display:grid}.puzzle.done{border-left-color:var(--ok)}.puzzle .hint,.set{color:var(--muted);font-size:.9rem}code{letter-spacing:.12em;background:#ffffff1a;border-radius:6px;padding:.15rem .5rem;font-size:1.05rem}.order{gap:.45rem;margin:0;padding-left:1.3rem;display:grid}.order li span{margin-right:.5rem}.order button{margin-left:.25rem;padding:.2rem .65rem}.options{flex-wrap:wrap;gap:.5rem;display:flex}.options button{color:var(--fg);background:#ffffff1a}.options button:hover{background:var(--accent);color:var(--accent-ink)}.badge{color:#10151f;border-radius:999px;margin-left:.5rem;padding:.05rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.badge.s3{background:var(--ok)}.badge.s2{background:var(--accent)}.badge.s1{background:var(--err)}.card.evidence{background:linear-gradient(180deg, #f0c36a1f, var(--panel));border-color:#f0c36a80}.chat{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);align-content:start;gap:.6rem;height:min(55dvh,36rem);padding:.9rem;display:grid;overflow-y:auto}.msg{justify-self:start;max-width:80%}.msg.mine{text-align:right;justify-self:end}.msg small{color:var(--muted)}.msg p{white-space:pre-wrap;overflow-wrap:anywhere;background:#ffffff14;border-radius:12px;margin-top:.1rem;padding:.5rem .75rem}.msg.mine p{background:#2b4f9e}.rank{border-collapse:collapse;background:var(--panel);border-radius:var(--radius);width:100%;overflow:hidden}.rank td,.rank th{border-bottom:1px solid var(--line);text-align:left;padding:.6rem .8rem}.rank th{color:var(--accent);font-size:.85rem;font-weight:600}.rank td:first-child{width:2.5rem;color:var(--accent);font-weight:700}.rank td:last-child{text-align:right}.rank tr.me{background:#f0c36a1f;font-weight:700}fieldset{border:1px solid var(--line);border-radius:var(--radius);gap:.6rem;margin:0;padding:1rem;display:grid}legend{color:var(--accent);font-family:var(--serif);padding:0 .4rem}.choice{align-items:center;gap:.7rem;display:flex}.choice img{border-radius:8px}.newspaper{color:#1b1b1b;background:#efe6cf;border-radius:6px;max-width:42rem;padding:1.4rem;font-family:Georgia,serif;box-shadow:0 20px 50px #00000080}.newspaper h3{color:#1b1b1b;margin:.4rem 0 .7rem;font-size:1.8rem;line-height:1.15}.newspaper img{filter:grayscale()contrast(1.1);border:2px solid #1b1b1b;width:100%}.paper-name{text-align:center;letter-spacing:.25em;border-bottom:2px solid #1b1b1b;padding-bottom:.3rem;font-size:.75rem}.paper-small{font-size:.85rem}.newspaper hr{border:0;border-top:1px solid #1b1b1b}.kpis{grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:.7rem;display:grid}.kpi{text-align:center;display:grid}.kpi strong{color:var(--accent);font-size:1.7rem;font-family:var(--serif)}.kpi small{color:var(--muted)}.scroll{overflow-x:auto}.bar{justify-content:space-between;align-items:center;display:flex}@media (width<=860px){.shell{grid-template-columns:1fr;padding-bottom:4.6rem}.side{background:0 0;border:0;height:auto;padding:0;display:block;position:static}.side .logo,.side .teambox,.side .foot{display:none}.nav{z-index:20;padding:.35rem .3rem calc(.35rem + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);background:#080e1ef0;gap:0;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.nav button{text-align:center;flex-direction:column;flex:1 0 4.2rem;gap:.1rem;padding:.4rem .2rem;font-size:.68rem}.nav .ico{font-size:1.15rem}.nav .dot{margin:0;position:absolute;top:.1rem;right:.9rem}.banner{min-height:9.5rem;padding-top:1rem}.mobilebar{display:flex}.suspect{grid-template-columns:6rem 1fr}.suspect img{width:6rem}.msg{max-width:92%}}.mobilebar{z-index:10;-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#050a1ad9;justify-content:space-between;align-items:center;padding:.6rem 1rem;display:none;position:sticky;top:0}.mobilebar .logo{font-family:var(--serif);color:#fff}.mobilebar .logo span{color:var(--accent)}@media (prefers-reduced-motion:no-preference){.page>*,.grid>*{animation:.35s both rise}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}@media (width<=860px){.mobilebar{display:flex}}.landing-inner.wide{width:min(100%,60rem)}.pick-title{text-align:center;color:#fff;text-shadow:0 2px 16px #0009}.grid.cases{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}.casecard{text-align:left;color:var(--fg);background:var(--panel);-webkit-backdrop-filter:blur(14px);gap:.3rem;padding:1.3rem}.casecard:hover{border-color:var(--accent);filter:none;transform:translateY(-2px)}.casecard .year{font-family:var(--serif);color:var(--accent);font-size:2.6rem;line-height:1}.casecard strong{font-family:var(--serif);font-size:1.25rem}.casecard small{color:var(--muted)}.changecase{text-align:left}.mobileonly{display:none}@media (width<=860px){.mobileonly{display:inline-block}}@media (width>=1000px){.landing:has(.wide){place-items:center;padding-left:1rem}}.shot{aspect-ratio:16/10;object-fit:cover;border:1px solid var(--line);filter:sepia(.15)contrast(1.05);border-radius:10px;width:100%}.suspect img{filter:grayscale(.25)contrast(1.05)}.muted{color:var(--muted)}ul.plain{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}ul.plain li{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.row{flex-wrap:wrap;gap:.5rem;display:flex}.welcome{background:var(--bg)}.hero{isolation:isolate;background:linear-gradient(#050a1a66,#050a1ad1),url(/hero.jpg) 50%/cover no-repeat;place-items:center;min-height:100dvh;padding:2rem 1rem 4rem;display:grid;position:relative}@media (width<=999px){.hero{background-image:linear-gradient(#050a1a66,#050a1ad9),url(/hero-mobile.jpg)}}.hero-inner{align-items:center;gap:2rem;width:min(100%,72rem);display:grid}@media (width>=1000px){.hero-inner{grid-template-columns:1.15fr .85fr;gap:4rem}}.hero-copy{gap:1.1rem;display:grid;position:relative}.hero-copy .lang{position:absolute;top:-1rem;right:0}.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;max-width:85%;font-size:.8rem;font-weight:600}.hero-copy h1{color:#fff;text-shadow:0 2px 24px #0009;font-size:clamp(2.6rem,8vw,4.6rem);line-height:1}.hero-copy h1 span{color:var(--accent)}.lead{color:#e6edff;text-shadow:0 1px 12px #000000b3;max-width:38rem;font-size:clamp(1.05rem,2.4vw,1.3rem);line-height:1.55}.ticks{color:#dbe5ff;gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.ticks li:before{content:"✓";color:var(--accent);margin-right:.6rem;font-weight:700}.cta{background:var(--accent);color:var(--accent-ink);cursor:pointer;border:0;border-radius:999px;justify-self:start;padding:.85rem 1.7rem;font-size:1.05rem;font-weight:700;box-shadow:0 8px 28px #f0c36a4d}.cta:hover{filter:brightness(1.08)}.mobileonly-cta{display:none}@media (width<=999px){.mobileonly-cta{display:inline-block}}.hero-form{justify-self:center;width:100%;max-width:28rem}.scrollhint{color:var(--accent);font-size:1.6rem;text-decoration:none;animation:2s ease-in-out infinite bob;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}@keyframes bob{50%{transform:translate(-50%,6px)}}.band{padding:clamp(3rem,8vw,5.5rem) 1rem}.band.alt{background:var(--bg2)}.band-inner{text-align:center;gap:1rem;width:min(100%,68rem);margin:0 auto;display:grid}.band-inner.narrow{text-align:left;width:min(100%,44rem)}.band-inner h2{color:#fff;font-size:clamp(1.7rem,4.5vw,2.5rem)}.band .sub{color:var(--muted);max-width:40rem;margin:0 auto}.steps{text-align:left;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:1rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.step,.feature{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);align-content:start;gap:.5rem;padding:1.3rem;display:grid}.step p,.feature p{color:var(--muted);font-size:.95rem}.stepnum{font-family:var(--serif);color:var(--accent);font-size:2.6rem;line-height:1}.features{text-align:left;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1rem;margin-top:1.5rem;display:grid}.ficon{font-size:1.8rem}.quote blockquote{max-width:42rem;font-family:var(--serif);color:var(--accent);border:0;margin:1rem auto;padding:0;font-size:clamp(1.3rem,3.4vw,1.9rem);font-style:italic;line-height:1.4}.faq{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:.9rem 1.2rem}.faq summary{cursor:pointer;font-weight:600}.faq p{color:var(--muted);margin-top:.6rem}.band.final{background:linear-gradient(180deg, var(--bg), #050a1a);padding-bottom:1.5rem}.foot-note{text-align:center;color:var(--muted);margin-top:3rem;font-size:.8rem}.envelopes{gap:1rem;margin-top:.3rem;display:grid}.env-wrap{gap:.6rem;transition:padding .5s;display:grid}.env-wrap.open{padding-top:2rem}.envelope{cursor:pointer;color:#4a3414;text-align:left;perspective:600px;background:linear-gradient(135deg,#d2b07a,#c29a5f 55%,#b68b52);border:1px solid #7d5f33;border-radius:4px;width:100%;height:6.6rem;padding:0;transition:transform .2s,height .5s;position:relative;box-shadow:0 6px 14px #00000073,inset 0 0 22px #5a3c1440}.envelope:not(:disabled):hover{filter:none;transform:rotate(-.8deg)translateY(-2px)}.envelope:disabled{cursor:default;opacity:1}.envelope:disabled:not(.open){filter:saturate(.75)brightness(.9)}.envelope .flap{clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;z-index:2;filter:drop-shadow(0 3px 2px #00000059);background:linear-gradient(#bb9158,#a97f48);height:56%;transition:transform .7s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;right:0}.envelope.open{height:3.4rem}.envelope.open .flap{z-index:0;transform:rotateX(180deg)}.envelope.open .stamp{bottom:.45rem}.envelope.open .envlabel{bottom:.4rem}.envelope .string{z-index:3;pointer-events:none;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.envelope .string path{fill:none;stroke:#f1e6cf;stroke-width:1.8px;stroke-linecap:round}.envelope .string circle{fill:#e7d6b0;stroke:#8b6a37;stroke-width:1.2px}.envelope.open .string{opacity:0}.stamp{color:#a02319cc;font:700 .7rem/1.2 var(--sans);letter-spacing:.15em;text-transform:uppercase;z-index:1;border:2px solid #a02319bf;border-radius:3px;padding:.05rem .45rem;position:absolute;bottom:.8rem;left:.9rem;transform:rotate(-6deg)}.envlabel{font:italic 600 .95rem var(--serif);z-index:1;text-align:right;max-width:50%;position:absolute;bottom:.7rem;right:.9rem}.cluecard{background:#ffffff0f;border-radius:10px;gap:.35rem;width:100%;padding:.7rem;animation:.5s .2s both pop;display:grid}.cluecard p{color:#cfd9f3;font-size:.95rem}.cluecard.evidence{background:linear-gradient(#f0c36a1f,#ffffff0a);border:1px solid #f0c36a80}