/* ── Slumpa elev: the fairground wheel (see js/widgets/picker-wheel.js) ─────────────────────────────── */
.pw-root{position:relative;width:100%;height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;gap:.35rem;container-type:size;overflow:hidden}
.pw-bunting{width:100%;height:1.4rem;flex:0 0 auto;margin-top:-.25rem}
.pw-tabs{flex:0 0 auto}

/* the marquee sign */
.pw-sign{position:relative;flex:0 0 auto;width:min(100%,32rem);margin:.45rem .3rem .25rem;padding:.55rem 1rem .5rem;text-align:center;color:#fff;border-radius:1rem;
  background:linear-gradient(180deg,#8a2352,#4e1237);box-shadow:inset 0 0 0 .2rem #f6b73c,inset 0 0 0 .3rem #7a4a08,0 .35rem .8rem rgba(40,10,25,.35)}
.pw-sign-main{font-family:"Poppins",sans-serif;font-weight:800;font-size:clamp(1.05rem,6.2cqw,2.1rem);line-height:1.15;text-shadow:0 .1rem .3rem rgba(0,0,0,.45);min-height:1.2em;overflow-wrap:anywhere;color:#ffe9a8}
.pw-sign-main.is-name{color:#fff;animation:pw-pop .7s cubic-bezier(.2,1.5,.4,1) both}
.pw-sign-sub{font-size:clamp(.6rem,2.6cqw,.8rem);font-weight:600;opacity:.8;min-height:1.1em;letter-spacing:.03em}
.pw-sbulbs i{position:absolute;width:.5rem;height:.5rem;margin:-.25rem 0 0 -.25rem;border-radius:50%;background:#fff3b0;box-shadow:0 0 .4rem .1rem rgba(255,226,120,.8);animation:pw-twinkle 2.4s ease-in-out infinite;animation-delay:calc(var(--i)*-.19s)}
.pw-spinning .pw-sbulbs i{animation:pw-chase .7s linear infinite;animation-delay:calc(var(--i)*-.07s)}
.pw-win .pw-sbulbs i{animation:pw-blink .45s steps(2,jump-none) infinite;animation-delay:calc((var(--i) % 2)*-.225s)}
@keyframes pw-pop{0%{transform:scale(.3) rotate(-4deg);opacity:0}60%{transform:scale(1.18) rotate(2deg);opacity:1}100%{transform:scale(1) rotate(0)}}
@keyframes pw-twinkle{0%,100%{opacity:.95}50%{opacity:.45}}
@keyframes pw-chase{0%{opacity:1}50%{opacity:.2}100%{opacity:1}}
@keyframes pw-blink{0%{opacity:1}100%{opacity:.25}}

/* the wheel */
.pw-wheelbox{flex:1 1 0;min-height:0;width:100%;display:grid;place-items:center;container-type:size}
.pw-svg{width:min(100cqw,100cqh);height:min(100cqw,100cqh);cursor:pointer;overflow:visible;-webkit-tap-highlight-color:transparent}
.pw-slice.used{opacity:.32}
.pw-bulb{fill:#fff3b0;opacity:.5}
.pw-root:not(.pw-spinning):not(.pw-win) .pw-bulb{animation:pw-twinkle 2.6s ease-in-out infinite;animation-delay:calc(var(--i)*-.17s)}
.pw-spinning .pw-bulb{animation:pw-chase .7s linear infinite;animation-delay:calc(var(--i)*-.022s);opacity:1}
.pw-win .pw-bulb{opacity:.18}
.pw-win .pw-bulb.lit{opacity:1;fill:#fff6a0;filter:drop-shadow(0 0 3px #ffd54d);animation:pw-blink .4s steps(2,jump-none) infinite}
.pw-flap{transform-origin:200px 14px}
.pw-flap.pw-flick{animation:pw-flick .09s ease-out}
@keyframes pw-flick{0%{transform:rotate(-16deg)}100%{transform:rotate(0)}}

/* buttons under the wheel */
.pw-actions{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.2rem 0 .1rem}
.pw-spin{font-family:"Poppins",sans-serif;font-weight:800;font-size:clamp(.85rem,3.6cqw,1.15rem);color:#5a3500;border:none;border-radius:999px;padding:.6rem 1.8rem;cursor:pointer;
  background:linear-gradient(180deg,#fff0a0,#f2a81d);box-shadow:0 .2rem 0 #b87408,0 .45rem .8rem rgba(120,70,0,.3);transition:transform .08s,box-shadow .08s}
.pw-spin:hover:not(:disabled){transform:translateY(-1px)}
.pw-spin:active:not(:disabled){transform:translateY(.15rem);box-shadow:0 .05rem 0 #b87408}
.pw-spin:disabled{opacity:.55;cursor:default}
.pw-mini{width:2.4rem;height:2.4rem;border-radius:50%;border:none;background:rgba(0,0,0,.07);color:var(--font);display:grid;place-items:center;cursor:pointer}
.pw-mini:hover{background:rgba(0,0,0,.13)}
.pw-mini .material-icons-outlined{font-size:1.2rem}

/* confetti */
.pw-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.pw-confetti i{position:absolute;top:34%;width:.55rem;height:.9rem;border-radius:.1rem;opacity:0;animation:pw-conf 1.9s cubic-bezier(.15,.7,.3,1) forwards}
@keyframes pw-conf{0%{opacity:1;transform:translate(0,0) rotate(0)}70%{opacity:1}100%{opacity:0;transform:translate(var(--dx),calc(var(--dy) * -1 + 60cqh)) rotate(var(--rot))}}
@media (prefers-reduced-motion:reduce){.pw-sbulbs i,.pw-bulb,.pw-sign-main.is-name,.pw-flap.pw-flick{animation:none!important}}
.pw-slice.won path:first-child{stroke:#fff6a0;stroke-width:3.5;filter:drop-shadow(0 0 6px #ffd54d)}

/* ── the settings menu of Slumpa elev ── */
.pw-set{position:fixed;z-index:15000;width:min(21rem,calc(100vw - 1rem));max-height:min(32rem,calc(100vh - 1rem));display:flex;flex-direction:column;gap:.25rem;padding:.75rem .85rem .9rem;overflow:hidden}
.pw-set .nm-mic-title{padding:.15rem .1rem .6rem;margin-bottom:.1rem}
.pw-set-sec{margin:.55rem .1rem .3rem;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--font-sub)}
.pw-set-chips{display:flex;flex-wrap:wrap;gap:.4rem}
.pw-set-chip{height:2.25rem;padding:0 .95rem;border-radius:999px;border:1px solid var(--border,#dedede);background:#fff;color:var(--font);font:600 .85rem "Poppins",sans-serif;cursor:pointer}
.pw-set-chip:hover{background:var(--hover)}
.pw-set-chip.is-on{background:#1f7d8a;border-color:#1f7d8a;color:#fff}
.pw-set-list{display:flex;flex-direction:column;overflow-y:auto;min-height:0;max-height:15rem;border:1px solid var(--border,#dedede);border-radius:1rem;padding:.25rem}
.pw-set-row{display:flex;align-items:center;gap:.7rem;min-height:2.5rem;padding:.15rem .6rem;border-radius:.7rem;cursor:pointer;font-size:.9rem}
.pw-set-row:hover{background:var(--hover)}
.pw-set-row input{appearance:none;-webkit-appearance:none;width:1.25rem;height:1.25rem;flex:0 0 auto;margin:0;border-radius:50%;border:.125rem solid #8fc9d2;background:#fff;display:grid;place-items:center;cursor:pointer;transition:background .12s,border-color .12s}
.pw-set-row input:checked{background:#d6322a;border-color:#d6322a}
.pw-set-row input:checked::after{content:'close';font-family:'Material Icons Outlined';font-feature-settings:'liga';font-size:.9rem;color:#fff;line-height:1}
.pw-set-row.is-out .pw-set-name{text-decoration:line-through;opacity:.55}
.pw-set-empty{padding:.6rem .2rem;font-size:.85rem;color:var(--font-sub)}
.pw-set-done{margin-top:.7rem;height:2.6rem;border:none;border-radius:999px;background:#1f7d8a;color:#fff;font:700 .95rem "Poppins",sans-serif;cursor:pointer}
.pw-set-done:hover{filter:brightness(.94)}
.pw-set-chip{display:inline-flex;align-items:center;gap:.3rem}.pw-set-ic{font-size:1rem!important}.pw-set-star{color:#f6b73c}.pw-set-chip.is-on .pw-set-star{color:#ffd86b}
.pw-set-spin{display:flex;align-items:center;gap:.7rem;padding:.1rem .15rem}.pw-set-range{flex:1;accent-color:#1f7d8a;height:1.6rem}.pw-set-secs{min-width:2.6rem;text-align:right;font-weight:800;font-size:.9rem;color:#1f7d8a}

.pw-list{position:relative}
.pw-badge,.tbl-badge{position:absolute;top:-.2rem;right:-.2rem;min-width:1.15rem;height:1.15rem;padding:0 .3rem;border-radius:999px;background:#d6322a;color:#fff;font:800 .68rem/1.15rem "Poppins",sans-serif;font-style:normal;text-align:center}
.tbl-mini{position:relative}
.cwh-badge{display:inline-block;min-width:1.15rem;height:1.15rem;padding:0 .3rem;border-radius:999px;background:#6a58f0;color:#fff;font:800 .68rem/1.15rem "Poppins",sans-serif;font-style:normal;text-align:center}
.drawn-pop{position:fixed;z-index:15000;width:min(19rem,calc(100vw - 1rem));max-height:min(26rem,calc(100vh - 1rem));display:flex;flex-direction:column;padding:.75rem .85rem .85rem;overflow:hidden;font-family:"Poppins",sans-serif}
.drawn-h{display:flex;align-items:center;gap:.5rem;padding:.1rem .1rem .6rem;border-bottom:1px solid var(--border,#dedede);margin-bottom:.5rem}
.drawn-t{font-weight:800;font-size:1rem;color:var(--font)}
.drawn-n{font-weight:800;font-size:.78rem;color:#1f7d8a;background:#e3f4f6;border-radius:999px;padding:.05rem .6rem}
.drawn-x{margin-left:auto;width:2.2rem;height:2.2rem;border:none;border-radius:50%;background:transparent;color:var(--font);cursor:pointer;display:grid;place-items:center}
.drawn-x:hover{background:var(--hover)}
.drawn-l{list-style:none;margin:0;padding:0;overflow-y:auto;display:flex;flex-direction:column;gap:.35rem}
.drawn-l li{display:flex;align-items:center;gap:.7rem;min-height:2.6rem;padding:.15rem .6rem .15rem .35rem;border-radius:999px;background:color-mix(in srgb,var(--c) 14%,#fff);animation:drawn-in .25s ease-out both}
.drawn-i{flex:0 0 auto;width:1.9rem;height:1.9rem;border-radius:50%;display:grid;place-items:center;background:var(--c);color:#fff;font-weight:800;font-size:.85rem;text-shadow:0 1px 2px rgba(0,0,0,.25)}
.drawn-name{font-weight:700;font-size:.95rem;overflow-wrap:anywhere}
.drawn-none{padding:1rem .3rem;font-size:.9rem;color:var(--font-sub);text-align:center}
@keyframes drawn-in{from{opacity:0;transform:translateY(.3rem)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.drawn-l li{animation:none}}
.pw-mini.pw-list{width:auto;padding:0 .9rem 0 .7rem;gap:.35rem;border-radius:999px}.pw-list-t{font:700 .8rem "Poppins",sans-serif;white-space:nowrap}
@container (max-width:22rem){.pw-list-t{display:none}.pw-mini.pw-list{width:2.4rem;padding:0}}
.pw-mini.pw-list{flex-direction:row;display:inline-flex;align-items:center;justify-content:center}.pw-mini.pw-list .material-icons-outlined{margin:0}

/* ── Slumpa elev's buttons share the look of Tombola's: the orange pill with a 3D edge, white round helper buttons ── */
.pw-spin{color:#fff;font-weight:800;border-radius:999px;background:linear-gradient(180deg,#ff8a5c,#f0562d);box-shadow:0 .25rem 0 #b83a14,0 .6rem 1rem rgba(240,86,45,.3);height:3.2rem;padding:0 2rem;font-size:clamp(1rem,4.6cqw,1.3rem)}
.pw-spin:hover:not(:disabled){transform:translateY(-1px)}
.pw-spin:active:not(:disabled){transform:translateY(.2rem);box-shadow:0 .05rem 0 #b83a14}
.pw-spin:disabled{opacity:.55;box-shadow:none}
.pw-mini{width:2.6rem;height:2.6rem;background:#fff;color:var(--font);box-shadow:0 .05rem .3rem rgba(0,0,0,.14)}
.pw-mini:hover{background:#fff1ea}
.pw-mini.pw-list{width:auto;height:2.6rem}
.pw-set-chip.is-on{background:#f0562d;border-color:#f0562d;color:#fff}
.pw-set-chip:hover{background:#fff1ea}.pw-set-chip.is-on:hover{background:#f0562d}
.pw-set-done{background:linear-gradient(180deg,#ff8a5c,#f0562d);box-shadow:0 .2rem 0 #b83a14;height:2.8rem}
.pw-set-done:active{transform:translateY(.15rem);box-shadow:0 .03rem 0 #b83a14}
.pw-set-range,.pw-set-secs{accent-color:#f0562d}.pw-set-secs{color:#f0562d}
.pw-badge{background:#f0562d}
.pw-set-sec{color:var(--font-sub)}
.pw-set-done{flex:0 0 auto;min-height:2.8rem}.pw-set-list{flex:0 1 auto}
/* Many classes pushed the name list to zero height and the Klar button out of the box (overflow:hidden). Let the whole menu scroll; nothing inside shrinks. */
.pw-set{overflow-y:auto;overscroll-behavior:contain}.pw-set>*{flex-shrink:0}.pw-set-list{flex:0 0 auto;max-height:15rem}