@font-face{font-family:Service;src:url('assets/fonts/Barlow.ttf')}@font-face{font-family:Affiche;src:url('assets/fonts/BarlowCondensed-Bold.ttf');font-weight:700}
:root{--paper:#f4eddf;--kraft:#ceb48d;--ink:#24292b;--stamp:#a6312e;--action:#c7511f}
body,button,input,select{font-family:Service,sans-serif}body{margin:0;background:var(--paper);color:var(--ink)}body *{font-size:max(12px,1em)}h1,h2,h3,h4,.primary{font-family:Affiche,sans-serif}button{cursor:pointer}button:focus-visible{outline:3px solid var(--action);outline-offset:3px}[hidden]{display:none!important}
body:has(#menu:not([hidden])){overflow:hidden}#menu{box-sizing:border-box;max-width:none;height:100dvh;padding:22px 34px 12px;display:flex;flex-direction:column;overflow:hidden;background:var(--paper);color:var(--ink)}#menu .masthead{flex:0 0 60px;padding:0 110px 8px 0;border-bottom:1px solid #24292b33}#menu .brand h1{font-size:24px;color:var(--ink)}#menu .brand h1 span{font-size:14px;color:var(--stamp)}.brand>.eyebrow,.brand>p,.seal,.wallet,.account-strip,.dev-banner,#menu footer{display:none!important}.primary{background:var(--action)!important;color:white!important;border:0!important;box-shadow:0 4px 0 #873614!important;letter-spacing:1px}.tab-panel{min-height:0;overflow:auto;flex:1;padding:16px 0}.tab-panel#tab-play{overflow:hidden;padding:0}.flow-page{height:100%;display:flex;flex-direction:column;min-height:0;padding:0}.flow-stage-heading{flex:0 0 auto;margin:12px 0;gap:20px}.flow-stage-heading h2{font-size:32px;margin:0}.flow-stage-heading small{font-size:12px;color:#655746}.flow-back{background:transparent;border:1px solid #85745d;color:var(--ink)}#flow-section-nav{padding:8px 0}.panel-intro h2{font-size:36px;color:var(--ink)}.panel-intro p{font-size:16px}.paper,.discovery-card,.codex-card,.v6-beast-card,.record{background:#fffaf0;color:var(--ink);border:1px solid #baa78c}.v6-beast-card p,.v6-beast-card small{font-size:14px}.v6-bestiary-filter button{background:var(--kraft);color:var(--ink);font-size:14px}.v6-bestiary-filter button.active{background:var(--ink);color:var(--paper)}
body[data-menu-step=home] #menu{padding:0;background:#262825}body[data-menu-step=home] .masthead{display:none}#flow-home{position:relative;isolation:isolate;overflow:hidden;justify-content:flex-end;background:linear-gradient(90deg,#171b1ded 0%,#171b1d85 50%,#171b1d25),url('assets/maps/mairie.jpg') center/cover}.flow-home-art{display:none}.v7-cover{position:absolute;inset:0;z-index:-1;padding:8vh 8vw;color:var(--paper);transform-origin:80% 10%}.v7-cover h1{font-size:clamp(76px,12vw,170px);line-height:.8;letter-spacing:-2px;margin:8vh 0 0}.v7-cover h1 span{font:700 clamp(24px,4vw,54px) Affiche;display:block;letter-spacing:6px;margin-top:25px}.v7-number{font-size:12px;letter-spacing:3px}.v7-clock{position:absolute;right:9vw;top:8vh;border:1px solid #d5c7aa;padding:16px 22px;background:#f4eddf;color:#24292b;box-shadow:8px 8px #0004;font:700 40px Affiche}.v7-title-stamp{display:inline-block;margin:24px 0 0 16vw;transform:rotate(-9deg);border:4px double #d35b4e;padding:6px 16px;color:#ed887a;font:700 25px Affiche;letter-spacing:3px}.flow-home-actions{margin:0;max-width:none;width:100%;text-align:left;padding:0 8vw 0;box-sizing:border-box}.flow-home-actions>#flow-begin{min-width:310px;padding:18px 32px;margin-bottom:42px;font-size:24px}.flow-home-links{display:flex;gap:4px;margin:0;flex-wrap:wrap}.flow-home-links button{background:#ddcbb0;border:0;border-radius:8px 8px 0 0;padding:13px 22px;color:var(--ink);font-size:14px;box-shadow:none}.flow-home-links [data-home-tab=account]{display:none}#v7-account{position:absolute;right:24px;top:20px;z-index:5;border:1px solid #a5967d;background:var(--paper);color:var(--ink);border-radius:30px;padding:9px 14px;font-size:12px}
.flow-choice-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(260px,34%) 1fr;gap:28px;align-items:stretch}.flow-detail{position:relative;min-height:0;overflow:auto;background:#fffcf4;border:1px solid #b5a68c;padding:18px;border-radius:12px;color:var(--ink);box-shadow:6px 7px 0 #c5b18b66}.flow-detail h3{font-size:32px;margin:8px 0}.flow-detail p{font-size:14px;line-height:1.35}.flow-detail dl{margin:12px 0;display:flex;gap:18px;flex-wrap:wrap}.flow-detail dt,.flow-detail dd{font-size:12px}.flow-detail dl>div{padding:5px 0}.flow-portrait{height:45%;min-height:100px;background:repeating-linear-gradient(0deg,#ddd3bf,#ddd3bf 1px,#e9e1d1 1px,#e9e1d1 18px);position:relative}.flow-portrait:after{content:'CARTE PROFESSIONNELLE';position:absolute;top:9px;left:12px;font-size:12px;letter-spacing:2px}.flow-portrait .hero-art{height:100%;background:transparent;margin:0}.flow-portrait .hero-art .sprite{width:170px;height:180px;max-height:85%;bottom:0}.flow-hero-list{min-height:0;overflow:auto}.flow-hero-list .hero-grid{height:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:10px}.flow-hero-list .hero-card{min-height:0;display:flex;align-items:center;background:#e8ddc8;border:1px solid #b7a487;position:relative;border-radius:3px;overflow:hidden}.flow-hero-list .hero-card.selected{border:3px solid var(--stamp);box-shadow:none}.flow-hero-list .hero-art{width:40%;height:100%;background:#d4c5ab;flex:0 0 40%;border:0}.flow-hero-list .hero-art .sprite{width:80px;height:85px;max-width:100%;bottom:8%}.flow-hero-list .card-copy{padding:8px}.flow-hero-list .card-copy h4{font-size:20px;color:var(--ink)}.flow-hero-list .card-copy p{font-size:12px;color:#574c3d}.flow-hero-list .card-copy small,.selected-tag{display:none}.hero-card.locked .sprite{filter:brightness(0)!important;opacity:.65}.hero-card.locked:after{content:'EN ATTENTE';position:absolute;bottom:10px;right:6px;transform:rotate(-9deg);border:2px solid var(--stamp);color:var(--stamp);font:700 14px Affiche;padding:3px}.flow-stage-actions{flex:0 0 auto;padding:15px 0 8px}.flow-stage-actions .primary{padding:14px 30px}
.flow-map-layout{grid-template-columns:30% 1fr;gap:25px}.flow-map-list{min-height:0;overflow:auto}.flow-map-list .map-grid{display:flex;flex-direction:column;gap:5px}.flow-map-list .map-card{flex:0 0 auto;display:block;padding:9px 16px;background:var(--kraft);border:0;border-left:5px solid transparent;box-shadow:none;border-radius:0 7px 7px 0;text-align:left}.flow-map-list .map-card.selected{border-color:var(--stamp);background:#eadcc2}.flow-map-list .map-art,.flow-map-list .map-card p,.flow-map-list .map-card small,.flow-map-list .map-card .eyebrow{display:none}.flow-map-list .card-copy{padding:0}.flow-map-list h4{font-size:22px;color:var(--ink);margin:0}.flow-map-preview{height:55%;min-height:120px;object-fit:cover;aspect-ratio:auto;margin:0;border:0}.flow-run-settings{flex:0 0 auto}.flow-run-settings .departure{display:flex;align-items:end;margin:12px 0 6px;padding:0;gap:20px;background:none;border:0}.departure>div{flex:1}.departure label{font-size:12px}.v7-choice-buttons{display:flex;gap:5px;flex-wrap:wrap}.v7-choice-buttons button{background:#e5d6bd;color:var(--ink);border:1px solid #ab9776;padding:8px 12px;font-size:12px}.v7-choice-buttons button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.flow-run-settings .departure .primary{min-width:220px;padding:16px}.v7-danger{margin-top:25px;padding:18px;border:1px dashed var(--stamp)}.v7-danger summary{cursor:pointer;color:var(--stamp)}#tab-workshop{background:linear-gradient(90deg,#bfa984 0 12px,transparent 12px);padding:20px 28px;border-top:7px solid #bfa984}.v7-leave{animation:v7out .22s ease-in both}.v7-arrive{animation:v7in .23s ease-out both}@keyframes v7out{to{opacity:0;transform:translateY(-12px)}}@keyframes v7in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.v7-intro .v7-cover{animation:pullback var(--intro) cubic-bezier(.2,.7,.2,1) both}.v7-intro .v7-title-stamp{animation:stamp var(--intro) both}@keyframes pullback{0%{transform:scale(1.35);opacity:.2}55%{opacity:1}100%{transform:scale(1)}}@keyframes stamp{0%,55%{opacity:0;transform:scale(1.8) rotate(-9deg)}75%{opacity:1;transform:scale(.95) rotate(-9deg)}100%{transform:scale(1) rotate(-9deg)}}
#v7-boss-banner{position:fixed;left:50%;top:25%;transform:translateX(-50%) rotate(-3deg);z-index:20;background:var(--paper);border:5px double var(--stamp);color:var(--stamp);padding:15px 32px;font:700 30px Affiche;pointer-events:none;text-align:center;max-width:85vw}#v7-boss-banner.show{animation:v7in .2s ease-out}#game-screen.v7-hurt:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 75px #b51e30b0;border:3px solid #d93540;z-index:12}.hud small,.hud span,.slot small{font-size:12px!important}body[data-motion=off] .v7-intro *,body[data-motion=off] .v7-arrive,body[data-motion=off] .v7-leave{animation:none!important}
@media(max-height:700px) and (min-width:701px){#menu{padding-top:10px}.flow-stage-heading h2{font-size:26px}.flow-detail>p,.flow-start-rule{display:none}.flow-detail h3{font-size:26px}.flow-detail dl{margin:6px 0}.flow-map-list .map-card{padding:6px 12px}.flow-map-list h4{font-size:20px}.flow-hero-list .card-copy h4{font-size:18px}.flow-portrait{height:55%}.flow-run-settings .departure{gap:10px}.flow-run-settings .departure .primary{min-width:185px}}
@media(max-width:700px){#menu{padding:10px 12px}#menu .masthead{flex-basis:45px}.flow-stage-heading{gap:10px;margin:7px 0}.flow-stage-heading h2{font-size:25px}.flow-choice-layout{display:grid;grid-template-columns:1fr;grid-template-rows:150px 1fr;gap:10px}.flow-detail{padding:10px;border-radius:5px}.flow-detail>p,.flow-detail dl,.flow-detail>small{display:none}.flow-detail h3{font-size:25px;margin:8px}.flow-portrait{height:100%;width:45%;float:left;margin-right:12px}.flow-portrait:after{display:none}.flow-portrait .hero-art .sprite{height:120px;width:110px}.flow-hero-list .hero-grid{gap:5px}.flow-hero-list .hero-card{display:block}.flow-hero-list .hero-art{height:60%;width:100%}.flow-hero-list .hero-art .sprite{height:62px;width:58px;bottom:0}.flow-hero-list .card-copy{padding:3px}.flow-hero-list .card-copy h4{font-size:16px;margin:0}.flow-hero-list .card-copy p{display:none}.hero-card.locked:after{font-size:12px;bottom:24px}.flow-stage-actions{padding:10px 0 4px}.flow-stage-actions .primary{width:100%;padding:12px}.flow-map-layout{grid-template-columns:42% 1fr;grid-template-rows:1fr;gap:8px}.flow-map-list .map-card{padding:9px 6px}.flow-map-list h4{font-size:18px}.flow-map-preview{height:70%;min-height:0}.flow-map-list .map-grid{gap:4px}.flow-run-settings .departure{display:grid;grid-template-columns:1fr 1fr;gap:8px}.flow-run-settings .departure .primary{grid-column:1/-1;min-width:0;width:100%;padding:12px}.v7-choice-buttons button{padding:6px}.v7-cover{padding:12vh 7vw}.v7-cover h1{font-size:80px;margin-top:15vh}.v7-cover h1 span{font-size:25px;letter-spacing:3px}.v7-number{display:none}.v7-clock{top:13vh;right:8vw;font-size:30px}.v7-title-stamp{font-size:18px;margin-left:15vw}.flow-home-actions{padding:0 6vw}.flow-home-actions>#flow-begin{width:100%;min-width:0;margin-bottom:25px;font-size:22px}.flow-home-links{gap:3px}.flow-home-links button{padding:10px 8px;font-size:12px;flex:1}.flow-home-links button:last-child{grid-column:auto}#v7-account{right:12px;top:12px}.settings-grid{grid-template-columns:1fr}#v6-bestiary-grid{grid-template-columns:1fr}.panel-intro h2{font-size:29px}}

.v7-leave #start{animation:validation .22s ease-in both}@keyframes validation{0%{transform:scale(1.08) rotate(-2deg)}65%{transform:scale(.94) rotate(-2deg);box-shadow:0 0 0 4px #a6312e!important}100%{transform:scale(1) rotate(-2deg)}}
.flow-detail .flow-portrait .hero-art .sprite{width:190px;height:200px}.flow-map-preview{float:none;width:100%}.v7-choice-buttons button:focus-visible{outline:3px solid #a6312e}.v6-beast-card p{line-height:1.5}#menu input,#menu select{font-size:14px}#menu .search-input{background:#fffaf0;color:#24292b}.settings-grid .paper{line-height:1.6}#menu button:not(.primary):not(.danger):hover{filter:brightness(.96)}
@media(max-width:700px){.flow-detail .flow-portrait .hero-art .sprite{width:110px;height:120px}.flow-map-layout .flow-detail{order:0}.flow-map-layout{grid-template-columns:48% 1fr}.flow-map-list h4{font-size:17px}.flow-map-layout .flow-detail h3{font-size:24px;margin:10px 0}.flow-map-layout .flow-map-preview{height:65%;width:100%;object-position:center}}

#flow-home{background:#19212b}#flow-home:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#111a2966,transparent 80%),url('assets/accueil-v7.png') center/cover;transform-origin:85% 10%}.v7-intro:before{animation:pullback var(--intro) cubic-bezier(.2,.7,.2,1) both}.v7-cover h1 span{color:#f4eddf}.v7-title-stamp{color:#e38282;border-color:#ca6060}.v7-clock{border-radius:4px}.v7-cover{background:transparent}
:root{--orange:#a6312e;--pine:#24292b;--yellow:#ceb48d;--muted:#6f6657}#v7-personal{display:flex;gap:24px;align-items:center;padding:24px;background:#fffaf0;border:1px solid #bea989;margin-bottom:20px}#v7-personal h3{font-size:32px;margin:8px 0}#v7-personal p{font-size:16px}#v7-personal>strong{margin-left:auto;color:#a6312e;border:3px double #a6312e;padding:10px;transform:rotate(-7deg);font:700 20px Affiche}.v7-personal-seal{font:700 42px Affiche;text-align:center;border:2px solid #24292b;border-radius:50%;padding:15px}.v7-personal-seal small{display:block;font-size:12px}.record-maps{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.record-maps p{padding:14px;border-bottom:1px solid #cbb79c;font-size:14px}#records>b{display:none}@media(max-width:700px){#v7-personal{gap:10px;padding:12px}#v7-personal>strong{display:none}.record-maps{grid-template-columns:1fr}}

body[data-motion=off] #menu *,body[data-motion=off] #menu *:before{animation:none!important;transition:none!important}