:root{font:16px system-ui,sans-serif;color:#18231d;background:#f7f7f2}*{box-sizing:border-box}body{margin:0}main{max-width:1280px;margin:auto;padding:28px 20px 70px}header{border-bottom:2px solid #294332;padding-bottom:20px;margin-bottom:22px}h1{font-size:clamp(28px,4vw,48px);letter-spacing:-1.5px;margin:12px 0}h2{font-size:23px}p{line-height:1.5}.muted,small{color:#5a685e}a{color:#294e36}button,input,select{font:inherit;border:1px solid #aebfb0;border-radius:7px;padding:10px;background:white}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}.primary{background:#294332;color:white}label{display:grid;gap:6px}nav,.tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:18px 0}.tools input{flex:1;min-width:180px}nav a{padding:14px 20px;background:white;border:1px solid #aebfb0;border-radius:9px;text-decoration:none}.notice{padding:14px;background:#f3edda;border-left:4px solid #b48a2d;margin:16px 0}#status{min-height:24px;color:#3e6349}#status.error{color:#a52121}.tablebox{overflow:auto;border:1px solid #d9e2d5;border-radius:10px;background:white}table{width:100%;border-collapse:collapse;min-width:900px}th,td{padding:12px 9px;border-bottom:1px solid #e5eadf;text-align:left}th{background:#eaf0e5;font-size:12px;text-transform:uppercase}.stars{white-space:nowrap;display:flex;gap:0}.star{font-size:23px;border:0;padding:3px;color:#a0aaa1;background:transparent}.star.on{color:#ba7b00}.star:disabled{opacity:1}.swatches{display:flex;gap:4px}.sw{display:inline-block;width:23px;height:23px;border-radius:4px;border:1px solid #0002}.cards{display:grid;gap:12px}.card{background:white;border:1px solid #d9e2d5;padding:16px;border-radius:9px}.card strong{display:block;margin:8px 0;font-size:21px}.card .tools{margin-bottom:0}.stats{display:flex;gap:20px;flex-wrap:wrap;margin:20px 0}.stats b{font-size:24px}#auth{max-width:600px;background:white;padding:22px;border:1px solid #d9e2d5;border-radius:12px}.hidden{display:none!important}pre{white-space:pre-wrap;overflow-wrap:anywhere}.preview{padding:14px;background:white;border:1px solid #bbb}button:focus-visible,a:focus-visible{outline:3px solid #b57e13;outline-offset:3px}@media(max-width:650px){main{padding:18px 12px}.tools>*{max-width:100%}.card strong{font-size:18px}h1{letter-spacing:-1px}}
@media(max-width:650px){.tablebox{border:0;background:transparent}table{min-width:0}thead{display:none}tbody tr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;background:white;border:1px solid #d9e2d5;border-radius:9px;padding:12px;margin-bottom:12px}td{display:block;border:0;padding:3px;overflow-wrap:anywhere}td:nth-child(1){grid-column:1}td:nth-child(1)::before{content:'Rang ';font-size:12px;color:#5a685e}td:nth-child(2){grid-column:2/5}td:nth-child(3){grid-column:1/-1}td:nth-child(4)::before{content:'Manu'}td:nth-child(5)::before{content:'Jérôme'}td:nth-child(6)::before{content:'Ludo'}td:nth-child(7)::before{content:'Seb'}td:nth-child(n+4):nth-child(-n+7)::before{display:block;font-size:12px;color:#5a685e;margin:8px 0 4px}td:nth-child(8){grid-column:1/3}td:nth-child(8)::before{content:'Total : '}td:nth-child(9){grid-column:3/5;text-align:right}.star{padding:5px 1px;font-size:24px}.card select{width:100%;min-width:0}}