/* © 2026 Munir Kotadia. All rights reserved. Not to be copied or reused without written permission. */
.nowgroup{margin-top:12px;padding-top:10px;border-top:1px solid var(--edge);display:flex;flex-direction:column;gap:8px}
.nowgroup:not(:has(.nowitem)):has(#windkey[hidden]){display:none}
.windkey{display:flex;justify-content:center;align-items:center;gap:6px}
.nowrow{display:flex;justify-content:center;align-items:stretch;gap:clamp(8px,5vw,28px)}
.nowrow:empty{display:none}
.nowitem{flex:1 1 0;min-width:0;max-width:84px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:3px 4px;border-radius:10px}
.nowitem.caution{box-shadow:inset 0 0 0 2px #FF2D55,inset 0 0 0 3px #fff,0 0 10px rgba(255,45,85,.55);animation:caution 1.6s ease-in-out infinite}
@keyframes caution{0%,100%{box-shadow:inset 0 0 0 2px #FF2D55,inset 0 0 0 3px #fff,0 0 10px rgba(255,45,85,.55)}50%{box-shadow:inset 0 0 0 2px #C9183E,inset 0 0 0 3px #fff,0 0 3px rgba(255,45,85,.3)}}
.nowitem.caution.orange{box-shadow:inset 0 0 0 2px #F18B00,inset 0 0 0 3px #fff,0 0 8px rgba(241,139,0,.5);animation:none}
.nowtxt{text-align:center;font-size:.78rem;font-weight:800;line-height:1.2;color:var(--ink-2);font-variant-numeric:tabular-nums}
.nowtxt.big{color:var(--ink);margin-top:auto}
.nowpic{width:58px;max-width:100%;height:auto;display:block;overflow:visible}
.nowpic text{font-family:var(--f-body)}.nowpic .lab{fill:var(--ink-2);font-weight:800}
.woff{flex:none;font-size:.78rem;font-weight:800;color:var(--planb);margin-left:4px}.woff[hidden]{display:none}
.nowrow:has(.nowitem:nth-child(4)){gap:clamp(4px,2.5vw,24px)}.nowrow:has(.nowitem:nth-child(4)) .nowpic{width:54px}
.nowrow:has(.nowitem:nth-child(5)){gap:2px}.nowrow:has(.nowitem:nth-child(5)) .nowpic{width:46px}.nowrow:has(.nowitem:nth-child(5)) .nowtxt{font-size:.7rem}
.windkey .wtrack{position:relative;display:block;flex:0 1 180px;min-width:60px;height:26px}
.windkey .wbar{position:absolute;left:0;right:0;top:8px;display:block;height:10px;border-radius:5px}
.wnum{position:absolute;top:0;left:calc(13px + (100% - 26px) * var(--t,0));transform:translateX(-50%);width:26px;height:26px;box-sizing:border-box;border:1.8px solid #120F24;border-radius:50%;display:flex;align-items:center;justify-content:center;font:800 12px/1 var(--f-body);font-variant-numeric:tabular-nums;pointer-events:none}
.wnum[hidden]{display:none}
@media (prefers-reduced-motion:no-preference){.wnum{transition:left .25s}}
.windkey .wdot{flex:none;width:14px;height:14px;border-radius:50%;border:1px solid var(--rayedge);margin-left:2px}
.windkey svg.wflag{flex:none;height:30px;width:auto}
.legend .wdot{display:inline-block;width:12px;height:12px;border-radius:50%;border:1px solid var(--rayedge)}
.legend i{display:inline-block;width:11px;height:11px;border-radius:3px;vertical-align:-1px;margin-right:3px;border:1px solid var(--rayedge)}
.legend .bar{display:inline-block;width:18px;height:4px;border-radius:2px;vertical-align:2px;margin-right:3px}

.stale-note{color:var(--cover)!important}
.skyline{margin:2px 0 6px;text-align:center;font-size:.84rem;font-weight:700;color:var(--ink-2);text-wrap:balance}.skyline:empty{display:none}
.odds{margin:4px 0 0;text-align:center;font-size:.8rem;font-weight:700;color:var(--ink-2)}.odds b{color:var(--ink)}
#wheel .ray:focus{outline:none}
.hand-note{margin:6px 0 0;text-align:center;font-size:.72rem;font-weight:700;color:var(--ink-2)}
.flapflag{transform-box:fill-box;transform-origin:0 50%;animation:flap .7s ease-in-out infinite alternate}
@keyframes flap{from{transform:scale(1,1) skewY(0)}to{transform:scale(.92,.86) skewY(-7deg)}}
.kgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}