/* Papier, encre et terre cuite : aucune police ou image distante nécessaire. */
:root{--paper:#f6f3ec;--ink:#192f3a;--muted:#6d797a;--orange:#df603d;--teal:#4e827a;--line:#dcded5;--white:#fffefa;--serif:Georgia,'Times New Roman',serif;--sans:'Segoe UI',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 var(--sans)}button,input,select{font:inherit;border-radius:0;color:inherit}button{cursor:pointer;border:0;background:none}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:5px}p,h1,h2{margin-top:0}h1,h2{font-weight:400}em,.accent{color:var(--orange)}[hidden]{display:none!important}.skip{position:absolute;top:-100px;z-index:20;background:var(--ink);color:white;padding:10px}.skip:focus{top:10px}main:focus{outline:none}
.site-header,.site-footer{max-width:1440px;margin:auto;padding:24px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-header{border-bottom:1px solid var(--line);min-height:100px}.brand{display:flex;align-items:center;gap:12px;text-align:left;font-size:12px;font-weight:800;line-height:1.1;letter-spacing:1px;padding:0}.brand-icon{font:34px var(--serif);width:47px;height:47px;border:1px solid var(--ink);display:flex;align-items:center;justify-content:center;letter-spacing:-5px;padding-right:5px}.brand-icon span{color:var(--orange)}nav{display:flex;align-items:center;gap:28px}.nav-link{font-size:12px;padding:10px 0}.icon-button{font-size:26px;border-left:1px solid var(--line);padding-left:26px}.site-footer{border-top:1px solid var(--line);font-size:10px;letter-spacing:1px;color:var(--muted);min-height:82px}.site-footer b{font-weight:400;padding-left:15px}.site-footer button{font-size:11px;letter-spacing:0;text-decoration:underline;text-underline-offset:4px}main{max-width:1440px;margin:auto;min-height:calc(100vh - 182px)}.view{animation:arrive .35s ease-out}.eyebrow,.section-label{font-size:10px;letter-spacing:2px;font-weight:700}.eyebrow{display:block;margin-bottom:20px}.section-label{display:block;margin-bottom:15px}.small-dot{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;margin-right:8px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:52px;padding:15px 22px;font-size:12px;font-weight:600;transition:background .2s,transform .2s}.button:hover:not(:disabled){transform:translateY(-2px)}.primary{background:var(--ink);color:var(--white)}.primary:hover{background:#2b4855}.primary span{font-size:20px;line-height:1}.secondary{border:1px solid var(--line)}.secondary:hover{border-color:var(--ink)}.muted{border:1px solid var(--line);color:#717a78;justify-content:center}.back-link{font-size:11px;text-decoration:underline;text-underline-offset:5px;padding:0}.pill{font-size:8px;letter-spacing:1px;background:#e9e9e0;padding:5px 8px;white-space:nowrap}.pill.green{background:#e5ece1;color:#47654d}
/* Accueil : la composition devient une colonne sur mobile. */
.home-view{display:grid;grid-template-columns:1.04fr 1fr;gap:20px;padding:67px 7% 0}.hero-copy h1{font:clamp(48px,4.6vw,69px)/1.02 var(--serif);letter-spacing:-2.8px;margin:27px 0}.hero-copy h1 em{white-space:nowrap}.hero-description{font-size:14px;line-height:1.8;color:var(--muted);max-width:330px;margin-bottom:28px}.hero-copy .button{min-width:210px}.hero-facts{display:flex;gap:28px;margin:32px 0 38px;font-size:10px;color:var(--muted)}.hero-facts b{color:var(--ink);font-size:15px;padding-right:5px;font-weight:500}.letter-scene{position:relative;min-height:430px;margin-top:12px}.orbit{position:absolute;border:1px solid #dfdfd4;border-radius:50%;width:370px;height:370px;top:35px;left:45px}.orbit.inner{width:280px;height:280px;left:90px;top:80px}.scene-caption{position:absolute;font-size:8px;letter-spacing:2px;color:var(--muted)}.top-caption{top:0;right:15px}.bottom-caption{bottom:20px;left:65px}.scene-cross{position:absolute;font-size:48px;color:var(--orange);right:8px;top:44px;line-height:1}.word-card{position:absolute;background:var(--white);border:1px solid #e6e4dc;padding:25px 28px;box-shadow:0 20px 30px #192f3a0a;width:300px;height:148px;transform:rotate(-9deg);left:10px;top:69px;z-index:2}.word-card>span{font-size:8px;letter-spacing:1.4px;color:var(--muted)}.word-card strong{display:block;font:45px/1.25 var(--serif);letter-spacing:2px}.word-card strong span{color:var(--orange)}.word-card i{font-size:9px;display:block;text-align:right;font-style:normal;color:var(--muted)}.card-two{transform:rotate(8deg);left:90px;top:222px;z-index:3}.letter-tile{position:absolute;display:flex;align-items:center;justify-content:center;width:105px;height:114px;font:68px var(--serif);box-shadow:5px 6px 0 #192f3a10;z-index:4}.letter-tile small{position:absolute;bottom:9px;right:12px;font:10px var(--sans)}.tile-e{background:var(--orange);color:var(--white);right:0;top:155px;transform:rotate(12deg)}.tile-f{background:var(--ink);color:var(--paper);left:3px;bottom:30px;transform:rotate(-14deg)}.home-bottom{grid-column:1/-1;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px;padding:25px 0 28px;margin-top:6px}.home-bottom p{font-size:11px;color:var(--muted);margin:0;line-height:1.8}.home-bottom strong{color:var(--ink);font-weight:500}.edition{font-size:8px;letter-spacing:2px;color:var(--muted);text-align:right}
/* Cartes et radios : conserver les contrôles natifs pour le clavier et les lecteurs d’écran. */
.selection-view{padding:32px 7% 50px}.step-heading{position:relative;text-align:center;padding:24px 0 38px}.step-heading>.back-link{position:absolute;left:0;top:0}.step-heading>.eyebrow{margin:16px 0}.step-heading h1{font:48px/1.15 var(--serif);letter-spacing:-1.8px;margin:0 0 12px}.step-heading>p:last-child{font-size:12px;color:var(--muted);margin:0}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.mode-card{position:relative;padding:26px;background:#faf8f2;border:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.mode-card.available{background:var(--white);border-top:3px solid var(--orange);padding-top:24px}.card-number{font:14px var(--serif);color:var(--muted)}.mode-art{height:95px;display:flex;align-items:center;font:76px/1 var(--serif);color:var(--teal);margin:10px 0 20px}.two-tiles{gap:8px}.two-tiles span{font-size:40px;width:56px;height:64px;background:var(--ink);color:white;display:flex;align-items:center;justify-content:center;transform:rotate(-8deg)}.two-tiles span+span{background:var(--orange);transform:rotate(8deg);margin-top:12px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:12px}.card-heading h2{font:27px var(--serif);letter-spacing:-.8px;margin:0}.mode-card p{font-size:12px;line-height:1.8;color:var(--muted)}.mode-card ul{padding-left:15px;font-size:11px;color:var(--muted);margin:3px 0 25px;line-height:2}.mode-card .button{width:100%;margin-top:auto}.upcoming-note{font-size:10px!important;border-top:1px solid var(--line);padding-top:13px;margin-bottom:25px}.setup-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:45px}.setup-layout fieldset{border:0;padding:0;margin:0}.style-card{display:flex;position:relative;align-items:center;gap:20px;padding:24px;border:1px solid var(--line);margin-bottom:12px;background:#faf8f2;cursor:pointer}.style-card:has(input:checked){background:var(--white);border-color:var(--ink);box-shadow:inset 3px 0 var(--orange)}.style-card input,.segmented input{position:absolute;opacity:0;width:1px;height:1px}.style-card:has(input:focus-visible),.segmented label:has(input:focus-visible){outline:3px solid var(--orange);outline-offset:4px}.style-symbol{font-size:42px;line-height:1;color:var(--orange);width:45px;flex-shrink:0}.style-content{display:flex;flex-direction:column;gap:7px}.style-content strong{font:28px/1 var(--serif)}.style-content>span{font-size:11px;color:var(--muted)}.style-content small{font-size:8px;letter-spacing:1.5px;margin-top:6px}.radio-mark{margin-left:auto;width:16px;height:16px;border:1px solid #a2aaa6;border-radius:50%;flex-shrink:0}.style-card:has(input:checked) .radio-mark{border:5px solid var(--ink)}.setup-layout .players-fields{margin-top:30px}.players-inputs{display:flex;align-items:center;gap:15px}.players-inputs label{flex:1;min-width:0}.field-label{font-size:11px;display:block;margin-bottom:8px}.player-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.coral{background:var(--orange)}.teal{background:var(--teal)}input:not([type]),select{border:1px solid var(--line);background:var(--white);padding:13px;width:100%;min-height:46px;font-size:13px}.versus{font:italic 15px var(--serif);color:var(--muted);margin-top:25px}.match-config{background:#ebece3;padding:27px}.match-config>.eyebrow{font-size:8px;letter-spacing:1.4px;color:var(--muted);margin-bottom:13px}.match-config h2{font:30px var(--serif);letter-spacing:-1px;margin-bottom:25px}.match-config .section-label{font-size:9px;margin-bottom:12px;letter-spacing:1.5px}.segmented{display:flex;border:1px solid #cbd0c4}.segmented label{flex:1;position:relative;cursor:pointer}.segmented span{display:block;text-align:center;font-size:11px;padding:10px}.segmented input:checked+span{background:var(--ink);color:white}.field-help{display:block;font-size:10px;line-height:1.7;color:var(--muted);margin:9px 0 0}.start-field{display:block;margin-top:22px}.start-field select{background:transparent;font-size:11px;padding:11px;border-color:#cbd0c4}.config-facts{border-top:1px solid #d2d7cb;padding:18px 0 10px;margin-top:22px}.config-facts>span{display:flex;justify-content:space-between;font-size:10px;margin-bottom:11px;color:var(--muted)}.config-facts b{color:var(--ink);font-weight:500}.match-config .primary{width:100%}.config-note{font-size:9px;text-align:center;color:var(--muted);margin:10px 0 0}
/* Arène : texte et couleur indiquent ensemble le joueur actif, la riposte et les vies. */
.game-view{padding:28px 5.5% 35px}.game-topline{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:24px}.game-topline h1{font:26px var(--serif);letter-spacing:-.7px;margin:0}.game-topline .eyebrow{font-size:8px;margin:0}.arena-layout{display:grid;grid-template-columns:minmax(160px,1fr) minmax(350px,2.8fr) minmax(160px,1fr);gap:24px}.player-panel{border:1px solid var(--line);background:#efeee6;padding:22px;min-width:0}.player-panel.active{background:var(--white);border-top:3px solid var(--orange);padding-top:20px}.player-panel.active#player-2{border-top-color:var(--teal)}.player-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;gap:8px}.avatar{display:flex;width:42px;height:46px;align-items:center;justify-content:center;color:white;font:20px var(--serif)}.turn-indicator{font-size:8px;letter-spacing:1px}.player-panel .section-label{font-size:8px;color:var(--muted);margin:0 0 5px}.player-panel h2{font:25px/1.1 var(--serif);margin:0 0 12px;overflow-wrap:anywhere}.hearts{color:var(--orange);font-size:20px;letter-spacing:4px;white-space:nowrap}.heart-lost{color:#c9cec6}.player-score{margin:28px 0 20px;padding-top:18px;border-top:1px solid var(--line)}.player-score strong{font:40px/1.1 var(--serif);display:block}.player-score>span{font-size:7px;letter-spacing:1px;color:var(--muted)}.abandon-link{font-size:10px;color:var(--muted);padding:0;border-bottom:1px solid #a4aca7}.abandon-link:hover{color:var(--orange)}.play-center{padding:0 10px;min-width:0}.turn-strip{display:flex;justify-content:space-between;gap:10px;font-size:10px;border-bottom:1px solid var(--line);padding-bottom:17px}.turn-strip>span:first-child{font-weight:600}.turn-strip>span:last-child{color:var(--muted)}.timer-row{display:flex;align-items:center;gap:27px;margin:25px 0 20px}.timer{flex-shrink:0;text-align:center;padding-right:26px;border-right:1px solid var(--line)}.timer>span{font:61px/1 var(--serif);letter-spacing:-3px;display:block;min-width:63px}.timer small{font-size:7px;letter-spacing:1.5px;color:var(--muted)}.current-rule .section-label{font-size:8px;letter-spacing:1px;margin-bottom:8px;color:var(--muted)}.current-rule h2{font:26px/1.15 var(--serif);margin:0 0 8px}.current-rule p{font-size:10px;color:var(--muted);margin:0}.timer-track{height:3px;background:#dce1d6;margin-bottom:27px}.timer-track>span{display:block;height:100%;background:var(--teal);width:100%;transition:width .5s linear}.timer-track.urgent>span{background:var(--orange)}#word-form>.section-label{font-size:8px;letter-spacing:1.1px;margin-bottom:13px}.word-entry{display:flex;background:var(--white);border:1px solid var(--ink);min-height:70px}.word-entry>#letter{width:61px;display:flex;align-items:center;justify-content:center;font:36px var(--serif);background:var(--ink);color:white;text-transform:uppercase;flex-shrink:0}.word-entry input{border:0;padding:10px 12px;background:none;width:100%;font:25px var(--serif);min-width:0;outline-offset:0}.word-entry input::placeholder{color:#929e95;font-size:20px}.word-submit{background:var(--orange);color:white;font-size:28px;width:60px;flex-shrink:0}.word-submit:hover{background:#c84d2c}.word-submit:disabled{background:#d3d7cc}.input-hint{font-size:8px;color:var(--muted);display:flex;justify-content:space-between;gap:10px;margin:9px 0 12px}.feedback{font-size:11px;min-height:20px;margin:0 0 12px}.feedback[data-kind=error]{color:#b6422b}.feedback[data-kind=success]{color:#3a7566}.possibility-counts{display:flex;align-items:center;gap:12px 18px;flex-wrap:wrap;color:var(--ink);font-size:14px;line-height:1.5}.possibility-counts>span:first-child{background:#e5ede5;border:1px solid #b8cbbd;padding:8px 12px}.possibility-counts b{color:var(--ink);font-size:20px;padding-right:4px}.possibility-counts>span:first-child b{font-size:28px;font-variant-numeric:tabular-nums}.chain-panel{border-top:1px solid var(--line);margin-top:30px;padding-top:23px;min-height:125px}.chain-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.chain-heading h2{font:24px var(--serif);margin:0}.chain-heading h2>span{color:var(--orange)}.chain-heading>span{font-size:8px;letter-spacing:1.5px;color:var(--muted)}.word-chain{list-style:none;display:flex;gap:9px;flex-wrap:wrap;padding:0;margin:0}.word-chain li{font:21px var(--serif);padding:7px 15px;border:1px solid var(--line);background:var(--white)}.word-chain li:last-child{background:var(--ink);color:white}.word-chain li::after{content:'↗';font:11px var(--sans);color:var(--orange);margin-left:12px}#chain-empty{font-size:11px;color:var(--muted)}.game-bottom{display:flex;justify-content:space-between;font-size:8px;color:var(--muted);padding-top:23px;gap:16px}.game-bottom>span:first-child{letter-spacing:1.2px}.result-panel{text-align:center;background:var(--ink);color:var(--paper);padding:28px;margin-top:25px}.result-panel .eyebrow{font-size:8px;color:#bec9c7;margin-bottom:9px}.result-panel h2{font:34px var(--serif);margin-bottom:10px}.result-panel>p{font-size:12px;color:#c9d4cf}.pause-count{font:38px var(--serif);color:#f79a72}.result-panel .button{color:var(--paper);border-color:#56676b}.result-panel .primary{background:var(--orange)}.result-actions,.draw-offers{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.error-message{color:#ad3c28;font-size:12px;max-width:1100px;margin:0 auto;padding:0 30px}.error-message:empty{display:none}
/* Options locales et dialogues : ne changent ni les règles ni les chronomètres serveur. */
dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:40px;width:min(580px,calc(100% - 32px));max-height:85vh;overflow:auto;box-shadow:0 20px 80px #0003}dialog::backdrop{background:#10222caa;backdrop-filter:blur(3px)}dialog h2{font:40px/1.1 var(--serif);letter-spacing:-1px;margin-bottom:22px}dialog>p{font-size:13px;color:var(--muted);line-height:1.8}.dialog-close{position:absolute;right:16px;top:10px;font-size:29px}.rules-list p{font-size:12px;border-top:1px solid var(--line);padding-top:13px;color:var(--muted)}.rules-list b{color:var(--ink)}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-top:1px solid var(--line);gap:20px;font-size:14px}.toggle-row small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.toggle-row input{accent-color:var(--orange);width:20px;height:20px}.demo-words{line-height:2.2!important;color:var(--ink)}.dialog-actions{display:flex;flex-direction:column;gap:14px;margin-top:25px}.large-text .hero-description,.large-text .mode-card p,.large-text .style-content>span,.large-text .feedback{font-size:15px}.large-text .turn-strip,.large-text .field-label,.large-text .config-facts>span{font-size:13px}.reduced-motion *{animation:none!important;transition:none!important}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Responsive : les deux joueurs restent visibles au-dessus du plateau sur téléphone. */
@media(max-width:1050px){.hero-copy h1{font-size:52px}.home-view{padding:55px 5.5% 0}.letter-scene{transform:scale(.85);transform-origin:center center;margin-left:-30px}.mode-card{padding:20px}.mode-grid{gap:12px}.setup-layout{gap:25px}.arena-layout{gap:12px;grid-template-columns:150px minmax(300px,1fr) 150px}.player-panel{padding:16px}.player-panel.active{padding-top:14px}.play-center{padding:0 5px}.timer-row{gap:18px}.timer{padding-right:18px}}
@media(max-width:760px){.site-header{padding:18px 6%;min-height:84px}.site-footer{padding:22px 6%;flex-wrap:wrap;gap:15px}.site-footer>span:nth-child(2){display:none}.brand{font-size:10px}.brand-icon{width:39px;height:39px;font-size:29px}.nav-link{font-size:10px}.icon-button{padding-left:16px}nav{gap:16px}.home-view{grid-template-columns:1fr;padding:35px 7% 0}.hero-copy h1{font-size:57px;margin:22px 0}.hero-copy h1 em{white-space:normal}.hero-facts{margin-bottom:10px}.letter-scene{height:370px;min-height:370px;width:430px;max-width:100%;margin:0 auto;transform:scale(.86);transform-origin:center center}.home-bottom{margin-top:0;gap:20px;align-items:flex-start}.home-bottom>p:nth-child(2){display:none}.selection-view{padding:25px 6% 35px}.step-heading{padding-top:40px}.step-heading h1{font-size:39px}.step-heading>.eyebrow{font-size:8px}.mode-grid{grid-template-columns:1fr}.mode-card{padding:24px}.mode-art{height:75px}.mode-card .button{margin-top:15px}.setup-layout{grid-template-columns:1fr;gap:30px}.style-card{padding:20px}.style-symbol{width:30px;font-size:34px}.players-inputs{gap:10px}.match-config{padding:25px}.game-view{padding:24px 6%}.game-topline{flex-wrap:wrap;gap:10px}.game-topline h1{font-size:23px}.game-topline .eyebrow{font-size:7px;max-width:110px}.game-topline .back-link{font-size:9px}.arena-layout{grid-template-columns:1fr 1fr;gap:12px}.player-panel{padding:14px;display:grid;grid-template-columns:1fr auto;gap:2px 10px}.player-panel.active{padding-top:12px}.player-panel .player-top{grid-column:2;grid-row:1/4;flex-direction:column;margin:0;gap:8px;align-items:flex-end}.player-panel .section-label{grid-column:1;grid-row:1}.player-panel h2{grid-column:1;grid-row:2;font-size:21px;margin:0}.player-panel .hearts{grid-column:1;grid-row:3;font-size:16px;letter-spacing:1px}.player-panel .player-score{grid-column:1;grid-row:4;margin:10px 0 0;padding-top:10px;display:flex;align-items:center;gap:8px}.player-score strong{font-size:24px}.player-score>span{font-size:6px}.abandon-link{grid-column:2;grid-row:4;font-size:9px;align-self:center;justify-self:end}.play-center{grid-column:1/-1;grid-row:2;padding:15px 0 0}.player-panel#player-2{grid-column:2;grid-row:1}.avatar{width:32px;height:34px;font-size:16px}.turn-indicator{font-size:6px}.timer-row{margin:20px 0}.timer>span{font-size:52px}.current-rule h2{font-size:25px}.chain-panel{margin-top:20px}.result-panel{padding:25px 18px}.result-panel h2{font-size:29px}dialog{padding:35px 25px}}
/* Éviter que les cartes décoratives imposent une largeur minimale à la page. */
.hero-copy{min-width:0}
/* Emplacements d'aperçu : aucune publicité réelle. L'espace de 160 px reste
   identique sur mobile pour séparer annonces futures, saisie et navigation. */
.ad-placement{margin-block:160px;min-width:0;color:var(--muted);pointer-events:none;user-select:none}
.home-ad{grid-column:1/-1;width:100%}
.results-ad{padding-inline:5.5%}
.ad-label{display:block;font-size:9px;letter-spacing:2px;text-align:center;margin-bottom:10px}
.ad-placeholder{width:min(100%,728px);min-height:110px;margin-inline:auto;border:1px dashed #b9c1bb;background:#eeeee7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:18px;text-align:center}
.ad-placeholder>span{font:22px var(--serif);color:var(--muted)}
.ad-placeholder>small{font-size:10px}
/* Le lexique conserve les accents ; la lettre imposée reste un repère visuel. */
.lexicon-search-row{display:flex;gap:10px}.lexicon-search-row input{min-width:0}.lexicon-results{list-style:none;padding:0;max-height:260px;overflow:auto}.lexicon-results li{padding:9px 0;border-bottom:1px solid var(--line)}.lexicon-results strong{font:20px var(--serif);display:block}.lexicon-results span{font-size:10px;color:var(--muted)}#lexicon-status{font-size:11px}#training-hint{margin-top:22px}.training-summary{display:none;color:var(--muted);font-size:13px;line-height:1.8}
.training-setup .players-inputs>.versus,.training-setup .players-inputs>label:last-child,.training-setup .match-config fieldset,.training-setup .config-facts,.training-setup .config-note{display:none}.training-setup .training-summary{display:block}.training-setup .players-fields{margin-top:0}
@media(max-width:760px){.home-view{grid-template-columns:minmax(0,1fr);overflow:hidden}.letter-scene{width:360px;max-width:none;justify-self:center}}
@media(max-width:380px){.hero-copy h1{font-size:39px;letter-spacing:-1.8px}.letter-scene{transform:scale(.70);margin-top:-20px;margin-bottom:-35px}.hero-facts{gap:18px}.step-heading h1{font-size:34px}.players-inputs{flex-direction:column;align-items:stretch}.versus{margin:0;text-align:center}.style-card{gap:12px}.style-content>span{font-size:10px}.current-rule h2{font-size:23px}}

/* Le dernier mot reste près de la saisie, y compris sur un écran étroit. */
.last-word-panel{background:var(--white);border-left:3px solid var(--teal);padding:12px 16px;margin-bottom:18px}
.last-word-panel .section-label{display:block;font-size:10px;letter-spacing:1px;color:var(--muted);margin:0 0 6px}
.last-word-panel strong{display:block;font:32px/1.2 var(--serif);overflow-wrap:anywhere}
.last-word-panel.empty strong{font:14px/1.5 var(--sans);color:var(--muted)}

/* PvP privé : invitation, préparation, connexion et réactions. */
.online-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.online-entry-grid .match-config p{font-size:14px;line-height:1.7}.online-entry-grid .field-label{display:block;margin:18px 0 8px}.online-entry-grid input{width:100%;margin-bottom:12px}.online-lobby{max-width:760px;margin:auto}.online-invite-row{display:flex;gap:10px;align-items:stretch}.online-invite-row input{min-width:0;flex:1;font-size:13px}.online-players{list-style:none;padding:0;margin:24px 0}.online-players li{padding:14px 0;border-top:1px solid var(--line);font-size:17px;overflow-wrap:anywhere}.online-network{max-width:1100px;margin:10px auto;padding:12px 20px;border:1px solid var(--line);background:var(--white);font-size:13px}.online-network[data-kind=offline]{border-color:var(--orange);color:#9d3823}.online-setup .players-inputs>.versus,.online-setup .players-inputs>label:last-child,.online-setup .config-note{display:none}.online-reactions{border-top:1px solid var(--line);padding-top:18px;margin-top:22px}.online-reaction-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.online-reaction-heading .section-label{margin:0}.online-reaction-buttons{display:flex;flex-wrap:wrap;gap:8px}.online-reaction-buttons button{border:1px solid var(--line);padding:10px 12px;background:var(--white);font-size:13px;min-height:44px}.online-reaction-buttons button:hover{border-color:var(--teal)}#online-reaction-message{font-size:17px;min-height:26px;overflow-wrap:anywhere}.online-muted .online-reaction-buttons,#online-reaction-message:empty{display:none}.online-waiting-turn #word-form{opacity:.7}
@media(max-width:760px){.online-entry-grid{grid-template-columns:1fr}.online-invite-row{flex-direction:column}.online-network{margin-inline:6%}.online-reaction-heading{flex-wrap:wrap}.online-reaction-buttons button{flex:1 1 42%;text-align:left}}
