*{box-sizing:border-box}body{color:#f2f2f2;background:#14161f;margin:0;font-family:system-ui,sans-serif;line-height:1.5}header{text-align:center;background:linear-gradient(#ff7a00,#b8400a);padding:24px 16px}header h1{margin:0;font-size:3rem}header img,section img{border-radius:12px;max-width:100%;margin-top:12px}main{max-width:800px;margin:0 auto;padding:16px}section{background:#1f2330;border-radius:12px;margin:16px 0;padding:12px 20px}h2{color:#ffa63d}.cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.card{background:#2b3042;border-radius:10px;padding:8px 14px}.card h3{color:#ffd27a;margin:4px 0}table{border-collapse:collapse;width:100%}td,th{text-align:left;border:1px solid #3a4058;padding:8px}th{background:#2b3042}.ranks span{color:#111;background:#ff7a00;border-radius:20px;margin:4px;padding:4px 12px;font-weight:700;display:inline-block}button{color:#111;cursor:pointer;background:#ff7a00;border:none;border-radius:10px;margin-top:12px;padding:10px 28px;font-size:1.2rem;font-weight:700}#terrain{background:#2b3042;border-radius:10px;height:300px;position:relative;overflow:hidden}#ennemi{cursor:pointer;background:#e53935;border-radius:50%;width:60px;height:60px;position:absolute}
