:root{--bg:#f0ebe1;--paper:#faf7f0;--ink:#252d27;--muted:#59675a;--line:#d5d5c5;--green:#345e47;--gold:#e0bf70}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--green)}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #b98237;outline-offset:4px}.site-header{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:22px 32px;border-bottom:1px solid var(--line);gap:20px}.brand{text-decoration:none;font:800 23px ui-monospace,monospace;white-space:nowrap}.brand span{font:750 13px ui-sans-serif,system-ui,sans-serif;vertical-align:middle;margin-left:8px}.site-header nav{display:flex;gap:24px;flex-wrap:wrap}.site-header nav a{font-size:13px;font-weight:650;text-decoration:none}main{max-width:1216px;margin:auto;padding:44px 0 32px}.hero{display:grid;grid-template-columns:1.45fr 1fr;gap:64px;align-items:center;padding-bottom:42px}.eyebrow{font:750 11px ui-monospace,monospace;letter-spacing:.12em;color:var(--green);margin:0 0 16px}h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(43px,5vw,67px);line-height:1.03;letter-spacing:-.045em;margin:0 0 20px;max-width:9em}.intro{font-size:17px;line-height:1.7;max-width:520px;margin:0}.journey-note{font-size:13px;line-height:1.65;color:var(--muted);margin:18px 0 0;max-width:480px}.field-note{background:#e3e8d8;border:1px solid #cbd4bd;box-shadow:4px 4px 0 #d8d9c7;padding:24px 26px;border-radius:2px 15px 15px 15px}.note-label{font:700 10px ui-monospace,monospace;letter-spacing:.13em;color:#5d7056}.field-note pre{font:500 15px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;margin:19px 0;color:#31503e}.field-note strong{font-size:13px}.field-note p{font-size:12px;line-height:1.6;color:#54634d;margin:12px 0 0;max-width:32em}.ascii-progress{font:700 14px/1.4 ui-monospace,monospace;letter-spacing:.04em;color:var(--green);margin-top:8px}.trail-toolbar{border-top:1px solid var(--line);padding:25px 0 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.trail-toolbar h2{font-family:Georgia,serif;font-size:25px;font-weight:500;margin:0 0 6px}.trail-toolbar p{font-size:13px;color:var(--muted);margin:0}.level-filters{display:flex;gap:6px;flex-wrap:wrap}.level-filters button{padding:8px 13px;border:1px solid #c8cebc;border-radius:20px;color:var(--muted);background:transparent;font-size:12px;font-weight:650}.level-filters button[aria-pressed="true"]{background:var(--green);border-color:var(--green);color:#fff}.trail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.trail-card{border:1px solid #ced0bf;border-radius:13px;background:var(--paper);overflow:hidden;display:flex;flex-direction:column}.trail-card[hidden]{display:none}.trail-preview{height:215px;background:#182823;color:#d7dfb5;display:grid;place-items:center;border-bottom:1px solid #34473a;position:relative;overflow:hidden}.trail-preview pre{font:500 14px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;margin:0;tab-size:4;white-space:pre}.trail-preview img{height:215px;width:100%;object-fit:contain;background:#101f2d}.trail-preview .preview-caption{position:absolute;left:12px;bottom:10px;font:650 9px ui-monospace,monospace;color:#abc1af;letter-spacing:.08em;text-transform:uppercase}.trail-card[data-trail="camp-hud"] .trail-preview{color:#f0ce7b;background:#282b22}.trail-card[data-trail="tiny-dungeon"] .trail-preview{color:#d3cbdc;background:#292530}.trail-card-body{padding:21px;display:flex;flex-direction:column;flex:1}.trail-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.level{font-size:10px;font-weight:800;letter-spacing:.02em;border:1px solid #c4d3bb;background:#e8efdf;padding:4px 7px;border-radius:4px}.level.medium{border-color:#d9c797;background:#f3ead3;color:#795e27}.level.hard{border-color:#c7bad1;background:#eee5f0;color:#65516f}.trail-card h3{font:500 25px/1.15 Georgia,serif;margin:15px 0 10px;letter-spacing:-.025em}.trail-description{font-size:13px;line-height:1.7;color:#50604f;margin:0}.trail-skills{font-size:11px;line-height:1.65;color:#707665;margin:13px 0 19px;min-height:36px}.trail-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:6px}.trail-bottom .ascii-progress{font-size:11px;margin:0;letter-spacing:0}.trail-bottom a{text-decoration:none;border-radius:6px;padding:9px 11px;background:var(--green);color:#fff;font-size:12px;font-weight:750;white-space:nowrap}.trail-bottom a:hover{background:#234733}.wander-note{display:flex;gap:20px;max-width:740px;padding:36px 0 6px;margin:auto}.wander-note>span{font:700 30px ui-monospace,monospace;color:#7b8955;align-self:center}.wander-note h2{font:500 22px Georgia,serif;margin:0 0 8px}.wander-note p{font-size:13px;line-height:1.7;margin:0 0 9px;color:var(--muted)}.wander-note a{font-size:12px;font-weight:650}.site-footer{max-width:1216px;margin:auto;padding:22px 0 30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;font-size:12px;color:var(--muted)}.site-footer a{text-decoration:none;font-weight:650}@media(max-width:1280px){main,.site-footer{margin-left:32px;margin-right:32px}.hero{gap:36px}}@media(max-width:960px){.trail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:25px}.field-note{padding:20px}.field-note pre{font-size:12px}.site-header nav{gap:16px}.brand span{display:none}}@media(max-width:640px){main{margin:0;padding:32px 18px}.site-header{padding:17px 18px;gap:12px}.site-header nav{gap:15px}.site-header nav a{font-size:11px}.site-header nav a:last-child{display:none}.hero{grid-template-columns:1fr;gap:25px;padding-bottom:30px}h1{font-size:48px;max-width:7em}.intro{font-size:15px}.field-note{max-width:100%;padding:19px 22px}.field-note pre{font-size:14px;margin:13px 0}.trail-toolbar{align-items:flex-start;flex-direction:column;gap:17px}.trail-grid{grid-template-columns:1fr;gap:20px}.trail-preview{height:210px}.trail-preview pre{font-size:14px}.trail-preview img{height:210px}.trail-card-body{padding:21px}.trail-skills{min-height:0}.wander-note{padding-top:30px;gap:13px}.wander-note>span{font-size:23px}.site-footer{margin:0 18px;flex-direction:column;font-size:11px}.level-filters button{padding:8px 12px}}