:root{--ink:#17130d;--ink-raise:#231c12;--ink-line:#3a2f1e;--paper:#f4ead3;--paper-deep:#e9d8b8;--text-on-ink:#f2e7cf;--text-on-ink-dim:#c9b894;--text-on-paper:#261d10;--text-on-paper-dim:#5c4c32;--accent:#f0a13a;--accent-ink:#b06f12;--tile-coral:#e8604c;--tile-amber:#f0a13a;--tile-teal:#2f9c8c;--tile-violet:#8b63c9;--tile-leaf:#7ba23f;--tile-blue:#4a80b4;--font-display:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--font-body:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--s-1:.25rem;--s-2:.5rem;--s-3:.75rem;--s-4:1rem;--s-5:1.5rem;--s-6:2rem;--s-7:3rem;--s-8:4.5rem;--s-9:6rem;--maxw:70rem;--radius:.375rem}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;padding:0;overflow-x:clip}body{background:var(--ink);color:var(--text-on-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:1.0625rem;line-height:1.65}img,svg{max-width:100%;display:block}h1,h2,h3,h4{font-family:var(--font-display);margin:0 0 var(--s-4);text-wrap:balance;line-height:1.12}p{margin:0 0 var(--s-4)}a{color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:2px}.skip-link{left:var(--s-4);z-index:100;background:var(--accent);color:var(--ink);padding:var(--s-2) var(--s-4);border-radius:var(--radius);font-weight:700;text-decoration:none;position:absolute;top:-100%}.skip-link:focus-visible{top:var(--s-4)}.wrap{width:100%;max-width:var(--maxw);padding-inline:var(--s-5);margin-inline:auto}.section{padding-block:var(--s-8)}.section--paper{background:var(--paper);color:var(--text-on-paper)}.section--paper-deep{background:var(--paper-deep);color:var(--text-on-paper)}.section--ink{background:var(--ink);color:var(--text-on-ink)}.section--ink-raise{background:var(--ink-raise);color:var(--text-on-ink)}.join-slant{width:100%;height:clamp(1.5rem,4vw,3rem);margin-bottom:-1px;display:block}.eyebrow{align-items:center;gap:var(--s-2);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;margin-bottom:var(--s-4);font-size:.75rem;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);width:1.75rem;height:.1875rem}.section--paper .eyebrow,.section--paper-deep .eyebrow{color:var(--accent-ink)}.section--ink .eyebrow,.section--ink-raise .eyebrow{color:var(--accent)}.display{letter-spacing:-.01em;font-size:clamp(2.1rem,5.4vw,3.6rem);font-weight:700}.headline{font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:700}.subhead{margin-top:var(--s-6);font-size:1.25rem;font-weight:700}.lede{max-width:42rem;font-size:clamp(1.05rem,1.6vw,1.25rem)}.section--ink .lede,.section--ink-raise .lede{color:var(--text-on-ink-dim)}.section--paper .lede,.section--paper-deep .lede{color:var(--text-on-paper-dim)}.site-header{z-index:50;background:var(--ink);border-bottom:2px solid var(--ink-line);position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:var(--s-4);padding-block:var(--s-3);flex-wrap:wrap;display:flex}.brand{align-items:center;gap:var(--s-3);font-family:var(--font-display);font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-flex}.brand__mark{background:var(--tile-coral);width:2rem;height:2rem;color:var(--paper);border:2px solid var(--paper);border-radius:var(--radius);box-shadow:3px 3px 0 var(--ink-line);place-items:center;font-size:1rem;line-height:1;display:inline-grid;transform:rotate(-4deg)}.site-nav ul{gap:var(--s-1) var(--s-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.site-nav a{color:var(--text-on-ink-dim);padding:var(--s-2) var(--s-2);border-radius:var(--radius);border-bottom:2px solid #0000;font-size:.9rem;font-weight:600;text-decoration:none}.site-nav a:hover{color:var(--text-on-ink);border-bottom-color:var(--accent)}.site-nav a[aria-current=page]{color:var(--accent);border-bottom-color:var(--accent)}.hero{padding-block:var(--s-8) var(--s-9);position:relative;overflow:clip}.hero__grid{gap:var(--s-7);align-items:center;display:grid}.hero__title{letter-spacing:-.015em;margin-bottom:var(--s-5);font-size:clamp(2.4rem,6vw,4.2rem);font-weight:800}.hero__title .accent{color:var(--accent)}.hero__lede{color:var(--text-on-ink-dim);max-width:36rem;margin-bottom:var(--s-6);font-size:clamp(1.05rem,1.7vw,1.3rem)}.cta-row{gap:var(--s-4);flex-wrap:wrap;align-items:center;display:flex}.btn{align-items:center;gap:var(--s-2);border-radius:var(--radius);border:2px solid var(--ink);font-weight:700;text-decoration:none;transition:transform .14s,box-shadow .14s;display:inline-flex}.btn--primary{background:var(--accent);color:var(--ink);padding:var(--s-4) var(--s-6);box-shadow:5px 5px 0 var(--paper);font-size:clamp(1.05rem,1.8vw,1.25rem)}.btn--secondary{color:var(--text-on-ink);border-color:var(--ink-line);padding:var(--s-3) var(--s-5);background:0 0;font-size:.95rem}.btn--paper{background:var(--ink);color:var(--paper);padding:var(--s-3) var(--s-5);box-shadow:4px 4px 0 var(--accent-ink);font-size:.95rem}.btn--ghost-paper{color:var(--text-on-paper);border-color:var(--text-on-paper-dim);padding:var(--s-3) var(--s-5);background:0 0;font-size:.95rem}@media (prefers-reduced-motion:no-preference){.btn:hover{transform:translate(-2px,-2px)}.btn--primary:hover{box-shadow:7px 7px 0 var(--paper)}.btn--paper:hover{box-shadow:6px 6px 0 var(--accent-ink)}}.link-arrow{color:var(--accent);border-bottom:2px solid var(--accent);font-weight:700;text-decoration:none}.section--paper .link-arrow,.section--paper-deep .link-arrow{color:var(--accent-ink);border-bottom-color:var(--accent-ink)}.link-arrow:hover{border-bottom-style:double}.external-note{margin-top:var(--s-3);color:var(--text-on-ink-dim);font-size:.8rem;display:block}.section--paper .external-note,.section--paper-deep .external-note{color:var(--text-on-paper-dim)}.tile{width:var(--tile-size,3rem);height:var(--tile-size,3rem);font-family:var(--font-display);font-weight:800;font-size:calc(var(--tile-size,3rem) * .52);color:var(--paper);border:2px solid var(--paper);border-radius:var(--radius);box-shadow:4px 4px 0 var(--ink);-webkit-user-select:none;user-select:none;place-items:center;display:inline-grid}.tile--coral{background:var(--tile-coral)}.tile--amber{background:var(--tile-amber);color:var(--ink)}.tile--teal{background:var(--tile-teal)}.tile--violet{background:var(--tile-violet)}.tile--leaf{background:var(--tile-leaf)}.tile--blue{background:var(--tile-blue)}.tile--ink{background:var(--ink);color:var(--paper);border-color:var(--ink-line);box-shadow:4px 4px 0 var(--accent-ink)}.tile--paper{background:var(--paper);color:var(--ink);border-color:var(--ink)}.tray{gap:var(--s-3);grid-template-columns:repeat(4,1fr);justify-items:center;max-width:22rem;margin-inline:auto;display:grid}.tray .tile{--tile-size:clamp(3.25rem, 9vw, 4.5rem)}.tray .tile:nth-child(4n+1){transform:rotate(-5deg)translateY(.4rem)}.tray .tile:nth-child(4n+2){transform:rotate(3deg)translateY(-.5rem)}.tray .tile:nth-child(4n+3){transform:rotate(-2deg)translateY(.7rem)}.tray .tile:nth-child(4n+4){transform:rotate(4deg)translateY(-.2rem)}@media (prefers-reduced-motion:no-preference){.tray .tile{animation:.48s cubic-bezier(.2,.9,.3,1.2) backwards tile-in}.tray .tile:first-child{animation-delay:40ms}.tray .tile:nth-child(2){animation-delay:90ms}.tray .tile:nth-child(3){animation-delay:.14s}.tray .tile:nth-child(4){animation-delay:.19s}.tray .tile:nth-child(5){animation-delay:.24s}.tray .tile:nth-child(6){animation-delay:.29s}.tray .tile:nth-child(7){animation-delay:.34s}.tray .tile:nth-child(8){animation-delay:.39s}.tray .tile:hover{transition:transform .16s;transform:translateY(-6px)rotate(0)}}@keyframes tile-in{0%{opacity:0;transform:translateY(14px)rotate(-8deg)}}.tray-caption{text-align:center;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-on-ink-dim);margin-top:var(--s-5);font-size:.75rem}.tile-row{gap:var(--s-2);margin-block:var(--s-4);flex-wrap:wrap;align-items:center;display:flex}.tile-row .tile{--tile-size:2.25rem}.stat-strip{gap:var(--s-5) var(--s-7);border-top:2px solid var(--ink-line);padding-top:var(--s-5);margin-top:var(--s-6);flex-wrap:wrap;display:flex}.stat{min-width:7rem}.stat__num{font-family:var(--font-display);color:var(--accent);font-size:2rem;font-weight:800;line-height:1}.stat__label{color:var(--text-on-ink-dim);margin-top:var(--s-1);font-size:.85rem}.steps{counter-reset:step;margin:var(--s-6) 0 0;gap:var(--s-6);padding:0;list-style:none;display:grid}.step{counter-increment:step;gap:var(--s-4);grid-template-columns:auto 1fr;align-items:start;max-width:44rem;display:grid}.step:before{content:counter(step, decimal-leading-zero);font-family:var(--font-display);border-radius:var(--radius);background:var(--paper);width:3rem;height:3rem;color:var(--ink);box-shadow:3px 3px 0 var(--accent-ink);border:2px solid;flex-shrink:0;place-items:center;font-size:1.5rem;font-weight:800;line-height:1;display:grid}.section--paper .step:before,.section--paper-deep .step:before{background:var(--ink);color:var(--paper);box-shadow:3px 3px 0 var(--accent)}.step:nth-child(2n){margin-left:0}.step h3{margin-bottom:var(--s-2);font-size:1.2rem}.step p{margin:0}.flow{margin:var(--s-6) 0;gap:var(--s-4);flex-direction:column;padding:0;list-style:none;display:flex}.flow__item{gap:var(--s-4);align-items:stretch;display:flex}.flow__badge{min-width:4.25rem;padding:var(--s-3) var(--s-2);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border:2px solid var(--ink);border-radius:var(--radius);color:var(--ink);box-shadow:3px 3px 0 var(--ink);writing-mode:vertical-rl;text-orientation:mixed;place-items:center;font-size:.7rem;font-weight:700;display:grid}.flow__badge--coral{background:var(--tile-coral);color:var(--paper)}.flow__badge--amber{background:var(--tile-amber)}.flow__badge--teal{background:var(--tile-teal);color:var(--paper)}.flow__badge--violet{background:var(--tile-violet);color:var(--paper)}.flow__badge--leaf{background:var(--tile-leaf);color:var(--paper)}.flow__badge--blue{background:var(--tile-blue);color:var(--paper)}.flow__body{border:2px solid var(--ink);border-radius:var(--radius);padding:var(--s-4) var(--s-5);background:var(--paper);color:var(--text-on-paper);box-shadow:5px 5px 0 var(--ink);flex:1}.section--ink .flow__body,.section--ink-raise .flow__body{background:var(--paper);color:var(--text-on-paper)}.flow__body h3{margin-bottom:var(--s-2);font-size:1.15rem}.flow__body p{margin:0;font-size:.98rem}.panel{border:2px solid var(--ink);border-radius:var(--radius);background:var(--paper);color:var(--text-on-paper);padding:var(--s-5) var(--s-6);box-shadow:6px 6px 0 var(--ink);max-width:46rem}.section--paper .panel,.section--paper-deep .panel{background:var(--ink);color:var(--text-on-ink);border-color:var(--ink);box-shadow:6px 6px 0 var(--accent)}.panel>:last-child{margin-bottom:0}.note{border-left:4px solid var(--accent);padding:var(--s-3) var(--s-4);max-width:46rem;font-size:.95rem}.section--ink .note,.section--ink-raise .note{background:var(--ink-raise);color:var(--text-on-ink-dim)}.section--paper .note,.section--paper-deep .note{color:var(--text-on-paper-dim);border-left-color:var(--accent-ink);background:#fff7e6}.mistakes{margin:var(--s-6) 0 0;gap:var(--s-5);max-width:46rem;padding:0;list-style:none;display:grid}.mistake{gap:var(--s-4);grid-template-columns:auto 1fr;align-items:start;display:grid}.mistake__mark{width:2.5rem;height:2.5rem;font-family:var(--font-display);background:var(--tile-coral);color:var(--paper);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:50%;place-items:center;font-size:1.3rem;font-weight:800;line-height:1;display:grid}.mistake h3{margin-bottom:var(--s-2);font-size:1.15rem}.mistake p{margin:0}.mistake__fix{margin-top:var(--s-2);color:var(--tile-teal);font-size:.95rem;font-weight:600;display:block}.section--paper .mistake__fix,.section--paper-deep .mistake__fix{color:#1d6e62}.faq-list{gap:var(--s-4);max-width:46rem;margin-top:var(--s-6);display:grid}.faq-item{border:2px solid var(--ink);border-radius:var(--radius);background:var(--paper);color:var(--text-on-paper);box-shadow:4px 4px 0 var(--ink)}.faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:var(--s-4);padding:var(--s-4) var(--s-5);font-weight:700;font-family:var(--font-display);font-size:1.05rem;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-family:var(--font-display);color:var(--accent-ink);flex-shrink:0;font-size:1.4rem;font-weight:800}.faq-item[open] summary:after{content:"–"}.faq-item summary:hover{background:#fff7e6}.faq-item__body{padding:0 var(--s-5) var(--s-5)}.faq-item__body p:last-child{margin-bottom:0}.code-chip{align-items:center;gap:var(--s-2);font-family:var(--font-mono);letter-spacing:.06em;background:var(--ink);color:var(--accent);border:2px dashed var(--accent);border-radius:var(--radius);padding:var(--s-2) var(--s-4);font-size:1rem;font-weight:700;display:inline-flex}.table-scroll{border:2px solid var(--ink);border-radius:var(--radius);max-width:100%;box-shadow:6px 6px 0 var(--ink);overflow-x:auto}.tier-table{border-collapse:collapse;background:var(--paper);width:100%;min-width:34rem;color:var(--text-on-paper);font-size:.95rem}.tier-table caption{text-align:left;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;padding:var(--s-3) var(--s-4);background:var(--ink);color:var(--paper);font-size:.75rem}.tier-table th,.tier-table td{text-align:left;padding:var(--s-3) var(--s-4);border-bottom:2px solid var(--ink)}.tier-table th{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;background:var(--paper-deep);font-size:.75rem}.tier-table tbody tr:last-child td{border-bottom:none}.tier-pill{padding:var(--s-1) var(--s-3);border:2px solid var(--ink);border-radius:var(--radius);color:var(--paper);font-size:.85rem;font-weight:700;display:inline-block}.tier-pill--common{background:var(--tile-blue)}.tier-pill--mythic{background:var(--tile-violet)}.link-lanes{gap:var(--s-4);margin-top:var(--s-6);display:grid}.lane{align-items:center;gap:var(--s-4);padding:var(--s-4) var(--s-5);border:2px solid var(--ink);border-radius:var(--radius);background:var(--paper);color:var(--text-on-paper);box-shadow:5px 5px 0 var(--ink);grid-template-columns:auto 1fr auto;text-decoration:none;transition:transform .14s,box-shadow .14s;display:grid}@media (prefers-reduced-motion:no-preference){.lane:hover{box-shadow:7px 7px 0 var(--ink);transform:translate(-2px,-2px)}}.lane__index{font-family:var(--font-display);color:var(--accent-ink);font-size:1.5rem;font-weight:800}.lane__title{font-weight:700;font-family:var(--font-display);font-size:1.15rem}.lane__desc{color:var(--text-on-paper-dim);font-size:.92rem}.lane__arrow{color:var(--accent-ink);font-size:1.4rem;font-weight:800}.word-wall{gap:var(--s-2);border:2px dashed var(--ink-line);border-radius:var(--radius);padding:var(--s-4) var(--s-5);margin-block:var(--s-5);flex-wrap:wrap;align-items:center;max-width:46rem;display:flex}.section--paper .word-wall,.section--paper-deep .word-wall{border-color:var(--text-on-paper-dim)}.word-wall__label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;width:100%;color:var(--text-on-ink-dim);font-size:.72rem}.section--paper .word-wall__label,.section--paper-deep .word-wall__label{color:var(--text-on-paper-dim)}.word-wall .tile{--tile-size:2.5rem}.symbol-row{gap:var(--s-2);margin-block:var(--s-4);flex-wrap:wrap;display:flex}.symbol-row .tile{--tile-size:2.5rem;font-family:var(--font-mono)}.site-footer{border-top:2px solid var(--ink-line);background:var(--ink);padding-block:var(--s-7) var(--s-6);color:var(--text-on-ink-dim);font-size:.9rem}.site-footer__grid{gap:var(--s-6);display:grid}.site-footer h2{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--s-3);font-size:.75rem}.site-footer ul{gap:var(--s-2);margin:0;padding:0;list-style:none;display:grid}.site-footer a{color:var(--text-on-ink-dim);border-bottom:1px solid #0000;text-decoration:none}.site-footer a:hover{color:var(--text-on-ink);border-bottom-color:var(--accent)}.site-footer__legal{margin-top:var(--s-6);padding-top:var(--s-4);border-top:1px solid var(--ink-line);font-size:.8rem}.split{gap:var(--s-6);align-items:start;display:grid}.split__sticky{position:static}@media (min-width:48rem){.hero__grid{grid-template-columns:7fr 5fr}.split{gap:var(--s-8);grid-template-columns:5fr 7fr}.split__sticky{position:sticky;top:6rem}.steps .step:nth-child(2n){margin-left:var(--s-8)}.site-footer__grid{grid-template-columns:2fr 1fr 1fr}.link-lanes{grid-template-columns:1fr 1fr}}@media (min-width:90rem){.wrap{padding-inline:var(--s-6)}}@media (max-width:30rem){.cta-row .btn{justify-content:center;width:100%}.cta-row .btn--secondary{align-self:flex-start;width:auto}.lane{grid-template-columns:auto 1fr}.lane__arrow{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}