:root{--paper:#f4ede0;--paper-2:#ebe2d2;--paper-shadow:#3c2d1914;--ink:#1a1612;--ink-soft:#3b3228;--ink-faint:#5c5042;--rule:#2a221a;--accent:#8a3324;--accent-2:#c4a574}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper-2);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:EB Garamond,Georgia,serif;font-size:18px;line-height:1.6}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 20% 30%,#78501e06 0,#0000 2px),radial-gradient(circle at 70% 60%,#78501e08 0,#0000 1px),radial-gradient(circle at 40% 80%,#78501e05 0,#0000 1.5px);background-size:7px 7px,11px 11px,13px 13px;position:fixed;inset:0}.page{z-index:1;position:relative}.masthead{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:baseline;padding:24px 40px 14px;display:flex}.masthead-meta{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.wordmark{letter-spacing:-.03em;color:var(--ink);font-family:EB Garamond,Georgia,serif;font-size:clamp(64px,12vw,110px);font-style:italic;font-weight:400;line-height:.88}.mono{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:10px}.hand{color:var(--ink-soft);font-family:Caveat,cursive;font-size:16px;line-height:1.3}hr{border:none;border-top:1px solid var(--ink);margin:0}hr.thick{border-top-width:2.5px}hr.faint{opacity:.35;border-top-width:1px}.stamp{border:2px solid var(--accent);color:var(--accent);letter-spacing:.15em;text-transform:uppercase;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;display:inline-block;transform:rotate(-2.5deg)}.btn{border:1.5px solid var(--ink);letter-spacing:.18em;text-transform:uppercase;background:var(--paper);color:var(--ink);cursor:pointer;padding:8px 20px;font-family:JetBrains Mono,monospace;font-size:11px;text-decoration:none;transition:background .12s,color .12s;display:inline-block}.btn:hover{background:var(--ink);color:var(--paper)}.btn.accent{background:var(--accent);border-color:var(--accent);color:var(--paper)}.btn.accent:hover{background:#6d2419;border-color:#6d2419}.nav-strip{background:var(--paper);border-bottom:1px solid #281e1426;align-items:center;gap:28px;padding:10px 40px;display:flex}.nav-strip a{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);font-family:JetBrains Mono,monospace;font-size:10px;text-decoration:none;transition:color .12s}.nav-strip a:hover{color:var(--accent)}.nav-strip .spacer{flex:1}.section{padding:56px 40px}.section+.section{border-top:1px solid #281e141f}.toc-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.toc-tagline{color:var(--ink-soft);max-width:440px;margin:20px 0 32px;font-family:Caveat,cursive;font-size:19px;line-height:1.4}.toc-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.toc-item{cursor:pointer;border-bottom:1px solid #281e1426;grid-template-columns:36px 1fr auto;align-items:start;gap:16px;padding:20px 0;transition:background .1s;display:grid}.toc-item:first-child{border-top:1px solid #281e1426}.toc-item:hover{background:#281e1408;margin:0 -16px;padding-left:16px;padding-right:16px}.toc-num{color:var(--ink-faint);padding-top:4px;font-family:EB Garamond,Georgia,serif;font-size:22px;font-style:italic}.toc-kind{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:3px;font-family:JetBrains Mono,monospace;font-size:9px}.toc-title{margin:0;font-size:22px;font-style:normal;line-height:1.15}.toc-author{color:var(--ink-faint);margin-top:3px;font-family:Caveat,cursive;font-size:15px;display:block}.toc-mins{letter-spacing:.1em;color:var(--ink-faint);white-space:nowrap;padding-top:8px;font-family:JetBrains Mono,monospace;font-size:10px}.editor-note{border-top:1px solid #281e1426;align-items:flex-start;gap:16px;margin-top:40px;padding-top:24px;display:flex}.editor-avatar{border:1.5px solid var(--ink);background:repeating-linear-gradient(135deg,#0000,#0000 5px,#281e1424 5px 6px);flex-shrink:0;width:52px;height:52px}.mantel{background:radial-gradient(ellipse at top left, #ffffff73, transparent 60%), var(--paper);border:1.5px solid #281e142e;grid-template-columns:1fr 1fr 1fr;align-items:start;gap:28px;padding:28px 32px;display:grid}@media (width<=720px){.mantel{grid-template-columns:1fr}}.continue-card{gap:14px;display:flex}.continue-thumb{border:1.5px solid var(--ink);background:repeating-linear-gradient(135deg,#0000,#0000 6px,#281e1429 6px 7px);flex-shrink:0;width:70px;height:88px}.progress-bar{background:var(--paper-2);border-radius:2px;height:3px;margin-top:10px}.progress-fill{background:var(--accent);border-radius:2px;height:100%}.streak-grid{grid-template-columns:repeat(7,1fr);gap:5px;margin-top:10px;display:grid}.streak-dot{aspect-ratio:1;background:var(--ink);border-radius:1px}.streak-dot.empty{border:1px solid var(--ink-faint);background:0 0}.article-wrap{max-width:920px;margin:0 auto}.article-layout{grid-template-columns:1fr 200px;align-items:start;gap:48px;display:grid}@media (width<=700px){.article-layout{grid-template-columns:1fr}}.article-progress{align-items:center;gap:12px;margin-bottom:36px;display:flex}.article-progress-track{background:var(--ink-faint);flex:1;height:1px;position:relative}.article-progress-marker{background:var(--accent);width:2px;height:8px;position:absolute;top:-4px;left:30%}.article-title{margin:0 0 10px;font-size:clamp(30px,4vw,44px);font-style:italic;line-height:1.08}.article-body p{color:var(--ink-soft);margin:0 0 1.2em;font-size:18px;line-height:1.72}.article-body p:first-child{color:var(--ink)}.article-body .section-break{text-align:center;color:var(--ink-faint);margin:2em 0;font-size:20px;font-style:italic}.highlight{cursor:pointer;background:#8a332424;border-radius:1px}.margin-col{flex-direction:column;gap:22px;display:flex;position:sticky;top:100px}.margin-note{color:var(--accent);border-left:2px solid var(--accent);padding-left:10px;font-family:Caveat,cursive;font-size:14px;line-height:1.3}.margin-note .mn-author{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin-top:4px;font-family:JetBrains Mono,monospace;font-size:9px;display:block}.margin-note.tilt-l{transform:rotate(-.8deg)}.margin-note.tilt-r{transform:rotate(.7deg)}.add-note-prompt{color:var(--ink-faint);border-left:2px dashed var(--ink-faint);cursor:pointer;padding-left:10px;font-family:Caveat,cursive;font-size:13px}.add-note-prompt:hover{color:var(--accent);border-left-color:var(--accent)}.the-end{text-align:center;background:var(--paper);padding:80px 40px}.flourish{margin:0 auto;display:block}.prompt-box{border:1.5px solid var(--accent);background:radial-gradient(ellipse at top left, #ffffff4d, transparent 60%), var(--paper);padding:28px 32px;position:relative}.prompt-stamp{position:absolute;top:-13px;right:24px}.features-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.feature-card{border:1.5px solid var(--ink);background:var(--paper);padding:22px 20px}.feature-card h3{margin:6px 0 0;font-size:19px;font-style:italic;line-height:1.15}.feature-card p{color:var(--ink-soft);margin:10px 0 0;font-family:Caveat,cursive;font-size:15px;line-height:1.4}.crossed{color:var(--ink-faint);font-style:normal;text-decoration:line-through}.game-card{border:1.5px solid var(--ink);background:var(--paper);align-items:center;gap:16px;padding:20px;display:flex}.game-thumb{border:1.5px solid var(--ink);flex-shrink:0;width:64px;height:64px;position:relative;overflow:hidden}.lb-mini{width:100%;height:100%}.thread-card{background:var(--paper);border:1.5px solid #281e1433;margin-bottom:12px;padding:16px 18px}.thread-card.active{border-color:var(--accent);background:#8a33240f}.avatar{border:1.2px solid var(--ink);width:24px;height:24px;color:var(--ink-soft);background:repeating-linear-gradient(135deg,#0000,#0000 4px,#281e142e 4px 5px);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:8px;display:inline-flex}.page-nav{border-top:1.5px solid var(--ink);background:var(--paper);justify-content:space-between;align-items:center;padding:24px 40px;display:flex}.view-tab{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);cursor:pointer;background:0 0;border:none;border-bottom:1.5px solid #0000;padding:6px 0;font-family:JetBrains Mono,monospace;font-size:10px;transition:color .12s,border-color .12s}.view-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.view{display:none}.view.active{display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--paper-2)}::-webkit-scrollbar-thumb{background:var(--ink-faint);border-radius:3px}.ann-popover{background:var(--ink);color:var(--paper);letter-spacing:.12em;text-transform:uppercase;z-index:100;pointer-events:none;white-space:nowrap;align-items:center;gap:14px;margin-top:-8px;padding:7px 14px;font-family:JetBrains Mono,monospace;font-size:10px;display:none;position:fixed;transform:translate(-50%)translateY(-100%)}.ann-popover:after{content:"";background:var(--ink);width:10px;height:10px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.ann-popover.visible{display:flex}.ann-add{color:var(--accent-2);cursor:pointer;pointer-events:auto}.compose-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;background:#1814108c;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.compose-overlay.visible{display:flex}.compose-box{background:var(--paper);width:min(480px,100vw - 40px);padding:28px 32px}.compose-box textarea{border:1px solid var(--ink-faint);width:100%;color:var(--ink);resize:none;background:#ffffff80;outline:none;min-height:100px;padding:12px;font-family:Caveat,cursive;font-size:17px}.compose-box textarea:focus{border-color:var(--accent)}.focus-mode-bar{background:var(--paper);z-index:10;border-bottom:1px solid #281e141f;justify-content:space-between;align-items:center;padding:12px 40px;display:flex;position:sticky;top:0}@media (width<=768px){.top-nav{flex-direction:column!important;gap:12px!important;padding:16px!important}.top-nav>div{flex-wrap:wrap!important;justify-content:center!important;gap:12px!important}.top-nav span,.top-nav button{margin:0!important}.masthead{flex-direction:column;align-items:flex-start;gap:12px;padding:24px 20px 16px}.masthead-meta{text-align:left;align-items:flex-start}.nav-strip{flex-wrap:wrap;justify-content:flex-start;gap:12px;padding:12px 20px}.nav-strip .spacer{display:none}.mantel,.article-layout{grid-template-columns:1fr}.compose-box{width:90vw;padding:20px}.focus-mode-bar{flex-direction:column;gap:12px;padding:12px 20px}.responsive-table,.responsive-table tbody,.responsive-table tr,.responsive-table td{width:100%;display:block}.responsive-table thead{display:none}.responsive-table tr{background:var(--paper-2);border:1px solid #281e141a;margin-bottom:20px;padding:10px}.responsive-table td{justify-content:space-between;align-items:center;display:flex;border:none!important;padding:8px 0!important}.responsive-table td:before{content:attr(data-label);text-transform:uppercase;color:var(--ink-faint);padding-right:12px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:400}}@media (width<=600px){.section{padding:36px 20px}.page-nav{padding:18px 20px}.brand{font-size:48px}h1{font-size:32px}h2{font-size:24px}}.ql-editor{min-height:250px}.ql-editor img{border-radius:4px;max-width:100%;height:auto;margin:10px 0;display:block}.ql-editor iframe.ql-video{border:none;border-radius:4px;width:100%;min-height:300px;margin:10px 0}.ql-editor video.ql-native-video,.ql-editor video,.article-body video{background:#000;border-radius:4px;width:100%;max-width:100%;min-height:200px;margin:10px 0;display:block}.daily-layout{justify-content:center;align-items:flex-start;gap:64px;display:flex}.daily-game-col{flex:1;width:100%;max-width:500px}.daily-rules-col{border-left:1px solid #281e141a;flex-shrink:0;width:280px;padding-left:24px}.daily-game-box{background:0 0;border:1px solid #281e141f;border-radius:2px;width:100%;padding:32px}@media (width<=768px){.daily-layout{flex-direction:column;align-items:center;gap:32px}.daily-game-box{padding:16px}.daily-rules-col{text-align:center;border-top:1px solid #281e141a;border-left:none;width:100%;max-width:500px;padding-top:24px;padding-left:0}}