*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#17372f;background:#faf9f4}header{height:62px;background:#fff;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:space-between;padding:0 6%}nav{display:flex;gap:26px}nav a{color:#17372f;text-decoration:none;font-weight:bold}.hero{max-width:1180px;margin:auto;padding:55px 6%;display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.hero h1{font-size:58px;line-height:1;margin:12px 0}.hero h1 span{color:#3e7865}.hero p{font-size:18px;line-height:1.5}.primary{background:#148866;color:white;border:0;border-radius:9px;padding:12px 18px;font-weight:bold;cursor:pointer}.preview{height:290px;background:#08774f;border-radius:20px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;place-items:center;color:white}.preview span{background:white;color:#17372f;border-radius:18px;padding:6px 12px;font-size:12px}.preview span:nth-child(1){grid-column:2}.preview span:nth-child(2){grid-column:3;grid-row:2}.preview strong{grid-column:2;grid-row:2;background:#159364;padding:8px 12px;border-radius:12px;font-size:12px}.preview span:nth-child(4){grid-column:2;grid-row:3}.preview span:nth-child(5){grid-column:1;grid-row:2}.tiles{max-width:1180px;margin:auto;padding:0 6% 45px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tiles article,.panel{background:white;border:1px solid #e4e1d8;border-radius:15px;padding:22px}.tiles button{border:0;background:none;color:#08774f;font-weight:bold;cursor:pointer}.panel{max-width:1180px;margin:0 auto 45px}.modal{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:10px;z-index:20}.hidden{display:none!important}.gamebox{width:min(1200px,98vw);height:min(860px,96vh);background:#f5f4ef;border-radius:18px;padding:14px;position:relative;display:flex;flex-direction:column}.close{position:absolute;right:10px;top:6px;background:none;border:0;font-size:28px;cursor:pointer;z-index:5}.bar{display:flex;gap:22px;padding:5px 42px 10px;border-bottom:1px solid #ddd;flex-wrap:wrap}.status{text-align:center;font-weight:bold;padding:8px}.board{position:relative;flex:1;min-height:520px;background:#087a51;border-radius:18px;color:white;overflow:hidden}.seat{position:absolute;text-align:center;font-size:12px;z-index:2}.north{top:6px;left:50%;transform:translateX(-50%)}.south{bottom:5px;left:50%;transform:translateX(-50%)}.east{right:6px;top:42%}.west{left:6px;top:42%}.backs,.hand{display:flex;justify-content:center;gap:4px;margin-top:4px;flex-wrap:wrap}.back{width:28px;height:47px;background:#284f82;border:2px solid white;border-radius:5px;margin-left:-9px;display:grid;place-items:center}.hand{max-width:850px}.card{width:61px;height:87px;background:white;color:#111;border:1px solid #bbb;border-radius:8px;padding:6px;display:flex;flex-direction:column;justify-content:space-between;font-weight:bold;font-size:18px;box-shadow:0 2px 5px #0004}.card.red{color:#b01827}.card.playable{cursor:pointer}.card.playable:hover{transform:translateY(-10px)}.card:disabled,.card.disabled{opacity:1}.trick{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);display:flex;gap:6px;align-items:end}.played{text-align:center}.played small{display:block}.turned .card{margin:5px auto}.bid{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);background:#f7f6f1;color:#17372f;border-radius:15px;padding:16px;min-width:380px;display:flex;gap:20px;align-items:center;justify-content:center;box-shadow:0 8px 28px #0005}.bidButtons{display:flex;gap:7px;flex-wrap:wrap}.bid button{padding:10px 12px;border:1px solid #bbb;background:white;border-radius:8px;font-weight:bold;cursor:pointer}.rulesBox{background:white;color:#17372f;width:min(820px,95vw);max-height:92vh;overflow:auto;border-radius:18px;padding:28px;position:relative}.rulesBox li,.rulesBox p{line-height:1.5}@media(max-width:800px){.hero,.tiles{grid-template-columns:1fr}.hero h1{font-size:42px}.card{width:47px;height:67px;font-size:14px}.bid{min-width:90%;flex-direction:column}.board{min-height:470px}}
/* IQ200 V3 — lisibilité */
body{font-size:18px}.bar{font-size:20px;font-weight:700}.status{font-size:23px;background:#075f3e;color:#fff;border-radius:9px;margin-bottom:7px}.seat{font-size:17px;font-weight:800}.card{width:82px;height:116px;font-size:30px;border:2px solid #bbb}.card span:last-child{font-size:42px;align-self:center}.card.playable{border:4px solid #ffe47a}.back{width:40px;height:62px;font-size:25px}.hand{gap:6px}.played small{font-size:16px;background:#075f3e;color:white;padding:3px 7px;border-radius:6px}.bid{font-size:19px}.bid button{font-size:18px;padding:12px}.settingsBox label{display:flex;justify-content:space-between;align-items:center;background:#ece7dc;margin:12px 0;padding:13px 18px;border-radius:24px;font-size:21px;font-weight:700}.settingsBox input{width:28px;height:28px}.settingsLinks{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.settingsLinks button,#settingsBtn{border:0;border-radius:18px;padding:9px 14px;font-weight:700}#settingsBtn{background:#eef4ef;color:#17372f}@media(max-width:800px){.card{width:58px;height:84px;font-size:21px}.card span:last-child{font-size:30px}.bar{font-size:16px}.status{font-size:19px}}

.tableBox{background:#f7f4eb;width:min(920px,96vw);border:4px solid #15867b;border-radius:22px;padding:30px;position:relative}
.tableBox h1{text-align:center;font-size:38px;margin:5px 0}.tableIntro{text-align:center;font-size:20px}.balance{margin:18px auto;background:#075f3e;color:#fff;border-radius:14px;padding:13px 20px;width:max-content;font-size:24px}
.tableGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.tableChoice{border:2px solid #d2c9b7;background:#fff;border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:7px;align-items:center;color:#17372f}
.tableChoice:hover{border-color:#087b53;transform:translateY(-2px)}.tableChoice strong{font-size:24px}.tableChoice span{font-size:21px}.tableChoice small{font-size:16px}.freeTable{grid-column:1/-1;background:#e9fff4;border-color:#087b53}
.demoNotice{text-align:center;background:#fff4cf;border-radius:10px;padding:10px;font-size:15px}@media(max-width:700px){.tableGrid{grid-template-columns:1fr}.freeTable{grid-column:auto}}