﻿.wallet-strip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}.wallet-strip #wallet-news{display:block;overflow:hidden;position:relative;border:0;background:transparent;min-width:0;width:100%;margin:0;padding:4px 0;border-radius:0;box-shadow:none;text-align:center;color:#536759;font-weight:normal;min-height:28px}.wallet-news-track{display:inline-flex;gap:80px;align-items:center;width:max-content;white-space:nowrap;animation:aid-news-scroll 28s linear infinite}.wallet-strip #wallet-goal{flex:none;text-align:center;font-size:12px}.wallet-news-extra{font-size:12px}#wallet-news:hover .wallet-news-track,#wallet-news:focus .wallet-news-track,#wallet-news.news-paused .wallet-news-track{animation-play-state:paused}@keyframes aid-news-scroll{0%,12%{transform:translateX(0)}90%,100%{transform:translateX(-52%)}}.game-share{display:flex;gap:6px;justify-content:flex-end;align-items:center}.wallet-strip .share-icon{width:34px;min-width:34px;height:34px;min-height:34px;display:inline-flex;align-items:center;justify-content:center;padding:7px;border:1px solid #d7caa8;border-radius:8px;background:#fffdf7;color:#173d42}.share-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.share-icon[data-share=whatsapp]{color:#168047}.share-icon[data-share=facebook]{color:#1761ab}#game-aids{display:flex;gap:8px;justify-content:center;margin:-5px 0 10px;flex:none}#game-aids button{font-size:12px;min-height:36px;padding:6px 12px;border-radius:8px;background:#fff5d5;border:1px solid #b9aa7a;color:#26494a}#game-aids button:disabled{opacity:.5;cursor:not-allowed}#aid-dialog{width:min(440px,calc(100% - 24px));max-height:85dvh;overflow:auto;border:2px solid #28626b;border-radius:18px;padding:22px;background:#fffbef;color:#24484c}#aid-dialog::backdrop{background:#102d3b99}#aid-dialog h2{font-size:25px;margin-top:0}#aid-dialog p{line-height:1.45}#aid-dialog .aid-warning{font-size:12px;background:#fff1ce;padding:10px;border-radius:8px}#aid-message{color:#93411d}.aid-dialog-actions{display:flex;gap:8px;flex-wrap:wrap}#aid-dialog button{min-height:44px}#aid-dialog [hidden]{display:none!important}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap!important;border:0!important}@media(max-width:650px){.wallet-strip{grid-template-columns:1fr auto;gap:3px 6px}.wallet-strip #wallet-news{grid-column:1/-1;grid-row:2;min-height:22px;padding:2px 0}.wallet-strip #wallet-goal,.wallet-news-extra{font-size:10px}.game-share{grid-row:1;grid-column:2}.wallet-strip .share-icon{width:30px;min-width:30px;height:28px;min-height:28px;padding:5px}#game-aids{margin:4px 0;gap:5px}#game-aids button{font-size:10px;padding:5px 7px;min-height:34px;flex:1}}@media(prefers-reduced-motion:reduce){.wallet-news-track{animation:none;white-space:normal;width:auto;display:block}.wallet-news-extra{display:none}}
/* Palette de jeu : pictogrammes en relief, rangée verticale intégrée au décor. */
.stage #game-aids{position:absolute;z-index:12;right:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;margin:0;padding:9px 7px;background:linear-gradient(145deg,#073e57b8,#07283d99);border:1px solid #c5f3f782;border-radius:24px;box-shadow:0 5px 16px #082b3a50;backdrop-filter:blur(5px);pointer-events:none}
.stage #game-aids button{position:relative;display:grid;place-items:center;flex:none;width:56px;height:60px;min-width:56px;min-height:60px;padding:3px 4px 14px;margin:0;border:2px solid #23505a;border-radius:17px;background:linear-gradient(#fffef5,#ffe8a6);box-shadow:inset 0 2px 0 #fff,0 4px 0 #123441,0 6px 9px #001f3244;pointer-events:auto;transition:transform .15s,filter .15s}
.stage #game-aids button svg{width:40px;height:40px;filter:drop-shadow(0 2px 0 #533d2522)}
.stage #game-aids .aid-price{position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);min-width:36px;padding:2px 5px;border:1.5px solid #695323;border-radius:9px;background:linear-gradient(#fff1a8,#ffd04b);font:bold 10px/1.15 Trebuchet MS,Arial,sans-serif;color:#3c3b26;white-space:nowrap;box-shadow:0 2px 2px #001f3233}
.stage #game-aids button:not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.08)}
.stage #game-aids button:not(:disabled):active{transform:translateY(2px);box-shadow:inset 0 2px 0 #fff,0 1px 0 #123441}
.stage #game-aids button:disabled{opacity:.48;filter:saturate(.35);cursor:not-allowed}
.stage #game-aids button:focus-visible{outline:3px solid #fff49a;outline-offset:4px}
.wallet-strip .share-icon{width:36px;height:36px;min-width:36px;min-height:36px;padding:7px;border:0;border-radius:50%;box-shadow:inset 0 1px 0 #ffffff66,0 2px 3px #214b4225;color:#fff;background:#176b86}
.wallet-strip .share-icon[data-share=whatsapp]{background:linear-gradient(#2dcb71,#159849);color:white}
.wallet-strip .share-icon[data-share=facebook]{background:linear-gradient(#2782f4,#155bd6);color:white}
.wallet-strip .share-icon svg{width:23px;height:23px;stroke:none}
.wallet-strip #game-share-more svg{stroke:white;fill:none;stroke-width:2}
.wallet-strip .share-icon:hover{filter:brightness(1.12);transform:translateY(-1px)}
/* Les quiz réservent une place au rail pour préserver tous les choix de réponse. */
.stage:has(#professor-scene:not([hidden])) #game-aids,.stage:has(#banker-scene:not([hidden])) #game-aids{right:5px}
#banker-scene .bank-board,#professor-scene .prof-board{right:86px;width:calc(65% - 65px)}
@media(max-width:700px){.stage #game-aids{right:5px;gap:10px;padding:6px 4px;border-radius:18px}.stage #game-aids button{width:44px;min-width:44px;height:49px;min-height:49px;border-radius:13px;padding:2px 2px 12px}.stage #game-aids button svg{width:32px;height:32px}.stage #game-aids .aid-price{font-size:9px;min-width:30px;padding:2px 4px}.wallet-strip .share-icon{width:31px;min-width:31px;height:31px;min-height:31px;padding:5px}.wallet-strip .share-icon svg{width:22px;height:22px}#banker-scene .bank-board,#professor-scene .prof-board{right:65px;width:calc(97% - 65px)}.stage:has(#banker-scene:not([hidden])) #game-aids,.stage:has(#professor-scene:not([hidden])) #game-aids{top:62%}}
@media(max-height:500px) and (min-width:701px){.stage #game-aids{gap:8px;padding:5px}.stage #game-aids button{width:44px;min-width:44px;height:45px;min-height:45px}.stage #game-aids button svg{width:30px;height:30px}#banker-scene .bank-board,#professor-scene .prof-board{right:70px;width:calc(70% - 65px)}}
@media(prefers-reduced-motion:reduce){.stage #game-aids button{transition:none}}
/* Zone de lecture séparée du solde : le texte s’efface avant d’approcher le bouton. */
.wallet-strip #wallet-news{width:calc(100% - 64px);justify-self:center;mask-image:linear-gradient(to right,transparent 0,#000 24px,#000 calc(100% - 20px),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 24px,#000 calc(100% - 20px),transparent 100%)}
@media(max-width:650px){.wallet-strip #wallet-news{width:calc(100% - 48px);mask-image:linear-gradient(to right,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%)}}
/* Aides discrètes : aucun bandeau ni bouton en bloc sur le décor. */
.stage #game-aids{right:4px;gap:5px;padding:0;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}
.stage #game-aids button{width:44px;min-width:44px;height:48px;min-height:48px;padding:2px 5px 10px;background:none;border:0;border-radius:0;box-shadow:none}
.stage #game-aids button svg{width:30px;height:30px;filter:drop-shadow(0 1px 1px #fff) drop-shadow(0 1px 2px #173b4d55)}
.stage #game-aids .aid-price{bottom:0;min-width:25px;padding:1px 3px;border:1px solid #8f7838;border-radius:6px;background:#fff3c6eb;font-size:9px;box-shadow:0 1px 2px #173b4d33}
.stage #game-aids button:not(:disabled):hover{filter:brightness(1.12);transform:scale(1.08)}
.stage #game-aids button:not(:disabled):active{transform:scale(.96);box-shadow:none}
.stage #game-aids button:disabled{opacity:.4;filter:none}
#banker-scene .bank-board,#professor-scene .prof-board{right:60px;width:calc(65% - 39px)}
@media(max-width:700px){.stage #game-aids{right:2px;gap:3px;padding:0}.stage #game-aids button{width:44px;min-width:44px;height:44px;min-height:44px;padding:0 8px 10px}.stage #game-aids button svg{width:27px;height:27px}.stage #game-aids .aid-price{font-size:8px;min-width:23px;padding:1px 3px}#banker-scene .bank-board,#professor-scene .prof-board{right:52px;width:calc(97% - 52px)}}
@media(max-height:500px) and (min-width:701px){.stage #game-aids{gap:0;padding:0}.stage #game-aids button{height:42px;min-height:42px}#banker-scene .bank-board,#professor-scene .prof-board{right:55px;width:calc(70% - 50px)}}
/* Partage secondaire : petit et neutre, priorité au jeu. */
.wallet-strip .share-icon,.wallet-strip .share-icon[data-share=whatsapp],.wallet-strip .share-icon[data-share=facebook]{width:28px;min-width:28px;height:28px;min-height:28px;padding:5px;background:#eef0ec;color:#6c7776;border:1px solid #dce0d8;box-shadow:none;filter:none;opacity:.85}
.wallet-strip .share-icon svg{width:18px;height:18px}.wallet-strip #game-share-more svg{stroke:#6c7776}.wallet-strip .share-icon:hover{background:#dfe5df;color:#3f5456;transform:none;filter:none;opacity:1}.game-share{gap:5px}
#share-dialog{width:min(440px,calc(100% - 24px));max-height:85dvh;overflow:auto;border:2px solid #365b62;border-radius:15px;background:#fffaf0;color:#24484c;padding:22px}#share-dialog::backdrop{background:#183a4977}#share-dialog h2{font-size:25px}#share-dialog input{box-sizing:border-box;width:100%;min-height:44px;padding:8px;margin:8px 0;font-size:13px}#share-dialog button{min-height:44px;margin:4px}#share-dialog [hidden]{display:none!important}#share-result{font-size:13px;line-height:1.4}
@media(max-width:650px){.wallet-strip .share-icon,.wallet-strip .share-icon[data-share=whatsapp],.wallet-strip .share-icon[data-share=facebook]{width:27px;min-width:27px;height:27px;min-height:27px;padding:4px}.wallet-strip .share-icon svg{width:18px;height:18px}}

/* Quiz: full-width boards, aids in the existing bottom controls. */
#banker-scene .bank-board,#professor-scene .prof-board{left:2%;right:2%;width:96%}
#banker-controls,#professor-controls{flex-wrap:wrap;gap:10px}
.controls #game-aids{position:static;transform:none;display:flex;flex-direction:row;align-items:center;gap:8px;margin:0;padding:0;background:none;border:0;box-shadow:none;flex:none}
.controls #game-aids button{position:relative;display:grid;place-items:center;flex:none;width:44px;min-width:44px;height:48px;min-height:48px;padding:0 5px 12px;background:none;border:0;box-shadow:none;border-radius:8px}
.controls #game-aids button svg{width:29px;height:29px;filter:drop-shadow(0 1px 1px #fff)}
.controls #game-aids .aid-price{position:absolute;bottom:0;left:50%;transform:translateX(-50%);padding:1px 4px;border:1px solid #8f7838;border-radius:6px;background:#fff3c6;font:9px/1.2 Arial;white-space:nowrap;color:#354c49}
.controls #game-aids button:focus-visible{outline:2px solid #168d9d;outline-offset:2px}
@media(max-width:700px){#banker-scene .bank-board,#professor-scene .prof-board{left:1.5%;right:1.5%;width:97%}.controls #game-aids{gap:6px;margin-left:auto}.controls #game-aids button{width:44px;min-width:44px;min-height:48px}}
