.game-tool-description{color: var(--primary-dark);margin: 0;max-width: none;font-size: 1rem;font-weight: 400;line-height: 1.5}.tool-simon{--simon-accent: var(--outil-accent,#7c3aed);--simon-dark: var(--outil-fonce,#173c6c);--simon-blue: #60a5fa;--simon-yellow: #fcd34d;--simon-purple: #a78bfa;--simon-green: #029e4f;--simon-mono: #a78bfa;--simon-border: #e5e7eb;--simon-text: #111827;--simon-muted: #6b7280;width: 100%;max-width: none;margin: 0;color: var(--simon-text)}.tool-simon *{box-sizing: border-box}.simon-header{display: flex;justify-content: space-between;gap: 16px;align-items: flex-start;margin-bottom: 16px}.simon-header h2{margin: 0 0 6px;color: var(--simon-accent);font-size: 1.55rem}.simon-header p{margin: 0;color: var(--simon-muted);line-height: 1.45}.simon-scorebox{min-width: 92px;border: 1px solid var(--simon-border);border-radius: 14px;padding: 10px 12px;text-align: center;background: #fafafa}.simon-scorebox span{display: block;color: var(--simon-muted);font-size: 0.8rem}.simon-scorebox strong{display: block;color: var(--simon-accent);font-size: 1.7rem;line-height: 1.1}.simon-status{margin: 14px 0 18px;padding: 12px 14px;border: 1px solid #ddd1ff;border-radius: 12px;background: #f8f5ff;color: var(--simon-dark);font-weight: 700}.simon-board{position: relative;width: 100%;max-width: 420px;aspect-ratio: 1;margin: 0 auto 18px;overflow: hidden;border-radius: 4px;background: #000;box-shadow: 0 10px 26px rgba(17,24,39,0.16)}.simon-pad{position: absolute;margin: 0;padding: 0;border: 0;border-radius: 0;cursor: pointer;transition: transform 0.08s ease,filter 0.12s ease,opacity 0.12s ease,box-shadow 0.12s ease}.simon-pad:hover:not(:disabled){filter: brightness(1.08)}.simon-pad:focus-visible{z-index: 4;outline: 3px solid #fff;outline-offset: -7px;box-shadow: inset 0 0 0 4px rgba(17,24,39,0.72)}.simon-pad:active,.simon-pad.is-active{z-index: 3;transform: scale(0.975);filter: brightness(1.35) saturate(1.15);opacity: 1;box-shadow: inset 0 0 0 999px rgba(255,255,255,0.12),0 0 22px rgba(255,255,255,0.55)}.simon-pad:disabled{cursor: not-allowed;opacity: 0.86}.simon-pad-0{left: 3.3333%;top: 3.3333%;width: 60%;height: 30%;background: var(--simon-blue)}.simon-pad-1{left: 66.6667%;top: 3.3333%;width: 30%;height: 60%;background: var(--simon-yellow)}.simon-pad-2{left: 3.3333%;top: 36.6667%;width: 30%;height: 60%;background: var(--simon-purple)}.simon-pad-3{left: 36.6667%;top: 66.6667%;width: 60%;height: 30%;background: var(--simon-green)}.tool-simon[data-simon-mode="mono"] .simon-pad,.tool-simon[data-simon-mode="strict"] .simon-pad{background: var(--simon-mono)}.tool-simon[data-simon-mode="strict"] [data-simon-replay]{display: none}.simon-center{position: absolute;left: 36.6667%;top: 36.6667%;z-index: 5;display: flex;align-items: center;justify-content: center;width: 26.6667%;height: 26.6667%;padding: 0.05rem 0.18rem 0.12rem;background: #fff;overflow: visible;pointer-events: none}.simon-brand{display: inline-block;overflow: visible;font-size: clamp(0.72rem,4vw,1.12rem);font-weight: 900;line-height: 1.12;letter-spacing: -0.04em;white-space: nowrap}.simon-overlay{position: absolute;inset: 0;z-index: 20;display: flex;align-items: center;justify-content: center;padding: 22px;background: rgba(17,24,39,0.34);opacity: 0;visibility: hidden;pointer-events: none;transition: opacity 0.18s ease,visibility 0.18s ease}.simon-overlay.is-visible{opacity: 1;visibility: visible}.simon-overlay-box{min-width: min(78%,320px);padding: 18px 22px;border: 3px solid #fff;border-radius: 18px;background: rgba(255,255,255,0.96);color: var(--simon-accent);text-align: center;box-shadow: 0 18px 50px rgba(0,0,0,0.35);transform: scale(0.94);transition: transform 0.18s ease}.simon-overlay.is-visible .simon-overlay-box{transform: scale(1)}.simon-overlay-box strong{display: block;font-size: clamp(2rem,8vw,4rem);font-weight: 950;line-height: 1;letter-spacing: -0.04em}.simon-overlay-box span{display: block;margin-top: 10px;color: var(--simon-dark);font-size: clamp(1rem,3.2vw,1.5rem);font-weight: 900}.simon-controls{display: flex;flex-wrap: wrap;gap: 14px;justify-content: center;margin-top: 18px}.simon-controls .bouton{min-width: 170px;min-height: 52px;padding: 14px 22px;border-radius: 999px;font-size: 1.05rem;font-weight: 900;line-height: 1.1;cursor: pointer}.simon-controls .bouton:disabled{opacity: 0.45;cursor: not-allowed;transform: none}.simon-options-panel{margin-top: 22px;padding: 18px;border: 1px solid #c4b5fd;border-radius: 18px;background: #f8f5ff}.simon-options-panel h3{margin: 0 0 14px;color: var(--simon-accent);font-size: 1.3rem;font-weight: 900}.simon-options-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 16px;align-items: end}.simon-option-group{min-width: 0;margin: 0;padding: 0;border: 0}.simon-option-group legend,.simon-option-label{margin: 0 0 8px;color: var(--simon-dark);font-size: 0.95rem;font-weight: 800}.simon-segmented{display: inline-grid;grid-template-columns: repeat(3,minmax(0,1fr));width: 100%;padding: 4px;border: 1px solid #c4b5fd;border-radius: 14px;background: #fff}.simon-segment{display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: 46px;padding: 7px 10px;border: 0;border-radius: 10px;background: transparent;color: var(--simon-dark);font: inherit;font-weight: 850;line-height: 1.1;cursor: pointer}.simon-segment small{margin-top: 3px;color: #6b7280;font-size: 0.72rem;font-weight: 700}.simon-segment.is-active{background: var(--simon-accent);color: #fff}.simon-segment.is-active small{color: rgba(255,255,255,0.82)}.simon-segment:hover:not(:disabled),.simon-segment:focus-visible:not(:disabled){background: #f3edff;color: var(--simon-accent)}.simon-segment.is-active:hover:not(:disabled),.simon-segment.is-active:focus-visible:not(:disabled){background: #7c4dff;color: #fff}.simon-segment:focus-visible{outline: 2px solid rgba(124,58,237,0.45);outline-offset: 2px}.simon-segment:disabled{opacity: 0.55;cursor: not-allowed}.simon-option-group-sound{grid-column: 1 / -1}.simon-switch{display: inline-flex;align-items: center;gap: 14px;cursor: pointer}.simon-switch:has(input:disabled){cursor: not-allowed}.simon-switch input{position: absolute;inline-size: 1px;block-size: 1px;opacity: 0;pointer-events: none}.simon-switch-ui{position: relative;width: 78px;height: 38px;flex: 0 0 78px;border: 1px solid #c4b5fd;border-radius: 999px;background: #fff;transition: background 0.15s ease,border-color 0.15s ease}.simon-switch-ui::before{content: "";position: absolute;top: 7px;left: 7px;width: 24px;height: 24px;border-radius: 50%;background: #6d3edb;transition: transform 0.15s ease,background 0.15s ease}.simon-switch input:checked + .simon-switch-ui{border-color: #6d3edb;background: #f3edff}.simon-switch input:checked + .simon-switch-ui::before{transform: translateX(38px);background: #6d3edb}.simon-switch input:focus-visible + .simon-switch-ui{outline: 2px solid rgba(124,58,237,0.45);outline-offset: 2px}.simon-switch input:disabled + .simon-switch-ui,.simon-switch input:disabled~.simon-switch-text{opacity: 0.55}.simon-switch-text{color: var(--simon-dark);font-size: 1rem;font-weight: 900}@media (max-width: 760px){.simon-board{max-width: none}.simon-options-grid{grid-template-columns: 1fr}.simon-option-group-sound{grid-column: auto}}@media (max-width: 560px){.simon-header{flex-direction: column}.simon-scorebox{width: 100%}.simon-board{width: 100%;max-width: none}.simon-brand{font-size: clamp(1rem,4.8vw,1.65rem)}.simon-overlay{padding: 14px}.simon-overlay-box{min-width: 82%;padding: 14px 16px;border-radius: 14px}.simon-segment{padding-inline: 6px;font-size: 0.9rem}.simon-switch{align-items: center}.simon-controls{gap: 12px;margin-top: 20px}.simon-controls .bouton{min-width: 0;width: 100%;min-height: 58px;padding: 16px 20px;font-size: 1.12rem}}@media (prefers-reduced-motion: reduce){.simon-pad{transition: none}.simon-pad:active,.simon-pad.is-active{transform: none}.simon-switch-ui,.simon-switch-ui::before,.simon-overlay,.simon-overlay-box{transition: none}}