:root{--fond: #12202e;--fond-carte: #182b3d;--fond-carte-haute: #1f364b;--fond-creux: #0d1825;--texte: #f7f0e4;--texte-attenue: #8fa6b8;--texte-sur-accent: #12202e;--accent: #ffba03;--accent-chaud: #fc930b;--accent-froid: #007faf;--accent-alerte: #e21d23;--accent-calme: #139765;--trait: rgb(247 240 228 / 12%);--trait-fort: rgb(247 240 228 / 26%);--pas-1: .25rem;--pas-2: .5rem;--pas-3: .75rem;--pas-4: 1rem;--pas-5: 1.5rem;--pas-6: 2rem;--pas-7: 3rem;--coupe: .75rem;--coupe-large: 1.25rem;--ombre-posee: 0 .125rem 0 rgb(0 0 0 / 35%);--ombre-levee: 0 .5rem 1.5rem rgb(0 0 0 / 45%);--temps-vif: .12s;--temps-doux: .26s;--trait-0: #f7f0e4;--trait-1: #ffba03;--trait-2: #007faf;--trait-3: #e21d23;--courbe-sortie: cubic-bezier(.2, .8, .3, 1);--courbe-entree: cubic-bezier(.4, 0, .9, .5)}.tangram-coupe{clip-path:polygon(var(--coupe) 0,100% 0,100% calc(100% - var(--coupe)),calc(100% - var(--coupe)) 100%,0 100%,0 var(--coupe))}.tangram-coupe--large{clip-path:polygon(var(--coupe-large) 0,100% 0,100% calc(100% - var(--coupe-large)),calc(100% - var(--coupe-large)) 100%,0 100%,0 var(--coupe-large))}.tangram-carte{background:var(--fond-carte);border:1px solid var(--trait)}:where(button,a,[tabindex]):focus-visible{outline:.1875rem solid var(--accent);outline-offset:.125rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--titre: 1.75rem;--sous-titre: 1.25rem;--corps: 1.0625rem;--secondaire: 1rem;--cible: 3rem}*{box-sizing:border-box}body{margin:0;background:var(--fond);color:var(--texte);font-family:system-ui,sans-serif;font-size:var(--corps);line-height:1.4;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}main{display:flex;flex-direction:column;gap:var(--pas-4);min-height:100dvh;padding:var(--pas-5) var(--pas-4);padding-top:max(var(--pas-5),env(safe-area-inset-top));padding-bottom:max(var(--pas-5),env(safe-area-inset-bottom))}h1{margin:0;font-size:var(--titre);line-height:1.15;text-wrap:balance}h2{margin:0;font-size:var(--sous-titre);font-weight:600}p{margin:0;text-wrap:pretty}.pad__cat{width:5rem;height:auto;justify-self:center}button{min-height:var(--cible);width:100%;padding:var(--pas-3) var(--pas-4);border:none;background:var(--accent);color:var(--texte-sur-accent);font:inherit;font-size:var(--corps);font-weight:600;cursor:pointer;clip-path:polygon(var(--coupe) 0,100% 0,100% calc(100% - var(--coupe)),calc(100% - var(--coupe)) 100%,0 100%,0 var(--coupe));transition:transform var(--temps-vif) ease-out}button:active{transform:scale(.98)}button:disabled{background:var(--fond-carte-haute);color:var(--texte-attenue);cursor:not-allowed}.pad__grid button,.pad__participants button,.pad__quick button,.pad__host button{background:var(--fond-carte);color:var(--texte);border:1px solid var(--trait-fort);font-weight:500}.pad__grid button:active,.pad__participants button:active,.pad__quick button:active{background:var(--fond-carte-haute)}form{display:grid;gap:var(--pas-3)}label{display:grid;gap:var(--pas-2);font-size:var(--secondaire);color:var(--texte-attenue)}input{min-height:var(--cible);padding:var(--pas-3);background:var(--fond-creux);border:1px solid var(--trait-fort);color:var(--texte);font:inherit;font-size:var(--corps)}input:focus-visible{outline:.125rem solid var(--accent);outline-offset:.0625rem}ul{list-style:none;padding:0;margin:0;display:grid;gap:var(--pas-2)}.pad__grid,.pad__key{grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:var(--pas-2)}.pad__grid button,.pad__key li{min-height:var(--cible);display:grid;place-items:center;padding:var(--pas-2);text-align:center;font-size:var(--secondaire);overflow-wrap:anywhere}.pad__key li{background:var(--fond-carte);border:1px solid var(--trait)}.pad__key li[data-owner=a]{background:#2f6f9f}.pad__key li[data-owner=b]{background:#b8622f}.pad__key li[data-owner=neutral]{background:#f7f0e438}.pad__key li[data-owner=assassin]{background:#1a1a1a;color:var(--texte-attenue)}.pad__card{padding:var(--pas-5) var(--pas-4);background:var(--fond-carte);border:1px solid var(--trait);font-size:var(--titre);text-align:center;clip-path:polygon(var(--coupe-large) 0,100% 0,100% calc(100% - var(--coupe-large)),calc(100% - var(--coupe-large)) 100%,0 100%,0 var(--coupe-large))}.pad__history,.pad__participants{font-size:var(--secondaire)}.pad__history li{display:flex;justify-content:space-between;gap:var(--pas-3);padding:var(--pas-2) var(--pas-3);background:var(--fond-carte)}.pad__participants li{display:grid;gap:var(--pas-2)}.pad__quick{display:flex;flex-wrap:wrap;gap:var(--pas-2)}.pad__quick button{width:auto;min-width:var(--cible);flex:1 1 4rem}.pad__host{display:grid;gap:var(--pas-2);margin-top:auto;padding-top:var(--pas-4);border-top:1px solid var(--trait)}.notice{padding:var(--pas-3) var(--pas-4);background:var(--fond-carte);border-left:.25rem solid var(--accent);color:var(--accent);font-size:var(--secondaire)}main:has(form){justify-content:center}@media(min-width:40rem){main{max-width:34rem;margin:0 auto}}.joined{display:grid;gap:var(--pas-4);justify-items:center;margin:auto 0;text-align:center}.joined__look{color:var(--texte-attenue)}.rules{display:grid;gap:var(--pas-4);align-content:start}.rules h1{font-size:var(--titre)}.rules h2{margin-top:var(--pas-4)}.rules h3{margin:var(--pas-3) 0 0;font-size:var(--corps);color:var(--texte-attenue)}.rules p,.rules li{text-wrap:pretty}.rules ul{padding-left:var(--pas-5);list-style:disc}.pad__draw{display:grid;grid-template-rows:1fr auto;gap:var(--pas-3);flex:1;min-height:0}.pad__canvas{position:relative;background:var(--fond-creux);border:1px solid var(--trait-fort);touch-action:none;aspect-ratio:4 / 3}.pad__canvas svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.pad__tools{display:flex;flex-wrap:wrap;gap:var(--pas-3);align-items:center}.pad__colors,.pad__widths{display:flex;gap:var(--pas-2);margin:0}.pad__colors button,.pad__widths button{width:var(--cible);min-width:var(--cible);min-height:var(--cible);padding:0;border:.15rem solid transparent}.pad__colors button[data-on=true],.pad__widths button[data-on=true]{border-color:var(--texte)}.pad__tools>button{width:auto;flex:1 1 8rem}.pad__word{margin:0 0 var(--pas-3);font-size:var(--titre);font-weight:700;text-align:center}.pad__choices{list-style:none;padding:0;margin:0;display:grid;gap:var(--pas-3)}.pad__choices button{width:100%;min-height:4rem;font-size:var(--sous-titre)}.settings{display:grid;gap:var(--pas-4);align-content:start}.settings__row{display:grid;gap:var(--pas-2);padding:var(--pas-3) 0;border-bottom:1px solid var(--trait);font-size:var(--corps)}.settings fieldset.settings__row{border:0;border-bottom:1px solid var(--trait);margin:0;padding-inline:0}.settings fieldset legend{padding:0;color:var(--texte-attenue);font-size:var(--secondaire)}.settings input[type=checkbox],.settings input[type=radio]{width:1.5rem;height:1.5rem;min-height:0;accent-color:var(--accent)}.settings__row label{display:flex;align-items:center;gap:var(--pas-3);min-height:3rem}.settings__hint{margin:0;color:var(--texte-attenue);font-size:var(--secondaire)}.joined__settings{margin-top:var(--pas-5);background:transparent;border:1px solid var(--trait-fort);color:var(--texte-attenue)}:root[data-text-size=grand]{font-size:1.15rem}:root[data-text-size=très-grand]{font-size:1.3rem}:root[data-motion=reduced] *,:root[data-motion=reduced] *:before,:root[data-motion=reduced] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.help{display:grid;gap:var(--pas-4);align-content:start}.help__hint{margin:0;color:var(--texte-attenue);font-size:var(--secondaire)}.help__vignettes{padding-left:var(--pas-5);margin:0;display:grid;gap:var(--pas-3);font-size:var(--corps)}.help__standings{list-style:none;padding:0;margin:0;display:grid;gap:var(--pas-2);font-size:var(--corps);font-variant-numeric:tabular-nums}.help__ask{background:transparent;border:1px solid var(--accent);color:var(--accent)}.help__ask:disabled{border-color:var(--trait-fort);color:var(--texte-attenue)}.pad__help{margin-top:var(--pas-5);background:transparent;border:1px solid var(--trait-fort);color:var(--texte-attenue)}.pad__resume{margin-top:var(--pas-3);background:var(--accent);color:var(--texte-sur-accent);font-weight:700}.guide{display:grid;gap:var(--pas-2);margin-bottom:var(--pas-4);padding:var(--pas-3) var(--pas-4);background:var(--fond-carte-haute);border-left:.3em solid var(--accent-froid)}.guide__label{margin:0;color:var(--texte-attenue);font-size:var(--secondaire);letter-spacing:.08em;text-transform:uppercase}.guide__sentence{margin:0;font-size:var(--corps)}.guide__debrief{padding-left:var(--pas-5);margin:0;display:grid;gap:var(--pas-2);font-size:var(--corps)}.guide__known{justify-self:end;min-height:2.5rem;padding:0 var(--pas-3);background:transparent;border:1px solid var(--trait-fort);color:var(--texte-attenue);font-size:var(--secondaire)}