:root{--pink:#ff2e88;--yel:#ffe500;--cyan:#00e5ff;--ink:#111;--cream:#fff6e3}
body{margin:0;font-family:'Bricolage Grotesque',sans-serif;color:var(--ink);background:var(--cream);
background-image:radial-gradient(rgba(0,0,0,.09) 1.3px,transparent 1.4px);background-size:14px 14px}
.anton{font-family:'Anton',Impact,sans-serif;letter-spacing:.02em}
.brut{border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);border-radius:14px;background:#fff}
.btn{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:12px;font-weight:800;transition:transform .1s,box-shadow .1s}
.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}
.btn:disabled{opacity:.5;pointer-events:none}
.shake:hover{animation:shake .35s infinite}
@keyframes shake{0%,100%{transform:rotate(0)}25%{transform:rotate(-2deg) scale(1.03)}75%{transform:rotate(2deg) scale(1.03)}}
.wobble{animation:wob 1.2s ease-in-out infinite}
@keyframes wob{0%,100%{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}
.title{-webkit-text-stroke:2px var(--ink);text-shadow:5px 5px 0 var(--ink);color:#fff}
.rise{animation:rise .5s both}
@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.confetti{position:fixed;top:-10px;width:10px;height:14px;z-index:99;animation:fall linear forwards;pointer-events:none}
@keyframes fall{to{transform:translateY(110vh) rotate(720deg)}}
.masonry{columns:2 180px;column-gap:14px}
.masonry>*{break-inside:avoid;margin-bottom:14px}