:root{--paper: #faf6ec;--ink: #292b29;--soft: #676a61;--blue: #284f95;--blue-wash: #e3e9f1;--red: #b64e36;--red-wash: #f3e3dc;--gold: #e8bb59;font-family:EB Garamond,Georgia,serif;color:var(--ink);font-synthesis:none;font-feature-settings:"lnum"}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--paper)}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;border:0;background:none}button:focus-visible{outline:2px solid var(--blue);outline-offset:4px}[hidden]{display:none!important}#game{position:relative;width:100%;height:100dvh;overflow:hidden;isolation:isolate}#board{width:100%;height:100%;display:block;user-select:none}.map-art,.triangles,.values,.node-label,.node-halo,.node-dot,.free-value{pointer-events:none}.brand{position:absolute;left:32px;top:22px;pointer-events:none}.brand h1{font-size:clamp(24px,2.3vw,36px);line-height:1.05;font-weight:500;margin:0;letter-spacing:-.5px}.brand h1:after{content:"";display:block;height:1px;background:currentColor;margin-top:7px;opacity:.7}.brand p{margin:6px 0 0;font-style:italic;font-size:clamp(17px,1.4vw,22px)}.brand span{color:var(--soft);font-size:.78em;margin-left:6px}.links{position:absolute;right:30px;top:24px;display:flex;gap:26px;z-index:5}.links button{display:flex;align-items:center;gap:7px;padding:4px 0;font-size:19px;color:var(--soft)}.links button:hover{color:var(--blue)}#instruction .continue{pointer-events:auto;padding:.45em 1.6em .4em;border-radius:.3em;background:var(--tone);color:#fbf8f0;font:17px/1.15 IM Fell English SC,Georgia,serif;letter-spacing:.1em;cursor:pointer;transition:filter .15s}#instruction .layer.leaving .continue{pointer-events:none}#instruction .continue:hover{filter:brightness(1.18)}.ico{display:inline-block;flex:none;width:1.25em;height:1.25em;background:currentColor;-webkit-mask:var(--i) center / contain no-repeat;mask:var(--i) center / contain no-repeat}:root{--card-face: #fffbf3;--bad: #8f3a28;--band-h: 4.7em}.side{pointer-events:none;position:absolute;bottom:20px;width:15.5em;font-size:15px;z-index:3;display:flex;flex-direction:column}.side.you{left:26px}.side.rival{right:26px;align-items:flex-end}.hand{display:flex;flex-direction:column;gap:.5em;margin-bottom:.6em}.score{margin:0;display:flex;align-items:baseline;gap:.5em;line-height:1}.score .who{font-size:1.3em}.score b{font-weight:400;font-size:2.6em;letter-spacing:-.02em;min-width:.6em}.score.you{color:var(--blue)}.score.rival{color:var(--red)}.score.waiting{opacity:.75}.slot{pointer-events:auto;position:relative;width:15.5em;min-height:var(--band-h);outline:none;z-index:1}.slot:hover,.slot:focus-within{z-index:30}.slot.arriving{opacity:0}.slot .card{position:relative;width:auto;padding:0;text-align:left}.card.hand .top{position:relative;min-height:var(--band-h);padding:.55em 0 .5em 1em;grid-template-columns:1fr 6.2em;align-items:center}.card.hand .idx.r{width:6.2em}.card.hand .titles{min-width:0;text-align:left}.card.hand .idx.l{display:none}.card.hand:after{content:"";position:absolute;right:0;top:0;bottom:0;width:6.2em;z-index:-1;background:var(--band) right center / cover no-repeat;transition:opacity .2s}.card.hand.good:after{filter:saturate(1.5) contrast(1.1)}.card.hand.bad:after{filter:hue-rotate(-24deg) saturate(3) contrast(1.15)}.slot:hover .card.hand:after,.slot:focus-within .card.hand:after{opacity:0}.card.hand .over{margin:0 0 .25em;font:.76em/1.15 IM Fell English SC,Georgia,serif;letter-spacing:.1em;color:var(--soft)}.card.hand .kick{display:none}.card.hand h3{font-size:1.3em;line-height:1.05}.slot.armed .card .over,.slot.pend .card .over{color:var(--tone)}.slot .card.hand{transition:transform .24s cubic-bezier(.2,.8,.3,1),box-shadow .24s,background-color .24s}.side.you .slot.armed .card.hand,.side.you .slot.pend .card.hand{transform:translate(1.1em)}.side.rival .slot.armed .card.hand,.side.rival .slot.pend .card.hand{transform:translate(-1.1em)}.slot.armed .card.hand.good,.slot.pend .card.hand.good{background:#d6e7d3;box-shadow:0 .7em 1.8em #2a354058,0 .15em .4em #2a354033}.slot.armed .card.hand.bad,.slot.pend .card.hand.bad{background:#efd3c8;box-shadow:0 .7em 1.8em #2a354058,0 .15em .4em #2a354033}.hand .reserve,.hand .inplay{display:flex;flex-direction:column;gap:.5em}.hand .inplay{margin-top:1.1em}.hand .reserve:empty,.hand .inplay:empty{display:none}.hand .reserve:empty+.inplay{margin-top:0}.slot:hover .card.hand .top,.slot:focus-within .card.hand .top{grid-template-columns:2.8em 1fr 2.8em;align-items:start;padding:1em .5em .3em}.slot:hover .card.hand .idx.r,.slot:focus-within .card.hand .idx.r{width:2.8em}.slot:hover .card.hand .titles,.slot:focus-within .card.hand .titles{text-align:center}.slot:hover .card.hand .idx.l,.slot:focus-within .card.hand .idx.l{display:flex}.slot:hover .card.hand .over,.slot:focus-within .card.hand .over{display:none}.slot:hover .card.hand .kick,.slot:focus-within .card.hand .kick{display:block}.card.hand .full{display:grid;grid-template-rows:0fr;transition:grid-template-rows .24s cubic-bezier(.2,.8,.3,1)}.card.hand .full-in{min-height:0;overflow:hidden;padding:0;opacity:0;transition:opacity .18s;text-align:center}.slot:hover .card.hand .full,.slot:focus-within .card.hand .full{grid-template-rows:1fr}.slot:hover .card.hand .full-in,.slot:focus-within .card.hand .full-in{opacity:1;padding-bottom:.6em;transition:opacity .2s .06s}@media (max-height: 860px){.side{font-size:13.5px}.card.hand .pic{height:7.2em}.card.hand .pic .art{width:7em;height:7em}.slot:hover .card.hand .top,.slot:focus-within .card.hand .top{padding-top:.7em}.card.hand .foot{padding-top:.3em}}@media (prefers-reduced-motion: reduce){.card.hand .full,.card.hand .full-in{transition:none}}:root{--good: #2f5b3f;--good-wash: #e4ede3;--bad-wash: #f3e3dc}.card{--tone: var(--good);--tone-wash: var(--good-wash);--pad-bg: #d3e4d0;position:relative;width:15.5em;padding:.55em 0 .7em;border-radius:.7em;background:var(--card-face);box-shadow:0 .5em 1.6em #2a354038,0 .1em .3em #2a354022;text-align:center;font-size:inherit;overflow:hidden;isolation:isolate}.card.bad{--tone: var(--bad);--tone-wash: var(--bad-wash);--pad-bg: #ecd0c4;background:#f6eeec}.card.good{background:#f1f5ee}.card:before{content:"";position:absolute;inset:0;z-index:-1;background:url(assets/papier-fibres.png) 0 0 / 520px;opacity:.2;pointer-events:none}.card .top{display:grid;grid-template-columns:2.8em 1fr 2.8em;column-gap:0;align-items:start;padding:.5em .5em 0;min-height:3.4em}.card .titles{padding-top:.5em}.card .kick{margin:0 0 .3em;font:.62em/1 IM Fell English SC,Georgia,serif;letter-spacing:.24em;text-transform:uppercase;color:var(--tone)}.card h3{margin:0;font-size:1.4em;text-wrap:balance;line-height:1.05;font-weight:600;color:var(--tone)}.idx{display:flex;flex-direction:column;align-items:center;width:2.8em;color:var(--tone);line-height:1}.pad{display:flex;flex-direction:column;align-items:center;justify-content:center;width:1.75em;height:1.75em;border-radius:50%;background:var(--tone);color:#fbf8f0}.pad .num{font-size:.8em;font-weight:600;line-height:1;letter-spacing:-.01em}.pad .unit{display:none}.pad .ico{width:.95em;height:.95em}.card .wash{position:absolute;inset:-1.4em -1.2em -.9em;z-index:-1;background-repeat:no-repeat;opacity:1;-webkit-mask-image:radial-gradient(ellipse 72% 62% at 50% 48%,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 72% 62% at 50% 48%,#000 40%,transparent 100%)}.card.good .wash{background-image:url(assets/jeu/aquarelle-mer.webp);background-size:196% auto;background-position:52% 63%;filter:saturate(1.5) contrast(1.15)}.card.bad .wash{background-image:url(assets/jeu/aquarelle-terre.webp);background-size:196% auto;background-position:86% 6%;filter:hue-rotate(-24deg) saturate(2.4) contrast(1.15)}.card .pic{position:relative;height:10em;margin-top:.1em;display:flex;align-items:center;justify-content:center}.card .pic .art{width:9.8em;height:9.8em}.card .body{position:relative;margin-top:.2em;padding:0 1.1em}.card .where{margin:0 0 .35em;font-size:.85em;font-style:italic;color:var(--soft)}.card .effect{margin:0 0 .5em;font-size:1.05em;line-height:1.25;text-wrap:pretty}.card .lead{padding:.15em 1.6em .1em;color:#6b7068}.card .lead blockquote{margin:0;font-size:.72em;line-height:1.25;font-style:italic;color:inherit;text-wrap:pretty}.card .lead cite{display:block;margin-top:.3em;font:.52em/1 IM Fell English SC,Georgia,serif;letter-spacing:.16em;text-transform:uppercase;font-style:normal;color:inherit;opacity:.8}.card .body{padding-bottom:.3em}.card .quote{display:flex;flex-direction:column;align-items:center}.card .rule{width:1.8em;height:1px;background:#2a35402e;margin-bottom:.6em}.card blockquote{margin:0;font-size:.76em;line-height:1.25;font-style:italic;color:#4a4f48;text-wrap:pretty}.card cite{display:block;margin-top:.4em;font:.6em/1 IM Fell English SC,Georgia,serif;letter-spacing:.16em;text-transform:uppercase;font-style:normal;color:#4a4f48}.card .actions{margin:.7em 0 .6em;display:flex;flex-direction:column;align-items:center;gap:.5em}.card .hint{margin:0;font-size:.9em;font-style:italic;color:var(--soft)}.card .act,.card .choice{display:block;padding:.6em 1em .55em;border-radius:.3em;background:var(--tone);color:#fbf8f0;text-align:center;font:1em/1.15 IM Fell English SC,Georgia,serif;letter-spacing:.1em;transition:filter .15s}.card .choice{width:100%}.card .act{font-size:.95em;padding:.45em 1.3em .4em}.card .act:hover,.card .choice:hover{filter:brightness(1.18)}.card .choice+.choice:hover{filter:brightness(.95)}.card .choice+.choice{background:color-mix(in srgb,var(--tone) 22%,#fbf8f0);color:var(--tone)}.card .choice+.choice small{color:var(--tone)}.card .choices{display:flex;flex-direction:column;gap:.5em;width:100%}.card .choice small{display:block;margin-top:.3em;font:.85em/1.2 EB Garamond,Georgia,serif;letter-spacing:0;color:#fbf8f0;opacity:.92}.cwrap{display:flex;flex-direction:column;align-items:center;gap:.7em;font-size:20px;animation:pop var(--app, .2s) cubic-bezier(.2,1.3,.4,1) both}.card.center{width:22em;min-height:0;font-size:inherit}.cwrap{font-size:clamp(12px,calc((100dvh - var(--bloc) - 100px) / 33),20px)}.medal{position:relative;isolation:isolate;pointer-events:none;margin-bottom:.5em;--tone: var(--blue);--pw: 2.7em;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:.8em;row-gap:.45em;width:22em}.medal.rival{--tone: var(--bad)}.medal:before{content:"";position:absolute;z-index:-1;inset:-2em -62% -1.8em;pointer-events:none;background:color-mix(in srgb,var(--paper) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 84%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 84%,transparent 100%)}.med-line{height:1px;opacity:.6}.med-line.l{background:linear-gradient(90deg,transparent,var(--tone))}.med-line.r{background:linear-gradient(90deg,var(--tone),transparent)}.med-says{grid-column:1 / -1;text-align:center;font-size:1em;line-height:1.2;color:var(--ink);text-wrap:balance;text-shadow:0 0 .3em var(--paper),0 0 .8em var(--paper)}.med-text{grid-column:1 / -1;text-align:center;font:.72em/1 IM Fell English SC,Georgia,serif;letter-spacing:.26em;text-transform:uppercase;color:var(--tone);text-shadow:0 0 .3em var(--paper),0 0 .8em var(--paper)}.art{background-image:url(assets/jeu/evenements.webp);background-size:212% 212%;background-repeat:no-repeat}.art.instrument{background-position:0 0;background-size:194% 194%}.art.village{background-position:100% 0}.art.weather{background-position:0 100%}.art.letter{background-position:100% 100%}.portrait{--pt: var(--blue-wash);display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--pw, 2.4em);aspect-ratio:1;border-radius:50%;background:var(--pt);padding:calc(var(--pw, 2.4em) * .11)}.portrait.rival{--pt: var(--red-wash)}.portrait img{display:block;width:100%;height:100%;object-fit:contain}.score .portrait{--pw: 2.9em;align-self:center}.score.rival .portrait{margin-left:.2em}.footer{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;pointer-events:none;z-index:4}#instruction{pointer-events:none;--tone: var(--blue);--halo: 0 0 2px var(--paper), 0 0 5px var(--paper), 0 0 10px var(--paper), 0 0 18px var(--paper);position:relative;isolation:isolate;margin:0;color:var(--ink);text-wrap:balance}#instruction.rival-turn{--tone: var(--bad)}#instruction .msg{display:flex;flex-direction:column}#instruction .msg-kick{font:14px/1 IM Fell English SC,Georgia,serif;letter-spacing:.26em;text-transform:uppercase;color:var(--tone);text-shadow:var(--halo)}#instruction .msg-main{font-size:clamp(25px,1.95vw,31px);line-height:1.12;color:var(--ink);text-shadow:var(--halo)}#instruction .msg-note{font-size:clamp(16px,1.15vw,19px);line-height:1.2;font-style:italic;color:var(--soft);text-shadow:var(--halo)}#instruction.refused .msg-main{font-size:clamp(21px,1.55vw,26px)}#instruction .cue{display:flex;align-items:center;gap:.6em;font:15px/1 IM Fell English SC,Georgia,serif;letter-spacing:.14em;text-transform:lowercase;color:var(--soft);text-shadow:var(--halo);white-space:nowrap}#instruction .mark{display:inline-flex;align-items:center;justify-content:center;flex:none;width:1.9em;height:1.9em;border-radius:50%;background:var(--tone);color:#fbf8f0;font-size:14px}#instruction .mark .ico{width:1.1em;height:1.1em}@property --rt{syntax: "<color>"; inherits: true; initial-value: #284f95;}[data-bandeau=a] #instruction{width:clamp(440px,36vw,600px);padding:0 0 20px;display:flex;flex-direction:column;align-items:center;font-size:18px;--pw: 2.8em}#instruction .rule,#instruction .pions{display:none}[data-bandeau=a] #instruction .rule{display:block;--rt: var(--blue);transition:--rt .3s ease;position:absolute;left:0;right:0;top:calc(var(--pw) / 2);height:1px;z-index:-1;opacity:.6;background:linear-gradient(90deg,transparent 0,var(--rt) 20%,var(--rt) calc(50% - 2.3em),transparent calc(50% - 2.3em),transparent calc(50% + 2.3em),var(--rt) calc(50% + 2.3em),var(--rt) 80%,transparent 100%)}[data-bandeau=a] #instruction[data-who=rival] .rule{--rt: var(--bad)}[data-bandeau=a] #instruction .pions{display:grid;width:var(--pw);height:var(--pw)}#instruction .pions .portrait{grid-area:1 / 1;opacity:0;transition:opacity .3s ease}#instruction[data-who=you] .pions .portrait.you,#instruction[data-who=rival] .pions .portrait.rival{opacity:1}#instruction .stack{display:grid;justify-items:center}#instruction .layer{--tone: var(--blue);grid-area:1 / 1;opacity:1;transition:opacity .25s ease}#instruction .layer.rival-turn{--tone: var(--bad)}#instruction .layer.entering,#instruction .layer.leaving{opacity:0}[data-bandeau=a] #instruction .stack{width:100%;margin-top:5px;align-items:start}[data-bandeau=a] #instruction .layer{display:flex;flex-direction:column;align-items:center}[data-bandeau=a] #instruction .msg{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;align-content:start;text-align:center;row-gap:4px;grid-template-rows:14px calc(1.3*clamp(15px,1.05vw,17px)) calc(2.24*clamp(22px,1.6vw,26px)) 38px}[data-bandeau=a] #instruction .msg>*{grid-column:1}[data-bandeau=a] #instruction .msg-kick{grid-row:1}[data-bandeau=a] #instruction .msg-note{grid-row:2;align-self:end;font-size:clamp(15px,1.05vw,17px);line-height:1.3}[data-bandeau=a] #instruction .msg-main{grid-row:3;align-self:end;font-size:clamp(22px,1.6vw,26px)}[data-bandeau=a] #instruction .cue,[data-bandeau=a] #instruction .continue{grid-row:4;align-self:start;position:static;transform:none;margin-top:8px;height:30px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}[data-bandeau=a] #instruction:before{content:"";position:absolute;z-index:-2;inset:-18px -14% -40px;background:color-mix(in srgb,var(--paper) 78%,transparent);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);-webkit-mask-image:radial-gradient(ellipse 50% 58% at 50% 62%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 50% 58% at 50% 62%,#000 55%,transparent 100%)}[data-bandeau=b] #instruction{padding:0 30px 14px;font-size:19px;--pw: 3.2em}[data-bandeau=b] #instruction .layer{display:flex;align-items:center;gap:22px}[data-bandeau=b] #instruction .msg{gap:6px}[data-bandeau=b] #instruction .cues{display:flex;flex-direction:column;gap:9px;margin-left:12px}[data-bandeau=c] #instruction{padding:30px 90px 14px;font-size:18px;--pw: 3.3em;--face: #e4eaf3}[data-bandeau=c] #instruction .layer{display:flex;align-items:center;gap:18px}[data-bandeau=c] #instruction.rival-turn{--face: #f3e2dc}[data-bandeau=c] #instruction:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--face) 94%,transparent) 14%,color-mix(in srgb,var(--face) 94%,transparent) 86%,transparent);-webkit-mask-image:linear-gradient(to top,#000 62%,transparent);mask-image:linear-gradient(to top,#000 62%,transparent)}[data-bandeau=c] #instruction .sep{align-self:stretch;width:1px;margin:4px 0;background:var(--tone);opacity:.55}[data-bandeau=c] #instruction .msg{gap:6px;align-items:flex-start;text-align:left}[data-bandeau=c] #instruction .bar{width:2.4em;height:3px;background:var(--tone);margin-bottom:4px}[data-bandeau=c] #instruction .cue{margin-top:4px}@media (max-height: 860px){[data-bandeau] #instruction{font-size:16px}[data-bandeau] #instruction .msg-main{font-size:23px}[data-bandeau=a] #instruction{width:400px}[data-bandeau=c] #instruction{padding-left:50px;padding-right:50px}}.effects{pointer-events:none;position:absolute;bottom:.3em;display:flex;flex-direction:column;gap:.3em;font-size:1em}.side.you .effects{left:9.5em;align-items:flex-start}.side.rival .effects{right:12.5em;align-items:flex-end}.effects span{padding:.25em .8em .2em;border-radius:1em;font-size:1.2em;line-height:1.1;white-space:nowrap}.side.you .effects span{background:var(--blue-wash);color:var(--blue)}.side.rival .effects span{background:var(--red-wash);color:#8f3a28}.edge-shut .edge-band{stroke:#b64e36}.edge-shut .edge-hit{cursor:not-allowed;pointer-events:stroke}.edge-shut:hover .edge-thin{opacity:0}.edge-shut:hover .edge-band{opacity:.4}.node-halo{fill:var(--paper);stroke:#3a3d3a}.node-dot{fill:var(--ink)}.node-label{fill:var(--ink);font-family:IM Fell English SC,Georgia,serif;paint-order:stroke;stroke:var(--paper);stroke-linejoin:round}.free-value{text-anchor:middle;font-weight:600;opacity:.8;paint-order:stroke;stroke:var(--paper);stroke-linejoin:round}.edge-thin{stroke:#7d8378;opacity:.6}.edge-band{stroke:var(--gold);opacity:0;transition:opacity .12s}.edge-strong{stroke:var(--blue);opacity:0}.edge-pill{opacity:0;pointer-events:none}.edge-hit{cursor:pointer;pointer-events:stroke}.edge-group:hover .edge-thin{opacity:0}.edge-group:hover .edge-band{opacity:.55}.edge-group:hover .edge-strong{opacity:1}.edge-group.is-closable:hover .edge-band{stroke:#f2a900;opacity:.95}.edge-group.is-closable:hover .edge-pill{opacity:1}.node-hit{cursor:pointer;fill:transparent}.node-pick{fill:none;stroke:var(--blue);stroke-dasharray:3 3}.new-triangle{animation:reveal var(--reveal, .35s) ease-out both}@keyframes reveal{0%{opacity:0}}#gain{--tone: var(--blue);position:fixed;z-index:8;pointer-events:none;font-size:11px;transform:translate(-50%,-100%);isolation:isolate}#gain:before{content:"";position:absolute;z-index:-1;inset:-1.6em -2.6em;pointer-events:none;background:color-mix(in srgb,var(--paper) 70%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 55%,transparent 100%)}#gain.rival,#fly.rival{--tone: var(--red)}.gain-plate{position:relative;display:flex;align-items:center;min-width:10em;min-height:4.2em;padding:.6em 5em .6em 1.1em;border-radius:.4em;overflow:hidden;background:var(--card-face);box-shadow:0 .5em 1.6em #2a354040,0 .1em .35em #2a35402e}.gain-wash{position:absolute;right:0;top:0;bottom:0;width:40%;background:var(--wash) right center / cover no-repeat;filter:saturate(1.5) contrast(1.1)}#gain.rival .gain-wash{filter:hue-rotate(-24deg) saturate(3) contrast(1.15)}.gain-text{position:relative;display:flex;flex-direction:column;gap:.4em}.gain-cap{font:1.25em/1 IM Fell English SC,Georgia,serif;letter-spacing:.24em;text-transform:uppercase;color:var(--tone)}.gain-why{font-style:italic;font-size:1.3em;line-height:1.15;color:var(--soft);max-width:8em}.gain-badge,#fly{display:grid;place-items:center;width:3em;height:3em;border-radius:50%;background:var(--tone);color:#fbf8f0;box-shadow:0 .15em .5em #2a354040}.gain-badge{position:absolute;right:.9em;top:50%;transform:translateY(-50%)}.gain-badge b,#fly b{font:500 1.75em/1 EB Garamond,Georgia,serif;letter-spacing:-.01em;font-feature-settings:"lnum"}#fly{--tone: var(--blue);position:fixed;z-index:8;pointer-events:none;font-size:11px}.score b{display:inline-block;transform-origin:50% 70%}.score.bump b{animation:bump .24s ease-out}@keyframes bump{40%{transform:scale(1.1)}}#stage{--bloc: 256px;padding:60px 0 var(--bloc);box-sizing:border-box;position:fixed;inset:0;z-index:9;display:flex;align-items:center;justify-content:center;background:#faf6ecb8;animation:fade .25s ease-out both}@keyframes fade{0%{opacity:0}}.bigcard{width:min(480px,90vw);max-height:92dvh;overflow:auto;padding:22px 28px;border-radius:12px;background:#fffaf0;box-shadow:0 10px 46px #2a35404d;text-align:center}.bigcard .art.big{width:190px;height:190px;margin:0 auto 8px}.bigcard .who{margin:0;font-style:italic;color:var(--soft);font-size:18px}.bigcard h2{margin:2px 0 8px;font-size:36px;line-height:1.05;font-weight:500;color:var(--blue)}.bigcard .effect{margin:0 0 8px;font-size:21px;line-height:1.28}.bigcard blockquote{margin:12px 0 0;font-style:italic;font-size:17px;line-height:1.25;color:#3d413c}.bigcard cite{display:block;margin-top:3px;font-size:16px}.bigcard .buttons{margin-top:16px;display:flex;flex-direction:column;gap:8px}.primary{display:block;width:100%;margin-top:16px;padding:11px 16px;border-radius:6px;background:var(--blue);color:#fff;font-size:22px}.bigcard .primary{margin-top:0}.choice{display:block;width:100%;padding:9px 14px;border-radius:6px;background:var(--blue-wash);color:var(--blue);text-align:left;font-size:21px;line-height:1.1}.bigcard .choice:hover,.flash .choice:hover{background:#d4deea;color:var(--blue)}.primary:hover{filter:brightness(1.15)}.plain:hover{color:var(--ink)}#dialog-close:hover{color:var(--blue)}.choice small{display:block;font-size:17px;margin-top:3px;opacity:.9}.plain{padding:6px;color:var(--soft);font-size:18px}.option-group{margin:14px 0 6px}.option-group>p{margin:0 0 6px!important;color:var(--soft);font-style:italic;font-size:17px}.option{display:inline-block;margin:0 6px 6px 0;padding:8px 14px;border-radius:6px;background:#ebe6d6;font-size:19px}.option.on{background:var(--blue);color:#fff}#load-error{position:fixed;inset:40% 10% auto;background:var(--paper);padding:24px;text-align:center}#stage.vive{background:#faf6ec8c;animation:fade var(--app, .2s) ease-out both}.flash{width:min(400px,90vw);padding:14px 24px 20px;border-radius:14px;background:#fffaf0;box-shadow:0 10px 46px #2a35404d;text-align:center;animation:pop var(--app, .2s) cubic-bezier(.2,1.3,.4,1) both}.flash .art.big{width:240px;height:240px;margin:0 auto 10px}.flash h2{margin:0 0 6px;font-size:40px;line-height:1.05;font-weight:500;color:var(--blue)}.flash .to{margin:0;font-size:22px;line-height:1.25;color:#3d413c}@keyframes pop{0%{opacity:0;transform:scale(.55)}}.flash .choices{display:flex;flex-direction:column;gap:8px;margin-top:14px}.flash .choice{padding:8px 14px;font-size:20px}.flash .choice small{font-size:16px}.flash.text{width:auto;min-width:min(360px,90vw);padding:22px 38px 24px}.flash.text h2{margin:0;font-size:42px}.flash.text.you h2{color:var(--blue)}.flash.text.rival h2{color:var(--red)}.flash.withbtn{width:min(460px,92vw)}.flash.withbtn .art.big{width:210px;height:210px}.flash.withbtn .effect{margin:0 0 8px;font-size:20px;line-height:1.28}.flash.withbtn .primary{margin-top:14px}.card.hand .pic{margin-top:-.3em}.card.center{display:flex;flex-direction:column}.card.center .pic{height:11.5em}.card.center .pic .art{width:11.3em;height:11.3em}.card.hand .wash{top:0}dialog{--tone: var(--good);--tone-wash: var(--good-wash);padding:0;border:0;background:none;color:var(--ink);max-width:none;max-height:none;overflow:visible;font:20px/1.35 EB Garamond,Georgia,serif;outline:none}dialog.bad{--tone: var(--bad);--tone-wash: var(--bad-wash)}dialog::backdrop{background:#faf6ecb0;backdrop-filter:blur(4px)}.sheet{--tone: var(--good);position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;width:min(31em,calc(100vw - 28px));max-height:calc(100dvh - 36px);padding:1.5em 2em 1.7em;border-radius:.7em;background:var(--card-face);box-shadow:0 .5em 2.2em #2a354040,0 .1em .3em #2a354022;text-align:center;font-size:20px}dialog .sheet{--tone: inherit}dialog.bad .sheet,.sheet.bad{--tone: var(--bad)}dialog.good .sheet,.sheet.good{--tone: var(--good)}.sheet:before{content:"";position:absolute;inset:0;z-index:-1;background:url(assets/papier-fibres.png) 0 0 / 520px;opacity:.2;pointer-events:none}dialog.wide .sheet{width:min(52em,calc(100vw - 28px))}dialog.medium .sheet{width:min(33em,calc(100vw - 28px))}dialog.small .sheet{width:min(26em,calc(100vw - 28px))}dialog.end .sheet{width:min(27em,calc(100vw - 28px))}.sheet .wash{position:absolute;left:-2em;right:-2em;top:-4.5em;height:12.5em;z-index:-1;pointer-events:none;opacity:.8;background:url(assets/jeu/aquarelle-mer.webp) 50% 62% / 100% auto no-repeat;filter:saturate(1.5) contrast(1.15);-webkit-mask-image:radial-gradient(ellipse 62% 62% at 50% 46%,#000 38%,transparent 100%);mask-image:radial-gradient(ellipse 62% 62% at 50% 46%,#000 38%,transparent 100%)}dialog.bad .wash,.sheet.bad .wash{background-image:url(assets/jeu/aquarelle-terre.webp);background-position:86% 8%;filter:hue-rotate(-24deg) saturate(2.4) contrast(1.15)}.dmedal{--pw: 3.4em;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:.9em;row-gap:.55em;width:100%;flex:none}.dmedal .mid{display:flex;gap:.3em}.dmedal .pad{width:3.1em;height:3.1em;background:var(--tone)}.dmedal .pad .ico{width:1.5em;height:1.5em}.dmedal .med-line{opacity:.7}.dmedal .med-line.l{background:linear-gradient(90deg,transparent,var(--tone))}.dmedal .med-line.r{background:linear-gradient(90deg,var(--tone),transparent)}.dmedal .med-text{font-size:.72em}.sheet h2{margin:.45em 0 .3em;font-size:2em;line-height:1.05;font-weight:600;color:var(--tone);text-wrap:balance;flex:none}#dialog-content{width:100%;overflow-y:auto;min-height:0;padding:.2em .2em .1em;scrollbar-width:thin;scrollbar-color:#2a354033 transparent}#dialog-actions{display:flex;flex-direction:column;align-items:center;gap:.55em;margin-top:1em;flex:none}#dialog-actions:empty{display:none}.sheet .act{display:block;min-width:12em;padding:.55em 1.4em .5em;border-radius:.3em;background:var(--tone);color:#fbf8f0;text-align:center;font:.95em/1.15 IM Fell English SC,Georgia,serif;letter-spacing:.1em;transition:filter .15s}.sheet .act:hover{filter:brightness(1.18)}.sheet .act.alt{background:color-mix(in srgb,var(--tone) 22%,#fbf8f0);color:var(--tone)}.sheet .act.alt:hover{filter:brightness(.95)}#dialog-close{position:absolute;right:.55em;top:.35em;width:1.6em;height:1.6em;font-size:1.5em;line-height:1;color:var(--soft);opacity:.7}#dialog-close:hover{color:var(--tone);opacity:1}.says{margin:0 0 .5em;font-size:1.05em;line-height:1.3;text-wrap:balance}.next{margin:0 0 .2em;font-style:italic;color:var(--soft);font-size:.95em;line-height:1.3;text-wrap:balance}.sheet .quote{margin:.9em 0 0;display:flex;flex-direction:column;align-items:center}.sheet .quote:before{content:"";width:1.8em;height:1px;background:#2a35402e;margin-bottom:.7em}.sheet .quote blockquote{margin:0;font-size:.85em;line-height:1.3;font-style:italic;color:#4a4f48;text-wrap:pretty;max-width:21em}.sheet .quote cite{display:block;margin-top:.45em;font:.55em/1 IM Fell English SC,Georgia,serif;letter-spacing:.16em;text-transform:uppercase;font-style:normal;color:#4a4f48}.kick{margin:0 0 .4em;font:.68em/1 IM Fell English SC,Georgia,serif;letter-spacing:.24em;text-transform:uppercase;color:var(--tone)}.kick.good{color:var(--good)}.kick.bad{color:var(--bad)}.duo{display:flex;align-items:flex-end;justify-content:center;gap:1.2em;margin:.2em 0 .7em}.duo .sc{display:flex;flex-direction:column;align-items:center;gap:.15em;min-width:4.2em}.duo .sc .who{font:.6em/1 IM Fell English SC,Georgia,serif;letter-spacing:.24em;text-transform:uppercase}.duo .sc.you .who{color:var(--blue)}.duo .sc.rival .who{color:var(--bad)}.duo b{font-size:3.1em;line-height:1;font-weight:500;font-feature-settings:"lnum";color:var(--ink)}.duo .to{font-style:italic;color:var(--soft);padding-bottom:.55em}.cols{display:grid;grid-template-columns:1fr 1fr;gap:0 2.4em;text-align:left}dialog.wide #dialog-content{overflow-y:auto}.steps{list-style:none;margin:0 0 .6em;padding:0;display:flex;flex-direction:column;gap:.65em}.steps li{display:grid;grid-template-columns:1.75em 1fr;gap:.8em;align-items:start;font-size:.92em;line-height:1.28}.steps li p{margin:0;text-wrap:pretty}.steps .pad{background:var(--tone);margin-top:.1em}.steps .pad .num{font-size:.85em}.cols .says{text-align:left;font-size:.92em;text-wrap:pretty}.cols .kick{margin-top:1em}.cards-list .rc{margin:0 0 .4em;font-size:.86em;line-height:1.25;text-wrap:pretty}.cards-list b{display:block;font-weight:600;font-size:1.05em}.cards-list.good b{color:var(--good)}.cards-list.bad b{color:var(--bad)}.credits{margin:.9em 0 0;font-size:.62em;font-style:italic;color:var(--soft);line-height:1.3}.journal{list-style:none;margin:0;padding:0;text-align:left}.entry{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1em;padding:.8em .2em;background:linear-gradient(90deg,transparent,#2a354026 20%,#2a354026 80%,transparent) top / 100% 1px no-repeat}.entry:first-child{background:none}.entry.you{--tone: var(--blue)}.entry.rival{--tone: var(--bad)}.entry .portrait{--pw: 2.5em}.entry .kick{display:block;margin:0 0 .35em}.entry p{margin:0;font-size:.92em;line-height:1.25;text-wrap:pretty}.entry .pad{--tone: var(--good)}.entry.rival .pad{--tone: var(--bad)}.muted{color:var(--soft);font-size:17px;font-style:italic}.sheet.start{width:min(27em,92vw);padding:1.5em 2em 1.7em;animation:pop var(--app, .2s) cubic-bezier(.2,1.3,.4,1) both}.sheet.start.good .dmedal{--tone: var(--blue)}.sheet.start.good h2{color:var(--blue)}.sheet.start h2{margin:.45em 0 .35em}.sheet.start .says{margin:0;color:var(--soft);font-style:italic;font-size:.95em}@media (max-width: 880px){.cols{grid-template-columns:1fr}}