*{box-sizing:border-box}
:root{
	/* Palette inspirée du logo DR (doré sur fond nature) */
	--bg:#0a0f0d;             /* vert-noir profond */
	--panel:#0e1512;          /* panel sombre verdâtre */
	--panel-2:#121a16;        /* variante panel */
	--border:#1b2a22;         /* bordure atténuée */
	--text:#ecf3ea;           /* texte clair légèrement verdâtre */
	--muted:#c6d2c8;          /* texte secondaire */
	--brand:#d4af37;          /* or principal */
	--primary:#c9a227;        /* or moyen pour CTA */
	--primary-2:#b8921f;      /* or plus sombre au hover */
	--ok:#16a34a;             /* succès */
	--bad:#dc2626;            /* erreur */
	--radius:12px;
	--shadow:0 10px 30px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.02);
}
body{margin:0;font-family:system-ui,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}
.container{max-width:1160px;margin:0 auto;padding:0 20px}

.site-header{position:sticky;top:0;background:#0b120ecc;backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--border);z-index:10}
.navbar{display:flex;justify-content:space-between;align-items:center;padding:14px 0}
.brand{display:flex;align-items:center;gap:10px}
.brand-logo{width:36px;height:36px;border-radius:8px;box-shadow:0 0 0 2px rgba(212,175,55,.22)}
.brand .title{font-weight:600}
nav a{color:var(--muted);margin-left:14px;text-decoration:none}
nav a:hover{color:var(--text)}
.nav-user{display:inline-flex;align-items:center;gap:8px;margin-left:14px}
.nav-user img{width:28px;height:28px;border-radius:50%;border:1px solid var(--border);object-fit:cover}
.nav-user .user-name{color:var(--text);font-size:14px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-user .btn-mini{padding:6px 10px}
.nav-icons{display:inline-flex;gap:10px;margin-left:14px}
.icon-link{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;border:1px solid var(--border);color:var(--brand);background:rgba(212,175,55,.08)}
.icon-link:hover{background:rgba(212,175,55,.16);color:#f2d37a}

.hero{background:linear-gradient(180deg, rgba(212,175,55,.06) 0%, rgba(0,0,0,0) 30%), radial-gradient(1200px 400px at 20% -50%, rgba(212,175,55,.08), transparent), radial-gradient(1000px 600px at 120% 10%, rgba(0,60,40,.35), transparent),
	url('assets/hero-bg.jpg') center/cover no-repeat; border-bottom:1px solid var(--border)}
.hero-inner{padding:64px 0}
.hero-text{display:flex;flex-direction:column;align-items:center}
.hero-text h1{margin:0 0 12px;font-size:34px;text-align: center;}
.hero-text p{margin:0 0 20px;color:var(--muted);max-width:760px;text-align: center;}
.actions{display:flex;gap:12px}
.actions{display:flex;gap:12px;justify-content:center}
.btn{display:inline-block;padding:10px 14px;border-radius:8px;border:1px solid var(--border);color:var(--text);text-decoration:none;background:transparent}
.btn.primary{background:var(--primary);border:none}
.btn.primary:hover{background:var(--primary-2)}

main{margin:24px 0;flex:1}
.section{padding:20px 0}
h1,h2{margin:0 0 12px}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
@media (max-width: 900px){
	.cards{grid-template-columns:1fr}
}
.card{background:var(--panel-2);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:var(--shadow)}
.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.card-title{font-weight:600}
.card-actions{display:flex;gap:8px}
.btn-mini{font-size:12px;padding:6px 8px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer}
.btn-mini:hover{background:rgba(212,175,55,.12)}
.meter{height:6px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--border);overflow:hidden;margin:8px 0 10px}
.meter > span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--brand));width:0}
.server-meta{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:14px}
.server-meta .dot{font-size:18px;line-height:0}
.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px}
.badge.online{background:rgba(22,163,74,.2);color:#cfe;border:1px solid rgba(22,163,74,.35)}
.badge.offline{background:rgba(220,38,38,.2);color:#fee;border:1px solid rgba(220,38,38,.35)}
.post{border:1px solid var(--border);border-radius:12px;padding:14px;margin-bottom:12px;background:var(--panel)}
.post h3{margin:0 0 6px}

.site-footer{padding:18px 0;text-align:center;border-top:1px solid var(--border);background:#0b120e}
.footer-inner p{margin:4px 0;color:var(--muted)}

/* Server card layout */
.server{display:grid;grid-template-rows:auto 1fr auto;gap:12px}
.server-head{display:flex;align-items:center;justify-content:space-between}
.server-title{display:inline-block;margin:0;padding:6px 12px;border:1px solid var(--border);border-radius:10px;background:var(--panel);font-weight:600}
.server-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.status-circle{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--ok);color:#cfe;background:rgba(22,163,74,.15)}
.status-circle.off{border-color:var(--bad);color:#fee;background:rgba(220,38,38,.15)}
.top-right{display:flex;align-items:center;gap:12px}
.players-circle{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--border);background:rgba(255,255,255,.05);color:var(--text);font-size:13px}
.server-image{width:100%;height:140px;border-radius:12px;border:1px solid var(--border);background:#0f1a15 url('assets/server-placeholder.jpg') center/cover no-repeat}
.server-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.box{border:1px solid var(--border);background:var(--panel);border-radius:10px;padding:10px}
.box .label{color:var(--muted);font-size:12px;margin-bottom:6px}
.box .value{color:var(--text)}

/* Lookup form styling */
.lookup-card{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;border:1px solid rgba(212,175,55,.15);background:linear-gradient(180deg, rgba(212,175,55,.04), rgba(10,15,13,.9));}
.lookup-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.lookup-title{font-weight:600}
.lookup-sub{color:var(--muted);font-size:13px}
.lookup-row{display:flex;flex-direction:column;gap:8px}
.lookup-row label{color:var(--muted);font-size:13px}
.lookup-input-wrap{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.lookup-input{flex:1;min-width:240px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.lookup-input:focus{outline:1px solid var(--brand);border-color:var(--brand);}
.pill.mini{background:rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.3);padding:4px 10px;border-radius:999px;font-size:12px;color:var(--brand)}