.random-player,.random-studio{--random-border:var(--color-border,#aab7cc);--random-surface:var(--color-surface,#fff);--random-text:var(--color-text,#162033);--random-muted:var(--color-muted-text,#526079);--random-accent:var(--color-accent,#2563eb);--random-accent-foreground:var(--color-accent-foreground,#fff);color:var(--random-text)}.random-player{background:var(--color-background,#f6f8fc);width:min(100%,72rem);margin-inline:auto;padding:clamp(1rem,3vw,2rem)}.random-player__header,.random-player__controls,.random-player__history,.random-player__result,.random-player__exhausted,.random-player__description,.random-player__visual{width:min(100%,56rem);margin-inline:auto}.random-player__header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.random-player__header h2,.random-player__result h3,.random-player__history h3{margin-block:0 .5rem}.random-player__eyebrow{color:var(--random-muted);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.9rem;font-weight:700}.random-player__policy,.random-player__description,.random-player__remaining,.random-player__history>p{color:var(--random-muted)}.random-player__policy{border:1px solid var(--random-border);background:var(--random-surface);text-align:end;border-radius:.5rem;margin-block:0;padding:.5rem .75rem}.random-player__description{margin-block:0 1rem}.random-player__visual{border:2px solid var(--random-border);background:var(--random-surface);border-radius:1rem;place-items:center;min-height:16rem;padding:1rem;display:grid}.random-player__wheel{aspect-ratio:1;border:.75rem solid var(--random-accent);background:conic-gradient(from 0deg, var(--random-accent) 0 25%, var(--random-surface) 25% 50%, var(--random-accent) 50% 75%, var(--random-surface) 75% 100%);width:min(70vw,18rem);box-shadow:0 0 0 .25rem var(--random-border);border-radius:50%;place-items:center;display:grid}.random-player__wheel-pointer{color:var(--random-accent);align-self:start;font-size:2rem;line-height:1}.random-player__wheel-result{width:65%;min-height:4rem;color:var(--random-text);background:var(--random-surface);overflow-wrap:anywhere;text-align:center;border-radius:50%;place-items:center;padding:.5rem;font-size:clamp(1.25rem,4vw,2rem);font-weight:800;display:grid}.random-player__name-list{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem;width:100%;margin:0;padding:0;list-style:none;display:grid}.random-player__name-list li{border:1px solid var(--random-border);background:var(--random-surface);overflow-wrap:anywhere;border-radius:.5rem;min-width:0;padding:1rem}.random-player__name-list li.is-selected{border-color:var(--random-accent);background:color-mix(in srgb, var(--random-accent) 18%, var(--random-surface));font-weight:800}.random-player__result{border-inline-start:.35rem solid var(--random-accent);background:var(--random-surface);margin-block:1rem;padding:1rem}.random-player__result-value{overflow-wrap:anywhere;margin-block:0;font-size:clamp(1.4rem,4vw,2.25rem);font-weight:800}.random-player__remaining{margin-block:.5rem 0}.random-player__exhausted{border-inline-start:.35rem solid var(--color-danger,#b91c1c);background:var(--random-surface);padding:.75rem 1rem}.random-player__controls{flex-wrap:wrap;gap:.75rem;margin-block:1rem;display:flex}.random-player__controls button,.random-studio button{min-height:2.75rem;padding-inline:1rem}.random-player__draw{color:var(--random-accent-foreground);background:var(--random-accent);border-color:var(--random-accent);font-weight:800}.random-player__history{border:1px solid var(--random-border);background:var(--random-surface);border-radius:.75rem;padding:1rem}.random-player__history ol{gap:.35rem;margin:0;padding-inline-start:1.5rem;display:grid}.random-player__history>p{margin:0}.random-studio{background:var(--color-background,#f6f8fc);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(1rem,3vw,2rem);width:min(100%,80rem);margin-inline:auto;padding:clamp(1rem,3vw,2rem);display:grid}.random-studio__header,.random-studio__validation{grid-column:1/-1}.random-studio__header h1{margin-block:0 .5rem}.random-studio__header p{color:var(--random-muted);margin-block:0}.random-studio__form{border:1px solid var(--random-border);background:var(--random-surface);border-radius:.75rem;gap:1rem;min-width:0;padding:1rem;display:grid}.random-studio__field{gap:.35rem;min-width:0;display:grid}.random-studio__field label,.random-studio__items-heading{font-weight:700}.random-studio__field input,.random-studio__field textarea,.random-studio__field select{border:1px solid var(--random-border);min-width:0;min-height:2.75rem;color:inherit;background:var(--random-surface);border-radius:.4rem;padding-inline:.6rem}.random-studio__field textarea{resize:vertical;padding-block:.6rem}.random-studio__field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.random-studio__items{gap:.75rem;min-width:0;margin:0;padding:0;list-style:none;display:grid}.random-studio__item{align-items:center;gap:.5rem;min-width:0;display:flex}.random-studio__item input{flex:auto}.random-studio__item button{flex:none}.random-studio__add{align-items:end;gap:.5rem;display:flex}.random-studio__add input,.random-studio__add textarea{flex:auto}.random-studio__validation{border-inline-start:.35rem solid var(--color-danger,#b91c1c);background:var(--random-surface);margin:0;padding:.8rem 1rem}.random-studio__issue{color:var(--color-danger,#b91c1c);margin:0;font-size:.9rem}.random-studio__preview{min-width:0}@media (width<=60rem){.random-studio{display:block}.random-studio__preview{margin-block-start:1.5rem}}@media (width<=40rem){.random-player__header{display:block}.random-player__policy{text-align:start;width:fit-content;margin-block-start:.75rem}.random-studio__field-row{grid-template-columns:1fr}.random-studio__item,.random-studio__add{align-items:stretch}}