:root{--so-color-bg:#fffdf7;--so-color-surface:#fff;--so-color-ink:#1c1c2e;--so-color-ink-muted:#5c5f73;--so-color-accent:#cc2a08;--so-color-accent-ink:#fff;--so-color-border:#ead7c8;--so-font-display:"Arial Black", "Helvetica Neue", Arial, sans-serif;--so-font-body:"Trebuchet MS", "Lucida Grande", Verdana, sans-serif;--so-font-mono:ui-monospace, Menlo, Consolas, "Courier New", monospace;--so-radius:4px;--so-space:16px;--so-link-style:bold;--so-card-style:lined;--so-form-style:filled;--so-space-2xs:calc(var(--so-space) * .25);--so-space-xs:calc(var(--so-space) * .5);--so-space-sm:calc(var(--so-space) * 1);--so-space-ms:calc(var(--so-space) * 1.5);--so-space-md:calc(var(--so-space) * 2);--so-space-ml:calc(var(--so-space) * 2.5);--so-space-lg:calc(var(--so-space) * 3);--so-space-2xl:calc(var(--so-space) * 4);--so-space-xl:calc(var(--so-space) * 6);--so-radius-sm:calc(var(--so-radius) * .5);--so-radius-md:calc(var(--so-radius) * 1);--so-radius-lg:calc(var(--so-radius) * 2);--so-radius-card:calc(var(--so-radius) * 4);--so-radius-pill:calc(var(--so-radius) * 12);--so-text-xs:.75rem;--so-text-sm:.875rem;--so-text-md:1rem;--so-text-lg:1.25rem;--so-text-xl:2rem;--so-text-xxl:clamp(2rem, 5vw, 3.2rem);--so-color-yellow:#ffcb05;--so-color-yellow-deep:#e0a800;--so-color-blue:#2a63c4;--so-color-blue-deep:#1b3f8a;--so-color-blue-ink:#fff;--so-color-accent-deep:#8f1c04;--so-color-focus:#2a63c4;--so-line:3px;--so-color-background:var(--so-color-bg);--so-color-primary:var(--so-color-accent);--so-color-text:var(--so-color-ink);--so-color-muted:var(--so-color-ink-muted);--so-font-sans:var(--so-font-body)}*,:before,:after{box-sizing:border-box}html,body,#app{height:100%}body{background-color:var(--so-color-background);background-image:var(--so-background-image,none);color:var(--so-color-text);font-family:var(--so-font-sans);font-size:var(--so-text-md);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll;margin:0;line-height:1.5}a{color:var(--so-color-blue-deep);font-weight:700;text-decoration-thickness:2px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:var(--so-line) solid var(--so-color-focus);outline-offset:2px}h1,h2,h3{font-family:var(--so-font-display)}code,pre{font-family:var(--so-font-mono)}.site-shell{flex-direction:column;min-height:100%;display:flex}.site-main{background-image:radial-gradient(var(--so-color-border) 1.2px, transparent 1.2px);background-size:22px 22px;flex:1}.wrap{max-width:1180px;padding:0 var(--so-space-sm);margin:0 auto}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header{background:var(--so-color-accent);color:var(--so-color-accent-ink);border-bottom:calc(var(--so-line) * 2) solid var(--so-color-ink)}.site-header__inner{justify-content:space-between;align-items:center;gap:var(--so-space-sm);max-width:1180px;padding:var(--so-space-sm);flex-wrap:wrap;margin:0 auto;display:flex}.site-header__brand{align-items:center;gap:var(--so-space-xs);color:var(--so-color-accent-ink);text-decoration:none;display:flex}.site-header__brand .poke-ball{flex:none;width:42px;height:42px}.site-header__name{font-family:var(--so-font-display);font-size:var(--so-text-lg);letter-spacing:.01em;text-shadow:2px 2px 0 var(--so-color-ink);line-height:1.1}.site-header__tag{font-family:var(--so-font-body);font-size:var(--so-text-xs);text-shadow:none;opacity:.95;font-weight:400;display:block}.site-header__nav{gap:var(--so-space-2xs);flex-wrap:wrap;display:flex}.site-header__nav a{color:var(--so-color-accent-ink);padding:var(--so-space-2xs) var(--so-space-sm);border:var(--so-line) solid transparent;border-radius:var(--so-radius-pill);font-weight:700;text-decoration:none;display:inline-block}.site-header__nav a:hover{border-color:var(--so-color-accent-ink)}.site-header__nav a.router-link-exact-active{background:var(--so-color-yellow);color:var(--so-color-ink);border-color:var(--so-color-ink)}.poke-ball__top{fill:var(--so-color-accent);stroke:var(--so-color-ink);stroke-width:4px}.poke-ball__bottom,.poke-ball__button{fill:var(--so-color-surface);stroke:var(--so-color-ink);stroke-width:4px}.poke-ball__band{stroke:var(--so-color-ink);stroke-width:6px}.language-switcher{align-items:center;gap:var(--so-space-xs);color:var(--so-color-accent-ink);font-size:var(--so-text-sm);display:flex}.language-switcher__select{color:var(--so-color-ink);background:var(--so-color-surface);border:2px solid var(--so-color-ink);border-radius:var(--so-radius-pill);padding:2px var(--so-space-xs);font:inherit;font-weight:700}.pagehead{background:var(--so-color-yellow);border-bottom:calc(var(--so-line) * 2) solid var(--so-color-ink)}.pagehead--blue{background:var(--so-color-blue);color:var(--so-color-blue-ink)}.pagehead__inner{gap:var(--so-space-ms);max-width:1180px;padding:var(--so-space-ml) var(--so-space-sm);grid-template-columns:1fr auto;align-items:end;margin:0 auto;display:grid}.pagehead h1{font-size:var(--so-text-xxl);margin:0 0 var(--so-space-xs);text-shadow:3px 3px 0 var(--so-color-surface);line-height:1.05}.pagehead--blue h1{text-shadow:3px 3px 0 var(--so-color-ink)}.pagehead p{max-width:56ch;font-size:var(--so-text-lg);margin:0}.btn{justify-content:center;align-items:center;gap:var(--so-space-2xs);font-family:var(--so-font-display);font-size:var(--so-text-sm);cursor:pointer;background:var(--so-color-accent);color:var(--so-color-accent-ink);border:var(--so-line) solid var(--so-color-ink);border-radius:var(--so-radius-pill);padding:var(--so-space-2xs) var(--so-space-sm);box-shadow:3px 3px 0 var(--so-color-ink);text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn:hover{box-shadow:4px 4px 0 var(--so-color-ink);transform:translate(-1px,-1px)}.btn:active{box-shadow:1px 1px 0 var(--so-color-ink);transform:translate(2px,2px)}.btn:disabled{cursor:progress;opacity:.7}.btn--blue{background:var(--so-color-blue);color:var(--so-color-blue-ink)}.btn--ghost{background:var(--so-color-surface);color:var(--so-color-ink);box-shadow:none}.btn--voted{background:var(--so-color-yellow);color:var(--so-color-ink);cursor:default}.btn--voted:hover,.btn--voted:active{box-shadow:3px 3px 0 var(--so-color-ink);transform:none}.btn__check{fill:none;width:18px;height:18px;stroke:var(--so-color-ink);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.num-badge{font-family:var(--so-font-mono);font-size:var(--so-text-xs);background:var(--so-color-blue);color:var(--so-color-blue-ink);border:2px solid var(--so-color-ink);border-radius:var(--so-radius-pill);padding:0 var(--so-space-xs);font-weight:700;display:inline-block}.ribbon{font-family:var(--so-font-display);font-size:var(--so-text-xs);text-transform:uppercase;letter-spacing:.06em;background:var(--so-color-accent);color:var(--so-color-accent-ink);border:2px solid var(--so-color-ink);border-radius:var(--so-radius-pill);padding:0 var(--so-space-xs);display:inline-block}.live{align-items:center;gap:var(--so-space-xs);background:var(--so-color-surface);border:var(--so-line) solid var(--so-color-ink);border-radius:var(--so-radius-pill);padding:var(--so-space-2xs) var(--so-space-sm);font-size:var(--so-text-sm);box-shadow:4px 4px 0 var(--so-color-ink);display:inline-flex}.live__dot{background:var(--so-color-accent);border:2px solid var(--so-color-ink);width:12px;height:12px;box-shadow:0 0 0 3px var(--so-color-yellow);border-radius:50%}.live b{font-family:var(--so-font-display);color:var(--so-color-accent)}.pic{aspect-ratio:1;width:100%;max-width:128px;display:block}.pic img{object-fit:contain;width:100%;height:100%;display:block}.pic--empty{border:2px dashed var(--so-color-border);border-radius:var(--so-radius-card)}.card{background:var(--so-color-surface);border:var(--so-line) solid var(--so-color-ink);border-radius:var(--so-radius-card);position:relative}.panel{background:var(--so-color-surface);border:var(--so-line) solid var(--so-color-ink);border-radius:var(--so-radius-card);box-shadow:8px 8px 0 var(--so-color-blue);overflow:hidden}.note{background:var(--so-color-surface);border:var(--so-line) solid var(--so-color-ink);border-radius:var(--so-radius-card);padding:var(--so-space-sm) var(--so-space-ms)}.note h3{font-size:var(--so-text-md);margin:0 0 var(--so-space-2xs)}.note p{margin:0 0 var(--so-space-xs);font-size:var(--so-text-sm)}.note p:last-child{margin-bottom:0}.note--blue{background:var(--so-color-blue);color:var(--so-color-blue-ink)}.note--blue a{color:var(--so-color-blue-ink)}.callout{gap:var(--so-space-sm);background:var(--so-color-surface);border:var(--so-line) dashed var(--so-color-blue);border-radius:var(--so-radius-card);padding:var(--so-space-sm) var(--so-space-ms);flex-wrap:wrap;align-items:center;display:flex}.callout--red{border-color:var(--so-color-accent)}.callout p{flex:1;min-width:220px;margin:0}.form-row{margin-bottom:var(--so-space-sm)}.form-row label{font-weight:700;display:block}.form-row__opt{color:var(--so-color-muted);font-weight:400;font-size:var(--so-text-sm)}.form-row input,.form-row textarea{width:100%;font:inherit;color:var(--so-color-ink);margin-top:var(--so-space-2xs);background:var(--so-color-bg);border:var(--so-line) solid var(--so-color-ink);border-radius:var(--so-radius-card);padding:var(--so-space-xs) var(--so-space-sm)}.form-row textarea{resize:vertical;min-height:110px}.form-row__help{font-size:var(--so-text-sm);color:var(--so-color-muted);margin:var(--so-space-2xs) 0 0}.form-message{margin:0 0 var(--so-space-sm);padding:var(--so-space-xs) var(--so-space-sm);border:2px solid var(--so-color-ink);border-radius:var(--so-radius-card);background:var(--so-color-yellow);font-weight:700}.form-message--error{background:var(--so-color-surface);border-color:var(--so-color-accent);color:var(--so-color-accent)}.bar{background:var(--so-color-bg);border:2px solid var(--so-color-ink);border-radius:var(--so-radius-pill);height:18px;display:block;overflow:hidden}.bar__fill{background:var(--so-color-blue);border-right:2px solid var(--so-color-ink);min-width:0;height:100%;transition:width .4s;display:block}.placeholder-page{max-width:40rem;padding:var(--so-space-xl) var(--so-space-lg);margin:0 auto}.site-footer{background:var(--so-color-blue);color:var(--so-color-blue-ink);border-top:calc(var(--so-line) * 2) solid var(--so-color-ink);padding:var(--so-space-ml) 0}.site-footer__inner{max-width:1180px;padding:0 var(--so-space-sm);margin:0 auto}.site-footer__cols{gap:var(--so-space-ml);grid-template-columns:1.2fr 1fr 1fr;display:grid}.site-footer h2{font-size:var(--so-text-md);margin:0 0 var(--so-space-xs);text-transform:uppercase;letter-spacing:.06em}.site-footer p{margin:0 0 var(--so-space-xs);font-size:var(--so-text-sm)}.site-footer a{color:var(--so-color-blue-ink)}.site-footer ul{margin:0;padding:0;list-style:none}.site-footer li{margin-bottom:var(--so-space-2xs)}.site-footer__fine{margin:var(--so-space-ms) 0 0;padding-top:var(--so-space-sm);border-top:1px solid var(--so-color-blue-deep);font-size:var(--so-text-xs);opacity:.9}@media (width<=900px){.site-footer__cols{grid-template-columns:1fr 1fr}}@media (width<=600px){.site-header__inner{padding:var(--so-space-xs) var(--so-space-sm) var(--so-space-sm);flex-direction:column;align-items:stretch}.site-header__name{font-size:var(--so-text-md)}.site-header__nav{flex-direction:column}.site-header__nav a{display:block}.language-switcher{justify-content:flex-start}.pagehead__inner,.site-footer__cols{grid-template-columns:1fr}}
