@import"https://fonts.googleapis.com/css2?family=VT323&family=Nunito:wght@400;600;700;800&display=swap";@layer reset,tokens,base,components,utilities,md;@layer reset{*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{min-height:100vh}canvas,img,svg,video{display:block;max-width:100%}button{background:none;border:none;cursor:pointer;font:inherit}a,button{color:inherit}a{text-decoration:none}ol,ul{padding:0}h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0}input,textarea{color:inherit;font:inherit}}@layer tokens{:root{color-scheme:dark;--sky-top:#1b2a3a;--sky-mid:#2c3a4a;--sky-warm:#5a4a3a;--bg-night:#131a17;--bg-deep:#0d1410;--wood-dark:#2e2014;--wood:#3d2a18;--wood-light:#5a3d22;--wood-grain:#6e4a28;--parchment:#efdcae;--parchment-dark:#d8c08a;--parchment-shadow:#b89a64;--stone:#5d5d52;--stone-light:#7d7d6e;--moss:#3a4a30;--ink:#f4e6c4;--ink-dim:#c4b083;--ink-mute:#8d7c5b;--ink-dark:#2a1f12;--ink-dark-dim:#5a4530;--ink-heading:#e8d49a;--grass:#7bb24a;--grass-deep:#4a8b2a;--leaf:#95c168;--amber:#f0a83c;--amber-glow:#ffc863;--copper:#c2641e;--ruby:#c2342f;--water:#5a9bb0;--gold:#d4a73c;--shadow-deep:rgba(0,0,0,.55);--shadow-card:0 4px 0 var(--wood-dark),0 6px 14px rgba(0,0,0,.45);--shadow-card-hover:0 6px 0 var(--wood-dark),0 10px 22px rgba(0,0,0,.55);--shadow-pressed:0 2px 0 var(--wood-dark),0 3px 6px rgba(0,0,0,.4);--glow-amber:0 0 0 2px rgba(240,168,60,.35),0 0 18px rgba(240,168,60,.4);--glow-grass:0 0 0 2px rgba(123,178,74,.4),0 0 14px rgba(123,178,74,.35);--border-wood:2px solid var(--wood-grain);--border-stone:2px solid var(--stone);--border-thin:1px solid color-mix(in oklab,var(--wood-grain) 60%,transparent);--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:14px;--container:1180px;--header-h:68px;--ease-out:cubic-bezier(.2,.7,.2,1);--ease-bounce:cubic-bezier(.34,1.56,.64,1);--t-fast:.12s;--t-norm:.22s;--t-slow:.4s;--font-body:"Nunito",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-pixel:"VT323",ui-monospace,Menlo,monospace;--font-mono:ui-monospace,"JetBrains Mono",SFMono-Regular,Menlo,monospace}}@layer base{body{background:var(--bg-deep);color:var(--ink);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased;image-rendering:auto}::-moz-selection{background:color-mix(in oklab,var(--amber) 60%,transparent);color:var(--ink-dark)}::selection{background:color-mix(in oklab,var(--amber) 60%,transparent);color:var(--ink-dark)}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:var(--bg-night)}::-webkit-scrollbar-thumb{background:var(--wood-light);border:2px solid var(--bg-night);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--wood-grain)}}@layer components{.container{margin:0 auto;max-width:var(--container);padding:0 24px;width:100%}.card{background:linear-gradient(180deg,var(--wood) 0,var(--wood-dark) 100%);border:var(--border-wood);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);color:var(--ink);padding:18px 20px;position:relative;transition:transform var(--t-norm) var(--ease-out),box-shadow var(--t-norm) var(--ease-out),border-color var(--t-norm) var(--ease-out)}.card:after,.card:before{background:radial-gradient(circle at 30% 30%,var(--stone-light),var(--stone) 60%,var(--ink-dark) 100%);border-radius:50%;box-shadow:0 1px #0006;content:"";height:6px;pointer-events:none;position:absolute;width:6px}.card:before{left:8px;top:8px}.card:after{bottom:8px;right:8px}.card:has(a:hover),a.card:hover,button.card:hover{border-color:var(--wood-light);box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.card-parchment{background:radial-gradient(ellipse at top left,color-mix(in oklab,var(--parchment) 100%,transparent) 0,var(--parchment-dark) 100%);border:3px solid var(--wood-grain);border-radius:var(--radius-lg);box-shadow:inset 0 0 40px #b89a644d,0 6px 0 var(--wood-dark),0 10px 24px #00000080;color:var(--ink-dark);padding:28px 32px}.btn{align-items:center;background:linear-gradient(180deg,var(--wood-light),var(--wood));border:2px solid var(--wood-grain);border-radius:var(--radius-md);box-shadow:var(--shadow-card);color:var(--ink);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-weight:700;gap:8px;letter-spacing:.01em;padding:10px 20px;transition:all var(--t-fast) var(--ease-out)}.btn:hover{border-color:var(--wood-light);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.btn:active{box-shadow:var(--shadow-pressed);transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-primary{background:linear-gradient(180deg,var(--grass),var(--grass-deep));border-color:var(--grass-deep);color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.3)}.btn-primary:hover{border-color:var(--leaf);box-shadow:var(--shadow-card-hover),var(--glow-grass);color:#fff}.btn-amber{background:linear-gradient(180deg,var(--amber-glow),var(--amber));border-color:var(--copper);color:var(--ink-dark);text-shadow:0 1px 0 rgba(255,220,150,.6)}.btn-amber:hover{box-shadow:var(--shadow-card-hover),var(--glow-amber);color:var(--ink-dark)}.btn-ghost{background:transparent;border-color:var(--ink-mute);box-shadow:none;color:var(--ink-dim)}.btn-ghost:hover{background:#0003;border-color:var(--amber);box-shadow:0 0 12px #f0a83c33;color:var(--amber)}.chip{align-items:center;background:#00000059;border:1px solid var(--wood-grain);border-radius:var(--radius-sm);color:var(--ink-dim);display:inline-flex;font-size:12px;font-weight:700;gap:5px;letter-spacing:.02em;padding:3px 10px}.chip-amber{background:color-mix(in oklab,var(--amber) 22%,transparent);border-color:var(--amber);color:var(--amber-glow)}.chip-grass{background:color-mix(in oklab,var(--grass) 22%,transparent);border-color:var(--grass-deep);color:var(--leaf)}.pill{border:1px solid;border-radius:var(--radius-sm);font-family:var(--font-pixel);font-size:14px;letter-spacing:.04em;line-height:1.3;padding:3px 10px;text-transform:uppercase}.pill-beginner{background:color-mix(in oklab,var(--grass) 25%,transparent);border-color:var(--grass-deep);color:var(--leaf)}.pill-intermediate{background:color-mix(in oklab,var(--amber) 25%,transparent);border-color:var(--copper);color:var(--amber-glow)}.pill-advanced{background:color-mix(in oklab,var(--ruby) 25%,transparent);border-color:var(--ruby);color:#f08070}.pixel-num{font-size:1.6em;letter-spacing:.02em;line-height:1;text-shadow:2px 0 0 var(--copper),0 2px 0 var(--copper),2px 2px 0 rgba(0,0,0,.5)}.pixel-num,.signboard{color:var(--amber-glow);font-family:var(--font-pixel)}.signboard{align-items:center;background:linear-gradient(180deg,var(--wood-light),var(--wood-dark));border:2px solid var(--wood-grain);border-radius:var(--radius-md);box-shadow:var(--shadow-card);display:inline-flex;font-size:24px;gap:10px;letter-spacing:.05em;padding:8px 18px;text-shadow:1px 1px 0 rgba(0,0,0,.7)}}@layer utilities{.stack>*+*{margin-top:var(--gap,16px)}.row{align-items:center}.row,.row-wrap{display:flex;gap:var(--gap,12px)}.row-wrap{flex-wrap:wrap}.grid{display:grid;gap:var(--gap,16px)}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.ink{color:var(--ink)}.dim{color:var(--ink-mute)}.mut{color:var(--ink-dim)}.amber{color:var(--amber)}.grass{color:var(--leaf)}.pixel{font-family:var(--font-pixel)}.small{font-size:12px}.glow-text{text-shadow:2px 2px 0 rgba(0,0,0,.55)}.glow-text,.heading{color:var(--ink-heading)}.heading{text-shadow:2px 2px 0 rgba(0,0,0,.5)}.visually-hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.float{animation:float-slow 4s ease-in-out infinite}}@layer md{.md{font-size:17px;line-height:1.75}.md,.md h1,.md h2,.md h3,.md h4{color:var(--ink-dark);font-family:var(--font-body)}.md h1,.md h2,.md h3,.md h4{font-weight:800;line-height:1.25;scroll-margin-top:calc(var(--header-h) + 16px)}.md h2{border-bottom:2px dashed var(--parchment-shadow);font-size:1.7rem;margin:2.4rem 0 .9rem;padding-bottom:6px}.md h2:before{color:var(--copper);content:"⚒ ";font-size:.9em}.md h3{color:#4a3320;font-size:1.3rem;margin:1.7rem 0 .5rem}.md h3:before{color:var(--grass-deep);content:"◆ ";font-size:.7em;vertical-align:.15em}.md h4{color:var(--ink-dark-dim);font-size:1.05rem;margin:1.2rem 0 .4rem}.md p{margin:.7rem 0 1rem}.md ol,.md ul{margin:.7rem 0 1.2rem;padding-left:1.5rem}.md li{margin:.35rem 0}.md ul>li::marker{content:"🌿 "}.md ol>li::marker{color:var(--copper);font-weight:700}.md a{color:#1d5a6c;text-decoration:underline;text-decoration-color:color-mix(in oklab,#1d5a6c 50%,transparent);text-underline-offset:3px;transition:color var(--t-fast)}.md a:hover{color:var(--copper);text-decoration-color:var(--copper)}.md a.term-link{color:var(--copper);cursor:help;position:relative;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-color:color-mix(in oklab,var(--copper) 55%,transparent);text-decoration-thickness:1.5px;text-underline-offset:3px}.md a.term-link:hover{background:color-mix(in oklab,var(--amber) 22%,transparent);border-radius:3px;color:#8a3a0a;margin:0 -2px;padding:0 2px;text-decoration-color:var(--copper)}.md a.term-link[data-term-def]:hover:after{background:linear-gradient(180deg,var(--wood) 0,var(--wood-dark) 100%);border:2px solid var(--wood-grain);border-radius:var(--radius-md);bottom:calc(100% + 8px);box-shadow:0 4px 0 var(--wood-dark),0 8px 18px #0000008c;color:var(--ink);content:attr(data-term-def);font-family:var(--font-body);font-size:13px;font-style:normal;font-weight:500;left:50%;line-height:1.45;max-width:320px;padding:10px 14px;pointer-events:none;position:absolute;text-align:left;transform:translate(-50%);white-space:normal;width:-moz-max-content;width:max-content;z-index:30}.md a.term-link[data-term-def]:hover:before{border:8px solid transparent;border-top:8px solid var(--wood-grain);bottom:100%;content:"";left:50%;pointer-events:none;position:absolute;transform:translate(-50%);z-index:31}.md blockquote{background:linear-gradient(90deg,color-mix(in oklab,var(--amber) 14%,transparent) 0,transparent 70%);border-left:4px solid var(--copper);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--ink-dark);font-style:italic;margin:1.4rem 0;padding:14px 18px 14px 22px}.md blockquote strong{color:var(--copper);font-style:normal}.md blockquote:has(>p>strong:first-child){background:color-mix(in oklab,var(--amber) 18%,transparent);border-left-color:var(--amber);border:2px solid var(--copper);border-left-width:6px}.md code{background:color-mix(in oklab,var(--wood-grain) 18%,transparent);border:1px solid color-mix(in oklab,var(--wood-grain) 35%,transparent);border-radius:4px;color:#5a3d22;font-family:var(--font-mono);font-size:.9em;padding:2px 7px}.md pre{background:var(--bg-night);border:2px solid var(--wood-grain);border-radius:var(--radius-md);box-shadow:inset 0 2px 6px #00000080;color:var(--ink);margin:1.1rem 0;overflow-x:auto;padding:16px 18px}.md pre code{background:transparent;border:0;color:var(--ink);font-size:.95em;padding:0}.md table{background:color-mix(in oklab,var(--parchment) 100%,transparent);border:2px solid var(--wood-grain);border-collapse:collapse;border-radius:var(--radius-md);margin:1.3rem 0;overflow:hidden;width:100%}.md td,.md th{border-bottom:1px solid var(--parchment-shadow);padding:10px 14px;text-align:left}.md th{background:color-mix(in oklab,var(--wood-grain) 25%,var(--parchment));color:var(--ink-dark);font-weight:800}.md tr:hover td{background:color-mix(in oklab,var(--amber) 10%,transparent)}.md mark{background:linear-gradient(180deg,transparent 55%,color-mix(in oklab,var(--amber) 60%,transparent) 55%);color:inherit;padding:0 3px}.md hr{background:radial-gradient(circle,var(--copper) 2px,transparent 3px) 0 50% /18px 14px repeat-x;border:0;height:14px;margin:2.2rem auto;opacity:.5;width:60%}.md img{border:2px solid var(--wood-grain);border-radius:var(--radius-md);margin:1rem 0}}