:root{--ink:#2b1d14;--paper:#fff8ea;--sun:#ffd24d;--tomato:#ff6b5b;--mint:#7fdcb4;--muted:#8a7565;--b:3px solid var(--ink);--sh:4px 5px 0 var(--ink)}
*{box-sizing:border-box}
body{margin:0;font-family:'Baloo 2',ui-rounded,'Segoe UI Rounded',system-ui,sans-serif;color:var(--ink);background:var(--paper);background-image:radial-gradient(#f3dfb8 1.6px,transparent 1.7px);background-size:22px 22px}
.wrap{max-width:720px;margin:0 auto;padding:28px 16px 60px}
.logo{font-size:56px;font-weight:800;line-height:.85;color:var(--sun);-webkit-text-stroke:3px var(--ink);paint-order:stroke;text-shadow:5px 5px 0 var(--ink);transform:rotate(-3deg);display:inline-block;margin:10px 0}
.tag{display:inline-block;background:var(--tomato);color:#fff;border:var(--b);border-radius:12px;padding:0 10px;font-weight:800;transform:rotate(2deg)}
.card{background:#fff;border:var(--b);border-radius:22px;box-shadow:var(--sh);padding:18px;margin:18px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:inherit;font-weight:800;font-size:20px;border:var(--b);border-radius:18px;box-shadow:var(--sh);padding:14px 22px;background:var(--sun);color:var(--ink);text-decoration:none}
.btn:active{transform:translate(3px,4px);box-shadow:1px 1px 0 var(--ink)}
.btn.red{background:var(--tomato);color:#fff}
.lineup{display:flex;justify-content:center;align-items:flex-end;flex-wrap:wrap;margin:14px 0}
.lineup span{width:96px;height:110px;background-repeat:no-repeat;background-size:400% 100%;background-position:0 0}
.muted{color:var(--muted)} .small{font-size:14px}
ol li{margin:6px 0} code{background:#fff3c2;border-radius:6px;padding:1px 6px;font-size:13px;word-break:break-all}
a{color:var(--ink)} h1,h2,h3{margin:.2em 0}
footer{text-align:center;font-size:13px;color:var(--muted);margin-top:30px}
.lineup.mugs{gap:8px;max-width:350px;margin:14px auto}.lineup .mug{width:76px;height:76px;background-size:800% 100%;background-repeat:no-repeat;filter:drop-shadow(0 3px 0 rgba(43,29,20,.25))}