*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100vh}body{margin:0;font-family:Fredoka,system-ui,-apple-system,Segoe UI,sans-serif;font-weight:500;color:#1f1a17;background:#fff6e1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#root{width:100%;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{font-family:inherit}:root{--ink: #1f1a17;--ink-soft: #3a322d;--ink-faint: rgba(31, 26, 23, .55);--paper: #fff6e1;--paper-2: #f2eedf;--paper-3: #ffffff;--hero-red: #e94b3c;--hero-red-deep: #b8372b;--sunny: #ffc93c;--sunny-deep: #d99a17;--strawberry: #f26a8d;--strawberry-deep: #c64a6c;--mint: #a6d89c;--mint-deep: #6cae6a;--sky: #7cc3d8;--sky-deep: #3f9ab8;--cocoa: #6e4a2e;--cream-frosting: #ffe08a;--r-sm: .5rem;--r-md: 1rem;--r-lg: 1.4rem;--r-pill: 999px;--b-thin: 2px;--b-md: 3px;--b-thick: 4px;--shadow-1: 0 3px 0 var(--ink);--shadow-2: 0 5px 0 var(--ink);--shadow-3: 0 8px 0 var(--ink);--shadow-press: 0 2px 0 var(--ink);--font-display: "Bangers", "Impact", system-ui, sans-serif;--font-body: "Fredoka", "Nunito", system-ui, sans-serif;--font-hand: "Patrick Hand", "Comic Sans MS", cursive;--pop: cubic-bezier(.22, 1.4, .36, 1)}body{font-family:var(--font-body);font-weight:500;color:var(--ink);background-color:var(--paper);background-image:radial-gradient(rgba(31,26,23,.07) 1.5px,transparent 1.5px);background-size:16px 16px;background-position:0 0;overflow-x:hidden}.awhd-card{position:relative;min-height:100vh;width:100%;margin:0;padding:clamp(1.25rem,4vw,2.5rem) clamp(1rem,4vw,2rem);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:clamp(.9rem,2.5vw,1.4rem);text-align:center;color:var(--ink);background-color:var(--paper);background-image:radial-gradient(rgba(31,26,23,.08) 1.5px,transparent 1.5px);background-size:18px 18px;box-sizing:border-box;overflow-x:hidden}.awhd-card--cream{background-color:var(--paper)}.awhd-card--red{background-color:var(--hero-red);color:#fff8ec}.awhd-card--sky{background-color:var(--sky)}.awhd-card--mint{background-color:var(--mint)}.awhd-card--sunny{background-color:var(--sunny)}.awhd-card.red{background-color:var(--hero-red);color:#fff8ec}.awhd-card.orange{background-color:var(--sunny)}.awhd-card.teal{background-color:var(--sky)}.awhd-card--red .awhd-title,.awhd-card.red .awhd-title{color:#fffde7;-webkit-text-stroke:2.5px var(--ink)}@media(max-width:480px){.awhd-card{padding:1.25rem 1rem}}.awhd-title{font-family:var(--font-display);font-weight:400;letter-spacing:.04em;font-size:clamp(2rem,9vw,4rem);line-height:1;color:var(--ink);text-shadow:3px 3px 0 #fff,6px 6px 0 var(--ink);transform:rotate(-1.2deg);margin:.5rem 0 .25rem;max-width:92vw}.awhd-card--sky .awhd-title,.awhd-card.teal .awhd-title,.awhd-card--mint .awhd-title,.awhd-card--sunny .awhd-title,.awhd-card.orange .awhd-title{color:#fff;text-shadow:3px 3px 0 var(--ink)}.awhd-eyebrow{font-family:var(--font-body);font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:.85rem;color:var(--ink);background:var(--cream-frosting);border:var(--b-md) solid var(--ink);border-radius:var(--r-pill);padding:.25rem .85rem;box-shadow:var(--shadow-1);transform:rotate(-2deg);display:inline-block}.awhd-sub{font-family:var(--font-hand);font-size:clamp(1.05rem,3.4vw,1.4rem);color:var(--ink);margin:0;max-width:38ch;line-height:1.25}.awhd-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:min(90%,320px);margin:.25rem auto;padding:clamp(.85rem,2.5vw,1.1rem) 1.25rem;font-family:var(--font-display);font-weight:400;letter-spacing:.05em;font-size:clamp(1.1rem,4vw,1.5rem);color:var(--ink);background:var(--cream-frosting);border:var(--b-thick) solid var(--ink);border-radius:var(--r-md);box-shadow:var(--shadow-2);cursor:pointer;text-decoration:none;transition:transform .12s var(--pop),box-shadow .12s var(--pop),background .15s ease;-webkit-tap-highlight-color:transparent}.awhd-btn:hover:not(:disabled){transform:translateY(-2px) rotate(-.5deg);box-shadow:var(--shadow-3)}.awhd-btn:active:not(:disabled){transform:translateY(3px);box-shadow:var(--shadow-press)}.awhd-btn:focus-visible{outline:3px dashed var(--ink);outline-offset:4px}.awhd-btn:disabled{cursor:not-allowed;filter:grayscale(.35)}.awhd-btn--primary,.awhd-btn.red{background:var(--hero-red);color:#fff8ec}.awhd-btn--secondary,.awhd-btn.orange{background:var(--sunny);color:var(--ink)}.awhd-btn--ghost{background:transparent;color:var(--ink)}.awhd-btn--sm{width:auto;padding:.55rem .95rem;font-size:1rem}.awhd-input,input[type=text],input[type=number],input[type=email]{font-family:var(--font-body)!important;font-weight:600!important;font-size:clamp(1rem,3vw,1.25rem)!important;letter-spacing:.02em;text-align:center;width:clamp(160px,60vw,240px)!important;padding:.65rem 1rem!important;color:var(--ink);background:#fff;border:var(--b-thick) solid var(--ink)!important;border-radius:var(--r-md)!important;box-shadow:var(--shadow-1);outline:none;transition:transform .12s var(--pop),box-shadow .12s var(--pop)}.awhd-input:focus,input[type=text]:focus,input[type=number]:focus,input[type=email]:focus{transform:translateY(-1px);box-shadow:var(--shadow-2)}.awhd-input::placeholder{color:var(--ink-faint);font-weight:500}.awhd-input-row{display:inline-flex;align-items:center;gap:.6rem;flex-wrap:wrap;justify-content:center}.awhd-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;font-family:var(--font-body);font-weight:700;font-size:.95rem;color:var(--ink);background:#fff;border:var(--b-md) solid var(--ink);border-radius:var(--r-pill);box-shadow:var(--shadow-1)}.awhd-chip--code{font-family:var(--font-display);letter-spacing:.15em;font-size:1.5rem;padding:.45rem 1.1rem;background:var(--cream-frosting)}.awhd-counter{display:inline-flex;align-items:baseline;gap:.4rem;padding:.5rem 1rem;font-family:var(--font-display);font-size:clamp(1.5rem,6vw,2.25rem);background:#fff;color:var(--ink);border:var(--b-thick) solid var(--ink);border-radius:var(--r-md);box-shadow:var(--shadow-2);transform:rotate(-1.5deg)}.awhd-counter__big{font-size:1.4em;color:var(--hero-red)}.awhd-counter__label{font-family:var(--font-hand);font-size:.55em}.awhd-qr{background:#fff;border:var(--b-thick) solid var(--ink);border-radius:var(--r-md);box-shadow:var(--shadow-3);padding:.9rem;margin:.5rem auto;width:clamp(150px,38vw,220px);height:clamp(150px,38vw,220px);display:flex;align-items:center;justify-content:center;font-family:var(--font-hand);font-size:1rem;color:var(--ink-faint);transform:rotate(-1.5deg)}.awhd-avatars{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(.35rem,1.4vw,.65rem);margin:.25rem 0;max-width:92vw}.awhd-avatar{width:clamp(40px,9vw,56px);height:clamp(40px,9vw,56px);border-radius:50%;background:var(--cream-frosting);border:var(--b-md) solid var(--ink);box-shadow:var(--shadow-1);display:inline-flex;align-items:center;justify-content:center;font-size:clamp(1.3rem,4.5vw,1.9rem);line-height:1;flex-shrink:0}.awhd-avatar:nth-child(odd){transform:rotate(-3deg)}.awhd-avatar:nth-child(2n){transform:rotate(3deg)}.awhd-avatar--empty{background:#ffffff8c;border-style:dashed;box-shadow:none}.awhd-mascot{width:clamp(120px,32vw,220px);height:auto;display:block;margin:.25rem auto;filter:drop-shadow(4px 4px 0 var(--ink));transform:rotate(-2deg)}.awhd-mascot-frame{width:clamp(150px,40vw,240px);aspect-ratio:1;margin:.25rem auto;background:#fff;border:var(--b-thick) solid var(--ink);border-radius:var(--r-md);box-shadow:var(--shadow-3);overflow:hidden;transform:rotate(-2deg)}.awhd-mascot-frame img,.awhd-mascot-frame>*{width:100%;height:100%;object-fit:cover;display:block}.awhd-vote-form{width:100%;align-self:stretch;display:flex;flex-direction:column;align-items:center;gap:.5rem}.awhd-vote-deck{--awhd-card-w: min(82vw, 340px);display:flex;gap:1.1rem;width:100%;max-width:100vw;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:max(1rem,calc((100% - var(--awhd-card-w)) / 2));padding:.75rem max(1rem,calc((100% - var(--awhd-card-w)) / 2)) 1.5rem;margin:0;box-sizing:border-box;-webkit-overflow-scrolling:touch;scrollbar-color:var(--ink) transparent}.awhd-vote-deck::-webkit-scrollbar{height:10px}.awhd-vote-deck::-webkit-scrollbar-thumb{background:var(--ink);border-radius:var(--r-pill)}.awhd-vote-card{flex:0 0 var(--awhd-card-w);scroll-snap-align:center;display:flex;flex-direction:column;text-align:center;min-height:clamp(380px,68vh,480px);padding:1rem 1rem 1.1rem;margin:0;background:var(--paper-3);color:var(--ink);border:var(--b-thick) solid var(--ink);border-radius:var(--r-md);box-shadow:var(--shadow-3);font-family:var(--font-body);cursor:pointer;transition:transform .15s var(--pop),box-shadow .15s var(--pop),background .15s ease,border-color .15s ease;box-sizing:border-box}.awhd-vote-card:nth-child(odd){transform:rotate(-1.2deg)}.awhd-vote-card:nth-child(2n){transform:rotate(1.2deg)}.awhd-vote-card:hover{transform:translateY(-3px) rotate(0);box-shadow:0 11px 0 var(--ink)}.awhd-vote-card:active{transform:translateY(3px);box-shadow:var(--shadow-press)}.awhd-vote-card:focus-visible{outline:3px dashed var(--hero-red);outline-offset:4px}.awhd-vote-card--selected,.awhd-vote-card[aria-selected=true]{background:var(--cream-frosting);border-color:var(--hero-red);box-shadow:0 8px 0 var(--hero-red)}.awhd-vote-card__title{font-family:var(--font-display);font-weight:400;letter-spacing:.04em;font-size:clamp(1.15rem,4.2vw,1.5rem);line-height:1.05;color:var(--ink);margin:0 0 .6rem}.awhd-vote-card__art{width:100%;max-width:100%;aspect-ratio:1;margin:0 auto .8rem;flex-shrink:0;display:block;overflow:hidden;background:var(--paper-2);border-radius:var(--r-sm);border:var(--b-md) solid var(--ink);box-shadow:inset 0 2px #ffffff80}.awhd-vote-card__img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.awhd-vote-card__desc{margin:0;flex:1;font-family:var(--font-hand);font-size:clamp(.95rem,3vw,1.1rem);line-height:1.3;color:var(--ink);text-align:center}.awhd-speech{position:relative;display:inline-block;max-width:32ch;padding:.75rem 1.1rem;background:#fff;color:var(--ink);border:var(--b-md) solid var(--ink);border-radius:var(--r-md);box-shadow:var(--shadow-1);font-family:var(--font-hand);font-size:clamp(1rem,3vw,1.3rem);line-height:1.25}.awhd-speech:after,.awhd-speech:before{content:"";position:absolute;left:24px;bottom:-18px;width:0;height:0;border:12px solid transparent;border-top-color:var(--ink);border-bottom:0}.awhd-speech:after{bottom:-13px;border-top-color:#fff}.awhd-stack{display:flex;flex-direction:column;align-items:center;gap:var(--awhd-stack-gap, 1rem);width:100%}.awhd-stack--tight{--awhd-stack-gap: .5rem}.awhd-stack--loose{--awhd-stack-gap: 1.5rem}.awhd-error{font-family:var(--font-hand);font-size:1rem;color:var(--hero-red);background:#fff;border:var(--b-md) solid var(--hero-red);border-radius:var(--r-md);padding:.5rem 1rem;margin:0;box-shadow:var(--shadow-1);max-width:32ch;text-align:center}.awhd-avatar-picker{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:min(380px,92vw)}.awhd-avatar-picker__opt{width:clamp(44px,11vw,56px);height:clamp(44px,11vw,56px);font-size:clamp(1.3rem,5vw,1.8rem);display:inline-flex;align-items:center;justify-content:center;background:#fff;border:var(--b-md) solid var(--ink);border-radius:50%;box-shadow:var(--shadow-1);cursor:pointer;transition:transform .12s var(--pop),box-shadow .12s var(--pop),background .1s ease;padding:0;line-height:1}.awhd-avatar-picker__opt:hover{transform:translateY(-2px) scale(1.08);box-shadow:var(--shadow-2)}.awhd-avatar-picker__opt--selected{background:var(--cream-frosting);border-color:var(--hero-red);box-shadow:0 4px 0 var(--hero-red);transform:translateY(-2px) scale(1.1)}.awhd-input--code{letter-spacing:.25em;text-transform:uppercase;font-family:var(--font-display)!important;font-size:clamp(1.4rem,5vw,1.8rem)!important;width:clamp(130px,40vw,180px)!important}.awhd-results-breakdown{display:flex;flex-direction:column;gap:.5rem;width:min(90%,340px)}.awhd-results-row{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;background:#fff;border:var(--b-md) solid var(--ink);border-radius:var(--r-md);box-shadow:var(--shadow-1);font-family:var(--font-body);font-size:clamp(.95rem,3vw,1.1rem)}.awhd-results-row__emoji{font-size:1.5rem;line-height:1}.awhd-results-row__label{flex:1;font-weight:600;text-align:left}.awhd-results-row__count{font-family:var(--font-display);font-size:1.3rem;color:var(--hero-red)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.awhd-vote-card,.awhd-avatar,.awhd-title,.awhd-counter,.awhd-mascot,.awhd-mascot-frame,.awhd-qr,.awhd-eyebrow{transform:none!important}}@media(max-height:540px)and (orientation:landscape){.awhd-card{padding:1rem;gap:.6rem}.awhd-title{font-size:clamp(1.6rem,6vw,2.6rem)}.awhd-mascot,.awhd-mascot-frame{width:clamp(96px,18vw,140px)}.awhd-vote-card{min-height:clamp(240px,70vh,320px)}}