.draughts-page{text-align:center}.draughts-player{margin:4px 0 14px}
#tour{margin-bottom:5px;font-size:20px;font-weight:bold}#message{min-height:24px;margin-bottom:12px;font-weight:500}
#damier{display:grid;grid-template-columns:repeat(10,1fr);width:min(90vw,700px);aspect-ratio:1;margin:0 auto 20px;border:4px solid #333}
#damier .case{display:flex;align-items:center;justify-content:center;position:relative}
#damier .case-claire{background:#e7d4b5}#damier .case-foncee{background:#795548}
#damier .pion{width:72%;height:72%;border-radius:50%;border:2px solid #0007;box-shadow:0 3px 5px #0006;cursor:pointer;position:relative}
#damier .pion-blanc{background:#f5f5f5}#damier .pion-noir{background:#222}
#damier .pion.selectionne{outline:4px solid #f2c94c;outline-offset:3px}
#damier .pion.dame:after{content:"★";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(18px,4vw,34px);font-weight:bold}
#damier .pion-blanc.dame:after{color:#333}#damier .pion-noir.dame:after{color:#f2c94c}
#damier .case.destination:after{content:"";width:24%;height:24%;border-radius:50%;background:#2ecc71e6;position:absolute}
#damier .case.destination-prise:after{background:#e74c3cf2;width:30%;height:30%}

.dames-db-test{margin:10px auto 16px;padding:10px;max-width:700px;background:rgba(255,255,255,.45);border-radius:4px}

/* 7.6 — historique compact et lisible */
.dames-history{max-width:900px;margin:18px auto 14px;text-align:left}
.dames-history h3{text-align:center;margin-bottom:4px}
.dames-history .table1 th{font-weight:700;color:#105289}
.dames-history .table1 td,.dames-history .table1 th{vertical-align:middle}
.dames-history-date{text-align:right;width:125px;white-space:nowrap}
.dames-history a{text-decoration:none}
.dames-history a:hover{text-decoration:underline}
.dames-chat{margin-top:18px;text-align:left}

/* 7.7 — tableau d'historique autonome : ne dépend plus de .table1 de phpBB */
.dames-history{max-width:900px;margin:18px auto 14px;text-align:left}
.dames-history h3{text-align:center;margin:0 0 6px}
.dames-history-table{
 width:100%;
 border-collapse:collapse;
 table-layout:fixed;
 border:1px solid #b9c6d0;
 background:rgba(255,255,255,.10);
}
.dames-history-table th,
.dames-history-table td{
 padding:7px 10px;
 border:1px solid #c8d1d8;
 vertical-align:middle;
}
.dames-history-table th{
 color:#105289;
 font-weight:700;
 background:rgba(255,255,255,.18);
}
.dames-history-table th:nth-child(1),
.dames-history-table td:nth-child(1){width:58%}
.dames-history-table th:nth-child(2),
.dames-history-table td:nth-child(2){width:24%}
.dames-history-table th:nth-child(3),
.dames-history-table td:nth-child(3){width:18%}
.dames-history-table .dames-history-date{text-align:right;white-space:nowrap}
.dames-history-table a{text-decoration:none}
.dames-history-table a:hover{text-decoration:underline}
@media (max-width:600px){
 .dames-history-table th,.dames-history-table td{padding:6px 5px}
 .dames-history-table th:nth-child(1),.dames-history-table td:nth-child(1){width:52%}
 .dames-history-table th:nth-child(2),.dames-history-table td:nth-child(2){width:25%}
 .dames-history-table th:nth-child(3),.dames-history-table td:nth-child(3){width:23%}
}

/* 7.8 — harmonisation visuelle avec le damier */
.draughts-page > .inner > h2,
.dames-history h3{
 color:#765648;
}
.dames-history h3{
 border:0 !important;
 border-bottom:0 !important;
 box-shadow:none !important;
 padding-bottom:4px;
}
.dames-history-table th{
 color:#765648;
}

.dames-resign-form{margin:8px 0 4px;text-align:center}

/* 0.8.9 : bloc de partie plus compact */
.dames-match-info{padding-top:10px;margin-bottom:2px}
.dames-players{margin:0 0 5px}
.dames-players a{font-weight:bold}
.dames-turn-row{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin:0 0 3px}
.dames-turn{margin:0;color:#765648}
.dames-game-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.dames-game-actions form{margin:0}
.dames-text-action{border:0;background:transparent;padding:0;color:inherit;font:inherit;font-size:.86em;cursor:pointer;text-decoration:underline}
.dames-text-action:hover{text-decoration:none}
.dames-admin-stop{font-size:.82em}
.dames-resign-form{margin:0}

/* Le contenu d'une case ne doit jamais modifier la géométrie du damier. */
#damier{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:repeat(10,minmax(0,1fr));aspect-ratio:1/1}
#damier .case{min-width:0;min-height:0;box-sizing:border-box}

/* 0.9.1 : interface compacte, sans modification de l'intégration phpBB */
.dames-match-info{
 position:relative;
 padding-top:10px;
 padding-bottom:4px;
 margin-bottom:0;
}
.dames-players{margin:0 0 4px}
.dames-turn-row{display:block;margin:0;text-align:center}
.dames-turn{margin:0;color:#765648}
.dames-corner-actions{
 position:absolute;
 right:10px;
 bottom:4px;
 display:flex;
 align-items:center;
 gap:10px;
 line-height:1;
}
.dames-corner-actions form{margin:0}
.dames-corner-actions .dames-text-action{
 border:0;
 background:transparent;
 padding:0;
 color:inherit;
 font:inherit;
 font-size:11px;
 line-height:1.15;
 cursor:pointer;
 text-decoration:underline;
}
.dames-corner-actions .dames-text-action:hover{text-decoration:none}
#damier{margin-top:3px !important}
@media (max-width:600px){
 .dames-match-info{padding-bottom:16px}
 .dames-corner-actions{right:4px;bottom:3px}
}



/* 0.9.6 : correction compacte du saut vertical.
   Une seule ligne dynamique garde sa place ; les zones techniques vides disparaissent. */
#save-status:empty,
#tour:empty{
 display:none;
}
#message{
 min-height:1.15em;
 line-height:1.15em;
 margin:0 0 3px;
}
#message:empty{
 visibility:hidden;
}

