.codebreakerRoot{--code-ink:#2d2017;--code-walnut:#4a2f1d;--code-walnut-dark:#2d1c12;--code-leather:#744b2b;--code-brass:#d9a441;--code-parchment:#f3e6cc;--code-paper:#fff9ed;min-height:100vh;color:var(--code-ink);background:radial-gradient(circle at 18px 18px,#4f331c0f 0 1px,#0000 1.6px) 0 0/32px 32px,linear-gradient(#f5ead6 0%,#eee0c6 100%)}.codebreakerHeader{border-bottom:5px solid var(--code-walnut-dark);height:auto;min-height:78px;box-shadow:0 3px 0 var(--code-brass), 0 9px 23px #2d1c1229;background:#fffaf0;align-items:center;gap:18px;padding:9px clamp(16px,4vw,62px);display:flex}.codebreakerHeader>b{border:2px solid var(--code-ink);box-shadow:3px 3px 0 var(--code-ink);color:#fff6df;background:var(--code-walnut);font:900 10px/1 var(--font-punworks-display),Arial,sans-serif;letter-spacing:1.45px;border-radius:7px;flex:none;padding:8px 11px;transform:rotate(-1deg)}.codebreakerHeader nav{margin-left:auto}.codebreakerHero{color:#fff8e8;border-bottom:5px solid var(--code-walnut-dark);background:linear-gradient(90deg,#ffffff09 1px,#0000 1px) 0 0/50px 50px,linear-gradient(0deg,#ffffff06 1px,#0000 1px) 0 0/50px 50px,radial-gradient(circle at 77% 43%,#e6b45b2e,#0000 28%),linear-gradient(132deg,#2d1c12 0%,#4b301d 48%,#6e492c 100%);grid-template-columns:1.08fr .92fr;align-items:center;gap:58px;min-height:570px;padding:76px max(24px,50vw - 580px);display:grid;position:relative;overflow:hidden}.codebreakerHero:before,.codebreakerHero:after{content:"";pointer-events:none;position:absolute}.codebreakerHero:before{border:1px solid #e9c47938;inset:22px;box-shadow:inset 0 0 0 7px #26170e21}.codebreakerHero:after{border:4px double #e5b85b2e;border-radius:50%;width:370px;height:370px;bottom:-110px;right:-90px}.codebreakerHero>*{z-index:1;position:relative}.codeKicker{color:#e5bb68;font:800 12px/1.3 var(--font-punworks-display),Arial,sans-serif;letter-spacing:2.35px;margin:0 0 15px}.codebreakerHero h1{color:#fff9eb;max-width:720px;font:700 clamp(59px,7.1vw,104px)/.88 var(--font-punworks-reading),Georgia,"Times New Roman",serif;letter-spacing:-5.5px;text-shadow:0 4px #170d0873;margin:0}.codeIntro{color:#efe2cb;max-width:650px;font:700 18px/1.52 var(--font-punworks-reading),Georgia,serif;margin:28px 0 31px}.codePrimary{color:#2d2017;font:800 14px/1.25 var(--font-punworks-display),Arial,sans-serif;letter-spacing:.35px;background:linear-gradient(#f0cb78,#d9a441);border:3px solid #21150e;border-radius:8px;align-items:center;padding:15px 18px;text-decoration:none;display:inline-flex;box-shadow:6px 6px #21150e}.codePrimary:hover,.codePrimary:focus-visible{outline-offset:3px;outline:3px solid #fff6df;transform:translate(-2px,-2px);box-shadow:9px 9px #21150e}.codeHeroArt{background:linear-gradient(12deg,#0000 0 49%,#5b391f0f 50%,#0000 51%) 0 0/45px 45px,#ead8b7;border:4px solid #21150e;border-radius:18px;place-items:center;min-height:385px;padding:22px;display:grid;position:relative;transform:rotate(1.1deg);box-shadow:13px 13px #21150e}.codeHeroArt:before{content:"EVIDENCE DESK";color:#5e3b22;font:900 8px/1 var(--font-punworks-display),Arial,sans-serif;letter-spacing:1.1px;background:#fff9edb3;border:1px solid #5e3b22;padding:5px 8px;position:absolute;top:18px;left:24px;transform:rotate(-2deg)}.codeHeroArt:after{content:"";opacity:.62;border:3px double #8b622d;border-radius:50%;width:45px;height:45px;position:absolute;bottom:20px;right:24px}.codeHeroArt img{object-fit:contain;filter:sepia(.18)saturate(.9)drop-shadow(0 10px 8px #321e1147);width:94%;height:345px}.missionSection{width:min(1160px,100% - 32px);margin:auto;padding:86px 0 92px}.missionHeading{grid-template-columns:1fr 400px;align-items:end;gap:45px;margin-bottom:39px;display:grid}.missionHeading h2,.codeHow h2{color:#332419;font:700 clamp(43px,5.7vw,73px)/.92 var(--font-punworks-reading),Georgia,serif;letter-spacing:-4px;margin:0}.missionHeading>p{color:#5b4636;font:700 16px/1.52 var(--font-punworks-reading),Georgia,serif;margin:0}.missionGrid{grid-template-columns:repeat(3,1fr);gap:23px;display:grid}.missionCard{--case-accent:#7c5935;color:#2d2017;background:linear-gradient(135deg,#0000 0 49%,#53351c0b 50%,#0000 51%) 0 0/45px 45px,#fff8e9;border:3px solid #2d2017;border-radius:16px;flex-direction:column;min-height:525px;padding:26px;text-decoration:none;transition:transform .17s,box-shadow .17s;display:flex;position:relative;overflow:hidden;box-shadow:7px 8px #2d2017}.missionCard:before{content:"";background:var(--case-accent);border-bottom:2px solid #2d2017;height:10px;position:absolute;top:0;left:0;right:0}.missionCard.decoder{--case-accent:#47795f}.missionCard.cryptogram{--case-accent:#b1842f}.missionCard.detective{--case-accent:#a65646}.missionCard.symbols{--case-accent:#61517f}.missionCard.lock{--case-accent:#8f4b35}.missionCard.sequence{--case-accent:#3f7770}.missionCard.alibi{--case-accent:#82643a}.missionCard.cases{--case-accent:#3d2a1c;background-color:#ead7b8}.missionCard:hover,.missionCard:focus-visible{outline-offset:3px;outline:4px solid #fffaf0;transform:translate(-3px,-4px)rotate(-.25deg);box-shadow:11px 12px #2d2017}.missionNumber{color:#fffaf0;background:var(--case-accent);width:31px;height:31px;font:900 10px/1 var(--font-punworks-display),Arial,sans-serif;border:1px solid #2d2017;border-radius:50%;place-items:center;display:grid;position:absolute;top:22px;right:20px}.missionArt{border-bottom:1px dashed #2d201761;place-items:center;height:165px;margin:18px 0 20px;display:grid}.missionArt img{object-fit:contain;filter:sepia(.08)saturate(.92)drop-shadow(0 7px 5px #3722132e);width:78%;max-width:250px;height:78%;max-height:140px}.missionLevel{color:var(--case-accent);font:800 11px/1.35 var(--font-punworks-display),Arial,sans-serif;letter-spacing:.9px;margin:0 0 11px}.missionMeta{flex-wrap:wrap;gap:6px;margin:0 0 13px;display:flex}.missionMeta span{color:#2d2017;font:900 8px/1 var(--font-punworks-display),Arial,sans-serif;letter-spacing:.55px;text-transform:uppercase;background:#f2e8d5;border:1px solid #2d2017;border-radius:20px;padding:6px 8px}.missionMeta span:first-child{color:#fffaf0;background:var(--case-accent)}.missionCard h3{color:#302118;font:700 clamp(29px,2.8vw,41px)/.95 var(--font-punworks-reading),Georgia,serif;letter-spacing:-2px;margin:0 0 12px}.missionDescription{color:#514032;font:700 14px/1.5 var(--font-punworks-reading),Georgia,serif;margin:0 0 24px}.missionCard>b{color:var(--case-accent);font:900 10px/1.25 var(--font-punworks-display),Arial,sans-serif;letter-spacing:.65px;border-top:2px solid #2d2017;margin-top:auto;padding-top:17px}.codeHow{border-top:5px solid var(--code-walnut-dark);background:repeating-linear-gradient(0deg,#0000 0 31px,#6443230f 32px),#fff8e9;padding:82px max(24px,50vw - 580px) 100px}.codeHow h2{max-width:750px}.codeHow ol{counter-reset:notes;grid-template-columns:repeat(3,1fr);gap:20px;margin:40px 0 0;padding:0;list-style:none;display:grid}.codeHow li{counter-increment:notes;background:#ebdcc1;border:3px solid #2d2017;border-radius:12px;flex-direction:column;gap:10px;min-height:180px;padding:27px;display:flex;box-shadow:5px 5px #2d2017}.codeHow li:nth-child(2){background:#f1e4cc;transform:rotate(.7deg)}.codeHow li:nth-child(3){background:#e6d1ae;transform:rotate(-.6deg)}.codeHow li:before{content:"FIELD NOTE 0" counter(notes);color:#76502e;font:900 9px/1 var(--font-punworks-display),Arial,sans-serif;letter-spacing:1.2px}.codeHow li b{color:#332419;font:700 23px/1.05 var(--font-punworks-reading),Georgia,serif}.codeHow li span{color:#554335;font:700 14px/1.48 var(--font-punworks-reading),Georgia,serif}@media (max-width:900px){.codebreakerHero{grid-template-columns:1fr;gap:42px}.codeHeroArt{width:min(620px,100%);margin:auto}.missionHeading{grid-template-columns:1fr;gap:17px}.missionGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:860px){.codebreakerHeader{gap:8px;min-height:62px;padding:6px 12px}.codebreakerHeader>b{display:none}}@media (max-width:620px){.codebreakerHero{gap:34px;min-height:0;padding:52px 17px 61px}.codebreakerHero:before{inset:10px}.codebreakerHero h1{letter-spacing:-4px;font-size:clamp(50px,15vw,70px)}.codeIntro{font-size:16px}.codePrimary{text-align:center;justify-content:center;width:100%}.codeHeroArt{border-radius:14px;min-height:270px;padding:14px;box-shadow:8px 8px #21150e}.codeHeroArt img{height:245px}.missionSection{width:min(100% - 24px,1160px);padding:58px 0 67px}.missionHeading h2,.codeHow h2{letter-spacing:-2.5px;font-size:43px}.missionGrid{grid-template-columns:1fr;gap:16px}.missionCard{grid-template-rows:auto auto auto auto 1fr;grid-template-columns:105px minmax(0,1fr);column-gap:14px;min-height:0;padding:16px;display:grid}.missionCard:before{border-bottom:0;border-right:2px solid #2d2017;width:8px;height:auto;bottom:0;right:auto}.missionNumber{display:none}.missionArt{border-bottom:0;grid-area:1/1/6;align-self:center;width:105px;height:112px;margin:0}.missionLevel,.missionMeta,.missionCard h3,.missionDescription,.missionCard>b{grid-column:2}.missionLevel{margin:2px 0 4px;font-size:11px;line-height:1.35}.missionMeta{gap:4px;margin:0 0 5px}.missionMeta span{padding:4px 6px;font-size:7px}.missionCard h3{letter-spacing:-1.2px;margin:0 0 5px;font-size:27px}.missionDescription{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;display:-webkit-box;overflow:hidden}.missionCard>b{margin-top:8px;padding-top:7px;font-size:8px}.codeHow{padding:58px 17px 75px}.codeHow ol{grid-template-columns:1fr;margin-top:28px}.codeHow li{min-height:0}}