/* OGBot — thème « espace » inspiré d'OGame (partagé par la page de connexion et l'interface) */
:root{
  --bg:#04070d; --panel:#0a1322; --panel2:#0e1b30; --line:#1a2c47; --line2:#27426b;
  --txt:#e6eefb; --mut:#7f98ba; --dim:#52698a;
  --acc:#3fa7ff; --acc2:#1d6fc4; --gold:#f2b84b;
  --ok:#3ddc97; --warn:#f2b84b; --bad:#ff5566;
  --metal:#b9c6d8; --crystal:#5fc8ff; --deut:#3fe0b0; --energy:#f2d24b;
  --r:14px; --nav:62px;
  --strong:#fff; --card1:rgba(14,27,48,.78); --card2:rgba(9,17,30,.86); --field:#050c17; --field2:rgba(5,12,23,.7);
  --tint:rgba(63,167,255,.1); --tint2:rgba(63,167,255,.16); --top1:rgba(4,7,13,.95); --top2:rgba(4,7,13,.8); --navbg:rgba(6,11,20,.96);
  --pillbg:rgba(8,15,28,.96); --toastbg:#0c1a2e; --shadow:rgba(0,0,0,.5);
  --t-bad:#ff8a95; --t-exp:#cfa8ff; --al-bad:#ffe3e6; --al-bad-s:#ffc9ce; --al-warn:#ffe9bd; --al-warn-s:#ffe0a0; --al-ok:#c9f7e3; --err-t:#ffd5d9;
  color-scheme:dark;
}
html[data-theme=light]{
  --bg:#edf1f7; --panel:#ffffff; --panel2:#f2f5fa; --line:#dbe3ef; --line2:#bccade;
  --txt:#14233b; --mut:#4d6385; --dim:#7a8cab;
  --acc:#1668c7; --acc2:#0f55a6; --gold:#9a6208;
  --ok:#0f7f55; --warn:#a86b05; --bad:#cf2438;
  --metal:#6f7e94; --crystal:#1d8fd0; --deut:#0e9a74; --energy:#9a7f00;
  --strong:#0b1730; --card1:#ffffff; --card2:#fbfcfe; --field:#f2f5fa; --field2:#f2f5fa;
  --tint:rgba(22,104,199,.08); --tint2:rgba(22,104,199,.13); --top1:rgba(237,241,247,.96); --top2:rgba(237,241,247,.85); --navbg:rgba(255,255,255,.97);
  --pillbg:rgba(255,255,255,.98); --toastbg:#fff; --shadow:rgba(20,35,59,.18);
  --t-bad:#c0182c; --t-exp:#7b3fc4; --al-bad:#7d0f1e; --al-bad-s:#9a2433; --al-warn:#6b4300; --al-warn-s:#7d5200; --al-ok:#0b5a3b; --err-t:#8a1527;
  color-scheme:light;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{-webkit-text-size-adjust:100%;background:var(--bg)}
body{margin:0;color:var(--txt);min-height:100vh;min-height:100dvh;
  font:15px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  background:
    radial-gradient(1200px 700px at 85% -10%, #0f2747 0%, transparent 60%),
    radial-gradient(900px 600px at -10% 110%, #1a1440 0%, transparent 55%),
    var(--bg);
  background-attachment:fixed}
html[data-theme=light] body{background:
    radial-gradient(1000px 600px at 90% -10%, #dce9fb 0%, transparent 60%),
    var(--bg);background-attachment:fixed}
html[data-theme=light] body::before{display:none}
/* champ d'étoiles discret */
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.7;
  background-image:
    radial-gradient(1px 1px at 12% 18%,#cfe6ff 50%,transparent 51%),
    radial-gradient(1px 1px at 33% 72%,#cfe6ff 50%,transparent 51%),
    radial-gradient(1.5px 1.5px at 58% 28%,#fff 50%,transparent 51%),
    radial-gradient(1px 1px at 77% 64%,#cfe6ff 50%,transparent 51%),
    radial-gradient(1px 1px at 90% 12%,#cfe6ff 50%,transparent 51%),
    radial-gradient(1.5px 1.5px at 22% 91%,#fff 50%,transparent 51%),
    radial-gradient(1px 1px at 66% 88%,#cfe6ff 50%,transparent 51%),
    radial-gradient(1px 1px at 4% 52%,#cfe6ff 50%,transparent 51%);
  background-size:420px 420px}
button{font:inherit;color:var(--txt);cursor:pointer}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;
  border-radius:12px;border:1px solid var(--line2);background:var(--panel2);font-weight:650;letter-spacing:.2px;
  transition:transform .08s,filter .15s,background .15s}
.btn:active{transform:scale(.98)}
.btn:hover{filter:brightness(1.12)}
.btn.pri{background:linear-gradient(180deg,#4db1ff,#2b86e0);border-color:#5cbcff;color:#03111f}
.btn.ok{background:linear-gradient(180deg,#46e3a2,#25b97a);border-color:#5cf0b4;color:#03170f}
.btn.bad{background:linear-gradient(180deg,#ff6a78,#e03a4b);border-color:#ff8a95;color:#1d050a}
.btn.ghost{background:transparent}
.btn[disabled]{opacity:.55;pointer-events:none}
input,select,textarea{font:inherit;color:var(--txt);background:var(--field);border:1px solid var(--line);border-radius:10px;
  padding:11px 12px;min-height:46px;width:100%;outline:none;transition:border-color .15s,box-shadow .15s}
input:focus,select:focus,textarea:focus{border-color:var(--acc);box-shadow:0 0 0 3px var(--tint2)}
input[type=checkbox]{width:22px;height:22px;min-height:0;padding:0;accent-color:var(--acc)}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}
.logo img{width:34px;height:34px;border-radius:9px}
.logo small{display:block;font-weight:600;letter-spacing:.6px;color:var(--mut);font-size:10.5px;text-transform:none;margin-top:-2px}