:root,html[data-theme='light']{--bg: #efeaf6;
--bg2: #ece7f2;
--surface: #f9f7fc;
--surfaceAlt: #f3eff9;
--surfaceAlt2: #efe9f6;
--border: #ddd4ec;
--border2: #d8cee8;
--text: #2a2440;
--text2: #4a4460;
--textDim: #6f6889;
--textFaint: #8d84a5;
--textOnAccent: #fdf9ff;
--primary: #8b3fe0;
--primaryText: #6d28d9;
--primary2: #d13d78;
--pink: #e0447e;
--discord: #5865f2;
--green: #188a4e;
--greenFill: #188a4e;
--greenText2: #136b3d;
--greenBg: #e8f5ed;
--greenBorder: #9ed4b4;
--success: #188a4e;
--orange: #b45f06;
--gold: #c17700;
--goldText: #8a5b00;
--goldBg: #faf6ec;
--goldBorder: #e8d9b0;
--warning: #c17700;
--danger: #d13d78;
--dangerText: #b4548a;
--dangerBg: #f7eef3;
--dangerBorder: #e3b9cc;
--red: #c93a56;
--info: #0ea5b7;
--infoText: #0c7f8e;
--infoFill: #0ea5b7;
--infoBg: #e6f5f8;
--infoBorder: #b8dfe7;
--blue: #2458d6;
--steam: #1b6fa8;
--teal: #0f766e;
--candidate: #b9aed6;
--candidateText: #5b5378;
--scrim: #241e38;
--gradient: linear-gradient(135deg, #8b3fe0, #c93a86);
--hairline: linear-gradient(90deg, #8b3fe0, #e0447e);
--shadow: 0 2px 12px rgba(80,60,140,.08);}html[data-theme='dark']{--bg: #14111c;
--bg2: #1a1626;
--surface: #1e1930;
--surfaceAlt: #2b2540;
--surfaceAlt2: #3a3358;
--border: #372f52;
--border2: #453d63;
--text: #ece9f1;
--text2: #c8c2d6;
--textDim: #9a93ad;
--textFaint: #7a7490;
--textOnAccent: #fdf9ff;
--primary: #b44aff;
--primaryText: #d9b3ff;
--primary2: #ff2d8a;
--pink: #ff6fa5;
--discord: #5865f2;
--green: #2fd97b;
--greenFill: #1d7a4b;
--greenText2: #7fd8a8;
--greenBg: #15291e;
--greenBorder: #2c6a49;
--success: #2fd97b;
--orange: #ff9f43;
--gold: #f0b429;
--goldText: #f0b429;
--goldBg: #262031;
--goldBorder: #453a2a;
--warning: #f0b429;
--danger: #ef7083;
--dangerText: #ffb0bd;
--dangerBg: #2a1620;
--dangerBorder: #5a2733;
--red: #e8506b;
--info: #2fd4e6;
--infoText: #8fd0ff;
--infoFill: #0d7c8c;
--infoBg: #11303d;
--infoBorder: #2a5666;
--blue: #5b8cff;
--steam: #66c0f4;
--teal: #5eead4;
--candidate: #5d5382;
--candidateText: #b6aecb;
--scrim: #060410;
--gradient: linear-gradient(135deg, #b44aff, #ff2d8a);
--hairline: linear-gradient(90deg, #b44aff, #ff2d8a);
--shadow: 0 3px 14px rgba(0,0,0,.35);}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-underline-offset:3px}.skip{position:fixed;left:12px;top:-80px;z-index:100;background:var(--surface);padding:10px;border-radius:8px}.skip:focus{top:12px}.site-header{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--border);background:var(--bg)}.header-inner{max-width:1180px;margin:auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-weight:900;text-decoration:none}.site-header nav{display:flex;flex-wrap:wrap;gap:8px}.site-header nav a{border:1px solid var(--border);border-radius:9px;padding:7px 10px;text-decoration:none;font-size:13px;font-weight:700}.page{max-width:1180px;margin:auto;padding:30px 24px 54px}.crumb{display:flex;gap:7px;flex-wrap:wrap;color:var(--textDim);font-size:13px;margin-bottom:14px}h1{font-size:clamp(26px,4vw,38px);line-height:1.2;margin:0 0 8px}h2{font-size:18px}.lead{color:var(--text2);max-width:820px;margin:0 0 24px}.card,.rank-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px;min-width:0}.filters{margin-bottom:20px}.filters form{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,auto) auto;gap:10px;align-items:end}.filters label{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;color:var(--textDim);font-size:12px}.filters input,.filters select{min-height:42px;width:100%;border:1px solid var(--border);border-radius:10px;background:var(--surfaceAlt);color:var(--text);padding:9px 11px;font:inherit}.filters button,.button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:9px 15px;background:var(--gradient);color:var(--textOnAccent);font-weight:800;text-decoration:none}.button.secondary{border:1px solid var(--border);background:transparent;color:var(--text)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-top:18px}.muted{color:var(--textDim);font-size:13px}.ranking-list,.patch-list{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:0;list-style:none}.rank-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px}.rank-no{text-align:center;color:var(--primaryText);font-size:20px}.rank-info{min-width:0}.rank-info>a{font-weight:850}.rank-info p{margin:4px 0 0;color:var(--textDim);font-size:13px}.badges{display:flex;flex-wrap:wrap;gap:6px}.badge{display:inline-flex;border:1px solid var(--border);border-radius:999px;padding:3px 8px;color:var(--text2);font-size:12px}.patch-list .card h2{margin:12px 0 4px}.method{margin-top:18px;color:var(--textDim);font-size:13px}.method h2{color:var(--text)}dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 14px}dt{color:var(--textDim)}dd{margin:0;min-width:0;word-break:break-word}article li{margin:7px 0}.actions{display:flex;flex-wrap:wrap;gap:8px}.empty{padding:24px;border:1px dashed var(--border);border-radius:14px;color:var(--textDim)}footer{border-top:1px solid var(--border);padding:24px;display:flex;justify-content:space-between;gap:12px;max-width:1180px;margin:auto;color:var(--textDim);font-size:13px}
@media(max-width:720px){.header-inner{padding:10px 16px;align-items:flex-start;flex-direction:column}.site-header nav a,.filters input,.filters select,.filters button,.button{min-height:44px}.page{padding:22px 16px 42px}.filters form{grid-template-columns:minmax(0,1fr)}.rank-card{grid-template-columns:36px minmax(0,1fr)}.rank-card>.badges{grid-column:2}.section-head,footer{align-items:flex-start;flex-direction:column}dl{grid-template-columns:minmax(0,1fr);gap:3px}dd{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}