:root{color-scheme:dark;--bg: #070a0f;--panel: rgba(17, 23, 33, .78);--border: rgba(148, 163, 184, .14);--border-strong: rgba(148, 163, 184, .26);--text: #e8eef8;--muted: #8996aa;--green: #4ade80;--blue: #66c0f4;--amber: #fbbf24;--lol: #c8aa6e;--red: #f87171;--radius: 14px;--shadow: 0 16px 44px rgba(0, 0, 0, .32)}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;color:var(--text);font-family:Inter,Segoe UI,Microsoft YaHei,PingFang SC,system-ui,sans-serif;background:radial-gradient(900px 560px at 12% -12%,rgba(102,192,244,.15),transparent 60%),radial-gradient(760px 500px at 96% 2%,rgba(74,222,128,.09),transparent 55%),radial-gradient(620px 420px at 60% 110%,rgba(124,156,255,.07),transparent 60%),var(--bg);background-attachment:fixed;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(148,163,184,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.03) 1px,transparent 1px);background-size:52px 52px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 75%);mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 75%)}.app{position:relative;z-index:1;max-width:1160px;margin:0 auto;padding:24px 20px 32px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar-actions{display:flex;align-items:center;gap:10px}.brand{display:flex;align-items:center;gap:11px}.logo{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;color:var(--blue);background:linear-gradient(145deg,#66c0f42e,#66c0f40a);border:1px solid rgba(102,192,244,.28);box-shadow:0 8px 22px #66c0f41a}.logo svg{width:22px;height:22px}.brand h1{margin:0;font-size:18px;letter-spacing:.01em}.brand p{margin:2px 0 0;color:var(--muted);font-size:11px;letter-spacing:.08em}.connection{display:flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--border);border-radius:999px;background:#111721a6;color:var(--muted);font-size:12px}.connection .pulse{width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 4px #fbbf241f}.connection.live .pulse{background:var(--green);box-shadow:0 0 0 4px #4ade8021;animation:pulse 2.4s infinite}.connection .updated{padding-left:8px;border-left:1px solid var(--border)}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #4ade8021}50%{box-shadow:0 0 0 7px #4ade800a}}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:18px 0 10px}.stat{display:flex;flex-direction:column;gap:1px;padding:10px 14px;border-radius:12px;border:1px solid var(--border);background:linear-gradient(180deg,#171f2cd1,#0d121ab8)}.stat-value{font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.1}.stat-label{color:var(--muted);font-size:10px;letter-spacing:.06em}.accent-green{color:var(--green)}.accent-blue{color:var(--blue)}.accent-amber{color:var(--amber)}.accent-gold{color:var(--lol)}.notice{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;padding:10px 14px;border:1px solid;border-radius:10px;font-size:12.5px;line-height:1.5}.notice.demo{border-color:#66c0f447;background:#66c0f414;color:#bfe5ff}.notice.error{border-color:#f871714d;background:#f8717114;color:#ffc9c9}.notice.info{border-color:#c8aa6e3d;background:#c8aa6e12;color:#e6d5ac}.notice a{color:#f3ddab;text-decoration:underline;text-underline-offset:2px}.notice code{padding:1px 5px;border-radius:5px;background:#ffffff14;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11.5px}.notice strong{flex:none}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:20px 0 8px}.section-title h2{margin:0;font-size:17px}.section-title p{margin:3px 0 0;color:var(--muted);font-size:11px}.servers-head{margin-top:26px}.filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.search-box{display:flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid var(--border);border-radius:9px;background:#111721b3;transition:border-color .18s ease}.search-box:focus-within{border-color:#66c0f466}.search-box svg{flex:none;width:13px;height:13px;color:var(--muted)}.search-box input{width:132px;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:11.5px}.search-box input::placeholder{color:var(--muted)}.tabs{display:flex;gap:3px;padding:3px;border:1px solid var(--border);border-radius:10px;background:#111721b3}.tabs button{padding:5px 10px;border:0;border-radius:7px;background:transparent;color:var(--muted);font:inherit;font-size:11.5px;cursor:pointer;white-space:nowrap;transition:color .18s ease,background .18s ease,box-shadow .18s ease}.tabs button:hover{color:var(--text)}.tabs button.active{background:#66c0f424;color:#bfe5ff;box-shadow:inset 0 0 0 1px #66c0f440}.tabs em{margin-left:4px;font-style:normal;font-size:10px;opacity:.65}.source-tabs button.active{background:#94a3b824;color:#e2e8f0;box-shadow:inset 0 0 0 1px #94a3b838}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px;align-items:stretch}.group-header{display:flex;grid-column:1 / -1;align-items:center;gap:7px;margin-top:5px;padding-top:8px;border-top:1px solid var(--border);color:#a7b3c6;font-size:10.5px;font-weight:500;letter-spacing:.08em}.group-header:first-child{margin-top:0;padding-top:0;border-top:0}.group-header em{padding:1px 6px;border-radius:999px;background:#94a3b81a;color:#cbd5e1;font-size:9.5px;font-style:normal;letter-spacing:0}.group-dot{width:6px;height:6px;border-radius:50%;background:var(--muted)}.group-header.playing .group-dot{background:var(--green)}.group-header.online .group-dot{background:var(--blue)}.group-header.offline .group-dot{background:#94a3b88c}.group-header.special .group-dot{background:var(--amber)}.card{position:relative;display:flex;align-items:center;gap:8px;width:100%;height:100%;padding:8px 9px 8px 13px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);cursor:pointer;transition:transform .18s ease,border-color .18s ease,opacity .18s ease}.card:focus-visible{outline:2px solid rgba(102,192,244,.55);outline-offset:2px}.card:before{content:"";position:absolute;top:8px;bottom:8px;left:0;width:2px;border-radius:0 2px 2px 0;background:#94a3b84d}.card.playing:before{background:var(--green)}.card.online:before{background:var(--blue)}.card.offline:before{background:#94a3b84d}.card.unknown:before{background:var(--amber)}.card:hover{transform:translateY(-2px);border-color:#66c0f457}.card.dimmed{opacity:.62}.card.dimmed:hover{opacity:.95}.card.unknown{opacity:.84}.avatar-wrap{position:relative;flex:none;width:32px;height:32px}.avatar{position:relative;display:grid;place-items:center;width:32px;height:32px;overflow:hidden;border:1px solid var(--border-strong);border-radius:50%;background:linear-gradient(135deg,#253247,#17202e);color:#c7d4e8;font-size:11px;font-weight:600}.avatar-dot{position:absolute;right:-1px;bottom:-1px;box-sizing:border-box;width:9px;height:9px;border:2px solid #111823;border-radius:50%;background:var(--muted)}.avatar-dot.playing{background:var(--green)}.avatar-dot.online{background:var(--blue)}.avatar-dot.offline{background:#94a3b88c}.avatar-dot.unknown{background:var(--amber)}.avatar img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.card-main{display:flex;flex:1;flex-direction:column;gap:1px;min-width:0}.topline{display:flex;align-items:center;gap:6px;min-width:0}.name{flex:1;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.presence{flex:none;padding:1px 6px;border:1px solid transparent;border-radius:999px;font-size:9px;white-space:nowrap}.presence.playing{border-color:#4ade8042;background:#4ade801f;color:#b9f5cd}.presence.online{border-color:#66c0f440;background:#66c0f41f;color:#bfe5ff}.presence.offline{border-color:#94a3b82e;background:#94a3b81a;color:#94a3b8}.presence.unknown{border-color:#fbbf2438;background:#fbbf241a;color:#ffe7a3}.game-line{overflow:visible;color:#cbd5e1;font-size:11px;line-height:1.35;text-overflow:clip;white-space:normal}.card.multi .game-line{line-height:1.35}.card.multi .thumb{width:46px;height:28px}.game-line b{color:#f4f8ff;font-weight:600}.game-line.muted{color:var(--muted)}.meta-line{display:flex;flex-wrap:wrap;gap:2px 6px;align-items:center;overflow:visible;color:var(--muted);font-size:9.5px;white-space:normal}.meta-line>span{overflow:visible;text-overflow:clip;white-space:nowrap}.source-tag{flex:none;padding:1px 4px;border-radius:4px;background:#94a3b81f;color:#cbd5e1;font-size:8.5px;letter-spacing:.03em}.source-tag.steam{background:#66c0f41f;color:#9fd8ff}.source-tag.minecraft{background:#4ade801f;color:#9ef0bb}.source-tag.lol{background:#c8aa6e1f;color:#e7c88a}.source-tag.lol.offline{background:#94a3b814;color:var(--muted)}.source-tag.mc-id{background:transparent;color:var(--muted);letter-spacing:0}.source-tag.mc-id.minecraft{background:#4ade801f;color:#9ef0bb}.thumb{position:relative;display:grid;flex:none;place-items:center;width:52px;height:32px;overflow:hidden;border:1px solid var(--border);border-radius:7px;background-color:#1b2838;background-position:center;background-size:cover;color:#c7d4e8;font-size:9.5px;font-weight:600}.thumb-badge{position:absolute;right:2px;bottom:2px;padding:0 3px;border-radius:3px;background:#080b10d1;color:#9ef0bb;font-size:7.5px;font-weight:700;letter-spacing:.04em}.thumb-badge.lol{top:2px;bottom:auto;color:#e7c88a}.mc-detail{color:var(--muted)}.detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;justify-content:flex-end;background:#04070b9e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.detail-panel{position:relative;width:min(400px,100%);height:100%;overflow-y:auto;padding:24px 22px;border-left:1px solid var(--border);background:#0e141d;box-shadow:-24px 0 70px #0000008c;animation:detail-in .22s ease}@keyframes detail-in{0%{transform:translate(24px);opacity:.4}to{transform:translate(0);opacity:1}}.detail-close{position:absolute;top:14px;right:14px;z-index:2;display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--border);border-radius:8px;background:#080b10b8;color:var(--muted);cursor:pointer}.detail-close:hover{border-color:var(--border-strong);color:var(--text)}.detail-close svg{width:14px;height:14px}.detail-banner{height:96px;margin:-24px -22px 18px;background-color:#1b2838;background-position:center;background-size:cover}.detail-head{display:flex;align-items:center;gap:12px;padding-right:34px}.detail-avatar-wrap{width:48px;height:48px}.detail-avatar{width:48px;height:48px;font-size:17px}.detail-name{flex:1;min-width:0}.detail-name h2{margin:0;overflow:hidden;font-size:18px;text-overflow:ellipsis;white-space:nowrap}.detail-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.detail-head .presence{flex:none}.detail-games{display:flex;flex-direction:column;gap:8px;margin-top:20px;padding:14px;border:1px solid var(--border);border-radius:12px;background:#ffffff06}.detail-game{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;font-size:13px}.detail-label{min-width:40px;color:var(--muted);font-size:10px;letter-spacing:.08em}.detail-list{display:grid;grid-template-columns:88px 1fr;gap:9px 12px;margin:20px 0 0;font-size:12.5px}.detail-list>div{display:contents}.detail-list dt{color:var(--muted)}.detail-list dd{margin:0;color:#dbe4f2;word-break:break-word}.detail-link{display:flex;justify-content:center;margin-top:22px;padding:9px 12px;border:1px solid rgba(102,192,244,.3);border-radius:9px;background:#66c0f41a;color:#bfe5ff;font-size:12.5px;text-decoration:none}.detail-link:hover{background:#66c0f429}.detail-note{margin-top:20px;color:var(--muted);font-size:12px;line-height:1.6}.detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.detail-actions .detail-link{flex:1 1 auto;margin-top:0;padding:8px 10px;font-size:12px}.detail-button{font:inherit;cursor:pointer}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:65;display:flex;align-items:center;justify-content:center;padding:20px;background:#04070bad;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.welcome-overlay{z-index:70}.league-panel{display:flex;flex-direction:column;width:min(580px,100%);max-height:min(82vh,720px);overflow:hidden;border:1px solid var(--border-strong);border-radius:16px;background:#0f1620;box-shadow:0 30px 90px #0009}.league-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 20px 12px}.league-head h2{margin:0;font-size:18px}.league-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.league-head-actions{display:flex;gap:8px;align-items:center}.league-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 20px 10px;color:var(--muted);font-size:11.5px}.league-list{flex:1;overflow-y:auto;margin:0;padding:0 12px;list-style:none}.league-row{display:flex;gap:10px;align-items:flex-start;padding:11px 8px;border-top:1px solid var(--border)}.league-row:first-child{border-top:0}.league-dot{flex:none;width:7px;height:7px;margin-top:6px;border-radius:50%;background:#94a3b866}.league-dot.online{background:var(--green);box-shadow:0 0 0 3px #4ade801a}.league-main{flex:1;min-width:0}.league-name{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.league-name strong{font-size:13px}.league-sub{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;font-size:11px}.riot-id{padding:0;border:0;background:transparent;color:#9fd8ff;font:inherit;font-size:11px;cursor:pointer;text-decoration:underline dotted rgba(159,216,255,.5);text-underline-offset:2px}.riot-id:hover{color:#d6efff}.mini-badge{padding:1px 5px;border-radius:999px;background:#94a3b81f;color:var(--muted);font-size:9.5px}.mini-badge.ok{background:#4ade801a;color:#9ef0bb}.mini-badge.warn{background:#fbbf241a;color:#ffe7a3}.league-foot{padding:12px 20px 18px;border-top:1px solid var(--border);color:var(--muted);font-size:11px;line-height:1.6}.league-foot code{padding:1px 4px;border-radius:4px;background:#ffffff12;font-family:ui-monospace,Consolas,monospace;font-size:10.5px}.league-foot div+div{margin-top:3px}.panel-loading,.panel-empty{padding:40px 20px;color:var(--muted);font-size:12.5px;text-align:center}.panel-error{padding:40px 20px;color:#ffc9c9;font-size:12.5px;text-align:center}.welcome-modal{position:relative;width:min(540px,100%);max-height:min(88vh,760px);overflow-y:auto;padding:24px;border:1px solid var(--border-strong);border-radius:18px;background:#0f1620;box-shadow:0 30px 90px #000000a6;animation:modal-in .2s ease}@keyframes modal-in{0%{transform:translateY(10px) scale(.99);opacity:.5}to{transform:none;opacity:1}}.welcome-close{position:absolute;top:14px;right:14px}.announcement-badge{display:inline-block;padding:2px 7px;border:1px solid rgba(102,192,244,.3);border-radius:999px;background:#66c0f41a;color:#9fd8ff;font-size:9.5px;letter-spacing:.14em}.welcome-modal h2{margin:12px 0 0;font-size:21px}.welcome-sub{margin:8px 0 0;color:var(--muted);font-size:12.5px;line-height:1.6}.welcome-features{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 0;padding:0;list-style:none}.welcome-features li{display:flex;gap:8px;align-items:flex-start}.feature-dot{flex:none;width:7px;height:7px;margin-top:5px;border-radius:50%;background:var(--muted)}.feature-dot.steam{background:var(--blue)}.feature-dot.minecraft{background:var(--green)}.feature-dot.lol{background:var(--lol)}.feature-dot.neutral{background:#94a3b88c}.welcome-features strong{display:block;font-size:12.5px}.welcome-features li div span{display:block;margin-top:2px;color:var(--muted);font-size:11px;line-height:1.5}.welcome-remember{margin-top:18px}.welcome-start{margin-top:12px}.today-btn{display:flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid rgba(102,192,244,.3);border-radius:999px;background:#66c0f41a;color:#bfe5ff;font:inherit;font-size:12px;cursor:pointer}.today-btn:hover{background:#66c0f42e}.today-btn svg{width:14px;height:14px}.today-panel{display:flex;flex-direction:column;width:min(680px,100%);max-height:min(88vh,820px);overflow-y:auto;padding:22px;border:1px solid var(--border-strong);border-radius:16px;background:#0f1620;box-shadow:0 30px 90px #0009}.today-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.today-head h2{margin:0;font-size:19px}.today-head p{margin:5px 0 0;color:var(--muted);font-size:11.5px}.today-head-actions{display:flex;gap:8px;align-items:center}.today-section{margin-top:20px}.today-section h3{margin:0 0 10px;color:#cbd5e1;font-size:13px;letter-spacing:.04em}.today-rank{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.today-rank li{display:flex;gap:10px;align-items:flex-start;padding:9px 10px;border:1px solid var(--border);border-radius:10px;background:#ffffff06;cursor:pointer;transition:border-color .15s ease,background .15s ease}.today-rank li:hover,.today-rank li.active{border-color:#66c0f459;background:#66c0f412}.rank-index{width:18px;color:var(--muted);font-size:12px;font-weight:700;text-align:center}.rank-main{flex:1;min-width:0}.rank-top{display:flex;justify-content:space-between;gap:10px;font-size:12px}.rank-top strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-top span{flex:none;color:#cbd5e1}.rank-bar{height:5px;margin-top:6px;overflow:hidden;border-radius:999px;background:#94a3b81f}.rank-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--green))}.rank-sub{margin-top:5px;color:var(--muted);font-size:10.5px}.today-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.today-section-head h3{margin:0}.today-select{padding:5px 8px;border:1px solid var(--border);border-radius:8px;background:#111823;color:var(--text);font:inherit;font-size:11.5px}.today-person{margin-top:10px;padding:12px;border:1px solid var(--border);border-radius:10px;background:#ffffff06}.today-person-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:13px}.today-games{display:flex;flex-direction:column}.today-game-row{display:flex;flex-wrap:wrap;gap:7px;align-items:center;padding:7px 0;border-top:1px solid var(--border);font-size:12px}.today-game-row:first-child{border-top:0;padding-top:0}.today-game-name{font-weight:600}.today-game-time{margin-left:auto;color:#cbd5e1;font-size:11px}.today-empty{padding:30px 10px;color:var(--muted);font-size:12.5px;text-align:center}.today-foot{margin-top:18px;color:var(--muted);font-size:10.5px;text-align:center}.icon-btn,.ghost-btn,.primary-btn,.notice-btn,.footer-link{font:inherit;cursor:pointer}.icon-btn{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--border);border-radius:8px;background:#ffffff0a;color:var(--muted)}.icon-btn:hover{border-color:var(--border-strong);color:var(--text)}.icon-btn svg{width:13px;height:13px}.ghost-btn{padding:5px 9px;border:1px solid var(--border);border-radius:7px;background:transparent;color:var(--muted);font-size:11px}.ghost-btn:hover{border-color:var(--border-strong);color:var(--text)}.primary-btn{width:100%;padding:10px 14px;border:1px solid rgba(102,192,244,.35);border-radius:9px;background:#66c0f424;color:#d6efff;font-size:13px}.primary-btn:hover{background:#66c0f438}.check-label{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:11.5px;cursor:pointer}.check-label input{accent-color:var(--blue)}.notice-btn{flex:none;margin-left:auto;padding:4px 9px;border:1px solid rgba(200,170,110,.3);border-radius:7px;background:#c8aa6e1a;color:#e7c88a;font-size:11px}.notice-btn:hover{background:#c8aa6e2e}.thumb.src-steam{background-image:linear-gradient(135deg,#16222f,#22374a)}.thumb.src-minecraft{background-color:#14351f;background-image:linear-gradient(135deg,#12291b,#214b31)}.thumb.src-lol{background-color:#1b1710;background-image:linear-gradient(135deg,#1d1a12,#3a2f1b)}.thumb.src-wegame,.thumb.src-pcl2{background-image:linear-gradient(135deg,#241c2c,#3a2a45)}.empty{padding:36px 18px;border:1px dashed var(--border-strong);border-radius:var(--radius);background:#11172173;text-align:center}.empty p{margin:0 0 5px;font-size:14px;font-weight:600}.empty span{color:var(--muted);font-size:12px}.server-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px}.server-card{padding:15px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.server-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.server-top strong{font-size:14px}.server-top .mono{margin:4px 0 0;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11.5px}.server-stats{display:flex;flex-wrap:wrap;gap:12px;align-items:baseline;margin-top:12px;font-size:12px}.server-number{color:#e8eef8;font-size:20px;font-weight:700}.server-stats .version{font-size:11px}.muted{color:var(--muted)}.server-flags{display:flex;gap:8px;align-items:center;margin-top:10px;font-size:11px}.query-badge{padding:2px 7px;border:1px solid rgba(251,191,36,.26);border-radius:999px;background:#fbbf2414;color:#ffe7a3;font-size:9.5px}.query-badge.on{border-color:#4ade8047;background:#4ade8017;color:#b9f5cd}.players{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.player-chip{padding:4px 8px;border:1px solid var(--border);border-radius:7px;background:#94a3b814;color:#cbd5e1;font-size:11px}.player-chip.mapped{border-color:#4ade8038;background:#4ade8017;color:#b9f5cd}.player-chip.clickable{cursor:pointer}.player-chip.clickable:hover{border-color:#66c0f459;background:#66c0f41a;color:#d6efff}.server-hint{margin:10px 0 0;color:#c7a95a;font-size:11px;line-height:1.5}.site-footer{display:flex;flex-direction:column;gap:7px;align-items:center;margin-top:30px;padding:16px 0 4px;border-top:1px solid var(--border);color:#6b778a;font-size:10.5px;letter-spacing:.02em;text-align:center}.footer-sources{color:#7b8799}.footer-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}.footer-email{color:#8fb8d8}.footer-sep{width:1px;height:10px;background:var(--border)}.footer-copy{color:#4f5a6b;font-size:9.5px;letter-spacing:.06em}.footer-link{padding:0;border:0;background:transparent;color:#8fb8d8;font-size:10.5px;text-decoration:underline;text-underline-offset:2px}.footer-link:hover{color:#c9e6ff}.loading{display:flex;align-items:center;justify-content:center;gap:10px;min-height:60vh;color:var(--muted);font-size:13px}.spinner{width:16px;height:16px;border:2px solid rgba(148,163,184,.2);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.app{padding:18px 15px 28px}.stats{grid-template-columns:repeat(2,1fr)}.topbar{flex-direction:column;align-items:flex-start;gap:12px}.topbar-actions{width:100%;justify-content:space-between}.connection{align-self:stretch;justify-content:flex-start}.section-head{flex-direction:column;align-items:flex-start}.filters{justify-content:flex-start}.search-box,.search-box input{width:100%}}@media(max-width:520px){.stat-value{font-size:20px}.connection .updated{display:none}.grid,.server-grid{grid-template-columns:1fr}.tabs{flex-wrap:wrap}.detail-panel{width:100%;border-left:0}.modal-overlay{padding:10px}.league-panel{max-height:90vh}.welcome-modal{padding:20px}.welcome-features{grid-template-columns:1fr}.today-panel{padding:18px}.today-section-head{flex-direction:column;align-items:flex-start}.today-select{width:100%}}