:root{--paper: #fff6f0;--ink: #3a2432;--pink: #ff7aa2;--pink-deep: #e85a88;--peach: #ffd6c0;--sky: #bde0fe;--mint: #c8f0d8;--cream: #fff1c9;--muted: #7a5a68;--line: #3a2432;--display: "Fredoka", sans-serif;--sans: "Nunito", sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;background-image:radial-gradient(circle at 18px 12px,rgba(58,36,50,.05) 1.2px,transparent 1.4px);background-size:28px 22px}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer}h1,h2{margin:0;font-family:var(--display);letter-spacing:-.03em}:focus-visible{outline:3px solid var(--pink);outline-offset:3px}header{height:72px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;border-bottom:3px solid var(--ink);background:#fff}.brand{display:flex;align-items:center;gap:.55rem;font-family:var(--display);font-weight:700;font-size:1.25rem;flex:none}.logo{width:2.25rem;height:2.25rem;object-fit:contain;flex:none}header nav{display:flex;gap:1.4rem;font-weight:700}header nav a:hover{color:var(--pink-deep)}.header-actions{display:flex;align-items:center;gap:12px}.pill{border:2px solid var(--ink);border-radius:999px;padding:6px 12px;font-size:11px;font-weight:800;letter-spacing:.08em;background:var(--cream)}.header-actions button{height:42px;border:3px solid var(--ink);border-radius:999px;background:var(--pink);padding:0 18px;font-weight:800}.fold{height:calc(100svh - 72px);min-height:0;display:grid;grid-template-columns:minmax(0,1.35fr) 340px;gap:18px;padding:18px 28px}.comic-page{min-height:0;display:grid;grid-template-columns:1.4fr .8fr;gap:12px}.hero-panel,.side-panels article{border:3px solid var(--ink);border-radius:18px;background:#fff;position:relative}.hero-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;background:linear-gradient(#fff,var(--peach))}.panel-tag{position:absolute;top:12px;left:14px;font-family:var(--display);font-size:12px;background:var(--cream);border:2px solid var(--ink);border-radius:999px;padding:2px 10px}.hero-panel svg{width:min(360px,82%);height:auto}.hero-name{font-family:var(--display);font-size:1.4rem;margin:4px 0 0}.side-panels{display:grid;grid-template-rows:repeat(4,1fr);gap:10px;min-height:0}.side-panels article{display:grid;place-items:center;min-height:0;overflow:hidden;padding:6px;background:var(--sky);cursor:pointer}.side-panels article:nth-child(2){background:var(--mint)}.side-panels article:nth-child(3){background:var(--cream)}.side-panels article:nth-child(4){background:#ffd1e0}.side-panels svg{width:72%;height:auto}.desk{border:3px solid var(--ink);border-radius:22px;background:var(--pink);color:var(--ink);padding:18px 18px 14px;display:flex;flex-direction:column;min-height:0;overflow:auto}.bubble-kicker{margin:0;font-size:11px;font-weight:800;letter-spacing:.12em}.desk h1{font-size:1.85rem;line-height:1.05;margin:8px 0 10px}.lead,.exit{margin:0 0 10px;font-size:13px}.stat{margin:0 0 8px;font-family:var(--display)}.stat b{font-size:2rem}.pink-btn,.ink-btn,.ghost-btn{display:inline-flex;align-items:center;justify-content:center;height:42px;border:3px solid var(--ink);border-radius:999px;font-weight:800;margin-top:8px;width:100%;text-decoration:none}.pink-btn{background:#fff}.ink-btn{background:var(--ink);color:#fff}.ghost-btn{background:transparent}.list-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:8px;align-items:center}.list-row .ink-btn{width:auto;margin-top:0;padding:0 16px;white-space:nowrap}.list-row input{height:42px;border:3px solid var(--ink);border-radius:999px;padding:0 12px;background:#fff}.status{min-height:1.2em;font-size:12px;margin:8px 0 0}.status.is-error{font-weight:700}.pet-bob{animation:bob 2.8s ease-in-out infinite;transform-origin:70px 90px}.pet-sparkle{animation:twinkle 1.4s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes twinkle{0%,to{opacity:.5}50%{opacity:1}}.yearbook{padding:36px 28px;border-top:3px solid var(--ink);background:#fff}.yearbook-head{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:1rem;margin-bottom:18px}.yearbook-head span,.how-title span,.notes span,.market-head span,.who-row span{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--muted)}.yearbook-head h2,.how-title h2{font-size:2rem}.stickers{display:grid;grid-template-columns:repeat(10,1fr);gap:10px}.sticker{border:3px solid var(--ink);border-radius:16px;background:var(--paper);padding:4px 4px 8px;display:flex;flex-direction:column;align-items:center}.sticker svg{width:100%;height:auto}.sticker small{font-size:10px;font-weight:800}.sticker.selected{background:var(--cream)}.sticker.taken{opacity:.55}.panels{border-top:3px solid var(--ink)}.how-title{padding:28px 28px 0}.four{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.four li{padding:22px 22px 28px;border-right:3px solid var(--ink);border-top:3px solid var(--ink);min-height:12rem;background:#fff}.four li:nth-child(1){background:var(--peach)}.four li:nth-child(2){background:var(--sky)}.four li:nth-child(3){background:var(--mint)}.four li:nth-child(4){background:var(--cream);border-right:0}.four strong{display:block;font-family:var(--display);font-size:1.2rem;margin-bottom:8px}.notes{display:grid;grid-template-columns:16rem 1fr;gap:2rem;padding:40px 28px;border-top:3px solid var(--ink);background:var(--peach)}.notes h2{font-size:2.2rem;margin-top:8px}.notes p{max-width:62ch}.sticky-rules{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:3px solid var(--ink)}.sticky-rules article{padding:22px 24px;border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);background:#fff}.sticky-rules article:nth-child(3n){border-right:0}.sticky-rules b{font-family:var(--display);color:var(--pink-deep)}.market{padding:36px 28px;border-top:3px solid var(--ink);background:var(--sky)}.market-head h2{font-size:2rem;margin:6px 0 8px}.market-head p{max-width:60ch;margin:0 0 16px}.stall{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;min-height:8rem}.stall .empty{grid-column:1 / -1;color:var(--muted)}.stall article{border:3px solid var(--ink);border-radius:16px;background:#fff;padding:8px;text-align:center}.stall svg{width:100%;height:auto}.who-row{display:grid;grid-template-columns:16rem 1fr;gap:2rem;padding:40px 28px;border-top:3px solid var(--ink)}.who-row h2{font-size:2.2rem;margin-top:8px}.who-row p{max-width:62ch;color:var(--muted)}.faq{padding:36px 28px 20px;border-top:3px solid var(--ink);background:#fff}.faq h2{font-size:2.2rem;margin-bottom:8px}.faq details{border-top:2px solid var(--ink);padding:12px 0}.faq summary{cursor:pointer;list-style:none;font-family:var(--display);font-size:1.15rem}.faq summary::-webkit-details-marker{display:none}.faq p{max-width:70ch;color:var(--muted)}.chapters{padding:24px 28px 40px;border-top:3px solid var(--ink);background:var(--mint)}.chapters h2{font-size:2.2rem;margin-bottom:12px}#roadmapList{display:grid;grid-template-columns:1fr 1fr;gap:0}.chapters article{display:grid;grid-template-columns:5.5rem 1fr;gap:1rem;padding:16px 0;border-top:2px solid var(--ink)}.chapters span{font-weight:800;color:var(--pink-deep)}.close{padding:56px 28px;background:var(--pink);border-top:3px solid var(--ink)}.close h2{font-size:clamp(2.4rem,5vw,4rem);max-width:14ch;line-height:.95;margin-bottom:12px}.close p{max-width:48ch}.close .pink-btn{width:auto;padding:0 22px;margin-top:16px;display:inline-flex}footer{min-height:72px;border-top:3px solid var(--ink);padding:20px 28px;display:flex;justify-content:space-between;gap:24px;font-size:13px;font-weight:700;background:#fff}footer div{display:flex;gap:22px}code{word-break:break-all}