:root{--chip-guide:var(--canon);--chip-howto:#FFB59E;--chip-comparison:#C5D0FF;--chip-ideas:#B8E6C1;--tint:#FFF8D6}.nav a[aria-current=page]{color:var(--ink)}.nav a[aria-current=page]::after{transform:scaleX(1)}.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:0 8px;margin:0 0 14px;padding:0;list-style:none;font-size:.92rem;font-weight:600;color:var(--muted)}.crumbs li{display:flex;align-items:center;min-width:0}.crumbs li+li::before{content:"/";margin-right:8px;opacity:.55}.crumbs a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink-soft);text-underline-offset:4px}.crumbs [aria-current]{color:var(--ink);overflow-wrap:anywhere}.disclose{margin:0 0 28px;padding:14px 18px;border:2px solid var(--ink);border-radius:16px;background:var(--canon);font-size:1rem;line-height:1.5;color:var(--ink)}.disclose a{font-weight:700}.blog-hero{padding:clamp(20px,4vw,56px) 0 clamp(8px,2vw,24px)}.hub-in{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:center}.hub-copy{max-width:760px}.blog-hero h1{font-size:clamp(2.4rem,1.4rem + 4.6vw,4.6rem);line-height:.95;letter-spacing:-.04em;margin-bottom:20px}.blog-hero .lede{max-width:48ch}.blog-hero .disclose{max-width:640px;margin-bottom:0}.hub-art{display:none}@media (min-width:900px){.hub-in{grid-template-columns:minmax(0,1fr) 190px;gap:48px}.hub-art{display:block}.hub-art .mascot-face{transform:rotate(7deg)}}.hub-posts{padding:clamp(28px,4vw,48px) 0 clamp(56px,8vw,96px)}.post-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}@media (min-width:720px){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}}.related .post-grid{gap:20px}@media (min-width:980px){.related .post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.post-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:22px 22px 20px;background:var(--surface);border:2px solid var(--ink);border-radius:24px;box-shadow:6px 6px 0 var(--ink);transition:transform .15s var(--eo),box-shadow .15s var(--eo)}.post-card h2,.post-card h3{margin:0;font-size:clamp(1.35rem,1.1rem + .9vw,1.75rem);line-height:1.08;letter-spacing:-.025em}.post-card h2 a,.post-card h3 a{text-decoration:none}.post-card h2 a::after,.post-card h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit}.post-card a:focus-visible{outline:none}.post-card:has(a:focus-visible){outline:3px solid var(--select);outline-offset:4px}.post-card p{margin:0;color:var(--ink-soft)}.post-card .post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font:600 .85rem/1.3 var(--fb);color:var(--muted)}.tag{display:inline-block;padding:4px 10px;border:2px solid var(--ink);border-radius:999px;background:var(--chip,var(--canon));color:var(--ink);font:700 .72rem/1.2 var(--fb);letter-spacing:.07em;text-transform:uppercase}.post-card .more{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:4px;font-weight:700;color:var(--ink)}.post-card .more svg{width:1.2em;height:1.2em;transition:transform .2s var(--eo)}@media (hover:hover){.post-card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}.post-card:hover .more svg{transform:translateX(4px)}}.post-card:active{transform:translate(4px,4px);box-shadow:2px 2px 0 var(--ink);transition-duration:.08s}.post-wrap{width:min(820px,100% - 32px);margin-inline:auto}@media (min-width:720px){.post-wrap{width:min(820px,100% - 64px)}}.post-head{padding:clamp(16px,3vw,40px) 0 0}.post-head h1{font-size:clamp(2.1rem,1.4rem + 3.2vw,3.6rem);line-height:.98;letter-spacing:-.04em;margin-bottom:18px;overflow-wrap:break-word}.dek{max-width:60ch;margin:0 0 16px;font-size:clamp(1.12rem,1rem + .45vw,1.3rem);line-height:1.5;color:var(--ink-soft)}.byline{display:flex;flex-wrap:wrap;gap:4px 18px;margin:0 0 20px;font-size:.92rem;font-weight:600;color:var(--muted)}.byline span:not(:first-child)::before{content:"";display:inline-block;width:5px;height:5px;margin:0 10px 2px 0;border-radius:50%;background:var(--accent)}.toc{margin:0 0 8px;padding:16px 20px 12px;border:2px solid var(--ink);border-radius:18px;background:var(--surface)}.toc-h{margin:0 0 6px;font:700 .8rem/1.2 var(--fb);letter-spacing:.07em;text-transform:uppercase}.toc ol{margin:0;padding-left:1.4em;columns:1}@media (min-width:720px){.toc ol{columns:2;column-gap:36px}}.toc li{break-inside:avoid;margin:0}.toc li::marker{font-weight:700;color:var(--accent)}.toc a{display:inline-block;padding:7px 0;font-weight:600;text-underline-offset:4px;text-decoration-thickness:2px;text-decoration-color:var(--line)}.toc a:hover{text-decoration-color:var(--accent)}.prose{padding-bottom:clamp(40px,6vw,72px)}.prose section{scroll-margin-top:88px}.prose h2{margin:2em 0 .55em;font-size:clamp(1.65rem,1.25rem + 1.6vw,2.3rem);line-height:1.06;letter-spacing:-.03em}.prose h3{margin:1.5em 0 .35em;font-size:clamp(1.2rem,1.05rem + .6vw,1.45rem);line-height:1.15}.prose p,.prose ul,.prose ol{max-width:68ch}.prose p{margin:0 0 1em}.prose ul{margin:0 0 1.1em;padding-left:1.25em}.prose li{margin-bottom:.55em}.prose li::marker{color:var(--accent)}.prose a{font-weight:600;text-decoration-thickness:2px;text-decoration-color:var(--accent);text-underline-offset:.2em}.prose a:hover{text-decoration-color:var(--ink)}.prose a.btn{font-weight:700;text-decoration:none}.prose .src{font-size:.92rem;color:var(--ink-soft)}.prose .rules{counter-reset:step;max-width:none;margin:1em 0 1.2em;padding:0;list-style:none}.prose .rules>li{counter-increment:step;position:relative;margin:0 0 12px;padding:14px 18px 14px 64px;border:2px solid var(--ink);border-radius:18px;background:var(--surface);min-height:62px}.prose .rules>li::before{content:counter(step);position:absolute;left:14px;top:13px;display:grid;place-items:center;width:36px;height:36px;border:2px solid var(--ink);border-radius:50%;background:var(--canon);font:800 1.05rem/1 var(--fd)}.prose .prompts>li::before{background:var(--accent)}.tagchip{display:inline-block;margin-right:6px;padding:2px 8px;border:2px solid var(--ink);border-radius:999px;background:var(--canon);font:700 .68rem/1.3 var(--fb);letter-spacing:.06em;text-transform:uppercase;vertical-align:.1em}.paste{margin:1.2em 0 1.4em;padding:14px 18px 16px;border:2px dashed var(--ink);border-radius:18px;background:var(--surface);max-width:68ch}.paste figcaption{display:inline-block;margin-bottom:8px;padding:3px 10px;border:2px solid var(--ink);border-radius:999px;background:var(--canon);font:700 .72rem/1.3 var(--fb);letter-spacing:.07em;text-transform:uppercase}.prose .paste p{margin:0;max-width:none;font:500 .98rem/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.tbl-wrap{margin:1.2em 0 1.4em}.tbl{width:100%;border-collapse:separate;border-spacing:0;border:2px solid var(--ink);border-radius:18px;background:var(--surface);overflow:hidden;font-size:.93rem;line-height:1.45}.tbl th,.tbl td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.tbl thead th{background:var(--ink);color:#fff;border-bottom:0;font:700 .74rem/1.2 var(--fb);letter-spacing:.07em;text-transform:uppercase}.tbl tbody tr:last-child>*{border-bottom:0}.tbl tbody th{width:20%;font-weight:700}.tbl small{display:block;margin-top:3px;font-weight:400;font-size:.8rem;color:var(--muted)}.tbl a{font-weight:700}.tbl .ours>*{background:var(--tint)}@media (max-width:719px){.tbl,.tbl tbody,.tbl tr,.tbl th,.tbl td{display:block}.tbl thead{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.tbl{font-size:.95rem}.tbl tbody tr{padding:14px 16px;border-bottom:2px solid var(--ink)}.tbl tbody tr:last-child{border-bottom:0}.tbl tbody th{width:auto;padding:0 0 6px;border:0;font-size:1.1rem}.tbl td{padding:6px 0 0;border:0}.tbl td::before{content:attr(data-label);display:block;font:700 .68rem/1.2 var(--fb);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.tbl .ours{background:var(--tint)}.tbl .ours>*{background:none}}.game{margin:0 0 16px;padding:18px 20px 8px;border:2px solid var(--ink);border-radius:22px;background:var(--surface)}.game.ours{background:var(--tint)}.prose .game h3{display:flex;align-items:center;gap:12px;margin:0 0 10px}.game .n{display:grid;place-items:center;flex:none;width:36px;height:36px;border:2px solid var(--ink);border-radius:50%;background:var(--canon);font:800 1.05rem/1 var(--fd)}.prose .meta{display:flex;flex-wrap:wrap;gap:6px;max-width:none;margin:0 0 12px;padding:0;list-style:none}.prose .meta li{margin:0;padding:3px 10px;border:1.5px solid var(--ink);border-radius:999px;background:var(--ground);font:600 .78rem/1.3 var(--fb)}.game p{margin:0 0 .75em}.game .btn{margin:2px 0 10px}.related{padding:0 0 clamp(40px,6vw,72px)}.related h2{margin:0 0 20px;font-size:clamp(1.65rem,1.25rem + 1.6vw,2.3rem);line-height:1.06;letter-spacing:-.03em}.post .final{padding-top:0}