[data-tool="tirage-loto"]{--luck-action: var(--outil-action);--luck-action-hover: var(--outil-action-hover);--luck-action-text: var(--outil-action-texte);--luck-border: var(--outil-bord);--luck-surface: var(--outil-surface);--luck-text: var(--outil-texte);--luck-strong: var(--outil-fonce);--luck-shadow: 0 10px 28px rgb(var(--outil-ombre-rgb) / 0.08);display: grid;gap: 1rem}.lotto-intro,.lotto-status{margin: 0;color: var(--luck-text);line-height: 1.55}.lotto-layout{display: grid;grid-template-columns: repeat(2,minmax(300px,1fr));gap: 1rem;align-items: stretch}.lotto-card{border: 1px solid var(--luck-border);border-radius: 14px;background: #fff;box-shadow: var(--luck-shadow);padding: 1rem}.lotto-card-head{display: flex;align-items: center;justify-content: center;min-height: 2.5rem;text-align: center}.lotto-history-head{justify-content: space-between;gap: 1rem;text-align: left}.lotto-card h2{margin: 0;color: var(--luck-strong);font-size: 1.08rem;font-weight: 900;line-height: 1.2}.lotto-preset-group{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 0.25rem;max-width: 34rem;margin: 0.9rem auto 0;border: 1px solid var(--luck-border);border-radius: 14px;background: #fff;padding: 0.25rem}.lotto-preset,.lotto-toggle-option,.lotto-action,.lotto-stepper-button{display: inline-flex;align-items: center;justify-content: center;min-width: 0;min-height: 42px;border: 1px solid var(--luck-border);background: #fff;color: var(--luck-strong);cursor: pointer;font: inherit;font-weight: 900;line-height: 1.15;padding: 0.62rem 0.9rem;text-align: center;transition: transform 0.12s ease,border-color 0.16s ease,background-color 0.16s ease,color 0.16s ease,box-shadow 0.16s ease}.lotto-preset{min-height: 40px;border: 0;border-radius: 10px}.lotto-preset.is-active,.lotto-toggle-option.is-active,.lotto-action-primary{border-color: var(--luck-action);background: var(--luck-action);color: var(--luck-action-text)}.lotto-form{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));column-gap: 0.9rem;row-gap: 1.05rem;margin-top: 1.15rem}.lotto-field{display: grid;gap: 0.55rem}.lotto-label{display: block;margin: 0;color: var(--luck-strong);font-weight: 900;line-height: 1.25;text-align: center}.lotto-fixed-value,.lotto-input{display: flex;align-items: center;justify-content: center;width: 100%;min-width: 0;min-height: 44px;border: 1px solid var(--luck-border);border-radius: 10px;background: #fff;color: var(--luck-strong);font: inherit;font-weight: 900;text-align: center;box-sizing: border-box}.lotto-input{padding: 0.55rem 0.7rem;outline: 0;appearance: textfield;transition: border-color 0.16s ease,box-shadow 0.16s ease}.lotto-input::-webkit-outer-spin-button,.lotto-input::-webkit-inner-spin-button{margin: 0;appearance: none}.lotto-input:focus{border-color: var(--luck-action-hover);box-shadow: 0 0 0 3px color-mix(in srgb,var(--luck-action) 16%,transparent)}.lotto-stepper{display: grid;grid-template-columns: 2.85rem minmax(4rem,1fr) 2.85rem;gap: 0.45rem;align-items: stretch}.lotto-stepper-button{border-radius: 10px;color: var(--luck-action);font-size: 1.3rem;font-weight: 1000;padding: 0}.lotto-toggle{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.25rem;border: 1px solid var(--luck-border);border-radius: 14px;background: #fff;padding: 0.25rem}.lotto-toggle-option{min-height: 40px;border: 0;border-radius: 10px}.lotto-draw-row,.lotto-result-actions{display: flex;justify-content: center;margin-top: 1rem}.lotto-action{border-radius: 10px}.lotto-clear-history{min-height: 38px;padding: 0.5rem 0.8rem}.lotto-action:not(:disabled):hover,.lotto-action:not(:disabled):focus-visible,.lotto-preset:not(.is-active):not(:disabled):hover,.lotto-preset:not(.is-active):not(:disabled):focus-visible,.lotto-toggle-option:not(.is-active):not(:disabled):hover,.lotto-toggle-option:not(.is-active):not(:disabled):focus-visible,.lotto-stepper-button:not(:disabled):hover,.lotto-stepper-button:not(:disabled):focus-visible{border-color: var(--luck-action-hover);color: var(--luck-action-hover);box-shadow: 0 0 0 3px color-mix(in srgb,var(--luck-action) 16%,transparent);outline: 0}.lotto-action-primary:not(:disabled):hover,.lotto-action-primary:not(:disabled):focus-visible{background: var(--luck-action-hover);color: var(--luck-action-text)}.lotto-action:focus-visible,.lotto-preset:focus-visible,.lotto-toggle-option:focus-visible,.lotto-stepper-button:focus-visible{outline: 3px solid color-mix(in srgb,var(--outil-focus) 30%,transparent);outline-offset: 2px}.lotto-action:not(:disabled):active,.lotto-preset:not(:disabled):active,.lotto-toggle-option:not(:disabled):active,.lotto-stepper-button:not(:disabled):active{transform: translateY(2px) scale(0.98)}.lotto-action:disabled,.lotto-stepper-button:disabled{cursor: not-allowed;opacity: 0.58;transform: none;box-shadow: none}.lotto-status{min-height: 1.45rem;margin-top: 0.8rem;text-align: center}.lotto-status.is-error{color: #b91c1c;font-weight: 900}.lotto-balls{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 0.65rem;min-height: 10rem;margin-top: 0.8rem;border: 1px solid var(--luck-border);border-radius: 10px;background: var(--luck-surface);padding: 1rem}.lotto-balls.is-empty{color: var(--luck-text);font-size: 1.8rem;font-weight: 900}.lotto-ball{display: inline-flex;align-items: center;justify-content: center;width: 3.2rem;height: 3.2rem;border: 0.22rem solid var(--luck-action-hover);border-radius: 50%;background: #fff;color: var(--luck-strong);font-size: 1.25rem;font-weight: 1000}.lotto-history{display: grid;gap: 0.5rem;margin: 0.85rem 0 0;padding-left: 1.35rem}.lotto-history li{color: var(--luck-strong);font-weight: 800;line-height: 1.35}.lotto-history li:first-child:not(.is-empty){color: var(--luck-action-hover);font-weight: 1000}.lotto-history li.is-empty{list-style: none;margin-left: -1.35rem;padding: 1.2rem 0;color: var(--luck-text);font-weight: 800;text-align: center}@media (max-width: 900px){.lotto-layout{grid-template-columns: 1fr}}@media (max-width: 620px){.lotto-card{padding: 0.85rem}.lotto-form{grid-template-columns: 1fr}.lotto-preset-group{grid-template-columns: repeat(2,minmax(0,1fr))}.lotto-history-head{display: grid;grid-template-columns: 1fr;justify-items: start}.lotto-action,.lotto-draw-row .lotto-action,.lotto-result-actions .lotto-action,.lotto-clear-history{width: 100%}}@media (prefers-reduced-motion: reduce){[data-tool="tirage-loto"] *,[data-tool="tirage-loto"] *::before,[data-tool="tirage-loto"] *::after{animation-duration: 0.01ms;transition-duration: 0.01ms}}