.random-wheel-panel{--wheel-white: #fffdf5;--wheel-gold: #fcd34d;--wheel-dark: var(--primary-dark,#173c6c);--wheel-text: var(--outil-texte);--wheel-strong: var(--outil-fonce);--wheel-surface: var(--outil-surface);--wheel-border: var(--outil-bord);--wheel-action: var(--outil-action);--wheel-action-hover: var(--outil-action-hover);--wheel-action-text: var(--outil-action-texte);--wheel-rotation: 0deg;display: grid;gap: 1rem}.random-wheel-intro,.random-wheel-status{margin: 0;color: var(--wheel-text);line-height: 1.55}.random-wheel-layout{display: grid;grid-template-columns: minmax(300px,1fr) minmax(280px,420px);gap: 1rem;align-items: stretch}.random-wheel-card{border: 1px solid var(--wheel-border);border-radius: 14px;background: #fff;box-shadow: 0 10px 28px rgb(var(--outil-ombre-rgb) / 0.08);padding: 1rem}.random-wheel-card h2{margin: 0;color: var(--wheel-dark);font-size: 1.08rem;font-weight: 900;line-height: 1.2}.random-wheel-card-head{display: flex;align-items: center;justify-content: space-between;gap: 0.75rem;margin-bottom: 0.85rem}.random-wheel-count{display: inline-flex;align-items: center;justify-content: center;min-height: 2rem;padding: 0.3rem 0.65rem;border: 1px solid var(--wheel-border);border-radius: 10px;background: var(--wheel-surface);color: var(--wheel-dark);font-size: 0.9rem;font-weight: 900;white-space: nowrap}.random-wheel-choice-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.75rem}.random-wheel-choice-field{display: grid;gap: 0.35rem;min-width: 0}.random-wheel-choice-label{color: var(--wheel-strong);font-size: 0.92rem;font-weight: 900}.random-wheel-choice-control{display: grid;grid-template-columns: 2.35rem minmax(0,1fr);min-width: 0;min-height: 42px;border: 1px solid var(--wheel-border);border-radius: 10px;background: #fff;overflow: hidden;transition: border-color 0.16s ease,box-shadow 0.16s ease}.random-wheel-choice-control:focus-within{border-color: var(--wheel-action-hover);box-shadow: 0 0 0 3px color-mix(in srgb,var(--wheel-action) 16%,transparent)}.random-wheel-choice-swatch{display: block;min-height: 100%;background: var(--wheel-choice-color,var(--wheel-border))}.random-wheel-choice-control .random-wheel-choice-input{display: block;width: 100%;min-width: 0;min-height: 40px;border: 0;border-radius: 0;background: transparent;background-image: none;color: var(--wheel-strong);font: inherit;font-weight: 800;padding: 0.58rem 0.7rem;outline: 0;box-shadow: none;appearance: none}.random-wheel-choice-control .random-wheel-choice-input:focus{border: 0;border-radius: 0;background: transparent;background-image: none;box-shadow: none}.random-wheel-examples{display: flex;flex-wrap: wrap;align-items: center;gap: 0.55rem;margin-top: 0.9rem;color: var(--wheel-text);font-weight: 900}.random-wheel-chip,.random-wheel-action{display: inline-flex;align-items: center;justify-content: center;min-width: 0;min-height: 42px;border: 1px solid var(--wheel-border);border-radius: 10px;background: #fff;color: var(--wheel-dark);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}.random-wheel-chip:not(:disabled):hover,.random-wheel-chip:not(:disabled):focus-visible,.random-wheel-action:not(:disabled):hover,.random-wheel-action:not(:disabled):focus-visible{border-color: var(--wheel-action-hover);color: var(--wheel-action-hover);box-shadow: 0 0 0 3px color-mix(in srgb,var(--wheel-action) 16%,transparent)}.random-wheel-chip:focus-visible,.random-wheel-action:focus-visible{outline: 3px solid color-mix(in srgb,var(--outil-focus) 30%,transparent);outline-offset: 2px}.random-wheel-action:not(:disabled):active,.random-wheel-chip:not(:disabled):active{transform: translateY(1px)}.random-wheel-action-primary{min-width: min(100%,12rem);border-color: var(--wheel-action);background: var(--wheel-action);color: var(--wheel-action-text)}.random-wheel-action-primary:not(:disabled):hover,.random-wheel-action-primary:not(:disabled):focus-visible{background: var(--wheel-action-hover);color: var(--wheel-action-text)}.random-wheel-actions{display: flex;flex-wrap: wrap;justify-content: center;gap: 0.65rem}.random-wheel-actions-secondary{justify-content: center;margin-top: 1.35rem}.random-wheel-stage{display: grid;justify-items: center;align-content: start;gap: 0.9rem;text-align: center;overflow: hidden}.random-wheel-wrap{position: relative;display: grid;place-items: center;width: min(100%,330px);aspect-ratio: 1;filter: drop-shadow(0 18px 28px rgb(var(--outil-ombre-rgb) / 0.16))}.random-wheel-pointer{position: absolute;top: -0.1rem;left: 50%;z-index: 4;width: 0;height: 0;transform: translateX(-50%);border-left: 14px solid transparent;border-right: 14px solid transparent;border-top: 30px solid var(--wheel-dark)}.random-wheel-pointer::after{content: "";position: absolute;top: -25px;left: -7px;width: 14px;height: 14px;border-radius: 50%;background: var(--wheel-gold)}.random-wheel-disc{position: relative;width: 92%;aspect-ratio: 1;border: 10px solid var(--wheel-dark);border-radius: 50%;background: conic-gradient(var(--wheel-white) 0deg 180deg,var(--wheel-gold) 180deg 360deg);overflow: hidden;transform: rotate(var(--wheel-rotation));transition: transform 4.8s cubic-bezier(0.12,0.72,0.16,1)}.random-wheel-disc::after{content: "";position: absolute;inset: 0;border-radius: 50%;background: radial-gradient(circle at 34% 28%,rgb(255 255 255 / 0.36),rgb(255 255 255 / 0) 43%);pointer-events: none}.random-wheel-disc.is-spinning{transition-duration: 5.2s}.random-wheel-segments{position: absolute;inset: 0;z-index: 1}.random-wheel-segment-label{position: absolute;left: 50%;top: 50%;z-index: 2;width: 0;height: 0;transform: rotate(var(--wheel-label-angle));transform-origin: center}.random-wheel-segment-label span{position: absolute;left: 2.9rem;top: 50%;display: -webkit-box;width: clamp(4.15rem,18vw,5.8rem);max-height: 2.3em;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;padding: 0.16rem 0.28rem;border-radius: 6px;background: var(--wheel-label-bg,transparent);color: var(--wheel-label-text,var(--wheel-dark));font-size: clamp(0.58rem,1.9vw,0.76rem);font-weight: 1000;line-height: 1.12;overflow-wrap: anywhere;text-align: center;text-shadow: 0 1px 2px rgb(255 255 255 / 0.72);transform: translateY(-50%) rotate(var(--wheel-label-readable));transform-origin: center}.random-wheel-center{position: absolute;z-index: 3;left: 50%;top: 50%;width: 4.4rem;height: 4.4rem;transform: translate(-50%,-50%);border: 7px solid var(--wheel-dark);border-radius: 50%;background: url("/assets/img/logo-appergo.svg") center / 58% auto no-repeat,#fff;box-shadow: 0 0 0 5px rgb(255 255 255 / 0.64)}.random-wheel-result{display: flex;align-items: center;justify-content: center;min-height: 3.35rem;width: 100%;margin: 0;padding: 0.65rem 0.85rem;border: 1px solid var(--wheel-dark);border-left: 0.55rem solid var(--wheel-result-color,var(--wheel-gold));border-radius: 10px;background: var(--wheel-result-bg,var(--wheel-dark));color: var(--wheel-result-text,#fffdf5);font-size: clamp(1.45rem,4.2vw,2.45rem);font-weight: 1000;line-height: 1.08;overflow-wrap: anywhere;box-shadow: 0 10px 24px rgb(var(--outil-ombre-rgb) / 0.12)}.random-wheel-result.is-empty{min-height: 2rem;padding: 0;border: 0;background: transparent;color: #7a8ca5;font-size: 2rem;box-shadow: none}.random-wheel-history-card{display: grid;gap: 0.85rem}.random-wheel-history{display: grid;grid-template-columns: repeat(auto-fit,minmax(9rem,1fr));gap: 0.55rem;margin: 0;padding: 0;list-style: none}.random-wheel-history li{min-width: 0;border: 1px solid var(--wheel-border);border-left: 0.45rem solid var(--wheel-history-color,var(--wheel-border));border-radius: 10px;background: var(--wheel-surface);color: var(--wheel-dark);font-weight: 900;padding: 0.65rem 0.75rem;overflow-wrap: anywhere}.random-wheel-history li.is-empty{border-left-color: var(--wheel-border);border-style: dashed;color: #7a8ca5;font-weight: 800}.random-wheel-panel button:disabled{cursor: not-allowed;opacity: 0.58;transform: none;box-shadow: none}@media (max-width: 900px){.random-wheel-layout{grid-template-columns: 1fr}.random-wheel-stage{order: -1}}@media (max-width: 560px){.random-wheel-card{padding: 0.85rem}.random-wheel-card-head,.random-wheel-actions-secondary{display: grid;grid-template-columns: 1fr;align-items: stretch}.random-wheel-choice-grid{grid-template-columns: 1fr}.random-wheel-count,.random-wheel-action,.random-wheel-action-primary,.random-wheel-action-secondary{width: 100%}.random-wheel-wrap{width: min(100%,290px)}.random-wheel-segment-label span{left: 2.45rem;width: 4.15rem;font-size: 0.58rem}}@media (prefers-reduced-motion: reduce){.random-wheel-panel *,.random-wheel-panel *::before,.random-wheel-panel *::after{animation-duration: 0.01ms;transition-duration: 0.01ms}}