:root{--bg:#7fd0c4;--ink:#141625;--panel:#2a3048;--white:#fbf8f1;--madder:#ff3b5c;--saffron:#ffc928;--water:#55c4ff;--paper:#f2e5c7;--paper-ink:#2b2233;--paper-soft:#5b4d5c;--madder-ink:#b3203d;--ochre-ink:#8a4d06;--indigo-ink:#2f3f9e;--brush:"Caveat Brush", "Kalam", "Comic Sans MS", cursive;--cut:"Londrina Solid", "Lilita One", "Arial Rounded MT Bold", "Trebuchet MS", sans-serif;--hand:"Kalam", "Caveat Brush", "Comic Sans MS", cursive;--display:var(--cut);--body:"Nunito", "Avenir Next", "Segoe UI", sans-serif;--img-panel:url(/assets/panneau-ed-s7loC.webp);--img-page:url(/assets/parchemin-BMXa2NgS.webp);--img-paper:url(/assets/papier-Ck-p_0Rn.jpg);--img-stroke-indigo:url(/assets/coup-indigo-Bce5Eyko.webp);--img-stroke-madder:url(/assets/coup-garance-BGkUDYCi.webp);--img-stroke-saffron:url(/assets/coup-safran-BM9RvCnS.webp);--img-stroke-cream:url(/assets/coup-creme-B3nL5MqC.webp);--img-stroke-coal:url(/assets/coup-charbon-Bpk5yZWZ.webp);--img-blob:url(/assets/tache-creme-Dqt05vbv.webp);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{background:var(--bg);height:100%;color:var(--white);overscroll-behavior:none;margin:0;overflow:hidden}html{-webkit-text-size-adjust:100%}body{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;position:fixed;inset:0}input{-webkit-user-select:text;user-select:text}.touch-only{display:none}body.touch .touch-only{display:inline}body.touch .kbd-only{display:none}[hidden]{display:none!important}canvas{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block}.inked{-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ink)}#overlay .inked,#toast.inked,#story .who.inked{-webkit-text-stroke:0;text-shadow:none}.paper-label,#hud .clock,#help .item,.mp-player{border:10px solid #0000;border-image:var(--img-panel) 34 fill / 10px stretch;color:var(--paper-ink)}#hud{top:calc(10px + env(safe-area-inset-top,0px));right:calc(14px + env(safe-area-inset-right,0px));font-family:var(--cut);pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:flex-end;gap:0;display:flex;position:fixed}#hud .level{font-family:var(--brush);z-index:1;-webkit-text-stroke:4px var(--ink);margin:0 8px -3px 0;font-size:21px;line-height:1;position:relative}#hud .clock{text-align:center;font-variant-numeric:tabular-nums;-webkit-text-stroke:0;min-width:4.6em;text-shadow:none;box-sizing:border-box;padding:0 6px 1px;font-size:38px;font-weight:900;line-height:1}#hud .meta{font-family:var(--cut);color:var(--paper);border:0 solid #0000;border-image:var(--img-stroke-coal) 0 60 fill / 0 18px stretch;-webkit-text-stroke:0;text-shadow:none;white-space:nowrap;margin-top:-2px;padding:3px 16px 4px;font-size:16px;font-weight:400}#hud .meta:empty{display:none}#hud .meta .best{color:var(--saffron)}#hud .meta .vials{margin-right:2px}#help{left:calc(14px + env(safe-area-inset-left,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));max-width:min(860px,100vw - 32px);font-family:var(--body);pointer-events:none;-webkit-user-select:none;user-select:none;flex-wrap:wrap;gap:4px 6px;font-size:13px;font-weight:800;transition:opacity .4s;display:flex;position:fixed}#help.faded{opacity:.2}#help .item{white-space:nowrap;border-width:6px;border-image-width:7px;align-items:center;gap:6px;padding:0 5px 0 0;display:flex}#help kbd,#overlay kbd,#hint kbd{font-family:var(--cut);color:var(--paper);background:var(--paper-ink);border-radius:7px 4px 8px 3px/4px 8px 3px 7px;padding:0 7px;font-size:14px;font-weight:400;line-height:1.25}#help .swatch{width:12px;height:12px}#overlay{z-index:15;padding:max(12px, env(safe-area-inset-top,0px)) max(12px, env(safe-area-inset-right,0px)) max(12px, env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px));font-family:var(--body);background:#1e162280;place-items:center;display:grid;position:fixed;inset:0}#overlay .card{border:26px solid #0000;border-image:var(--img-panel) 40 fill / 26px stretch;color:var(--paper-ink);text-align:center;box-sizing:border-box;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#2b223359 transparent;max-width:min(480px,100vw - 24px);max-height:100%;padding:2px 12px 6px;overflow-y:auto}#overlay .eyebrow{font-family:var(--brush);color:var(--madder-ink);font-size:23px;line-height:1.1}#overlay .title{font-family:var(--brush);color:var(--paper-ink);font-variant-numeric:tabular-nums;box-sizing:border-box;background:var(--img-stroke-saffron) center 82% / 100% 42% no-repeat;width:fit-content;max-width:100%;margin:0 auto 10px;padding:0 22px 2px;font-size:64px;font-weight:400;line-height:1}#overlay .body{font-size:15px;font-weight:700;line-height:1.55}#overlay.wide .card{width:100%;max-width:min(580px,100vw - 24px)}#overlay.finish{padding-top:calc(10px + env(safe-area-inset-top,0px));pointer-events:none;background:0 0;place-items:start center}#overlay.finish .card{pointer-events:auto;padding:0 12px 2px}#overlay.finish .title{margin-bottom:4px;font-size:54px}#overlay .lede{margin:0 0 12px}#overlay p{margin:8px 0}#overlay .note{color:var(--paper-soft);font-size:13px}#overlay em{color:var(--madder-ink);font-style:normal}.actions{flex-wrap:wrap;justify-content:center;gap:8px 6px;margin-top:14px;display:flex}.actions.col{flex-direction:column;align-items:stretch}.btn{font-family:var(--cut);letter-spacing:.01em;color:#fdf6e6;cursor:pointer;border:0 solid #0000;border-image:var(--img-stroke-indigo) 0 64 fill / 0 26px stretch;text-shadow:0 2px #140e1e73;background:0 0;padding:9px 26px 10px;font-size:19px;font-weight:900;line-height:1.15;transition:transform 80ms}.btn:hover{filter:brightness(1.12)saturate(1.1)}.btn:active{transform:translateY(2px)scale(.98)}.btn:focus-visible{outline:3px dashed var(--paper-ink);outline-offset:2px}.btn.primary{border-image-source:var(--img-stroke-madder)}.levels{flex-direction:column;gap:4px;display:flex}.level-row,.bind-row,.mp-result{border:0 solid #0000;border-image:var(--img-stroke-cream) 0 64 fill / 0 22px stretch;color:var(--paper-ink)}.level-row{font-family:var(--body);text-align:left;cursor:pointer;background:0 0;grid-template-columns:30px 1fr auto auto;align-items:center;gap:12px;padding:7px 22px;font-size:15px;font-weight:800;display:grid}.level-row:hover,.level-row:focus-visible{filter:brightness(1.04)saturate(1.5);outline:none}.level-row:focus-visible{outline:2px dashed var(--paper-ink);outline-offset:1px}.level-row.current{border-image-source:var(--img-stroke-saffron)}.level-row .num{font-family:var(--cut);color:var(--madder-ink);font-size:21px;font-weight:900}.level-row .name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.level-row .time{font-family:var(--cut);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:17px;font-weight:400}.vials{vertical-align:middle;gap:3px;display:inline-flex}.vial{border:2px solid var(--paper-ink);box-sizing:content-box;background:#2b22332e;border-radius:3px 3px 6px 6px;width:10px;height:15px}.vial.got{background:var(--c)}#hud .vial{border-color:var(--paper);background:#f2e5c72e}#hud .vial.got{background:var(--c);border-color:var(--paper)}.vial.pop{animation:.5s cubic-bezier(.3,1.6,.5,1) vial-pop}@keyframes vial-pop{0%{transform:scale(1)}35%{transform:translateY(-3px)scale(1.9)}to{transform:scale(1)}}.vials.big{justify-content:center;gap:8px;margin:4px 0 2px}.vials.big .vial{border-width:3px;width:18px;height:24px}.binds{text-align:left;flex-direction:column;gap:5px;display:flex}.bind-row{grid-template-columns:14px 1fr auto auto;align-items:center;gap:10px;padding:6px 10px 6px 22px;font-weight:800;display:grid}.bind-row .keys{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.bind-row .btn{border-image-width:0 16px;padding:4px 16px 5px;font-size:15px}.swatch{background-blend-mode:multiply;width:13px;height:13px;-webkit-mask:var(--img-blob) center / contain no-repeat;-webkit-mask:var(--img-blob) center / contain no-repeat;mask:var(--img-blob) center / contain no-repeat;flex:none;display:inline-block;background-image:var(--img-blob)!important;background-repeat:no-repeat!important;background-size:contain!important}.swatch.none{background:0 0!important}@media (width<=480px){.level-row{grid-template-columns:24px 1fr auto}.level-row .vials{display:none}.bind-row{grid-template-columns:14px 1fr auto}.bind-row .keys{grid-column:2/4;justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.btn{transition:none}}#toast{z-index:14;top:calc(14px + env(safe-area-inset-top,0px));font-family:var(--cut);color:var(--paper);pointer-events:none;text-align:center;border:0 solid #0000;border-image:var(--img-stroke-coal) 0 64 fill / 0 26px stretch;width:max-content;max-width:calc(100vw - 170px);padding:5px 30px 7px;font-size:20px;font-weight:400;transition:opacity .4s;position:fixed;left:50%;transform:translate(-50%)}#toast.out{opacity:0}body:has(#hint:not([hidden]):not(.out)) #toast{top:calc(118px + env(safe-area-inset-top,0px))}.sound-sliders{flex-direction:column;gap:6px;padding:2px 6px;display:flex}.sound-slider{font-family:var(--body);text-align:left;grid-template-columns:70px 1fr;align-items:center;gap:10px;font-size:14px;font-weight:800;display:grid}.sound-slider input{accent-color:var(--madder-ink);width:100%}#story{z-index:20;cursor:pointer;background:#141625;position:fixed;inset:0}#story canvas{cursor:pointer;width:100%;height:100%}#story .skip{top:calc(14px + env(safe-area-inset-top,0px));right:calc(16px + env(safe-area-inset-right,0px));border-image-width:0 18px;padding:4px 20px 5px;font-size:15px;position:absolute}#story{touch-action:manipulation}#story .dialog{left:50%;bottom:calc(10px + env(safe-area-inset-bottom,0px));box-sizing:border-box;border:22px solid #0000;border-image:var(--img-page) 46 fill / 22px stretch;width:min(780px,100vw - 24px);font-family:var(--body);color:var(--paper-ink);padding:0 14px 4px;position:absolute;transform:translate(-50%)}#story .who{font-family:var(--brush);border:0 solid #0000;border-image:var(--img-stroke-coal) 0 64 fill / 0 22px stretch;margin:-30px 0 2px -18px;padding:2px 24px 5px;font-size:24px;line-height:1.05;display:inline-block}#story .who[hidden]{display:none}#story .text{min-height:3em;font-size:18px;font-weight:800;line-height:1.5}#story.narration .text{font-family:var(--hand);color:#3a2f45;font-size:19px;font-weight:700}#story .next{font-family:var(--brush);color:var(--madder-ink);font-size:17px;position:absolute;bottom:-8px;right:4px}#story.typing .next{opacity:0}.level-row{grid-template-columns:30px 1fr auto auto auto}.level-row.locked{cursor:not-allowed;filter:grayscale(.9);opacity:.6}.level-row.locked:hover{filter:grayscale(.9)}.level-row.locked .num{color:#0000;background:url(data:image/webp;base64,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) 0/auto 20px no-repeat}.dyer{border:2px solid var(--paper-ink);vertical-align:middle;background:#a9adb6;border-radius:6px 6px 3px 3px;width:12px;height:16px;display:inline-block}.dyer.saved{background:linear-gradient(var(--madder), var(--saffron))}.stats{margin:0 0 12px;font-weight:800}.saved-line{font-family:var(--brush);color:var(--madder-ink);font-size:22px}.credits{margin:14px 0;line-height:1.7}.credits strong{font-family:var(--brush);color:var(--madder-ink);font-size:24px;font-weight:400}body.grisaille canvas,body.grisaille #overlay,body.grisaille #hud{filter:grayscale()}@media (width<=480px){.level-row{grid-template-columns:24px 1fr auto}.level-row .dyer{display:none}}#stats-view{z-index:30;background:var(--ink);font-family:var(--body);grid-template-columns:1fr minmax(260px,340px);font-size:13px;font-weight:700;display:grid;position:fixed;inset:0}#stats-view canvas{cursor:default;min-width:0;min-height:0}#stats-view aside{padding:14px 14px calc(14px + env(safe-area-inset-bottom,0px));background:var(--panel);flex-direction:column;gap:10px;display:flex;overflow-y:auto}#stats-view header{font-family:var(--display);justify-content:space-between;align-items:center;font-size:20px;display:flex}#stats-view button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}#stats-view header button{font-family:var(--body);border:2px solid var(--white);border-radius:8px;padding:4px 10px;font-size:13px}#stats-view .src{opacity:.7;margin:0}#stats-view .levels{background:#0003;border-radius:8px;flex-direction:column;flex-shrink:0;max-height:38vh;display:flex;overflow-y:auto}#stats-view .levels button{text-align:left;justify-content:space-between;gap:8px;padding:6px 8px;display:flex}#stats-view .levels button small{opacity:.65;white-space:nowrap;font-variant-numeric:tabular-nums}#stats-view .levels button.on{background:var(--saffron);color:var(--ink)}#stats-view dl{grid-template-columns:auto 1fr;gap:4px 10px;margin:0;display:grid}#stats-view dt{opacity:.65}#stats-view dd{font-variant-numeric:tabular-nums;margin:0}#stats-view ul{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}#stats-view .causes i{border:1px solid var(--ink);border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}#stats-view .sub{opacity:.65;margin:4px 0 0}#stats-view .levels em{background:var(--saffron);color:var(--ink);border-radius:6px;margin-left:6px;padding:0 5px;font-size:11px;font-style:normal}#stats-view .levels em.sus{color:var(--white);background:#ff3b5c}#stats-view .modes{flex-wrap:wrap;align-items:center;gap:6px;display:flex}#stats-view .modes button{border:2px solid var(--white);border-radius:8px;padding:3px 8px}#stats-view .modes button.on{background:var(--white);color:var(--ink)}#stats-view .modes label{cursor:pointer;align-items:center;gap:4px;margin-left:auto;display:flex}#stats-view .spots{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}#stats-view .spots li{border-left:4px solid var(--saffron);background:#0003;border-radius:8px;flex-direction:column;gap:2px;padding:6px 8px;display:flex}#stats-view .spots li.sus{border-left-color:#ff3b5c}#stats-view .spots small{opacity:.75}@media (width<=720px){#stats-view{grid-template-rows:45vh 1fr;grid-template-columns:1fr}#stats-view .levels{max-height:22vh}}#hint{top:calc(8px + env(safe-area-inset-top,0px));z-index:6;pointer-events:none;width:min(460px,100vw - 280px);min-width:250px;animation:.25s ease-out hint-in;position:fixed;left:50%;transform:translate(-50%)}#hint.out{animation:.3s ease-in forwards hint-out}#hint .page{border:18px solid #0000;border-image:var(--img-page) 46 fill / 18px stretch;color:var(--paper-ink);padding:0 6px 2px;transform:rotate(-1deg)}#hint .who{font-family:var(--brush);color:var(--indigo-ink);margin-top:-4px;font-size:17px;line-height:1}#hint .txt{font-family:var(--hand);font-size:16px;font-weight:700;line-height:1.35}#hint b{color:var(--madder-ink)}@keyframes hint-in{0%{opacity:0;transform:translate(-50%,-12px)}}@keyframes hint-out{to{opacity:0;transform:translate(-50%,-12px)}}@media (height<=500px){#hint{top:calc(4px + env(safe-area-inset-top,0px))}#hint .page{border-width:14px;border-image-width:14px}#hint .txt{font-size:14px;line-height:1.3}body:has(#hint:not([hidden]):not(.out)) #toast{top:calc(96px + env(safe-area-inset-top,0px))}}.ink-card{text-align:left;align-items:center;gap:14px;font-size:16px;display:flex}.swatch.big{width:46px;height:46px}#update{left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:40;font:400 18px var(--cut);color:var(--paper-ink);white-space:nowrap;border:0 solid #0000;border-image:var(--img-stroke-saffron) 0 64 fill / 0 26px stretch;cursor:pointer;background:0 0;min-height:46px;padding:10px 30px 11px;animation:.3s ease-out hint-in;position:fixed;transform:translate(-50%)}#update b{color:var(--madder-ink);font-weight:900}#online{left:calc(12px + env(safe-area-inset-left,0px));bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:5;font:400 13px var(--cut);color:var(--paper);pointer-events:none;border:0 solid #0000;border-image:var(--img-stroke-coal) 0 64 fill / 0 14px stretch;align-items:center;gap:5px;padding:2px 14px 3px;display:flex;position:fixed}#online .dot{background:#5ee07a;border-radius:50%;width:7px;height:7px}body:has(#help:not([hidden])) #online{bottom:calc(64px + env(safe-area-inset-bottom,0px))}.online-count{color:var(--paper-soft);align-items:center;gap:5px;margin-left:8px;font-size:12px;display:inline-flex}.online-count:empty{display:none}.online-count .dot{background:#3aa856;border-radius:50%;width:7px;height:7px}@media (height<=500px){.card:has(.menu-main) .menu-corner{display:flex;position:absolute;top:2px;right:6px}.card:has(.menu-main) .menu-corner .sound-icon{width:36px;height:36px;display:grid}.card:has(.menu-main) .menu-corner .sound-icon svg{width:20px;height:20px}body:has(#overlay:not([hidden]) .menu-main) #sound-toggle{display:none}}#overlay .tally{margin:4px 0 2px}#overlay .tally b{font-family:var(--brush);color:var(--madder-ink);font-size:24px;font-weight:400}#overlay .tally .note{font-size:12.5px}#overlay .replay-actions{margin-top:6px}#overlay .replay-actions .btn{border-image-source:var(--img-stroke-cream);color:var(--paper-ink);text-shadow:none;padding-block:4px;font-size:15px}#replay-bar{z-index:14;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));width:max-content;max-width:calc(100vw - 24px);font-family:var(--cut);color:var(--paper);border:0 solid #0000;border-image:var(--img-stroke-coal) 0 64 fill / 0 26px stretch;align-items:center;gap:12px;padding:4px 8px 4px 30px;font-size:20px;display:flex;position:fixed;transform:translate(-50%)}#replay-bar .btn{padding-block:3px;font-size:16px}.city-map{aspect-ratio:3/2;flex:none;width:100%;max-width:460px;margin:0 auto 6px;position:relative}.city-map canvas{cursor:default;border-radius:6px;width:100%;height:100%;display:block}@media (height<=500px){.city-map{margin-bottom:8px}}@media (width>=900px) and (height>=600px){#overlay .city-map{justify-self:center;max-width:none;max-height:max(300px,100dvh - 360px);margin:0}}.sound-icon{cursor:pointer;width:42px;height:42px;color:var(--paper-ink);background:var(--img-blob) center / contain no-repeat, none;background-color:#0000;border:0;place-items:center;padding:0;display:grid}.sound-icon svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.sound-icon .spk{fill:currentColor}.sound-icon .cross,.sound-icon.muted .waves{display:none}.sound-icon.muted .cross{display:inline}.sound-icon.muted{opacity:.75}.sound-icon:hover{filter:brightness(1.08)}.sound-icon:active{transform:translateY(1px)scale(.96)}.sound-icon:focus-visible{outline:3px dashed var(--paper-ink);outline-offset:2px}#sound-toggle{z-index:25;left:calc(14px + env(safe-area-inset-left,0px));top:calc(12px + env(safe-area-inset-top,0px));position:fixed}body.touch:has(#touch:not([hidden])) #sound-toggle{left:calc(90px + env(safe-area-inset-left,0px));top:calc(8px + env(safe-area-inset-top,0px));width:34px;height:34px}body.touch:has(#touch:not([hidden])) #sound-toggle svg{width:19px;height:19px}.menu-corner{display:contents}.menu-corner .sound-icon{display:none}#loader{--k:0;z-index:60;background:#e9e2d2;transition:opacity .45s;position:fixed;inset:0;overflow:hidden}#loader.out{opacity:0;pointer-events:none}#loader .loader-art{object-fit:cover;object-position:50% 30%;width:100%;height:100%;filter:grayscale(calc(1 - var(--k))) brightness(calc(1.1 - var(--k) * .1)) contrast(calc(.85 + var(--k) * .15));transition:filter .6s;position:absolute;inset:0}#loader .loader-band{padding:30px 16px calc(18px + env(safe-area-inset-bottom,0px));background:linear-gradient(#f2e5c700,#f2e5c7eb 38%,#f2e5c7);flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:0;left:0;right:0}#loader .loader-title{font-family:var(--brush);color:var(--paper-ink);background:var(--img-stroke-saffron) center 82% / 100% 42% no-repeat;padding:0 24px 2px;font-size:clamp(56px,13vh,120px);line-height:1}:is(#loader,#curtain) .loader-drops{gap:14px;display:flex}:is(#loader,#curtain) .loader-drops i{border:3px solid var(--paper-ink);background:#2b22331f;border-radius:50%/62% 62% 40% 40%;width:26px;height:32px;transition:background .4s,transform .4s;animation:1.2s ease-in-out infinite loader-bob;transform:rotate(180deg)}:is(#loader,#curtain) .loader-drops i:nth-child(2){animation-delay:.15s}:is(#loader,#curtain) .loader-drops i:nth-child(3){animation-delay:.3s}#loader .loader-drops i:first-child.full{background:var(--water)}#loader .loader-drops i:nth-child(2).full{background:var(--madder)}#loader .loader-drops i:nth-child(3).full{background:var(--saffron)}#loader .loader-text{font-family:var(--brush);color:var(--madder-ink);min-height:1em;font-size:22px}@keyframes loader-bob{50%{translate:0 -5px}}@media (prefers-reduced-motion:reduce){:is(#loader,#curtain) .loader-drops i{animation:none}}#loader .loader-press{font-family:var(--cut);color:var(--paper-ink);font-size:clamp(18px,3.2vh,26px);animation:1.6s ease-in-out infinite title-blink;display:none}#loader.title{cursor:pointer}#loader.title .loader-art{animation:18s ease-in-out infinite alternate title-breathe}#loader.title .loader-drops,#loader.title .loader-text{display:none}#loader.title .loader-press{display:block}@keyframes title-blink{50%{opacity:.45}}@keyframes title-breathe{0%{transform:scale(1)}to{transform:scale(1.06)translate(-1%,1%)}}@media (prefers-reduced-motion:reduce){#loader.title .loader-art,#loader .loader-press{animation:none}}#overlay.wide .card:has(.menu-main){max-width:min(980px,100vw - 24px);position:relative}.menu-main{text-align:left;grid-template-columns:minmax(240px,.85fr) 1.15fr;align-items:center;gap:20px;display:grid}.menu-buttons{flex-direction:column;align-items:stretch;gap:6px;display:flex}.menu-buttons .btn{padding-block:9px 10px;font-size:21px}.menu-continue small{font:800 13px var(--body);opacity:.85;text-shadow:none;margin-top:1px;display:block}.menu-main .city-map{max-width:none;margin:0}.menu-main .city-map canvas{cursor:pointer}@media (width<=720px){.menu-main{grid-template-columns:1fr}.menu-main .city-map{display:none}}.options{text-align:left;flex-direction:column;gap:12px;margin-top:4px;display:flex}.opt-row{grid-template-columns:160px 1fr;align-items:center;gap:14px;display:grid}.opt-label{font-family:var(--cut);font-size:19px}.opt-body{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.opt-body .note{flex-basis:100%;margin:2px 0 0}.opt-body .btn{border-image-width:0 18px;padding:5px 20px 6px;font-size:16px}.opt-sound{flex-wrap:wrap;align-items:center;gap:8px 14px;width:100%;display:flex}.opt-sound .sound-sliders{flex:1;min-width:200px}.opt-chip{font:800 15px var(--body);color:var(--paper-ink);cursor:pointer;border:0 solid #0000;border-image:var(--img-stroke-cream) 0 64 fill / 0 18px stretch;background:0 0;padding:6px 18px}.opt-chip.on{border-image-source:var(--img-stroke-saffron)}.opt-chip:focus-visible{outline:2px dashed var(--paper-ink);outline-offset:1px}@media (width<=600px){.opt-row{grid-template-columns:1fr;gap:4px}}body.gallery #hud,body.gallery #help,body.gallery #hint,body.gallery #replay-bar{display:none!important}body.gallery #toast{top:calc(max(10px, env(safe-area-inset-top,0px)) + 52px)}#gallery-ui{z-index:12;pointer-events:none;font-family:var(--body);position:fixed;inset:0}#gallery-ui .gal-back{top:max(10px, env(safe-area-inset-top,0px));left:calc(66px + env(safe-area-inset-left,0px));pointer-events:auto;font:800 14px var(--body);color:var(--paper-ink);cursor:pointer;background:var(--img-blob) center / 100% 100% no-repeat;border:0;padding:8px 16px;position:absolute}#gallery-ui .gal-back:focus-visible{outline:2px dashed var(--paper-ink)}#gallery-ui .gal-title{top:max(10px, env(safe-area-inset-top,0px));white-space:nowrap;font:400 24px var(--brush);color:var(--madder-ink);background:var(--img-blob) center / 100% 100% no-repeat;padding:2px 26px 4px;position:absolute;left:50%;transform:translate(-50%)}.gal-enter{white-space:nowrap;font:800 14px var(--body);color:var(--paper-ink);background:var(--img-blob) center / 100% 100% no-repeat;padding:4px 12px 5px;position:absolute;top:0;left:0}.gal-enter kbd{font:900 12px var(--body);background:var(--paper);color:var(--paper-ink);text-shadow:none;border-radius:4px;margin-right:4px;padding:0 6px}.gal-splash{z-index:40;pointer-events:none;background:url(/assets/tache-garance-xlf37DV4.webp) 50%/contain no-repeat;width:180px;height:180px;position:fixed}@media (height<=430px){#gallery-ui .gal-title{font-size:20px}}#curtain{z-index:13;text-align:center;background:var(--img-paper) center / cover, #efe2c2;color:var(--paper-ink);place-content:center;justify-items:center;gap:6px;transition:opacity .4s;display:grid;position:fixed;inset:0}#curtain.out{opacity:0;pointer-events:none}#curtain .curtain-eyebrow{font:400 24px var(--brush);color:var(--madder-ink)}#curtain .curtain-title{font:900 clamp(34px, 7vw, 58px) var(--cut);background:var(--img-stroke-saffron) center 82% / 100% 42% no-repeat;max-width:90vw;padding:0 24px 6px;line-height:1.05}#curtain .loader-drops{margin-top:10px}#menu-bg{z-index:9;--k:.3;background:#e9e2d2;position:fixed;inset:0;overflow:hidden}#menu-bg img{object-fit:cover;object-position:50% 30%;width:100%;height:100%;filter:grayscale(calc(1 - var(--k))) brightness(calc(1.08 - var(--k) * .08)) contrast(calc(.88 + var(--k) * .12));position:absolute;inset:0}.ending{width:100%;margin:4px 0 6px;position:relative}.ending .ending-map{width:100%;max-width:none;margin:0}.credits-roll{pointer-events:none;border-radius:6px;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 16% 84%,#0000);mask-image:linear-gradient(#0000,#000 16% 84%,#0000)}.roll-inner{text-align:center;color:#fff8e8;text-shadow:0 2px #1d1a2c,0 0 10px #1d1a2ce6,0 0 3px #1d1a2c;font-size:19px;line-height:1.6;animation:26s linear 2s forwards credits-roll;position:absolute;top:100%;left:10%;right:10%}.roll-inner p{margin:0 0 28px}.roll-inner .roll-big{font-family:var(--brush);color:#ffd765;font-size:34px}.roll-inner strong{color:#ff8aa0}@keyframes credits-roll{0%{top:100%;transform:translateY(0)}to{top:0;transform:translateY(-100%)}}@media (prefers-reduced-motion:reduce){.credits-roll{position:relative;-webkit-mask-image:none;mask-image:none}.roll-inner{color:inherit;text-shadow:none;animation:none;position:relative;top:0;left:0;right:0}}.end-cage{margin:4px auto 8px;display:block}.btn,.level-row,.chapter summary{touch-action:manipulation}body.touch .btn{min-height:46px;padding:9px 20px}body.touch .level-row,body.touch .chapter summary{min-height:46px}body.touch #story .skip{min-height:44px;padding:8px 18px;font-size:16px}body.touch .sound-slider input{height:36px}@media (hover:none){.btn:hover,.level-row:hover,.chapter summary:hover{filter:none}.level-row.locked:hover{filter:grayscale(.9)}}.mp-link{-webkit-user-select:all}@media (height<=500px){#hud .level,#hud .meta{font-size:14px}#hud .clock{font-size:32px}#overlay .card,#overlay.wide .card{border-width:18px;border-image-width:18px;max-width:min(620px,100vw - 24px);padding:0 10px 2px}#overlay .eyebrow{font-size:18px}#overlay .title{margin:0 auto 6px;font-size:42px}#overlay.finish .title{font-size:38px}#overlay.finish .card{padding:0 10px}#overlay .lede{margin-bottom:8px}#overlay p{margin:5px 0}.actions{margin-top:10px}.chapters{max-height:none;overflow:visible}.actions.col{grid-template-columns:1fr 1fr;display:grid}.actions.col .sound-sliders{grid-column:1/-1}#story .dialog{border-width:16px;bottom:calc(6px + env(safe-area-inset-bottom,0px));border-image-width:16px;padding:0 12px 2px}#story .who{margin:-22px 0 0 -12px;font-size:20px}#story .text{min-height:2.8em;font-size:16px;line-height:1.4}#story.narration .text{font-size:17px}.btn{font-size:17px;line-height:1.1}body.touch .btn{padding:8px 22px}.level-row,.bind-row{padding-top:5px;padding-bottom:5px}.actions.col{gap:6px 4px}}#touch{z-index:9;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:fixed;inset:0}#touch .t-stick{box-sizing:border-box;pointer-events:none;width:104px;height:104px;left:calc(env(safe-area-inset-left,0px) + 36px);bottom:calc(env(safe-area-inset-bottom,0px) + 30px);opacity:.5;background:#f2e5c729;border:3px dashed #2b223380;border-radius:50%;transition:opacity .2s;position:absolute}#touch .t-stick.on{opacity:1;transition:none;top:0;bottom:auto;left:0;translate:-50% -50%}#touch .t-knob{box-sizing:border-box;background:var(--img-blob) center / 100% 100% no-repeat;width:56px;height:56px;margin:-28px;position:absolute;top:50%;left:50%}#touch .t-btn{box-sizing:border-box;background:var(--blob) center / 100% 100% no-repeat;border:0;border-radius:50%;place-items:center;transition:transform 60ms;display:grid;position:absolute}#touch .t-btn.down{transform:translateY(3px)scale(.93)}#touch svg{filter:drop-shadow(0 2px 0 var(--ink));display:block}#touch .t-pad{pointer-events:none;width:176px;height:176px;right:calc(env(safe-area-inset-right,0px) + 16px);bottom:calc(env(safe-area-inset-bottom,0px) + 14px);position:absolute}#touch .t-jump{--blob:var(--img-blob);width:84px;height:84px;bottom:0;right:0}#touch .t-jump svg{width:42px;fill:var(--paper-ink);filter:none;margin-top:-4px}#touch .t-ink{width:62px;height:62px}#touch .t-ink svg{width:32px;fill:var(--white);margin-top:-3px}#touch .t-ink svg .s{fill:none;stroke:var(--white);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}#touch .t-water{--c:var(--water);--blob:url(/assets/tache-eau-CzkZjQxU.webp);bottom:11px;right:111px}#touch .t-madder{--c:var(--madder);--blob:url(/assets/tache-garance-xlf37DV4.webp);bottom:82px;right:82px}#touch .t-saffron{--c:var(--saffron);--blob:url(/assets/tache-safran-Cm2g2lAl.webp);bottom:111px;right:11px}#touch .t-nub{box-sizing:border-box;background:var(--white);border:3px solid var(--ink);opacity:0;border-radius:50%;width:18px;height:18px;margin:-9px;position:absolute;top:50%;left:50%}#touch .t-ink.aiming .t-nub{opacity:1}#touch .t-ink.aiming svg{opacity:.35}#touch .t-top{left:calc(env(safe-area-inset-left,0px) + 10px);top:calc(env(safe-area-inset-top,0px) + 8px);gap:6px;display:flex;position:absolute}#touch .t-small{--blob:var(--img-blob);width:34px;height:34px;color:var(--paper-ink);font-family:var(--cut);padding-bottom:2px;font-size:19px;font-weight:900;line-height:1;position:relative}#touch .t-bars{box-sizing:border-box;border-left:4px solid var(--paper-ink);border-right:4px solid var(--paper-ink);width:12px;height:12px;margin-top:-2px}@media (prefers-reduced-motion:reduce){#touch .t-btn,#touch .t-stick{transition:none}}#rotate{z-index:30;text-align:center;color:var(--paper-ink);background:radial-gradient(circle at 50% 40%, transparent 40%, #2b223359), var(--img-paper) center / 320px;align-content:center;place-items:center;gap:10px;padding:24px;display:none;position:fixed;inset:0}@media (orientation:portrait) and (pointer:coarse){#rotate{z-index:70;bottom:calc(-1 * var(--bleed));padding-bottom:calc(24px + var(--bleed) + env(safe-area-inset-bottom,0px));display:grid}html:has(#rotate){background:#f2e5c7}html:has(#rotate) body{background:#f2e5c7}}#rotate{--bleed:160px}#rotate.with-art{background:#f2e5c7;align-content:end;gap:6px;overflow:hidden}#rotate.with-art .rotate-art{top:0;left:0;right:0;bottom:var(--bleed);width:100%;height:calc(100% - var(--bleed));object-fit:cover;object-position:30% 30%;z-index:-1;position:absolute}#rotate.with-art:after{content:"";height:calc(46% + var(--bleed));z-index:-1;background:linear-gradient(#f2e5c700,#f2e5c7f0 30%,#f2e5c7);position:absolute;bottom:0;left:0;right:0}#rotate.with-art{isolation:isolate}#rotate .rotate-logo{font-family:var(--brush);color:var(--paper-ink);background:var(--img-stroke-saffron) center 82% / 100% 42% no-repeat;padding:0 24px 2px;font-size:64px;line-height:1}#rotate .rotate-row{text-align:left;align-items:center;gap:18px;display:flex}#rotate.with-art .rotate-phone{zoom:.55;flex:none;margin:0 8px}#rotate.with-art .rotate-title{background:0 0;padding:0;font-size:28px}#rotate.with-art .rotate-sub{font-size:14px}#rotate .rotate-phone{box-sizing:border-box;background:var(--paper-ink);border:5px solid var(--paper);width:74px;height:128px;box-shadow:0 0 0 4px var(--paper-ink), 0 8px 0 4px var(--paper-ink);border-radius:18px;margin-bottom:30px;animation:2.8s cubic-bezier(.6,0,.3,1.25) infinite rotate-turn;position:relative}#rotate .rotate-screen{background:var(--bg);border-radius:8px;justify-content:center;align-items:flex-end;gap:4px;padding-bottom:12px;display:flex;position:absolute;inset:7px;overflow:hidden}#rotate .rotate-screen i{border:2.5px solid var(--ink);border-radius:50%;width:13px;height:13px;animation:1.4s ease-in-out infinite rotate-hop}#rotate .rotate-screen i:first-child{background:var(--water)}#rotate .rotate-screen i:nth-child(2){background:var(--madder);animation-delay:.15s}#rotate .rotate-screen i:nth-child(3){background:var(--saffron);animation-delay:.3s}#rotate .rotate-title{font-family:var(--brush);-webkit-text-stroke:0;text-shadow:none;background:var(--img-stroke-saffron) center 82% / 100% 42% no-repeat;padding:0 22px 2px;font-size:44px;line-height:1.05}#rotate .rotate-sub{font-family:var(--body);color:var(--paper-soft);font-size:16px;font-weight:800}@keyframes rotate-turn{0%,18%{transform:rotate(0)}50%,82%{transform:rotate(-90deg)}to{transform:rotate(0)}}@keyframes rotate-hop{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-14px)}}@media (prefers-reduced-motion:reduce){#rotate .rotate-phone{animation:none;transform:rotate(-90deg)}#rotate .rotate-screen i{animation:none}}@media (height<=500px){#overlay.wide .card:has(.chapters){max-width:calc(100vw - 32px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));text-align:left;grid-template-columns:minmax(230px,.8fr) 1.2fr;grid-auto-rows:min-content;column-gap:18px;display:grid;overflow:hidden}.card:has(.chapters) #overlay-body{display:contents}.card:has(.chapters)>*{grid-column:1}.card:has(.chapters) #overlay-body>*{grid-column:1}.card:has(.chapters) #overlay-body>.chapters{max-height:calc(100dvh - 60px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overscroll-behavior:contain;grid-area:1/2/span 20;align-self:stretch;overflow-y:auto}.card:has(.chapters) .actions{grid-template-columns:1fr 1fr;gap:4px 2px;margin-top:6px;display:grid}.card:has(.chapters) .actions>:first-child{grid-column:1/-1}.card:has(.chapters) .actions button{border-image-width:0 18px;min-width:0;min-height:42px;margin:0;padding:7px 16px;font-size:16px}.card:has(.chapters) .title{margin:0 0 4px -10px;font-size:40px}#overlay.wide .card:has(.menu-main){max-width:calc(100vw - 32px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px))}.card:has(.menu-main) .title{margin-bottom:2px;font-size:40px}.card:has(.menu-main) .eyebrow{font-size:18px}.card:has(.menu-main) .lede{display:none}.card:has(.menu-main) .stats{margin:0 0 6px;font-size:13px}.menu-main{grid-template-columns:1fr .9fr;gap:12px}.menu-main .city-map{justify-self:center;max-height:calc(100dvh - 150px);display:block}.menu-buttons{grid-template-columns:1fr 1fr;gap:4px 2px;display:grid}.menu-buttons>:first-child{grid-column:1/-1}.menu-buttons .btn{border-image-width:0 18px;min-height:42px;padding:7px 14px;font-size:16px}.menu-continue small{font-size:11px}.options{gap:8px}.opt-row{grid-template-columns:120px 1fr}:is(.card:has(.chapters) .lede,.card:has(.chapters) .stats){margin:0 0 6px;font-size:13px;line-height:1.35}}