#accueil{--encre: #17324a;--creme: #fffaf0;--orange: #ff7a3c;--orange-ombre: #b8431a;--bleu: #3ec6ff;--bleu-ombre: #146eab;position:fixed;top:0;right:0;bottom:0;left:0;z-index:16;display:flex;flex-direction:column;justify-content:space-between;overflow:auto;color:var(--creme);background:#7ec8ea;font-family:Nunito,Verdana,Trebuchet MS,sans-serif}#accueil[hidden],body.en-partie #accueil{display:none}#accueil-fond{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;pointer-events:none}.accueil-voile{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#17324a2e,#17324a00 28%),linear-gradient(0deg,#17324a47,#17324a00 34%)}.accueil-haut,.briefing,#accueil-message{position:relative;z-index:1}.accueil-haut{padding:calc(28px + env(safe-area-inset-top)) 24px 0;text-align:center}.accueil-haut h1{margin:0;font-family:Lilita One,Verdana,sans-serif;font-size:clamp(58px,8vw,96px);font-weight:400;line-height:.9;letter-spacing:.01em;color:var(--creme);-webkit-text-stroke:7px var(--encre);paint-order:stroke fill;text-shadow:0 6px 0 var(--encre)}.accueil-haut p{margin:10px 0 0;font-size:clamp(16px,2vw,20px);font-weight:800;color:var(--creme);text-shadow:0 2px 0 var(--encre),0 0 2px var(--encre)}.briefing{width:min(760px,calc(100% - 28px));margin:0 auto calc(18px + env(safe-area-inset-bottom));padding:16px 16px 12px;border:3px solid var(--encre);border-radius:22px;background:#fffaf0f0;box-shadow:0 8px #17324a47;color:var(--encre)}.modes{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:10px}.modes button,#accueil-compte button{border:3px solid var(--encre);border-radius:14px;font-family:inherit;font-weight:800;cursor:pointer}.modes button{min-height:58px;font-size:20px}.modes button:active,#accueil-compte button:active{transform:translateY(3px)}.modes [data-mode=solo]{background:var(--orange);color:var(--creme);box-shadow:0 4px 0 var(--orange-ombre)}.modes [data-mode=hotseat]{background:var(--creme);color:var(--encre);box-shadow:0 4px 0 var(--encre)}.modes [data-mode=en-ligne]{background:var(--bleu);color:var(--encre);box-shadow:0 4px 0 var(--bleu-ombre)}.modes button:active{box-shadow:0 1px 0 var(--encre)}.note-carte{margin:12px 0 0;text-align:center;color:#5c6b7a;font-size:13px;font-weight:800}#accueil-compte{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:8px;font-weight:800}#accueil-compte a{color:var(--encre)}#accueil-compte button{padding:4px 10px;background:transparent;box-shadow:none;font-size:14px}#accueil-message{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);margin:0;min-height:0;font-weight:800;text-align:center;text-shadow:0 2px 0 var(--encre)}.briefing{position:relative}body:not(.en-partie) #installer{top:calc(12px + env(safe-area-inset-top));bottom:auto}@media(max-width:720px)and (orientation:portrait){.accueil-haut{padding-top:calc(16px + env(safe-area-inset-top))}.accueil-haut h1{font-size:clamp(46px,12vw,72px);-webkit-text-stroke-width:5px}.modes{grid-template-columns:1fr}.modes button{min-height:48px;font-size:18px}}@media(orientation:landscape)and (max-height:520px){#accueil{overflow:hidden;justify-content:space-between}.accueil-haut{padding:calc(4px + env(safe-area-inset-top)) 12px 0}.accueil-haut h1{font-size:clamp(32px,8vh,48px);-webkit-text-stroke-width:4px;text-shadow:0 3px 0 var(--encre)}.accueil-haut p{margin-top:2px;font-size:13px}.briefing{width:min(920px,calc(100% - 16px - env(safe-area-inset-left) - env(safe-area-inset-right)));margin:0 auto calc(6px + env(safe-area-inset-bottom));padding:8px 10px 6px;border-radius:16px}.modes{grid-template-columns:1.15fr 1fr 1fr;gap:8px}.modes button{min-height:36px;font-size:15px}.note-carte{margin-top:6px;font-size:12px}#accueil-compte{margin-top:2px}}html.maj-en-cours #accueil{visibility:hidden}#maj{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;align-items:center;justify-content:center;background:#16324a;color:#fffaf0;font-family:Nunito,Verdana,Trebuchet MS,sans-serif;font-size:22px;font-weight:800}html.maj-en-cours #maj{display:flex}#chargement{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#16324a;color:#fffaf0;font-family:Nunito,Verdana,Trebuchet MS,sans-serif;font-size:22px;font-weight:800}#chargement[hidden]{display:none}#chargement p{margin:0}.chargement-roue{width:46px;height:46px;border:5px solid rgba(255,250,240,.28);border-top-color:#ff7a3c;border-radius:50%;animation:chargement-tour .8s linear infinite}@keyframes chargement-tour{to{transform:rotate(360deg)}}