@import "https://fonts.googleapis.com/css2?family=Nunito:wght@500;700;800;900&family=Patrick+Hand&display=swap";:root{--ink:#232229;--muted:#66616b;--paper:#f4f2ef;--paper-deep:#e7e1d8;--teal:#4dc3bf;--mint:#bce7dd;--rose:#df86ad;--gold:#efc85a;--lavender:#9f8bb9;--green:#83b86c;--line:#252329;--shadow:8px 8px 0 #23222952;--soft-shadow:0 18px 55px #2322291f;color:var(--ink);background:var(--paper);font-family:Nunito,Avenir Next Rounded,Trebuchet MS,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(90deg, #50463709 1px, transparent 1px) 0 0 / 38px 38px, linear-gradient(0deg, #50463708 1px, transparent 1px) 0 0 / 38px 38px, radial-gradient(circle at 12% 8%, #4dc3bf26, transparent 26rem), radial-gradient(circle at 88% 18%, #efc85a2e, transparent 24rem), var(--paper);min-height:100vh;margin:0}a{color:inherit;text-decoration:none}.paper-grain{pointer-events:none;opacity:.35;mix-blend-mode:multiply;background-image:radial-gradient(#2322291c .8px,#0000 .8px),radial-gradient(#ffffff73 .9px,#0000 .9px);background-position:0 0,11px 13px;background-size:28px 28px;position:fixed;inset:0}.site-header{z-index:10;backdrop-filter:blur(14px);background:#f4f2efe6;border-bottom:2px solid #2322292e;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem clamp(1rem,4vw,3rem);display:grid;position:sticky;top:0}.brand{align-items:baseline;gap:.75rem;min-width:16rem;display:flex;position:relative}.brand-mark{letter-spacing:0;font-size:clamp(1.4rem,2.4vw,2rem);font-weight:900;position:relative}.brand-letter-d{color:var(--teal);-webkit-text-stroke:1px var(--ink);display:inline-block;position:relative}.brand-letter-d:after{content:"";border:2px solid var(--line);background:#e55b64;border-radius:50%;width:.3em;height:.3em;position:absolute;bottom:-.08em;left:50%;transform:translate(-50%)}.brand small{color:var(--muted);font-weight:800}.hero-actions .button{min-height:3.2rem;padding:.75rem 1.8rem;font-size:1.1rem}.hero-actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.main-nav{flex-wrap:wrap;justify-content:center;gap:.65rem;display:flex}.header-actions{gap:.65rem;display:flex}.language-switcher{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;display:flex}.main-nav a,.language-switch,.official-link,.button,.btn{border:2px solid var(--line);background:#ffffff73;border-radius:7px;justify-content:center;align-items:center;min-height:2.55rem;padding:.55rem 1rem;font-weight:900;transition:transform .14s,box-shadow .14s,background .14s;display:inline-flex;box-shadow:3px 3px #2322291f}.main-nav a:hover,.language-switch:hover,.official-link:hover,.button:hover,.btn:hover,.case-file:hover,.source-grid a:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #2322293d}.main-nav .active{box-shadow:inset 0 0 0 2px var(--gold), 3px 3px 0 #2322291f;background:#fff3bb}.language-switch.active{background:var(--paper-deep);color:var(--muted);transform:none;box-shadow:inset 0 0 0 2px #23222914}.official-link,.button.primary,.btn{background:var(--teal)}.btn-secondary,.button.ghost{background:#fff8df}main{width:min(1180px,100% - 2rem);margin:0 auto}.hero{grid-template-columns:minmax(0,.92fr) minmax(330px,1.08fr);align-items:center;gap:clamp(1.5rem,5vw,4rem);min-height:calc(100vh - 5.2rem);padding:clamp(2rem,6vw,5rem) 0 2.5rem;display:grid}.kicker{border:2px solid var(--line);background:var(--mint);text-transform:uppercase;border-radius:999px;width:fit-content;margin:0 0 .85rem;padding:.25rem .65rem;font-weight:900}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;max-width:13ch;margin-bottom:1rem;font-size:clamp(2.65rem,6vw,5.15rem);line-height:.95}.hero-intro,.lead{color:#3c3942;max-width:44rem;font-size:clamp(1.05rem,2vw,1.35rem);font-weight:700;line-height:1.6}.hero-media{margin:0;position:relative;transform:rotate(-.7deg)}.hero-media picture{display:block}.hero-media img{width:100%;height:auto;box-shadow:var(--shadow);background:#c9c3cf;border:9px solid #050505;display:block}.hero-media figcaption{border:2px solid var(--line);max-width:min(78%,27rem);color:var(--muted);background:#f4f2efe0;border-radius:7px;padding:.35rem .55rem;font-size:.78rem;font-weight:900;position:absolute;bottom:1rem;right:1rem;box-shadow:3px 3px #23222929}.crime-board{min-height:540px;box-shadow:var(--shadow);background:#c9c3cf;border:9px solid #050505;padding:1.05rem;position:relative;transform:rotate(-.8deg)}.grid{border:2px solid #050505;grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(6,1fr);height:500px;display:grid}.cell{background-size:24px 24px;border:2px solid #050505;position:relative}.cell.library{background-color:#aeb8d8;background-image:linear-gradient(90deg,#4b547f2e 2px,#0000 2px)}.cell.discussion{background-color:#bde6df;background-image:linear-gradient(45deg,#2e6a6c1f 25%,#0000 25% 75%,#2e6a6c1f 75%)}.cell.refreshments{background-color:#ead1ef;background-image:linear-gradient(90deg,#704f801f 2px,#0000 2px)}.shelf,.chair,.plant{border:4px solid var(--line);background:#7d6ba8;display:block;position:absolute;inset:18%}.shelf:before,.shelf:after{content:"";background:var(--line);height:4px;position:absolute;left:8%;right:8%}.shelf:before{top:34%}.shelf:after{top:64%}.chair{background:#fff;border-radius:38% 38% 18% 18%}.chair:after{content:"";border:4px solid #67b1c7;border-top:0;height:26%;position:absolute;bottom:12%;left:18%;right:18%}.plant{background:#8f6bc2;border-radius:0 0 45% 45%;inset:24%}.plant:before{content:"";background:#25bd77;border-radius:999px;width:4px;height:2.8rem;position:absolute;bottom:70%;left:50%;transform:translate(-50%)rotate(-6deg);box-shadow:-13px 7px 0 3px #45d88c,13px 5px 0 3px #45d88c,-4px -2px 0 4px #45d88c}.room-label{color:#fff;text-transform:uppercase;text-shadow:4px 4px #000,-2px -2px #000,2px -2px #000,-2px 2px #000;padding:0 .35rem;font-size:clamp(1.2rem,2.5vw,1.85rem);font-weight:900;position:absolute}.room-label.one{top:42%;right:8%}.room-label.two{bottom:2%;left:5%}.room-label.three{bottom:2%;right:2%}.suspect-pin{border:5px solid var(--line);background:#fff;border-radius:8px;place-items:center;width:4.2rem;height:5.2rem;font-family:Patrick Hand,cursive;font-size:2.25rem;display:grid;position:absolute;transform:rotate(3deg);box-shadow:5px 5px #23222959}.suspect-pin:before{content:"";border:4px solid var(--line);z-index:-1;background:#f4b47b;border-radius:50%;width:2.35rem;height:2.35rem;position:absolute;top:.55rem}.suspect-pin.ada{top:10%;left:-3%}.suspect-pin.cameron{background:#fff8df;bottom:10%;right:9%;transform:rotate(-4deg)}.suspect-pin.victim{background:#f2c3cf;bottom:38%;left:42%}.quick-facts{grid-template-columns:repeat(4,1fr);gap:1rem;margin:0 0 2rem;display:grid}.quick-facts article,.quick-facts>div,.note-card,.source-strip,.article-shell,.next-case,.case-file,.faq-list details,.glossary article{border:3px solid var(--line);box-shadow:var(--soft-shadow);background:#ffffff9e;border-radius:8px}.quick-facts article,.quick-facts>div{min-height:9rem;padding:1rem}.quick-facts span,.quick-facts dt{color:var(--muted);font-weight:900;display:block}.quick-facts strong,.quick-facts dd{margin-top:.65rem;font-size:1.1rem;font-weight:900;line-height:1.35;display:block}.quick-facts dd{margin-left:0}.section-stack,.strategy-grid,.link-cases,.source-grid,.glossary{gap:1rem;display:grid}.section-stack{grid-template-columns:repeat(3,1fr)}.note-card{padding:1.35rem}.note-card h2,.step-list h2,.case-file h2{margin-bottom:.55rem;font-size:clamp(1.25rem,2vw,1.65rem)}.note-card p,.step-list p,.case-file p,.faq-list p,.source-grid span,.glossary p{color:#4d4852;font-weight:700;line-height:1.65}.next-case{background:#fff8df;justify-content:space-between;align-items:center;gap:1rem;margin:2rem 0;padding:1.4rem;display:flex}.next-case h2{margin:0;font-size:clamp(1.5rem,4vw,2.5rem);line-height:1.05}.source-strip{background:#ece6dcdb;margin:2rem 0 4rem;padding:1.2rem}.source-strip h2{margin-bottom:.85rem}.source-grid{grid-template-columns:repeat(3,1fr)}.source-grid a{border:2px solid var(--line);background:#ffffffb3;border-radius:7px;min-height:6.5rem;padding:1rem;transition:transform .14s,box-shadow .14s;display:block}.source-grid strong,.source-grid span{display:block}.article-shell{background:#ffffff94;margin:clamp(2rem,6vw,4.5rem) auto 0;padding:clamp(1.2rem,4vw,2.5rem)}.article-shell h1{max-width:13ch}.step-list{gap:1rem;margin:2rem 0;display:grid}.step-list section{border:2px solid var(--line);background:linear-gradient(90deg,#bce7dd8a,#ffffffb3);border-radius:8px;grid-template-columns:4.5rem 1fr;gap:1rem;padding:1rem;display:grid}.step-list span{border:3px solid var(--line);background:var(--gold);border-radius:8px;place-items:center;height:4.5rem;font-size:1.5rem;font-weight:900;display:grid}.glossary{grid-template-columns:repeat(4,1fr)}.glossary article{padding:1rem}.glossary strong{font-family:Patrick Hand,cursive;font-size:1.8rem;display:block}.howto-shell h1{max-width:15ch}.howto-rule-block{gap:1rem;margin:clamp(2rem,5vw,3.5rem) 0;display:grid}.howto-rule-heading{max-width:52rem}.howto-rule-heading h2,.strategy-flow h2{margin-bottom:.45rem;font-size:clamp(1.85rem,4vw,3rem);line-height:1.05}.howto-rule-heading p,.strategy-flow>div>p{color:var(--muted);margin:0;font-size:1.08rem;font-weight:800;line-height:1.55}.howto-rule-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.howto-rule-grid article{border:3px solid var(--line);background:linear-gradient(180deg, #fff8dfd1, #ffffffa8), var(--paper);border-radius:8px;min-height:15rem;padding:1rem;box-shadow:5px 5px #2322292e}.howto-rule-grid article:nth-child(2){background:linear-gradient(180deg, #bce7ddb8, #ffffffa8), var(--paper)}.howto-rule-grid article:nth-child(3){background:linear-gradient(180deg, #df86ad3d, #ffffffad), var(--paper)}.howto-rule-grid article:nth-child(4){background:linear-gradient(180deg, #9f8bb93d, #ffffffad), var(--paper)}.howto-rule-grid span{border:2px solid var(--line);background:#fff;border-radius:7px;place-items:center;min-width:2.55rem;min-height:2.55rem;margin-bottom:.75rem;font-weight:900;display:inline-grid}.howto-rule-grid h3{margin:0;font-size:clamp(1.22rem,2vw,1.55rem);line-height:1.15}.howto-rule-grid p{color:#4d4852;margin:.65rem 0 0;font-weight:750;line-height:1.58}.howto-block{gap:1.2rem;margin:clamp(2.4rem,5vw,4rem) 0;display:grid}.howto-section-heading{border-bottom:3px solid var(--line);grid-template-columns:4.7rem 1fr;align-items:start;gap:1rem;padding-bottom:1rem;display:grid}.howto-section-heading>span,.howto-step-index{border:3px solid var(--line);background:var(--gold);border-radius:8px;place-items:center;min-height:4.4rem;font-size:1.45rem;font-weight:900;display:grid;box-shadow:4px 4px #2322293d}.howto-section-heading h2,.howto-glossary-block h2{margin:0;font-size:clamp(1.85rem,4vw,3rem)}.howto-section-heading p{color:var(--muted);margin:.35rem 0 0;font-size:1.08rem;font-weight:800}.howto-feature-list,.howto-step-list{gap:1.2rem;display:grid}.howto-feature,.howto-step{border:3px solid var(--line);background:linear-gradient(135deg, #ffffffd1, #bce7dd52), var(--paper);box-shadow:var(--shadow);border-radius:8px;grid-template-columns:minmax(0,.85fr) minmax(280px,1.15fr);align-items:center;gap:clamp(1rem,3vw,2rem);padding:clamp(1rem,3vw,1.6rem);display:grid}.howto-feature:nth-child(2n),.howto-step:nth-child(2n){background:linear-gradient(135deg, #ffffffd6, #df86ad2e), var(--paper)}.howto-feature-copy small{border:2px solid var(--line);background:var(--mint);border-radius:7px;place-items:center;min-width:2.4rem;min-height:2.4rem;margin-bottom:.7rem;font-weight:900;display:inline-grid}.howto-feature h3,.howto-step h3{margin:0;font-size:clamp(1.55rem,3vw,2.35rem)}.howto-feature p,.howto-step p{color:var(--ink);margin:.65rem 0 0;font-size:clamp(1.02rem,1.4vw,1.16rem);font-weight:750;line-height:1.65}.howto-step{grid-template-columns:4.7rem minmax(0,.85fr) minmax(320px,.95fr);align-items:start}.howto-figure{margin:0}.howto-figure img{object-fit:contain;border:6px solid var(--line);background:#f5f4f8;border-radius:8px;width:100%;max-height:34rem;display:block;box-shadow:6px 6px #23222947}.howto-figure.is-narrow{justify-self:center;width:min(100%,18rem)}.howto-figure.compact img{max-height:30rem}.howto-figure figcaption{color:var(--muted);margin-top:.6rem;font-size:.9rem;font-weight:800;line-height:1.4}.howto-glossary-block{margin-top:clamp(2.5rem,5vw,4rem)}.howto-glossary-block .glossary{margin-top:1rem}.strategy-grid{grid-template-columns:repeat(2,1fr);margin-top:2rem}.strategy-highlight-list{gap:1.4rem;margin:2rem 0;display:grid}.strategy-flow{border:3px solid var(--line);background:linear-gradient(135deg,#fff8dfc7,#bce7dd6b),#ffffffb8;border-radius:8px;gap:1rem;margin:2rem 0;padding:clamp(1rem,3vw,1.35rem);display:grid;box-shadow:6px 6px #2322292e}.strategy-flow ol{counter-reset:strategy-flow;grid-template-columns:repeat(4,1fr);gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.strategy-flow li{border:2px solid var(--line);counter-increment:strategy-flow;background:#ffffffad;border-radius:8px;min-height:12rem;padding:3.7rem .85rem .9rem;position:relative}.strategy-flow li:before{content:counter(strategy-flow, decimal-leading-zero);border:2px solid var(--line);background:var(--gold);border-radius:7px;place-items:center;width:2.4rem;height:2.4rem;font-weight:900;display:grid;position:absolute;top:.85rem;left:.85rem}.strategy-flow h3{margin:0;font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.15}.strategy-flow li p{color:#4d4852;margin:.55rem 0 0;font-weight:700;line-height:1.55}.strategy-highlight{border:3px solid var(--line);background:linear-gradient(135deg,#bce7dd85,#fff8dfbd),#ffffffb8;border-radius:8px;gap:1rem;margin:0;padding:1rem;display:grid;box-shadow:6px 6px #2322292e}.strategy-highlight h2{margin-bottom:.55rem}.strategy-highlight p{color:#4d4852;font-weight:700;line-height:1.65}.strategy-highlight figure{width:min(100%,760px);margin:0 auto}.strategy-highlight img{border:3px solid var(--line);background:#f1eff7;border-radius:7px;width:100%;height:auto;display:block}.strategy-highlight figcaption{color:var(--muted);text-align:center;margin-top:.5rem;font-size:.82rem;font-weight:800}.link-cases{grid-template-columns:repeat(3,1fr);margin-top:2rem}.case-file{background:linear-gradient(135deg,#0000 0 2rem,#efc85a40 2.05rem),#fffaf0;min-height:19rem;padding:2.2rem 1.25rem 1.25rem;transition:transform .14s,box-shadow .14s;display:block;position:relative;box-shadow:7px 7px #23222938}.case-file:before{content:"";border-top:3.5rem solid var(--paper-deep);border-left:3.5rem solid #0000;position:absolute;top:0;right:0}.case-file strong{color:#1e817d;text-transform:uppercase;position:absolute;bottom:1.25rem;left:1.25rem}.paperclip{border:4px solid #7d7a7f;border-radius:999px;width:1.1rem;height:2.3rem;position:absolute;top:-.75rem;left:1.2rem;transform:rotate(-8deg)}.faq-list{gap:.85rem;margin-top:2rem;display:grid}.faq-list details,.faq-list>div{background:#fff8dfbd;padding:1rem 1.2rem}.faq-list>div{border:2px solid #23222980;border-radius:8px;box-shadow:4px 4px #2322291f}.faq-list summary{cursor:pointer;font-size:1.15rem;font-weight:900}.faq-list dt{font-size:1.15rem;font-weight:900}.faq-list dd{margin:.55rem 0 0}.faq-list p{margin:.75rem 0 0}.site-footer{color:var(--muted);border-top:2px solid #2322292e;justify-content:space-between;align-items:flex-start;gap:1rem;padding:2rem clamp(1rem,4vw,3rem);font-weight:800;display:flex}.site-footer p{margin:.25rem 0 0}.footer-links{flex-wrap:wrap;gap:.75rem;display:flex}.footer-links a{color:var(--muted);text-underline-offset:3px;font-weight:800;text-decoration:underline}.footer-support-link{appearance:none;color:var(--muted);cursor:pointer;font:inherit;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:900;text-decoration:underline}.footer-links a:hover,.footer-support-link:hover{color:var(--ink)}.cookie-consent[hidden]{display:none}.cookie-consent{z-index:120;border:3px solid var(--line);width:min(100vw - 1.5rem,52rem);box-shadow:var(--shadow);background:#fffdf5;border-radius:8px;grid-template-columns:1fr auto;gap:1rem;padding:1rem;display:grid;position:fixed;bottom:clamp(.75rem,3vw,1.5rem);right:clamp(.75rem,3vw,1.5rem)}.cookie-consent h2{margin:0 0 .35rem;font-size:1.15rem}.cookie-consent p{color:#4d4852;margin:0;font-weight:800;line-height:1.45}.cookie-consent a{color:var(--ink);text-underline-offset:3px;margin-top:.45rem;font-weight:900;text-decoration:underline;display:inline-block}.cookie-consent-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;display:flex}.support-modal[hidden]{display:none}.support-modal{z-index:100;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.support-modal-backdrop{cursor:pointer;background:#23222994;border:0;position:absolute;inset:0}.support-modal-panel{z-index:1;border:4px solid var(--line);width:min(100%,34rem);max-height:min(88vh,46rem);box-shadow:var(--shadow);background:linear-gradient(90deg,#23222909 1px,#0000 1px) 0 0/34px 34px,linear-gradient(0deg,#23222908 1px,#0000 1px) 0 0/34px 34px,#fffdf5;border-radius:8px;padding:clamp(1rem,4vw,1.5rem);position:relative;overflow:auto}.support-modal-panel .kicker{background:#fff3bb;margin-bottom:.7rem}.support-modal-panel h2{margin:0 2.5rem .55rem 0;font-size:clamp(1.55rem,4vw,2.35rem);line-height:1.05}.support-modal-panel p{color:#4d4852;font-weight:800;line-height:1.55}.support-modal-close{border:2px solid var(--line);width:2.35rem;height:2.35rem;color:var(--ink);cursor:pointer;background:#fff;border-radius:7px;place-items:center;font-size:1.7rem;font-weight:900;line-height:1;display:inline-grid;position:absolute;top:.75rem;right:.75rem;box-shadow:3px 3px #23222924}.support-methods{grid-template-columns:repeat(3,1fr);gap:.65rem;margin:1rem 0;display:grid}.support-method{border:2px solid var(--line);min-height:2.75rem;color:var(--ink);cursor:pointer;font:inherit;text-align:center;background:#ffffffb8;border-radius:7px;justify-content:center;align-items:center;padding:.55rem .75rem;font-weight:950;transition:transform .14s,box-shadow .14s,background .14s;display:inline-flex;box-shadow:3px 3px #23222924}.support-method:hover,.support-method:focus-visible,.support-modal-close:hover,.support-modal-close:focus-visible{transform:translate(-2px,-2px);box-shadow:6px 6px #23222938}.support-method-kofi{background:var(--teal)}.support-method[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--gold), 3px 3px 0 #23222924;background:#fff3bb}.support-qr-panels{margin-top:1rem}.support-qr-panel{border:3px solid var(--line);text-align:center;background:#fff;border-radius:8px;margin:0;padding:1rem;box-shadow:5px 5px #23222924}.support-qr-panel[hidden]{display:none}.support-qr-panel img{border:2px solid var(--paper-deep);border-radius:8px;width:min(100%,20rem);height:auto;margin:0 auto;display:block}.support-qr-panel figcaption{color:var(--muted);margin-top:.65rem;font-size:.92rem;font-weight:850;line-height:1.4}.support-modal-open{overflow:hidden}.case-support{border:3px solid var(--line);background:linear-gradient(135deg,#fff8dfbd,#bce7dd61),#ffffffbd;border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;padding:1rem;display:flex;box-shadow:6px 6px #23222929}.case-support h2{margin-bottom:.35rem;font-size:clamp(1.2rem,2.4vw,1.55rem)}.case-support p{color:#4d4852;margin:0;font-weight:750;line-height:1.55}.case-support .btn{flex:none}@media (width<=1080px){.site-header{grid-template-columns:1fr}.brand{min-width:0}.main-nav,.header-actions{justify-content:flex-start}.hero{grid-template-columns:1fr;min-height:auto}.crime-board{min-height:auto}.hero-media{max-width:720px;margin-inline:auto}.grid{height:min(88vw,520px)}.quick-facts,.section-stack,.source-grid,.glossary,.howto-rule-grid,.strategy-flow ol,.strategy-grid,.link-cases{grid-template-columns:repeat(2,1fr)}.howto-feature,.howto-step{grid-template-columns:1fr}.howto-step-index{width:4.7rem}}@media (width<=640px){main{width:min(100% - 1rem,1180px)}.site-header{padding:.8rem}.brand{flex-wrap:wrap;align-items:center}.main-nav,.header-actions{flex-wrap:wrap}.main-nav a,.language-switch,.official-link,.button,.btn{min-height:2.35rem;padding:.48rem .7rem;font-size:.92rem}h1{max-width:12ch;font-size:clamp(2.6rem,15vw,4rem)}.quick-facts,.section-stack,.source-grid,.glossary,.howto-rule-grid,.strategy-flow ol,.strategy-grid,.link-cases{grid-template-columns:1fr}.crime-board,.hero-media img{border-width:6px;box-shadow:5px 5px #23222952}.hero-media figcaption{width:fit-content;max-width:none;margin-top:.6rem;position:static}.room-label{font-size:1.15rem}.suspect-pin{border-width:3px;width:3rem;height:3.8rem;font-size:1.5rem}.suspect-pin:before{border-width:3px;width:1.6rem;height:1.6rem}.step-list section{grid-template-columns:1fr}.step-list span{width:4.5rem}.howto-section-heading{grid-template-columns:1fr}.howto-section-heading>span{width:4.7rem}.howto-feature,.howto-step{border-width:2px;padding:.85rem;box-shadow:5px 5px #23222938}.howto-rule-grid article,.strategy-flow li{min-height:auto}.strategy-flow{border-width:2px;padding:.85rem}.howto-figure img{border-width:4px;max-height:28rem;box-shadow:4px 4px #2322293d}.howto-figure.compact img{max-height:24rem}.case-hero,.walkthrough-lock{width:100%}.next-case,.site-footer,.case-support{flex-direction:column;align-items:flex-start}.cookie-consent{grid-template-columns:1fr;bottom:.75rem;left:.75rem;right:.75rem}.cookie-consent-actions{justify-content:stretch}.cookie-consent-actions .btn{flex:12rem}.support-modal{padding:.65rem}.support-modal-panel{border-width:3px;max-height:92vh;box-shadow:5px 5px #23222952}.support-methods{grid-template-columns:1fr}.support-qr-panel{padding:.7rem}.case-support .btn{width:100%}}.technique-detail__hero{max-width:58rem;margin-bottom:2rem}.technique-detail__hero h1{max-width:18ch;font-size:clamp(2.2rem,5vw,4.6rem);line-height:.98}.technique-intro-box,.technique-checklist,.technique-mistakes{border:3px solid var(--line);border-radius:8px;max-width:54rem;margin:2rem auto;padding:1.3rem;box-shadow:6px 6px #23222933}.technique-intro-box{background:linear-gradient(135deg,#bce7ddbf,#fffdf7)}.technique-intro-box .button{margin-top:.8rem;display:inline-block}.technique-checklist{background:#fff8df}.technique-mistakes{background:#efc85a40}.technique-checklist li,.technique-mistakes li{margin:.55rem 0;font-weight:750;line-height:1.6}.technique-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin:2.5rem 0;display:grid}.technique-card{border:3px solid var(--line);background:linear-gradient(145deg,#fffdf7,#bce7dd80);border-radius:8px;flex-direction:column;min-height:15rem;padding:1.4rem;transition:transform .14s,box-shadow .14s;display:flex;position:relative;overflow:hidden;box-shadow:7px 7px #23222938}.technique-card:nth-child(2n){background:linear-gradient(145deg,#fffdf7,#df86ad38)}.technique-card:hover{transform:translate(-3px,-3px);box-shadow:10px 10px #23222938}.technique-card h2{max-width:16ch;margin-top:2.3rem;font-size:clamp(1.45rem,3vw,2.2rem)}.technique-card p{color:#4d4852;font-weight:750;line-height:1.65}.technique-card>strong{color:#075f76;margin-top:auto}.technique-card__number{color:#23222938;font:900 4rem/1 Patrick Hand,cursive;position:absolute;top:.8rem;right:1rem}.technique-diagram{border:3px solid var(--line);box-shadow:var(--shadow);background:#fffdf7;border-radius:8px;margin:1.5rem 0;overflow:hidden}.technique-diagram__header{border-bottom:2px solid var(--line);background:var(--mint);padding:.8rem 1rem}.technique-diagram__header span{letter-spacing:.11em;font-size:.67rem;font-weight:950;display:block}.technique-diagram__header strong{margin-top:.25rem;font-size:1.2rem;display:block}.technique-diagram figcaption{border-top:2px solid var(--line);color:#514c56;padding:.75rem 1rem;font-size:.82rem;font-weight:800}.capacity-demo,.locked-demo,.wording-demo,.coordinate-demo{background:repeating-linear-gradient(-45deg,#0000 0 20px,#23222909 20px 40px),#fff8df;min-height:18rem;padding:1.5rem}.capacity-demo{grid-template-columns:minmax(13rem,1fr) minmax(10rem,.8fr);align-items:center;gap:1.2rem;display:grid}.capacity-demo>p{grid-column:1/-1;margin:0;font-size:1.2rem;font-weight:900}.mini-grid{border:3px solid var(--line);background:var(--line);gap:3px;display:grid}.mini-grid--capacity{grid-template-columns:repeat(4,1fr)}.mini-grid span,.mini-grid strong{background:#bce7dd;place-items:center;min-height:3.4rem;font-weight:950;display:grid}.mini-grid .blocked{color:#8a818d;background:#e8e3da}.mini-grid .muted{color:#b2aab4;background:#fffdf7}.diagram-legend{gap:.55rem;display:grid}.diagram-legend span,.diagram-legend strong{border:2px solid var(--line);background:#fff;border-radius:6px;padding:.55rem .7rem}.locked-demo{justify-content:center;align-items:center;gap:clamp(.75rem,4vw,2.5rem);display:flex}.locked-cells{background:var(--line);grid-template-columns:repeat(2,minmax(6rem,1fr));gap:4px;padding:4px;display:grid}.locked-cells span{background:#bce7dd;place-items:center;min-height:7rem;font-size:1.35rem;font-weight:950;display:grid}.logic-arrow{font-size:3rem;font-weight:950}.locked-result{gap:.5rem;display:grid}.locked-result>*{border:2px solid var(--line);background:#fff;padding:.45rem .65rem;font-style:normal}.wording-demo{grid-template-columns:repeat(4,1fr);align-content:center;gap:.8rem;display:grid}.wording-demo span{border:3px solid var(--line);text-align:center;background:#fff;padding:1rem .6rem;font-weight:900}.wording-demo small{color:#08708a;display:block}.wording-demo strong{text-align:center;grid-column:1/-1;padding:1rem;font-size:1.2rem}.coordinate-demo{grid-template:auto 1fr auto/auto 1fr auto;align-items:center;gap:.5rem;display:grid}.coordinate-demo>span{place-items:center;font-size:2rem;font-weight:950;display:grid}.coordinate-demo small{font-size:.7rem}.coordinate-demo .north{grid-area:1/2}.coordinate-demo .south{grid-area:3/2}.coordinate-demo .west{grid-area:2/1}.coordinate-demo .east{grid-area:2/3}.mini-grid--coordinates{grid-area:2/2;grid-template-columns:repeat(3,1fr)}.mini-grid--coordinates span,.mini-grid--coordinates strong{background:#fff;min-height:4rem;font-size:.75rem}.mini-grid--coordinates strong{background:var(--pink)}@media (width<=760px){.technique-card-grid,.capacity-demo{grid-template-columns:1fr}.wording-demo{grid-template-columns:repeat(2,1fr)}.locked-demo{flex-direction:column}.logic-arrow{transform:rotate(90deg)}}@media (width<=480px){.coordinate-demo{padding:.8rem .45rem}.coordinate-demo>span{font-size:1.45rem}.mini-grid--coordinates span,.mini-grid--coordinates strong{min-height:3rem;font-size:.6rem}}.breadcrumb{color:var(--muted);flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;font-size:.875rem;display:flex}.breadcrumb a{color:var(--ink);text-decoration:underline}.breadcrumb a:hover{color:var(--teal)}.case-meta{color:var(--muted);margin-bottom:.5rem;font-size:.85rem}.hint-box{border-left:4px solid var(--gold);background:#fdf6e3;border-radius:8px;padding:1rem 1.25rem}.hint-box h2{color:#b8860b;margin-top:0}.glossary-cta{background:var(--paper-deep);text-align:center;border-radius:8px;margin-top:2rem;padding:1rem 1.25rem}.glossary-cta a{font-weight:700}.article-shell :where(p,dd,li,dt) a:not(.button):not(.btn):not(.case-card),.glossary-cta a{color:#12625f;text-underline-offset:.18em;background:linear-gradient(#0000 56%,#efc85a8c 56%),#ffffff8c;border-radius:5px;padding:.02rem .18rem;font-weight:900;text-decoration:underline .12em;display:inline}.article-shell :where(p,dd,li,dt) a:not(.button):not(.btn):not(.case-card):hover,.glossary-cta a:hover{color:var(--ink);background:linear-gradient(#0000 46%,#4dc3bf8c 46%),#fff8df}.home-sections{gap:2rem;max-width:42rem;margin:0 auto;display:grid}.home-sections section h2{margin-bottom:.5rem}.home-alternative-link{max-width:42rem;margin:2rem auto}.topic-cluster-links{border-top:2px dashed var(--paper-deep);margin:2.75rem 0 1rem;padding-top:2rem}.topic-cluster-links>h2{margin-bottom:.5rem}.topic-cluster-links>p{max-width:52rem;color:var(--muted);font-weight:700;line-height:1.65}.topic-cluster-grid{margin-top:1.1rem}.topic-cluster-card{color:var(--ink);text-decoration:none}.topic-cluster-card:hover,.topic-cluster-card:focus-visible{transform:translate(-2px,-2px);box-shadow:7px 7px #23222938}blockquote{border-left:4px solid var(--mint);color:var(--muted);margin-left:0;padding-left:1rem;font-style:italic}.difficulty-jump{flex-wrap:wrap;gap:.65rem;margin:1.5rem 0 2rem;scroll-margin-top:1rem;display:flex}.difficulty-jump a,.difficulty-jump button{border:2px solid var(--line);min-height:2.5rem;color:var(--ink);cursor:pointer;background:#fff8df;border-radius:8px;align-items:center;padding:.55rem .85rem;font-family:inherit;font-size:.95rem;font-weight:900;line-height:1.2;text-decoration:none;display:inline-flex;box-shadow:3px 3px #23222929}.difficulty-jump a:before,.difficulty-jump button:before{content:"";background:var(--d-color,var(--ink));border-radius:3px;flex:none;width:.75rem;height:.75rem;margin-right:.45rem}.difficulty-jump a:hover,.difficulty-jump a:focus-visible,.difficulty-jump button:hover,.difficulty-jump button:focus-visible,.difficulty-jump button[aria-pressed=true]{background:#fff;transform:translateY(-1px)}.difficulty-jump button[aria-pressed=true]{box-shadow:4px 4px #23222940}.case-alternative-link{border:3px solid var(--line);color:var(--ink);background:linear-gradient(135deg,#bce7ddb8,#fff8dfeb),#fff;border-radius:8px;gap:.35rem;margin:1.5rem 0 2rem;padding:1.1rem 1.25rem;text-decoration:none;display:grid;box-shadow:5px 5px #2322292e}.case-alternative-link span{color:#12625f;letter-spacing:0;text-transform:uppercase;font-size:.86rem;font-weight:900}.case-alternative-link strong{font-size:clamp(1.15rem,2.5vw,1.55rem);line-height:1.2}.case-alternative-link em{color:#7b4a00;font-style:normal;font-weight:900}.case-alternative-link:hover,.case-alternative-link:focus-visible{transform:translate(-2px,-2px);box-shadow:8px 8px #2322293d}.back-to-difficulty{z-index:20;border:3px solid var(--line);min-width:3.5rem;min-height:3.5rem;color:var(--ink);background:#fff8df;border-radius:8px;justify-content:center;align-items:center;padding:.65rem .8rem;font-size:.9rem;font-weight:900;line-height:1;text-decoration:none;display:inline-flex;position:fixed;bottom:clamp(1rem,3vw,2rem);right:clamp(1rem,3vw,2rem);box-shadow:5px 5px #23222933}.back-to-difficulty:hover,.back-to-difficulty:focus-visible{background:#fff;transform:translateY(-1px)}.case-group{margin-bottom:3rem;scroll-margin-top:1.25rem}.case-group[hidden],.case-card[hidden]{display:none}.case-group-title{border-bottom:3px solid var(--ink);margin-bottom:1rem;padding-bottom:.5rem}.case-group-title a{color:var(--ink);text-decoration:none}.case-group-title a:before{content:"";background:var(--d-color,var(--ink));vertical-align:middle;border-radius:3px;width:12px;height:12px;margin-right:.5rem;display:inline-block;position:relative;top:-1px}.case-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.case-card{box-shadow:var(--soft-shadow);color:var(--ink);border:1px solid var(--paper-deep);background:#fff;border-radius:8px;flex-direction:column;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.case-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.case-card:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.case-card-img{aspect-ratio:4/3;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.case-card-img img{object-fit:cover;width:100%;height:100%}.case-card-badge{color:#fff;letter-spacing:.05em;background:#232229bf;border-radius:4px;max-width:48%;padding:.2rem .6rem;font-size:.75rem;font-weight:700;position:absolute;top:.5rem;right:.5rem}.case-card-badge--recent{border:2px solid var(--line);max-width:58%;color:var(--ink);background:#fff8df;left:.5rem;right:auto;box-shadow:3px 3px #2322292e}.case-card-body{flex-direction:column;flex:1;padding:1rem 1.25rem 1.25rem;display:flex}.case-card-body h2,.case-card-body h3{margin:0 0 .25rem;font-size:1.1rem}.case-card-body p{color:var(--muted);margin:.25rem 0 0;font-size:.9rem;line-height:1.5}.case-map-nav-layout{grid-template-columns:minmax(9rem,1fr) minmax(20rem,60%) minmax(9rem,1fr);align-items:center;gap:1rem;margin:1.5rem auto 2rem;display:grid}.case-hero{background:var(--paper-deep);width:60%;box-shadow:var(--soft-shadow);border-radius:8px;margin:1.5rem auto 2rem;overflow:hidden}.case-map-nav-layout .case-hero{width:100%;margin:0}.case-hero img{width:100%;height:auto;display:block}.case-hero figcaption{color:var(--muted);text-align:center;padding:.6rem 1rem;font-size:.8rem}.case-adjacent-link{border:3px solid var(--line);min-height:8.5rem;color:var(--ink);box-shadow:var(--soft-shadow);background:#fff8df;border-radius:8px;align-content:center;gap:.45rem;padding:.85rem;text-decoration:none;transition:transform .14s,box-shadow .14s,background .14s;display:grid}.case-adjacent-link:hover{background:#fff3bb;transform:translate(-2px,-2px);box-shadow:6px 6px #2322293d}.case-adjacent-link-next{text-align:right}.case-adjacent-direction,.case-adjacent-difficulty,.case-adjacent-shift{color:var(--muted);font-size:.78rem;font-weight:900;line-height:1.25;display:block}.case-adjacent-link strong{font-size:clamp(.95rem,1.25vw,1.15rem);line-height:1.15;display:block}.case-adjacent-difficulty{color:#12625f}.case-adjacent-shift{border:2px solid var(--gold);width:fit-content;color:var(--ink);background:#efc85a38;border-radius:6px;padding:.18rem .45rem}.case-adjacent-link-next .case-adjacent-shift{margin-left:auto}@media (width<=980px){.case-map-nav-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.case-map-nav-layout .case-hero{order:-1;grid-column:1/-1}.case-adjacent-spacer{display:none}}@media (width<=640px){.case-map-nav-layout{grid-template-columns:1fr}.case-map-nav-layout .case-hero,.case-adjacent-link{grid-column:1}.case-adjacent-link,.case-adjacent-link-next{text-align:left;min-height:auto}.case-adjacent-link-next .case-adjacent-shift{margin-left:0}}.case-clue-list{gap:.75rem;padding:0;list-style:none;display:grid}.case-clue-list li{border:2px solid var(--paper-deep);box-shadow:var(--soft-shadow);background:#fffdf5;border-radius:8px;padding:.85rem 1rem}.case-inline-hint{scroll-margin-top:6rem}.case-inline-hint p{color:var(--muted);font-weight:750}.walkthrough-reveal{margin:1.5rem 0 2rem}.walkthrough-guide{gap:1rem;margin:1.5rem 0 2rem;display:grid}.walkthrough-coordinate-note{border:2px solid var(--line);background:#fff3bb;border-radius:8px;margin:0;padding:.85rem 1rem;font-weight:900;box-shadow:4px 4px #23222924}.walkthrough-hint-panels{gap:1rem;display:grid}.walkthrough-hint-panel{border:3px solid var(--line);box-shadow:var(--soft-shadow);background:linear-gradient(90deg,#2322290a 1px,#0000 1px) 0 0/34px 34px,linear-gradient(0deg,#23222909 1px,#0000 1px) 0 0/34px 34px,#fffdf5;border-radius:8px;padding:1rem clamp(1rem,3vw,1.35rem);position:relative}.walkthrough-hint-panel h2{margin:.1rem 0 .8rem;font-size:clamp(1.25rem,2.4vw,1.65rem)}.walkthrough-hint-range{border:2px solid var(--line);background:var(--mint);border-radius:999px;margin:0;padding:.18rem .55rem;font-size:.85rem;font-weight:900;display:inline-flex}.walkthrough-step-list{gap:.7rem;margin:0;padding-left:1.35rem;display:grid}.walkthrough-step-list li{padding-left:.25rem;font-weight:750;line-height:1.72}.walkthrough-step-list li::marker{color:var(--line);font-weight:900}.walkthrough-suspect-token,.walkthrough-coordinate-token{font-weight:950}.walkthrough-coordinate-token{color:#1268c4}.walkthrough-progress-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.35rem;display:flex}.walkthrough-final-prompt{color:var(--muted);flex:18rem;margin:0;font-weight:850}.walkthrough-noscript{color:var(--muted);margin:.5rem 0 0;font-weight:850}.walkthrough-lock{aspect-ratio:4/3;border:3px dashed var(--line);background:linear-gradient(135deg, #fff8dfeb, #fffdf5e6), var(--paper);width:min(60%,760px);box-shadow:var(--soft-shadow);border-radius:8px;place-items:center;margin:1.5rem auto 2rem;padding:1rem;display:grid}.walkthrough-reveal-button{font-size:1rem}.walkthrough-answer[hidden],.walkthrough-lock[hidden],.walkthrough-hint-panel[hidden],.walkthrough-final-prompt[hidden],.walkthrough-progress-actions [hidden]{display:none}.walkthrough-flat-hint-0{border:3px solid var(--line);box-shadow:var(--soft-shadow);background:linear-gradient(90deg,#2322290a 1px,#0000 1px) 0 0/34px 34px,linear-gradient(0deg,#23222909 1px,#0000 1px) 0 0/34px 34px,#fffdf5;border-radius:8px;margin:.75rem 0 1.25rem;padding:1rem clamp(1rem,3vw,1.35rem);font-size:clamp(1.15rem,2vw,1.35rem);line-height:1.7}.walkthrough-hint-panel{font-size:clamp(1.05rem,1.8vw,1.2rem);line-height:1.75}.walkthrough-step-image img{border-radius:6px;width:100%;height:auto}.walkthrough-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.section-note{color:var(--muted);margin-bottom:1.25rem;font-size:.95rem}.gender-clue-note{color:var(--ink);flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin:-.35rem 0 1.25rem;font-size:.92rem;font-weight:800;display:flex}.gender-clue-key{align-items:center;gap:.35rem;display:inline-flex}.gender-clue-key:before{content:"";border:2px solid;border-radius:4px;width:1rem;height:1rem}.gender-clue-key-female:before{background:#f8d7d2;border-color:#d86b63}.gender-clue-key-male:before{background:#d7e8f8;border-color:#5f9fce}.suspect-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.suspect-card{border:2px solid var(--paper-deep);box-shadow:var(--soft-shadow);background:#fff;border-radius:8px;padding:1rem 1.25rem}.suspect-card.suspect-victim{border-color:var(--muted);background:#f8f8f8}.suspect-avatar{border:2px solid var(--line);object-fit:cover;background:var(--paper);border-radius:8px;width:64px;height:100px;margin-bottom:.6rem}.suspect-name{align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.05rem;font-weight:900;display:flex}.role-badge{text-transform:uppercase;letter-spacing:.05em;color:#fff;border-radius:4px;padding:.15rem .5rem;font-size:.65rem;font-weight:900;display:inline-block}.role-murderer{background:var(--rose)}.role-victim{background:var(--muted)}.suspect-clue{color:var(--ink);margin:0;font-size:.92rem;line-height:1.55}.suspect-gendered-clues .suspect-clue{border:2px solid;border-radius:6px;padding:.65rem .75rem}.suspect-gendered-clues.suspect-sex-female .suspect-clue{background:#f8d7d2;border-color:#d86b63}.suspect-gendered-clues.suspect-sex-male .suspect-clue{background:#d7e8f8;border-color:#5f9fce}.region-list{flex-wrap:wrap;gap:.5rem;display:flex}.region-chip{border:2px solid;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.85rem;font-weight:700;display:inline-flex}.region-chip-swatch{border-radius:3px;width:10px;height:10px}.object-card-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.object-card{text-align:center;border:2px solid var(--paper-deep);color:var(--ink);box-shadow:var(--soft-shadow);background:#fff;border-radius:8px;flex-direction:column;align-items:center;padding:1rem;display:flex}.object-card-img{justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:.75rem;display:flex}.object-card-img img{object-fit:contain;max-width:80px;max-height:80px}.object-card-img.no-img{background:var(--paper-deep);border-radius:8px}.object-card-body h3{margin:0 0 .25rem;font-size:.95rem}.object-card-body p{color:var(--muted);margin:0;font-size:.78rem;line-height:1.4}.inline-chip-list{flex-wrap:wrap;gap:.5rem;padding:0;list-style:none;display:flex}.inline-chip-list li{border:2px solid var(--paper-deep);color:var(--muted);background:#fff8df;border-radius:999px;padding:.25rem .65rem;font-weight:900}.glossary-item-hero{text-align:center;border:2px solid var(--paper-deep);box-shadow:var(--soft-shadow);background:#fff;border-radius:8px;margin:1.5rem 0 2rem;padding:2rem}.glossary-item-hero img{object-fit:contain;max-width:200px;max-height:200px}.glossary-category{border:2px solid var(--paper-deep);box-shadow:var(--soft-shadow);background:#fff;border-radius:8px;margin-bottom:2rem}.glossary-category-title{cursor:pointer;user-select:none;align-items:center;gap:.5rem;padding:1rem 1.25rem;font-size:1.15rem;font-weight:900;list-style:none;display:flex}.glossary-category-title::-webkit-details-marker{display:none}.glossary-category-title small{color:var(--muted);font-size:.9rem;font-weight:700}.category-triangle{border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:10px solid var(--ink);width:0;height:0;transition:transform .2s;display:inline-block}details.glossary-category[open] .category-triangle{transform:rotate(90deg)}.glossary-category-body{border-top:1px solid var(--paper-deep);padding:0 1.25rem 1.25rem}.button.secondary{background:#fff8df}.sudoku-page{max-width:42rem;margin:clamp(2rem,6vw,4.5rem) auto}.sudoku-hero{text-align:center;margin-bottom:1.5rem}.sudoku-hero .kicker{background:#fff3bb;margin-left:auto;margin-right:auto}.sudoku-hero h1{max-width:20ch;margin:0 auto .75rem;font-size:clamp(1.8rem,3.5vw,2.8rem)}.sudoku-hero .lead{color:#3c3942;max-width:44rem;margin:0 auto;font-size:clamp(.95rem,1.5vw,1.1rem);font-weight:750;line-height:1.7}.sudoku-rules{border:3px solid var(--line);max-width:34rem;box-shadow:var(--soft-shadow);background:linear-gradient(135deg,#fff8dfbd,#bce7dd52),#ffffffb3;border-radius:8px;margin:2.5rem auto 0;padding:1.25rem 1.5rem}.sudoku-rules h2{margin-bottom:.55rem;font-size:clamp(1.15rem,2vw,1.4rem)}.sudoku-rules p{color:#4d4852;margin:0;font-weight:700;line-height:1.72}.sudoku-game{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.sudoku-play-area{justify-content:center;align-items:flex-start;width:100%;display:flex;position:relative}.sudoku-board-wrap{flex:none;align-items:flex-start;gap:6px;display:flex}.sudoku-number-bar{flex-direction:column;gap:2px;padding-top:9px;display:flex}.number-bar-btn{border:2px solid var(--line);width:28px;height:calc(min(90vw,480px)/9 - 2px);color:var(--ink);font:inherit;cursor:pointer;background:#fffdf7;border-radius:5px;place-items:center;padding:0;font-family:Nunito,sans-serif;font-size:.9rem;font-weight:900;transition:background .12s,color .12s;display:grid;box-shadow:2px 2px #2322291f}.number-bar-btn:hover{background:#fff3bb}.number-bar-btn.active{background:var(--gold);box-shadow:inset 0 0 0 2px var(--gold)}.number-bar-btn.completed{color:#b0ada6;cursor:default;box-shadow:none;background:#e0ddd6}.same-num-badge{z-index:5;border:3px solid var(--line);background:#fff3bb;border-radius:999px;justify-content:center;align-items:center;min-width:32px;height:28px;padding:0 8px;font-size:.9rem;font-weight:900;animation:.18s ease-out badge-pop;display:inline-flex;position:absolute;top:-12px;right:-12px;box-shadow:3px 3px #2322292e}.same-num-badge[hidden]{display:none}@keyframes badge-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.sudoku-cell.has-notes{position:relative}.notes-grid{pointer-events:none;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:grid;position:absolute;inset:2px}.notes-grid span{color:var(--muted);place-items:center;font-size:.55rem;font-weight:700;line-height:1;display:grid}.notes-grid[data-count="1"] span{color:var(--ink);font-size:.9rem;font-weight:900}.notes-grid[data-count="2"] span{color:#3c3942;font-size:.72rem;font-weight:800}.notes-grid[data-count="3"] span{font-size:.62rem;font-weight:750}.notes-grid[data-count="4"] span{font-size:.56rem}.sudoku-shortcuts{border:2px solid var(--line);user-select:none;background:#fff8df9e;border-radius:8px;width:clamp(176px,16vw,220px);padding:.85rem 1rem;font-size:.82rem;position:absolute;top:0;left:calc(50% + min(45vw,240px) + 1rem);box-shadow:3px 3px #2322291a}.sudoku-shortcuts h3{margin:0 0 .5rem;font-size:.88rem;font-weight:900}.sudoku-shortcuts dl{gap:.4rem;margin:0;display:grid}.sudoku-shortcuts dl>div{grid-template-columns:minmax(0,.95fr) minmax(0,1fr);align-items:baseline;gap:.6rem;display:grid}.sudoku-shortcuts dt{min-width:0;color:var(--ink);overflow-wrap:anywhere;font-weight:900;line-height:1.25}.sudoku-shortcuts dd{min-width:0;color:var(--muted);text-align:right;overflow-wrap:anywhere;margin:0;font-weight:700;line-height:1.3}.sudoku-info{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;width:100%;max-width:480px;display:flex}.sudoku-stat{font-size:.95rem;font-weight:900}.sudoku-stat-label{color:var(--muted)}.sudoku-difficulty{gap:.4rem;margin-left:auto;display:flex}.difficulty-btn{border:2px solid var(--line);min-height:2rem;color:var(--ink);font:inherit;cursor:pointer;background:#ffffff8c;border-radius:999px;align-items:center;padding:.3rem .65rem;font-size:.82rem;font-weight:900;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex;box-shadow:2px 2px #2322291a}.difficulty-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #23222929}.difficulty-btn.active{background:var(--gold);box-shadow:inset 0 0 0 1px var(--line)}.sudoku-board-frame{flex:none;position:relative}.sudoku-board{width:min(90vw,480px);height:min(90vw,480px);box-shadow:var(--shadow);user-select:none;background:#e7e1d8;border:9px solid #050505;grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(9,1fr);display:grid;transform:rotate(-.5deg)}.sudoku-cell{width:100%;height:100%;color:var(--ink);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fffdf7;border:1px solid #8a858f;place-items:center;padding:0;font-family:Nunito,sans-serif;font-size:clamp(1rem,3vw,1.55rem);font-weight:700;transition:background .1s,box-shadow .1s,transform .1s;display:grid;position:relative}.sudoku-cell:hover{background:#fff9ec}.sudoku-cell:focus-visible{outline:3px solid var(--teal);outline-offset:-3px;z-index:1}.sudoku-cell.edge-top{border-top:3px solid #050505}.sudoku-cell.edge-left{border-left:3px solid #050505}.sudoku-cell.edge-bottom{border-bottom:3px solid #050505}.sudoku-cell.edge-right{border-right:3px solid #050505}.sudoku-cell.given{cursor:default;background:#f2efe8;font-weight:900}.sudoku-cell.given:hover{background:#f2efe8}.sudoku-cell.user{color:#1a56c4}.sudoku-cell.selected{box-shadow:inset 0 0 0 3px var(--teal);z-index:1;background:#c9f0ee;transform:scale(1.04)}.sudoku-cell.peer{background:#e8f7f6}.sudoku-cell.same-num{box-shadow:inset 0 0 0 3px var(--gold);z-index:2;background:#fde68a;transform:scale(1.03)}.sudoku-cell.selected.same-num{box-shadow:inset 0 0 0 3px var(--teal);background:#c9f0ee}.sudoku-cell.given.same-num{box-shadow:inset 0 0 0 3px var(--gold);background:#fde68a}.sudoku-cell.peer.same-num{background:#fde68a}.sudoku-cell.conflict.same-num{background:#fcd4d8}.sudoku-cell.conflict-zone{background:#fef0f2}.sudoku-cell.conflict-zone.given{background:#f7e8e8}.sudoku-cell.conflict{color:#c0392b;background:#fcd4d8;animation:.3s sudoku-shake}.sudoku-cell.conflict.user{color:#c0392b}@keyframes sudoku-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.numpad-popup{z-index:50;border:3px solid var(--line);background:#fffef9;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:4px;width:138px;padding:6px;animation:.14s ease-out numpad-in;display:grid;position:fixed;box-shadow:6px 6px #23222947}.numpad-popup[hidden]{display:none}@keyframes numpad-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.numpad-btn{border:2px solid var(--line);width:38px;height:38px;color:var(--ink);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffffd9;border-radius:7px;place-items:center;padding:0;font-family:Nunito,sans-serif;font-size:1.15rem;font-weight:900;transition:transform .1s,box-shadow .1s,background .1s;display:inline-grid;position:relative;box-shadow:2px 2px #2322291a}.numpad-btn:hover{background:#fff8df;transform:translate(-1px,-1px);box-shadow:4px 4px #2322292e}.numpad-btn:active{background:var(--gold);transform:translate(0);box-shadow:1px 1px #23222914}.numpad-erase{background:#fff0f0;grid-column:1/-1;width:auto;height:30px;font-size:.9rem}.numpad-erase:hover{background:#ffe0e0}.numpad-popup.numpad-notes .numpad-btn{font-size:.78rem}.numpad-popup.numpad-notes .numpad-btn:after{content:"?";color:var(--muted);font-size:.5rem;font-weight:700;position:absolute;top:1px;right:3px}.numpad-popup.numpad-notes .numpad-erase:after{content:none}.numpad-notes-label{display:none}.numpad-popup.numpad-notes .numpad-notes-label{text-align:center;color:var(--muted);border-bottom:1px solid var(--line);grid-column:1/-1;margin-bottom:2px;padding-bottom:2px;font-size:.7rem;font-weight:800;display:block}.win-overlay{z-index:100;backdrop-filter:blur(4px);background:#2322298c;place-items:center;padding:1rem;animation:.3s win-fade-in;display:grid;position:fixed;inset:0}.win-overlay[hidden]{display:none}@keyframes win-fade-in{0%{opacity:0}to{opacity:1}}.win-modal{border:4px solid var(--line);background:linear-gradient(135deg, #fff8dff2, #fffffff7), var(--paper);text-align:center;border-radius:10px;width:min(100%,360px);padding:2rem 1.5rem 1.5rem;animation:.4s cubic-bezier(.175,.885,.32,1.275) win-bounce;position:relative;overflow:hidden;box-shadow:10px 10px #2322294d}@keyframes win-bounce{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.win-close{border:2px solid var(--line);width:2rem;height:2rem;color:var(--ink);cursor:pointer;background:#fff;border-radius:6px;place-items:center;font-size:1.2rem;font-weight:900;display:grid;position:absolute;top:.6rem;right:.6rem;box-shadow:2px 2px #2322291f}.win-close:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #2322292e}.win-modal .kicker{background:#fff3bb;margin:0 auto .5rem}.win-modal h2{margin:0 auto .75rem;font-size:clamp(1.5rem,4vw,2rem)}.win-stats{color:var(--muted);justify-content:center;gap:1.5rem;margin-bottom:1.25rem;font-size:1rem;font-weight:800;display:flex}.win-stats strong{color:var(--ink)}.win-actions{justify-content:center;gap:.5rem;display:flex}.win-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.win-confetti:before,.win-confetti:after{content:"";border-radius:2px;width:8px;height:8px;animation:1.5s ease-out forwards confetti-fall;position:absolute}.win-confetti:before{background:var(--teal);box-shadow:40px 20px 0 var(--gold), 80px -10px 0 var(--rose), 120px 30px 0 var(--teal), 170px 5px 0 var(--lavender), 220px 25px 0 var(--rose), 60px 50px 0 var(--gold), 140px 60px 0 var(--teal), 200px 40px 0 var(--lavender), 100px 80px 0 var(--rose), 30px 70px 0 var(--gold), 180px 75px 0 var(--teal), 250px 55px 0 var(--rose);animation-delay:.1s;left:15%}.win-confetti:after{background:var(--gold);box-shadow:50px 15px 0 var(--rose), 100px -5px 0 var(--teal), 150px 35px 0 var(--lavender), 200px 10px 0 var(--gold), 80px 45px 0 var(--rose), 160px 55px 0 var(--teal), 220px 35px 0 var(--lavender), 40px 65px 0 var(--gold), 120px 85px 0 var(--rose), 190px 70px 0 var(--teal), 260px 50px 0 var(--gold);animation-delay:.3s;left:25%}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-60px)rotate(0)}to{opacity:0;transform:translateY(400px)rotate(720deg)}}@keyframes sudoku-pop{0%{transform:scale(.8)}60%{transform:scale(1.08)}to{transform:scale(1)}}.sudoku-cell.user{animation:.18s ease-out sudoku-pop}.sudoku-cell.complete-cell{animation:.6s ease-out forwards sudoku-complete}@keyframes sudoku-complete{0%{background:#fffdf7}40%{background:var(--gold);transform:scale(1.06)}to{background:#fffdf7;transform:scale(1)}}.sudoku-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.sudoku-action-btn{border:2px solid var(--line);min-height:2.55rem;color:var(--ink);font:inherit;cursor:pointer;background:#ffffff8c;border-radius:7px;justify-content:center;align-items:center;padding:.55rem 1rem;font-weight:900;transition:transform .14s,box-shadow .14s,background .14s;display:inline-flex;box-shadow:3px 3px #2322291f}.sudoku-action-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #23222938}@media (width<=780px){.sudoku-play-area{flex-direction:column;align-items:center}.sudoku-shortcuts{width:100%;max-width:380px;position:static}.sudoku-shortcuts dl{grid-template-columns:repeat(2,1fr)}.sudoku-shortcuts dl>div{flex-direction:column;gap:.1rem}.sudoku-shortcuts dd{text-align:left}.sudoku-number-bar{padding-top:6px}.number-bar-btn{width:24px;height:calc(min(95vw,380px)/9 - 1.33333px);font-size:.78rem}}@media (width<=640px){.sudoku-info{gap:.75rem;max-width:100%}.sudoku-difficulty{justify-content:center;width:100%;margin-left:0}.difficulty-btn{min-height:1.75rem;padding:.25rem .55rem;font-size:.75rem}.sudoku-board{border-width:6px;width:min(100vw - 3rem,380px);height:min(100vw - 3rem,380px);box-shadow:5px 5px #23222947}.sudoku-cell{font-size:1rem}.sudoku-number-bar{gap:1px;padding-top:6px}.number-bar-btn{border-width:1.5px;width:22px;height:calc(min(100vw - 3rem,380px)/9 - 1.33333px);font-size:.72rem}.numpad-popup{gap:3px;width:126px;padding:5px}.numpad-btn{border-radius:6px;width:34px;height:34px;font-size:1rem}.numpad-erase{height:26px}.numpad-notes-label{font-size:.65rem}.sudoku-actions{gap:.5rem}.sudoku-action-btn{min-height:2.35rem;padding:.48rem .75rem;font-size:.92rem}.sudoku-hero h1{font-size:clamp(1.4rem,7vw,2rem)}.sudoku-rules{margin-top:1.5rem;padding:1rem}}.ad-slot{border:1px dashed var(--paper-deep);background:var(--paper);text-align:center;max-width:100%;margin:2rem auto;padding:.75rem 1rem 1rem;overflow:hidden}.ad-slot[data-ad-status=empty]{display:none!important}.ad-slot.ad-sidebar{text-align:center;background:0 0;border:none;margin:0;padding:0}.ad-label{text-transform:uppercase;letter-spacing:.12em;color:#6b6660;margin-bottom:.5rem;font-size:.65rem;display:block}.ad-placeholder{color:#555;border:2px dashed;justify-content:center;align-items:center;margin:0 auto;font-size:.75rem;font-weight:600;display:flex}.ad-placeholder-banner{background:#e8f0fe;border-color:#1a73e8}.ad-container{justify-content:center;align-items:center;min-height:50px;display:flex}.ad-container iframe{border:0;max-width:100%}.ad-slot.is-desktop{display:none}.ad-slot.is-mobile{display:block}@media (width>=1080px){.ad-slot.is-desktop{display:block}.ad-slot.is-mobile{display:none}}.case-detail-layout,.walkthrough-detail-layout{grid-template-columns:minmax(0,1fr) 180px;align-items:start;gap:2.5rem;display:grid}.case-sidebar,.walkthrough-sidebar{align-self:start;min-height:600px;position:sticky;top:2rem}html[data-ads-enabled=false] .case-detail-layout,html[data-ads-enabled=false] .walkthrough-detail-layout{grid-template-columns:minmax(0,1fr)}html[data-ads-enabled=false] .case-sidebar,html[data-ads-enabled=false] .walkthrough-sidebar{display:none}@media (width<=1079px){.case-detail-layout,.walkthrough-detail-layout{grid-template-columns:1fr}.case-sidebar,.walkthrough-sidebar{display:none}}@media (width<=640px){.ad-slot{margin:1.5rem auto;padding:.5rem}.ad-label{margin-bottom:.35rem;font-size:.6rem}}.seo-guide-page{max-width:70rem;margin-bottom:4rem}.breadcrumbs{color:var(--muted);align-items:center;gap:.55rem;margin-bottom:1.5rem;font-size:.9rem;font-weight:800;display:flex}.breadcrumbs a{text-underline-offset:.18em;text-decoration:underline 2px}.seo-guide-hero{grid-template-columns:minmax(0,1.08fr) minmax(18rem,.92fr);align-items:center;gap:clamp(1.5rem,5vw,3.5rem);padding-bottom:2rem;display:grid}.seo-guide-hero h1{max-width:18ch;margin-bottom:1rem;font-size:clamp(2rem,4.4vw,4.2rem);line-height:.98}.seo-guide-hero .lead{color:#45404a;max-width:43rem;font-size:clamp(1rem,1.7vw,1.18rem);font-weight:750;line-height:1.72}.seo-guide-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.seo-guide-facts>div{background:linear-gradient(135deg,#fff8dfe6,#bce7dd7a);min-height:7.25rem}.featured-source{border:3px solid var(--line);background:linear-gradient(135deg,#fff8dff5,#efc85a59);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.25rem;margin:0 0 2rem;padding:1.15rem 1.25rem;display:grid;box-shadow:6px 6px #23222933}.featured-source--bottom{background:linear-gradient(135deg,#bce7dd9e,#fffdf7f5);margin:2.5rem 0 0}.featured-source__eyebrow{color:#075f76;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .3rem;font-size:.78rem;font-weight:950}.featured-source h2{margin:0 0 .35rem;font-size:clamp(1.25rem,2.5vw,1.8rem);line-height:1.1}.featured-source p:last-child{color:#4d4852;margin:0;font-weight:750;line-height:1.6}.featured-source__action{white-space:nowrap}.seo-guide-content{max-width:54rem;margin:0 auto}.seo-guide-content>section{border-bottom:2px dashed #23222938;padding:1.4rem 0 1.7rem}.seo-guide-content h2,.seo-guide-faq h2,.seo-guide-page>section>h2{margin-bottom:.65rem;font-size:clamp(1.45rem,2.8vw,2.15rem);line-height:1.12}.seo-guide-content p,.seo-guide-faq p,.seo-guide-related p,.source-box p{color:#4d4852;font-weight:700;line-height:1.75}.guide-figure{width:100%;max-width:min(100%, var(--guide-native-width));border:3px solid var(--line);box-shadow:var(--shadow);background:#fffdf7;border-radius:8px;margin:1.5rem auto;overflow:hidden}.guide-figure--portrait{max-width:min(100%, 32rem, var(--guide-native-width))}.guide-figure--square{max-width:min(100%, 42rem, var(--guide-native-width))}.guide-figure img{background:#fffdf7;width:100%;height:auto;display:block}.seo-guide-hero .guide-figure{margin:0 auto;transform:rotate(1deg)}.seo-guide-hero .guide-figure--portrait{max-width:min(100%, 20rem, var(--guide-native-width))}.seo-guide-hero .guide-figure--square{max-width:min(100%, 28rem, var(--guide-native-width))}.guide-figure figcaption{border-top:2px solid var(--line);color:#514c56;justify-content:space-between;gap:.75rem;padding:.8rem .95rem;font-size:.82rem;font-weight:800;line-height:1.45;display:flex}.guide-figure figcaption a{color:#075f76;text-underline-offset:.18em;flex:none;text-decoration:underline}.guide-figure--portrait figcaption{flex-direction:column;align-items:flex-start}.guide-figure--portrait figcaption a{flex:initial;overflow-wrap:anywhere}.guide-placeholder-art{text-align:center;background:linear-gradient(135deg,#df86ad38,#efc85a4d),repeating-linear-gradient(-45deg,#0000 0 18px,#2322290b 18px 36px),#fff8df;place-items:center;min-height:19rem;padding:2rem;display:grid}.guide-placeholder-art span{border:2px solid var(--line);background:var(--gold);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:.32rem .65rem;font-size:.72rem;font-weight:900}.guide-placeholder-art strong{margin:.8rem 0 0;font-family:Patrick Hand,cursive;font-size:clamp(2.4rem,8vw,5rem);line-height:1;display:block}.guide-placeholder-art p{color:#4d4852;max-width:38rem;margin:.5rem auto 0;font-weight:800;line-height:1.6}.seo-guide-table-wrap{border:3px solid var(--line);background:#ffffffc7;border-radius:8px;margin:1.25rem 0;overflow-x:auto}.seo-guide-table{border-collapse:collapse;width:100%;min-width:38rem}.seo-guide-table th,.seo-guide-table td{border-right:1px solid var(--paper-deep);border-bottom:1px solid var(--paper-deep);text-align:left;vertical-align:top;padding:.8rem .9rem}.seo-guide-table th{background:var(--mint);font-weight:900}.seo-guide-table tbody tr:nth-child(2n){background:#fff8dfb8}.seo-guide-faq{max-width:54rem;margin:2.5rem auto}.seo-guide-faq details{border:2px solid var(--line);background:#ffffffad;border-radius:8px;margin-bottom:.75rem;box-shadow:4px 4px #2322292e}.seo-guide-faq summary{cursor:pointer;padding:.9rem 1rem;font-weight:900}.seo-guide-faq details p{margin:0;padding:0 1rem 1rem}.seo-guide-related{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.seo-guide-related .card{border:3px solid var(--line);background:linear-gradient(145deg,#fffdf7,#bce7dd7a);border-radius:8px;padding:1.1rem;transition:transform .14s,box-shadow .14s;display:block;box-shadow:5px 5px #2322292e}.seo-guide-related .card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px #23222938}.seo-guide-related h3{margin-bottom:.4rem}.source-box{border:3px solid var(--line);background:var(--paper-deep);border-radius:8px;margin-top:2.5rem;padding:1.2rem}.source-box ul{flex-wrap:wrap;gap:.55rem;padding:0;list-style:none;display:flex}.source-box li a{border:2px solid var(--line);background:#fffdf7;border-radius:999px;padding:.45rem .7rem;font-weight:900;display:block}@media (width<=820px){.seo-guide-hero{grid-template-columns:1fr}.seo-guide-hero .guide-figure{max-width:38rem}.seo-guide-facts,.seo-guide-related{grid-template-columns:1fr}.seo-guide-facts>div{min-height:auto}.featured-source{grid-template-columns:1fr}.featured-source__action{white-space:normal;width:fit-content}}@media (width<=640px){.seo-guide-page{padding:1rem}.seo-guide-hero h1{font-size:clamp(1.9rem,10vw,3rem)}.guide-figure{box-shadow:4px 4px #23222942}.guide-figure figcaption{flex-direction:column}.guide-figure figcaption a{flex-basis:auto}.guide-placeholder-art{min-height:15rem;padding:1.2rem}}