:root{--amber:#ffb45c;--amber-deep:#f59a2e;--ink:#14100b;--ink-soft:#3a2d20;--cream:#fff4e3;--paper:#fdf1dc;--peach:#ffd9a8;--pink:#ff8fa3;--mint:#9bf6a1;--sky:#8ecaff;--sun:#ffd166;--duck:#ffd43b;--font-display:ui-rounded, "Arial Rounded MT Bold", "SF Pro Rounded", system-ui, sans-serif;--font-body:system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"SF Mono", ui-monospace, Menlo, monospace;--sticker-shadow:6px 6px 0 var(--ink);--border:3px solid var(--ink);--radius:18px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--cream);color:var(--ink);background-image:radial-gradient(var(--peach) 1.2px, transparent 1.2px);background-size:26px 26px;min-height:100vh;line-height:1.55}a{color:inherit}img,video{max-width:100%;display:block}kbd{font-family:var(--font-mono);background:var(--ink);color:var(--cream);border-radius:6px;padding:1px 6px;font-size:.8em}.container{width:min(1100px,92vw);margin-inline:auto}.site-header{z-index:20;background:color-mix(in srgb, var(--cream) 88%, transparent);backdrop-filter:blur(8px);border-bottom:var(--border);position:sticky;top:0}.site-header .container{justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.logo{font-family:var(--font-display);letter-spacing:-.02em;background:var(--amber);border:var(--border);box-shadow:4px 4px 0 var(--ink);border-radius:999px;padding:6px 16px;font-size:1.35rem;font-weight:800;text-decoration:none;transition:transform .15s;transform:rotate(-1.5deg)}.logo:hover{transform:rotate(1deg)scale(1.03)}.logo span{font-size:.8em}.nav{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.nav a{border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:999px;padding:7px 14px;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .12s}.nav a:hover{box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}.nav a.cta{background:var(--duck)}.site-footer{border-top:var(--border);background:var(--ink);color:var(--peach);margin-top:80px}.site-footer .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:28px 0;display:flex}.site-footer strong{color:var(--amber);font-family:var(--font-display)}.site-footer .fine{opacity:.75;font-size:.8rem}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;line-height:1.12}h1{font-size:clamp(2.4rem,6vw,4.2rem)}h2{font-size:clamp(1.5rem,3.4vw,2.2rem)}.eyebrow{letter-spacing:.18em;text-transform:uppercase;background:var(--ink);color:var(--amber);border-radius:999px;padding:5px 12px;font-size:.82rem;font-weight:800;display:inline-block;transform:rotate(-1deg)}.lead{max-width:55ch;font-size:clamp(1.05rem,2vw,1.3rem)}.punchline{font-family:var(--font-display);color:var(--amber-deep);font-size:1.15rem}.btn{font-family:var(--font-display);border:var(--border);box-shadow:var(--sticker-shadow);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:13px 24px;font-size:1.05rem;font-weight:800;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn:hover{box-shadow:8px 8px 0 var(--ink);transform:translate(-2px,-2px)}.btn:active{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.btn.primary{background:var(--amber)}.btn.game{background:var(--duck)}.btn.small{box-shadow:4px 4px 0 var(--ink);padding:9px 16px;font-size:.9rem}.sticker{border:var(--border);border-radius:var(--radius);box-shadow:var(--sticker-shadow);background:#fff;padding:22px;position:relative}.sticker.tilt-1{transform:rotate(-1.2deg)}.sticker.tilt-2{transform:rotate(1deg)}.sticker.tape:before{content:"";background:color-mix(in srgb, var(--sun) 75%, white);border:2px dashed color-mix(in srgb, var(--ink) 40%, transparent);opacity:.9;width:90px;height:24px;position:absolute;top:-12px;left:50%;transform:rotate(-3deg)}.grid{gap:26px;display:grid}.grid.cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.facets{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.facet{border:2.5px solid var(--ink);background:var(--cream);border-radius:999px;padding:5px 11px;font-size:.85rem;font-weight:800}.facet.video{background:var(--sky)}.facet.game{background:var(--duck)}.facet.pack{background:var(--mint)}.facet.sheet{background:var(--pink)}.facet.soon{opacity:.75;background:#eee}.chip{background:var(--peach);border:2px solid var(--ink);border-radius:999px;margin:3px 4px 0 0;padding:3px 10px;font-size:.8rem;font-weight:800;display:inline-block}.course-card{color:inherit;flex-direction:column;gap:8px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.course-card:hover{box-shadow:9px 9px 0 var(--ink);transform:translate(-3px,-3px)rotate(-.5deg)}.course-card .num{width:46px;height:46px;font-family:var(--font-display);background:var(--amber);border:var(--border);box-shadow:3px 3px 0 var(--ink);border-radius:50%;place-items:center;font-weight:800;display:grid;position:absolute;top:-16px;right:-12px;transform:rotate(6deg)}.course-card h3{font-size:1.45rem}.course-card .tag{color:var(--ink-soft);font-size:.95rem}.course-card.soon{filter:grayscale(.4);opacity:.85}.course-card.soon .num{background:#ddd}details.chip-details{border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:14px;margin-bottom:10px;padding:10px 14px}details.chip-details summary{cursor:pointer;font-weight:800;font-family:var(--font-display)}details.chip-details p{margin-top:8px;font-size:.95rem}.player{border:var(--border);border-radius:var(--radius);box-shadow:var(--sticker-shadow);background:#000;overflow:hidden}.player video{background:#000;width:100%;max-height:74vh}.captions-note{opacity:.7;margin-top:8px;font-size:.85rem}.prose{max-width:68ch}.prose pre{background:var(--ink);color:var(--peach);font-family:var(--font-mono);border:var(--border);border-radius:14px;padding:16px 18px;font-size:.92rem;overflow-x:auto}.prose code{font-family:var(--font-mono);background:var(--peach);border-radius:6px;padding:1px 6px;font-size:.92em}.prose pre code{background:0 0;padding:0}.prose table{border-collapse:collapse;width:100%;margin:14px 0}.prose th,.prose td{border:2.5px solid var(--ink);text-align:left;padding:9px 12px;font-size:.95rem}.prose th{background:var(--peach);font-family:var(--font-display)}.prose img[src*=microduck]{vertical-align:-.2em;width:auto;height:1.15em}.prose blockquote{border-left:6px solid var(--amber);font-family:var(--font-display);background:#fff;border-radius:0 12px 12px 0;margin:14px 0;padding:8px 16px}section{padding:46px 0 10px}.section-head{flex-wrap:wrap;align-items:baseline;gap:14px;margin-bottom:22px;display:flex}.section-head .hint{opacity:.65;font-size:.95rem}.duck-icon{vertical-align:-.18em;width:auto;height:1em;display:inline-block}.confetti{z-index:99;pointer-events:none;background:url(/microduck.svg) 50%/contain no-repeat;width:1.7rem;height:1.7rem;animation:1.1s ease-in forwards fall;position:fixed}@keyframes fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(160px)rotate(220deg)}}:focus-visible{outline:4px solid var(--amber-deep);outline-offset:3px;border-radius:6px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}@media print{.site-header,.site-footer,.btn,.facets{display:none!important}body{background:#fff}.sticker{box-shadow:none;border:1px solid #999}}
