html,body,body.public-page,button,input,select,textarea{font-family:'Comic Sans MS','Comic Sans',cursive}body.public-page .hero h1{font-weight:700;letter-spacing:-3px}.public-page .section-head h2{font-weight:700}.public-page .brand-wordmark{letter-spacing:-1px}
[hidden]{display:none!important}
header nav{gap:12px}header nav a{display:flex;align-items:center;justify-content:center;min-height:45px;padding:11px 21px;border:1px solid #b68eea80!important;border-radius:14px;background:linear-gradient(125deg,#463258,#2e2541);color:#e8d8fc;font-weight:700;font-size:13px;box-shadow:inset 0 1px 0 #efdfff13,0 5px 16px #0002;transition:translate .2s,box-shadow .2s,background .2s}header nav a[href='/vote']{background:linear-gradient(125deg,#3c345d,#292942);border-color:#a69be980!important;color:#dddfff}header nav a.active{background:linear-gradient(115deg,#bf9bea,#e1b2f1);color:#2a1738!important;border-color:#efd7ff!important;box-shadow:0 0 23px #bb88e635,inset 0 1px 0 #ffffff50}header nav a:hover{translate:0 -2px;box-shadow:0 6px 24px #b48add35}header nav a.active:hover{box-shadow:0 7px 27px #bf96e74a}
.page-controls{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:20px;border:1px solid #76538c;border-radius:15px;background:linear-gradient(120deg,#30243e,#252031);padding:21px;margin:0 0 25px}.page-controls h2{margin:0;font-size:19px}.page-controls .help{margin:6px 0 0;max-width:550px}.page-controls label{margin:0;display:flex;gap:10px;align-items:center;font-size:13px;white-space:nowrap}.page-controls input{width:19px;height:19px;accent-color:#c69ae8}.page-controls>p{grid-column:1/-1;margin:0;color:#d6b4f1}.page-paused{min-height:54vh;padding:70px 0;max-width:800px}.page-paused h1{font-size:clamp(32px,5vw,60px);line-height:1.25;color:#dac0f6;letter-spacing:-1px}.page-paused p{color:var(--muted);line-height:1.8;margin-bottom:35px}.page-paused a{display:inline-block}
.public-page .category{position:relative}.pixel-runner{position:absolute;left:0;top:0;width:64px;height:64px;pointer-events:none;z-index:4;will-change:transform;transform-origin:center;filter:drop-shadow(0 3px 2px #0004)}.runner-sprite{display:block;width:100%;height:100%;background-image:url('/assets/mascots/potato-run-cycle.png');background-size:300% 200%;background-repeat:no-repeat;image-rendering:pixelated;animation:potato-run .65s steps(1,end) infinite}.runner-sleeping .runner-sprite{animation-play-state:paused}@keyframes potato-run{0%{background-position:0% 0%}16.666%{background-position:50% 0%}33.333%{background-position:100% 0%}50%{background-position:0% 100%}66.666%{background-position:50% 100%}83.333%,100%{background-position:100% 100%}}
@media(max-width:850px){.page-controls{grid-template-columns:1fr 1fr}.page-controls>div,.page-controls>p{grid-column:1/-1}}@media(max-width:650px){header nav{gap:9px}header nav a{flex:1;min-width:0;font-size:11px;padding:10px 12px;min-height:43px}.public-page .hero h1{letter-spacing:-2px}.pixel-runner{width:49px;height:49px}.page-controls{padding:15px;gap:15px}.page-controls label{font-size:11px}}
.runner-sprite.tomato-actor{position:relative;background-image:none;animation:none}.tomato-body{position:absolute;inset:0 0 auto;height:90%;background-size:contain;background-position:center;background-repeat:no-repeat;image-rendering:pixelated;z-index:2;animation:tomato-bob .24s ease-in-out infinite alternate}.tomato-leg{position:absolute;top:67%;width:23%;height:30%;background-size:190% 160%;background-position:center center;background-repeat:no-repeat;image-rendering:pixelated;transform-origin:50% 12%;animation:tomato-stride .48s ease-in-out infinite}.tomato-leg-back{left:32%;z-index:1;filter:brightness(.8)}.tomato-leg-front{left:48%;z-index:1;animation-delay:-.24s}.runner-sleeping .tomato-body,.runner-sleeping .tomato-leg{animation-play-state:paused}@keyframes tomato-stride{0%,100%{transform:translateX(-2px) rotate(28deg)}50%{transform:translate(2px,-2px) rotate(-28deg)}}@keyframes tomato-bob{from{transform:translateY(0)}to{transform:translateY(-1.5px)}}
@media(prefers-reduced-motion:reduce){.pixel-runner{display:none}header nav a{transition:none}header nav a:hover{translate:none}}