:root{--bg:#fffbf1;--bg-card:#fff;--bg-elev:#faf6ec;--ink:#171717;--ink-soft:#6b665c;--line:#ececec;--accent:#171717;--win:#1f9d55;--lose:#c0392b;--home-color:#2f6fed;--away-color:#e07b39;--glass:hsla(0,0%,100%,.6);--glass-border:rgba(0,0,0,.08);--img-bg-a:#fbfbfa;--img-bg-b:#f1f1ef;--radius:18px;--shadow:0 1px 2px rgba(20,18,12,.04),0 8px 28px rgba(20,18,12,.07);--shadow-hover:0 2px 6px rgba(20,18,12,.06),0 18px 50px rgba(20,18,12,.13);--font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace}[data-theme=dark]{--bg:#1a1a1a;--bg-card:#232325;--bg-elev:#2d2d2d;--ink:#ededed;--ink-soft:#9b968d;--line:#2d2d2d;--accent:#ededed;--glass:hsla(0,0%,100%,.08);--glass-border:hsla(0,0%,100%,.18);--home-color:#6ea0ff;--away-color:#f0975a;--img-bg-a:#202022;--img-bg-b:#161617;--shadow:0 1px 2px rgba(0,0,0,.3),0 8px 28px rgba(0,0,0,.4);--shadow-hover:0 2px 6px rgba(0,0,0,.4),0 18px 50px rgba(0,0,0,.55)}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none;transition:background-color .25s ease,color .25s ease}a{color:inherit;text-decoration:none}.nav{position:fixed;inset:0 0 auto 0;z-index:30;justify-content:space-between;padding:14px 18px}.nav,.nav-group{display:flex;align-items:center;gap:10px}.nav-btn{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:650;letter-spacing:-.01em;color:var(--ink);padding:9px 15px;border:1px solid var(--glass-border);border-radius:14px;background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow);cursor:pointer;transition:transform .12s ease,border-color .15s,background .15s,color .15s}.nav-btn:hover{transform:translateY(-1px)}.nav-btn.brand{font-weight:750}.nav-btn.brand .dot{width:9px;height:9px;border-radius:50%;background:var(--ink);display:inline-block}.nav-btn.ghost{color:var(--ink-soft)}.nav-btn.ghost:hover{color:var(--ink)}.theme-toggle{width:46px;height:46px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow);cursor:pointer;font-size:20px;line-height:1;transition:transform .18s ease,border-color .15s}.theme-toggle:hover{transform:scale(1.1)}.arena{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:78px 16px 30px}.arena-prompt{font-size:30px;font-weight:750;letter-spacing:-.025em;color:var(--ink);margin-bottom:18px;text-align:center}.kit-home{color:var(--home-color);font-weight:650}.kit-away{color:var(--away-color);font-weight:650}.view-seg{margin-bottom:4px}.pair{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;grid-gap:14px;gap:14px;width:min(960px,100%)}.versus{align-self:center;font-family:var(--mono);font-size:13px;font-weight:600;color:var(--ink-soft);letter-spacing:.05em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.card{position:relative;display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,border-color .16s;-webkit-tap-highlight-color:transparent;text-align:left;font:inherit;color:inherit;padding:0}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.card:focus-visible{outline:none;border-color:var(--ink);box-shadow:var(--shadow-hover),0 0 0 3px hsla(0,0%,50%,.18)}.card:active{transform:translateY(-1px) scale(.995)}.card-img{height:46dvh;background:radial-gradient(120% 90% at 50% 0,var(--img-bg-a) 0,var(--img-bg-b) 100%);overflow:hidden}.card-img img{width:100%;height:100%;object-fit:cover;object-position:center top;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.card-caption{border-top:1px solid var(--line);padding:13px 16px;display:flex;justify-content:space-between}.card-caption,.card-country{align-items:baseline;gap:8px}.card-country{font-weight:650;font-size:16px;letter-spacing:-.01em;display:inline-flex}.flag{font-size:18px;line-height:1}.card-meta{font-size:12px;color:var(--ink-soft);font-family:var(--mono)}.card.win{border-color:var(--win);box-shadow:0 0 0 3px rgba(31,157,85,.2),var(--shadow-hover)}.card.lose{opacity:.55;filter:saturate(.7)}.delta{position:absolute;top:14px;right:14px;font-family:var(--mono);font-weight:700;font-size:20px;padding:4px 10px;border-radius:999px;pointer-events:none;animation:deltaPop .9s ease forwards}.delta.up{color:#fff;background:var(--win)}.delta.down{color:#fff;background:var(--lose)}@keyframes deltaPop{0%{transform:translateY(8px) scale(.8);opacity:0}18%{transform:translateY(0) scale(1.06);opacity:1}70%{opacity:1}to{transform:translateY(-10px) scale(1);opacity:0}}.below{margin-top:24px;display:flex;flex-direction:column;align-items:center;gap:12px}.votestat{font-size:14px;color:var(--ink-soft);text-align:center}.votestat b{color:var(--ink);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hint{flex-direction:column;gap:8px}.hint,.hint-arrows{display:flex;align-items:center}.hint-arrows{font-size:16px;color:var(--ink-soft);gap:10px}.kbd{font-family:var(--mono);font-size:14px;border:solid var(--line);border-width:1px 1px 2px;border-radius:7px;padding:3px 9px;background:var(--bg-card);color:var(--ink)}.rankings-link{font-size:16px;font-weight:650;color:var(--ink);text-decoration:underline;text-underline-offset:3px}.credit,.rankings-link:hover{color:var(--ink-soft)}.credit{position:fixed;bottom:12px;right:16px;font-size:11px;z-index:10}@media (max-width:720px){.pair{grid-template-columns:1fr;gap:10px}.versus{padding:2px 0;text-align:center}.card-img{height:36dvh;padding:8px;background:var(--bg-card)}.card-img img{object-fit:contain;object-position:center}.arena-prompt{font-size:22px;margin-bottom:12px}.nav{padding:10px 12px}.nav,.nav-group{gap:6px}.nav-btn{padding:7px 10px;font-size:13px;white-space:nowrap}.theme-toggle{width:40px;height:40px;font-size:17px}.nav-label{display:none}}.lb-wrap{max-width:760px;margin:0 auto;padding:92px 18px 80px}.lb-head{text-align:center;margin-bottom:6px}.lb-head h1{font-size:clamp(26px,5vw,40px);letter-spacing:-.03em;margin:0 0 6px;line-height:1.04}.lb-sub{font-size:14px;margin:0 0 4px}.lb-stats,.lb-sub{color:var(--ink-soft)}.lb-stats{font-size:13px;font-family:var(--mono);margin-bottom:26px;text-align:center}.lb-filters{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 20px}.lb-select{font:inherit;font-size:13px;font-weight:600;color:var(--ink);background:var(--bg-card);padding:8px 14px;cursor:pointer}.lb-seg,.lb-select,.seg{border:1px solid var(--line);border-radius:999px}.lb-seg,.seg{display:inline-flex;background:var(--bg-elev);padding:3px;gap:2px}.lb-seg-btn,.seg-btn{font:inherit;font-size:13px;font-weight:600;color:var(--ink-soft);background:transparent;border:none;border-radius:999px;padding:6px 14px;cursor:pointer;transition:background .15s,color .15s}.lb-seg-btn.active,.seg-btn.active{background:var(--bg-card);color:var(--ink);box-shadow:var(--shadow)}.seg-btn:disabled{opacity:.45;cursor:not-allowed}.arena-filter{margin:-6px 0 16px}.lb-list{display:flex;flex-direction:column;gap:8px}.lb-section{font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--ink);margin:28px 0 10px;display:flex;align-items:center;gap:8px}.lb-section:first-of-type{margin-top:6px}.lb-row{display:grid;grid-template-columns:34px 56px 1fr auto;align-items:center;grid-gap:14px;gap:14px;background:var(--bg-card);border:1px solid var(--line);border-radius:14px;padding:10px 14px;box-shadow:var(--shadow)}.lb-row.top1{border-color:#e3b922;box-shadow:0 0 0 2.5px rgba(227,185,34,.55),var(--shadow)}.lb-row.top2{border-color:#c4c4c4;box-shadow:0 0 0 2.5px hsla(0,0%,77%,.5),var(--shadow)}.lb-row.top3{border-color:#cd7f32;box-shadow:0 0 0 2.5px rgba(205,127,50,.5),var(--shadow)}.lb-rank{font-family:var(--mono);font-weight:700;font-size:18px;color:var(--ink-soft);text-align:center}.lb-row.top1 .lb-rank,.lb-row.top2 .lb-rank,.lb-row.top3 .lb-rank{color:var(--ink)}.lb-thumb{width:56px;height:56px;border-radius:10px;background:var(--bg-elev);display:flex;align-items:center;justify-content:center;overflow:hidden}.lb-thumb img{width:100%;height:100%;object-fit:contain;padding:4px}.lb-name{display:flex;flex-direction:column;gap:2px;min-width:0}.lb-country{font-weight:650;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center;gap:7px}.lb-meta{font-size:12px;color:var(--ink-soft);font-family:var(--mono)}.lb-rating{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.lb-elo{font-family:var(--mono);font-weight:700;font-size:17px}.lb-votes{font-size:11px;color:var(--ink-soft)}.lb-actions{display:flex;justify-content:center;gap:10px;margin:28px 0 0}.btn{font-size:13px;font-weight:600;padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:var(--bg-card);color:var(--ink);cursor:pointer;transition:border-color .15s,transform .1s}.btn:hover{border-color:var(--ink-soft)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.empty{padding:40px 0}.attribution,.empty{text-align:center;color:var(--ink-soft)}.attribution{font-size:11px;margin-top:40px;line-height:1.5}.attribution a{text-decoration:underline}.zoom-btn{position:absolute;top:12px;left:12px;z-index:3;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;font-size:15px;color:var(--ink);background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:zoom-in;transition:transform .12s}.zoom-btn:hover{transform:scale(1.12)}.lb-search-btn{font-size:14px;background:var(--bg-card);border:1px solid var(--line);border-radius:999px;width:36px;height:36px;cursor:pointer}.lb-search-wrap{position:relative;display:inline-flex;align-items:center}.lb-search{font:inherit;font-size:14px;color:var(--ink);background:var(--bg-card);border:1px solid var(--line);border-radius:999px;padding:8px 32px 8px 14px;min-width:180px}.lb-search-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;padding:0;font-size:16px;line-height:1;color:var(--ink-soft);background:transparent;border:none;border-radius:999px;cursor:pointer}.lb-search-clear:hover{color:var(--ink)}.lb-row[role=button]{cursor:pointer}.lb-row[role=button]:hover{border-color:var(--ink-soft)}.modal-overlay{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;padding:20px}.modal,.modal-overlay{display:flex;align-items:center}.modal{position:relative;background:var(--bg-card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-hover);width:min(440px,100%);max-height:92dvh;flex-direction:column;padding:18px;gap:12px}.modal-close{position:absolute;top:10px;right:12px;background:transparent;border:none;font-size:18px;color:var(--ink-soft);cursor:pointer}.modal-img{position:relative;display:flex;align-items:center;justify-content:center;width:100%}.modal-img img{max-width:100%;max-height:64dvh;object-fit:contain;border-radius:10px}.modal-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink);font-size:24px;line-height:1;cursor:pointer}.modal-arrow.left{left:4px}.modal-arrow.right{right:4px}.modal-caption{display:flex;align-items:center;gap:8px;font-size:18px}.modal-caption .modal-sub{color:var(--ink-soft);font-family:var(--mono);font-size:14px}.modal-controls{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}