:root{--encre:#eef3f4;--encre-douce:#a9bcc1;--fond-carte:#080e12c7;--bordure:#aac8d233;--ambre:#f0b35a;--vert:#6fd39b;--rouge:#ff7a6b;--focus:#ffd38a;--e1:4px;--e2:8px;--e3:12px;--e4:16px;--e5:24px;--e6:32px;--rayon:6px;--titre:"Iowan Old Style", "Palatino", "Georgia", serif;--texte:system-ui, -apple-system, "Segoe UI", sans-serif;--chiffres:ui-monospace, "SF Mono", "Menlo", monospace;--manuscrit:"Noteworthy", "Bradley Hand", "Segoe Print", "Comic Sans MS", cursive;--papier:#efe4c8;--encre-carnet:#1e3556;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;color:var(--encre);font:15px/1.45 var(--texte);background:#071014;margin:0;overflow:hidden}#scene{width:100%;height:100%;display:block;position:fixed;inset:0}#accueil,#pause{padding:var(--e6) clamp(var(--e4), 6vw, 96px);background:linear-gradient(90deg,#04080a00 35%,#04080a8c);place-items:center end;display:grid;position:fixed;inset:0}#pause{background:#04080a80;place-items:center}#fin,#aube{padding:var(--e4);background:#020609b8;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}#aube{background:linear-gradient(#28180a26,#020609b3)}#aube .niveau{margin-top:var(--e2);font-size:13px;display:block}[hidden]{display:none!important}.carte{background:var(--fond-carte);border:1px solid var(--bordure);border-radius:var(--rayon);width:min(420px,100%);padding:var(--e5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}h1{font:600 44px/1.05 var(--titre);margin:0 0 var(--e3);letter-spacing:.01em;text-wrap:balance}h2{font:600 26px/1.1 var(--titre);margin:0 0 var(--e4)}.sous-titre{color:var(--encre-douce);margin:0 0 var(--e5);text-wrap:pretty}.note{color:var(--encre-douce);margin:var(--e4) 0 0;font-size:13px}fieldset{margin:0 0 var(--e5);border:0;padding:0}legend{color:var(--encre-douce);margin-bottom:var(--e2);padding:0;font-size:13px}.choix{gap:var(--e2);grid-template-columns:1fr 1fr;display:grid}.carte.large{width:min(560px,100%)}.boutons{gap:var(--e2);margin-top:var(--e4);display:grid}.boutons button:not(.principal){text-align:center}details{margin:var(--e4) 0 0}summary{cursor:pointer;color:var(--encre-douce);padding:var(--e1) 0;font-size:14px}summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}details[open] summary{margin-bottom:var(--e3)}.bilan{gap:var(--e1) var(--e4);grid-template-columns:auto 1fr;margin:0;font-size:14.5px;display:grid}.bilan dt{color:var(--encre-douce)}.bilan dd{font:600 14.5px/1.45 var(--texte);margin:0}button{font:inherit;color:var(--encre);cursor:pointer;text-align:left;border:1px solid var(--bordure);border-radius:var(--rayon);padding:var(--e2) var(--e3);background:#ffffff0f;min-height:36px}button:hover{background:#ffffff1f}button:active{transform:translateY(1px)}button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}button[aria-pressed=true]{border-color:var(--ambre);background:#f0b35a29}button.principal{text-align:center;background:var(--ambre);color:#1d1207;border-color:#0000;width:100%;min-height:46px;font-size:17px;font-weight:650}button.principal:hover{background:#f6c47a}#hud{pointer-events:none;position:fixed;inset:0}#heure{right:var(--e5);top:var(--e4);justify-items:end;gap:var(--e1);text-align:right;text-shadow:0 1px 6px #000000b3;display:grid;position:absolute}#heure .h{font:600 34px/1 var(--chiffres);letter-spacing:.02em;color:#ecf0eceb;margin:0}#heure .batterie{font:600 13px/1.2 var(--chiffres);color:#cee2d6bf;margin:0}#heure .batterie.faible{color:#ff7a5a}#heure .batterie:empty{display:none}#heure .alertes{color:var(--ambre);gap:2px;margin:0;padding:0;font-size:13.5px;list-style:none;display:grid}#heure .alertes:empty{display:none}#aide-touches{left:var(--e4);bottom:var(--e4);gap:3px var(--e3);border:1px solid var(--bordure);border-radius:var(--rayon);padding:var(--e3);background:#04090c8c;grid-template-columns:auto auto;margin:0;font-size:12.5px;display:grid;position:absolute}#aide-touches dt{font:600 12px/1.5 var(--chiffres);color:var(--ambre);text-align:right}#aide-touches dd{color:var(--encre);margin:0}#aide-touches.cache{display:none}#message{padding:var(--e2) var(--e4);border-radius:var(--rayon);border:1px solid var(--bordure);opacity:0;background:#04090cb3;margin:0;font-size:15px;transition:opacity .4s;position:absolute;top:18%;left:50%;transform:translate(-50%)}#message.visible{opacity:1}#viseur{background:#ffffffd9;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1.5px #00000080}#geste{text-align:center;border:1px solid var(--bordure);border-radius:var(--rayon);padding:var(--e2) var(--e3);white-space:nowrap;background:#04090cb3;justify-items:center;gap:4px;font-size:14px;display:grid;position:absolute;top:calc(50% + 22px);left:50%;transform:translate(-50%)}#geste .titre{color:var(--encre-douce);font-size:12.5px}#geste kbd{font:600 12px/1 var(--chiffres);color:#1d1207;background:var(--ambre);border-radius:4px;margin-right:2px;padding:2px 5px}#geste .progression{background:#ffffff26;border-radius:3px;width:160px;height:5px;overflow:hidden}#geste .progression i{background:var(--ambre);height:100%;display:block}#colonne{left:var(--e4);top:var(--e4);gap:var(--e2);justify-items:start;width:min(360px,40vw);display:grid;position:absolute}#etat-bord{gap:var(--e2);margin:0;font-size:13px;display:grid}#etat-bord span:not(:empty){border:1px solid var(--bordure);border-radius:var(--rayon);padding:4px var(--e3);background:#04090c9e;justify-self:start}#harnais[data-attache=true]{color:var(--vert)}#harnais[data-attache=false]{color:var(--ambre)}#annonce{text-align:center;font:600 34px/1.15 var(--titre);letter-spacing:.01em;text-shadow:0 2px 18px #000000a6;opacity:0;white-space:nowrap;margin:0;transition:opacity .9s;position:absolute;top:11%;left:50%;transform:translate(-50%)}#annonce small{font:600 12px/1.6 var(--texte);letter-spacing:.14em;text-transform:uppercase;color:var(--ambre);display:block}#annonce.visible{opacity:1}#carnet{background:var(--papier);width:min(940px,94vw);height:min(580px,82vh);color:var(--encre-carnet);border-radius:6px;grid-template-columns:1fr 1fr;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 28px 70px #00000080,0 0 0 1px #5a462859}#carnet .page{background-image:repeating-linear-gradient(#0000 0 27px,#3c5a822b 27px 28px);background-position:0 70px;padding:26px 32px 22px;overflow:hidden}#carnet .gauche{scrollbar-width:thin;scrollbar-color:#5a462873 transparent;background-attachment:local;border-right:1px solid #5a462847;overflow-y:auto;box-shadow:inset -22px 0 26px -24px #4632148c}#carnet .droite{grid-template-rows:auto 1fr auto;display:grid;box-shadow:inset 22px 0 26px -24px #4632148c}#carnet h2{font:600 28px/1.1 var(--titre);color:#1b2538;margin:0}#carnet .bateau{font:italic 14px/1.4 var(--titre);color:#5d4a2c;margin:2px 0 6px}#carnet h3{font:600 11.5px/28px var(--texte);letter-spacing:.12em;text-transform:uppercase;color:#7a6440;margin:12px 0 0}#carnet ol,#carnet ul{font:16px/28px var(--manuscrit);margin:0;padding:0;list-style:none}#carnet-consignes li{text-indent:-1.1em;margin-bottom:4px;padding-left:1.1em;font-size:15px;line-height:26px}#carnet-consignes li:before{content:"– "}#carnet-pages li{color:#22304a;margin-bottom:10px;font-size:15px;line-height:26px}#carnet-pages li.inachevee:after{content:"";vertical-align:.3em;transform-origin:0;opacity:.75;background:currentColor;width:3.2em;height:1.5px;margin-left:.2em;display:inline-block;transform:rotate(-11deg)}#carnet-journal{align-self:start;overflow:hidden}#carnet-journal li{grid-template-columns:4.6em 1fr;font-size:15px;line-height:28px;display:grid}#carnet-journal .h{font:12.5px/28px var(--chiffres);color:#7a6440}#carnet .fermer{text-align:right;font:12.5px/1 var(--texte);color:#7a6440;margin:8px 0 0}#carnet kbd{font:600 11px/1 var(--chiffres);color:var(--papier);background:#1b2538;border-radius:3px;padding:2px 5px}#sous-titres{text-align:center;text-wrap:balance;border-radius:var(--rayon);max-width:min(720px,90vw);padding:var(--e2) var(--e4);background:#04090cc7;margin:0;font-size:16px;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}#bruits{text-align:center;text-wrap:balance;border-radius:var(--rayon);max-width:min(720px,90vw);padding:var(--e1) var(--e3);color:#d8dee6;background:#04090c99;margin:0;font-size:15px;font-style:italic;position:absolute;bottom:150px;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (max-width:1100px){#aide-touches{top:92px;bottom:auto}}@media (max-width:860px){#carnet{grid-template-columns:1fr;height:86vh;overflow:auto}#carnet .droite{box-shadow:none}#annonce{font-size:26px}}@media (max-width:720px){#accueil{place-items:center}#colonne{width:min(320px,70vw)}#aide-touches{display:none}}.chargement{color:var(--encre-douce);margin:0 0 var(--e3);font-size:14px}.chargement:empty{display:none}#accueil button:disabled{opacity:.45;cursor:progress}button.deux-lignes{padding-block:var(--e2);gap:2px;display:grid}button.deux-lignes small{opacity:.8;font-size:13px;font-weight:500}#reprendre-partie:not([hidden])+#prendre-le-quart{margin-top:var(--e2);color:var(--encre);border-color:var(--bordure);background:#ffffff0f;font-weight:600}#reprendre-partie:not([hidden])+#prendre-le-quart:hover{background:#ffffff1f}.liens-bas{gap:var(--e2);margin-top:var(--e4);display:flex}.liens-bas button{text-align:center;flex:1}.avertissement{border-left:3px solid var(--ambre);padding-left:var(--e3);color:var(--encre)}.sous-titre.impossible{color:var(--ambre);font-weight:600}.que-faire{margin:0 0 var(--e4);gap:var(--e2);padding-left:1.2em;display:grid}.que-faire li{text-wrap:pretty}.retour{color:var(--ambre)}.retour:focus-visible{outline:2px solid var(--focus);outline-offset:2px}#carte-perdue{z-index:60;padding:var(--e4);background:#020609db;place-items:center;display:grid;position:fixed;inset:0}#carte-perdue p{margin:0 0 var(--e3);text-wrap:pretty}#pause .sous-titre:empty{display:none}#pause .boutons{margin:var(--e3) 0 var(--e4)}dialog{color:var(--encre);max-width:min(560px, calc(100vw - 2 * var(--e4)));max-height:calc(100dvh - 2 * var(--e4));background:0 0;border:0;padding:0;overflow-y:auto}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#02060999}dialog .carte{width:100%}dialog p{margin:0 0 var(--e3);text-wrap:pretty}dialog a{color:var(--ambre)}dialog a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}dialog fieldset{margin-bottom:var(--e4);gap:var(--e2);display:grid}.choix-qualite{gap:var(--e2);grid-template-columns:repeat(4,1fr);display:grid}.choix-nuit{gap:var(--e2);grid-template-columns:repeat(3,1fr);display:grid}.choix-nuit button{text-align:center;padding-inline:var(--e2)}.etiquette{margin:var(--e3) 0 var(--e1);color:var(--encre-douce);font-size:14px}.choix-qualite button{text-align:center;padding-inline:var(--e2)}.choix-qualite button[data-qualite=auto]{grid-column:1/-1}.curseur{gap:2px var(--e2);color:var(--encre-douce);grid-template-columns:1fr auto;font-size:14px;display:grid}.curseur output{color:var(--encre);font-variant-numeric:tabular-nums}.curseur input{width:100%;accent-color:var(--ambre);grid-column:1/-1}.case{align-items:center;gap:var(--e2);font-size:14px;display:flex}.case input{accent-color:var(--ambre);width:16px;height:16px}input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (max-width:520px){.choix-qualite{grid-template-columns:1fr 1fr}}@media (max-width:760px){#annonce{white-space:normal;width:90%;top:auto;bottom:28%}}