@import "https://fonts.googleapis.com/css2?family=Nunito:wght@700;800;900&display=swap";:root{--p1:var(--accent);--p2:#2b6cb0}.p4-pion{background:var(--pc,var(--p1));border-radius:50%;flex-shrink:0;width:22px;height:22px;display:inline-block}.p4-noms{flex-direction:column;gap:10px;display:flex}.p4-nom-f{align-items:center;gap:12px;display:flex}.p4-nom-f--1{--pc:var(--p1)}.p4-nom-f--2{--pc:var(--p2)}.p4-nom-f--2 .p4-pion{border-radius:5px;transform:rotate(45deg)scale(.8)}.p4-nom-in{border:1.5px solid var(--border);border-radius:var(--r-md);min-width:0;font:700 1.1rem var(--font-ui);color:var(--text);background:var(--surface);flex:1;padding:10px 14px}.p4-nom-in:focus{border-color:var(--pc);box-shadow:0 0 0 3px color-mix(in srgb, var(--pc) 22%, transparent);outline:none}#p4-game{gap:6px;padding:12px 20px 8px;overflow:hidden}.p4-layout{flex:1 1 0;grid-template-columns:minmax(150px,1fr) minmax(0,3.2fr) minmax(150px,1fr);gap:clamp(10px,1.6vw,26px);min-height:0;display:grid}.p4-joueur{--pc:var(--p1);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm);text-align:center;border:3px solid #0000;flex-direction:column;align-self:center;align-items:center;gap:8px;padding:clamp(14px,2.4vh,28px) 14px;transition:background .2s,border-color .2s;display:flex}.p4-joueur[data-j="2"]{--pc:var(--p2)}.p4-joueur[data-j="2"] .p4-pion{border-radius:6px;transform:rotate(45deg)scale(.8)}.p4-joueur .p4-pion{width:34px;height:34px}.p4-nom{font:800 clamp(1.1rem, 2.6vh, 1.7rem)/1.15 var(--font-ui);color:var(--text);overflow-wrap:anywhere}.p4-score{font:900 clamp(2.4rem, 7vh, 4.5rem)/1 "Nunito", var(--font-ui);color:var(--pc);font-variant-numeric:tabular-nums}.p4-score-lbl{font:600 .82rem var(--font-ui);color:var(--muted)}.p4-tour{visibility:hidden;font:800 .95rem var(--font-ui);color:#fff;background:var(--pc);border-radius:var(--r-pill);padding:6px 14px}.p4-joueur.is-tour{border-color:var(--pc);background:color-mix(in srgb, var(--pc) 10%, var(--surface));box-shadow:var(--shadow-md)}.p4-joueur.is-tour .p4-tour,.p4-joueur.is-gagnant .p4-tour{visibility:visible}.p4-centre{flex-direction:column;gap:8px;min-width:0;min-height:0;display:flex}.p4-status{text-align:center;font:700 clamp(1rem, 2.6vh, 1.5rem) var(--font-ui);color:var(--text);flex-shrink:0;min-height:1.4em;margin:0}.p4-status.is-fin{color:var(--accent-hover);font-size:clamp(1.3rem,3.6vh,2.2rem);font-family:var(--font-display);font-style:italic;font-weight:600}.p4-plateau-wrap{flex:1 1 0;place-items:center;min-height:0;display:grid;container-type:size}.p4-plateau{aspect-ratio:7/6;background:var(--text);border-radius:var(--r-lg);width:min(100cqw,116.667cqh);box-shadow:var(--shadow-md);grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(3px,.7cqh,8px);padding:clamp(4px,1cqh,10px);display:grid}.p4-cell{background:var(--surface);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:0;border-radius:clamp(6px,1.2cqh,14px);min-width:0;min-height:0;padding:0;transition:transform .12s,box-shadow .12s,opacity .15s;position:relative;overflow:hidden}.p4-face{pointer-events:none;place-items:center;display:grid;position:absolute;inset:5%;container-type:size}.p4-cell:hover:not(:disabled){box-shadow:0 0 0 4px color-mix(in srgb, var(--pt,var(--accent)) 45%, #fff);z-index:1;transform:scale(1.04)}.p4-cell:focus-visible{outline:4px solid var(--accent);outline-offset:2px;z-index:2}.p4-cell:disabled{cursor:default}.p4-face .rep-chiffre{font-size:clamp(1rem,min(78cqh,52cqw),56rem)}.p4-face .rep-des svg{width:min(62cqh,44cqw);height:min(62cqh,44cqw)}.p4-face .rep-des:has(svg:only-child) svg{width:min(78cqh,64cqw);height:min(78cqh,64cqw)}.p4-face .boulier-lbl,.p4-focus-box .boulier-lbl{display:none}.p4-plateau[data-j="1"]{--pt:var(--p1)}.p4-plateau[data-j="2"]{--pt:var(--p2)}.p4-plateau.is-gravite .p4-cell:disabled:not(.is-pris){opacity:.55}.p4-plateau.is-gravite .p4-cell.is-jouable{box-shadow:inset 0 0 0 clamp(3px, .6cqh, 6px) var(--pt,var(--accent))}.p4-plateau.is-fini .p4-cell:disabled:not(.is-pris):not(.is-gagnante){opacity:.55}.p4-cell.is-pris{background:color-mix(in srgb, var(--pc) 16%, var(--surface));cursor:default}.p4-cell[data-o="1"]{--pc:var(--p1)}.p4-cell[data-o="2"]{--pc:var(--p2)}.p4-jeton{aspect-ratio:1;background:radial-gradient(circle at 34% 28%, color-mix(in srgb, var(--pc) 72%, #fff), var(--pc) 58%);width:min(92cqw,92cqh);box-shadow:inset 0 -.35em .5em -.2em color-mix(in srgb, var(--pc) 55%, #000), 0 .12em .3em #0e2a2d47;border-radius:50%;place-items:center;font-size:min(92cqw,92cqh);display:grid}.p4-jeton.is-tombe{animation:.5s cubic-bezier(.3,0,.2,1) both p4-tombe}@keyframes p4-tombe{0%{transform:translateY(-160%)}70%{transform:translateY(4%)}85%{transform:translateY(-3%)}to{transform:translateY(0)}}.p4-pris-num{font:900 .52em/1 "Nunito", var(--font-ui);color:#fff;text-shadow:0 .03em .06em #00000040;font-variant-numeric:lining-nums}.p4-jeton.is-long .p4-pris-num{font-size:.42em}.p4-cell.is-pris:after{content:"";aspect-ratio:1;background:var(--pc);border-radius:50%;width:12%;position:absolute;top:6%;left:6%}.p4-cell[data-o="2"]:after{border-radius:2px;transform:rotate(45deg)scale(.85)}.p4-cell.is-gagnante{z-index:1;animation:.9s ease-in-out .5s 3 p4-pulse;box-shadow:0 0 0 clamp(3px,.6cqh,6px) #ffd27a,0 0 22px 4px #ffd27a8c}@keyframes p4-pulse{50%{transform:scale(1.07)}}.p4-actions{flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:12px;min-height:48px;display:flex}.p4-suite{border-radius:var(--r-md);background:var(--accent);color:#fff;font:800 1.15rem var(--font-ui);cursor:pointer;border:none;padding:12px 26px;box-shadow:0 6px 18px #c25a3847}.p4-suite:hover{background:var(--accent-hover)}.p4-suite[hidden]{display:none}.p4-kbd{text-align:center;color:var(--muted);flex-shrink:0;margin:0;font-size:.76rem}.p4-kbd kbd{font-family:var(--font-mono);background:var(--surface-alt);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:.72rem}@media (hover:none) and (pointer:coarse){.p4-kbd{display:none}}#p4-game .sp-ghost{border:1px solid var(--border);border-radius:var(--r-md);color:var(--muted);font:600 .92rem var(--font-ui);cursor:pointer;white-space:nowrap;touch-action:manipulation;background:0 0;align-items:center;gap:6px;padding:10px 16px;display:inline-flex}#p4-game .sp-ghost svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}#p4-game .sp-ghost:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-tint)}#p4-game .sp-ghost--stop:hover:not(:disabled){border-color:var(--unread);color:var(--unread);background:var(--unread-bg)}#p4-game .sp-ghost:disabled{opacity:.35;cursor:not-allowed}.p4-focus,.p4-confirm{border-radius:var(--r-lg);box-shadow:var(--shadow-lg);background:var(--surface);color:var(--text);border:none;margin:auto;padding:0}.p4-focus::backdrop,.p4-confirm::backdrop{background:#0e2a2d99}.p4-focus{border-top:10px solid var(--pc,var(--p1));width:min(94vw,980px);max-height:94vh}.p4-focus[open]{display:block}.p4-focus[data-j="1"]{--pc:var(--p1)}.p4-focus[data-j="2"]{--pc:var(--p2)}.p4-focus-in{outline:none;flex-direction:column;gap:14px;padding:clamp(16px,3vh,30px) clamp(16px,3vw,36px);display:flex}.p4-focus-t{text-align:center;font:600 italic clamp(1.5rem, 4vh, 2.5rem)/1.1 var(--font-display);color:var(--pc);margin:0}.p4-focus-box{background:var(--surface-alt);border-radius:var(--r-lg);place-items:center;height:min(44vh,460px);display:grid;position:relative;container-type:size}.p4-reponse{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:18px;display:flex}.p4-reponse[hidden]{display:none}.p4-rep-num{font:900 clamp(3rem, 9vh, 5.5rem)/1 "Nunito", var(--font-ui);color:var(--pc)}.p4-rep-mot{font:600 italic clamp(1.4rem, 3.6vh, 2.2rem) var(--font-display);color:var(--text)}.p4-focus-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.p4-btn{border-radius:var(--r-md);max-width:420px;min-height:68px;font:800 clamp(1.05rem, 2.4vh, 1.35rem) var(--font-ui);color:#fff;background:var(--text);cursor:pointer;touch-action:manipulation;border:none;flex:220px;padding:0 20px}.p4-btn:hover{filter:brightness(1.08)}.p4-btn--ok{background:var(--success)}.p4-btn--ko{background:var(--unread)}.p4-btn--ghost{color:var(--muted);border:1.5px solid var(--border);background:0 0;flex-basis:180px;font-weight:600}.p4-btn--ghost:hover{border-color:var(--accent);color:var(--accent);filter:none}.p4-confirm{text-align:center;width:min(90vw,400px);padding:30px 28px}.p4-confirm h3{font:700 1.2rem var(--font-ui);margin:0 0 8px}.p4-confirm p{color:var(--muted);margin:0 0 22px;font-size:.92rem}.p4-confirm-actions{gap:10px;display:flex}.p4-confirm-actions button{border-radius:var(--r-md);font:700 .95rem var(--font-ui);cursor:pointer;flex:1;padding:13px}.p4-c-cancel{background:var(--surface);color:var(--text);border:1.5px solid var(--border)}.p4-c-ok{background:var(--accent);color:#fff;border:none}.p4-c-ok:hover{background:var(--accent-hover)}@media (aspect-ratio<=1){.p4-layout{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr 1fr}.p4-centre{grid-area:2/1/auto/-1}.p4-joueur{flex-flow:wrap;grid-row:1;justify-content:center;gap:8px;padding:10px}.p4-score{font-size:2rem}.p4-score-lbl,.p4-tour{display:none}}@media (prefers-reduced-motion:reduce){.p4-cell,.p4-joueur{transition:none}.p4-cell.is-gagnante,.p4-jeton.is-tombe{animation:none}.p4-cell:hover:not(:disabled){transform:none}}