.lot-stage{text-align:center;place-items:center;gap:16px;display:grid}.lot-stage span{color:var(--muted);text-transform:uppercase;font-weight:800}.lot-stage strong{overflow-wrap:anywhere;max-width:900px;font-size:5rem;font-weight:950;line-height:.95}.lot-drum{place-items:center;width:min(100%,720px);min-height:clamp(390px,46vw,540px);padding:24px;display:grid;position:relative}.lot-glass{aspect-ratio:1;border:2px solid color-mix(in srgb, var(--product-accent), white 54%);background:radial-gradient(circle at 34% 24%, #ffffffa6, transparent 20%), radial-gradient(circle at 50% 60%, color-mix(in srgb, var(--product-accent), transparent 84%), transparent 64%), #ffffff4d;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border-radius:50%;width:clamp(250px,34vw,380px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 10px #ffffff3d,inset 0 -28px 64px #141c201a,0 34px 76px #141c202e}.lot-glass:after{content:"";border:1px solid #ffffff9e;border-radius:50%;position:absolute;inset:5%}.lot-glass>span{--lot-angle:calc(var(--lot-index) * 47deg);--lot-radius:clamp(54px, 9vw, 112px);border:1px solid color-mix(in srgb, var(--product-accent), black 8%);background:color-mix(in srgb, var(--product-accent), white 77%);width:84px;min-height:30px;color:color-mix(in srgb, var(--product-accent), black 24%);text-overflow:ellipsis;white-space:nowrap;transform:translate(-50%, -50%) rotate(var(--lot-angle)) translateX(var(--lot-radius)) rotate(calc(var(--lot-angle) * -1));animation:16s linear infinite lot-name-orbit;animation-delay:calc(var(--lot-index) * -500ms);will-change:transform;border-radius:999px;place-items:center;padding:6px 10px;font-size:.72rem;font-weight:850;display:grid;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 9px 18px #141c2021}.lot-drum[data-drawing=true] .lot-glass>span{animation-duration:2.4s}.lot-reveal{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--paper), transparent 4%);opacity:0;min-width:150px;max-width:44%;transition:opacity var(--motion-medium) var(--ease-interface), transform var(--motion-medium) var(--ease-interface);place-items:center;gap:7px;padding:15px;display:grid;position:absolute;inset-block-end:clamp(22px,5vw,58px);inset-inline-end:clamp(28px,7vw,88px);transform:translateY(12px)scale(.96);box-shadow:0 20px 48px #141c2024}.lot-reveal[data-active=true]{opacity:1;transform:translateY(0)scale(1)}.lot-reveal i{border:1px solid color-mix(in srgb, var(--product-accent), black 12%);background:linear-gradient(90deg, var(--product-accent) 0 49%, #ffffffdb 49% 51%, color-mix(in srgb, var(--product-accent), white 55%) 51%);width:72px;height:27px;box-shadow:0 9px 20px color-mix(in srgb, var(--product-accent), transparent 74%);border-radius:999px}.lot-reveal strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.lot-assignment-list{opacity:0;width:min(290px,48%);max-height:70%;transition:opacity var(--motion-medium) var(--ease-interface), transform var(--motion-medium) var(--ease-interface);gap:8px;display:grid;position:absolute;inset-block-end:18px;inset-inline-end:clamp(18px,4vw,48px);overflow:auto;transform:translateY(10px)}.lot-assignment-list[data-active=true]{opacity:1;transform:translateY(0)}.lot-assignment-list>article,.lot-assignment-list>strong{border:1px solid var(--line);background:color-mix(in srgb, var(--paper), transparent 3%);border-radius:14px;gap:4px;padding:11px 13px;display:grid;box-shadow:0 14px 32px #141c2021}.lot-assignment-list span{color:var(--muted);text-transform:uppercase;font-size:.7rem;font-weight:800}.lot-assignment-list button{color:var(--product-accent);font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:.72rem;font-weight:800}.lot-drum[data-drawing=true] .lot-reveal strong{animation:lot-label-reveal 1.28s var(--ease-interface) both}html[data-theme=dark] .lot-glass{background:radial-gradient(circle at 34% 24%, #ffffff21, transparent 20%), radial-gradient(circle at 50% 60%, color-mix(in srgb, var(--product-accent), transparent 68%), transparent 64%), #0f151a85}@media (max-width:600px){.lot-drum{min-height:410px;padding:16px}.lot-glass{width:min(78vw,320px)}.lot-reveal{max-width:none;inset-block-end:16px;inset-inline:22px}}.lot-drum-frame{z-index:0;aspect-ratio:1;pointer-events:none;background:0 0;border:clamp(10px,1.4vw,16px) solid #87745c;border-radius:50%;width:clamp(286px,39vw,430px);display:block;position:absolute;box-shadow:inset 0 0 0 3px #d8c39e,0 30px 64px #141c2038}.lot-drum-frame:after{content:none}.lot-glass{z-index:1;background:linear-gradient(118deg, #ffffff6b, transparent 22% 69%, #82c5cf1f), radial-gradient(circle at 52% 62%, color-mix(in srgb, var(--product-accent), transparent 84%), transparent 64%), #e2f6f829;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:#b1d9dfb8;box-shadow:inset 0 0 0 9px #ffffff29,inset -22px -30px 54px #14363e1a,0 30px 66px #141c2029}.lot-glass:before{z-index:2;content:"";background:linear-gradient(90deg,#0000,#ffffff7a,#0000);border-radius:50%;width:18%;height:48%;position:absolute;top:8%;left:16%;transform:rotate(28deg)}.lot-drum[data-drawing=true] .lot-glass{animation:lot-drum-rock 1.5s var(--ease-interface) both;will-change:transform}.lot-drum[data-drawing=true] .lot-glass>span{will-change:transform;animation-duration:.42s}@media (max-width:600px){.lot-drum-frame{width:min(84vw,352px)}}.tool-page[data-product=draw-lots] .lot-drum{--lot-diameter:clamp(270px, 31vw, 410px);--lot-radius:clamp(70px, calc(var(--lot-diameter) / 3.5), 112px);grid-template-columns:minmax(0,1fr) minmax(220px,280px);align-content:center;place-items:center;gap:clamp(20px,3vw,36px);width:min(100%,920px);min-width:0;min-height:460px;margin-inline:auto;padding:clamp(24px,3vw,40px);display:grid}.tool-page[data-product=draw-lots] .lot-drum-visual{width:var(--lot-diameter);aspect-ratio:1;place-items:center;min-width:0;margin:0 auto;display:grid;position:relative}.tool-page[data-product=draw-lots] .lot-drum-frame{width:100%;inset:0}.tool-page[data-product=draw-lots] .lot-glass{width:calc(var(--lot-diameter) - 36px)}.tool-page[data-product=draw-lots] .lot-assignment-list{z-index:2;align-self:center;width:100%;max-width:280px;max-height:min(470px,60vh);position:relative;inset:auto;overflow:hidden auto}.tool-page[data-product=draw-lots] .lot-assignment-list>article{overflow-wrap:anywhere;min-width:0}.tool-page[data-product=draw-lots] .lot-assignment-list>article strong{font-size:clamp(1rem,1.6vw,1.2rem)}@media (max-width:1350px){.tool-page[data-product=draw-lots] .lot-drum{--lot-diameter:clamp(250px, 34vw, 375px);grid-template-columns:minmax(0,1fr);gap:6px}.tool-page[data-product=draw-lots] .lot-assignment-list{max-width:min(100%,420px)}}@media (max-width:600px){.tool-page[data-product=draw-lots] .lot-drum{--lot-diameter:min(70vw, 330px);min-height:360px;padding:24px 6px}.tool-page[data-product=draw-lots] .lot-assignment-list{max-height:300px}}html .table-page[data-product=draw-lots] .lot-drum{min-height:0;box-shadow:none;background:0 0;border:0;padding:0}@media (min-width:961px){html .table-page[data-product=draw-lots] .lot-drum{--lot-diameter:clamp(220px, min(31vw, calc(100svh - 470px)), 410px)}}html .table-page .lot-assignment-list{color:var(--ink)}@keyframes lot-label-reveal{0%,68%{opacity:0;transform:rotateX(76deg)}to{opacity:1;transform:rotateX(0)}}@keyframes lot-drum-rock{0%,to{transform:rotate(0)scale(1)}18%{transform:rotate(-2.2deg)scale(1.008)}38%{transform:rotate(2.6deg)scale(1.012)}60%{transform:rotate(-1.8deg)scale(1.006)}78%{transform:rotate(1deg)scale(1.002)}}@keyframes lot-name-orbit{0%{transform:translate(-50%, -50%) rotate(var(--lot-angle)) translateX(var(--lot-radius)) rotate(calc(var(--lot-angle) * -1))}to{transform:translate(-50%, -50%) rotate(calc(var(--lot-angle) + 360deg)) translateX(var(--lot-radius)) rotate(calc((var(--lot-angle) + 360deg) * -1))}}