:root{--bleu-nuit: #16232f;--bleu-profond: #0e1720;--creme: #fdf6e6;--ambre: #ffb43f;--ambre-fonce: #d98212;--vert: #63c76a;--vert-fonce: #3d9450;--rouge: #ef5f5f;--turquoise: #4fd1c5;--violet: #a78bfa;--ombre: 0 3px 0 rgba(0, 0, 0, .28), 0 8px 22px rgba(0, 0, 0, .22);--rayon: 14px;--police: "Trebuchet MS", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--bleu-profond);color:var(--creme);font-family:var(--police);touch-action:none;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#jeu{position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh}#toile{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#interface{position:absolute;inset:0;pointer-events:none;z-index:10}#interface>*{pointer-events:auto}.chargement{position:absolute;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(circle at 50% 35%,#22384c 0%,var(--bleu-profond) 70%);transition:opacity .5s ease}.chargement--parti{opacity:0;pointer-events:none}.chargement__titre{font-size:clamp(32px,7vw,58px);font-weight:700;letter-spacing:.06em;color:var(--ambre);text-shadow:0 3px 0 var(--ambre-fonce),0 10px 30px rgba(255,180,63,.28)}.chargement__barre{width:min(340px,70vw);height:12px;border-radius:99px;background:#ffffff1f;overflow:hidden}.chargement__jauge{height:100%;width:0%;border-radius:99px;background:linear-gradient(90deg,var(--vert),var(--turquoise));transition:width .25s ease}.chargement__texte{font-size:15px;opacity:.75;min-height:1.2em;text-align:center;padding:0 20px}.bouton{font-family:var(--police);font-size:16px;font-weight:700;color:var(--bleu-nuit);background:var(--ambre);border:none;border-radius:var(--rayon);padding:12px 22px;box-shadow:var(--ombre);cursor:pointer;transition:transform .08s ease,filter .15s ease}.bouton:active{transform:translateY(2px);filter:brightness(.95)}.bouton:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.6)}.bouton--vert{background:var(--vert)}.bouton--sombre{background:#16232fdb;color:var(--creme);backdrop-filter:blur(6px)}:root{--ui-txt: clamp(13px, .55vw + 10.5px, 20px);--ui-petit: clamp(11px, .35vw + 9.5px, 16px);--ui-titre: clamp(19px, 1vw + 15px, 34px);--ui-gros: clamp(22px, 1.5vw + 17px, 44px);--ui-haut: calc(10px + env(safe-area-inset-top, 0px)) ;--ui-bas: calc(12px + env(safe-area-inset-bottom, 0px)) ;--ui-gauche: calc(10px + env(safe-area-inset-left, 0px)) ;--ui-droite: calc(10px + env(safe-area-inset-right, 0px)) ;--verre: rgba(14, 23, 32, .82);--verre-clair: rgba(255, 255, 255, .08);--tactile: 44px}[hidden]{display:none!important}#interface>.hud,.hud{position:absolute;inset:0;pointer-events:none;font-size:var(--ui-txt);z-index:1}.hud--cache{opacity:0;transition:opacity .2s ease}.hud__haut{position:absolute;top:0;left:0;right:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:8px 12px;padding:var(--ui-haut) var(--ui-droite) 0 var(--ui-gauche)}.temps{display:flex;align-items:center;gap:10px;padding:8px 16px 8px 12px;border-radius:var(--rayon);background:var(--verre);backdrop-filter:blur(8px);box-shadow:var(--ombre);border:2px solid rgba(255,180,63,.35);white-space:nowrap}.temps__icone{font-size:var(--ui-gros);line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.temps__textes{display:flex;flex-direction:column;line-height:1.05}.temps__heure{font-size:var(--ui-titre);font-weight:700;letter-spacing:.04em;color:var(--ambre);text-shadow:0 2px 0 rgba(0,0,0,.35);font-variant-numeric:tabular-nums}.temps__date{font-size:var(--ui-petit);opacity:.85;letter-spacing:.06em;text-transform:uppercase}.temps[data-phase=nuit]{border-color:#a78bfa73}.temps[data-phase=nuit] .temps__heure{color:var(--violet)}.temps[data-phase=aube] .temps__heure,.temps[data-phase=soir] .temps__heure{color:#ffd08a}.hud__besoins{display:flex;flex-direction:column;gap:6px;justify-self:start;min-width:min(230px,42vw);max-width:340px}.besoin{display:flex;align-items:center;gap:8px;padding:5px 10px;border-radius:99px;background:var(--verre);backdrop-filter:blur(6px);box-shadow:var(--ombre)}.besoin__icone{font-size:calc(var(--ui-txt) * 1.15);line-height:1}.besoin__piste{flex:1;height:12px;min-width:60px;border-radius:99px;background:#ffffff24;overflow:hidden}.besoin__remplissage{height:100%;width:100%;border-radius:99px;background:var(--vert);transition:width .25s ease,background-color .25s ease}.besoin__valeur{font-size:var(--ui-petit);font-weight:700;min-width:2.2em;text-align:right;font-variant-numeric:tabular-nums}.besoin[data-etat=bon] .besoin__remplissage{background:var(--vert)}.besoin[data-etat=moyen] .besoin__remplissage{background:var(--ambre)}.besoin[data-etat=bas] .besoin__remplissage{background:var(--ambre-fonce)}.besoin[data-etat=critique] .besoin__remplissage{background:var(--rouge)}.besoin[data-etat=critique]{animation:pulsation 1.5s ease-in-out infinite}@keyframes pulsation{0%,to{box-shadow:var(--ombre)}50%{box-shadow:var(--ombre),0 0 0 4px #ef5f5f47}}@media(prefers-reduced-motion:reduce){.besoin[data-etat=critique]{animation:none;outline:2px solid var(--rouge)}}.hud__droite{display:flex;flex-direction:column;align-items:flex-end;gap:6px;justify-self:end}.ressources{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.ressource{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:99px;background:var(--verre);backdrop-filter:blur(6px);box-shadow:var(--ombre);transition:opacity .2s ease}.ressource__icone{font-size:calc(var(--ui-txt) * 1.1);line-height:1}.ressource__nombre{font-weight:700;font-variant-numeric:tabular-nums;min-width:1.2em;text-align:right}.ressource--vide{opacity:.42}.ressource--saut{animation:saut .28s ease}@keyframes saut{0%{transform:scale(1)}45%{transform:scale(1.16)}to{transform:scale(1)}}.fps{padding:3px 9px;border-radius:99px;background:#0e172099;font-size:var(--ui-petit);opacity:.7;font-variant-numeric:tabular-nums}.fps--bas{color:var(--rouge);opacity:1}.prises{position:absolute;top:calc(var(--ui-haut) + 84px);right:var(--ui-droite);display:flex;flex-direction:column;align-items:flex-end;gap:4px;pointer-events:none}.prise{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;background:#63c76aeb;color:var(--bleu-nuit);font-weight:700;box-shadow:var(--ombre);animation:monte 1.4s ease forwards}@keyframes monte{0%{opacity:0;transform:translateY(10px) scale(.9)}18%{opacity:1;transform:translateY(0) scale(1)}75%{opacity:1}to{opacity:0;transform:translateY(-16px)}}.hud__messages{position:absolute;top:24vh;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;width:min(560px,92vw);pointer-events:none}.message{display:flex;align-items:center;gap:10px;max-width:100%;padding:10px 18px;border-radius:var(--rayon);background:var(--verre);backdrop-filter:blur(8px);box-shadow:var(--ombre);border-left:5px solid var(--turquoise);animation:entre-message .2s ease}.message--succes{border-left-color:var(--vert)}.message--erreur{border-left-color:var(--rouge)}.message--sort{animation:sort-message .22s ease forwards}.message__texte{font-weight:600}@keyframes entre-message{0%{opacity:0;transform:translateY(-8px)}}@keyframes sort-message{to{opacity:0;transform:translateY(-8px)}}.hud__bas{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 var(--ui-droite) var(--ui-bas) var(--ui-gauche)}.cible{max-width:min(520px,94vw);padding:9px 20px;border-radius:99px;background:#ffb43ff0;color:var(--bleu-nuit);font-weight:700;font-size:calc(var(--ui-txt) * 1.05);text-align:center;box-shadow:var(--ombre)}.cible--entre{animation:entre-cible .18s ease}@keyframes entre-cible{0%{opacity:0;transform:translateY(8px) scale(.96)}}.hud__boutons{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(6px,.6vw,14px);pointer-events:auto}.action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:clamp(58px,6.5vw,96px);min-height:var(--tactile);padding:7px 10px;border:2px solid rgba(255,255,255,.1);border-radius:var(--rayon);background:var(--verre);backdrop-filter:blur(8px);color:var(--creme);font-family:var(--police);box-shadow:var(--ombre);cursor:pointer;transition:transform .08s ease,border-color .15s ease,background-color .15s ease}.action__icone{font-size:clamp(20px,1.6vw + 14px,34px);line-height:1}.action__texte{font-size:var(--ui-petit);font-weight:700;letter-spacing:.01em;white-space:nowrap}.action:active{transform:translateY(2px)}.action--actif{border-color:var(--ambre);background:#ffb43f38}.action--bloque{opacity:.5;filter:grayscale(.7)}@media(hover:hover){.action:hover{border-color:#ffb43f99}}@media(max-width:760px){.hud__haut{grid-template-columns:auto minmax(0,1fr)}.temps{grid-area:temps}.hud__besoins{grid-area:besoins;max-width:none;width:100%}.hud__droite{grid-area:droite}.hud__haut{grid-template-areas:"temps droite" "besoins besoins"}.prises{top:calc(var(--ui-haut) + 132px)}}@media(max-height:460px){.hud__messages{top:16vh}.action{min-width:52px;padding:5px 8px}.action__icone{font-size:20px}}@media(max-width:560px)and (orientation:portrait){.hud__boutons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.action{min-width:0}}@media(max-width:320px){.action__texte{display:none}.action{min-width:var(--tactile);min-height:var(--tactile)}}.panneau-fond{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:var(--ui-haut) var(--ui-droite) var(--ui-bas) var(--ui-gauche);background:#060b108c;backdrop-filter:blur(3px);opacity:0;transition:opacity .18s ease;font-size:var(--ui-txt);pointer-events:none}.panneau-fond--ouvert{opacity:1;pointer-events:auto}.panneau{display:flex;flex-direction:column;width:min(880px,100%);max-height:100%;border-radius:calc(var(--rayon) * 1.6);background:#16232fed;border:2px solid rgba(255,255,255,.09);box-shadow:0 18px 50px #00000080;outline:none;transform:translateY(14px) scale(.98);transition:transform .2s cubic-bezier(.2,1.2,.4,1)}.panneau-fond--ouvert .panneau{transform:none}@media(prefers-reduced-motion:reduce){.panneau{transition:none;transform:none}}.panneau__entete{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:2px solid rgba(255,255,255,.08)}.panneau__icone{font-size:calc(var(--ui-titre) * 1.05);line-height:1}.panneau__titre{flex:1;margin:0;font-size:var(--ui-titre);font-weight:700;color:var(--ambre);letter-spacing:.01em}.panneau__fermer{width:var(--tactile);height:var(--tactile);flex:0 0 auto;border:none;border-radius:50%;background:#ffffff1a;color:var(--creme);font-size:calc(var(--ui-txt) * 1.15);font-family:var(--police);cursor:pointer;transition:background-color .15s ease,transform .08s ease}.panneau__fermer:active{transform:scale(.94)}@media(hover:hover){.panneau__fermer:hover{background:var(--rouge)}}.panneau__corps{flex:1;min-height:0;overflow-y:auto;will-change:transform;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding:14px;display:flex;flex-direction:column;gap:16px}.panneau__pied{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;padding:11px 14px;border-top:2px solid rgba(255,255,255,.08)}.pied__note{flex:1;min-width:12ch;font-size:var(--ui-petit);opacity:.75}.pied__astuce{font-size:var(--ui-petit);color:var(--ambre)}.section{display:flex;flex-direction:column;gap:10px}.section__titre{display:flex;align-items:center;gap:8px;margin:0;font-size:calc(var(--ui-txt) * 1.05);font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.85}.section__titre:after{content:"";flex:1;height:2px;border-radius:2px;background:#ffffff1a}.note{margin:0;font-size:var(--ui-petit);opacity:.7;line-height:1.45}.vide{margin:0;padding:24px 12px;text-align:center;opacity:.75}.mode-emploi{padding:11px 14px;border-radius:var(--rayon);border-left:4px solid var(--ambre);background:#ffb43f1a;font-size:var(--ui-petit);line-height:1.5}.mode-emploi__titre{margin:0 0 6px;font-size:var(--ui-txt);font-weight:700;color:var(--ambre)}.mode-emploi__etapes{margin:0;padding-left:1.35em;display:flex;flex-direction:column;gap:5px;opacity:.92}.grille{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr))}.grille--objets{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr))}.grille--recettes,.grille--batiments{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}.carte{position:relative;display:flex;flex-direction:column;gap:7px;min-height:var(--tactile);padding:11px;border:2px solid rgba(255,255,255,.08);border-radius:var(--rayon);background:#ffffff0d;color:var(--creme);font-family:var(--police);font-size:inherit;text-align:left;box-shadow:0 2px #0003;transition:transform .08s ease,border-color .15s ease,background-color .15s ease}.carte--batiment{flex-direction:row;align-items:center;gap:12px;cursor:pointer}.carte--batiment:active{transform:translateY(2px)}@media(hover:hover){.carte--batiment:hover{border-color:var(--ambre);background:#ffb43f1f}}.carte__icone{font-size:clamp(26px,2vw + 18px,44px);line-height:1}.carte__infos{display:flex;flex-direction:column;gap:5px;min-width:0}.carte__nom{font-weight:700}.carte__detail{font-size:var(--ui-petit);opacity:.7}.carte__haut{display:flex;align-items:center;gap:9px}.carte__quantite{margin-left:auto;padding:2px 9px;border-radius:99px;background:#ffb43f33;color:var(--ambre);font-weight:700;font-variant-numeric:tabular-nums}.carte__etiquette{font-size:var(--ui-petit);letter-spacing:.08em;text-transform:uppercase;opacity:.6}.carte__action{margin-top:auto;min-height:var(--tactile);width:100%;font-size:var(--ui-txt)}.carte--bloque{opacity:.62}.carte--refus{animation:secousse .3s ease;border-color:var(--rouge)}@keyframes secousse{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.effets{display:flex;flex-wrap:wrap;gap:6px}.effet{padding:2px 9px;border-radius:99px;font-size:var(--ui-petit);font-weight:700;background:#ffffff14}.effet--faim{background:#63c76a38;color:#a9eeae}.effet--energie{background:#4fd1c538;color:var(--turquoise)}.effet--produit{background:#ffb43f33;color:var(--ambre)}.cout{display:flex;flex-wrap:wrap;gap:6px}.cout__objet{display:flex;align-items:center;gap:5px;padding:3px 9px;border-radius:99px;background:#ffffff14;font-size:var(--ui-petit);font-variant-numeric:tabular-nums}.cout__objet--manque{background:#ef5f5f33;color:#ffb9b9;box-shadow:inset 0 0 0 1px #ef5f5f8c}.cout__nombre{font-weight:700}.cout__trou{opacity:.9;font-style:italic}.cout__gratuit{font-size:var(--ui-petit);opacity:.7}.couleurs{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pastille{width:var(--tactile);height:var(--tactile);flex:0 0 auto;border:3px solid rgba(255,255,255,.18);border-radius:50%;padding:0;cursor:pointer;box-shadow:0 2px #00000040;transition:transform .1s ease,border-color .15s ease}.pastille:active{transform:scale(.92)}.pastille--claire{border-color:#00000038}.pastille--active{border-color:var(--creme);transform:scale(1.08);box-shadow:0 0 0 3px #ffb43fa6}.couleur-libre{display:flex;align-items:center;gap:7px;min-height:var(--tactile);padding:4px 11px 4px 5px;border-radius:99px;background:#ffffff14;cursor:pointer}.couleur-libre__entree{width:var(--tactile);height:var(--tactile);border:none;border-radius:8px;background:none;padding:0;cursor:pointer}.couleur-libre__texte{font-size:var(--ui-petit);font-weight:700;letter-spacing:.04em}.couleurs-batiment{display:flex;flex-wrap:wrap;gap:10px}.couleur-champ{display:flex;align-items:center;gap:8px;min-height:var(--tactile);padding:4px 12px;border-radius:var(--rayon);background:#ffffff12;cursor:pointer}.couleur-champ__nom{font-size:var(--ui-petit);font-weight:700;letter-spacing:.04em}.couleur-champ__entree{width:46px;height:var(--tactile);border:none;border-radius:8px;background:none;padding:0;cursor:pointer}.banniere{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:var(--rayon);font-weight:700;line-height:1.4}.banniere--succes{background:#63c76a33;color:#b6f0bb;box-shadow:inset 0 0 0 2px #63c76a66}.banniere--info{background:#ffb43f29;color:#ffd9a1;box-shadow:inset 0 0 0 2px #ffb43f66}.banniere__icone{font-size:calc(var(--ui-txt) * 1.4);line-height:1}.cuisson{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-radius:var(--rayon);background:#0e1720eb}.cuisson__icone{font-size:clamp(28px,2vw + 20px,46px);animation:mijote .7s ease-in-out infinite alternate}@keyframes mijote{0%{transform:translateY(0) rotate(-6deg)}to{transform:translateY(-5px) rotate(6deg)}}.cuisson__piste{width:72%;height:10px;border-radius:99px;background:#ffffff24;overflow:hidden}.cuisson__barre{width:0;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--ambre),var(--vert));transition:width linear}.cuisson__texte{font-size:var(--ui-petit);letter-spacing:.08em;text-transform:uppercase;opacity:.8}.placement{position:absolute;left:50%;bottom:calc(var(--ui-bas) + 78px);transform:translate(-50%) translateY(10px);z-index:15;display:flex;flex-direction:column;align-items:center;gap:9px;width:min(560px,calc(100vw - 20px));padding:12px 14px;border-radius:calc(var(--rayon) * 1.2);background:var(--verre);backdrop-filter:blur(10px);border:2px solid rgba(99,199,106,.55);box-shadow:var(--ombre);opacity:0;font-size:var(--ui-txt);transition:opacity .18s ease,transform .18s ease}.placement--ouvert{opacity:1;transform:translate(-50%)}.placement--refus{border-color:#ef5f5fa6}.placement__etat{font-weight:700;text-align:center;color:#b6f0bb}.placement--refus .placement__etat{color:#ffb9b9}.placement__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.placement__actions .bouton{min-height:var(--tactile)}.placement--refus .bouton--vert{filter:grayscale(.75);opacity:.6}.formes{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.forme{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:var(--tactile);padding:10px;border:2px solid rgba(255,255,255,.1);border-radius:var(--rayon);background:radial-gradient(circle at 50% 40%,#ffffff0f,#00000040);color:var(--creme);font-family:var(--police);cursor:pointer;transition:transform .08s ease,border-color .15s ease}.forme:active{transform:translateY(2px)}.forme--active{border-color:var(--ambre);box-shadow:0 0 0 3px #ffb43f59}.forme__vignette{width:clamp(52px,5vw,84px);height:clamp(52px,5vw,84px);filter:drop-shadow(0 0 6px currentColor)}.forme__nom{font-size:var(--ui-petit);font-weight:700}.stock{display:flex;align-items:baseline;gap:9px}.stock__nombre{font-size:var(--ui-gros);font-weight:700;color:var(--ambre);font-variant-numeric:tabular-nums}.stock__texte{opacity:.8}.feux__lancer{min-height:calc(var(--tactile) + 6px);min-width:160px;font-size:calc(var(--ui-txt) * 1.1)}.bouton--faux-desactive{opacity:.5;filter:grayscale(.6)}.bascule{min-height:var(--tactile);padding:10px 16px;border:2px solid rgba(255,255,255,.12);border-radius:var(--rayon);background:#ffffff0f;color:var(--creme);font-family:var(--police);font-size:var(--ui-txt);font-weight:700;text-align:left;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.bascule--active{border-color:var(--vert);background:#63c76a29}.segments{display:flex;gap:6px;padding:4px;border-radius:var(--rayon);background:#00000040}.segment{flex:1;min-height:var(--tactile);border:none;border-radius:calc(var(--rayon) - 4px);background:none;color:var(--creme);font-family:var(--police);font-size:var(--ui-txt);font-weight:700;cursor:pointer;transition:background-color .15s ease,color .15s ease}.segment--actif{background:var(--ambre);color:var(--bleu-nuit)}.reglage{display:flex;flex-direction:column;gap:6px}.reglage__haut{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.reglage__nom{font-weight:700}.reglage__valeur{color:var(--ambre);font-weight:700;font-variant-numeric:tabular-nums}.curseur{width:100%;height:var(--tactile);margin:0;background:none;cursor:pointer;touch-action:pan-x;accent-color:var(--ambre)}.journal-fichier{display:flex;flex-direction:column;gap:5px;padding:11px 13px;border-radius:var(--rayon);background:#00000047}.journal-fichier__etiquette{font-size:var(--ui-petit);letter-spacing:.08em;text-transform:uppercase;opacity:.6}.journal-fichier__nom{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:var(--ui-txt);color:var(--turquoise);user-select:text;-webkit-user-select:text;word-break:break-all}.section__icone,.message__icone,.cout__icone,.prise__icone{line-height:1}.section__texte,.banniere__texte{flex:0 1 auto}.message__texte,.banniere__texte{min-width:0}.prise__texte{font-variant-numeric:tabular-nums}.carte--objet,.carte--recette{height:100%}.panneau-fond--construire .panneau{border-color:#ffb43f59}.panneau-fond--inventaire .panneau{border-color:#4fd1c559}.panneau-fond--inventaire .panneau__titre{color:var(--turquoise)}.panneau-fond--cuisine .panneau{border-color:#63c76a59}.panneau-fond--cuisine .panneau__titre{color:var(--vert)}.panneau-fond--feux .panneau{border-color:#a78bfa66}.panneau-fond--feux .panneau__titre{color:var(--violet)}.panneau-fond--reglages .panneau,.panneau-fond--admin .panneau{border-color:#ffffff29}.panneau-fond--reglages .panneau__titre,.panneau-fond--admin .panneau__titre{color:var(--creme)}@media(max-width:640px),(max-height:520px){.panneau-fond{padding:0}.panneau{width:100%;max-height:100%;height:100%;border-radius:0;border-width:0;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.placement{bottom:calc(var(--ui-bas) + 70px)}}@media(min-width:2200px){.panneau{width:min(1180px,100%)}.grille--batiments,.grille--recettes{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}#interface>.etiquettes,.etiquettes{position:absolute;inset:0;pointer-events:none;z-index:0}.etiquette-joueur{position:absolute;top:0;left:0;pointer-events:none;white-space:nowrap;padding:2px 9px;border-radius:999px;border:2px solid var(--creme);background:#0e1720b8;color:var(--creme);font-size:13px;font-weight:700;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.8);will-change:transform}#interface>.chat{pointer-events:none}.chat{position:absolute;left:var(--ui-gauche);bottom:calc(var(--ui-bas) + 78px);z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:min(420px,calc(100vw - 20px));font-size:var(--ui-txt)}.chat__lignes{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;max-height:34vh;overflow:hidden;pointer-events:none}.chat--ouvert .chat__lignes{overflow-y:auto;pointer-events:auto;will-change:transform}.chat__ligne{max-width:100%;padding:4px 11px;border-radius:999px;background:#0e1720c7;border:1px solid rgba(255,255,255,.14);color:var(--creme);text-shadow:0 1px 2px rgba(0,0,0,.8);overflow-wrap:anywhere;transition:opacity .6s ease}.chat__ligne--vieille{opacity:0}.chat--ouvert .chat__ligne--vieille{opacity:1}.chat__ligne--systeme{font-style:italic;color:var(--ambre)}.chat__nom{font-weight:700;margin-right:7px}.chat__saisie{display:flex;gap:8px;width:100%;pointer-events:auto}.chat__champ{flex:1 1 auto;min-width:0;font-size:max(16px,var(--ui-txt));font-family:var(--police);color:var(--creme);background:#0e1720eb;border:2px solid var(--ambre);border-radius:999px;padding:9px 16px;min-height:var(--tactile)}.chat__champ:focus{outline:none;border-color:var(--vert)}.chat__envoyer{flex:0 0 auto;font-family:var(--police);font-size:var(--ui-txt);font-weight:700;color:var(--bleu-nuit);background:var(--ambre);border:none;border-radius:999px;padding:0 18px;min-height:var(--tactile);box-shadow:var(--ombre);cursor:pointer}.chat__ouvrir{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:var(--tactile);height:var(--tactile);border-radius:999px;border:2px solid rgba(255,255,255,.18);background:var(--verre);cursor:pointer;pointer-events:auto}.chat__ouvrir-icone{font-size:calc(var(--ui-txt) * 1.2);line-height:1}@media(max-width:560px){.chat{bottom:calc(var(--ui-bas) + 152px);width:calc(100vw - 20px)}.chat__lignes{max-height:24vh}}.panneau-fond--ecole .panneau{border-color:#4fd1c559}.panneau-fond--ecole .panneau__titre{color:var(--turquoise)}.ecole-cartes{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.ecole-carte{display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 14px;border:2px solid rgba(255,255,255,.1);border-radius:var(--rayon);background:#ffffff0d;color:var(--creme);font-family:var(--police);font-size:var(--ui-txt);text-align:left;cursor:pointer;transition:background-color .15s ease,transform .08s ease}.ecole-carte:hover{background:#ffffff1a}.ecole-carte:active{transform:translateY(2px)}.ecole-carte--melange{border-style:dashed}.ecole-carte__icone{font-size:calc(var(--ui-txt) * 1.8);line-height:1;flex:0 0 auto}.ecole-carte__texte{display:flex;flex-direction:column;gap:2px;min-width:0}.ecole-carte__nom{font-weight:700}.ecole-carte__resume{font-size:var(--ui-petit);opacity:.75;overflow-wrap:anywhere}.ecole-bandeau{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:var(--ui-petit);font-weight:700;opacity:.9}.ecole-bandeau__score{color:var(--vert)}.ecole-chrono{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--ambre)}.ecole-chrono--urgent{color:var(--rouge)}.ecole-jauge{flex:1 0 100%;height:8px;border-radius:99px;background:#ffffff1f;overflow:hidden}.ecole-jauge__barre{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--vert),var(--turquoise));transition:width .25s ease}.ecole-enonce{margin:0;font-size:calc(var(--ui-txt) * 1.25);font-weight:700;line-height:1.45;overflow-wrap:anywhere}.ecole-consigne{margin:0;font-size:var(--ui-petit);opacity:.75;overflow-wrap:anywhere}.ecole-saisie{display:flex;flex-direction:column;gap:12px}.ecole-ecran{display:flex;align-items:baseline;justify-content:flex-end;gap:8px;min-height:56px;padding:8px 14px;border-radius:var(--rayon);background:#0000004d;box-shadow:inset 0 0 0 2px #ffffff14}.ecole-ecran__valeur{font-size:var(--ui-gros);font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.ecole-ecran__unite{font-size:var(--ui-txt);opacity:.7}.ecole-clavier{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.ecole-touche{min-height:56px;min-width:44px;padding:4px;border:none;border-radius:var(--rayon);background:#ffffff1a;color:var(--creme);font-family:var(--police);font-size:calc(var(--ui-txt) * 1.15);font-weight:700;cursor:pointer;transition:filter .12s ease,transform .08s ease}.ecole-touche:active{transform:translateY(2px);filter:brightness(1.25)}.ecole-touche:disabled{opacity:.4;cursor:not-allowed}.ecole-touche--valider{grid-column:span 2;background:var(--vert);color:var(--bleu-nuit)}.ecole-touche--op{background:#ffb43fd9;color:var(--bleu-nuit)}.ecole-choix{display:flex;flex-direction:column;gap:10px}.ecole-choix__bouton{min-height:56px;padding:10px 16px;border:2px solid rgba(255,255,255,.12);border-radius:var(--rayon);background:#ffffff0f;color:var(--creme);font-family:var(--police);font-size:calc(var(--ui-txt) * 1.1);font-weight:700;cursor:pointer;overflow-wrap:anywhere;transition:background-color .15s ease,transform .08s ease}.ecole-choix__bouton:hover:not(:disabled){background:#4fd1c52e}.ecole-choix__bouton:active{transform:translateY(2px)}.ecole-choix__bouton:disabled{opacity:.5;cursor:not-allowed}.ecole-suivant{align-self:flex-end}.ecole-bilan{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.ecole-etoiles{font-size:var(--ui-gros);letter-spacing:.15em;color:var(--ambre)}.ecole-bilan__score{font-size:calc(var(--ui-txt) * 1.3);font-weight:700}.ecole-bilan__detail{font-size:var(--ui-petit);opacity:.8}.ecole-recap{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.ecole-recap__ligne{display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:var(--rayon);background:#ffffff0d}.ecole-recap__enonce{font-size:var(--ui-petit);overflow-wrap:anywhere}.ecole-recap__bon{font-size:var(--ui-petit);font-weight:700;color:var(--vert);overflow-wrap:anywhere}.ecole-calc__ecran{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-height:72px;padding:8px 14px;border-radius:var(--rayon);background:#0000004d;box-shadow:inset 0 0 0 2px #ffffff14}.ecole-calc__rappel{font-size:var(--ui-petit);opacity:.6;min-height:1.2em;font-variant-numeric:tabular-nums}.ecole-calc__valeur{font-size:var(--ui-gros);font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.panneau-fond--large .panneau{max-width:min(1100px,96vw)}.panneau-fond--musee .panneau{border-color:#ffb43f59}.panneau-fond--bibliotheque .panneau{border-color:#63c76a59}.panneau-fond--large .panneau__titre{color:var(--creme)}.musee__attente,.musee__vide{padding:18px 4px;color:var(--creme);opacity:.8;text-align:center}.galerie{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.galerie__carte{display:flex;flex-direction:column;gap:4px;padding:8px;border:1px solid var(--verre-clair);border-radius:12px;background:#ffffff0d;color:inherit;font:inherit;cursor:pointer}.galerie__carte:active{transform:scale(.98)}.galerie__toile,.musee__grand,.bd__case-toile{width:100%;height:auto;aspect-ratio:1 / 1;border-radius:8px;background:#fff}.musee__grand{max-width:min(560px,80vh);margin:0 auto;display:block}.musee__signature,.galerie__auteur{font-size:var(--ui-petit);font-weight:700;text-align:center}.galerie__legende{font-size:var(--ui-petit);text-align:center;overflow-wrap:anywhere}.chevalet__toile{display:block;width:100%;max-width:min(620px,62vh);height:auto;aspect-ratio:1 / 1;margin:0 auto;border-radius:10px;background:#fff;touch-action:none;cursor:crosshair}.chevalet__outils{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:12px}.chevalet__palette,.chevalet__epaisseurs{display:flex;flex-wrap:wrap;gap:6px}.epaisseur{display:grid;place-items:center;min-width:var(--tactile);min-height:var(--tactile);border:1px solid var(--verre-clair);border-radius:10px;background:#ffffff0f;cursor:pointer}.epaisseur--active{border-color:var(--or);background:#ffb43f2e}.epaisseur__rond{display:block;border-radius:50%;background:var(--creme)}.chevalet__titre{display:flex;align-items:center;gap:8px}.chevalet__titre-texte{font-size:var(--ui-petit);opacity:.85}.chevalet__champ{min-height:var(--tactile);padding:6px 10px;border:1px solid var(--verre-clair);border-radius:10px;background:#ffffff14;color:var(--creme);font:inherit}.bd__liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.bd__planche{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.bd__case{display:flex;flex-direction:column;gap:6px;padding:8px;border:2px solid rgba(255,255,255,.22);border-radius:6px;background:#ffffff0d}.bd__texte{font-size:var(--ui-txt);line-height:1.35;overflow-wrap:anywhere}.bd__numero{font-size:var(--ui-petit);opacity:.6}#interface>.boussole{pointer-events:none}.boussole{--boussole-taille: clamp(52px, 4.2vw + 32px, 68px);--cible-teinte: var(--ambre);position:absolute;top:calc(var(--ui-haut) + 88px);left:var(--ui-gauche);display:flex;align-items:center;z-index:1;transition:opacity .2s ease;pointer-events:none}.boussole--cachee{opacity:0}.boussole--cachee .boussole__cadran{pointer-events:none}.boussole__cadran{pointer-events:auto;display:flex;align-items:center;gap:7px;min-width:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:99px;background:none;color:var(--creme);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.boussole__cadran:focus-visible{outline:2px solid var(--ambre);outline-offset:3px}.boussole__cadran--seul{cursor:default}.boussole__rose{position:relative;display:block;margin:0 calc(var(--boussole-taille) * .22);width:var(--boussole-taille);height:var(--boussole-taille);flex:none;border-radius:50%;border:2px solid rgba(255,255,255,.2);background:radial-gradient(circle at 50% 34%,#ffffff1a,#fff0 62%),#0e1720d9;box-shadow:var(--ombre),inset 0 0 0 1px #0000004d;transition:transform .12s ease,border-color .12s ease}.boussole__cadran:hover .boussole__rose{border-color:#ffffff6b}.boussole__cadran:active .boussole__rose{transform:scale(.93)}.boussole__cadran--seul:hover .boussole__rose{border-color:#fff3}.boussole__rose:before{content:"";position:absolute;inset:5px;border-radius:50%;background:linear-gradient(#ffffff47,#ffffff47) 50% 0 / 2px 5px no-repeat,linear-gradient(#ffffff24,#ffffff24) 50% 100% / 2px 5px no-repeat,linear-gradient(#ffffff24,#ffffff24) 0 50% / 5px 2px no-repeat,linear-gradient(#ffffff24,#ffffff24) 100% 50% / 5px 2px no-repeat}.boussole__pivot{position:absolute;left:50%;top:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:var(--creme);opacity:.8;z-index:4}.boussole__aiguille{position:absolute;inset:0;transform-origin:50% 50%;will-change:transform}.boussole__pointe,.boussole__queue{position:absolute;left:50%;width:24%;height:31%;transform:translate(-50%)}.boussole__pointe{top:19%;background:linear-gradient(#ff8a6b,var(--rouge));clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 0 3px rgba(239,95,95,.55))}.boussole__queue{top:50%;background:#fdf6e680;clip-path:polygon(0 0,100% 0,50% 100%)}.boussole__orbite{position:absolute;inset:-3%;transform-origin:50% 50%;will-change:transform;z-index:2}.boussole__nord{position:absolute;top:0;left:50%;width:1.5em;margin-left:-.75em;color:var(--creme);font-size:calc(var(--boussole-taille) * .23);font-weight:700;line-height:1.15;text-align:center;letter-spacing:.03em;text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 6px rgba(14,23,32,.9);transform-origin:50% 50%}.boussole__cible{position:absolute;inset:-20%;transform-origin:50% 50%;will-change:transform;z-index:3;transition:opacity .2s ease}.boussole__cible--absente{opacity:0}.boussole__pastille{position:absolute;top:0;left:50%;width:14%;height:14%;margin-left:-7%;border-radius:50%;background:var(--cible-teinte);border:2px solid rgba(253,246,230,.92);box-shadow:0 0 7px #0009}.boussole__cadran--vue .boussole__cible,.boussole__cadran--vue .boussole__lecture{opacity:.62}.boussole__lecture{display:flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;border-radius:99px;border:1px solid rgba(255,255,255,.14);background:#0e1720d9;box-shadow:var(--ombre);color:var(--creme);font-size:var(--ui-petit);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.8);animation:boussole-lecture .22s ease}.boussole__lecture--absente{display:none}.boussole__jeton{width:9px;height:9px;flex:none;border-radius:50%;background:var(--cible-teinte);box-shadow:0 0 0 1px #0006}.boussole__distance{font-weight:600;opacity:.86;letter-spacing:.01em}.boussole__nom+.boussole__distance:before{content:"·";margin-right:5px;opacity:.6}@keyframes boussole-lecture{0%{opacity:0;transform:translate(-6px)}}@media(max-width:760px){.boussole{top:calc(var(--ui-haut) + 132px)}}@media(max-height:460px){.boussole{top:calc(var(--ui-haut) + 62px);--boussole-taille: 44px}}@media(prefers-reduced-motion:reduce){.boussole__lecture{animation:none}.boussole__rose{transition:none}}.joystick{--taille: 132px;--intensite: 0;position:absolute;left:0;top:0;width:var(--taille);height:var(--taille);margin-left:calc(var(--taille) / -2);margin-top:calc(var(--taille) / -2);border-radius:50%;opacity:0;transform:scale(.55);transition:opacity .14s ease-out,transform .18s cubic-bezier(.2,1.5,.5,1);pointer-events:none!important;z-index:5;background:radial-gradient(circle at 50% 50%,#ffffff1a 0 52%,#fff0 53%),conic-gradient(from 0deg,#4fd1c559,#ffb43f59,#a78bfa59,#4fd1c559);box-shadow:0 0 0 2px #fdf6e659 inset,0 6px 24px #00000059;backdrop-filter:blur(2px)}.joystick--visible{opacity:calc(.62 + .3 * var(--intensite));transform:scale(1);animation:joystick-apparition .26s cubic-bezier(.2,1.6,.4,1)}.joystick:after{content:"";position:absolute;inset:6px;border-radius:50%;border:2px dashed rgba(253,246,230,.28)}.joystick__pouce{position:absolute;left:50%;top:50%;width:58px;height:58px;margin-left:-29px;margin-top:-29px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#fdf6e6 0%,var(--ambre, #ffb43f) 55%,var(--ambre-fonce, #d98212) 100%);box-shadow:0 3px #00000040,0 8px 18px #0000004d,0 0 calc(6px + 14px * var(--intensite)) rgba(255,180,63,calc(.2 + .5 * var(--intensite)));will-change:transform}@keyframes joystick-apparition{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1)}}.connexion{position:absolute;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:calc(20px + env(safe-area-inset-top,0px)) 20px;background:radial-gradient(circle at 50% 30%,#24394d 0%,var(--bleu-profond) 72%)}.connexion__boite{display:flex;flex-direction:column;gap:12px;width:min(420px,100%);padding:clamp(22px,4vw,34px);border-radius:calc(var(--rayon) * 1.6);background:#121d27d1;box-shadow:var(--ombre);backdrop-filter:blur(10px)}.connexion__titre{font-size:clamp(34px,6vw,46px);font-weight:700;text-align:center;letter-spacing:.05em;color:var(--ambre);text-shadow:0 3px 0 var(--ambre-fonce)}.connexion__sous-titre{margin-bottom:8px;font-size:clamp(13px,2.4vw,15px);text-align:center;opacity:.75}.connexion__champ{width:100%;min-height:50px;padding:12px 16px;font-family:var(--police);font-size:17px;color:var(--creme);background:#ffffff14;border:2px solid rgba(255,255,255,.16);border-radius:var(--rayon);transition:border-color .15s ease}.connexion__champ::placeholder{color:#fdf6e673}.connexion__champ:focus{outline:none;border-color:var(--ambre)}.connexion__erreur,.connexion__indice{min-height:1.3em;font-size:14px;font-weight:700;text-align:center}.connexion__erreur{color:var(--rouge)}.connexion__indice{color:var(--ambre)}.connexion__valider,.connexion__invite{width:100%;min-height:52px;font-size:17px}.connexion__invite{min-height:46px;font-size:15px;opacity:.85}#interface>.hors-ligne{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:var(--ui-haut, 10px) var(--ui-droite, 10px) var(--ui-bas, 12px) var(--ui-gauche, 10px);background:#060b10b8;backdrop-filter:blur(4px);opacity:0;transition:opacity .2s ease;pointer-events:none}#interface>.hors-ligne.hors-ligne--ouvert{opacity:1;pointer-events:auto}.hors-ligne__boite{max-width:30rem;padding:1.6rem 1.8rem;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#111821f0;box-shadow:0 18px 48px #00000073;text-align:center;color:#eef3f8}.hors-ligne__rondelle{width:34px;height:34px;margin:0 auto .9rem;border:3px solid rgba(255,255,255,.18);border-top-color:#6fb4e8;border-radius:50%;animation:hors-ligne-tourne .9s linear infinite}.hors-ligne--refus .hors-ligne__rondelle{border-top-color:#e4a13f;animation:none}.hors-ligne__titre{margin:0 0 .4rem;font-size:clamp(1.05rem,.5vw + .95rem,1.35rem);font-weight:600}.hors-ligne__detail{margin:0;font-size:clamp(.85rem,.35vw + .78rem,1rem);line-height:1.45;color:#b7c4d2}@keyframes hors-ligne-tourne{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){#interface>.hors-ligne{transition:none}.hors-ligne__rondelle{animation:none}}.creation{position:absolute;inset:0;z-index:40;display:grid;grid-template-columns:minmax(0,44%) minmax(0,1fr);background:radial-gradient(circle at 25% 20%,#27425b,#0e172000 60%),linear-gradient(160deg,#16232f,#0e1720);font-size:var(--ui-txt, 15px);opacity:0;transition:opacity .22s ease}.creation--ouvert{opacity:1}@media(prefers-reduced-motion:reduce){.creation{transition:none;opacity:1}}.creation__scene{position:relative;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 72%,#ffb43f29,#ffb43f00 55%),radial-gradient(circle at 50% 35%,#34526e,#16232f 70%);touch-action:none;cursor:grab}.creation__scene:active{cursor:grabbing}.creation__toile{display:block;width:100%;height:100%;touch-action:none}.creation__scene--sans-3d:after{content:"🧑 Aperçu 3D indisponible sur cet appareil";padding:16px;text-align:center;opacity:.8}.creation__astuce{position:absolute;bottom:calc(10px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);padding:5px 13px;border-radius:99px;background:#0e1720b3;font-size:var(--ui-petit, 12px);letter-spacing:.04em;opacity:.75;pointer-events:none;white-space:nowrap}.creation__panneau{display:flex;flex-direction:column;min-height:0;min-width:0;background:#0e1720b8;backdrop-filter:blur(10px);border-left:2px solid rgba(255,255,255,.08);padding-top:env(safe-area-inset-top,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.creation__entete{display:flex;align-items:center;gap:10px;padding:12px 14px 6px}.creation__emoji{font-size:calc(var(--ui-titre, 24px) * 1.05);line-height:1}.creation__titre{flex:1;margin:0;font-size:var(--ui-titre, 24px);font-weight:700;color:var(--ambre);text-shadow:0 2px 0 rgba(0,0,0,.3)}.creation__fermer{width:44px;height:44px;flex:0 0 auto;border:none;border-radius:50%;background:#ffffff1a;color:var(--creme);font-family:var(--police);font-size:16px;cursor:pointer}.creation__nom{display:flex;align-items:center;gap:10px;padding:6px 14px 8px}.creation__etiquette{font-size:var(--ui-petit, 12px);font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.creation__champ{flex:1;min-width:0;min-height:48px;padding:10px 14px;border:2px solid rgba(255,255,255,.14);border-radius:var(--rayon);background:#0000004d;color:var(--creme);font-family:var(--police);font-size:calc(var(--ui-txt, 15px) * 1.15);font-weight:700;user-select:text;-webkit-user-select:text}.creation__champ:focus{outline:none;border-color:var(--ambre)}.creation__champ:read-only{opacity:.65;border-style:dashed}.creation__champ--erreur{border-color:var(--rouge)}.creation__erreur{margin:-4px 14px 6px;padding:7px 11px;border-radius:10px;background:#ef5f5f2e;color:#ffc0c0;font-size:var(--ui-petit, 12px);font-weight:700}.creation__onglets{display:flex;gap:6px;padding:4px 14px 8px;overflow-x:auto;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:thin}.onglet{display:flex;flex-direction:column;align-items:center;gap:2px;flex:0 0 auto;min-width:60px;min-height:52px;padding:6px 10px;border:2px solid transparent;border-radius:var(--rayon);background:#ffffff0f;color:var(--creme);font-family:var(--police);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.onglet__icone{font-size:clamp(17px,1.1vw + 12px,26px);line-height:1}.onglet__texte{font-size:var(--ui-petit, 12px);font-weight:700;white-space:nowrap}.onglet--actif{background:#ffb43f33;border-color:var(--ambre);color:var(--ambre)}.creation__contenu{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:12px;padding:4px 14px 14px}.creation__aide{margin:0;font-size:var(--ui-petit, 12px);opacity:.7}.creation__sous-titre{font-size:var(--ui-petit, 12px);font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.65}.choix{display:grid;gap:9px;grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr))}.choix--corps{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.choix__carte{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:52px;padding:11px 9px;border:2px solid rgba(255,255,255,.1);border-radius:var(--rayon);background:#ffffff0f;color:var(--creme);font-family:var(--police);font-size:var(--ui-txt, 15px);cursor:pointer;box-shadow:0 2px #00000038;transition:transform .08s ease,border-color .15s ease,background-color .15s ease}.choix__carte:active{transform:translateY(2px)}.choix__carte--texte{min-height:48px;padding:12px 10px}.choix__icone{font-size:clamp(26px,2vw + 18px,42px);line-height:1}.choix__nom{font-weight:700;text-align:center;line-height:1.25}.choix__carte--actif{border-color:var(--ambre);background:#ffb43f33;color:var(--ambre)}@media(hover:hover){.choix__carte:hover,.onglet:hover{border-color:#ffb43f8c}}.creation__pied{display:flex;align-items:center;gap:10px;padding:11px 14px;border-top:2px solid rgba(255,255,255,.08);background:#00000038}.creation__hasard{min-height:52px}.creation__jouer{flex:1;min-height:56px;font-size:calc(var(--ui-txt, 15px) * 1.2);letter-spacing:.03em}@media(max-width:900px){.creation{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(140px,34vh) minmax(0,1fr)}.creation__panneau{border-left:none;border-top:2px solid rgba(255,255,255,.08)}.creation__astuce{bottom:6px}}@media(max-width:900px)and (min-aspect-ratio:13/10){.creation{grid-template-columns:minmax(0,38%) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.creation__panneau{border-top:none;border-left:2px solid rgba(255,255,255,.08)}.creation__entete{padding-top:8px}.creation__titre{font-size:clamp(16px,3vw,22px)}}@media(min-width:2200px){.creation{grid-template-columns:minmax(0,1fr) minmax(620px,720px)}}