/* WIND GAME group 4 (2026-10-21): shared one-minute rounds «Рулетка» / «Колесо».
   Layered on coinflip-w.css + wgames3.css (shell, panel, bet board, light theme). */
:root{--lv-gold:#f4ce73;--lv-ink:var(--wg-text-tint);--lv-glass:color-mix(in srgb,var(--wg-s2) 80%,transparent);--lv-line:color-mix(in srgb,var(--wg-accent) 66.7%,transparent);--lv-green:var(--wg-accent);--lv-red:#ff5b6c}
.lv-page .g3-game .stage{min-height:600px;padding:0;overflow:hidden}
.lv-stage{position:absolute;inset:0;z-index:1;overflow:hidden;border-radius:inherit}
.lv-stage .lv-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y}
.lv-stage.lv-no3d::after{content:"";position:absolute;left:50%;top:44%;width:min(70%,360px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
  background:conic-gradient(#c0161f 0 10deg,var(--wg-s1) 10deg 20deg,#c0161f 20deg 30deg,var(--wg-s1) 30deg 40deg,var(--wg-accent-deep) 40deg 50deg,var(--wg-s1) 50deg 60deg,#c0161f 60deg 70deg,var(--wg-s1) 70deg 360deg);
  box-shadow:0 0 0 14px #5a2c10,0 0 0 18px #e5b64f,0 30px 60px #000a;opacity:.9}
/* HUD */
.lv-hud{position:absolute;z-index:3;left:14px;right:14px;top:14px;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;pointer-events:none}
.lv-badge{display:grid;gap:2px;padding:9px 14px 9px 12px;border-radius:16px;background:var(--lv-glass);border:1px solid var(--lv-line);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 10px 26px #0007;color:var(--lv-ink);max-width:70%}
.lv-badge b{display:flex;align-items:center;gap:8px;font-size:15px;letter-spacing:.01em;text-transform:uppercase}
.lv-badge small{color:var(--wg-text-tint);font-size:12px;font-weight:650;padding-left:18px}
.lv-dot{width:10px;height:10px;border-radius:50%;background:var(--wg-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--wg-accent) 20%,transparent);flex:none}
.lv-hud[data-phase="betting"] .lv-dot{background:var(--lv-green);box-shadow:0 0 0 3px color-mix(in srgb,var(--wg-accent) 26.7%,transparent),0 0 14px var(--lv-green);animation:lv-blink 1s ease-in-out infinite}
.lv-hud[data-phase="spin"] .lv-dot{background:var(--lv-red);box-shadow:0 0 0 3px #ff5b6c44,0 0 14px var(--lv-red)}
.lv-hud[data-phase="result"] .lv-dot{background:var(--lv-gold);box-shadow:0 0 0 3px #f4ce7344,0 0 14px var(--lv-gold)}
@keyframes lv-blink{50%{opacity:.45}}
.lv-ring{--p:0;position:relative;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;flex:none;
  background:conic-gradient(var(--lv-ring-c,var(--lv-green)) calc(var(--p)*360deg),#ffffff1c 0);box-shadow:0 10px 26px #0008}
.lv-ring::before{content:"";position:absolute;inset:6px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--wg-s5),var(--wg-s2))}
.lv-ring span{position:relative;font:900 24px/1 system-ui,-apple-system,"Segoe UI",sans-serif;color:#fff;font-variant-numeric:tabular-nums}
.lv-hud[data-phase="spin"] .lv-ring{--lv-ring-c:var(--lv-red)}
.lv-hud[data-phase="result"] .lv-ring{--lv-ring-c:var(--lv-gold)}
.lv-hud[data-phase="betting"] .lv-ring span{animation:none}
.lv-pool{position:absolute;z-index:3;left:14px;top:86px;padding:5px 11px;border-radius:999px;background:color-mix(in srgb,var(--wg-s2) 65.9%,transparent);border:1px solid color-mix(in srgb,var(--wg-accent) 40%,transparent);
  color:var(--wg-text-tint);font-size:12px;font-weight:700;pointer-events:none}
.lv-history{position:absolute;z-index:3;left:14px;right:14px;bottom:92px;display:flex;gap:6px;justify-content:center;flex-wrap:nowrap;overflow:hidden;pointer-events:none;
  -webkit-mask:linear-gradient(90deg,#0000,#000 8%,#000 92%,#0000);mask:linear-gradient(90deg,#0000,#000 8%,#000 92%,#0000)}
.lv-history span,.g3-history span{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 6px;border-radius:9px;color:#fff;
  font:900 13px/1 system-ui,sans-serif;box-shadow:inset 0 0 0 1px #ffffff26,0 4px 10px #0007;flex:none}
.lv-history span.lv-new{outline:2px solid var(--lv-gold);outline-offset:1px;animation:lv-in .5s ease-out}
@keyframes lv-in{from{transform:scale(.4);opacity:0}}
/* result pop */
.lv-pop{--c:var(--wg-accent-lo);position:absolute;z-index:4;left:50%;top:40%;transform:translate(-50%,-50%) scale(.3);opacity:0;pointer-events:none;
  min-width:120px;padding:18px 26px;border-radius:26px;text-align:center;color:#fff;font:900 clamp(44px,8vw,78px)/1 system-ui,-apple-system,"Segoe UI",sans-serif;
  background:radial-gradient(circle at 30% 25%,#ffffff40,#0000 45%),var(--c);border:3px solid var(--lv-gold);
  box-shadow:0 0 0 6px #00000040,0 20px 60px #000b,0 0 60px color-mix(in srgb,var(--c) 70%,transparent);text-shadow:0 3px 0 #0006}
.lv-pop.show{animation:lv-pop 3.4s cubic-bezier(.2,1.4,.3,1) forwards}
@keyframes lv-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}
  20%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-62%) scale(.9)}}
.lv-page .stage-caption{position:absolute;z-index:3;left:12px;right:12px;bottom:12px;padding:12px 16px;border-radius:18px;background:var(--lv-glass);
  border:1px solid var(--lv-line);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-align:center}
/* bet board: hall totals */
.lv-page .g3-bet .lv-hall{font-size:11px;font-weight:700;color:var(--wg-text-tint);opacity:.85;min-height:14px}
.lv-page .g3-bet .lv-hall:empty::before{content:"\00a0"}
.lv-page .g3-bet:disabled{cursor:default}
.lv-page .g3-bet:disabled:not(.has-bet):not(.won){filter:saturate(.75) brightness(.9)}
.lv-mine{margin-top:12px;padding:10px 12px;border-radius:14px;background:var(--wg-s3);border:1px solid var(--wg-accent-lo)}
.lv-mine h3{margin:0 0 6px;font-size:13px;color:var(--wg-text-tint);text-transform:uppercase;letter-spacing:.04em}
.lv-mine ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.lv-mine li{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--wg-text-tint)}
.lv-mine li b{white-space:nowrap;color:var(--wg-text-tint)}
.lv-mine li.win b{color:#9ff27a}
.lv-live-note{display:flex;gap:8px;align-items:center;margin:6px 0 10px;padding:8px 10px;border-radius:12px;background:var(--wg-s3);border:1px dashed var(--wg-accent);
  color:var(--wg-text-tint);font-size:13px;line-height:1.35}
.lv-live-note b{color:var(--lv-gold)}
/* phone */
@media (max-width:860px){
  .lv-page .g3-game .stage{min-height:min(118vw,520px)}
  .lv-ring{width:54px;height:54px}.lv-ring span{font-size:20px}
  .lv-badge b{font-size:13px}.lv-badge{padding:7px 11px 7px 10px}
  .lv-pool{top:72px}
  .lv-history{bottom:84px}.lv-history span{min-width:26px;height:26px;font-size:12px}
}
@media (prefers-reduced-motion:reduce){.lv-pop.show{animation-duration:.01s;opacity:1}}
/* light theme */
html[data-theme="light"] .lv-badge,html[data-theme="light"] .lv-page .stage-caption{background:#ffffffd9;border-color:var(--wg-pale-2);color:var(--wg-s2)}
html[data-theme="light"] .lv-badge small{color:var(--wg-accent-lo)}
html[data-theme="light"] .lv-pool{background:#ffffffcc;color:var(--wg-accent-lo);border-color:var(--wg-pale-2)}
html[data-theme="light"] .lv-ring::before{background:radial-gradient(circle at 35% 30%,#ffffff,var(--wg-pale-2))}
html[data-theme="light"] .lv-ring span{color:var(--wg-s2)}
html[data-theme="light"] .lv-mine{background:var(--wg-pale);border-color:var(--wg-pale-2)}
html[data-theme="light"] .lv-mine h3{color:var(--wg-accent-lo)}
html[data-theme="light"] .lv-mine li{color:var(--wg-s2)}
html[data-theme="light"] .lv-mine li.win b{color:#1f7a36}
html[data-theme="light"] .lv-live-note{background:var(--wg-pale);color:var(--wg-s4);border-color:var(--wg-accent-hi)}
html[data-theme="light"] .lv-live-note b{color:#a66f00}
/* wheel: the result sits at the pointer (top), so the pop goes below the hub */
.g3p-wheel .lv-pop{top:70%}
/* wheel: big indicator of the multiplier under the pointer (owner request 21.10) */
.lv-cur{--c:var(--wg-accent-deep);position:absolute;z-index:3;left:50%;top:14px;transform:translateX(-50%);min-width:96px;padding:8px 18px;border-radius:16px;
  text-align:center;color:#fff;font:900 30px/1 system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--c);border:2px solid var(--lv-gold);
  box-shadow:0 10px 26px #0008,0 0 24px color-mix(in srgb,var(--c) 60%,transparent);text-shadow:0 2px 0 #0007;pointer-events:none}
.lv-cur.bump{animation:lv-bump .18s ease-out}
@keyframes lv-bump{from{transform:translateX(-50%) scale(1.12)}}
@media (max-width:860px){.lv-cur{top:76px;font-size:24px;min-width:80px;padding:6px 14px}}
@media (prefers-reduced-motion:reduce){.lv-cur.bump{animation:none}.lv-history span.lv-new{animation:none}.lv-hud[data-phase="betting"] .lv-dot{animation:none}}
@media (max-width:860px){.g3p-wheel .lv-pool{display:none}}