:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#ede9dd;background:#111819;font-size:17px;line-height:1.65}*{box-sizing:border-box}body{margin:0}a{color:#a7d9c9}a:hover{color:#fff}header{background:#162223;border-bottom:1px solid #38504c;padding:1rem max(1rem,calc((100vw - 1120px)/2));position:relative}.brand{display:block;color:#e7d4aa;text-decoration:none;font-weight:700;letter-spacing:.04em;margin-bottom:.7rem}nav[aria-label=Sommaire]{display:flex;gap:.6rem;flex-wrap:wrap}nav[aria-label=Sommaire] a{font-size:.78rem;line-height:1.25;padding:.45rem .55rem;border:1px solid #41625b;border-radius:.35rem;text-decoration:none;color:#cae2d9}.active,nav a:hover{background:#29463f}main{max-width:940px;margin:auto;padding:2.5rem 1.3rem 5rem}h1,h2,h3{font-family:Georgia,serif;line-height:1.2;color:#f1ddaf}h1{font-size:clamp(2.2rem,5vw,3.7rem)}h2{font-size:1.8rem;margin-top:2.8rem;border-top:1px solid #40514b;padding-top:1.3rem}h3{font-size:1.3rem;margin-top:2rem}p,li{max-width:76ch}ul,ol{padding-left:1.5rem}blockquote{background:#23312e;border-left:4px solid #b7ad79;margin:1.4rem 0;padding:.5rem 1.2rem}blockquote p{margin:.5rem 0}mark{background:#665330;color:#fff0c8;padding:.05rem .2rem}table{display:block;overflow-x:auto;border-collapse:collapse;max-width:100%;font-size:.88rem}th,td{border:1px solid #50635d;padding:.45rem .65rem;min-width:120px}th{background:#23312e}code{font-family:Consolas,monospace}pre{overflow-x:auto;background:#202b2a;padding:1rem;border-radius:.4rem}pre code{white-space:pre-wrap}.draft{border-left:3px solid #cfad6c;padding:.6rem 1rem;background:#2b2922;color:#f3dfb5}.figure{border:1px solid #547469;background:#1b2a28;border-radius:1rem;padding:1rem;margin:2rem 0}.figure figcaption{font-family:Georgia,serif;font-size:1.35rem;color:#f1ddaf;font-weight:700}.figure ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;list-style:none;padding:0}.figure li{background:#29413b;border-top:4px solid #c8af75;border-radius:.45rem;padding:.8rem;min-height:10rem}.figure li strong{display:block;color:#fff}.figure li p{font-size:.84rem;margin:.5rem 0}.step{display:block;color:#d6bf89;font-size:1.5rem;font-weight:800}.figure small{color:#b9cbc3}.pager{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid #40514b;padding-top:1.5rem;margin-top:4rem}.toc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:2rem 0}.toc a{border:1px solid #547469;padding:1rem;border-radius:.5rem;text-decoration:none}footer{border-top:1px solid #40514b;text-align:center;padding:2rem;color:#b6c5bd;font-size:.8rem}.skip{position:absolute;left:-10000px}.skip:focus{left:1rem;top:1rem;background:#fff;color:#111;padding:.5rem;z-index:10}@media(max-width:680px){main{padding:1.3rem 1rem 3rem}nav[aria-label=Sommaire]{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.3rem}nav[aria-label=Sommaire] a{white-space:nowrap}.figure ol,.toc{grid-template-columns:1fr 1fr}.figure li{min-height:0}}@media(max-width:420px){.figure ol,.toc{grid-template-columns:1fr}}
.capture,.figure{max-width:calc(76ch + 6rem)}.capture{margin:2rem 0}.capture img{display:block;max-width:100%;height:auto;border:1px solid #547469;border-radius:.4rem}.capture figcaption{font-size:.84rem;color:#b9cbc3;margin-top:.5rem}

/* Figures animées : couleurs de la charte existante, un geste par état. */
.scene{display:block;width:100%;height:auto;margin:.4rem 0 .8rem;font-family:inherit}
.scene text{fill:#ede9dd}.scene .doux{fill:#b9cbc3}.scene .or{fill:#e7d4aa}.scene .up{fill:#8fd1b4}.scene .dn{fill:#e39a86}
.scene .grille{stroke:#40514b;stroke-width:1}.scene .cadre{fill:#1f302d;stroke:#40514b}.scene .boite{fill:#29413b;stroke:#547469}
.scene .jeton{fill:#b9cbc3}.scene .barre,.scene .vol{fill:#6f8d85}.scene .bougie{fill:#a7d9c9}.scene .point{fill:#a7d9c9}
.scene .or-plein,.scene .tete{fill:#c8af75}.scene .prix{stroke:#ede9dd;stroke-width:2.5}.scene .vwap{stroke:#c8af75;stroke-width:3}
.scene .sombre{fill:#1f302d}
.scene .bande{stroke:#c8af75;stroke-width:1.5;stroke-dasharray:6 5}.scene .repere{stroke:#c8af75;stroke-width:1.5;stroke-dasharray:5 5}
.scene .fleche,.scene .fleche-up,.scene .retour{stroke:#c8af75;stroke-width:2}.scene .fleche-up{stroke:#8fd1b4}.scene .retour{stroke-dasharray:6 5}
.scene .up-l{stroke:#8fd1b4;stroke-width:3}.scene .or-l{stroke:#c8af75;stroke-width:3}.scene .dn-l{stroke:#e39a86;stroke-width:3}
.anim [class*=" k"],.anim [class^="k"],.anim [class*=" only"],.anim [class^="only"]{opacity:0;transition:opacity .5s ease,stroke-dashoffset 1.1s ease,transform .6s ease}
.anim .draw{stroke-dasharray:1;stroke-dashoffset:1}.anim .retour.draw{stroke-dasharray:none}
.anim .grow{transform:scaleX(0);transform-box:fill-box;transform-origin:left}
.anim .o2,.anim .o4{transition:opacity .35s ease}
.figure.anim li{transition:border-color .3s,background .3s}.figure.anim li.on{background:#335249;border-top-color:#f1ddaf}
.rejouer,.choix button{font:inherit;font-size:.82rem;color:#e7d4aa;background:none;border:1px solid #547469;border-radius:.35rem;padding:.35rem .7rem;cursor:pointer;margin:.2rem .4rem .2rem 0}
.rejouer:hover,.choix button:hover{background:#29463f}.choix{margin:.3rem 0}.verdict{margin:.4rem 0;color:#f3dfb5;min-height:1.4em}
@media(prefers-reduced-motion:reduce){.anim *{transition:none!important}}
.anim[data-state="1"] .k1,.anim[data-state="2"] .k1,.anim[data-state="3"] .k1,.anim[data-state="4"] .k1{opacity:1;stroke-dashoffset:0;transform:none}
.anim[data-state="1"] .o1,.anim[data-state="2"] .o1,.anim[data-state="3"] .o1,.anim[data-state="4"] .o1{opacity:0}
.anim[data-state="1"] .only1{opacity:1;stroke-dashoffset:0}
.anim[data-state="2"] .k2,.anim[data-state="3"] .k2,.anim[data-state="4"] .k2{opacity:1;stroke-dashoffset:0;transform:none}
.anim[data-state="2"] .o2,.anim[data-state="3"] .o2,.anim[data-state="4"] .o2{opacity:0}
.anim[data-state="2"] .only2{opacity:1;stroke-dashoffset:0}
.anim[data-state="3"] .k3,.anim[data-state="4"] .k3{opacity:1;stroke-dashoffset:0;transform:none}
.anim[data-state="3"] .o3,.anim[data-state="4"] .o3{opacity:0}
.anim[data-state="3"] .only3{opacity:1;stroke-dashoffset:0}
.anim[data-state="4"] .k4{opacity:1;stroke-dashoffset:0;transform:none}
.anim[data-state="4"] .o4{opacity:0}
.anim[data-state="4"] .only4{opacity:1;stroke-dashoffset:0}
@media(max-width:680px){.scene-wrap{overflow-x:auto}.scene{min-width:560px}}
@media(max-width:420px){.figure.anim ol{grid-template-columns:1fr 1fr}.figure.anim li{padding:.6rem}.figure.anim li p{font-size:.78rem}}
.choix .question{margin:.2rem 0 .4rem;color:#e7d4aa;font-weight:700}
.zoom{cursor:zoom-in}.fige{overflow:hidden}
.visionneuse{position:fixed;inset:0;z-index:20;background:rgba(8,12,12,.93);display:flex;align-items:center;justify-content:center;padding:3.5rem 1rem 1rem;cursor:zoom-out}
.visionneuse[hidden]{display:none}.visionneuse img{max-width:100%;max-height:100%;border-radius:.4rem}
.fermer{position:absolute;top:.8rem;right:.8rem;font:inherit;font-size:.95rem;color:#111;background:#e7d4aa;border:0;border-radius:.35rem;padding:.45rem .8rem;cursor:pointer}

.callout{background:#202e2b;border-left:3px solid #547469;border-radius:.35rem;margin:1.4rem 0;padding:.6rem 1.2rem}.callout p{margin:.5rem 0}.callout-important{border-left:5px solid #e7d4aa;background:#29413b}.callout-important>p:first-child{color:#f1ddaf;font-size:1.1rem}.callout-warning{border-left-color:#e39a86}.callout-tip{border-left-color:#8fd1b4}
.copy-code{display:block;margin:.7rem 0 0 auto;font:inherit;font-size:.78rem;color:#b9cbc3;background:none;border:1px solid #547469;border-radius:.3rem;padding:.25rem .65rem;cursor:pointer}.copy-code:hover{background:#29463f;color:#fff}

/* Captures empilées : la même échelle pour l'image et ses cadres. */
.capture-stack{position:relative;aspect-ratio:2714/1443;margin:.8rem 0;background:#111819;border-radius:.4rem;overflow:hidden}
.capture-stack a{display:block;position:absolute;inset:0}
.capture-stack img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.highlight{position:absolute;border:2px solid #c8af75;border-radius:.3rem;box-shadow:0 0 0 1px #111819;pointer-events:none}
.game-stats{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;font-size:.9rem}.game-stats strong{color:#e7d4aa}.demo-label{font-size:.8rem;color:#b9cbc3}
.choix button[aria-pressed="true"]{background:#335249;border-color:#f1ddaf}

#figure-14>small:last-child,#figure-15>small:last-child{display:none}

/* Figure 18 : plus large que la colonne, en relief. */
.scene .dalle{fill:url(#dalle18);stroke:#5d8278}
@media(min-width:1000px){#figure-18{max-width:none;width:min(1100px,calc(100vw - 3rem));margin-left:calc(50% - min(550px,calc(50vw - 1.5rem)))}}
@media(max-width:680px){#figure-18 .scene{min-width:760px}}