@import "https://fonts.googleapis.com/css2?family=Bungee&family=Figtree:wght@400;600;700&display=swap";:root{--nuit:#0c1c3d;--plan:#163469;--melon:#f8ac0c;--rouge:#e23223;--papier:#f3f4f0;--encre:#101722;--font-titre:"Bungee", "Impact", sans-serif;--font-texte:"Figtree", system-ui, sans-serif}*{box-sizing:border-box}body{font-family:var(--font-texte);color:var(--papier);background:var(--nuit);margin:0}button{font:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--melon);outline-offset:3px}.splash{place-items:center;min-height:100vh;display:grid}.btn{background:var(--melon);color:var(--encre);border:3px solid var(--encre);font-family:var(--font-titre);box-shadow:4px 4px 0 var(--encre);padding:.7rem 1.4rem;font-size:1rem;transition:transform 80ms,box-shadow 80ms}.btn:active{box-shadow:1px 1px 0 var(--encre);transform:translate(3px,3px)}.btn--ghost{color:var(--papier);border-color:var(--papier);box-shadow:none;font-family:var(--font-texte);background:0 0;padding:.45rem .9rem;font-weight:600}.authmain,.loginmain,.registermain{background:radial-gradient(circle at 20% 15%, #1b3d78, var(--nuit) 70%);place-items:center;min-height:100vh;padding:1rem;display:grid}.authbox{justify-items:center;gap:1.2rem;width:min(26rem,100%);display:grid}.authform{background:var(--papier);width:100%;color:var(--encre);border:3px solid var(--encre);box-shadow:6px 6px 0 var(--melon);gap:1rem;padding:1.6rem 1.4rem;display:grid}.authform__title{font-family:var(--font-titre);margin:0;font-size:1.6rem;font-weight:400}.authform__field{gap:.35rem;display:grid}.authform__field label{font-weight:700}.authform__field input{font:inherit;color:var(--encre);border:3px solid var(--encre);background:#fff;border-radius:0;padding:.7rem .8rem}.authform__field input::placeholder{color:#5b6677}.authform :focus-visible{outline:3px solid var(--plan);outline-offset:2px}.authform .btn{justify-self:start}.authform__switch{flex-wrap:wrap;align-items:baseline;gap:.4rem;display:flex}.authform__switch p{margin:0}.authform a{color:var(--plan);font-weight:700}.authform__error{background:var(--rouge);color:#fff;border:3px solid var(--encre);margin:0;padding:.6rem .8rem;font-weight:700}.mappage{grid-template-rows:auto 1fr;gap:1rem;max-width:1100px;min-height:100vh;margin:0 auto;padding:1rem;display:grid}.topbar{align-items:center;gap:1rem;display:flex}.logo{font-family:var(--font-titre);color:var(--melon);margin:0;font-size:2rem}.topbar__who{opacity:.8;margin:0 auto 0 0}.map{border:3px solid var(--papier);background:var(--plan);height:fit-content;position:relative}.map__img{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:auto;display:block}.map__more{background:var(--nuit);margin:0;padding:.2rem .6rem;font-style:italic;position:absolute;bottom:.6rem;right:1rem}.pin{border:3px solid var(--encre);background:var(--melon);width:3.4rem;height:3.4rem;color:var(--encre);box-shadow:3px 3px 0 var(--encre);border-radius:50% 50% 50% 0;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)rotate(-45deg)}.pin__n{font-family:var(--font-titre);font-size:1.3rem;rotate:45deg}.pin--done{background:var(--rouge);color:var(--papier)}.pin--locked{color:#c4cfdd;cursor:not-allowed;background:#5d6f86}.pin--selected{outline:3px solid var(--papier);outline-offset:4px}.panel{background:var(--papier);color:var(--encre);border:3px solid var(--encre);box-shadow:6px 6px 0 var(--melon);justify-items:start;gap:.6rem;padding:1.2rem 1.4rem;display:grid}.panel__meta{margin:0;font-weight:600}.panel__title{font-family:var(--font-titre);margin:0;font-size:1.6rem;font-weight:400}.panel__fame,.panel__warn{margin:0}.panel__warn{font-size:.9rem}@media (width>=860px){.mappage{grid-template-rows:auto 1fr;grid-template-columns:1fr 340px}.topbar{grid-column:1/-1}.panel{align-self:start}}.play{background:radial-gradient(circle at 20% 15%, #1b3d78, var(--nuit) 70%);flex-direction:column;min-height:100vh;display:flex}.hud{flex-wrap:wrap;align-items:center;gap:1rem;padding:.8rem 1rem;display:flex}.hud__chapter{opacity:.85;margin:0 auto 0 0;font-weight:600}.hud__stat{margin:0}.hud__stat strong{color:var(--melon);font-size:1.1rem}.scene{margin-top:auto;gap:1rem;width:100%;max-width:860px;margin-inline:auto;padding:1rem;display:grid}.loot{background:var(--melon);color:var(--encre);border:3px solid var(--encre);gap:.3rem;margin:0;padding:.7rem 1rem;list-style:none;display:grid}.dialog{background:var(--papier);color:var(--encre);border:3px solid var(--encre);box-shadow:6px 6px 0 var(--melon);cursor:pointer;min-height:8.5rem;padding:1.6rem 1.4rem 1.2rem;position:relative}.dialog__who{background:var(--encre);color:var(--melon);font-family:var(--font-titre);margin:0;padding:.15rem .8rem;position:absolute;top:-1.1rem;left:1rem}.dialog__text{max-width:70ch;margin:0;font-size:clamp(1.05rem,2.2vw,1.3rem);line-height:1.5}.dialog__text--narr{font-style:italic}.dialog__more{animation:1s steps(2,end) infinite blink;position:absolute;bottom:.5rem;right:1rem}@keyframes blink{50%{opacity:0}}.actions{justify-items:start;gap:.7rem;display:grid}.choice{text-align:left;width:100%;color:var(--papier);border:2px solid var(--papier);background:#f3f4f014;align-items:baseline;gap:.8rem;padding:.8rem 1rem;font-size:1.05rem;display:flex}.choice:hover:not(:disabled){background:var(--papier);color:var(--encre)}.choice:disabled{opacity:.45;cursor:not-allowed}.choice__n{font-family:var(--font-titre);color:var(--melon)}.choice:hover:not(:disabled) .choice__n{color:var(--encre)}.end__title{font-family:var(--font-titre);color:var(--melon);margin:0;font-size:2rem;font-weight:400}.end__unlock{margin:0;font-weight:600}@media (prefers-reduced-motion:reduce){.dialog__more{animation:none}.btn{transition:none}}.btn--line{color:var(--encre);box-shadow:none;font-family:var(--font-texte);background:0 0;padding:.45rem .9rem;font-weight:600}.panel__reset{border-top:2px solid var(--encre);justify-items:start;gap:.6rem;width:100%;margin-top:.4rem;padding-top:.8rem;display:grid}.panel__reset p{margin:0;font-size:.95rem}.panel__reset-actions{flex-wrap:wrap;gap:.6rem;display:flex}.play{position:relative;overflow:hidden}.hud,.scene{z-index:1;position:relative}.stage{z-index:0;pointer-events:none;position:absolute;inset:0}.stage__bg{background-position:50%;background-size:cover;animation:.6s ease-out stage-in;position:absolute;inset:0}.stage__bg:after{content:"";background:linear-gradient(#10172259,#0000 30%,#101722bf);position:absolute;inset:0}.stage__slug{object-fit:contain;object-position:bottom left;filter:drop-shadow(0 6px #10172280);width:auto;max-width:60%;height:min(72vh,680px);position:absolute;bottom:0;left:3%}@keyframes stage-in{0%{opacity:0}}.choice{background:#101722d1}@media (width<=640px){.stage__slug{height:48vh;left:-4%}}@media (prefers-reduced-motion:reduce){.stage__bg{animation:none}}