.game-tool-description{color: var(--primary-dark);margin: 0;max-width: none;font-size: 1rem;font-weight: 400;line-height: 1.5}.p4-tool{--p4-accent: var(--outil-accent,#8b5cf6);--p4-dark: var(--outil-fonce,#173c6c);--p4-board: #173c6c;--p4-board-dark: #0f2b55;--p4-yellow: #f5c542;--p4-violet: var(--outil-accent,#8b5cf6);--p4-soft: #f8f5ff;--p4-soft-2: #f3edff;--p4-border: #ddd1ff;--p4-text: #111827;--p4-muted: #6b7280;width: 100%;max-width: none;margin: 0;color: var(--p4-text)}.p4-tool *{box-sizing: border-box}.p4-header{display: flex;justify-content: space-between;gap: 16px;align-items: flex-start;margin-bottom: 16px}.p4-header h2{margin: 0 0 6px;color: var(--p4-accent);font-size: 1.55rem;line-height: 1.12}.p4-header p{margin: 0;color: var(--p4-muted);line-height: 1.45}.p4-turnbox{min-width: 108px;border: 1px solid #e5e7eb;border-radius: 14px;padding: 10px 12px;text-align: center;background: #fafafa}.p4-turnbox span{display: block;color: var(--p4-muted);font-size: 0.8rem}.p4-turnbox strong{display: grid;place-items: center;min-height: 30px;color: var(--p4-accent);font-size: 1.35rem;line-height: 1.15}.p4-status{margin: 14px 0 18px;padding: 12px 14px;border: 1px solid var(--p4-border);border-radius: 12px;background: var(--p4-soft);color: var(--p4-dark);font-weight: 800}.p4-layout{display: grid;grid-template-columns: minmax(0,1.35fr) minmax(280px,0.65fr);gap: 18px;align-items: start}.p4-game-card,.p4-score-card{border: 1px solid var(--p4-border);border-radius: 18px;background: #fff;padding: 18px;box-shadow: 0 14px 40px rgba(15,23,42,0.06)}.p4-game-card h3,.p4-score-card h3{margin: 0 0 14px;color: var(--p4-text);font-size: 1.25rem;font-weight: 900}.p4-options{display: grid;grid-template-columns: minmax(240px,1fr) minmax(220px,0.9fr);gap: 16px;align-items: end;margin-bottom: 18px}.p4-option-group{min-width: 0;margin: 0;padding: 0;border: 0}.p4-player-option[hidden]{display: none}.p4-option-group legend{margin: 0 0 8px;color: var(--p4-text);font-size: 0.95rem;font-weight: 900}.p4-segmented{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));width: 100%;padding: 4px;border: 1px solid var(--p4-border);border-radius: 999px;background: #fff}.p4-segment{display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-width: 0;min-height: 44px;padding: 10px 14px;border: 0;border-radius: 999px;background: transparent;color: var(--p4-dark);font: inherit;font-weight: 900;line-height: 1.1;white-space: nowrap;cursor: pointer}.p4-segment.is-active{background: var(--p4-accent);color: #fff}.p4-segment:hover:not(:disabled),.p4-segment:focus-visible:not(:disabled){background: var(--p4-soft-2);color: var(--p4-dark)}.p4-segment.is-active:hover:not(:disabled),.p4-segment.is-active:focus-visible:not(:disabled){background: #5b21b6;color: #fff}.p4-segment:disabled{opacity: 0.56;cursor: not-allowed}.p4-segment:focus-visible,.p4-cell:focus-visible{outline: 3px solid rgba(124,58,237,0.42);outline-offset: 3px}.p4-board-title{position: absolute;inline-size: 1px;block-size: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);clip-path: inset(50%);white-space: nowrap;border: 0}.p4-board-wrap{position: relative;max-width: 660px}.p4-board{display: grid;grid-template-rows: repeat(6,minmax(0,1fr));gap: 10px;width: 100%;aspect-ratio: 7 / 6;padding: 14px;border: 4px solid var(--p4-board-dark);border-radius: 20px;background: linear-gradient(145deg,var(--p4-board),#224f83);box-shadow: 0 16px 40px rgba(15,23,42,0.14),inset 0 0 0 2px rgba(255,255,255,0.08)}.p4-row{display: grid;grid-template-columns: repeat(7,minmax(0,1fr));gap: 10px;min-width: 0}.p4-cell{aspect-ratio: 1;width: 100%;min-width: 0;border: 0;border-radius: 999px;background: radial-gradient(circle at 35% 30%,#fff 0 34%,#f8fafc 62%,#d9dee7 100%);box-shadow: inset 0 4px 12px rgba(15,23,42,0.28),0 2px 6px rgba(15,23,42,0.12);cursor: pointer}.p4-cell.is-yellow{background: radial-gradient(circle at 35% 28%,#ffe57a 0 28%,var(--p4-yellow) 63%,#c58a12 100%)}.p4-cell.is-violet{background: radial-gradient(circle at 35% 28%,#c4b5fd 0 28%,var(--p4-violet) 63%,#5b21b6 100%)}.p4-cell.is-winning{box-shadow: inset 0 0 0 4px rgba(255,255,255,0.9),0 0 0 4px #fff,0 0 0 8px var(--p4-accent)}.p4-cell:disabled{cursor: not-allowed}.p4-actions{display: flex;flex-wrap: wrap;justify-content: center;gap: 14px;margin-top: 18px}.p4-actions .bouton{min-width: 160px;min-height: 50px;padding: 13px 22px;border-radius: 999px;font-size: 1rem;font-weight: 900;line-height: 1.1;cursor: pointer}.p4-score-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 10px;margin: 0 0 18px}.p4-score-item{min-width: 0;padding: 12px 8px;border: 1px solid var(--p4-border);border-radius: 14px;background: var(--p4-soft);text-align: center}.p4-score-item strong{display: block;color: var(--p4-dark);font-size: 1.8rem;line-height: 1;font-weight: 950}.p4-score-item>span:last-child{display: block;margin-top: 6px;color: var(--p4-dark);font-size: 0.88rem;font-weight: 900;line-height: 1.1;white-space: nowrap}.p4-token{display: inline-block;width: 18px;height: 18px;min-width: 18px;border-radius: 999px;vertical-align: middle;box-shadow: inset 0 0 0 2px rgba(255,255,255,0.38),0 2px 6px rgba(15,23,42,0.18)}.p4-score-item .p4-token{display: block;width: 24px;height: 24px;margin: 8px auto 0}.p4-token-yellow{background: radial-gradient(circle at 35% 28%,#ffe57a 0 28%,var(--p4-yellow) 64%,#c58a12 100%)}.p4-token-violet{background: radial-gradient(circle at 35% 28%,#c4b5fd 0 28%,var(--p4-violet) 64%,#5b21b6 100%)}.p4-token-draw{background: radial-gradient(circle at 35% 28%,#fff 0 28%,#f1f5f9 64%,#cbd5e1 100%)}.p4-turnbox .p4-token{width: 26px;height: 26px}.p4-help{margin: 0;color: var(--p4-dark);line-height: 1.45}.p4-overlay[hidden]{display: none}.p4-overlay{position: absolute;inset: 0;z-index: 20;display: flex;align-items: center;justify-content: center;padding: 22px;border-radius: 20px;background: rgba(17,24,39,0.34)}.p4-overlay-box{min-width: min(78%,360px);padding: 18px 22px;border: 3px solid #fff;border-radius: 18px;background: rgba(255,255,255,0.96);color: var(--p4-accent);text-align: center;box-shadow: 0 18px 50px rgba(0,0,0,0.35)}.p4-overlay-box strong{display: block;font-size: clamp(1.6rem,5vw,3rem);font-weight: 950;line-height: 1;letter-spacing: -0.04em}.p4-overlay-box span{display: block;margin-top: 10px;color: var(--p4-dark);font-size: clamp(1rem,2.6vw,1.35rem);font-weight: 900}@media (max-width: 900px){.p4-layout,.p4-options{grid-template-columns: 1fr}.p4-board-wrap{max-width: 100%}}@media (max-width: 560px){.p4-header{flex-direction: column}.p4-turnbox{width: 100%}.p4-game-card,.p4-score-card{padding: 14px}.p4-board{gap: 6px;padding: 9px;border-width: 3px;border-radius: 16px}.p4-row{gap: 6px}.p4-actions .bouton{width: 100%}.p4-score-grid{gap: 8px}.p4-score-item{padding: 10px 6px}.p4-score-item strong{font-size: 1.55rem}.p4-score-item>span:last-child{font-size: 0.78rem}}