*,*:before,*:after{box-sizing:border-box}html{overflow-x:clip}:root{--pine-teal: #1b4d3e;--blue-spruce: #2a7965;--pumpkin: #d1662d;--sunflower: #f2ba49;--sand: #f7e7ce;--black: #000000}body{margin:0;padding:16px;min-height:100vh;background:var(--pine-teal);color:var(--sand);font-family:Montserrat,Menlo,Consolas,monospace;display:flex;flex-direction:column;justify-content:center;align-items:center}.auth-bar{position:fixed;top:12px;left:12px;z-index:10;display:flex;align-items:center;gap:10px;font-size:14px;padding:6px 14px;background:var(--blue-spruce);border-radius:16px;--auth-bar-bg-shadow: color-mix(in srgb, var(--blue-spruce) 55%, black);box-shadow:0 4px 0 var(--auth-bar-bg-shadow)}.auth-bar:empty{display:none}.auth-avatar{width:36px;height:36px;border-radius:50%;border:2px solid var(--sand);object-fit:cover;display:block}.auth-user{font-weight:600}.auth-nikobux{color:var(--sunflower);font-weight:600;font-variant-numeric:tabular-nums}.auth-bar .button-styled{padding:8px 12px;font-size:14px;border-radius:10px;box-shadow:0 3px 0 var(--btn-shadow)}.info{padding:24px;justify-content:center;text-align:left;color:var(--sand);background-color:var(--blue-spruce);border-radius:24px}a.button-styled{text-decoration:none;display:inline-block}.readout{color:var(--sand);font-size:96px;font-weight:700;line-height:1;min-height:96px}.button-container{margin:12px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px}.button-styled{--btn-bg: var(--sand);--btn-fg: var(--black);--btn-shadow: color-mix(in srgb, var(--btn-bg) 70%, black);background:var(--btn-bg);color:var(--btn-fg);border:none;border-radius:16px;padding:13px 16px;font-size:18px;text-transform:lowercase;box-shadow:0 4px 0 var(--btn-shadow);transition:filter .2s,transform .07s,box-shadow .07s;touch-action:manipulation}.button-styled,.pokemon-sprite,.result-sprite{user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent}.button-styled:hover:not(:disabled):not([aria-disabled=true]){filter:brightness(1.1)}.button-styled[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.button-styled:active,.button-styled.pressed{transform:translateY(4px);box-shadow:0 0 0 var(--btn-shadow)}.button-styled.pumpkin{--btn-bg: var(--pumpkin)}.button-styled.sunflower{--btn-bg: var(--sunflower)}.sixseven{animation:rock-left-right .25s ease-in-out infinite alternate}@keyframes rock-left-right{0%{transform:rotate(-10deg)}to{transform:rotate(10deg)}}body.vote-page,body.results-page,body.home-page{padding:0 24px 24px;justify-content:flex-start}body.vote-page{overflow-x:hidden}@media(max-width:600px){body.vote-page,body.results-page,body.home-page{padding:0 12px 24px}.page-header{gap:8px;padding-block:8px}.auth-bar{padding:4px 10px;gap:6px;font-size:12px}.auth-avatar{width:28px;height:28px}.auth-bar .button-styled{padding:6px 10px;font-size:12px}.page-header .nav-button{padding:8px 12px;font-size:14px}.pokemon-container{gap:8px;padding:12px}.pokemon-sprite,.stacked{width:clamp(56px,18vw,96px);height:clamp(56px,18vw,96px)}.vs{font-size:32px}}.pokemon-container{display:flex;gap:32px;padding:32px;background-color:var(--blue-spruce);border-radius:16px;--pokemon-container-bg-shadow: color-mix(in srgb, var(--blue-spruce) 55%, black);box-shadow:0 4px 0 var(--pokemon-container-bg-shadow);margin:auto;align-self:center;max-width:100%}.pokemon-cell{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.pokemon-name{background:var(--pumpkin);color:var(--sand);padding:4px 12px;border-radius:999px;font-size:14px;font-weight:600;text-transform:lowercase;box-shadow:0 4px color-mix(in srgb,var(--pumpkin) 80%,black);max-width:fit-content;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:0;transition:opacity .12s ease-out;pointer-events:none}.vs{align-self:center;color:var(--sunflower);font-size:64px;font-weight:800;text-transform:lowercase;line-height:1;text-shadow:0 4px 0 color-mix(in srgb,var(--sunflower) 60%,black)}.pokemon-cell:has(.pokemon-sprite.is-ready) .pokemon-name{opacity:1}.pokemon-sprite{width:128px;height:128px;visibility:hidden;opacity:0;image-rendering:auto;transition:opacity .12s ease-out,transform .18s cubic-bezier(.34,1.56,.64,1),filter .18s ease-out}.pokemon-sprite.is-ready{visibility:visible;opacity:1}@media(hover:hover)and (pointer:fine){.pokemon-sprite:hover{transform:scale(1.12)}}.stacked{display:grid;width:128px;height:128px}.stacked-top{grid-area:1 / 1;z-index:1}.stacked-bottom{grid-area:1 / 1;z-index:0}.hole{display:flex;justify-content:center;align-items:flex-end;font-size:64px;line-height:1;transform:translateY(20%)}.shrink-fade{transform-origin:bottom center;animation:shrinkFadeOut .4s ease-in forwards}@keyframes shrinkFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.glow{filter:drop-shadow(0 0 6px var(--sand)) drop-shadow(0 0 14px var(--sand))}.fly-up{animation:flyUp .7s cubic-bezier(.4,0,.6,1) forwards}@keyframes flyUp{0%{transform:translateY(0) rotate(0);opacity:1}20%{transform:translateY(20px) rotate(-8deg)}to{transform:translateY(-120vh) rotate(360deg);opacity:.4}}.slide-in-left{animation:slideInLeft .45s cubic-bezier(.2,.7,.3,1) both}.slide-in-right{animation:slideInRight .45s cubic-bezier(.2,.7,.3,1) both}@keyframes slideInLeft{0%{transform:translate(-120vw)}to{transform:translate(0)}}@keyframes slideInRight{0%{transform:translate(120vw)}to{transform:translate(0)}}.title{margin:0;font-size:32px;font-weight:700;color:var(--sand);text-transform:lowercase;text-shadow:0 4px 0 color-mix(in srgb,var(--sand) 55%,black)}.page-header{position:sticky;top:0;z-index:10;width:100%;display:flex;align-items:center;gap:12px;padding-block:12px;padding-inline:0}.page-header .nav-button{margin-left:auto}.page-header .auth-bar,.page-header .nav-button,.page-header .title{position:static;top:auto;left:auto;right:auto;transform:none}.page-header .title{flex:1;min-width:0;text-align:center}.results-grid{width:100%;max-width:1280px;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.result-cell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:var(--blue-spruce);border-radius:16px;color:var(--sand);text-align:center}.result-cell.unrated{opacity:.5}.result-rank{font-size:14px;font-weight:700;color:var(--sunflower)}.result-sprite{width:96px;height:96px;image-rendering:auto}.result-name{font-size:13px;font-weight:600;word-break:break-word}.result-rating{font-size:12px;color:var(--sunflower);font-variant-numeric:tabular-nums}