.game-container{min-height:100dvh;background:linear-gradient(to bottom right,#581c87,#312e81,#000);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;padding:1rem;font-family:system-ui,-apple-system,sans-serif;touch-action:manipulation}.title{font-size:clamp(1.5rem,5vw,2.5rem);font-weight:700;margin-bottom:.5rem;letter-spacing:.1em;text-align:center}.subtitle{font-size:clamp(1rem,3vw,1.25rem);opacity:.9;margin:1.5rem 1.5rem 2.5rem;color:#f4f397;text-align:center}.bloc-explication{margin:12px 0 8px;text-align:center}.explication{font-size:clamp(.95rem,2.5vw,1.1rem);opacity:.85;margin-bottom:2rem;max-width:600px;color:#d0d0d0}.header-info{display:flex;gap:2rem;margin-bottom:1.5rem;font-size:1.125rem;align-items:center;opacity:.9}.hint-button{padding:.5rem 1rem;border-radius:9999px;background:#fff3;border:1px solid #ffffff4d;color:#fff;cursor:pointer;transition:all .2s}.hint-button:hover:not(:disabled){background:#ffffff4d}.hint-button:disabled{opacity:.5;cursor:not-allowed}.stage-wrapper{position:relative;display:inline-block;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.5rem;padding:clamp(.6rem,3vw,2rem);box-shadow:0 25px 50px -12px #00000040;max-width:100%}.dot-tooltip{position:absolute;left:clamp(0px,var(--tooltip-x, 0),100%);top:var(--tooltip-y, 0);transform:translate(-50%,-100%);pointer-events:none;z-index:100;animation:tooltipFadeIn .3s ease-out;display:flex;justify-content:center}.dot-tooltip-content{background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;padding:10px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.25);font-size:clamp(.9rem,2.5vw,1.1rem);font-weight:600;text-align:center;box-shadow:0 12px 32px #0009;width:max-content;max-width:min(320px,80vw);white-space:normal;overflow-wrap:break-word}.dot-tooltip-arrow{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid rgba(0,0,0,.85)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%,-100%) translateY(10px)}to{opacity:1;transform:translate(-50%,-100%) translateY(0)}}.victory-message{margin-top:2.5rem;text-align:center;animation:bounce .8s infinite alternate}.victory-title{font-size:clamp(2rem,8vw,3.75rem);margin-bottom:1rem}.victory-subtitle{font-size:clamp(1rem,3vw,1.25rem);opacity:.8;margin-top:1rem;padding:0 1rem}.bottom-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center}.reset-button{margin-top:2rem;padding:1rem 2.5rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:9999px;font-size:1.5rem;border:1px solid #ffffff4d;color:#fff;cursor:pointer;transition:all .2s}.reset-button:hover{background:#ffffff4d}.loading-screen{min-height:100dvh;background:linear-gradient(to bottom right,#581c87,#312e81,#000);display:flex;align-items:center;justify-content:center}.loading-text{font-size:2rem;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.level-selector{display:flex;gap:10px;justify-content:center;margin:10px 0}.level-btn{padding:10px 25px;margin:10px 20px;border:2px solid #00ffff;background:transparent;color:#0ff;border-radius:20px;font-weight:700;cursor:pointer;transition:all .2s}.level-btn:hover{background:#0ff2}.level-btn.active{background:#0ff;color:#000}.link-btn{flex-direction:column;display:flex;margin-top:5%}.difficulty-selector{display:flex;gap:12px;align-items:center;justify-content:center;margin:16px 0;font-size:1.1em}.difficulty-selector button{padding:8px 16px;border:2px solid #444;border-radius:8px;background:#222;color:#fff;cursor:pointer;transition:all .3s}.difficulty-selector button.active{background:#0ff;color:#000;border-color:#0ff;box-shadow:0 0 15px #0ff8}.difficulty-selector button:hover:not(.active){background:#333;border-color:#0ff}.mode-selector{display:flex;gap:10px;justify-content:center;margin:4px 0 8px}.mode-selector button{padding:8px 20px;border:2px solid #f4f39755;border-radius:20px;background:transparent;color:#f4f397;font-weight:700;cursor:pointer;transition:all .2s}.mode-selector button:hover:not(.active){background:#f4f39722;border-color:#f4f397}.mode-selector button.active{background:#f4f397;border-color:#f4f397;color:#312e81}.sequence-fil{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:4px 10px;list-style:none;margin:0 0 14px;padding:0 .5rem;max-width:640px}.sequence-etape{display:flex;flex-direction:column;align-items:center;gap:2px;opacity:.4;transition:opacity .3s,transform .3s}.sequence-emoji{font-size:1.5rem;line-height:1.2;filter:grayscale(1);transition:filter .3s}.sequence-puce{font-size:.7rem;color:var(--teinte, #fff);line-height:1}.sequence-etape.faite{opacity:.85}.sequence-etape.faite .sequence-emoji{filter:none}.sequence-etape.courante{opacity:1;transform:scale(1.25)}.sequence-etape.courante .sequence-emoji{filter:none;text-shadow:0 0 12px var(--teinte, #fff)}.sequence-etape.courante .sequence-puce{text-shadow:0 0 8px var(--teinte, #fff)}.prochain-point{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin:0 0 14px;padding:8px 18px;background:#0004;border:1px solid #ffffff22;border-radius:14px;max-width:min(520px,92vw);text-align:center}.prochain-rang{font-variant-numeric:tabular-nums;opacity:.7;font-size:.9rem}.prochain-emoji{font-size:1.4rem}.prochain-nom{font-weight:600;font-size:clamp(.95rem,2.5vw,1.1rem)}.victory-recap{list-style:none;margin:1.5rem auto 0;padding:0;display:flex;flex-direction:column;gap:6px;max-width:min(420px,90vw);text-align:left}.victory-recap li{display:flex;align-items:center;gap:10px;padding:6px 12px;background:#00000038;border-left:3px solid var(--teinte, #fff);border-radius:8px;font-size:clamp(.85rem,2.4vw,1rem)}.recap-rang{font-variant-numeric:tabular-nums;opacity:.6;min-width:1.4em}.recap-emoji{font-size:1.2rem}.recap-label{opacity:.95}@media (max-width: 600px){.game-container{padding:.5rem;justify-content:flex-start}.subtitle{margin:.75rem .5rem 1.25rem}.explication{margin-bottom:1rem}.level-selector,.difficulty-selector{flex-wrap:wrap;gap:8px;margin:8px 0}.level-btn{padding:8px 16px;margin:4px}.difficulty-selector{font-size:1em}.difficulty-selector button{padding:8px 12px}.header-info{gap:1rem;margin-bottom:1rem}.mode-selector{margin:2px 0 6px}.mode-selector button{padding:7px 16px}.sequence-fil{gap:2px 6px;margin-bottom:10px}.sequence-emoji{font-size:1.2rem}.prochain-point{gap:8px;padding:7px 12px;margin-bottom:10px}.reset-button{margin-top:1.25rem;padding:.85rem 1.75rem;font-size:1.15rem}.link-btn{margin-top:2rem}}@media (prefers-reduced-motion: reduce){.victory-message,.loading-text,.dot-tooltip{animation:none}.sequence-etape,.sequence-emoji{transition:none}}