html{font-size:clamp(16px,1.25vw,32px)}html,body{margin:0;padding:0;background-color:var(--add-yellow);overscroll-behavior-y:none}#root{min-height:100vh;background-color:var(--add-yellow)}:root{--add-yellow: #F2D233;--add-ink: #363020;--add-charcoal: #605C4E;--add-white: #D0CCD0;--add-orange: #FF4A1C;--add-error: var(--add-orange);--add-bg: var(--add-yellow);--add-surface: var(--add-white);--add-cta-bg: var(--add-ink);--add-cta-fg: var(--add-yellow);--add-text: var(--add-ink);--add-well: color-mix(in srgb, var(--add-yellow) 30%, var(--add-white));--add-versus-1: #363020;--add-versus-2: #605C4E;--add-versus-3: #FF4A1C;--add-versus-4: #8A3A18;--add-versus-5: #45412F;--add-card-1: #D0CCD0;--add-card-2: #DDD9DD;--add-card-3: #C4C0C4;--add-font-display: "Teko", system-ui, sans-serif;--add-font-body: "Archivo", system-ui, sans-serif;--add-col-width: min(100%, max(360px, 45vw));--add-space-3xs: .1875rem;--add-space-2xs: .25rem;--add-space-xs: .375rem;--add-space-sm: .5rem;--add-space-md: .75rem;--add-space-lg: 1rem;--add-space-xl: 1.25rem;--add-space-2xl: 1.5rem;--add-space-3xl: 1.875rem;--add-control-slot-w: 6.75rem;--add-control-slot-h: 5rem;--add-control-pad-y: .875rem;--add-control-pad-x: 1.5rem;--add-control-font: 1.1875rem;--add-control-pad-y-sm: .5rem;--add-control-pad-x-sm: 1rem;--add-control-font-sm: .875rem;--add-control-pad-y-lg: 1.125rem;--add-control-pad-x-lg: 1.875rem;--add-control-font-lg: 1.4375rem;--add-border: .25rem solid var(--add-ink);--add-border-sm: .1875rem solid var(--add-ink);--add-border-thin: .125rem solid var(--add-ink);--add-radius-pill: 9999px;--add-radius-input: .625rem;--add-radius-sm: .75rem;--add-radius: .875rem;--add-radius-lg: 1rem;--add-radius-xl: 1.25rem;--add-shadow-sm: .1875rem .1875rem 0 var(--add-ink);--add-shadow: .3125rem .3125rem 0 var(--add-ink);--add-shadow-pop: .4375rem .4375rem 0 var(--add-orange);--add-shadow-modal: .5rem .5rem 0 var(--add-ink);--add-ease: .12s ease;--add-lift: translate(-.125rem,-.125rem)}.add-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--add-space-sm);font-family:var(--add-font-display);font-weight:600;letter-spacing:.04em;text-transform:uppercase;line-height:1;white-space:nowrap;border:var(--add-border);border-radius:var(--add-radius);background:var(--add-cta-bg);color:var(--add-cta-fg);box-shadow:var(--add-shadow-sm);cursor:pointer;padding:var(--add-control-pad-y) var(--add-control-pad-x);font-size:var(--add-control-font);transition:transform var(--add-ease),box-shadow var(--add-ease)}.add-btn:hover{transform:var(--add-lift);box-shadow:var(--add-shadow-pop)}.add-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:var(--add-shadow-sm)}.add-btn--sm{padding:var(--add-control-pad-y-sm) var(--add-control-pad-x-sm);font-size:var(--add-control-font-sm)}.add-btn--lg{padding:var(--add-control-pad-y-lg) var(--add-control-pad-x-lg);font-size:var(--add-control-font-lg)}.add-btn--yellow{background:var(--add-yellow);color:var(--add-ink)}.add-btn--white{background:var(--add-white);color:var(--add-ink)}.add-btn--ghost{background:transparent;color:var(--add-ink);border:var(--add-border-sm)}:focus-visible{outline:.1875rem solid var(--add-orange);outline-offset:.125rem}.add-card{background:var(--add-surface);border:var(--add-border);border-radius:var(--add-radius);box-shadow:var(--add-shadow)}.add-card--interactive{cursor:pointer;transition:transform var(--add-ease),box-shadow var(--add-ease)}.add-card--interactive:hover{transform:var(--add-lift);box-shadow:var(--add-shadow-pop)}.add-pill{display:inline-block;background:var(--add-ink);color:var(--add-yellow);border-radius:var(--add-radius-pill);padding:.25rem .75rem .1875rem;font-family:var(--add-font-display);font-weight:600;font-size:.875rem;letter-spacing:.04em;text-transform:uppercase;line-height:1}.add-input{width:100%;box-sizing:border-box;background:var(--add-yellow);border:var(--add-border);border-radius:var(--add-radius-input);padding:var(--add-space-md) var(--add-space-lg);font-family:var(--add-font-body);font-weight:700;font-size:.875rem;color:var(--add-ink)}.add-input::placeholder{color:color-mix(in srgb,var(--add-ink) 50%,transparent)}.add-input:focus{outline:none}.add-slot{width:var(--add-control-slot-w);height:var(--add-control-slot-h);background:var(--add-white);border:var(--add-border);border-radius:var(--add-radius);box-shadow:var(--add-shadow-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--add-space-3xs);padding:var(--add-space-xs);cursor:pointer}@keyframes add-livepulse{0%,to{opacity:1}50%{opacity:.25}}@keyframes add-vibrate{0%,to{transform:translate(0)}15%{transform:translate(-4px)}30%{transform:translate(4px)}45%{transform:translate(-3px)}60%{transform:translate(3px)}75%{transform:translate(-2px)}90%{transform:translate(2px)}}@keyframes add-fb-spiral{0%{transform:translateY(-55px) scaleY(.2);opacity:1}25%{transform:translateY(0) scaleY(1);opacity:1}50%{transform:translateY(55px) scaleY(.2);opacity:1}50.01%{transform:translateY(55px) scaleY(.2);opacity:0}99.99%{transform:translateY(-55px) scaleY(.2);opacity:0}to{transform:translateY(-55px) scaleY(.2);opacity:1}}@keyframes add-fb-wobble{0%{transform:rotate(0)}6.25%{transform:rotate(.77deg)}12.5%{transform:rotate(1.41deg)}18.75%{transform:rotate(1.85deg)}25%{transform:rotate(2deg)}31.25%{transform:rotate(1.85deg)}37.5%{transform:rotate(1.41deg)}43.75%{transform:rotate(.77deg)}50%{transform:rotate(0)}56.25%{transform:rotate(-.77deg)}62.5%{transform:rotate(-1.41deg)}68.75%{transform:rotate(-1.85deg)}75%{transform:rotate(-2deg)}81.25%{transform:rotate(-1.85deg)}87.5%{transform:rotate(-1.41deg)}93.75%{transform:rotate(-.77deg)}to{transform:rotate(0)}}@keyframes add-bball-bounce{0%{transform:translateY(-3.3125rem) scaleX(1) scaleY(1);animation-timing-function:cubic-bezier(.55,0,1,.45)}50%{transform:translateY(.5625rem) scaleX(1.16) scaleY(.82);animation-timing-function:cubic-bezier(0,.55,.45,1)}to{transform:translateY(-3.3125rem) scaleX(1) scaleY(1)}}@keyframes add-bball-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes add-bball-trail{0%{transform:translate(0)}to{transform:translate(-2.625rem)}}@keyframes add-bball-shadow{0%{transform:translate(-50%) scaleX(.35);animation-timing-function:cubic-bezier(.55,0,1,.45)}50%{transform:translate(-50%) scaleX(1);animation-timing-function:cubic-bezier(0,.55,.45,1)}to{transform:translate(-50%) scaleX(.35)}}@keyframes add-comet-flicker{0%,to{transform:scaleX(1) scaleY(1)}50%{transform:scaleX(1.08) scaleY(.9)}}@keyframes add-baseball-wobble{0%,to{transform:translate(0)}16%{transform:translate(-.6px,.4px)}33%{transform:translate(.5px,-.5px)}50%{transform:translate(-.4px,.5px)}66%{transform:translate(.5px,.3px)}83%{transform:translate(-.3px,-.4px)}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}@media (max-width: 560px){.add-brand-sub{display:none}}@media (max-width: 480px){.add-brand-text{display:none}}:root[data-palette=classic-ink]{--add-yellow: #F2D233;--add-charcoal: #2D2D2D;--add-ink: #141414;--add-white: #FFFFFF;--add-orange: #cc2200;--add-error: #cc2200;--add-shadow-pop: .4375rem .4375rem 0 var(--add-ink);--add-well: #FFF9E6;--add-versus-1: #141414;--add-versus-2: #2D2D2D;--add-versus-3: #B91C1C;--add-versus-4: #1B3A6B;--add-versus-5: #1A3D2B;--add-card-1: #FFFFFF;--add-card-2: #FFF9E6;--add-card-3: #F5F0E0}:root[data-palette=dark-charcoal]{--add-orange: #FF4433;--add-yellow: #2D2D2D;--add-charcoal: #F2D233;--add-ink: #141414;--add-white: #FFFFFF;--add-error: #FF4433;--add-versus-1: #141414;--add-versus-2: #4A4A4A;--add-versus-3: #E63946;--add-versus-4: #2E5C8A;--add-versus-5: #3FA66B;--add-card-1: #FFFFFF;--add-card-2: #E8E8E8;--add-card-3: #F0EAD6}:root[data-palette=sunset-arcade]{--add-orange: #C81E3A;--add-yellow: #FF6B4A;--add-charcoal: #4A1942;--add-ink: #2B0F26;--add-white: #FFF6EE;--add-error: #C81E3A;--add-versus-1: #2B0F26;--add-versus-2: #4A1942;--add-versus-3: #C81E3A;--add-versus-4: #1B5E6B;--add-versus-5: #2E7D4F;--add-card-1: #FFF6EE;--add-card-2: #FFEFD6;--add-card-3: #FFE4C4}:root[data-palette=arctic-turf]{--add-orange: #E63946;--add-yellow: #00C2A8;--add-charcoal: #0B2545;--add-ink: #05131F;--add-white: #FFFFFF;--add-error: #E63946;--add-versus-1: #05131F;--add-versus-2: #0B2545;--add-versus-3: #E63946;--add-versus-4: #00C2A8;--add-versus-5: #F2D233;--add-card-1: #FFFFFF;--add-card-2: #EAF6F3;--add-card-3: #E3EEF7}