.wheel-body{flex-direction:column;flex:1;display:flex}.wheel-stage{background-color:var(--sun);background-image:radial-gradient(#15110d14 22%,#0000 24%);background-size:22px 22px;flex:none;height:min(100vw,62dvh);min-height:16rem;position:relative;overflow:hidden}.wheel-fill{place-items:center;display:grid;position:absolute;inset:0;container-type:size}.wheel-box{width:min(100cqi,100cqb,100dvh - 7.25rem);height:min(100cqi,100cqb,100dvh - 7.25rem);position:relative;container-type:size}.wheel-spin{background:var(--ink);box-shadow:1.6cqi 1.6cqi 0 var(--ink);touch-action:manipulation;border-radius:50%;position:absolute;inset:3cqi}.wheel-spin:disabled{cursor:not-allowed}.wheel-spin:focus-visible{outline:4px dashed var(--ink);outline-offset:2px}.wheel-disc{width:100%;height:100%;font-family:var(--font-pop-body), ui-rounded, system-ui, sans-serif;will-change:transform;font-weight:800;display:block;transform:rotate(-17deg)}.wheel-disc-display{font-family:var(--font-pop-display), ui-rounded, system-ui, sans-serif;font-weight:400}.wheel-off{opacity:.38}.wheel-hub{border:1.1cqi solid var(--ink);background:var(--cream);width:21cqi;height:21cqi;color:var(--ink);border-radius:50%;place-items:center;font-size:6cqi;line-height:1;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wheel-spin:disabled .wheel-hub{color:#15110d80}.wheel-pointer{transform-origin:100%;pointer-events:none;width:9.5cqi;filter:drop-shadow(.5cqi .5cqi 0 var(--ink));margin-top:-4.07cqi;position:absolute;top:50%;right:0}.wheel-pointer svg{display:block}.wheel-panel{border-top:6px solid var(--ink);background:var(--orange);min-width:0;color:var(--ink);flex-direction:column;flex:1;gap:.875rem;padding:.875rem 1rem 1.25rem;display:flex}.wheel-readout{text-align:center;place-items:center;min-height:4.5rem;display:grid}.wheel-ticker{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:1.75rem;line-height:1.1;overflow:hidden}.pop-stamp.wheel-picked{overflow-wrap:anywhere;font-size:clamp(1.5rem,4.5vw,2.25rem);font-weight:400}.wheel-order{flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.wheel-order ol{flex-wrap:wrap;gap:.375rem;width:100%;max-height:6.25rem;display:flex;overflow-y:auto}.wheel-order li{border:2px solid var(--ink);background:var(--cream);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:100%;padding:.125rem .625rem;font-size:.9375rem;font-weight:700;overflow:hidden}.pop-btn.wheel-small{min-height:2.625rem;padding-inline:1rem;font-size:1rem}.wheel-entries{flex-direction:column;flex:1;gap:.375rem;font-size:.9375rem;font-weight:700;display:flex}.wheel-entries>span{flex-wrap:wrap;justify-content:space-between;gap:0 .75rem;display:flex}.wheel-entries b{font-weight:800}.wheel-entries textarea{border:3px solid var(--ink);background:var(--cream);width:100%;min-height:8rem;color:var(--ink);resize:vertical;border-radius:16px;flex:1;padding:.625rem .75rem;font-size:1rem;font-weight:600;line-height:1.35}.wheel-entries textarea:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.wheel-share{flex-wrap:wrap;gap:.75rem;display:flex}.wheel-share .pop-btn{flex:auto}.wheel-clear:disabled{opacity:.45;cursor:not-allowed}@media (min-width:52rem),(orientation:landscape) and (min-width:40rem){.wheel-body{grid-template-columns:minmax(0,1fr) minmax(18rem,26rem);display:grid}.wheel-stage{height:auto;min-height:0}.wheel-fill{place-items:start center}.wheel-panel{border-top:0;border-left:6px solid var(--ink)}}@media (min-width:64rem){.wheel-fill{place-items:center}}@media (prefers-reduced-motion:no-preference){.wheel-off{transition:opacity .25s}@media (hover:hover){.wheel-spin:not(:disabled):hover .wheel-hub{scale:1.06}}}