:root{--bg: #16130f;--bg-raised: #221d17;--bg-side: #1b1712;--ink: #f4ece0;--ink-dim: #d8ccba;--ink-mute: #8a7f6d;--ink-faint: #6b6253;--hair: rgba(244, 236, 224, .1);--hair-strong: rgba(244, 236, 224, .16);--pink: #ff4f9a;--cyan: #36e0ff;--amber: #ffb14d;--grove: #2fd8a0;--grove-deep: #08160f;--accent: var(--pink);--accent-ink: #16130f;--display: "Permanent Marker", cursive;--hand: "Caveat", cursive;--body: "Hanken Grotesk", system-ui, sans-serif;--mono: "Space Mono", ui-monospace, monospace;--corp: "Jost", sans-serif;--measure: 62ch;--radius: 10px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(120% 80% at 18% 0%,rgba(255,79,154,.08),transparent 42%),radial-gradient(120% 80% at 90% 12%,rgba(54,224,255,.07),transparent 46%),radial-gradient(140% 90% at 50% 120%,rgba(47,216,160,.06),transparent 50%),var(--bg);background-attachment:fixed;color:var(--ink);font-family:var(--body);font-size:1.02rem;line-height:1.62;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--pink);color:var(--bg)}body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:60}body:before{mix-blend-mode:overlay;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}body:after{opacity:.5;background:repeating-linear-gradient(180deg,transparent 0 2px,rgba(0,0,0,.16) 2px 3px)}@keyframes ww-flicker{0%,18%,22%,25%,53%,57%,to{opacity:1}20%,24%,55%{opacity:.82}}@keyframes ww-breathe{0%,to{box-shadow:0 0 0 1px #2fd8a080,0 0 24px #2fd8a02e}50%{box-shadow:0 0 0 1px #2fd8a0cc,0 0 46px #2fd8a06b}}@keyframes ww-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}.layout{display:grid;grid-template-columns:1fr;max-width:1380px;margin:0 auto;min-height:100vh}@media(min-width:1025px){.layout{grid-template-columns:298px 1fr}}.nav{background:linear-gradient(180deg,var(--bg-side),#161310);border-bottom:1px solid var(--hair)}@media(min-width:1025px){.nav{border-bottom:none;border-right:1px solid var(--hair);position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto;display:flex;flex-direction:column}.nav>*:not(summary){display:block!important}.nav-menu-hint{display:none}}.nav-summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem 1.25rem .4rem;cursor:pointer;list-style:none}.nav-summary::-webkit-details-marker{display:none}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.cassette{position:relative;width:46px;height:32px;flex:none;border-radius:5px;background:var(--bg-raised);border:1.5px solid #463d31;box-shadow:inset 0 0 0 2px var(--bg)}.cassette:before{content:"";position:absolute;top:5px;left:6px;right:6px;height:10px;border-radius:2px;background:var(--bg);border:1px solid #5a4f40}.cassette:after{content:"";position:absolute;bottom:5px;left:8px;right:8px;height:5px;border-radius:1px;background:var(--pink)}.cassette-reel{position:absolute;top:7px;width:7px;height:7px;border-radius:50%;background:#7d7466;box-shadow:0 0 0 2px #2a241d}.cassette-reel.left{left:11px}.cassette-reel.right{right:11px}.brand-title{display:flex;flex-direction:column;line-height:1}.brand-line{font-family:var(--display);font-size:25px;letter-spacing:.5px;color:#ffe9f2}.brand-line.one{animation:ww-flicker 7s infinite}.brand-line.two{color:var(--cyan);text-shadow:0 0 8px rgba(54,224,255,.45);margin-top:-3px}.nav-menu-hint{font-family:var(--mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.18em;color:var(--ink-mute);border:1px solid var(--bg-raised);border-radius:999px;padding:.3rem .7rem}.nav-body{padding:0 1.25rem 1.25rem}.tagline{font-family:var(--hand);font-size:18px;color:#cdbfa8;margin:.2rem .1rem 1.3rem;transform:rotate(-1.2deg)}.search-deco{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:9px;background:var(--bg-raised);border:1px solid var(--hair);margin-bottom:1.5rem;font-family:var(--mono);font-size:12px;color:var(--ink-faint)}.search-deco .magnifier{width:13px;height:13px;border-radius:50%;border:2px solid #7d7466;flex:none}.search-deco .slash{margin-left:auto;font-size:11px;border:1px solid #3a332a;border-radius:4px;padding:1px 5px}.nav-group{margin-bottom:1.4rem}.nav-heading{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--ink-mute);margin:0 4px .6rem}.nav-heading:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--hair-strong),transparent)}.nav-list{list-style:none;margin:0;padding:0}.nav-list li{margin:1px 0}.nav-list a{display:flex;align-items:center;gap:10px;padding:.4rem .65rem;border-radius:8px;color:var(--ink-dim);text-decoration:none;font-size:.95rem;transition:background .15s,color .15s}.nav-list a .dot{width:6px;height:6px;border-radius:50%;flex:none;background:var(--dot, var(--ink-mute))}.nav-list a:hover{background:#f4ece00d;color:var(--ink)}.nav-list a.is-active{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 92%,white),var(--accent));color:var(--accent-ink);font-weight:600;box-shadow:0 0 22px -6px var(--accent)}.nav-list a.is-active .dot{background:var(--accent-ink)}.grove-box{display:block;text-decoration:none;margin:.4rem .4rem 1rem;padding:13px 14px;border-radius:10px;background:linear-gradient(180deg,#39e6ad,var(--grove));color:var(--grove-deep);animation:ww-breathe 5.5s ease-in-out infinite}.grove-box .grove-head{display:flex;align-items:center;gap:8px;font-family:var(--corp);font-weight:600;font-size:12.5px;letter-spacing:.6px}.grove-box .grove-mark{width:16px;height:16px;border-radius:50%;border:2px solid var(--grove-deep);display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:700}.grove-box .grove-blip{margin-left:auto;width:7px;height:7px;border-radius:50%;background:var(--grove-deep)}.grove-box p{font-family:var(--corp);font-weight:300;font-size:11px;line-height:1.4;margin:7px 0 0;color:#0b2017}.grove-box em{font-style:normal;font-weight:500;border-bottom:1.5px solid var(--grove-deep)}.content{min-width:0;height:auto;padding:2.6rem 1.5rem 5rem}@media(min-width:1025px){.content{padding:3rem 3.5rem 6rem}}.prose{max-width:var(--measure);animation:ww-rise .5s both}.page-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.3rem;max-width:72ch}.crumbs{font-family:var(--mono);font-size:12px;color:var(--ink-mute)}.crumbs a{color:var(--cyan);text-decoration:none;border-bottom:1px solid transparent}.crumbs a:hover{border-bottom-color:var(--cyan)}.crumbs .sep{color:var(--ink-faint);margin:0 .4rem}.side-badge{display:inline-flex;align-items:center;gap:8px}.side-badge .side{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:1px;color:var(--bg);background:var(--amber);padding:3px 9px;border-radius:4px;transform:rotate(-1.5deg)}.side-badge .rec{font-family:var(--mono);font-size:11px;color:var(--ink-mute)}.prose h1{font-family:var(--display);font-weight:400;font-size:clamp(2.4rem,6vw,4rem);line-height:.98;margin:0 0 1.1rem;color:var(--ink)}.prose h1 .accent,.prose h1 em{font-style:normal;color:var(--accent);text-shadow:0 0 18px color-mix(in srgb,var(--accent) 45%,transparent)}.prose h2{font-family:var(--display);font-weight:400;font-size:1.85rem;margin:2.6rem 0 .9rem;color:var(--ink);letter-spacing:.3px}.prose h3{font-family:var(--display);font-weight:400;font-size:1.3rem;margin:1.8rem 0 .5rem;color:var(--accent)}.prose p,.prose li{color:var(--ink-dim)}.prose>p:first-of-type{font-size:1.12rem;color:var(--ink)}.prose strong{color:var(--ink);font-weight:700}.prose em{color:#f0f6f8}.prose a{color:var(--cyan);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--cyan) 45%,transparent);transition:color .15s,border-color .15s,text-shadow .15s}.prose a:hover{color:#9beeff;border-bottom-color:var(--cyan);text-shadow:0 0 10px rgba(54,224,255,.4)}.prose ul,.prose ol{padding-left:1.3rem}.prose li{margin:.3rem 0}.prose li::marker{color:var(--accent)}.prose hr{border:none;border-top:1px dashed var(--hair-strong);margin:2.6rem 0}.prose blockquote{position:relative;margin:1.7rem 0;padding:.6rem 1.3rem .6rem 2.5rem;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--hair));border-left:3px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;background:color-mix(in srgb,var(--accent) 7%,transparent);color:var(--ink-dim);font-style:italic}.prose blockquote:before{content:"“";position:absolute;left:.6rem;top:.3rem;font-family:var(--display);font-size:1.8rem;color:var(--accent);opacity:.65}.prose blockquote p{color:var(--ink-dim)}.prose code{font-family:var(--mono);font-size:.86em;background:#0e0b08;border:1px solid var(--hair);border-radius:5px;padding:.1rem .35rem;color:var(--amber)}.prose img{max-width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--hair)}.prose del{color:var(--ink-faint)}.prose table{width:100%;border-collapse:collapse;margin:1.7rem 0;font-size:.95rem}.prose thead th{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;text-align:left;color:var(--accent);padding:.5rem .9rem;border-bottom:1px solid color-mix(in srgb,var(--accent) 40%,var(--hair))}.prose tbody td{padding:.7rem .9rem;border-bottom:1px dashed var(--hair-strong);vertical-align:top;color:var(--ink-dim)}.prose tbody tr:hover td{background:#f4ece006}.prose tbody td:first-child{color:var(--ink);font-weight:600;white-space:nowrap}.callout{--c: var(--cyan);margin:1.7rem 0;padding:1rem 1.2rem 1.05rem;border:1px solid var(--hair-strong);border-left:3px solid var(--c);border-radius:0 var(--radius) var(--radius) 0;background:color-mix(in srgb,var(--c) 6%,var(--bg-raised))}.callout .callout-title{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem;font-family:var(--mono);font-weight:700;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--c)}.callout .callout-title:before{content:"◆";font-size:.85em}.callout>:last-child{margin-bottom:0}.callout-update{--c: var(--cyan)}.callout-tip,.callout-success{--c: var(--grove)}.callout-tip .callout-title:before{content:"✦"}.callout-house-rule{--c: var(--amber)}.callout-house-rule .callout-title:before{content:"⚖"}.callout-note,.callout-info,.callout-quote{--c: var(--ink-mute)}.callout-note .callout-title:before{content:"✶"}.callout-quote .callout-title:before{content:"❝"}.callout-warning,.callout-question{--c: var(--amber)}.callout-warning .callout-title:before{content:"▲"}.callout-question .callout-title:before{content:"?"}.callout-danger,.callout-contradiction{--c: var(--pink)}.callout-danger .callout-title:before,.callout-contradiction .callout-title:before{content:"⚠"}.site-footer{max-width:72ch;margin-top:4rem;padding-top:1.4rem;border-top:1px dashed var(--hair-strong);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.site-footer .stamp{font-family:var(--mono);font-size:11px;letter-spacing:.4px;color:var(--ink-faint);margin:0}.site-footer .flip{font-family:var(--hand);font-size:18px;color:#9fd9c4;margin:0;transform:rotate(-1deg)}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.nav::-webkit-scrollbar,.content::-webkit-scrollbar{width:11px}.nav::-webkit-scrollbar-thumb,.content::-webkit-scrollbar-thumb{background:#3a332a;border-radius:99px;border:3px solid var(--bg)}.nav::-webkit-scrollbar-thumb:hover,.content::-webkit-scrollbar-thumb:hover{background:var(--pink)}