[data-tool="carte-aleatoire"]{--rc-accent: var(--outil-action);--rc-accent-hover: var(--outil-action-hover);--rc-accent-text: var(--outil-action-texte);--rc-surface: var(--outil-surface);--rc-surface-soft: color-mix(in srgb,var(--outil-surface) 72%,#fff);--rc-border: var(--outil-bord);--rc-text: var(--outil-texte);--rc-strong: var(--outil-fonce);--rc-red: #dc2626;--rc-shadow: 0 10px 28px rgb(var(--outil-ombre-rgb) / 0.08);display: grid;gap: 1rem;color: var(--rc-text)}[data-tool="carte-aleatoire"] *,[data-tool="carte-aleatoire"] *::before,[data-tool="carte-aleatoire"] *::after{box-sizing: border-box}[data-tool="carte-aleatoire"] button{font: inherit;cursor: pointer}[data-tool="carte-aleatoire"] button:disabled{cursor: not-allowed;opacity: 0.58}.random-card-intro,.random-card-status,.random-card-history-empty{margin: 0;color: var(--rc-text);line-height: 1.55}.random-card-layout{display: grid;grid-template-columns: minmax(280px,0.82fr) minmax(280px,1fr);gap: 1rem;align-items: stretch}.random-card-card{border: 1px solid var(--rc-border);border-radius: 14px;background: #fff;box-shadow: var(--rc-shadow);padding: 1rem}.random-card-card h2,.random-card-card h3,.random-card-control-title{margin: 0;color: var(--rc-strong);font-size: 1.05rem;font-weight: 900;line-height: 1.2}.random-card-draw-card{display: grid;grid-template-rows: auto minmax(15rem,1fr) auto auto;gap: 0.9rem;align-content: start;text-align: center}.random-card-stage{display: grid;place-items: center;min-height: 16rem;perspective: 900px}.random-card-visual{position: relative;display: grid;grid-template-rows: auto 1fr auto;width: min(12rem,72vw);aspect-ratio: 5 / 7;padding: 1rem;border: 2px solid currentColor;border-radius: 14px;background: #fff;box-shadow: 0 16px 34px rgb(var(--outil-ombre-rgb) / 0.14);color: #111827;overflow: hidden;transform-origin: center}.random-card-visual.is-red{color: var(--rc-red)}.random-card-visual.is-empty{color: #111827;background: linear-gradient(135deg,#fff 0%,color-mix(in srgb,var(--rc-surface) 66%,#fff) 100%)}.random-card-visual.is-drawing{animation: random-card-flip 1.04s ease}.random-card-visual::before{content: "";position: absolute;inset: 0;z-index: 2;border-radius: 12px;background: url("/assets/img/logo-appergo.svg") center / 46% auto no-repeat,linear-gradient(135deg,color-mix(in srgb,var(--rc-accent) 78%,#fff) 0%,var(--primary-dark,var(--rc-strong)) 100%);box-shadow: inset 0 0 0 0.45rem rgb(255 255 255 / 0.28);opacity: 0;pointer-events: none;transition: opacity 0.08s ease}.random-card-visual.is-back::before{opacity: 1}.random-card-visual.is-back .random-card-rank,.random-card-visual.is-back .random-card-suit,.random-card-visual.is-back .random-card-name{opacity: 0}.random-card-rank{position: relative;z-index: 1;justify-self: start;font-size: 2.2rem;font-weight: 900;line-height: 1}.random-card-suit{position: absolute;inset: 0;display: grid;place-items: center;color: var(--rc-accent);font-size: 4.35rem;line-height: 1}.random-card-visual.is-red .random-card-suit{color: var(--rc-red)}.random-card-name{position: relative;z-index: 1;align-self: end;justify-self: center;color: currentColor;font-size: 0.95rem;font-weight: 900;line-height: 1.25;text-align: center}.random-card-draw-actions,.random-card-history-actions{display: flex;flex-wrap: wrap;gap: 0.65rem}.random-card-draw-actions{justify-content: center}.random-card-action{display: inline-flex;align-items: center;justify-content: center;min-width: 0;min-height: 42px;padding: 0.65rem 0.95rem;border: 1px solid var(--rc-border);border-radius: 10px;background: #fff;color: var(--rc-strong);font-weight: 900;line-height: 1.15;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-card-action:hover,.random-card-action:focus-visible{border-color: var(--rc-accent-hover);color: var(--rc-accent-hover);box-shadow: 0 0 0 3px color-mix(in srgb,var(--rc-accent) 16%,transparent)}.random-card-action:focus-visible,.random-card-selector-button:focus-visible{outline: 3px solid color-mix(in srgb,var(--outil-focus) 30%,transparent);outline-offset: 2px}.random-card-action:active,.random-card-selector-button:active{transform: translateY(1px)}.random-card-action-primary{min-width: min(100%,12rem);border-color: var(--rc-accent);background: var(--rc-accent);color: var(--rc-accent-text)}.random-card-action-primary:hover,.random-card-action-primary:focus-visible{background: var(--rc-accent-hover);color: var(--rc-accent-text)}.random-card-action-secondary{min-width: min(100%,11rem)}.random-card-settings{display: grid;gap: 1rem;align-content: start}.random-card-settings>h2{color: var(--primary-dark,var(--rc-strong));text-align: center}.random-card-control-block{display: grid;gap: 0.65rem}.random-card-selector{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 4px;padding: 4px;border: 1px solid var(--rc-border);border-radius: 12px;background: var(--rc-surface)}.random-card-selector-button{min-width: 0;min-height: 40px;padding: 0.55rem 0.7rem;border: 0;border-radius: 9px;background: transparent;color: var(--rc-strong);font-weight: 900;line-height: 1.15;text-align: center;transition: transform 0.12s ease,background-color 0.16s ease,color 0.16s ease}.random-card-selector-button:hover,.random-card-selector-button:focus-visible{background: var(--rc-surface-soft);color: var(--rc-accent-hover)}.random-card-selector-button.is-active{background: var(--rc-accent);color: var(--rc-accent-text)}.random-card-stats{display: grid;gap: 0.75rem;padding-top: 1rem;border-top: 1px solid var(--rc-border)}.random-card-stat-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.65rem}.random-card-stat{display: grid;justify-items: center;align-content: center;gap: 0.25rem;text-align: center;min-width: 0;padding: 0.75rem;border: 1px solid var(--rc-border);border-radius: 10px;background: var(--rc-surface)}.random-card-stat-wide{grid-column: 1 / -1}.random-card-stat span{color: var(--rc-text);font-size: 0.88rem;font-weight: 800}.random-card-stat strong{color: var(--rc-strong);font-size: 1.12rem;line-height: 1.2;overflow-wrap: anywhere}.random-card-history-card{display: grid;gap: 0.85rem}.random-card-history-header{display: flex;align-items: flex-start;justify-content: space-between;gap: 0.75rem}.random-card-history-header h2{margin-right: auto;text-align: left}.random-card-history-actions{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));justify-content: flex-end}.random-card-history-empty[hidden]{display: none}.random-card-history{display: grid;grid-template-columns: repeat(auto-fit,minmax(9.5rem,1fr));gap: 0.55rem;margin: 0;padding: 0;list-style: none}.random-card-history li{display: flex;justify-content: space-between;gap: 0.5rem;min-width: 0;padding: 0.65rem 0.75rem;border: 1px solid var(--rc-border);border-radius: 10px;background: var(--rc-surface);color: var(--rc-strong);font-weight: 900;animation: random-card-appear 0.22s ease both}.random-card-history li span{min-width: 0;overflow-wrap: anywhere}.random-card-history .is-red{color: var(--rc-red)}@keyframes random-card-flip{0%{transform: rotateY(0deg) translateY(0)}48%{transform: rotateY(180deg) translateY(-0.35rem)}52%{transform: rotateY(180deg) translateY(-0.35rem)}100%{transform: rotateY(360deg) translateY(0)}}@keyframes random-card-appear{from{opacity: 0;transform: translateY(0.25rem)}to{opacity: 1;transform: translateY(0)}}@media (max-width: 900px){.random-card-layout{grid-template-columns: 1fr}.random-card-draw-card{grid-template-rows: auto auto auto auto}}@media (max-width: 560px){.random-card-card{padding: 0.85rem}.random-card-stage{min-height: 13rem}.random-card-visual{width: min(10rem,72vw)}.random-card-draw-actions,.random-card-history-header{display: grid;grid-template-columns: 1fr;align-items: stretch}.random-card-history-actions{grid-template-columns: repeat(2,minmax(0,1fr))}.random-card-action,.random-card-action-primary,.random-card-action-secondary{width: 100%;min-width: 0}.random-card-stat-grid,.random-card-selector{grid-template-columns: 1fr}}@media (prefers-reduced-motion: reduce){[data-tool="carte-aleatoire"] *,[data-tool="carte-aleatoire"] *::before,[data-tool="carte-aleatoire"] *::after{animation-duration: 0.01ms;transition-duration: 0.01ms}}