/* 0.9.7 : léger espace entre le message dynamique et le damier. */
#message{margin-bottom:7px;}

/* 0.9.8 : un peu plus d'air entre l'aide de jeu et le damier. */
#message{margin-bottom:11px;}

/* 0.10.0 local : repère temporaire de la table chargée */
.dames-local-table-id{font-size:11px;opacity:.65;text-align:center;margin:0 0 2px}

.dames-local-selector a{margin-left:5px}

.dames-invite{
 text-align:center;
 margin:6px 0 10px;
}
.dames-invite form{margin:0}

.dames-multitable-invitations{
 text-align:center;
 margin:4px 0 10px;
}
.dames-multitable-invitations form{margin:6px 0}
.dames-confirmation{margin:5px 0}

.dames-lobby{max-width:760px;margin:0 auto}
.dames-lobby h2{text-align:center;margin-top:0}
.dames-lobby h3{margin-top:18px}
.dames-lobby-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(127,127,127,.22)}
.dames-game-nav{max-width:760px;margin:0 auto 8px}

/* 0.10.9 : actions de partie près des informations, pas rejetées au bord de page. */
.dames-match-info{position:relative}
.dames-corner-actions{
 position:static !important;
 display:flex !important;
 justify-content:center !important;
 align-items:center;
 gap:14px;
 margin:5px auto 12px !important;
 width:auto !important;
}
.dames-corner-actions form{margin:0 !important}

/* 0.10.10 : actions alignées sur le bord droit du damier (700 px max). */
.dames-corner-actions{
 max-width:708px !important;
 width:min(90vw,708px) !important;
 margin:5px auto 12px !important;
 justify-content:flex-end !important;
 padding:0 !important;
 box-sizing:border-box;
}

/* 0.10.11 : accueil des parties plus aéré. */
.dames-lobby{padding-top:8px;padding-bottom:12px}
.dames-lobby h2{
 color:#795548;
 margin:4px 0 28px;
 font-size:1.55em;
}
.dames-lobby h3{
 color:#795548;
 margin:28px 0 14px;
 padding-bottom:8px;
}
.dames-lobby h2 + h3{margin-top:0}
.dames-lobby-row{
 padding:11px 0;
}
.dames-lobby > p{
 margin:12px 0 22px;
}
.dames-lobby .dames-invite{
 margin:12px 0 18px;
}