:root{--encre:#17252c;--ivoire:#e9dfc8}html,body{background:var(--encre);height:100%;margin:0}@media (pointer:coarse){html{cursor:pointer;-webkit-tap-highlight-color:transparent}}#stage{position:fixed;inset:0;overflow:hidden}.site-footer{z-index:5;padding:0 16px calc(26px + env(safe-area-inset-bottom));white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;color:var(--ivoire);-webkit-font-smoothing:none;text-shadow:1px 0 0 var(--encre), -1px 0 0 var(--encre), 0 1px 0 var(--encre), 0 -1px 0 var(--encre), 1px 1px 0 var(--encre), -1px -1px 0 var(--encre), 1px -1px 0 var(--encre), -1px 1px 0 var(--encre), 2px 2px 0 var(--encre);flex-direction:column;align-items:center;gap:.9em;font:clamp(9px,4vw - 1.6px,16px)/1 Silkscreen,ui-monospace,monospace;display:flex;position:fixed;bottom:0;left:0;right:0}.site-footer .socials,.site-footer .legal-row{justify-content:center;align-items:center;gap:1.1em;display:flex}.site-footer .socials{gap:1.4em}.site-footer a{color:inherit;text-decoration:none}.site-footer .social{display:grid}.site-footer .social svg{grid-area:1/1;width:1.3em;height:auto;display:block}.site-footer .social .drop{color:var(--encre);transform:translate(2px,2px)}.site-footer .social .mark{filter:drop-shadow(1px 0 0 var(--encre)) drop-shadow(-1px 0 0 var(--encre)) drop-shadow(0 1px 0 var(--encre)) drop-shadow(0 -1px 0 var(--encre))}.site-footer .social.soon{opacity:.45}@media (pointer:coarse){.site-footer{gap:1.7em}.site-footer .socials{gap:.3em}.site-footer .social{margin:-.75em 0;padding:.75em}.site-footer .social svg{width:1.75em}}.site-footer a:hover,.site-footer a:focus-visible{color:#fff4d8;text-underline-offset:.3em;text-decoration:underline 2px}:root{--modal-bg:#1c3042;--modal-edge:var(--modal-bg);--modal-edge-deep:var(--modal-bg);--modal-text:#e6dcc4;--modal-title:#8fb8d8}html[data-moment=aube]{--modal-bg:#4a3a52;--modal-text:#f6e8d6;--modal-title:#ffd0a8}html[data-moment=jour]{--modal-bg:#e7e0c9;--modal-text:#1b2a31;--modal-title:#2e5f95}html[data-moment=crepuscule]{--modal-bg:#45303c;--modal-text:#f4e1cf;--modal-title:#ffb07a}#legal-modal{width:min(92vw,40rem);max-width:none;height:fit-content;max-height:86vh;color:var(--modal-text);font-variant-ligatures:none;background:0 0;border:0;margin:auto;padding:0;font:17px/1.55 Pixelify Sans,ui-monospace,monospace;position:fixed;inset:0;overflow:hidden}#legal-modal[open]{animation:.24s steps(6,end) both modal-in;display:block}#legal-modal::backdrop{background:repeating-conic-gradient(#080e12c7 0 25%, #080e1247 0 50%) 0 0 / 4px 4px;animation:.24s steps(6,end) both backdrop-in}#legal-frame{z-index:0;image-rendering:pixelated;pointer-events:none;position:absolute;top:0;left:0}.modal-panel{z-index:1;box-sizing:border-box;max-height:86vh;padding:calc(var(--frame,27px) + 8px) calc(var(--frame,27px) + 12px);flex-direction:column;display:flex;position:relative}.modal-head{flex:none;justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}#legal-modal h2{text-transform:uppercase;letter-spacing:.04em;color:var(--modal-title);-webkit-font-smoothing:none;margin:0;font:16px/1 Silkscreen,ui-monospace,monospace}#legal-close{width:32px;height:32px;color:var(--modal-title);cursor:pointer;background:0 0;border:2px solid;padding:0;font:16px/1 Silkscreen,ui-monospace,monospace}#legal-close:hover,#legal-close:focus-visible{background:var(--modal-title);color:var(--modal-bg);border-color:var(--modal-title)}#legal-modal .modal-body{flex:auto;min-height:0;overflow-y:auto}@keyframes modal-in{0%{opacity:0;transform:translateY(16px)}}@keyframes backdrop-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){#legal-modal[open],#legal-modal::backdrop{animation:none}}body.all .site-footer{display:none}#scene{image-rendering:pixelated;position:absolute;top:0;left:0}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#dev-toolbar{z-index:10;pointer-events:none;color:var(--ivoire);font:14px/1.3 Pixelify Sans,ui-monospace,monospace;position:fixed;inset:0}#dev-bubble{width:40px;height:40px;color:var(--ivoire);cursor:grab;touch-action:none;pointer-events:auto;background:#17252ceb;border:1px solid #e9dfc84d;border-radius:50%;place-items:center;padding:0;transition:left .18s,top .18s,background .15s;display:grid;position:absolute;box-shadow:0 2px 10px #00000073}#dev-bubble:hover,#dev-bubble[aria-expanded=true]{background:#243842f5}#dev-bubble.dragging{cursor:grabbing;transition:none}#dev-bubble:focus-visible{outline:2px solid var(--ivoire);outline-offset:2px}#dev-panel{box-sizing:border-box;pointer-events:auto;background:#17252cf2;border:1px solid #e9dfc840;border-radius:12px;flex-direction:column;gap:12px;width:280px;padding:14px;display:flex;position:absolute;box-shadow:0 8px 28px #00000080}#dev-panel[hidden]{display:none}.dev-row{grid-template-columns:auto 1fr;align-items:baseline;gap:4px 10px;display:grid}.dev-row label{opacity:.7}.dev-row output{text-align:right;white-space:nowrap}.dev-row input,.dev-row select{box-sizing:border-box;grid-column:1/-1;width:100%;margin:0}.dev-row select{font:inherit;color:inherit;background:0 0;border:1px solid #e9dfc859;border-radius:6px;padding:4px 6px}.dev-row select option{color:#17252c}.dev-hint{text-align:center;opacity:.5;margin:0}#grid{display:none}body.all{overflow:auto}body.all #stage{display:none}body.all #grid{grid-template-columns:repeat(4,1fr);gap:2px;display:grid}#grid figure{margin:0;position:relative}#grid canvas{width:100%;height:auto;image-rendering:pixelated;display:block}#grid figcaption{color:var(--ivoire);text-shadow:0 0 3px var(--encre), 0 0 3px var(--encre);font:11px/1 ui-monospace,monospace;position:absolute;bottom:4px;left:6px}
