/* ===================== LANCEMENT : CHARGEMENT, MENU, CRÉATION ===================== */
  #boot-splash .boot-bar{width:min(62vw,300px); height:4px;}
  #boot-splash .boot-fill{display:block; height:100%; width:0; background:linear-gradient(90deg,var(--accent),#F2C14E); border-radius:3px; transition:width .12s linear;}
  #boot-splash .boot-meta{display:flex; justify-content:space-between; gap:12px; width:min(62vw,300px); font-size:.72rem; color:#b89aab; letter-spacing:.02em; margin-top:-12px;}
  #boot-splash .boot-msg{opacity:0;} #boot-splash .boot-msg.in{animation:lnFade .35s ease forwards;}
  #boot-splash .boot-pct{font-variant-numeric:tabular-nums; color:#fff;}
  .start-screen.launch{min-height:calc(100vh - 40px); min-height:calc(100dvh - 40px); min-height:calc(100dvh - 40px); justify-content:center; align-items:center; gap:0; padding:24px 0;}
  .ln-view{width:100%; max-width:720px; display:flex; flex-direction:column; gap:16px; align-items:stretch;}
  .ln-view.ln-in, #ln-step.ln-in{animation:lnRise .38s cubic-bezier(.2,.8,.2,1) both;}
  @keyframes lnRise{from{opacity:0; transform:translateY(10px);} to{opacity:1; transform:none;}}
  @keyframes lnFade{from{opacity:0;} to{opacity:1;}}
  .ln-logo{width:min(56vw,240px); margin:0 auto 6px;}
  #boot-splash .boot-pct{white-space:nowrap;}
  #ln-menu{align-items:center; text-align:center; max-width:520px;}
  #ln-menu > *:not(.ln-logo){width:100%;}
  .ln-actions{display:flex; flex-direction:column; gap:10px;}
  .ln-big{min-height:50px; font-size:1rem; letter-spacing:.06em; text-transform:uppercase;}
  .ln-card{background:var(--surface); border:1px solid var(--border); border-radius:16px; padding:16px; text-align:left; display:flex; flex-direction:column; gap:10px; box-sizing:border-box; min-width:0;}
  .ln-kick{font-size:.64rem; text-transform:uppercase; letter-spacing:.14em; color:#F2C14E; font-weight:800;}
  .ln-cont-h, .ln-who{display:flex; gap:12px; align-items:center; min-width:0;}
  .ln-cont-h b{display:block; font-size:1.15rem;} .ln-cont-h small{color:var(--text-muted);}
  .ln-av{width:56px; height:56px; flex:0 0 56px; border-radius:50%; overflow:hidden; border:2px solid var(--accent); background:var(--surface-2,#221c26);} .ln-av svg{width:100%; height:100%; display:block;}
  .ln-stats{display:grid; grid-template-columns:repeat(auto-fit,minmax(110px,1fr)); gap:6px;}
  .ln-stats span{display:flex; flex-direction:column; padding:8px 10px; border-radius:10px; background:rgba(255,255,255,.04); min-width:0;}
  .ln-stats small{font-size:.66rem; color:var(--text-muted);} .ln-stats b{font-size:.9rem; overflow-wrap:anywhere;}
  .ln-slot{flex-direction:row; align-items:center; justify-content:space-between; flex-wrap:wrap;}
  .ln-slot > div:first-child{display:flex; flex-direction:column; gap:3px; flex:1 1 240px; min-width:0;} .ln-slot small{color:var(--text-muted); font-size:.74rem;}
  .ln-slot.cur{border-color:var(--accent);}
  .ln-slot-btns{display:flex; gap:8px; align-items:center;}
  .ln-slot-btns .bad{color:#FF5A5A;}
  #ln-slot-list{display:flex; flex-direction:column; gap:10px;}
  .ln-wiz-h{display:flex; flex-direction:column; gap:2px; text-align:center;}
  .ln-wiz-h h2{font-family:var(--font-display); font-weight:400; font-size:clamp(1.6rem,6vw,2.3rem); margin:0;}
  .ln-wiz-h p{margin:0; color:var(--text-muted);}
  #ln-dots{list-style:none; display:flex; justify-content:center; gap:6px; padding:0; margin:0; flex-wrap:wrap;}
  #ln-dots button{display:flex; align-items:center; gap:6px; background:none; border:1px solid var(--border); border-radius:999px; padding:5px 10px 5px 5px; color:var(--text-muted); font:inherit; font-size:.74rem; cursor:pointer;}
  #ln-dots button:disabled{cursor:default; opacity:.55;}
  #ln-dots i{font-style:normal; width:20px; height:20px; border-radius:50%; display:grid; place-items:center; background:rgba(255,255,255,.06); font-size:.7rem;}
  #ln-dots li.on button{border-color:var(--accent); color:var(--text);} #ln-dots li.on i{background:var(--accent); color:#fff;}
  #ln-dots li.done i{background:#3BD17A; color:#0b0b0b;}
  .ln-q{font-size:1.25rem; margin:4px 0 12px; text-align:center;}
  .ln-name{display:flex; gap:16px; align-items:center; flex-wrap:wrap; justify-content:center;}
  .ln-name-f{display:flex; flex-direction:column; gap:6px; flex:1 1 260px; min-width:0;}
  .ln-name-f label, .ln-conf label{font-size:.74rem; color:var(--text-muted); text-transform:uppercase; letter-spacing:.06em; font-weight:700;}
  .ln-name-f input, .ln-conf input, .ln-conf select{min-height:48px; border-radius:12px; border:1px solid var(--border); background:var(--surface-2,var(--surface)); color:var(--text); padding:0 14px; font:inherit; font-size:1.05rem; width:100%; box-sizing:border-box;}
  .ln-err{color:#FF5A5A; min-height:1em; font-size:.76rem;}
  .ln-metiers{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px;}
  .ln-metier{cursor:pointer; font:inherit; color:var(--text); transition:border-color .15s, transform .15s, background .15s;}
  .ln-metier:hover{transform:translateY(-2px);}
  .ln-metier.sel{border-color:var(--accent); background:linear-gradient(160deg,rgba(255,92,152,.12),transparent 70%); box-shadow:0 0 0 1px var(--accent) inset;}
  .ln-m-ic{font-size:1.9rem;} .ln-metier > b{font-size:1.1rem; letter-spacing:.04em; text-transform:uppercase;} .ln-metier em{font-style:normal; color:var(--text-muted); font-size:.84rem;}
  .ln-m-start{display:flex; flex-wrap:wrap; gap:4px;} .ln-m-start i{font-style:normal; font-size:.68rem; padding:3px 7px; border-radius:999px; border:1px solid var(--border); color:var(--text-muted);}
  .ln-metier small{font-size:.76rem; color:var(--text-muted);}
  .ln-age{display:flex; flex-direction:column; align-items:center; gap:6px;}
  .ln-age-n{display:flex; align-items:baseline; gap:6px;} .ln-age-n b{font-size:3.2rem; line-height:1;} .ln-age-n span{color:var(--text-muted);}
  .ln-age input[type=range]{width:min(100%,420px); accent-color:var(--accent); height:32px;}
  .ln-age-scale{display:flex; justify-content:space-between; width:min(100%,420px); font-size:.7rem; color:var(--text-muted);}
  .ln-band{margin-top:10px;} .ln-band p{margin:0; font-size:.9rem;}
  .ln-kv{display:flex; flex-direction:column; gap:6px; flex:1; min-width:0;}
  .ln-kv > div{display:flex; justify-content:space-between; gap:10px; font-size:.84rem; border-bottom:1px dashed var(--border); padding-bottom:5px;}
  .ln-kv > div span{color:var(--text-muted);} .ln-kv > div b{text-align:right; overflow-wrap:anywhere;}
  .ln-recap h4{margin:6px 0 0; font-size:.72rem; text-transform:uppercase; letter-spacing:.1em; color:var(--text-muted);}
  .ln-opps{margin:0; padding-left:18px; font-size:.84rem; display:flex; flex-direction:column; gap:3px;}
  .ln-conf{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px;} .ln-conf label{display:flex; flex-direction:column; gap:6px;}
  .ln-nav{display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap; align-items:center;}
  .ln-nav .btn-primary{min-width:180px; min-height:48px;} .ln-nav .btn-primary.ln-go{text-transform:uppercase; letter-spacing:.06em;}
  .ln-nav-r{display:flex; gap:10px; align-items:center; margin-left:auto;}
  #ln-confirm .overlay-panel{max-width:420px; text-align:center; display:flex; flex-direction:column; gap:12px;}
  #ln-confirm .ln-cf-btns{display:flex; gap:10px; justify-content:center; flex-wrap:wrap;}
  #ln-intro{position:fixed; inset:0; z-index:120; background:#000; display:grid; place-items:center; transition:opacity .45s ease; cursor:default;}
  #ln-intro.out{opacity:0; pointer-events:none;}
  .ln-intro-in{display:flex; flex-direction:column; align-items:center; gap:10px; text-align:center; padding:24px;}
  .ln-il{font-family:var(--font-display); font-size:clamp(1.6rem,7vw,3rem); color:#fff; opacity:0; animation:lnRise .5s ease forwards;}
  .ln-il:first-child{color:#F2C14E; letter-spacing:.2em;}
  .ln-iq{margin:18px 0 0; color:var(--accent); font-size:clamp(.95rem,3.6vw,1.2rem); opacity:0; animation:lnFade .8s ease forwards;}
  .ln-skip{position:absolute; right:18px; bottom:18px; color:#bbb;}
  .fs-card{border-color:var(--accent);}
  .fs-h{display:flex; justify-content:space-between; align-items:center; gap:8px;} .fs-h h3{margin:0;}
  .fs-next{display:flex; gap:12px; align-items:center; padding:10px; border-radius:12px; background:linear-gradient(120deg,rgba(255,92,152,.14),transparent); flex-wrap:wrap;}
  .fs-next > div{flex:1 1 160px; min-width:0;} .fs-next small{display:block; font-size:.66rem; text-transform:uppercase; letter-spacing:.1em; color:var(--text-muted);} .fs-next b{font-size:1rem;}
  .fs-ic{font-size:1.8rem;}
  .fs-next .btn-primary{animation:fsPulse 2.2s ease-in-out infinite;}
  @keyframes fsPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,92,152,.45);} 50%{box-shadow:0 0 0 8px rgba(255,92,152,0);}}
  .fs-list{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:4px 12px; font-size:.82rem;}
  .fs-list li{display:flex; gap:8px; align-items:center; color:var(--text-muted);} .fs-list li.cur{color:var(--text); font-weight:700;} .fs-list li.ok{text-decoration:line-through; opacity:.7;}
  .fs-list i{font-style:normal; width:16px; height:16px; border-radius:4px; border:1px solid var(--border); display:grid; place-items:center; font-size:.66rem; flex:0 0 16px;} .fs-list li.ok i{background:#3BD17A; color:#0b0b0b; border-color:#3BD17A;}
  .beat-ic{display:grid; place-items:center; font-size:1.3rem;}
  .beat-row{display:flex; gap:8px; flex-wrap:wrap;} .beat-row select{flex:1 1 140px; min-height:40px; border-radius:10px; border:1px solid var(--border); background:var(--surface-2,var(--surface)); color:var(--text); padding:0 10px; font:inherit;}
  .beat-stock{display:flex; flex-wrap:wrap; gap:6px;} .beat-stock span{font-size:.72rem; padding:3px 8px; border-radius:999px; border:1px solid var(--border);}
  @media (max-width:560px){ .ln-metiers, .ln-conf{grid-template-columns:1fr;} .ln-nav .btn-primary{flex:1 1 100%;} .ln-nav-r{width:100%; flex-direction:column-reverse;} }
  @media (prefers-reduced-motion:reduce){ .ln-view.ln-in, #ln-step.ln-in, .ln-il, .ln-iq, .fs-next .btn-primary, #boot-splash .boot-msg.in{animation:none; opacity:1;} }
  .starter-pitch{font-size:.8rem; padding:6px 10px; border-radius:10px; background:rgba(242,193,78,.1); border:1px solid rgba(242,193,78,.4);}
  .emp-boss{display:block; font-size:.8rem; color:var(--text);}