:root{--c-bg:#15151c;--c-bg-header:#0f0f14;--c-separator:#19191e;--c-surface:#1e1e24;--c-row-start:#191a20;--c-row-end:#252936;--c-track:#393941;--c-text:#e2e2e2;--c-text-dim:#adadad;--c-text-faint:#7a8f84;--c-online:#6cb76f;--c-offline:#b76c6c;--c-version-bg:#212a28;--c-version-txt:#7a8f84;--c-join-bg:#225959;--c-join-hover:#2d7070;--c-bar-fill:#67946b;--c-stat-value:#9ca96f;--g-brand:linear-gradient(90deg,#292f9b 0%,#ffffff 50%,#8b241d 100%);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--r-xs:3px;--r-sm:5px;--r-md:8px;--r-pill:999px;--font-ui:'Poppins','Segoe UI',system-ui,-apple-system,sans-serif;--font-mono:'JetBrains Mono',ui-monospace,'Cascadia Mono',Consolas,monospace;--ease:cubic-bezier(0.2,0.7,0.3,1);--t-fast:150ms;--t-med:260ms;--page-max:1400px;--header-h:121px;--row-h:53px;--g-table-header:linear-gradient(90deg,#191a20 0%,#222431 40%,#252936 100%)}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:var(--c-bg);color:var(--c-text);font-family:var(--font-ui);font-weight:900;font-size:14px;line-height:1.4;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;display:flex;flex-direction:column}h1,h2,p{margin:0}a{color:inherit;text-decoration:none} :focus-visible{outline:2px solid var(--c-join-bg);outline-offset:2px;border-radius:var(--r-xs)} ::selection{background:#6e72bc;color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--sp-4);top:-60px;z-index:200;padding:var(--sp-2) var(--sp-4);background:var(--c-join-bg);color:#fff;font-weight:700;border-radius:var(--r-sm);transition:top var(--t-fast) var(--ease)}.skip-link:focus{top:var(--sp-4)}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.site-header{position:sticky;top:0;z-index:100;background:var(--c-bg-header)}.site-header__inner{max-width:var(--page-max);margin:0 auto;min-height:var(--header-h);padding:var(--sp-4) var(--sp-6);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}.header-line{height:3px;background:var(--c-separator)}.brand{display:inline-flex;align-items:center;gap:var(--sp-3);transition:opacity var(--t-fast) var(--ease)}.brand:hover{opacity:0.82}.brand__logo{width:52px;height:52px;flex:none;border-radius:12px;box-shadow:0 0 0 1px rgba(255,255,255,0.03),0 12px 30px rgba(0,0,0,0.8);transition:transform var(--t-med) var(--ease),box-shadow var(--t-med) var(--ease)}.brand:hover .brand__logo{transform:translateY(-2px) scale(1.03);box-shadow:0 0 0 1px rgba(255,255,255,0.06),0 18px 40px rgba(0,0,0,0.9)}.brand__name{font-size:26px;font-weight:900;letter-spacing:0.12em;text-transform:uppercase;white-space:nowrap;background:var(--g-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}.brand__name{font-size:28px;font-weight:900;letter-spacing:0.05em;white-space:nowrap;background:var(--g-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.site-nav__link{font-size:14px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--c-text-dim);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-pill);border:1px solid rgba(110,114,188,0.35);background:radial-gradient(circle at 0% 0%,rgba(110,114,188,0.26),transparent 60%);position:relative;transition:color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease),transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.site-nav__link::after{content:'';position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(255,255,255,0.06);opacity:0;pointer-events:none;transition:opacity var(--t-fast) var(--ease)}.site-nav__link:hover{color:#ffffff;border-color:rgba(110,114,188,0.7);background:radial-gradient(circle at 10% 0%,rgba(110,114,188,0.4),transparent 70%);transform:translateY(-1px);box-shadow:0 10px 26px -10px rgba(0,0,0,0.9)}.site-nav__link:hover::after{opacity:1}.page{flex:1;width:100%;max-width:var(--page-max);margin:0 auto;padding:var(--sp-8) var(--sp-6) var(--sp-10);display:flex;flex-direction:column}.panel__head{margin-bottom:var(--sp-5)}.panel__title{font-size:20px;font-weight:900;text-transform:uppercase;letter-spacing:0.04em;color:var(--c-text)}.panel__subtitle{margin-top:4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.045em;color:var(--c-text-dim)}.table-wrap{border-radius:var(--r-md);max-height:530px;overflow:auto;overscroll-behavior:contain;scrollbar-color:rgba(217,217,217,0.25) transparent;scrollbar-width:thin}.table-wrap::-webkit-scrollbar{width:2px;height:8px}.table-wrap::-webkit-scrollbar-thumb{background:rgba(217,217,217,0.4);border-radius:var(--r-pill)}.servers{width:100%;min-width:920px;border-collapse:collapse;table-layout:fixed}.col-flag{width:60px}.col-status{width:148px}.col-ip{width:136px}.col-players{width:180px}.col-map{width:200px}.col-version{width:126px}.col-join{width:144px}.servers thead tr{position:sticky;top:0;z-index:1;background:var(--g-table-header);color:var(--c-text);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:0.06em;text-align:center;padding:0 var(--sp-2);height:var(--row-h);white-space:nowrap;border-bottom:1px solid rgba(217,217,217,0.06)}.servers tbody td{height:var(--row-h);padding:var(--sp-2);text-align:center;border-bottom:1px solid rgba(217,217,217,0.04);vertical-align:middle}.server-row{background:linear-gradient(90deg,rgba(25,26,32,0.95) 0%,rgba(37,41,54,0.98) 50%,rgba(20,21,28,1) 100%);transition:transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),filter var(--t-fast) var(--ease)}.server-row:hover{filter:none;transform:translateY(-2px);box-shadow:0 10px 30px -12px rgba(0,0,0,0.85)}.server-row:last-child td{border-bottom:0}.warn-icon{width:22px;height:22px;vertical-align:middle;transition:transform var(--t-fast) var(--ease)}.warn-icon[hidden]{display:none}.server-row:hover .warn-icon{transform:scale(1.12) translateY(-1px)}.status{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:0.08em}.status__dot{width:10px;height:10px;border-radius:var(--r-pill);flex:none;background:currentcolor}.status--online{color:var(--c-online)}.status--offline{color:var(--c-offline)}.status--online .status__dot{box-shadow:0 0 0 0 rgba(108,183,111,0.6);animation:pulse 2.6s var(--ease) infinite}.ip{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:0.02em;color:rgba(255,255,255,0.94)}.server-name{display:block;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:0.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-inline:var(--sp-2);color:#ffffff}.players{display:inline-flex;flex-direction:column;align-items:flex-start;gap:var(--sp-1);width:150px}.players__count{font-family:var(--font-mono);font-size:11px;font-weight:500;color:#fff}.players__bar{width:100%;height:6px;border-radius:var(--r-pill);background:var(--c-track);overflow:hidden}.players__fill{display:block;height:100%;width:var(--fill,0%);border-radius:var(--r-pill);background:var(--c-bar-fill);transition:width 600ms var(--ease)}.players--full .players__fill{background:var(--c-offline)}.players--empty .players__fill{background:var(--c-track)}.map{font-family:var(--font-mono);font-size:12px;font-weight:500;color:rgba(255,255,255,0.82)}.version{display:inline-block;padding:4px 10px;background:var(--c-version-bg);color:var(--c-version-txt);font-family:var(--font-mono);font-size:12px;font-weight:700;border-radius:var(--r-md);transition:background var(--t-fast) var(--ease)}.version--outdated{background:#2a2010;color:#c9a84c}.btn-join{display:inline-block;padding:6px 16px;background:var(--c-join-bg);color:#fff;font-family:var(--font-ui);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:0.12em;border-radius:var(--r-pill);border:1px solid rgba(255,255,255,0.08);white-space:nowrap;transition:background var(--t-fast) var(--ease),transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.btn-join:hover{background:var(--c-join-hover);border-color:rgba(255,255,255,0.18);transform:translateY(-1px);box-shadow:0 10px 26px -10px rgba(34,89,89,0.85)}.btn-join:active{transform:translateY(0);box-shadow:none}.btn-join[aria-disabled='true']{background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.25);cursor:not-allowed;pointer-events:none}.stats{margin-top:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-4)}.stat-card{position:relative;background:radial-gradient(circle at 0% 0%,rgba(110,114,188,0.16),rgba(30,30,36,1));border-radius:var(--r-md);padding:var(--sp-4) var(--sp-5);min-height:88px;display:flex;flex-direction:column;justify-content:center;gap:var(--sp-2);box-shadow:0 0 0 1px rgba(255,255,255,0.02),0 18px 34px -20px rgba(0,0,0,1);overflow:hidden;transition:transform var(--t-med) var(--ease),box-shadow var(--t-med) var(--ease),border-color var(--t-med) var(--ease)}.stat-card::before{content:'';position:absolute;inset:-40%;opacity:0;background:radial-gradient(circle at 20% 0%,rgba(110,114,188,0.55),transparent 65%);transition:opacity var(--t-med) var(--ease);pointer-events:none}.stat-card:hover{transform:translateY(-4px);box-shadow:0 0 0 1px rgba(255,255,255,0.04),0 26px 44px -26px rgba(0,0,0,1)}.stat-card:hover::before{opacity:1}.stat-card__label{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:0.12em;color:rgba(255,255,255,0.5)}.stat-card__value{font-size:20px;font-weight:900;color:var(--c-stat-value);font-variant-numeric:tabular-nums}.stat-card--brand{flex-direction:row;align-items:center;gap:var(--sp-3)}.stat-card__logo{width:44px;height:44px;flex:none}.stat-card__brand-text{display:flex;flex-direction:column;gap:2px;min-width:0}.brand__name--sm{font-size:18px}.stat-card__release{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--c-text-dim);letter-spacing:0.04em}.site-footer{max-width:var(--page-max);width:100%;margin:0 auto;padding:0 var(--sp-6) var(--sp-8)}.site-footer__status{font-size:11px;font-weight:700;letter-spacing:0.03em;color:var(--c-text-faint)}.site-footer__status--error{color:var(--c-offline)}.state-row td{padding:var(--sp-10) var(--sp-4);color:var(--c-text-dim);font-size:13px;text-align:center;letter-spacing:0.03em}.state-row--empty td::before{content:'Aucun serveur actif';display:block;font-size:11px;text-transform:uppercase;letter-spacing:0.12em;color:rgba(255,255,255,0.32);margin-bottom:var(--sp-2)}.state-row--empty td{color:rgba(255,255,255,0.6)}.state-row--error td{color:var(--c-offline)}.state-row__spinner{display:inline-block;width:14px;height:14px;margin-right:var(--sp-2);vertical-align:-2px;border:2px solid rgba(217,217,217,0.12);border-top-color:#6e72bc;border-radius:var(--r-pill);animation:spin 700ms linear infinite}@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(108,183,111,0.6)}70%{box-shadow:0 0 0 6px rgba(108,183,111,0)}100%{box-shadow:0 0 0 0 rgba(108,183,111,0)}}.site-header{animation:rise 350ms var(--ease) both}.panel{flex:1}.stats{margin-top:auto}.server-row--enter{animation:fade-in 260ms var(--ease) both;animation-delay:calc(var(--i,0) * 26ms)}