:root{--cream:#f6f3e9;--ink:#163d31;--green:#174e3c;--lime:#dceca1;--muted:#65766a;--line:#dce0d2;--paper:#fffef8;--gold:#d99a41;font-family:ui-rounded,'Trebuchet MS',system-ui,sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b47a26;outline-offset:4px}[hidden]{display:none!important}.app{max-width:1040px;margin:auto;padding:0 30px}.topbar{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:var(--ink);font-size:19px;font-weight:800}.brand img{border-radius:11px}.brand small{font-size:8px;letter-spacing:2px;display:block;margin-top:4px}.version{font-size:10px;letter-spacing:2px;color:var(--muted)}.hero{text-align:center;max-width:720px;margin:46px auto 0}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.7px;line-height:1.7}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#669554;margin-right:6px;box-shadow:0 0 0 4px #66955418}h1{font-size:48px;letter-spacing:-2px;line-height:1.12;margin:17px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#3f7251}p{line-height:1.65;color:var(--muted)}.hero>p:not(.eyebrow){font-size:15px;max-width:450px;margin:16px auto}.card-scene{height:214px;position:relative;width:390px;max-width:100%;margin:15px auto 24px;display:flex;align-items:center;justify-content:center}.secret-card{width:154px;height:188px;border:1px solid #e5ebcd;transform:rotate(-6deg);border-radius:22px;background:var(--green);color:var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 15px 25px #174e3c25,6px 6px 0 #d6dfa9;animation:float 5s ease-in-out infinite}.secret-card>span{font-size:7px;letter-spacing:2px}.secret-card b{font:105px Georgia,serif;color:var(--lime);line-height:1.15}.secret-card small{font-size:10px}.mini-card{position:absolute;top:76px;width:108px;height:78px;border-radius:15px;font-size:20px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 8px 18px #173d3110}.mini-card span{font-weight:400;font-size:9px;margin-top:6px}.left-card{left:14px;background:#e6eccf;transform:rotate(-14deg)}.right-card{right:9px;background:#f2dfbc;transform:rotate(13deg)}.spark{position:absolute;color:var(--gold);font-size:28px;font-style:normal}.s1{left:51px;top:16px}.s2{right:44px;bottom:17px;font-size:21px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:10px 0 17px}.section-title h2{font-size:17px;letter-spacing:-.4px;margin:0}.section-title>span{font-size:9px;letter-spacing:2px;color:var(--muted)}.universe-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.universe{border:1px solid #d9decd;border-radius:23px;padding:25px 20px;text-align:left;position:relative;display:flex;gap:17px;transition:transform .2s,box-shadow .2s;min-height:205px;color:var(--ink);background:#fffef8}.universe:hover{transform:translateY(-4px);box-shadow:0 14px 28px #173d3114}.universe:active{transform:scale(.98)}.universe.civil{background:var(--green);color:var(--cream);border-color:var(--green)}.universe-icon{width:44px;height:48px;flex-shrink:0;background:#edf0df;border:1px solid #dce1c9;border-radius:13px;font:34px Georgia,serif;display:flex;align-items:center;justify-content:center;transform:rotate(-5deg)}.civil .universe-icon{color:var(--lime);background:#ffffff12;border-color:#ffffff20;font:32px system-ui}.universe-body{display:flex;flex-direction:column;gap:10px}.universe .eyebrow{font-size:8px;letter-spacing:1.2px;margin-right:16px}.universe strong{font-size:23px;letter-spacing:-.7px}.universe-body>span:not(.eyebrow){font-size:12px;line-height:1.65;opacity:.8;max-width:265px}.universe small{font-size:10px;opacity:.7;padding-top:5px}.arrow{position:absolute;right:19px;top:22px;font-size:23px;color:#74916f}.civil .arrow{color:var(--lime)}.how{display:flex;gap:13px;align-items:center;border-bottom:1px solid var(--line);padding:20px 4px;margin-bottom:20px}.step-number{display:flex;align-items:center;justify-content:center;background:#e8edda;min-width:32px;height:32px;border-radius:50%;font-size:13px;font-weight:800}.how p{font-size:12px;margin:0}.how strong{color:var(--ink)}.home-tools{display:flex;gap:10px}.primary,.secondary,.file-label{border-radius:13px;min-height:50px;padding:14px 17px;font-size:13px;font-weight:700;border:1px solid var(--line);transition:transform .15s,background .2s}.primary{display:block;background:var(--green);color:#fffef4;border-color:var(--green);width:100%;margin-top:20px;box-shadow:0 5px 0 #103b2e}.primary:hover{background:#236449}.primary:active,.secondary:active{transform:translateY(3px);box-shadow:none}.secondary,.file-label{background:transparent;color:var(--ink)}.secondary:hover,.file-label:hover{background:#e9eddc}.home-tools>*{flex:1;text-align:center}.offline{text-align:center;font-size:10px;margin:17px 0 24px;color:#55704f}.help{font-size:12px;line-height:1.6}.gamebar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:20px 0;font-size:9px;letter-spacing:1px}.text-button{border:0;background:none;padding:12px 0;color:var(--ink);font-weight:700;min-height:44px}.scoreboard{display:flex;gap:12px;max-width:540px;margin:20px auto}.score-item{flex:1;background:#e9eddc;border:1px solid #dfe4d0;padding:12px 15px;border-radius:15px;display:flex;align-items:center;gap:10px;font-size:12px}.score-item b{font-size:20px;margin-left:auto}.score-item small{display:block;font-size:8px;letter-spacing:1px;margin-top:4px;color:var(--muted)}.avatar{background:var(--green);color:var(--lime);width:29px;height:29px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:800;flex-shrink:0}.panel{background:var(--paper);border:1px solid var(--line);border-radius:26px;padding:32px;max-width:540px;margin:22px auto 35px;box-shadow:0 13px 30px #173d3106;animation:appear .28s ease-out}.panel h1{font-size:33px;letter-spacing:-1px}.panel>p{font-size:14px}.panel>.help{font-size:11px}.panel>.secondary{width:100%;margin-top:13px}.center{text-align:center}.lock-art{width:96px;height:115px;background:#e9eed5;border:1px solid #dce3c8;border-radius:23px;margin:27px auto;font:60px Georgia,serif;display:flex;align-items:center;justify-content:center;transform:rotate(-6deg);color:var(--green)}label{display:block;font-size:12px;font-weight:700;margin:21px 0 9px}input,select,textarea{display:block;width:100%;background:#f7f7ee;border:1px solid #d6dfce;border-radius:12px;padding:14px;color:var(--ink);min-height:50px;font-size:15px}textarea{resize:vertical;line-height:1.6}.word-card{background:var(--green);color:var(--cream);text-align:center;border-radius:21px;padding:28px 15px;margin:25px 0 19px;box-shadow:4px 5px 0 #dce7bb}.word-card>span{font-size:8px;letter-spacing:2px;color:#d2dfc0}.word{font-family:Georgia,serif;font-size:36px;line-height:1.2;color:var(--cream);overflow-wrap:anywhere;margin:23px 0}.category-pill{font-size:11px;color:var(--lime);margin-bottom:0;line-height:1.5}.responses{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.responses button{border-radius:12px;background:#f0f2e6;border:1px solid #dde3ce;color:var(--ink);padding:14px 8px;min-height:48px;font-size:12px;font-weight:700;transition:transform .1s,background .1s}.responses button:first-child{background:#dceabb}.responses button:nth-child(2){background:#efe0cf}.responses button:active{transform:scale(.94);background:#c7d99f}.question-count{font-size:11px!important;letter-spacing:.4px;color:var(--muted);text-align:center;min-height:18px}.celebration-mark{font-size:88px;color:var(--gold);animation:celebrate .6s ease-out}.stat-pill{display:inline-block;background:#eaf0d7;border-radius:30px;padding:12px 20px;font-size:12px!important}.file-label{display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:12px;margin:0}.file-label input{font-size:10px;min-height:25px;max-width:190px;padding:4px;border:0;background:none}.danger{color:#8a4439;font-size:11px}summary{cursor:pointer;font-size:12px;font-weight:700;padding:16px 0;min-height:44px}details p{font-size:11px}.notice{font-size:13px;text-align:center;color:#8c4d21}.notice:empty{display:none}footer{border-top:1px solid var(--line);padding:24px 0 30px;margin-top:25px;text-align:center}footer>span{font-size:8px;letter-spacing:1.6px;font-weight:800}footer>p{font-size:10px}footer details{max-width:540px;margin:auto;text-align:left}footer summary{text-align:center;font-size:10px;color:var(--muted)}.toast{position:fixed;bottom:max(25px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%,30px);background:var(--ink);color:var(--cream);box-shadow:0 8px 30px #163d3140;border-radius:35px;padding:15px 24px;max-width:90vw;text-align:center;font-size:13px;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:10}.toast.visible{opacity:1;transform:translate(-50%,0)}@keyframes float{50%{transform:translateY(-7px) rotate(-3deg)}}@keyframes appear{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes celebrate{from{transform:scale(.3) rotate(-50deg)}to{transform:scale(1) rotate(0)}}@media(min-width:760px){.hero{margin-top:38px}.hero h1{font-size:52px}.home-tools{max-width:540px;margin:auto}.panel{margin-top:30px}}@media(max-width:600px){.app{padding:0 20px}.topbar{height:79px}.brand{font-size:16px}.brand small{font-size:6px}.version{font-size:8px;letter-spacing:1px}.hero{margin:29px auto 0}.hero h1{font-size:36px;letter-spacing:-1.5px}.hero>p:not(.eyebrow){font-size:12px;max-width:300px}.hero .eyebrow{font-size:8px}.card-scene{height:183px;margin:10px auto 20px;width:320px}.secret-card{width:132px;height:159px;border-radius:19px}.secret-card b{font-size:85px}.secret-card>span{font-size:6px}.mini-card{width:91px;height:68px;top:65px;font-size:18px}.mini-card span{font-size:8px}.left-card{left:5px}.right-card{right:0}.s1{left:27px;top:9px}.s2{right:23px;bottom:8px}.section-title h2{font-size:15px}.section-title>span{font-size:8px}.universe-grid{grid-template-columns:1fr;gap:12px}.universe{min-height:160px;padding:21px 18px;gap:15px;border-radius:21px}.universe strong{font-size:22px}.universe-body{gap:8px}.universe-body>span:not(.eyebrow){font-size:12px;max-width:220px}.universe small{font-size:9px;padding-top:1px}.universe-icon{width:42px;height:45px}.how{padding:17px 0}.how p{font-size:11px}.home-tools{gap:8px}.home-tools .secondary{font-size:10px;padding:12px 9px}.panel{padding:25px 21px;border-radius:23px}.panel h1{font-size:30px}.gamebar{font-size:8px;letter-spacing:.3px}.gamebar .text-button{font-size:12px}.scoreboard{gap:8px}.score-item{padding:10px;gap:7px;font-size:11px}.score-item small{font-size:7px;letter-spacing:.3px}.word{font-size:32px}.panel>p{font-size:13px}footer{margin-top:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Édition 04 : la table de jeu */
body{background:radial-gradient(ellipse at 15% 0%,#e9edcf80,transparent 45%),var(--cream)}.hero{margin-top:32px}.card-scene{height:180px;margin-bottom:16px}.secret-card{height:160px;width:138px}.secret-card b{font-size:83px}.mini-card{top:62px}.right-card{font-size:16px}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mode-card{position:relative;display:flex;align-items:center;gap:15px;width:100%;text-align:left;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:22px;padding:24px 18px;box-shadow:0 5px 0 #dfe3d3;transition:transform .18s,box-shadow .18s;min-height:120px}.mode-card:hover{transform:translateY(-4px);box-shadow:0 10px 0 #dfe3d3}.mode-card:active{transform:translateY(3px);box-shadow:0 1px 0 #dfe3d3}.mode-card strong{font-size:17px;display:block;letter-spacing:-.4px;padding-right:10px}.mode-card small{display:block;font-size:11px;line-height:1.6;opacity:.75;margin-top:8px}.mode-number{font:34px Georgia,serif;opacity:.6}.mode-card .arrow{font-size:18px;right:13px;top:10px}.featured{background:var(--green);color:var(--cream);border-color:var(--green);box-shadow:0 5px 0 #0c3327}.featured .arrow{color:var(--lime)}.featured .mode-number{color:var(--lime);opacity:1}.universe-strip{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:29px}.universe-strip span{font-size:8px;letter-spacing:1px;border:1px solid #d8deca;border-radius:30px;padding:8px 11px;background:#eaf0db}.sound-controls{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;margin:25px auto}.sound-controls label{display:flex;align-items:center;gap:5px;font-size:10px;margin:0;font-weight:500}.sound-controls input{width:16px;min-height:16px;height:16px;accent-color:var(--green);margin:0;padding:0}.sound-controls button{font-size:10px}.scoreboard{max-width:720px;flex-wrap:wrap}.score-item{min-width:130px}.score-item.active{border-color:#739953;background:#e0eabe;box-shadow:0 3px 0 #cad9a5}.score-item span:not(.avatar){overflow-wrap:anywhere}.score-item b{flex-shrink:0}.score-item small{line-height:1.5}.scoreboard .score-item{flex-basis:40%}#four-choice .mode-card{margin:20px 0}#turn-actions .secondary,#attempt-area .secondary{display:block;width:100%;margin-top:14px}.timer-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.timer-row>span{font-size:12px;font-weight:800}.timer-row strong{background:var(--lime);border:3px solid var(--green);border-radius:50%;height:76px;width:76px;display:flex;align-items:center;justify-content:center;font-size:34px;font-variant-numeric:tabular-nums;box-shadow:3px 4px 0 #d8dfbb}.timer-row strong.urgent{background:#f5d5bc;color:#8a3528;animation:pulse 1s infinite}.taboo-panel .word-card{margin:18px 0}.taboo-panel .word{margin:12px 0;font-size:33px}.taboo-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0}.taboo-list li{padding:12px 8px;border:1px solid #e3c7b3;border-radius:11px;background:#f8e9dd;color:#804931;text-align:center;font-weight:700;font-size:13px;overflow-wrap:anywhere}.taboo-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.taboo-buttons .primary{margin:0}.taboo-buttons .danger{background:#f6dfd3;border-color:#d9ad96;font-size:14px}.rule-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:22px 0}.rule-pills span{border-radius:25px;background:#eaf0d7;padding:9px 12px;font-size:11px}.taboo-label{color:#945836}.taboo-panel .text-button{display:block;margin:auto;font-size:11px}button:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.panel{scroll-margin-top:10px}.panel .word{overflow-wrap:normal;word-break:normal;hyphens:auto}.private-panel{border-top:5px solid var(--green)}@keyframes pulse{50%{transform:scale(1.05)}}@media(max-width:700px){.mode-grid{grid-template-columns:1fr}.mode-card{min-height:92px;padding:20px;gap:20px}.mode-card strong{font-size:18px}.mode-card small{margin-top:5px;font-size:11px}.mode-number{font-size:38px}.hero h1{font-size:38px}.hero{margin-top:23px}.hero>p:not(.eyebrow){font-size:13px}.card-scene{height:165px}.secret-card{height:144px;width:120px}.secret-card b{font-size:75px}.mini-card{top:56px}.section-title>span{font-size:7px;max-width:86px;text-align:right}.score-item{min-width:110px}.universe-strip{gap:6px;margin-top:25px}.universe-strip span{font-size:7px;padding:8px}.sound-controls{gap:10px}.taboo-list li{font-size:12px}.taboo-panel .word{font-size:29px}}@media(max-width:350px){.app{padding:0 13px}.panel{padding:22px 16px}.mode-card{gap:14px}.mode-card strong{font-size:16px}.hero h1{font-size:33px}}

.relay-running .topbar,.relay-running #scoreboard,.relay-running .gamebar{display:none}.relay-running .taboo-panel{margin-top:14px}.relay-running .sound-controls{margin-top:0}@media(max-width:600px){.relay-running .taboo-panel{padding-top:18px;padding-bottom:15px}.relay-running .timer-row strong{height:66px;width:66px;font-size:30px}.relay-running .taboo-list li{padding:10px 8px}.relay-running .taboo-panel .word-card{padding:17px 12px}.relay-running .taboo-panel .eyebrow{margin-top:13px;margin-bottom:8px}.relay-running .taboo-buttons{margin-top:15px}}

/* Palette crème et forêt, surfaces vitrées tempérées : les contrastes priment sur les effets. */
:root{color-scheme:light;--cream:#f5f1e6;--ink:#193b31;--green:#205642;--lime:#dfe9ad;--muted:#52675c;--line:#d8dfd1;--paper:#fffdf7;--gold:#b77a2c;--glass:rgba(255,253,247,.78);--shadow-soft:0 16px 42px rgba(25,59,49,.10),inset 0 1px rgba(255,255,255,.82)}
body{min-height:100vh;background:radial-gradient(ellipse at 9% 4%,rgba(224,232,197,.72),transparent 37%),radial-gradient(ellipse at 93% 30%,rgba(240,222,190,.35),transparent 30%),var(--cream)}
.app{isolation:isolate}.topbar{border-color:rgba(64,94,73,.19)}.brand img{box-shadow:0 3px 12px #173d3120}.version,.section-title>span{color:#52675c}.hero h1{color:#193b31}.hero h1 em{color:#356b4b}.live-dot{background:#4c8153;box-shadow:0 0 0 4px #4c81531c}
.mode-card,.panel,.score-item,.word-card,.secret-card,.universe,.secondary,.responses button{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.mode-card{background:linear-gradient(145deg,rgba(255,255,251,.92),rgba(247,247,236,.82));border-color:rgba(68,97,73,.21);box-shadow:0 7px 0 rgba(214,222,203,.88),0 12px 28px rgba(24,57,45,.055);transition:transform .22s cubic-bezier(.2,.7,.25,1),box-shadow .22s,border-color .2s,background-color .2s}
.mode-card:hover{border-color:#8aa477;box-shadow:0 10px 0 rgba(214,222,203,.75),0 20px 34px rgba(24,57,45,.12)}.mode-card:focus-visible,.primary:focus-visible,.secondary:focus-visible{outline-color:#925d1b;outline-offset:4px}.mode-card.featured{background:linear-gradient(145deg,#28654b,#194836);box-shadow:0 6px 0 #103b2e,0 13px 28px rgba(15,58,43,.15)}.mode-card.featured:hover{box-shadow:0 9px 0 #103b2e,0 19px 34px rgba(15,58,43,.2)}
.primary,.secondary,.file-label{min-height:52px;border-radius:15px;transition:transform .18s cubic-bezier(.2,.7,.25,1),box-shadow .18s,background-color .2s,border-color .2s}.primary{background:linear-gradient(145deg,#28674c,#194a38);box-shadow:0 5px 0 #103b2e,0 10px 22px rgba(23,78,60,.13)}.primary:hover{background:linear-gradient(145deg,#327653,#205842);box-shadow:0 6px 0 #103b2e,0 14px 24px rgba(23,78,60,.17);transform:translateY(-1px)}.primary:active,.secondary:active{transform:translateY(2px) scale(.99)}.secondary,.file-label{background:rgba(255,255,250,.55);border-color:rgba(68,97,73,.23);box-shadow:0 3px 9px rgba(25,59,49,.045)}.secondary:hover,.file-label:hover{background:#e9efdc;border-color:#aebd9c}.panel{background:linear-gradient(145deg,rgba(255,254,249,.93),rgba(250,249,239,.82));border-color:rgba(63,92,69,.2);box-shadow:var(--shadow-soft);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.score-item{background:rgba(232,238,216,.82);border-color:#d4ddc5}.score-item.active{background:#e5edcc;border-color:#718f5d;box-shadow:0 4px 12px rgba(56,91,52,.12)}
input,select,textarea{background:rgba(250,250,242,.92);border-color:#cbd6c4;transition:border-color .18s,box-shadow .18s,background .18s}input:hover,select:hover,textarea:hover{border-color:#94a987}input:focus,select:focus,textarea:focus{outline:0;border-color:#437554;box-shadow:0 0 0 3px rgba(67,117,84,.18);background:#fffef9}.word-card{box-shadow:5px 7px 0 #dce7bb,0 14px 27px rgba(14,57,41,.15);background:linear-gradient(150deg,#28664a,#174e3c)}.responses button{min-height:50px;box-shadow:0 3px 8px rgba(32,57,39,.06)}.responses button:hover{border-color:#a7bb8c;transform:translateY(-1px)}.responses button:focus-visible,.taboo-buttons button:focus-visible{outline:3px solid #925d1b;outline-offset:3px}
.sound-controls{position:relative;padding:13px 15px;border:1px solid rgba(68,97,73,.18);border-radius:18px;background:rgba(255,253,247,.62);box-shadow:0 8px 24px rgba(25,59,49,.055);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.sound-controls label{min-height:40px;color:#334f40;font-size:11px}.sound-controls input{accent-color:#205642}.sound-controls button{padding:8px 12px;min-height:40px;border:1px solid #cbd6c4;border-radius:12px;background:rgba(255,255,249,.72);color:#193b31}.audio-settings-trigger{font-weight:700}.audio-settings-panel{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(76px,calc(env(safe-area-inset-bottom) + 66px));z-index:30;width:min(350px,calc(100vw - 28px));max-height:min(78vh,680px);overflow:auto;padding:20px;border:1px solid rgba(64,94,73,.25);border-radius:22px;background:rgba(255,253,247,.97);box-shadow:0 20px 60px rgba(14,45,34,.23),inset 0 1px #fff;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.audio-settings-panel h2{font-size:17px;letter-spacing:-.3px;margin:0 0 13px}.audio-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0;padding:11px 0;border-bottom:1px solid #e4e8dc;font-size:12px;font-weight:600;color:#234437}.audio-row input[type=range]{width:128px;min-height:24px;height:24px;padding:0;accent-color:#28654b}.audio-row input[type=checkbox]{width:22px;min-width:22px;height:22px;min-height:22px;padding:0;accent-color:#28654b}.audio-settings-panel details{margin-top:7px}.audio-settings-panel summary{color:#234437}.audio-kind-list{padding-left:8px}.audio-panel-close{width:100%;margin-top:13px;min-height:44px;border:1px solid #cbd6c4;border-radius:13px;background:#e9efdc;color:#193b31;font:inherit;font-size:12px;font-weight:700}.audio-settings-panel :focus-visible{outline:3px solid #925d1b;outline-offset:3px}.audio-settings-panel[hidden]{display:none}
.toast{box-shadow:0 9px 30px rgba(16,49,37,.28);border:1px solid rgba(255,255,255,.12)}.taboo-list li{border-color:#d8b59c;color:#6f3927;background:#f7e7dc}.danger{color:#77372e}.notice{color:#75421f}
@media(max-width:600px){.sound-controls{gap:7px;padding:10px}.sound-controls label{font-size:10px}.audio-settings-panel{right:10px;bottom:max(68px,calc(env(safe-area-inset-bottom) + 58px));padding:17px}.audio-row{font-size:11px}.audio-row input[type=range]{width:112px}}
@media(prefers-reduced-motion:reduce){.secret-card{animation:none!important}.mode-card,.primary,.secondary,.file-label,.responses button,.toast{transition:none!important}.mode-card:hover,.primary:hover,.responses button:hover{transform:none}}

/* États du relais synchronisé et de la pause d’arbitrage ajoutés par l’intégration. */
#taboo-paused,#relay-wait{max-width:540px;margin:22px auto 35px;padding:30px;border:1px solid rgba(63,92,69,.2);border-radius:25px;background:linear-gradient(145deg,rgba(255,254,249,.95),rgba(247,248,238,.88));box-shadow:var(--shadow-soft);text-align:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}#taboo-paused h1,#relay-wait h1{font-size:32px;letter-spacing:-.8px}#taboo-paused p,#relay-wait p{line-height:1.65;color:var(--muted)}#taboo-paused .primary,#relay-wait .primary{margin-top:20px}#taboo-countdown{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:24px;background:rgba(21,58,43,.96);color:#fffdf4;text-align:center}#taboo-countdown[hidden]{display:none}#taboo-countdown .countdown-number{display:block;color:var(--lime);font:clamp(100px,28vw,230px)/1 Georgia,serif;font-variant-numeric:tabular-nums;text-shadow:0 8px 30px rgba(0,0,0,.22)}#taboo-countdown p{color:#f0f2df;font-size:clamp(16px,4vw,24px)}#taboo-pause{min-height:48px;border:1px solid #cbd6c4;border-radius:14px;padding:11px 16px;background:rgba(255,253,247,.8);color:var(--ink);font:inherit;font-weight:700;box-shadow:0 4px 12px rgba(25,59,49,.08)}#taboo-pause:hover{background:#e9efdc}#connect-devices{display:block;width:100%;margin-top:14px;padding:14px 17px;min-height:50px;border:1px solid #bacba8;border-radius:15px;background:linear-gradient(145deg,#edf2df,#e2ebd2);color:var(--ink);font:inherit;font-weight:700;box-shadow:0 4px 12px rgba(25,59,49,.07)}#connect-devices:hover{background:#dfe9cb}#link-state{padding:11px 14px;border-radius:13px;background:#e9efdc;color:#264e38;font-weight:600}#link-state:empty{display:none}#relay-wait{border-top:5px solid #497a51}
@media(max-width:600px){#taboo-paused,#relay-wait{padding:24px 20px;border-radius:22px}#taboo-paused h1,#relay-wait h1{font-size:29px}}
/* Deux duos, puis les modes de groupe : hiérarchie stable sur grand écran. */
.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:700px){.mode-grid{grid-template-columns:1fr}}

/* Édition 07 : espacement des choix, mode autonome sur un téléphone. */
#two-choice .mode-card{margin:20px 0}
#timesup .gamebar{flex-wrap:wrap}#timesup .gamebar span{overflow-wrap:anywhere}
#timesup .tu-rules{text-align:left;border-block:1px solid var(--line);margin:20px 0;padding:0 4px}
#timesup .tu-rules p{font-size:12px}#timesup .tu-rules strong{color:var(--ink)}
#timesup h2{font-size:20px;margin-top:28px}#timesup .panel>.text-button{display:block;margin:15px auto 0}
#timesup .tu-round-results{background:#eaf0d7;border-radius:16px;padding:10px 15px}
#timesup .tu-round-results p{font-size:12px}#timesup .word{overflow-wrap:anywhere}
#timesup .timer-row>span{overflow-wrap:anywhere;max-width:70%}#timesup .timer-row strong{flex-shrink:0}
#timesup .score-item>span{min-width:0}#timesup .tu-scores .score-item{min-width:0}

/* Pendant le chrono, priorité à la carte et aux actions, sans toucher au relais. */
.timesup-running .topbar,.timesup-running #timesup>.tu-scores,.timesup-running #timesup>p.center.help{display:none}
.timesup-running #timesup .gamebar{margin:4px 0;font-size:9px}
.timesup-running #timesup .panel{margin:8px auto 18px;padding:18px 20px}
.timesup-running #timesup .timer-row strong{height:64px;width:64px;font-size:29px}
.timesup-running #timesup .word-card{padding:13px 12px;margin:15px 0}
.timesup-running #timesup .word{font-size:30px;margin:16px 0}
.timesup-running #timesup .eyebrow{margin:12px 0}
.timesup-running #timesup .primary,.timesup-running #timesup .secondary{margin-top:12px;min-height:48px;padding:12px}
.timesup-running #timesup #tu-progress{margin:10px 0}
.timesup-running #timesup .panel>.text-button{margin-top:2px;font-size:12px;min-height:44px}
@media(max-height:700px){.timesup-running #timesup .panel{padding:14px 16px}.timesup-running #timesup .word{margin:10px 0;font-size:27px}.timesup-running #timesup .timer-row strong{height:54px;width:54px;font-size:25px}.timesup-running #timesup .word-card{margin:10px 0;padding:10px}}

/* Édition 12 — contrôles centrés et badges de mode à empreinte uniforme. */
:is(.primary,.secondary,.text-button,.file-label,#taboo-pause,.appui-button){display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.25}
.text-button{gap:7px}
.home-tools :is(.secondary,.file-label){min-height:50px}
footer summary{display:flex;align-items:center;justify-content:center;min-height:48px;text-align:center}
:is(#two-choice,#four-choice) .mode-card{align-items:center;min-height:120px;gap:17px}
.mode-badge{display:flex;flex:0 0 58px;align-items:center;justify-content:center;width:58px;height:58px;min-width:58px;padding:0;border:1px solid rgba(68,97,73,.16);border-radius:17px;color:#28664b;background:#e9efdb;font:700 19px/1 system-ui,sans-serif;letter-spacing:0;text-align:center;opacity:1}
.featured .mode-badge{border-color:rgba(255,255,255,.16);color:#dfe9ad;background:rgba(255,255,255,.1)}
#four-choice .mode-badge{font-size:16px;white-space:nowrap;letter-spacing:-.2px}
#four-choice .mode-number{font-family:system-ui,sans-serif}
#two-choice .mode-badge[aria-label="Deux manches"],#four-choice .mode-badge[aria-label="Deux manches"]{font-size:20px}
#two-choice .mode-card>span:nth-child(2),#four-choice .mode-card>span:nth-child(2){min-width:0}
.appui-title{text-align:center;margin-right:0;padding-inline:36px}
.appui-rules-content h3:first-child{text-align:center}
#taboo-countdown .countdown-number{display:grid;place-items:center;width:min(50vw,220px);height:min(50vw,220px);aspect-ratio:1;margin:0 auto;border:2px solid rgba(255,255,255,.24);border-radius:50%;line-height:1;font-variant-numeric:tabular-nums;box-shadow:inset 0 0 0 9px rgba(255,255,255,.055),0 0 0 10px rgba(255,255,255,.08);text-align:center}
#taboo-countdown{align-content:center;justify-items:center;gap:14px}
#taboo-countdown p{max-width:32rem;margin:0 auto}
@media(max-width:700px){:is(#two-choice,#four-choice) .mode-card{min-height:106px;padding:17px 15px;gap:14px}.mode-badge{flex-basis:54px;width:54px;height:54px;min-width:54px}#four-choice .mode-badge{font-size:15px}}
@media(max-width:350px){:is(#two-choice,#four-choice) .mode-card{gap:11px;padding:14px 11px}.mode-badge{flex-basis:48px;width:48px;height:48px;min-width:48px;border-radius:14px;font-size:17px}#four-choice .mode-badge{font-size:13px}}
