:root{color-scheme:light;--bg: #f7efe4;--surface: #fffaf3;--surface-strong: #ffffff;--ink: #1c1712;--muted: #52463b;--accent: #0f6f62;--accent-strong: #084c42;--accent-warm: #e07a4e;--accent-soft: #d9efe7;--line: #dcc7b0;--focus: #ff944d;--shadow: 0 26px 60px rgba(42, 31, 20, .2);--shadow-soft: 0 14px 28px rgba(42, 31, 20, .16);--shadow-card: 0 18px 40px rgba(42, 31, 20, .18)}@keyframes riseIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseIn{0%{transform:scale(.92)}60%{transform:scale(1.05)}to{transform:scale(1)}}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;background-color:var(--bg);background-image:radial-gradient(1200px 600px at 8% 4%,#fff7ea,#fff7ea00 55%),radial-gradient(900px 500px at 90% 12%,#0f6f6229,#0f6f6200 60%),linear-gradient(180deg,#f9f2e7,#f0dfcb);color:var(--ink);min-height:100vh;position:relative}body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0}body:before{background-image:linear-gradient(rgba(91,74,56,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(91,74,56,.08) 1px,transparent 1px);background-size:120px 120px;opacity:.25}body:after{background-image:radial-gradient(circle at 18% 28%,#e07a4e33,#e07a4e00 50%),radial-gradient(circle at 78% 72%,#0f6f622e,#0f6f6200 55%);opacity:.35}body>*{position:relative;z-index:1}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}.skip-link{position:absolute;top:1rem;left:1.5rem;padding:.6rem 1.1rem;border-radius:999px;background:var(--accent);color:#fff;font-weight:600;transform:translateY(-200%);transition:transform .2s ease;z-index:10;box-shadow:var(--shadow-soft)}.skip-link:focus-visible{transform:translateY(0);outline:3px solid var(--focus);outline-offset:4px}h1,h2,h3,h4{font-family:Fraunces,Times New Roman,serif;margin:0 0 .75rem;color:var(--ink)}p{color:var(--muted);line-height:1.6}.muted{color:var(--muted)}.container{max-width:1140px;margin:0 auto;padding:0 1.5rem}.kicker{font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-strong);font-weight:600}.badge{background:#f0e1cf;color:var(--muted);border-radius:999px;padding:.2rem .65rem;font-size:.85rem;font-weight:600}.btn{border:none;border-radius:999px;padding:.9rem 1.7rem;font-weight:600;font-size:1rem;min-height:44px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;gap:.5rem;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn.primary{background:linear-gradient(135deg,#0f6f62,#0a5146);color:#fff;box-shadow:0 16px 30px #0f6f6266}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 20px 34px #0f6f6273}.btn.secondary{background:#f6e8d8;color:var(--ink);border:1px solid #d8c5af}.btn.ghost{background:transparent;border:1px solid rgba(15,111,98,.4);color:var(--accent-strong)}.btn.small{padding:.65rem 1.1rem;font-size:.95rem}.btn:focus-visible,.grid-cell:focus-visible,.site-nav a:focus-visible{outline:3px solid var(--focus);outline-offset:3px;box-shadow:0 0 0 6px #ff944d2e}.site-header{background:#ffffffeb;backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}.logo{font-family:Fraunces,serif;font-size:1.5rem;letter-spacing:.04em}.site-nav{display:flex;gap:1.5rem;font-weight:600;color:var(--ink)}.site-nav a{padding:.35rem 0}.site-main{padding:2.5rem 0 4.5rem}.hero{background:var(--surface);border-radius:28px;padding:2.75rem;box-shadow:var(--shadow);border:1px solid #efdecb;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:center;animation:riseIn .7s ease both;animation-delay:var(--delay, .05s)}.hero-title{font-size:clamp(2.6rem,3vw,3.4rem);margin-bottom:.85rem}.hero-copy{font-size:1.05rem;max-width:40ch}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;margin-top:1rem}.hero-art{background:linear-gradient(140deg,#fdf7ef,#f2e3d2);border-radius:22px;padding:2rem;border:1px solid #ead7c2;box-shadow:var(--shadow-soft)}.hero-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}.hero-grid span{width:52px;height:52px;border-radius:12px;border:1px solid #dcc7b0;background:#fffaf4;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:var(--accent-strong)}.hero-grid span.is-yes{background:#d9efe7;color:var(--accent-strong)}.hero-grid span.is-no{background:#f7d5c9;color:#8b3a2a}.hero-grid-caption{margin-top:1.25rem;color:var(--muted);font-size:.95rem}.section-card{background:var(--surface-strong);border-radius:22px;padding:2.25rem;box-shadow:var(--shadow-card);margin-top:2.25rem;border:1px solid #efdecb;position:relative;animation:riseIn .7s ease both;animation-delay:var(--delay, .1s)}.section-card h2{margin-bottom:1rem}.card-grid{display:grid;gap:1.5rem}.steps{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.step-card{background:#fff7ed;border-radius:18px;padding:1.5rem;border:1px solid #ecd6c0;display:grid;gap:.5rem;box-shadow:var(--shadow-soft)}.step-icon{width:44px;height:44px;border-radius:14px;background:#e1f2ec;color:var(--accent-strong);font-weight:700;display:inline-flex;align-items:center;justify-content:center}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-top:1.5rem}.stat-card{background:#fdf7f0;border:1px solid #ead7c2;border-radius:16px;padding:1.25rem;display:grid;gap:.35rem;text-align:left}.stat-value{font-size:1.4rem;font-weight:700;color:var(--ink)}.preview-card{display:grid;gap:1.5rem;grid-template-columns:auto 1fr;align-items:center}.preview-meta{display:grid;gap:.5rem}.preview-meta strong{font-size:1.25rem}.preview-tags{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.2rem;padding:.4rem;border-radius:14px;border:1px solid #e2cdb6;background:#fff7ee}.mini-grid[data-size=md]{gap:.3rem;padding:.5rem}.mini-grid[data-size=lg]{gap:.35rem;padding:.7rem}.mini-grid-cell{width:18px;height:18px;border-radius:5px;border:1px solid #dcc7b0;background:#fff}.mini-grid[data-size=md] .mini-grid-cell{width:24px;height:24px;border-radius:6px}.mini-grid[data-size=lg] .mini-grid-cell{width:32px;height:32px;border-radius:8px}.mini-grid-cell.is-yes{background:#d9efe7;border-color:#9ccdc1}.mini-grid-cell.is-no{background:#f6d4c9;border-color:#dea191}.breadcrumbs{font-size:.95rem;color:var(--muted);margin-bottom:1rem}.breadcrumbs ol{list-style:none;display:flex;gap:.6rem;padding:0;margin:0;flex-wrap:wrap}.breadcrumbs li:after{content:"/";margin-left:.6rem;color:#c0b4a6}.breadcrumbs li:last-child:after{content:""}.puzzle-layout{display:grid;gap:2rem;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}.puzzle-meta{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin:.75rem 0 1.25rem}.puzzle-meta-item{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;color:var(--muted)}.puzzle-section{margin-top:1rem}.grid-section{margin-top:.5rem}.grid-controls{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;align-items:center}.grid-controls[data-variant=sticky]{display:none;position:sticky;bottom:1rem;z-index:6;background:#ffffffeb;backdrop-filter:blur(8px);padding:.6rem;border-radius:999px;border:1px solid #ead7c2;box-shadow:var(--shadow-soft);justify-content:space-between}.grid-controls[data-variant=sticky] .btn{flex:1 1 auto}.grid-legend{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;font-size:.95rem;color:var(--muted);margin-bottom:1.5rem}.legend-item{display:inline-flex;align-items:center;gap:.5rem}.legend-mark{display:inline-flex;align-items:center;justify-content:center;min-width:52px;padding:.2rem .5rem;border-radius:999px;border:1px solid #d6c6b6;font-weight:700;background:#fffaf4;color:var(--ink)}.legend-mark.yes{background:#dff3eb;color:#0b5246}.legend-mark.no{background:#f7d9d2;color:#8b2f1f}.grid-hint{margin:-.75rem 0 1.5rem;color:var(--muted);font-size:.9rem}.grid-matrices{display:grid;gap:2rem}.matrix{background:var(--surface);border-radius:18px;padding:1.5rem;box-shadow:var(--shadow-soft);border:1px solid #ead7c2;animation:riseIn .7s ease both;animation-delay:var(--delay, .15s)}.matrix h3{margin-bottom:1rem}.matrix-scroll{overflow-x:auto}.grid-table{border-collapse:collapse;min-width:560px;width:100%}.grid-table th,.grid-table td{border:1px solid #dccdbd;text-align:center;padding:.3rem;background:#fffaf4}.grid-table th{font-weight:700;color:#3d332b;background:#efe1d2}.grid-header.is-highlight{background:#e9d2bb;color:var(--ink)}.grid-cell{width:54px;height:54px;border-radius:10px;border:2px solid #d6c6b6;background:#fff;font-size:1.2rem;font-weight:700;color:var(--accent-strong);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;line-height:1}.grid-cell:hover{border-color:var(--accent);box-shadow:0 0 0 2px #0f6f6226}.grid-cell.is-highlight{box-shadow:0 0 0 2px #0f6f6233}.grid-cell.is-animating{animation:pulseIn .18s ease}.grid-cell[data-mark="1"]{background:#f7d9d2;color:#8b2f1f}.grid-cell[data-mark="2"]{background:#dff3eb;color:#0b5246}.puzzle-statusbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-bottom:1.2rem}.status-chip{background:#fff7ee;border:1px solid #ead7c2;border-radius:12px;padding:.65rem .9rem;display:grid;gap:.2rem;font-size:.95rem}.status-chip strong{font-size:1.1rem;color:var(--ink)}.puzzle-status{margin-top:1rem;min-height:1.5rem;font-weight:600;color:var(--accent-strong)}.solve-modal{position:fixed;inset:0;background:#140e0873;display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:30}.solve-modal.is-open{opacity:1;pointer-events:auto}.solve-modal__card{background:var(--surface-strong);border-radius:24px;padding:2.2rem;box-shadow:var(--shadow);border:1px solid #ead7c2;width:min(520px,92vw);display:grid;gap:.75rem;position:relative}.solve-modal__close{position:absolute;top:1rem;right:1rem;border:1px solid #d8c5af;background:#f7eadb;border-radius:999px;padding:.4rem .9rem;font-weight:600;cursor:pointer}.solve-time{font-size:1.1rem;color:var(--ink)}.solved-ribbon{position:absolute;top:1.25rem;right:1.25rem;background:var(--accent);color:#fff;padding:.35rem .75rem;border-radius:999px;font-size:.8rem;font-weight:700;display:none}.section-card[data-solved=true] .solved-ribbon{display:inline-flex}.clue-list{display:grid;gap:.75rem;margin:1rem 0 0;padding-left:1.2rem}.clue-list li{line-height:1.5}.solution-list{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.6rem}.solution-panel[data-solved=false] .solution-order,.solution-panel[data-solved=false] .solution-list,.solution-panel[data-solved=true] .solution-locked{display:none}.solution-list li{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.solution-arrow{color:var(--muted);font-weight:600}details{border:1px solid var(--line);border-radius:12px;padding:.75rem 1rem;background:#fffdf7}details+details{margin-top:.75rem}summary{font-weight:600;cursor:pointer}.archive-header{display:grid;gap:1.2rem}.archive-controls{display:flex;flex-wrap:wrap;gap:.5rem}.archive-controls button[aria-pressed=true]{background:#0f6f62;color:#fff;border-color:transparent}.archive-list{list-style:none;padding:0;display:grid;gap:1rem;margin:0}.archive-item{background:#fffdf9;border-radius:18px;padding:1.25rem 1.5rem;box-shadow:var(--shadow-soft);border:1px solid #efe1d2;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center}.archive-info{display:grid;gap:.5rem}.archive-title{font-weight:700;color:var(--ink);font-size:1.1rem}.archive-meta{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.archive-date{color:var(--muted);font-weight:600;font-size:.95rem}.archive-tags{display:flex;flex-wrap:wrap;gap:.4rem;font-size:.9rem;color:var(--muted)}.daily-preview{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:center}.daily-links{margin-top:1rem}.daily-links ul{padding-left:1.2rem}.how-layout{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem;background:#fff7ed;border:1px solid #ead7c2;border-radius:18px;padding:1rem}.how-grid span{width:42px;height:42px;border-radius:10px;border:1px solid #dcc7b0;background:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.how-grid span.is-yes{background:#dff3eb;color:var(--accent-strong)}.how-grid span.is-no{background:#f7d9d2;color:#8b2f1f}.callout-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.callout{border-radius:16px;border:1px solid #ead7c2;padding:1.25rem;background:#fffaf3;box-shadow:var(--shadow-soft)}.callout h3{margin-bottom:.5rem}.toc{border:1px solid #ead7c2;border-radius:16px;padding:1rem 1.25rem;background:#fffaf3;margin-bottom:1.5rem}.toc ul{margin:.5rem 0 0;padding-left:1.2rem;color:var(--muted)}.site-footer{border-top:1px solid var(--line);padding:1.5rem 0 2rem;color:var(--muted)}.site-footer p{margin:.35rem 0 0}.footer-inner{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}@media(max-width:980px){.puzzle-layout{grid-template-columns:1fr}}@media(max-width:720px){.header-inner{flex-direction:column;align-items:flex-start;gap:.75rem}.site-nav{gap:.5rem 1rem;font-size:.95rem;flex-wrap:wrap}.hero{padding:1.8rem}.hero-art{padding:1.4rem}.hero-grid span{width:44px;height:44px}.hero-actions{width:100%}.hero-actions .btn{flex:1 1 100%}.section-card{padding:1.6rem}.preview-card,.archive-item{grid-template-columns:1fr}.grid-table{min-width:460px}.grid-cell{width:48px;height:48px}.how-grid span{width:36px;height:36px}.grid-controls[data-variant=sticky]{display:flex}.grid-controls[data-variant=top]{display:none}}@media(prefers-reduced-motion:reduce){.hero,.section-card,.matrix,.grid-cell.is-animating{animation:none}}