:root{
  --bg:#07090d;
  --panel:#111722;
  --panel2:#151d2a;
  --border:#2d3848;
  --text:#eef2ff;
  --muted:#a7b0c2;
  --red:#ef4444;
  --yellow:#facc15;
  --green:#35c16f;
  --cyan:#7dd3fc;
  --blue:#60a5fa;
  --shadow:0 22px 55px rgba(0,0,0,.42);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:radial-gradient(circle at top,#201014 0%,#0a0e15 42%,#05070a 100%);color:var(--text);font-family:Segoe UI,Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}
.ij-body{min-height:100vh}
.ij-header{max-width:1660px;margin:0 auto;padding:22px 24px;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;border-bottom:1px solid rgba(255,255,255,.08)}
.ij-eyebrow{margin:0 0 8px;color:#ff7a7f;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800}
.ij-header h1{margin:0;font-size:40px;line-height:1.05}
.ij-subtitle{margin:10px 0 0;color:var(--muted);font-size:16px;max-width:900px}
.ij-actions{display:flex;gap:10px;flex-wrap:wrap;padding-top:4px}
.ij-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.035);font-weight:800;cursor:pointer;color:var(--text)}
.ij-btn:hover{border-color:rgba(125,211,252,.65);color:#dff6ff}
.ij-btn-primary{background:linear-gradient(180deg,rgba(96,165,250,.28),rgba(37,99,235,.18));border-color:rgba(96,165,250,.55)}
.ij-btn-soft{background:rgba(255,255,255,.055)}
.ij-main{max-width:1660px;margin:0 auto;padding:22px 24px 28px}

/* Même esthétique que l'original, cartes juste un peu plus compactes */
.ij-grid{display:grid;grid-template-columns:repeat(4,minmax(280px,1fr));gap:18px}

.ij-card,.ij-panel,.ij-detail-hero{background:linear-gradient(180deg,rgba(19,25,36,.98),rgba(10,14,21,.98));border:1px solid var(--border);border-radius:26px;box-shadow:var(--shadow);padding:18px;position:relative;overflow:hidden}
.ij-card::before,.ij-detail-hero::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--border)}
.ij-card-online::before,.ij-detail-hero.ij-card-online::before{background:var(--green)}
.ij-card-reboot::before,.ij-detail-hero.ij-card-reboot::before{background:var(--yellow)}
.ij-card-offline::before,.ij-detail-hero.ij-card-offline::before{background:var(--red)}
.ij-card-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.ij-game-name{margin:0 0 6px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:12px}
.ij-card h2,.ij-panel h2,.ij-detail-hero h2{margin:0;font-size:24px;line-height:1.12}
.ij-description{color:var(--muted);line-height:1.45;min-height:40px;font-size:15px}
.ij-status{white-space:nowrap;border-radius:999px;padding:8px 12px;border:1px solid var(--border);font-weight:900}
.ij-status-online{color:#c9fddd;border-color:rgba(53,193,111,.55);background:rgba(53,193,111,.10)}
.ij-status-reboot{color:#fff1a8;border-color:rgba(250,204,21,.60);background:rgba(250,204,21,.11)}
.ij-status-offline{color:#ffd0d0;border-color:rgba(239,68,68,.60);background:rgba(239,68,68,.12)}
.ij-player-line{display:flex;align-items:baseline;gap:8px;margin-top:10px}
.ij-player-line strong{font-size:42px;line-height:1}.ij-player-line span{color:var(--muted);font-weight:800}
.ij-meter{height:11px;border-radius:999px;background:#243044;overflow:hidden;margin:12px 0 16px;border:1px solid rgba(255,255,255,.06)}
.ij-meter-fill{height:100%;background:linear-gradient(90deg,var(--green),var(--cyan));border-radius:999px;min-width:2px}
.ij-info-list{display:grid;gap:9px}.ij-info-list div{display:flex;justify-content:space-between;gap:14px;padding:9px 11px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:rgba(255,255,255,.025)}
.ij-info-list span{color:var(--muted)}.ij-info-list strong{text-align:right;word-break:break-word;max-width:62%}
.ij-players{margin-top:12px;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:11px;background:rgba(255,255,255,.025)}
.ij-players summary{cursor:pointer;font-weight:900}.ij-players ul{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:8px}.ij-players li{display:flex;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:12px;background:rgba(0,0,0,.18)}.ij-players small{color:var(--muted)}
.ij-card-actions{display:flex;justify-content:flex-end;margin-top:14px}.ij-muted{color:var(--muted)}
.ij-detail-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:22px}.ij-big-count{text-align:right}.ij-big-count strong{font-size:60px;line-height:1}.ij-big-count span{display:block;color:var(--muted);font-weight:900}
.ij-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(320px,1fr));gap:22px}.ij-panel-players{grid-column:1/-1}.ij-info-list-large div{padding:12px 14px}
.ij-player-table{display:grid;gap:8px}.ij-player-table-head,.ij-player-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;padding:11px 12px;border-radius:14px}.ij-player-table-head{background:#1f2937;color:#93c5fd;font-weight:900}.ij-player-row{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}
code{background:#101827;border:1px solid #2d3848;border-radius:8px;padding:2px 6px;color:#93c5fd}

/* 3 cartes par ligne sur écrans moyens */
@media(max-width:1450px){.ij-grid{grid-template-columns:repeat(3,minmax(300px,1fr))}}

/* 2 cartes par ligne tablette / fenêtres moins larges */
@media(max-width:1200px){.ij-grid,.ij-detail-grid{grid-template-columns:repeat(2,minmax(280px,1fr))}.ij-header{flex-direction:column}.ij-detail-hero{flex-direction:column;align-items:flex-start}.ij-big-count{text-align:left}}

/* Mobile */
@media(max-width:760px){.ij-grid,.ij-detail-grid{grid-template-columns:1fr}.ij-main,.ij-header{padding:16px}.ij-header h1{font-size:32px}.ij-info-list div{flex-direction:column}.ij-info-list strong{text-align:left;max-width:100%}.ij-player-table-head,.ij-player-row{grid-template-columns:1fr}}

/* ============================================================
   InfoJeux — ajouts communautaires + reboots planifiés
   ============================================================ */
.ij-card-soon::before,
.ij-detail-hero.ij-card-soon::before{background:#2563eb}
.ij-card-fail::before,
.ij-detail-hero.ij-card-fail::before{background:#f97316}
.ij-status-soon{color:#dbeafe;border-color:rgba(37,99,235,.65);background:rgba(37,99,235,.16)}
.ij-status-fail{color:#ffedd5;border-color:rgba(249,115,22,.72);background:rgba(249,115,22,.16)}
.ij-reboot-box{margin-top:12px;padding:10px 12px;border-radius:15px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px}
.ij-reboot-box span{color:var(--muted);font-weight:800}.ij-reboot-box strong{font-size:17px;white-space:nowrap}.ij-reboot-soon{border-color:rgba(37,99,235,.6);background:rgba(37,99,235,.13)}.ij-reboot-reboot{border-color:rgba(250,204,21,.6);background:rgba(250,204,21,.11)}.ij-reboot-fail{border-color:rgba(249,115,22,.7);background:rgba(249,115,22,.14)}.ij-reboot-normal{opacity:.86}
.ij-card-actions-split{justify-content:space-between;gap:10px;flex-wrap:wrap}.ij-actions-inline{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.ij-btn-danger{border-color:rgba(239,68,68,.65);background:rgba(239,68,68,.13);color:#ffd0d0}.ij-btn-danger:hover{border-color:rgba(239,68,68,.95);color:#fff}
.ij-form-panel{background:linear-gradient(180deg,rgba(19,25,36,.98),rgba(10,14,21,.98));border:1px solid var(--border);border-radius:26px;box-shadow:var(--shadow);padding:20px;display:grid;gap:20px}.ij-form-section{border-top:1px solid rgba(255,255,255,.08);padding-top:18px}.ij-form-section h2{margin:0 0 8px;font-size:22px}.ij-form-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:14px}.ij-field{display:flex;flex-direction:column;gap:7px}.ij-field-wide{grid-column:1/-1}.ij-field label{font-weight:900;color:#dbeafe}.ij-field input,.ij-field select,.ij-field textarea{width:100%;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.20);color:var(--text);border-radius:13px;padding:11px 12px;font:inherit}.ij-field textarea{resize:vertical}.ij-field input:focus,.ij-field select:focus,.ij-field textarea:focus{outline:none;border-color:rgba(125,211,252,.70);box-shadow:0 0 0 3px rgba(125,211,252,.10)}.ij-form-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;border-top:1px solid rgba(255,255,255,.08);padding-top:18px}
@media(max-width:760px){.ij-form-grid{grid-template-columns:1fr}.ij-reboot-box{flex-direction:column;align-items:flex-start}}