@font-face{font-family:'Lilita One';src:url('/fonts/LilitaOne-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:'Bangers';src:url('/fonts/Bangers-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:'Luckiest Guy';src:url('/fonts/LuckiestGuy-Regular.ttf') format('truetype');font-display:swap}
[hidden]{display:none!important}
:root{--bg:#fff7ee;--card:#fff;--ink:#2b2140;--accent:#ff6fb5;--accent2:#ffd166}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,sans-serif;background:var(--bg);color:var(--ink)}
header{padding:2rem 1rem;text-align:center}
h1{margin:0;font-size:2.2rem}
main{max-width:900px;margin:0 auto;padding:0 1rem 3rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}
.card{background:var(--card);border:3px solid var(--ink);border-radius:20px;padding:1rem;text-align:center;box-shadow:4px 4px 0 var(--ink)}
.card h3{margin:.5rem 0 1rem;word-break:break-word}
button{font:inherit;cursor:pointer;border:3px solid var(--ink);border-radius:14px;background:var(--accent);color:var(--ink);padding:.5rem 1rem;font-weight:700}
button:hover{background:var(--accent2)}
button.playing{background:var(--accent2)}
button.danger{background:#fff;font-size:.85rem;margin-top:.5rem}
input{font:inherit;padding:.5rem;border:3px solid var(--ink);border-radius:12px;max-width:100%}
form{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;align-items:center}
.msg{min-height:1.4rem;font-weight:700}
.defs{position:absolute;width:0;height:0}
header,main{position:relative;z-index:1}
#stickers{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.sticker{position:absolute;user-select:none;pointer-events:none;filter:url(#sticker-outline)}
.sticker.text{white-space:nowrap;line-height:1}
.sticker.badge{padding:.25em .7em;border-radius:999px;color:#fff}
.toolbar{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.5rem}
.row{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}
button.vote{background:#fff}
button.vote[aria-pressed="true"]{background:var(--accent)}
.card.pop{animation:pop .6s ease}
@keyframes pop{0%{transform:scale(1)}35%{transform:scale(1.08) rotate(-2deg)}100%{transform:scale(1)}}