@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap";:root{--white-color: #ffffff;--grey-light-color: #f6f4f0;--grey-color: #e5e0d5;--grey-dark-color: #d0ec51;--gold-color: #A28F5B;--gold-light-color: #e3b76a;--blue-dark-color: #3e3e57;--blue-dark-color-hover: #E2D9CC;--terracotta-color: #CB685A;--terracotta-color-hover: #EDA88F;--correct-color: #1b7a4e;--wrong-color: #cc2d2d;--older-gold-color: #A28F5B;--older-terracotta-color: #a94536;--older-blue-dark-color: #3e3e57;--btt-size: 52px;--btt-bg: rgba(255, 255, 255, .86);--btt-border: rgba(0, 0, 0, .12);--btt-shadow: 0 4px 24px rgba(0, 0, 0, .18);--btt-blur: blur(10px);--btt-accent: var(--terracotta-color);--body-font: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%}html,body{margin:0;padding:0;overflow-x:hidden;background-color:var(--grey-color);font-family:var(--body-font)}.game-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;margin:0 auto;padding:0;background-color:#eedbc3;position:relative}.game-room-img-container{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;margin:0 auto;padding:0}.game-room-svg{width:100%;height:100%;display:block}.hotspot .hotspot-fade{fill:#ffffffaf;opacity:0;transition:opacity .16s ease-in-out}.modal-backdrop{position:fixed;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0;padding:0;inset:0;background-color:#ccc6c67c;z-index:9999;width:auto;height:100%}.modal-window{width:auto;max-height:90%;background:#ffffffbc;border-radius:22px;box-shadow:0 20px 60px #00000059;overflow:hidden;position:relative;display:flex;flex-direction:column;animation:pop .16s ease-out;padding:2px}@keyframes pop{0%{transform:scale(.98);opacity:.6}to{transform:scale(1);opacity:1}}.modal-title{margin:0;padding:12px 56px 12px 20px;font-size:1.1rem;border-bottom:1px solid #ffffff6b}.modal-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0;padding:5px;height:80%;width:auto}.modal-close{position:absolute;top:10px;right:10px;width:36px;height:36px;border:none;border-radius:50%;background:#ffffff6b;cursor:pointer;font-size:18px;line-height:36px}.modal-close:hover{background:#e7e7e7}.modal-previous{position:absolute;top:10px;left:10px;width:36px;height:36px;display:grid;place-items:center;border:none;border-radius:50%;background:#ffffff6b;cursor:pointer;font-size:18px;line-height:36px}.modal-previous:hover{background:#e7e7e7}.modal-window .modal-title{margin-left:52px}.game-book-container{width:100%;height:100%;display:grid;overflow:hidden}.game-book-img-container{display:grid;place-items:center;width:100%;height:100%;overflow:hidden}.game-book-svg{width:100%;height:100%;display:block}.basket-container{max-width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.basket-svg{width:100%;height:100%;display:block}.firstbook-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.firstbook-svg{width:100%;height:auto;max-height:100%;display:block}.hotspot-first .hotspot-first-fade{fill:#f2ff0064;opacity:1;transition:opacity .16s ease-in-out;animation:hotspot-blink 1.2s ease-in-out infinite}.hotspot-first{cursor:pointer;z-index:99}.hotspot-first:hover .hotspot-first-fade{opacity:1}.hotspot-first:hover:after{content:attr(data-label);position:absolute;background:#00000041;color:#da1d1dca;font-size:12px;padding:4px 8px;border-radius:6px;transform:translate(8px,-8px);pointer-events:none}@keyframes hotspot-blink{0%{opacity:.2}40%{opacity:1}70%{opacity:.5}to{opacity:.2}}.hotspot-first .hotspot-first-fade{fill:#f2ff0064;stroke:#f2ff00;stroke-width:2;opacity:1;animation:hotspot-blink 1.2s ease-in-out infinite}.game-plante-container{width:100%;height:100%;display:grid;overflow:hidden}.game-plante-img-container{display:grid;place-items:center;width:100%;height:100%;overflow:hidden}.game-plante-svg{width:100%;height:100%;display:block}.hotspot .hotspot-fade{fill:#ffffff6b;opacity:0;transition:opacity .16s ease-in-out}.hotspot{cursor:pointer}.hotspot:hover .hotspot-fade{opacity:1}.hotspot:hover:after{content:attr(data-label);position:absolute;background:#00000041;color:#ffffffca;font-size:12px;padding:4px 8px;border-radius:6px;transform:translate(8px,-8px);pointer-events:none}.dlg-root{position:fixed;inset:0;z-index:10000;pointer-events:none;font-family:var(--body-font);margin:0;padding:0}.dlg-root.is-center{display:grid;place-items:center;pointer-events:auto;background-color:#ccc6c67c;height:100%;width:auto;margin:0;padding:0}.dlg-overlay{position:fixed;inset:0;background:transparent;pointer-events:auto}.dlg-cat{position:absolute;width:20vw;height:auto;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:999}.dlg-root.is-center .dlg-cat-left{left:2vw;transform:translate(-6px,30%)}.dlg-root.is-center .dlg-cat-right{right:0vw;transform:translate(6px,30%)}.dlg-bubble{pointer-events:auto;width:min(90vw,820px);padding:30px 14px 14px;position:relative;z-index:10;height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:70vw;background:#ffffff9b;border-radius:14px}.dlg-shrink{position:absolute;top:2vh;right:1vw;font-size:.9rem;border:none;border-radius:8px;background:#fff;cursor:pointer;box-shadow:0 2px 8px #0000001f;z-index:10001;padding:.4vw}.dlg-clip{--line-h: clamp(18px, 2.4vh, 24px);line-height:var(--line-h);overflow-y:auto;-webkit-overflow-scrolling:touch;color:var(--blue-dark-color);scrollbar-width:thin;height:80vh;width:60vw;padding:8px 10px}.dlg-lines{margin-top:24px;display:flex;flex-direction:column;gap:8px;width:100%}.dlg-line{display:flex;width:100%}.dlg-line.réglisse{justify-content:flex-start}.dlg-line.sparrow{justify-content:flex-end}.dlg-line.neutral{justify-content:center}.dlg-msg{background:#fff;border-radius:14px;padding:8px 10px;max-width:80%;word-break:break-word;box-shadow:0 3px 8px #0000001f;font-size:.95rem}.speaker{font-weight:600;margin-right:.25em}.speaker.réglisse{color:#1a7f37}.speaker.sparrow{color:#d47a12}.dlg-toggle{position:fixed;bottom:max(16px,env(safe-area-inset-bottom));right:16px;width:40px;height:40px;border-radius:999px;border:none;background:#fffd;box-shadow:0 4px 12px #00000040;display:flex;align-items:center;justify-content:center;gap:3px;cursor:pointer;z-index:10001;padding:0}.dlg-toggle span{width:5px;height:5px;border-radius:50%;background:#333}.dlg-actions{display:grid;place-items:center;padding-top:8px}.dlg-btn{padding:8px 14px;border-radius:10px;border:none;background:#1b6fd1;color:#fff;font-weight:600;cursor:pointer;box-shadow:0 6px 16px #00000026}.dlg-line.réglisse .dlg-msg,.dlg-line.sparrow .dlg-msg{position:relative}.dlg-line.réglisse .dlg-msg{border-bottom-left-radius:4px}.dlg-line.réglisse .dlg-msg:after{content:"";position:absolute;left:16px;bottom:-8px;width:0;height:0;border-style:solid;border-width:8px 10px 0 0;border-color:#ffffff transparent transparent transparent;filter:drop-shadow(0 2px 2px rgba(0,0,0,.12))}.dlg-line.sparrow .dlg-msg{border-bottom-right-radius:4px}.dlg-line.sparrow .dlg-msg:after{content:"";position:absolute;right:16px;bottom:-8px;width:0;height:0;border-style:solid;border-width:8px 0 0 10px;border-color:#ffffff transparent transparent transparent;filter:drop-shadow(0 2px 2px rgba(0,0,0,.12))}.dlg-shell{position:relative;display:inline-block;transform-origin:center center;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.dlg-shell.is-collapsing{animation:dlg-collapse-to-toggle .28s ease-in forwards}.dlg-shell.is-expanding{animation:dlg-expand-from-toggle .28s ease-out forwards}@keyframes dlg-collapse-to-toggle{0%{transform:translateZ(0) scale(1);opacity:1}to{transform:translate3d(40vw,35vh,0) scale(.25);opacity:0}}@keyframes dlg-expand-from-toggle{0%{transform:translate3d(40vw,35vh,0) scale(.25);opacity:0}to{transform:translateZ(0) scale(1);opacity:1}}.fs-overlay{position:fixed;inset:0;background:#0000008c;display:grid;place-items:center;z-index:9999;overflow:hidden}.fs-modal{width:min(560px,92vw);background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000040;padding:20px 20px 16px;text-align:center;font-family:var(--body-font, system-ui, sans-serif)}.fs-title{margin:0 0 8px;color:#1f2937;font-size:1.1rem;font-weight:700}.fs-sub{margin:0 0 16px;color:#4b5563;font-size:.95rem}.fs-actions{display:flex;gap:12px;justify-content:center}.fs-btn{border:0;padding:10px 16px;border-radius:10px;cursor:pointer;background:#e5e7eb;color:#111827;font-weight:600}.fs-btn:focus{outline:2px solid #111827;outline-offset:2px}.fs-btn-primary{background:#2563eb;color:#fff}.fs-btn-primary:hover{filter:brightness(.95)}:root{--fs-topbar-h: 28px}.fs-topbar{position:fixed;top:0;left:0;right:0;height:auto;background:#fff;border-bottom:1px solid #e5e7eb;z-index:8000;box-shadow:0 2px 6px #0000000d;text-align:center;height:8vh;width:100%}.fs-topbar-ios{font-size:50%;font-family:var(--body-font)}.fs-topbar__inner{display:flex;align-items:center;justify-content:center;gap:5vw;height:auto;padding:.2vh;font-family:var(--body-font)}.fs-topbar__hint{color:#374151;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fs-topbar__btn{appearance:none;border:0;border-radius:999px;padding:6px 10px;font-weight:700;background:#111827;color:#fff;cursor:pointer}.fs-topbar__btn:focus{outline:2px solid #111827;outline-offset:2px}.fs-topbar__btn:hover{filter:brightness(.95)}.rotate-overlay{position:fixed;inset:0;display:grid;place-items:center;z-index:10001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000059;font-family:var(--body-font)}.rotate-card{width:min(88vw,420px);background:#ffffffeb;border-radius:20px;padding:20px 18px 18px;text-align:center;box-shadow:0 24px 60px #00000059}.rotate-icon{width:64px;height:64px;margin:4px auto 10px;display:block}.rotate-title{font-weight:700;font-size:1.15rem;margin-bottom:6px}.rotate-text{margin:0;color:#333}