.showdown-page{max-width:1100px;margin:0 auto;padding:58px 40px 80px}.showdown-heading{text-align:center;margin:36px 0}.showdown-heading h1{letter-spacing:-2px;margin:12px 0;font-size:clamp(36px,5vw,64px)}.showdown-heading>p:last-child{color:var(--muted);font-size:17px}.showdown-start{text-align:center;background:#fffef8;border:1px solid #dfdfd2;border-radius:26px;padding:40px}.showdown-start .versus-art{height:180px}.showdown-start p{color:var(--muted);margin:26px 0}.showdown-start .primary{margin:auto}.showdown-arena{max-width:800px;margin:auto}.showdown-progress{letter-spacing:2px;align-items:center;gap:24px;margin-bottom:22px;font-size:11px;font-weight:700;display:flex}.showdown-progress>div{background:#e3e6da;border-radius:10px;flex:1;height:7px;overflow:hidden}.showdown-progress i{background:var(--green);height:100%;transition:width .2s;display:block}.showdown-choices{grid-template-columns:1fr 1fr;gap:28px;display:grid;position:relative}.showdown-choice{background:#fffdf4;border:2px solid #dfdfd2;border-radius:24px;flex-direction:column;align-items:center;min-width:0;padding:30px 15px 26px;transition:transform .16s,border-color .16s;display:flex;box-shadow:0 6px #dfdfd2}.showdown-choice:nth-child(2){background:#eff2e8}.showdown-choice:hover:not(:disabled){border-color:var(--green);transform:translateY(-4px)}.showdown-choice:active:not(:disabled){transform:translateY(3px)}.contender-emoji{font-size:clamp(80px,12vw,144px);line-height:1.4;animation:.2s ease-out contender-in}.contender-name{text-transform:capitalize;text-align:center;align-items:center;min-height:52px;font-size:18px;font-weight:700;display:flex}.contender-pick{color:var(--green);margin-top:20px;font-size:12px}.showdown-vs{background:var(--yellow,#ffdf58);pointer-events:none;border-radius:50%;place-items:center;width:48px;height:48px;font-size:20px;font-weight:800;display:grid;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)rotate(-10deg)}.showdown-notice{text-align:center;min-height:24px;color:var(--muted);margin:22px 0;font-size:13px}.showdown-history{max-width:900px;margin:38px auto 0}.showdown-history h2{text-align:center;margin-bottom:22px;font-size:16px}.showdown-history ol{flex-wrap:wrap;justify-content:center;gap:10px;padding:0;list-style:none;display:flex}.showdown-history li{background:#fffdf7;border:1px solid #e2e3d9;border-radius:12px;align-items:center;gap:9px;padding:12px;display:flex}.round-number{color:var(--muted);font-size:10px}.round-winner,.round-loser{font-size:30px}.round-loser{opacity:.6}.round-beat{color:var(--muted);font-size:10px}.showdown-result{text-align:center;background:#fffdf7;border:1px solid #e0e1d5;border-radius:26px;max-width:720px;margin:auto;padding:30px;position:relative}.showdown-crown{color:#b29029;font-size:35px}.champion-emoji{font-size:120px;line-height:1.4;animation:.4s ease-out contender-in}.showdown-result h2{text-transform:capitalize;margin:4px 0 20px;font-size:30px}.showdown-personality{max-width:470px;margin:0 auto 12px;font-size:20px;line-height:1.5}.showdown-fineprint{color:var(--muted);font-size:11px}.showdown-result-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.showdown-error{background:#fff0df;border:1px solid #d9af7f;border-radius:12px;margin-bottom:20px;padding:18px}.showdown-error p{margin:0 0 12px}@keyframes contender-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media (width<=600px){.showdown-page{padding:28px 18px 50px}.showdown-heading{margin:28px 0}.showdown-heading>p:last-child{font-size:14px;line-height:1.6}.showdown-choices{gap:16px}.showdown-choice{padding:20px 10px}.contender-name{min-height:50px;font-size:14px}.contender-pick{font-size:11px}.showdown-vs{width:38px;height:38px;font-size:16px}.showdown-result{padding:24px 18px}.showdown-personality{font-size:17px}.showdown-start{padding:25px 15px}.showdown-start .versus-art{height:140px}.showdown-history li{gap:7px;padding:9px}.round-winner,.round-loser{font-size:25px}}@media (prefers-reduced-motion:reduce){.contender-emoji,.champion-emoji{animation:none}.showdown-choice,.showdown-progress i{transition:none}}.showdown-result h2:focus{outline:none}.showdown-skeleton .contender-emoji{justify-content:center;align-items:center;height:1.4em;animation:none;display:flex}.skeleton-emoji,.skeleton-name{background:var(--muted);opacity:.15;border-radius:12px;display:block}.skeleton-emoji{border-radius:50%;width:.85em;height:.85em}.showdown-skeleton .contender-name{justify-content:center;width:100%}.skeleton-name{width:65%;height:.85em}.showdown-skeleton .contender-pick{visibility:hidden}