.game-tool-description{color: var(--primary-dark);margin: 0;max-width: none;font-size: 1rem;font-weight: 400;line-height: 1.5}.tool-snake{--snake-accent: var(--outil-accent,#7c3aed);--snake-dark: var(--outil-fonce,#173c6c);--snake-board: #111827;--snake-grid: rgba(255,255,255,0.07);--snake-snake: #a78bfa;--snake-head: #7c3aed;--snake-apple: #fcd34d;--snake-soft: #f8f5ff;--snake-soft-2: #f3edff;--snake-border: #c4b5fd;--snake-text: #111827;--snake-muted: #6b7280;width: 100%;max-width: none;margin: 0;color: var(--snake-text)}.tool-snake *{box-sizing: border-box}.snake-header{display: flex;justify-content: space-between;gap: 16px;align-items: flex-start;margin-bottom: 16px}.snake-header h2{margin: 0 0 6px;color: var(--snake-accent);font-size: 1.55rem}.snake-header p{margin: 0;color: var(--snake-muted);line-height: 1.45}.snake-scorebar{display: grid;grid-template-columns: repeat(4,minmax(82px,auto));gap: 10px;align-items: stretch}.snake-scorebox{min-width: 82px;border: 1px solid #e5e7eb;border-radius: 14px;padding: 10px 12px;text-align: center;background: #fafafa}.snake-scorebox.is-active{border-color: var(--snake-border);background: var(--snake-soft)}.snake-scorebox span{display: block;color: var(--snake-muted);font-size: 0.78rem;font-weight: 750;line-height: 1.15}.snake-scorebox.is-active span{color: var(--snake-dark)}.snake-scorebox strong{display: block;color: var(--snake-accent);font-size: 1.55rem;line-height: 1.1}.snake-scorebox-main strong{font-size: 1.7rem}.snake-status{margin: 14px 0 18px;padding: 12px 14px;border: 1px solid #ddd1ff;border-radius: 12px;background: var(--snake-soft);color: var(--snake-dark);font-weight: 700}.snake-game-card,.snake-options-panel{border: 1px solid var(--snake-border);border-radius: 18px;background: #fff;padding: 18px;box-shadow: 0 14px 40px rgba(15,23,42,0.06)}.snake-game-card h3,.snake-options-panel h3{margin: 0 0 14px;color: var(--snake-accent);font-size: 1.3rem;font-weight: 900}.snake-game-wrap{position: relative;width: min(100%,640px);margin: 0 auto;border-radius: 18px;background: var(--snake-board);box-shadow: 0 14px 34px rgba(17,24,39,0.16);overflow: hidden;cursor: pointer;touch-action: none;user-select: none}.snake-game-wrap canvas{display: block;width: 100%;aspect-ratio: 1 / 1;height: auto;margin: 0 auto;background: var(--snake-board);image-rendering: pixelated}.snake-game-wrap:focus-within,.snake-game-wrap:has(canvas:focus-visible){outline: 3px solid rgba(124,58,237,0.38);outline-offset: 3px}.snake-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}.snake-overlay.is-visible{opacity: 1;visibility: visible}.snake-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(--snake-accent);text-align: center;box-shadow: 0 18px 50px rgba(0,0,0,0.35);transform: scale(0.94);transition: transform 0.18s ease}.snake-overlay.is-visible .snake-overlay-box{transform: scale(1)}.snake-overlay-box strong{display: block;font-size: clamp(2rem,8vw,4rem);font-weight: 950;line-height: 1;letter-spacing: -0.04em}.snake-overlay-box span{display: block;margin-top: 10px;color: var(--snake-dark);font-size: clamp(1rem,3.2vw,1.5rem);font-weight: 900}.snake-controls{display: flex;flex-wrap: wrap;gap: 14px;justify-content: center;margin-top: 18px}.snake-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}.snake-controls .bouton:disabled{opacity: 0.45;cursor: not-allowed;transform: none}.snake-options-panel{margin-top: 18px;background: var(--snake-soft)}.snake-option-group{min-width: 0;margin: 0;padding: 0;border: 0}.snake-option-group legend{margin: 0 0 8px;color: var(--snake-dark);font-size: 0.95rem;font-weight: 800}.snake-segmented{display: inline-grid;grid-template-columns: repeat(3,minmax(0,1fr));width: 100%;padding: 4px;border: 1px solid var(--snake-border);border-radius: 14px;background: #fff}.snake-segment{display: flex;align-items: center;justify-content: center;min-height: 46px;padding: 7px 10px;border: 0;border-radius: 10px;background: transparent;color: var(--snake-dark);font: inherit;font-weight: 850;line-height: 1.1;cursor: pointer}.snake-segment.is-active{background: var(--snake-accent);color: #fff}.snake-segment:hover:not(:disabled),.snake-segment:focus-visible:not(:disabled){background: var(--snake-soft-2);color: var(--snake-accent)}.snake-segment.is-active:hover:not(:disabled),.snake-segment.is-active:focus-visible:not(:disabled){background: #7c4dff;color: #fff}.snake-segment:focus-visible{outline: 2px solid rgba(124,58,237,0.45);outline-offset: 2px}.snake-segment:disabled{opacity: 0.55;cursor: not-allowed}@media (max-width: 900px){.snake-header{flex-direction: column}.snake-scorebar{width: 100%;grid-template-columns: repeat(4,minmax(0,1fr))}}@media (max-width: 560px){.snake-scorebar{grid-template-columns: repeat(2,minmax(0,1fr))}.snake-game-card,.snake-options-panel{padding: 16px}.snake-controls{gap: 12px;margin-top: 20px}.snake-controls .bouton{min-width: 0;width: 100%;min-height: 58px;padding: 16px 20px;font-size: 1.12rem}}@media (prefers-reduced-motion: reduce){.snake-overlay,.snake-overlay-box{transition: none}}