/* Veni, Vidi, Veto — feuille de style du jeu */
:root{--ink:#12294D;--sand:#FFF6DD;--btn:#C3F0F7;--gold:#FFC65B;--red:#E4483B;--green:#2E9E5B;--violet:#9B7BFF;--orange:#E8822B}
*{box-sizing:border-box}
body{margin:0;background:#DDF6FB;color:var(--ink);font-family:"Segoe UI",system-ui,sans-serif}
canvas{image-rendering:pixelated;display:block}
header{padding:20px 16px 4px;max-width:1140px;margin:0 auto}
h1{margin:0 0 6px;font-size:26px;font-weight:900}
p.lead{margin:0 0 10px;max-width:820px;line-height:1.45}
.bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0}
.bar b{margin-right:4px}
button{font:inherit;font-weight:800;color:var(--ink);background:var(--btn);border:3px solid var(--ink);border-radius:8px;padding:6px 12px;cursor:pointer;box-shadow:0 3px 0 var(--ink);transition:transform .08s,box-shadow .08s}
button:hover{transform:translateY(-1px);box-shadow:0 4px 0 var(--ink)}
button:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}
button.on{background:var(--gold)}
main{display:flex;flex-wrap:wrap;gap:28px;max-width:1140px;margin:0 auto;padding:8px 16px 40px;align-items:flex-start}
/* ---- Conteneur du jeu : téléphone par défaut, bureau en mode large ---- */
.phone{width:390px;border:8px solid var(--ink);border-radius:30px;background:var(--sand);overflow:hidden;box-shadow:0 10px 0 rgba(18,41,77,.25);position:relative}
.phone.bureau{width:1010px;border-radius:16px;display:grid;gap:8px;padding:8px;
  grid-template-columns:302px 392px 280px;
  grid-template-areas:"hud hud hud" "intro intro intro" "etat carte info" "main main main" "acts acts acts";
  background:linear-gradient(#1B3A6B,#12294D)}
.phone.bureau>.hud{grid-area:hud;border-radius:10px;border:3px solid var(--ink)}
.phone.bureau>.zintro{grid-area:intro}
.phone.bureau>.zcarte{grid-area:carte}
.phone.bureau>.zetat{grid-area:etat}
.phone.bureau>.zinfo{grid-area:info}
.phone.bureau>.zmain{grid-area:main}
.phone.bureau>.acts{grid-area:acts}
.phone.bureau .panneau{background:var(--sand);border:3px solid var(--ink);border-radius:10px;
  box-shadow:inset 0 3px 0 rgba(255,255,255,.7),0 3px 0 rgba(0,0,0,.28);height:100%}
.phone.bureau .map canvas{width:386px;height:284px}
.phone.bureau .hand{grid-template-columns:repeat(3,308px);justify-content:center;gap:10px;padding:8px}
.phone.bureau .card{min-height:0;font-size:12.5px;padding:7px}
.phone.bureau .card h3{font-size:14px;margin:3px 0 4px}
.phone.bureau .card .top canvas{width:56px;height:56px}
.phone.bureau .fx{font-size:11px;margin-bottom:3px}
.phone.bureau .fx b{font-size:9px}
.phone.bureau .prof{font-size:9.5px;padding:2px 6px}
.phone.bureau .groups{flex-wrap:wrap;justify-content:flex-start;gap:10px 0;padding:8px 6px 12px}
.phone.bureau .g{width:33.33%}
.phone.bureau .g .jauge{height:13px;margin-top:2px}
.phone.bureau .bub{font-size:12.5px}
.phone.shake{animation:shake .32s}
.titre{font-size:10px;font-weight:900;letter-spacing:.6px;text-transform:uppercase;color:#4A6285;
  padding:5px 8px 2px;border-bottom:2px solid rgba(18,41,77,.13)}
.phone:not(.bureau) .titre{display:none}
.phone:not(.bureau) .panneau{border:0;border-radius:0;box-shadow:none}
@keyframes shake{0%,100%{transform:translate(0)}15%{transform:translate(-6px,3px)}35%{transform:translate(6px,-3px)}55%{transform:translate(-4px,2px)}75%{transform:translate(4px,-2px)}}
.hud{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;background:linear-gradient(#9DE8F5,#7FD9EC);gap:6px;border-bottom:2px solid rgba(18,41,77,.15)}
.hud .grp{display:flex;gap:3px;align-items:center}
.hud small{font-size:9px;font-weight:800;display:block;text-align:center;margin-top:1px}
.star{background:linear-gradient(#FFD87C,#FFC04A);border:3px solid var(--ink);border-radius:20px;padding:2px 12px 2px 6px;font-weight:900;font-size:15px;display:flex;align-items:center;gap:6px;box-shadow:inset 0 2px 0 rgba(255,255,255,.6)}
.star i{font-style:normal;background:var(--ink);color:#FFE27A;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;font-size:12px}
.map{position:relative;overflow:hidden;line-height:0}
.map canvas{width:375px;height:276px}
.map::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 38px rgba(8,30,60,.28)}
.pill{position:absolute;background:rgba(255,255,255,.93);border:3px solid var(--ink);border-radius:20px;padding:2px 10px;font-weight:800;font-size:12px;line-height:1.3;z-index:2}
.pill.ev{right:8px;top:8px;background:#FFE9B8;font-size:11px}
.toast{position:absolute;left:10px;right:10px;top:44px;background:var(--ink);color:#fff;border-radius:10px;padding:6px 10px;font-weight:800;font-size:12.5px;text-align:center;opacity:0;transform:translateY(-8px) scale(.96);transition:.22s;pointer-events:none;border:3px solid #fff;z-index:3;line-height:1.35}
.toast.on{opacity:1;transform:none}
/* ---- Les jauges : cadre épais, remplissage segmenté, valeur dedans ---- */
.jauge{height:14px;border:2px solid var(--ink);border-radius:4px;background:#243C5E;position:relative;overflow:hidden;
  box-shadow:inset 0 2px 0 rgba(0,0,0,.4)}
.jauge u{display:block;height:100%;transition:width .45s ease;text-decoration:none;
  box-shadow:inset 0 3px 0 rgba(255,255,255,.38),inset 0 -3px 0 rgba(0,0,0,.20)}
.jauge::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(90deg,rgba(18,41,77,0) 0 7px,rgba(18,41,77,.45) 7px 9px)}
.jauge b{position:absolute;inset:0;display:grid;align-items:center;justify-items:end;padding-right:5px;
  font-size:9.5px;font-weight:900;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.8),0 0 3px rgba(0,0,0,.6);
  z-index:2;letter-spacing:.3px}
.jauge.bas{animation:pulse 1.1s infinite}
@keyframes pulse{0%,100%{box-shadow:inset 0 2px 0 rgba(0,0,0,.4)}50%{box-shadow:inset 0 2px 0 rgba(0,0,0,.4),0 0 0 2px rgba(228,72,59,.55)}}
.ind{padding:5px 7px 6px;background:#EAF6FB;border-bottom:2px solid rgba(18,41,77,.12)}
.stat{display:grid;grid-template-columns:16px 56px 1fr 26px;gap:4px;align-items:center;margin-bottom:3px}
.stat canvas{width:14px;height:14px}
.stat .nom{font-size:9.5px;font-weight:800}
.stat .d{font-size:9px;font-weight:900;text-align:right}
.groups{display:flex;justify-content:space-between;padding:6px 6px 4px;background:linear-gradient(#FFF6DD,#FBEBC8)}
.evt{position:absolute;inset:0;background:rgba(10,26,50,.75);display:none;place-items:center;padding:14px;z-index:8}
.evt.on{display:grid}
.evt .box{background:var(--sand);border:4px solid var(--ink);border-radius:14px;padding:10px 12px;box-shadow:0 8px 0 rgba(0,0,0,.3);max-height:100%;overflow:auto}
.evt h4{margin:0 0 4px;font-size:15px}
.evt p{margin:0 0 8px;font-size:12.5px;line-height:1.45}
.evt .opt2{display:block;width:100%;text-align:left;margin-bottom:5px;font-size:12px;padding:6px 8px;background:#fff}
.evt .opt2 em{display:block;font-style:normal;font-size:10.5px;font-weight:700;color:#4A6285;margin-top:1px}
.evt .who{font-size:11.5px;font-style:italic;color:#3C567C;margin-top:6px}
.intro{font-size:11px;font-weight:700;padding:5px 8px;background:#FFF1BF;border-bottom:2px solid rgba(18,41,77,.12);line-height:1.35;cursor:pointer}
.intro b{font-weight:900}
.intro .court{display:none;font-size:11.5px}
.intro .court em{font-style:normal;color:#8A7A4E;font-weight:700}
.intro.plie .court{display:block}
.intro.plie .plein{display:none}
.intro .chip{display:inline-block;background:#fff;border:2px solid var(--ink);border-radius:20px;
  padding:1px 8px;margin:1px 3px 1px 0;font-weight:900}
.g{width:56px;text-align:center;font-size:9.5px;font-weight:800}
.g canvas{width:54px;height:54px;margin:0 auto}
.g .jauge{height:12px;margin:1px 2px 0}
.g .jauge b{font-size:8.5px;justify-items:center;padding:0}
.hand{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px 8px}
.card{background:#fff;border:3px solid var(--ink);border-radius:8px;padding:4px 3px;box-shadow:0 3px 0 var(--ink);cursor:pointer;font-size:11px;line-height:1.2;min-height:152px;position:relative;transition:transform .12s,box-shadow .12s}
.card:hover{transform:translateY(-3px);box-shadow:0 6px 0 var(--ink)}
.card.lou{border-color:var(--violet);box-shadow:0 3px 0 var(--violet)}
.card.sel{background:#FFF1BF;outline:3px solid var(--gold);transform:translateY(-3px)}
.card .top{display:flex;justify-content:space-between;align-items:flex-start}
.card .top canvas{width:44px;height:44px;margin:-3px 0 -4px -2px}
.card h3{margin:1px 0 3px;font-size:11.5px;line-height:1.1}
.prof{display:inline-block;font-size:8px;font-weight:900;border-radius:4px;padding:1px 4px;margin-bottom:3px;color:#fff}
.fx{display:flex;gap:3px;align-items:baseline;font-size:9px;margin-bottom:2px;white-space:nowrap}
.fx b{font-size:7.5px;font-weight:900;color:#fff;background:var(--green);border-radius:3px;padding:1px 3px}
.fx b.mt{background:var(--orange)}.fx b.lt{background:var(--violet)}
.fx b.off{background:#B8C3D2}
.fx span{flex:1;overflow:hidden;text-overflow:ellipsis}
.up{color:var(--green);font-weight:900}.dn{color:var(--red);font-weight:900}
.none{color:#93A1B5;font-weight:700;font-style:italic}
.tag{position:absolute;bottom:3px;left:4px;right:4px;font-size:9px;font-weight:900;color:#6C52D6;text-align:center}
.talk{display:flex;gap:4px;align-items:center;padding:0 8px}
.talk canvas{width:52px;height:52px;flex:none;margin:-6px 0}
.bub{background:#fff;border:3px solid var(--ink);border-radius:10px;padding:3px 8px;font-size:12px;font-weight:700;flex:1}
.acts{display:flex;gap:8px;padding:8px}
.acts button{flex:1;padding:10px}
.veto{background:var(--red);color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.35)}
.go{background:linear-gradient(#FFD87C,#FFC04A);font-size:16px;flex:1.4}
.fin{background:#B8C9DC}
.sac{background:#E8D4B0;flex:.8}
.gardee{position:absolute;top:-9px;left:50%;transform:translateX(-50%);background:#8A5A3C;color:#fff;
  font-size:9px;font-weight:900;padding:1px 7px;border-radius:10px;border:2px solid var(--ink);z-index:2;white-space:nowrap}
.evt.cache{display:none}
/* ===== TÉLÉPHONE : le jeu prend toute la largeur, les boutons restent collés en bas ===== */
button{touch-action:manipulation}
@media (max-width:700px){
  body{background:var(--sand)}
  header{padding:10px 12px 0}
  h1{font-size:19px}
  p.lead{font-size:13px}
  .bar{gap:5px;margin:8px 0}
  .bar button{padding:5px 8px;font-size:12px}
  #vue{display:none}
  main{padding:0;gap:18px}
  /* overflow:clip et non hidden : « hidden » empêchait la barre d'actions de coller en bas */
  .phone,.phone.bureau{width:100%;border:0;border-radius:0;box-shadow:none;display:block;padding:0;overflow:clip}
  /* sur un téléphone on fait défiler : tout ce qui doit être vu tout de suite se fixe à l'écran,
     sinon la fenêtre d'événement, le tampon et les messages s'affichaient hors de la vue */
  .evt,.chouette,.stamp{position:fixed}
  .toast{position:fixed;top:10px;left:10px;right:10px}
  .rappel{position:fixed;bottom:84px}
  .map canvas,.phone.bureau .map canvas{width:100%;height:auto;aspect-ratio:125/92}
  .acts{position:sticky;bottom:0;z-index:6;background:var(--sand);padding:8px 8px calc(8px + env(safe-area-inset-bottom));
    box-shadow:0 -3px 0 rgba(18,41,77,.14)}
  .acts button{min-height:46px;padding:6px 4px;font-size:13px}
  .go{font-size:14px}
  .hand{gap:5px;padding:6px}
  .card{padding:4px 3px}
  .g{width:16.66%}
  .g canvas{width:100%;height:auto;max-width:54px}
  .side{padding:0 12px 30px;min-width:0}
  .creator .prev canvas{width:120px;height:120px}
  .evt{padding:8px;align-items:end}
  .evt .box{max-height:88vh}
  .opt2{min-height:44px}
}
.chouette{position:absolute;inset:0;z-index:7;display:none;align-items:flex-end;justify-content:center;
  padding:16px 14px 80px;background:rgba(10,26,50,.38)}
.chouette.on{display:flex}
.chouette .cb{display:flex;gap:8px;align-items:flex-end;max-width:420px}
.chouette canvas{width:84px;height:84px;flex:none;image-rendering:pixelated}
.chouette .bulle{background:#fff;border:3px solid var(--ink);border-radius:12px;padding:9px 11px;font-size:13px;
  font-weight:700;line-height:1.45;box-shadow:0 4px 0 rgba(0,0,0,.25)}
.chouette .btns{display:flex;gap:6px;margin-top:8px}
.chouette .btns button{padding:4px 10px;font-size:12px}
.chouette.fuite canvas{animation:fuite .75s ease-in forwards}
@keyframes fuite{to{transform:translate(280px,-360px) rotate(45deg);opacity:0}}
.vol{position:absolute;z-index:9;top:32%;width:96px;height:96px;image-rendering:pixelated;pointer-events:none;
  animation:vol 1.8s linear forwards}
@keyframes vol{0%{left:-100px;transform:rotate(-12deg)}25%{transform:rotate(10deg) translateY(-26px)}
  50%{transform:rotate(-10deg) translateY(14px)}75%{transform:rotate(12deg) translateY(-20px)}100%{left:110%;transform:rotate(-6deg)}}
.rappel{position:absolute;left:50%;bottom:74px;transform:translateX(-50%);z-index:9;display:none;
  background:#FFC65B;font-size:13px;box-shadow:0 4px 0 var(--ink);animation:pulse2 1.2s infinite}
.rappel.on{display:block}
@keyframes pulse2{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.05)}}
.evt .row2{display:flex;gap:6px;align-items:center;margin-bottom:6px}
.evt .row2 canvas{width:56px;height:56px;flex:none;background:linear-gradient(#9DE8F5,#7FD9EC);border:2px solid var(--ink);border-radius:8px}
.evt .conseil{font-size:12px;font-style:italic;color:#3C567C;background:#fff;border:2px solid var(--ink);border-radius:8px;padding:4px 8px;margin-bottom:8px}
.evt .voir{float:right;font-size:11px;padding:2px 8px;box-shadow:0 2px 0 var(--ink)}
.card.trop{opacity:.45;filter:grayscale(.6)}
.card.trop::before{content:"⚡ trop cher";position:absolute;top:50%;left:0;right:0;text-align:center;
  font-size:10px;font-weight:900;color:#E4483B;z-index:3}
.stamp{position:absolute;inset:0;display:none;place-items:center;pointer-events:none;z-index:6}
.stamp.on{display:grid}
.stamp span{font-size:84px;font-weight:900;letter-spacing:6px;color:var(--red);border:10px double var(--red);padding:0 16px;border-radius:12px;transform:rotate(-24deg);background:rgba(255,255,255,.6);text-shadow:3px 3px 0 rgba(228,72,59,.25);animation:slam .35s ease-out both}
@keyframes slam{0%{transform:rotate(-24deg) scale(2.8);opacity:0}60%{transform:rotate(-24deg) scale(.9);opacity:1}100%{transform:rotate(-24deg) scale(1);opacity:1}}
.side{flex:1;min-width:320px;max-width:690px}
.side h2{margin:0 0 8px;font-size:18px}
.bestiary{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px}
.sp{text-align:center;font-size:11.5px;font-weight:800;width:112px}
.sp canvas{margin:0 auto 4px;background:linear-gradient(#9DE8F5,#7FD9EC);border:3px solid var(--ink);border-radius:8px}
.sp em{display:block;font-style:normal;font-weight:600;font-size:10px;color:#4A6285}
.note{font-size:13px;line-height:1.5;background:#fff;border:3px solid var(--ink);border-radius:10px;padding:8px 12px;margin-bottom:22px}
.creator{display:flex;gap:16px;flex-wrap:wrap;background:#fff;border:3px solid var(--ink);border-radius:12px;padding:12px;margin-bottom:22px}
.creator .prev{text-align:center}
.creator .prev canvas{width:160px;height:160px;background:linear-gradient(#9DE8F5,#7FD9EC);border:3px solid var(--ink);border-radius:10px}
.creator .prev p{margin:6px 0 0;font-size:13px;font-weight:900}
.rows{flex:1;min-width:250px}
.row{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:6px}
.row label{width:76px;font-size:12px;font-weight:800}
.opt{width:28px;height:28px;padding:0;border-radius:6px;position:relative;box-shadow:0 2px 0 var(--ink)}
.opt.txt{width:auto;padding:1px 7px;font-size:11.5px;height:28px}
.opt.sel{outline:3px solid var(--gold);outline-offset:1px}
.opt.lock::after{content:"🔒";position:absolute;right:-4px;bottom:-6px;font-size:10px}
.opt.lock{opacity:.85}
/* ===== LE CONSEIL : les ministres de la partie, cliquables ===== */
.conseil{display:flex;flex-wrap:wrap;padding:4px 4px 0}
.siege{width:16.66%;text-align:center;font-size:9px;font-weight:800;cursor:pointer;position:relative;padding:2px 1px 3px;border-radius:8px;line-height:1.15}
.siege:hover{background:rgba(255,198,91,.35)}
.siege canvas{width:100%;max-width:52px;height:auto;margin:0 auto}
.siege .jauge{height:8px;margin:1px 4px 0;border-width:1px}
.siege .jauge b,.siege .jauge::after{display:none}
.siege .mk{position:absolute;top:0;right:1px;font-size:11px}
.phone.bureau .siege{width:33.33%;font-size:10.5px}
.phone.bureau .siege canvas{max-width:60px}
.aide{font-size:9.5px;color:#6A7F9E;text-align:center;font-weight:700;padding:0 0 4px}
.mq{display:flex;flex-wrap:wrap;gap:2px;margin-top:2px}
.mq i{font-style:normal;font-size:8.5px;font-weight:900;background:#EEF2F8;border:1px solid #B8C3D2;border-radius:4px;padding:0 3px;white-space:nowrap}
.fiche .box{max-width:420px;width:100%}
.fiche .tete{display:flex;gap:10px;align-items:center;margin-bottom:6px}
.fiche .tete canvas{width:72px;height:72px;flex:none;background:linear-gradient(#9DE8F5,#7FD9EC);border:2px solid var(--ink);border-radius:8px}
.fiche .tete small{display:block;font-size:11px;color:#4A6285;font-weight:700}
.fiche .ligne{font-size:12px;margin:0 0 6px;line-height:1.4}
.fiche .jauge{margin:2px 0 3px}
.fiche .opt2.gris{opacity:.5}
/* ===== LE PALAIS : le menu entre deux parties ===== */
.palais{display:none;width:100%;max-width:720px;margin:0 auto;background:var(--sand);border:8px solid var(--ink);border-radius:24px;
  padding:14px;box-shadow:0 10px 0 rgba(18,41,77,.25)}
body.menu .palais{display:block}
body.menu .phone,body.menu .side{display:none}
.pl-titre{text-align:center;margin-bottom:10px}
.pl-titre h2{margin:0;font-size:28px;font-weight:900;letter-spacing:.5px}
.pl-titre small{font-weight:800;color:#4A6285;font-size:13px}
/* ---- LE BUREAU DU PRÉSIDENT : la pièce qui sert de menu ---- */
.bureau{position:relative;border:6px solid var(--ink);border-radius:14px;overflow:hidden;line-height:0;
  background:#000;margin-bottom:8px;box-shadow:0 6px 0 rgba(18,41,77,.25)}
.bureau canvas{display:block;width:100%;height:auto;image-rendering:pixelated}
.bu-zone{position:absolute;background:transparent;border:2px dashed transparent;border-radius:6px;cursor:pointer;
  padding:0;box-shadow:none;display:flex;align-items:flex-end;justify-content:center;transition:.12s}
.bu-zone:hover,.bu-zone:focus-visible,.bu-zone:active{background:rgba(255,198,91,.28);border-color:var(--gold);outline:none;transform:none;box-shadow:none}
.bu-zone.egg{border-style:dotted}
.bu-zone.egg:hover,.bu-zone.egg:focus-visible{background:rgba(155,123,255,.25);border-color:var(--violet)}
.bu-zone span{font:800 12px "Segoe UI",system-ui,sans-serif;color:var(--ink);background:rgba(255,255,255,.94);
  border:2px solid var(--ink);border-radius:10px;padding:0 6px;margin-bottom:-10px;white-space:nowrap;
  line-height:1.5;opacity:0;transition:.12s;pointer-events:none}
.bu-zone:hover span,.bu-zone:focus-visible span{opacity:1}
.bu-zoom{position:absolute;inset:0;display:none;background:rgba(10,26,50,.55);z-index:5}
.bu-zoom.on{display:block}
.bu-zoom canvas{position:absolute;inset:0;width:100%;height:100%}
.bu-fermer{position:absolute;right:2%;top:3%;z-index:6;font-size:13px;padding:4px 10px;min-height:32px;box-shadow:0 2px 0 var(--ink)}
.pl-msg{background:#fff;border:3px solid var(--ink);border-radius:10px;padding:8px 10px;margin:0 0 10px;
  font-size:13px;font-weight:700;line-height:1.5;min-height:54px}
.pl-msg.on{background:#FFF1BF}
.pl-msg:empty{display:none}
.pl-pres{display:flex;gap:12px;align-items:center;background:#fff;border:3px solid var(--ink);border-radius:12px;padding:8px 10px;margin-bottom:10px}
.pl-pres canvas{width:84px;height:84px;flex:none;background:linear-gradient(#9DE8F5,#7FD9EC);border:3px solid var(--ink);border-radius:10px}
.pl-pres b{font-size:17px;display:block}
.pl-pres span{font-size:12px;font-weight:700;color:#4A6285;line-height:1.5;display:block}
.pl-jouer{display:block;width:100%;font-size:20px;padding:12px;margin-bottom:10px}
/* LA RANGÉE DE BOUTONS DE SECOURS : elle double les objets de la pièce là où il n'y a
   pas de survol pour les repérer, c'est-à-dire sur téléphone et sur tout écran tactile. */
.pl-tuiles{display:none;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
@media (max-width:900px),(hover:none){.pl-tuiles{display:grid}}
.pl-tuiles button{padding:10px 6px;font-size:14px;min-height:48px}
.pl-page{margin-bottom:10px}
.pl-page:empty{display:none}
.pl-page .creator{margin:0}
.pl-page .carte-p{background:#fff;border:3px solid var(--ink);border-radius:12px;padding:10px 12px;font-size:13.5px;line-height:1.5}
.troph{display:flex;gap:8px;align-items:flex-start;padding:6px 0;border-bottom:2px solid rgba(18,41,77,.1)}
.troph:last-child{border:0}
.troph i{font-style:normal;font-size:20px;width:26px;text-align:center;flex:none}
.troph b{display:block;font-size:13px}
.troph span{font-size:12px;color:#4A6285}
.troph.non{opacity:.55}
.pl-pub{border:3px dashed #9BB0CC;border-radius:10px;min-height:90px;display:grid;place-items:center;text-align:center;
  font-size:11px;font-weight:800;color:#7A8FAD;padding:8px}
.pl-bas{display:flex;justify-content:space-between;gap:8px;margin-top:8px;font-size:11px;color:#6A7F9E;font-weight:700}
.pl-bas button{font-size:11px;padding:3px 8px;box-shadow:0 2px 0 var(--ink)}
.hud .menuBtn{padding:2px 7px;font-size:13px;box-shadow:0 2px 0 var(--ink);margin-left:6px}
@media (max-width:700px){.palais{border:0;border-radius:0;box-shadow:none;padding:12px}}
main{padding-top:14px}
main{justify-content:center}