*{box-sizing:border-box}
:root{--ink:#1B1B2F;--pink:#FF4F9A;--yellow:#FFD93D;--mint:#3DDC97;--blue:#2D5BFF;--paper:#FFF6E5}
body.pg{margin:0;background-color:var(--paper);background-image:radial-gradient(#F3DDB0 2px,transparent 2px);background-size:26px 26px;color:var(--ink);font-family:'Nunito',Arial,sans-serif;font-weight:500;font-size:17px;line-height:1.55}
a{color:var(--ink)}a:hover{color:var(--blue)}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.df,h1,h2,h3{font-family:'Lilita One',Arial,sans-serif;font-weight:400;letter-spacing:.5px;margin:0}
h1{font-size:clamp(34px,6vw,60px);line-height:1.02;margin-bottom:12px}h2{font-size:clamp(26px,4vw,38px);margin:26px 0 12px}h3{font-size:24px;margin-bottom:8px}
.nav{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;padding-top:16px;padding-bottom:16px}
.logo{font-size:30px;text-decoration:none;background:var(--yellow);border:3px solid var(--ink);border-radius:14px;padding:2px 16px;transform:rotate(-2deg);box-shadow:4px 4px 0 var(--ink)}
.navlinks{display:flex;flex-wrap:wrap;gap:18px;align-items:center;font-weight:900}.navlinks a{text-decoration:none}
.body{padding-bottom:40px}
.card{background:#fff;border:3px solid var(--ink);border-radius:22px;box-shadow:6px 6px 0 var(--ink);padding:22px;margin-bottom:24px}
.card.dark{background:var(--ink);color:#fff;box-shadow:6px 6px 0 var(--pink)}.card.yellow{background:var(--yellow)}.card.mint{background:var(--mint)}.card.pink{background:var(--pink)}.card.blue{background:var(--blue);color:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:0 22px}
.grid.g2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid.g4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.btn,button.btn{display:inline-block;border:3px solid var(--ink);border-radius:999px;padding:10px 24px;font-family:'Lilita One',Arial,sans-serif;font-size:19px;box-shadow:4px 4px 0 var(--ink);color:var(--ink);background:var(--yellow);cursor:pointer;text-decoration:none}
.btn.pink{background:var(--pink)}.btn.mint{background:var(--mint)}.btn.white{background:#fff}.btn.small{padding:4px 16px;font-size:16px;box-shadow:3px 3px 0 var(--ink)}.btn:hover{color:var(--ink);transform:translate(-2px,-2px)}
.linkbtn{background:none;border:0;font:inherit;font-weight:900;cursor:pointer;padding:0;color:var(--ink)}.inline{display:inline;margin:0}
.chip{display:inline-block;border:3px solid var(--ink);border-radius:999px;padding:2px 14px;font-weight:900;font-size:15px;background:#fff}
.chip.yellow{background:var(--yellow)}.chip.mint{background:var(--mint)}.chip.pink{background:var(--pink)}
.track{height:26px;background:#fff;border:3px solid var(--ink);border-radius:999px;overflow:hidden}.fill{height:100%}.fill.pink{background:var(--pink)}.fill.mint{background:var(--mint)}.fill.blue{background:var(--blue)}.fill.yellow{background:var(--yellow)}
label{display:block;font-weight:800;margin-bottom:12px}label small,.muted{display:block;font-weight:500;color:#555;font-size:14px}.card.dark .muted,.card.blue .muted{color:#ddd}
input,select,textarea{display:block;width:100%;margin-top:4px;padding:10px 12px;border:3px solid var(--ink);border-radius:12px;font:inherit;background:#fff;color:var(--ink)}
input[type=checkbox],input[type=radio]{display:inline-block;width:auto;margin:0 6px 0 0}input[readonly],textarea[readonly]{background:#E4E7F0}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.msg{padding:10px 16px;border:3px solid var(--ink);border-radius:14px;margin-bottom:16px;font-weight:800}.msg.ok{background:var(--mint)}.msg.bad{background:#FF9AB8}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px 6px;border-bottom:2px dashed #CBBF9F;vertical-align:top}
.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:2px dashed #CBBF9F}
.big{font-family:'Lilita One',Arial,sans-serif;font-size:42px;line-height:1}
.foot{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding-top:20px;padding-bottom:30px;font-size:15px;font-weight:700}
.tick{background:var(--ink);color:var(--yellow);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);padding:10px 0;overflow:hidden;font-family:'Lilita One',Arial,sans-serif;font-size:21px;white-space:nowrap}
.tick div{display:flex;width:max-content;animation:run 30s linear infinite}
@keyframes run{to{transform:translateX(-50%)}}@keyframes bob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}
.bob{animation:bob 3.4s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.tick div,.bob{animation:none}}
.band{border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);padding:50px 0}.band.blue{background:var(--blue);color:#fff}.band.pink{background:var(--pink)}.band.dark{background:var(--ink);color:#fff}
.num{width:50px;height:50px;border:3px solid var(--ink);border-radius:999px;display:flex;align-items:center;justify-content:center;font-family:'Lilita One',Arial,sans-serif;font-size:26px;margin-bottom:10px;box-shadow:3px 3px 0 var(--ink);background:var(--yellow);color:var(--ink)}
.viewer{border:3px solid var(--ink);border-radius:16px;background:#fff;overflow:hidden;color:var(--ink)}
.viewer iframe{display:block;width:100%;height:480px;border:0;background:#fff}
.adtext{padding:30px;min-height:300px;display:flex;flex-direction:column;justify-content:center}.adtext .df{font-size:36px;margin-bottom:12px}
.answers{display:grid;gap:10px;margin-top:12px}.answers button{text-align:left}
.prose p,.prose li{max-width:75ch}.prose h2{margin-top:30px}
.pill-list{display:flex;flex-wrap:wrap;gap:10px}

/* Compact crate store: about 4 per row, small pictures */
.grid.store{grid-template-columns:repeat(4,1fr);gap:0 14px}
.store .card{padding:12px;border-radius:16px;box-shadow:4px 4px 0 var(--ink);margin-bottom:14px;font-size:13px}
.store .card h3{font-size:15px;line-height:1.15;margin:6px 0 4px}
.store .card .muted{font-size:12px;line-height:1.3;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.store .card img{width:72px;height:72px;object-fit:cover;border:2px solid var(--ink);border-radius:10px;margin:0 0 6px;display:block}
.store .card .chip{font-size:11px;padding:2px 8px}
.store .card .row{font-size:12px;margin-bottom:6px}
.store .card .btn.small{padding:5px 10px;font-size:12px}
@media(max-width:900px){.grid.store{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.grid.store{grid-template-columns:repeat(2,1fr)}}

/* Picture-only store tiles */
.store.pics .tile{padding:8px;text-align:center}
.store.pics .pic{position:relative;margin-bottom:8px}
.store.pics .pic img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border:2px solid var(--ink);border-radius:12px;margin:0;display:block}
.store.pics .noimg{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border:2px dashed var(--ink);border-radius:12px;padding:8px;font-weight:800;font-size:13px;background:var(--paper)}
.store.pics .pts{position:absolute;right:6px;bottom:6px;background:var(--yellow);border:2px solid var(--ink);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:900}
.store.pics form{margin:0}