/* Dreidel Night */
#pot,#cnts{pointer-events:none}
.gl{position:absolute;left:0;top:0;min-width:30px;height:24px;padding:0 8px;border-radius:999px;background:rgba(22,12,51,.74);color:#FFF8EC;font-weight:800;font-size:13px;line-height:24px;text-align:center;border:1.5px solid rgba(255,255,255,.18);will-change:transform;font-variant-numeric:tabular-nums;z-index:1;white-space:nowrap}
.gl.me{border-color:rgba(88,233,191,.8)}
.gl.pot{background:rgba(255,74,152,.92);border-color:rgba(255,255,255,.5);font-size:14px;height:26px;line-height:26px}
.gl.out{opacity:.45}
#banner{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%) scale(.6);opacity:0;pointer-events:none;z-index:4;text-align:center;padding:14px 26px 16px;border-radius:22px;background:rgba(22,12,51,.86);border:2px solid rgba(255,255,255,.2);box-shadow:0 18px 50px rgba(0,0,0,.45);transition:opacity .25s,transform .35s cubic-bezier(.2,1.6,.4,1);min-width:220px}
#banner.show{opacity:1;transform:translate(-50%,-50%) scale(1)}
#banner .bw{font-size:44px;font-weight:800;letter-spacing:.02em;line-height:1.05}
#banner .bm{font-size:16px;font-weight:700;color:var(--cream);margin-top:4px}
#banner.gimmel{border-color:var(--mint)}#banner.gimmel .bw{color:var(--mint)}
#banner.hey{border-color:#9FD0FF}#banner.hey .bw{color:#9FD0FF}
#banner.shin{border-color:var(--pink)}#banner.shin .bw{color:var(--pink)}
#banner.nun{border-color:var(--lav)}#banner.nun .bw{color:var(--lav)}
#spinbox{display:flex;align-items:center;gap:10px;flex:0 0 auto}
#spinbox.hide{display:none}
#meter{position:relative;width:132px;height:16px;border-radius:999px;background:rgba(255,255,255,.12);border:1.5px solid rgba(255,255,255,.25);overflow:hidden}
#meter .zone{position:absolute;top:0;bottom:0;left:40%;width:20%;background:rgba(88,233,191,.55)}
#meter .zone:after{content:"";position:absolute;top:0;bottom:0;left:40%;width:20%;background:rgba(88,233,191,.95)}
#meter .needle{position:absolute;top:-2px;bottom:-2px;width:4px;margin-left:-2px;left:0;border-radius:2px;background:#fff;box-shadow:0 0 6px rgba(255,255,255,.8)}
#spin{min-width:84px}
#start .seg#op button{font-size:13px;padding:0 3px}
.seg.dim{opacity:.4}
@media (max-width:420px){#meter{width:96px}#banner .bw{font-size:38px}#msg small{font-size:11.5px}}
@media (min-width:900px){.gl{font-size:15px;height:28px;line-height:28px}.gl.pot{font-size:17px;height:32px;line-height:32px}#banner .bw{font-size:56px}#banner .bm{font-size:19px}}