:root{--nuit: #10241b;--nuit-2: #0c1b14;--panel: #1a3326;--line: rgba(242, 239, 230, .12);--craie: #f2efe6;--craie-70: rgba(242, 239, 230, .78);--craie-45: rgba(242, 239, 230, .55);--terra: #e8552e;--or: #d9a93f;--argent: #aab4bf;--bronze: #a9764f;--rouge: #c0331f;--carte: #f2efe6;--carte-ink: #142e20;--carte-ink-60: rgba(20, 46, 32, .6);--font-display: "Barlow Condensed"}*{box-sizing:border-box}body{margin:0;background:var(--nuit);color:var(--craie);font-family:Barlow,sans-serif;font-size:14px;line-height:1.3;-webkit-font-smoothing:antialiased}#root{max-width:440px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;position:relative}.cond{font-family:var(--font-display),sans-serif}main{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;padding:14px 16px 88px}h1,h2,h3{margin:0}.rowh{display:flex;align-items:center}.hpanel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:13px 14px}.hcap{font-family:var(--font-display),sans-serif;font-size:13.5px;font-weight:600;letter-spacing:2.2px;text-transform:uppercase;color:var(--craie-45)}.hcap-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.hcap-row .right{font-size:12px;color:var(--craie-45)}.hdisplay{font-family:var(--font-display),sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.6px;line-height:1.02}.screen-head{display:flex;justify-content:space-between;align-items:flex-start}.screen-head .title{font-size:26px}.screen-head .sub{font-size:12.5px;color:var(--craie-45);margin-top:2px}.hbtn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:var(--terra);color:#fff4ec;font-family:Barlow,sans-serif;font-size:15px;font-weight:700;border:none;border-radius:12px;padding:13px 18px;box-shadow:0 3px 10px #e8552e4d;white-space:nowrap;cursor:pointer}.hbtn:active{transform:scale(.98)}.hbtn-ghost{background:transparent;color:var(--craie);border:1.5px solid var(--line);box-shadow:none}.hbtn-sm{font-size:13px;padding:7px 13px;border-radius:9px;width:auto}.hchip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:999px;padding:4px 13px;font-size:13px;font-weight:500;color:var(--craie-70);background:#f2efe60a;white-space:nowrap}.hchip-on{background:var(--craie);color:var(--nuit);border-color:var(--craie);font-weight:700}.hchip-or{color:var(--or);border-color:#d9a93f73;background:#d9a93f14;font-weight:700}button.hchip{cursor:pointer}.hava{display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:50%;background:var(--panel);border:1.5px solid var(--line);color:var(--craie-70)}.hava-terra{border-color:var(--terra);border-width:2px}.hsep{border:0;border-top:1px solid var(--line);margin:2px 0;width:100%}.hl-terra{box-shadow:inset 3px 0 0 var(--terra);background:#e8552e1a}.hreacts{display:flex;align-items:center;gap:6px}.hreacts .react{border:1px solid var(--line);background:#f2efe60a;border-radius:999px;padding:2px 9px;font-size:11.5px;color:var(--craie-70);cursor:pointer}.hreacts .share{margin-left:auto;font-size:12px;font-weight:600;color:var(--terra);cursor:pointer}.hc{background:var(--carte);color:var(--carte-ink);border-radius:11px;position:relative;overflow:hidden;display:flex;flex-direction:column;border:1.6px solid rgba(20,46,32,.22);box-shadow:0 5px 12px #08120d80,0 1px 3px #08120d59}.hc-bronze{border-color:var(--bronze);box-shadow:0 5px 12px #08120d80,inset 0 0 0 1px #a9764f59}.hc-argent{border-color:var(--argent);box-shadow:0 5px 12px #08120d80,inset 0 0 0 1px #aab4bf73}.hc-or{border-color:var(--or);box-shadow:0 0 0 1px #d9a93f59,0 5px 18px #d9a93f4d,0 5px 12px #08120d73}.hc-honte{border-color:#e0493f;box-shadow:0 0 0 1px #e0493f4d,0 5px 14px #e0493f47;background:#f5ece4}.ph-img{border:1.5px dashed var(--line);border-radius:12px;background:repeating-linear-gradient(45deg,rgba(242,239,230,.05) 0 8px,transparent 8px 16px);display:flex;align-items:center;justify-content:center;font-family:monospace;font-size:11px;color:var(--craie-45);text-align:center;padding:10px;white-space:pre-line}.terrain{position:relative;border-radius:14px;padding:16px 8px;background:linear-gradient(180deg,#1d3d2a,#18352494);background-color:#1b3a28;border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column;gap:13px}.terrain .mark{position:absolute;pointer-events:none;border-color:#f2efe624}.terrain .line{display:flex;align-items:center;justify-content:space-evenly;position:relative}.list-panel{padding:6px 0}.list-row{display:flex;align-items:center;gap:10px;padding:6px 14px;font-size:13.5px;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:none}.list-row .rank{width:14px;font-weight:700;color:var(--craie-45)}.list-row .spacer{margin-left:auto}.list-row .pts-neg{color:var(--rouge)}.list-row .grip{color:var(--craie-45);font-size:15px;cursor:grab}.list-row .order{font-weight:700;width:12px;color:var(--terra)}.merc-bid{display:flex;gap:4px;padding:4px 6px 6px;margin-top:auto}.merc-bid input{flex:1;min-width:0;border:1.4px solid rgba(20,46,32,.3);border-radius:7px;font-size:11px;color:var(--carte-ink);background:transparent;padding:3px 6px;font-family:Barlow,sans-serif}.merc-bid input::placeholder{color:var(--carte-ink-60)}.merc-bid button{background:var(--terra);color:#fff4ec;border:none;border-radius:7px;font-size:11px;font-weight:700;padding:3px 8px;cursor:pointer}.merc-placed{margin-top:auto;text-align:center;padding:4px 6px 7px;font-size:12.5px;font-weight:700;color:var(--carte-ink)}.merc-placed .edit{font-weight:500;color:var(--carte-ink-60);font-size:10.5px}.merc-drawer{margin-top:auto;margin-left:-16px;margin-right:-16px;background:var(--nuit-2);border-top:1px solid var(--line);border-radius:18px 18px 0 0;padding:12px 16px 8px;box-shadow:0 -8px 24px #08120d80;display:flex;flex-direction:column;gap:7px}.merc-drawer .handle{width:36px;height:4px;border-radius:99px;background:#f2efe633;align-self:center;margin-top:-4px}.scoreline{display:flex;justify-content:center;align-items:baseline;gap:16px}.scoreline .score{font-size:34px}.scoreline .lose{color:var(--craie-45)}.scoreline .win{color:var(--craie)}.honte-block{border-color:#c0331f8c;box-shadow:0 0 0 1px #c0331f33;display:flex;gap:14px;padding:13px}nav.htabs{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:440px;display:grid;grid-template-columns:repeat(4,1fr);background:var(--nuit-2);border-top:1px solid var(--line);padding:8px 6px calc(2px + env(safe-area-inset-bottom));z-index:10}nav.htabs button{background:none;border:none;text-align:center;font-size:11px;font-weight:500;color:var(--craie-45);padding:3px 0 1px;cursor:pointer;font-family:Barlow,sans-serif}nav.htabs button .g{display:block;font-size:17px;line-height:1.15}nav.htabs button.active{color:var(--craie);font-weight:700}