.zcg-game{max-width:1180px;margin:38px auto;padding:22px;border:1px solid #dfe7ee;border-radius:18px;background:#fff;box-shadow:0 12px 38px rgba(20,35,55,.12);font-family:inherit}.zcg-header{margin-bottom:18px;padding:15px 18px;border-radius:13px;background:#123a5d;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:15px}.zcg-header h2{margin:0;font-size:25px;line-height:1.2}.zcg-meta{font-size:13px;color:#dbe8f2;white-space:nowrap}.zcg-layout{display:grid;grid-template-columns:minmax(340px,680px) minmax(270px,1fr);gap:22px;align-items:start}.zcg-board{position:relative;width:100%;aspect-ratio:1;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);overflow:hidden;border:4px solid #123a5d;border-radius:12px;box-sizing:border-box;box-shadow:0 8px 24px rgba(0,0,0,.18);isolation:isolate}.zcg-square{position:relative;width:100%;height:100%}.zcg-square.light{background:#f4e5c8}.zcg-square.dark{background:#5a87aa}.zcg-square.last-move{box-shadow:inset 0 0 0 4px rgba(242,146,43,.82)}.zcg-piece{position:absolute;z-index:4;left:0;top:0;width:12.5%;height:12.5%;display:flex;align-items:center;justify-content:center;font-family:"Noto Sans Symbols 2","DejaVu Sans","Arial Unicode MS",sans-serif;font-size:clamp(32px,5.4vw,67px);line-height:1;user-select:none;pointer-events:none;transition:transform .34s cubic-bezier(.2,.75,.25,1)}.zcg-piece.moving{z-index:10}.zcg-piece.w{color:#fff;text-shadow:0 2px 3px rgba(0,0,0,.68),0 0 1px #333}.zcg-piece.b{color:#18232d;text-shadow:0 1px 1px rgba(255,255,255,.45)}.zcg-coordinates{position:absolute;inset:0;z-index:8;pointer-events:none;font-size:13px;font-weight:700;color:rgba(20,45,65,.78)}.zcg-files{position:absolute;left:0;right:0;bottom:1px;display:grid;grid-template-columns:repeat(8,1fr);text-align:center}.zcg-ranks{position:absolute;left:2px;top:0;bottom:0;display:grid;grid-template-rows:repeat(8,1fr);align-items:center}.zcg-files span,.zcg-ranks span{line-height:1}.zcg-controls{display:flex;justify-content:center;gap:9px;margin:14px 0 5px}.zcg-controls button{width:52px;height:44px;border:0;border-radius:10px;background:#123f66;color:#fff;font-size:19px;cursor:pointer;transition:transform .15s,filter .15s}.zcg-controls button[data-zcg-action=play]{background:#f28c18}.zcg-controls button:hover{filter:brightness(1.08);transform:translateY(-1px)}.zcg-game-info{text-align:center;color:#687486;font-size:13px;margin:4px 0 12px}.zcg-notation{border:1px solid #dfe6ec;border-radius:14px;padding:14px;background:#fbfcfd;min-height:320px;max-height:640px;overflow:auto}.zcg-notation h3{margin:0 0 9px;padding-bottom:9px;border-bottom:2px solid #f28c18;font-size:17px;text-transform:uppercase;color:#123a5d}.zcg-move-row{display:flex;align-items:center;gap:5px;margin-bottom:3px;border-bottom:1px solid #edf0f3;padding-bottom:3px}.zcg-move-number{width:29px;color:#8a94a0;font-size:13px}.zcg-move-row button{border:0;background:transparent;padding:7px 9px;border-radius:7px;color:#253444;cursor:pointer;font-size:14px}.zcg-move-row button:hover,.zcg-move-row button.active{background:#fff0dc;color:#b65d00;font-weight:700}.zcg-comment{margin-top:16px;padding:14px 15px;border-radius:11px;background:#fff3e5;border-left:4px solid #f2922b;line-height:1.5;color:#344252}.zcg-comment strong{color:#9b5410}.zcg-comment p{margin:6px 0 0}@media(max-width:760px){.zcg-game{padding:12px;border-radius:14px}.zcg-header{display:block}.zcg-header h2{font-size:21px}.zcg-meta{margin-top:5px}.zcg-layout{grid-template-columns:1fr}.zcg-notation{max-height:none}.zcg-controls button{width:45px;height:40px}.zcg-piece{font-size:clamp(27px,8vw,48px)}}

/* 1.3.0: pièces SVG opaques si le viewer les utilise */
.zuggy-piece{width:82%;height:82%;object-fit:contain;display:block;pointer-events:none;filter:drop-shadow(0 2px 1px rgba(0,0,0,.18));}
.zuggy-piece.w{filter:drop-shadow(0 2px 1px rgba(0,0,0,.28));}
.zuggy-piece.b{filter:drop-shadow(0 2px 1px rgba(255,255,255,.10));}