/* WIND GAME live-round kit (lrk1, 2026-10-21): ONE layout for every shared-round game.
   Stage (scene + HUD + caption + history) on the left / on top, the bet panel always on the right
   (under the stage on a phone), under it the live list «кто / сколько / куда». Nothing overlays the
   scene: HUD, caption and history are rows of their own. Dark neon glass + light theme. */
:root{--lrk-ink:#eaf4ff;--lrk-mute:#9db8d8;--lrk-line:#2d5a8c;--lrk-line2:#3c78b8;--lrk-card:linear-gradient(165deg,#0d2a50f0,#071930f5);
  --lrk-card2:#0a2242;--lrk-field:#06162c;--lrk-green:#36e08a;--lrk-lime:#b8f35a;--lrk-gold:#f4ce73;--lrk-red:#ff5b6c;--lrk-blue:#4fa3ff;
  --lrk-shadow:0 18px 44px #0009;--lrk-r:22px;
  /* red + black chips/accents: override these (or --wg-red / --wg-black of a shared token layer) */
  --lrk-accent:var(--wg-red,#e5243b);--lrk-accent2:var(--wg-red-2,#ff5466);--lrk-chip-bg:var(--wg-black,#141418);--lrk-chip-bg2:var(--wg-black-2,#26262d);--lrk-chip-ink:#fff}
html[data-theme="light"]{--lrk-ink:#13243a;--lrk-mute:#5a6f88;--lrk-line:#c6d6e6;--lrk-line2:#9fbbd6;--lrk-card:linear-gradient(165deg,#fffffff2,#f3f8fcf2);
  --lrk-card2:#eef4fa;--lrk-field:#ffffff;--lrk-green:#14a85a;--lrk-lime:#5fb81c;--lrk-gold:#a8740a;--lrk-red:#d93347;--lrk-blue:#1f6fd1;
  --lrk-shadow:0 14px 34px #0f2a4a1f;--lrk-chip-bg:var(--wg-black,#1b1b21);--lrk-chip-bg2:var(--wg-black-2,#34343c)}
.lrk,.lrk *{box-sizing:border-box}
.lrk{display:grid;grid-template-columns:minmax(0,1fr) clamp(330px,27vw,392px);gap:16px;align-items:start;margin:6px 0 18px;color:var(--lrk-ink);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.lrk-card{background:var(--lrk-card);border:1px solid var(--lrk-line);border-radius:var(--lrk-r);box-shadow:var(--lrk-shadow);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
/* ------------------------------------------------------------------ stage */
.lrk-stage{position:relative;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:10px;padding:14px;min-width:0;overflow:hidden;
  background:radial-gradient(120% 80% at 50% 45%,#16427a 0,#0a2246 45%,#061630 100%);}
html[data-theme="light"] .lrk-stage{background:radial-gradient(120% 80% at 50% 45%,#ffffff 0,#eaf3fb 55%,#dce9f5 100%)}
.lrk-stage::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;opacity:.5;
  background:repeating-conic-gradient(from 0deg at 50% 52%,#ffffff08 0 6deg,#0000 6deg 12deg)}
.lrk-stage>*{position:relative}
.lrk-hud{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;min-height:66px}
.lrk-phase{justify-self:start;display:grid;gap:3px;overflow:hidden;padding:8px 14px 8px 12px;border-radius:16px;background:#061a33cc;border:1px solid var(--lrk-line2);min-width:0;max-width:100%}
html[data-theme="light"] .lrk-phase{background:#ffffffe0}
.lrk-phase b{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:900;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lrk-phase small{font-size:12px;font-weight:700;color:var(--lrk-mute);padding-left:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.lrk-dot{width:10px;height:10px;border-radius:50%;flex:none;background:#7c8aa0;box-shadow:0 0 0 3px #7c8aa033}
.lrk-hud[data-phase="betting"] .lrk-dot{background:var(--lrk-green);box-shadow:0 0 0 3px #36e08a44,0 0 12px var(--lrk-green);animation:lrk-blink 1s ease-in-out infinite}
.lrk-hud[data-phase="spin"] .lrk-dot{background:var(--lrk-red);box-shadow:0 0 0 3px #ff5b6c44,0 0 12px var(--lrk-red)}
.lrk-hud[data-phase="result"] .lrk-dot{background:var(--lrk-gold);box-shadow:0 0 0 3px #f4ce7344,0 0 12px var(--lrk-gold)}
@keyframes lrk-blink{50%{opacity:.4}}
.lrk-cur{--c:#21406e;justify-self:center;min-width:92px;padding:8px 16px;border-radius:16px;text-align:center;color:#fff;
  font:900 28px/1 system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--c);border:2px solid var(--lrk-gold);
  box-shadow:0 8px 22px #0008,0 0 22px color-mix(in srgb,var(--c) 55%,transparent);text-shadow:0 2px 0 #0007;font-variant-numeric:tabular-nums}
.lrk-cur.bump{animation:lrk-bump .18s ease-out}
@keyframes lrk-bump{from{transform:scale(1.1)}}
.lrk-timer{justify-self:end;display:flex;align-items:center;gap:10px;min-width:0}
.lrk-timer-text{display:grid;gap:2px;text-align:right;min-width:0}
.lrk-timer-text b{font-size:12px;font-weight:800;color:var(--lrk-mute);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.lrk-timer-text small{font-size:12px;font-weight:700;color:var(--lrk-mute);white-space:nowrap;font-variant-numeric:tabular-nums}
.lrk-ring{--p:0;--rc:var(--lrk-green);position:relative;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;flex:none;
  background:conic-gradient(var(--rc) calc(var(--p)*360deg),#ffffff1f 0);box-shadow:0 8px 22px #0008}
html[data-theme="light"] .lrk-ring{background:conic-gradient(var(--rc) calc(var(--p)*360deg),#0f2a4a1a 0);box-shadow:0 6px 16px #0f2a4a26}
.lrk-ring::before{content:"";position:absolute;inset:6px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#16406f,#061a33)}
html[data-theme="light"] .lrk-ring::before{background:radial-gradient(circle at 35% 30%,#fff,#dfeaf5)}
.lrk-ring span{position:relative;font:900 24px/1 system-ui,-apple-system,"Segoe UI",sans-serif;color:#fff;font-variant-numeric:tabular-nums}
html[data-theme="light"] .lrk-ring span{color:#13243a}
.lrk-hud[data-phase="spin"] .lrk-ring{--rc:var(--lrk-red)}
.lrk-hud[data-phase="result"] .lrk-ring{--rc:var(--lrk-gold)}
.lrk-hud[data-phase="betting"].lrk-hurry .lrk-ring{--rc:var(--lrk-red);animation:lrk-pulse .5s ease-in-out infinite alternate}
@keyframes lrk-pulse{to{transform:scale(1.06)}}
/* cycle bar: betting | spin | result, the marker = server time */
.lrk-cycle{position:relative;height:8px;border-radius:99px;background:#ffffff14;overflow:hidden;display:flex}
html[data-theme="light"] .lrk-cycle{background:#0f2a4a14}
.lrk-cycle i{display:block;height:100%;opacity:.55}
.lrk-cycle .c-bet{background:var(--lrk-green)}.lrk-cycle .c-spin{background:var(--lrk-red)}.lrk-cycle .c-res{background:var(--lrk-gold)}
.lrk-cycle em{position:absolute;top:-2px;bottom:-2px;width:4px;margin-left:-2px;border-radius:2px;background:#fff;box-shadow:0 0 8px #fff;left:0}
html[data-theme="light"] .lrk-cycle em{background:#13243a;box-shadow:none}
.lrk-scene{position:relative;display:grid;place-items:center;min-height:0;height:clamp(320px,min(calc(100vh - 400px),50vw),640px)}
.lrk-scene canvas{display:block;max-width:100%;max-height:100%}
.lrk-scene.lrk-off::after{content:"";width:min(80%,420px);aspect-ratio:1;border-radius:50%;border:10px solid #e2b04a;
  background:conic-gradient(#4f95ea 0 20%,#3fd6c6 0 40%,#a98dff 0 60%,#ffd76e 0 80%,#ff7a5c 0)}
.lrk-pop{--c:#178a45;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.3);opacity:0;pointer-events:none;z-index:2;
  min-width:120px;padding:16px 26px;border-radius:24px;text-align:center;color:#fff;font:900 clamp(40px,7vw,72px)/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(--lrk-gold);
  box-shadow:0 0 0 6px #00000040,0 20px 60px #000b;text-shadow:0 3px 0 #0006}
.lrk-pop.show{animation:lrk-pop 3.2s cubic-bezier(.2,1.4,.3,1) forwards}
@keyframes lrk-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%,-58%) scale(.9)}}
.lrk-caption{display:grid;gap:3px;justify-items:center;text-align:center;padding:10px 14px;border-radius:16px;background:#061a33b8;border:1px solid var(--lrk-line)}
html[data-theme="light"] .lrk-caption{background:#ffffffd9}
.lrk-caption span{font-size:11px;font-weight:900;letter-spacing:.12em;color:var(--lrk-gold);text-transform:uppercase}
.lrk-caption strong{font-size:17px;font-weight:850;line-height:1.25;min-height:1.25em}
.lrk-history{display:flex;align-items:center;gap:6px;overflow:hidden;min-height:30px;
  -webkit-mask:linear-gradient(90deg,#000 88%,#0000);mask:linear-gradient(90deg,#000 88%,#0000)}
.lrk-history em{font-style:normal;font-size:12px;font-weight:800;color:var(--lrk-mute);margin-right:4px;white-space:nowrap}
.lrk-history span{display:inline-grid;place-items:center;min-width:32px;height:28px;padding:0 6px;border-radius:9px;color:#fff;flex:none;
  font:900 12px/1 system-ui,sans-serif;box-shadow:inset 0 0 0 1px #ffffff2e,0 3px 8px #0006}
.lrk-history span.new{outline:2px solid var(--lrk-gold);outline-offset:1px;animation:lrk-in .45s ease-out}
@keyframes lrk-in{from{transform:scale(.4);opacity:0}}
/* ------------------------------------------------------------------ side panel */
.lrk-side{display:grid;gap:12px;min-width:0}
.lrk-bet{padding:14px;display:grid;gap:12px}
.lrk-wallet{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:14px;background:var(--lrk-field);border:1px solid var(--lrk-line)}
.lrk-wallet span{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:var(--lrk-mute);white-space:nowrap}
.lrk-wallet span::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lrk-green);box-shadow:0 0 8px var(--lrk-green)}
.lrk-wallet strong{font-size:14px;font-weight:900;white-space:nowrap;font-variant-numeric:tabular-nums}
.lrk-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0}
.lrk-h b{font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--lrk-mute)}
.lrk-h small{font-size:12px;font-weight:700;color:var(--lrk-mute);text-align:right}
.lrk-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px;padding-top:4px}
.lrk-tile{--t1:#2a4f86;--t2:#0f2346;position:relative;display:grid;align-content:start;gap:2px;min-height:84px;padding:10px 10px 9px;border-radius:16px;
  border:1px solid color-mix(in srgb,var(--t1) 70%,#fff 10%);background:linear-gradient(160deg,var(--t1),var(--t2));color:#fff;text-align:left;cursor:pointer;
  box-shadow:inset 0 1px 0 #ffffff2e,0 6px 16px #0006;transition:transform .12s,box-shadow .12s,filter .12s;font:inherit;min-width:0}
.lrk-tile:hover:not(:disabled){transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff40,0 10px 22px #0008,0 0 0 2px #ffffff33}
.lrk-tile:active:not(:disabled){transform:translateY(0) scale(.98)}
.lrk-tile:focus-visible{outline:3px solid var(--lrk-gold);outline-offset:2px}
.lrk-tile b{font-size:24px;font-weight:950;line-height:1;letter-spacing:-.01em;text-shadow:0 2px 0 #0005}
.lrk-tile small{font-size:11px;font-weight:750;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lrk-tile .hall{font-size:11px;font-weight:700;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:14px}
.lrk-tile .amt{position:absolute;z-index:2;top:-8px;right:-5px;min-width:26px;height:26px;padding:0 7px;border-radius:13px;display:none;place-items:center;
  font:900 12px/1 system-ui,sans-serif;color:#2a1700;background:radial-gradient(circle at 35% 30%,#fff6cf,#f1c45a 60%,#b8801c);
  box-shadow:0 0 0 2px #fff8,0 4px 10px #0007}
.lrk-tile.has-bet .amt{display:grid}
.lrk-tile.has-bet{box-shadow:inset 0 1px 0 #ffffff40,0 0 0 2px var(--lrk-gold),0 8px 20px #0007}
.lrk-tile:disabled{cursor:default}
.lrk-tile:disabled:not(.has-bet):not(.won){filter:saturate(.7) brightness(.85)}
.lrk-tile.won{box-shadow:0 0 0 3px var(--lrk-lime),0 0 26px color-mix(in srgb,var(--lrk-lime) 60%,transparent);animation:lrk-win 1s ease-in-out 3}
.lrk-tile.lost{filter:grayscale(.6) brightness(.75)}
@keyframes lrk-win{50%{transform:translateY(-3px)}}
.lrk-tile[data-tone="empty"]{--t1:#2a4f86;--t2:#0f2346}.lrk-tile[data-tone="x2"]{--t1:#3f86de;--t2:#173f7c}
.lrk-tile[data-tone="x3"]{--t1:#22b3a5;--t2:#0b5f58}.lrk-tile[data-tone="x5"]{--t1:#8f72f0;--t2:#3d2794}
.lrk-tile[data-tone="x10"]{--t1:#e3ac2f;--t2:#8a5a08}.lrk-tile[data-tone="x50"]{--t1:#f0583f;--t2:#8a1712}
/* chips */
.lrk-chips{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.lrk-own{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.lrk-own label{display:flex;align-items:center;gap:8px;padding:0 12px;height:40px;border-radius:12px;background:var(--lrk-field);border:1px solid var(--lrk-line);min-width:0}
.lrk-own label span{font-size:12px;font-weight:800;color:var(--lrk-mute);white-space:nowrap}
.lrk-own input{flex:1;min-width:0;height:100%;border:0;background:none;color:var(--lrk-ink);font:800 15px/1 system-ui,sans-serif;text-align:right;outline:none}
.lrk-own label:focus-within{border-color:var(--lrk-gold);box-shadow:0 0 0 2px #f4ce7340}
.lrk-own label.invalid{border-color:var(--lrk-red)}
.lrk-own label i{font-style:normal;font-weight:900;color:var(--lrk-mute)}
.lrk-btn{height:40px;padding:0 12px;border-radius:12px;border:1px solid var(--lrk-line2);background:var(--lrk-card2);color:var(--lrk-ink);
  font:800 13px/1 system-ui,sans-serif;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s,transform .12s}
.lrk-btn:hover:not(:disabled){border-color:var(--lrk-gold);transform:translateY(-1px)}
.lrk-btn:disabled{opacity:.45;cursor:default;transform:none}
.lrk-btn.max{color:var(--lrk-gold)}
.lrk-tools{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.lrk-tools .lrk-btn{padding:0 4px;font-size:12px;height:36px}
.lrk-hint{margin:-4px 0 0;font-size:12px;font-weight:700;color:var(--lrk-red)}
.lrk-sum{display:flex;justify-content:space-between;gap:8px;padding:9px 12px;border-radius:12px;background:var(--lrk-field);border:1px dashed var(--lrk-line2);font-size:13px;font-weight:700;color:var(--lrk-mute)}
.lrk-sum b{color:var(--lrk-ink);font-weight:900;font-variant-numeric:tabular-nums}
.lrk-play{width:100%;min-height:52px;padding:10px 14px;border:0;border-radius:16px;cursor:pointer;color:#0b2a12;font:900 16px/1.15 system-ui,sans-serif;
  background:linear-gradient(180deg,#d6ff7a,#7fdc3a);box-shadow:inset 0 1px 0 #fff8,0 8px 22px #7fdc3a44,0 4px 0 #3f8a1a;transition:transform .12s,filter .12s}
.lrk-play:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05)}
.lrk-play:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px 0 #fff8,0 2px 0 #3f8a1a}
.lrk-play:disabled{cursor:default;filter:saturate(.25) brightness(.8);box-shadow:none;color:#22343f}
html[data-theme="light"] .lrk-play:disabled{filter:saturate(.2) brightness(.95)}
.lrk-msg{margin:0;font-size:13px;line-height:1.4;color:var(--lrk-mute);min-height:1.4em}
.lrk-msg.error{color:var(--lrk-red);font-weight:700}
html[data-theme="light"] .lrk-play.placed:disabled,.lrk-play.placed:disabled{filter:none;color:var(--lrk-lime);background:color-mix(in srgb,var(--lrk-lime) 14%,var(--lrk-field));
  box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--lrk-lime) 70%,transparent)}
/* mini timer (HUD out of view) */
.lrk-mini{position:fixed;z-index:60;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));transform:translate(-50%,140%);opacity:0;pointer-events:none;
  display:flex;align-items:center;gap:9px;padding:7px 8px 7px 13px;border-radius:999px;background:#061a33ee;border:1px solid var(--lrk-line2);
  box-shadow:0 10px 30px #000a;color:var(--lrk-ink);font:800 13px/1 system-ui,sans-serif;transition:transform .25s,opacity .25s;white-space:nowrap}
html[data-theme="light"] .lrk-mini{background:#ffffffee}
.lrk-mini.on{transform:translate(-50%,0);opacity:1}
.lrk-mini i{font-style:normal;padding:5px 8px;border-radius:9px;color:#fff;font-weight:900}
.lrk-mini strong{min-width:34px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--lrk-green);color:#05220f;font-weight:900;font-variant-numeric:tabular-nums}
.lrk-mini[data-phase="spin"] strong{background:var(--lrk-red);color:#fff}.lrk-mini[data-phase="result"] strong{background:var(--lrk-gold);color:#2a1700}
.lrk-mini[data-phase="betting"] .lrk-dot{background:var(--lrk-green)}.lrk-mini[data-phase="spin"] .lrk-dot{background:var(--lrk-red)}.lrk-mini[data-phase="result"] .lrk-dot{background:var(--lrk-gold)}
@media (max-width:900px){.lrk-mini{bottom:calc(78px + env(safe-area-inset-bottom))}}
/* live list «кто / сколько / куда» */
.lrk-feed{padding:12px 12px 10px;display:grid;gap:8px}
.lrk-feed ol{list-style:none;margin:0;padding:0 2px 0 0;display:grid;gap:5px;max-height:304px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.lrk-feed li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 8px;border-radius:12px;background:var(--lrk-field);
  border:1px solid transparent;animation:lrk-row .3s ease-out}
@keyframes lrk-row{from{opacity:0;transform:translateY(-4px)}}
.lrk-feed li.me{border-color:var(--lrk-gold);background:color-mix(in srgb,var(--lrk-gold) 12%,var(--lrk-field))}
.lrk-feed .av{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:900 12px/1 system-ui,sans-serif;color:#fff;
  background:linear-gradient(145deg,hsl(var(--h,210) 70% 55%),hsl(var(--h,210) 70% 32%))}
.lrk-feed .av{position:relative;overflow:hidden}.lrk-feed .av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
.lrk-feed .who{display:grid;gap:3px;min-width:0}
.lrk-feed .who b{font-size:13px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lrk-feed .where{display:flex;flex-wrap:wrap;gap:3px}
.lrk-feed .where span{--c:#2a4f86;padding:2px 6px;border-radius:7px;font:800 11px/1.2 system-ui,sans-serif;color:#fff;background:var(--c);white-space:nowrap}
.lrk-feed .sum{display:grid;justify-items:end;gap:2px;font-variant-numeric:tabular-nums}
.lrk-feed .sum b{font-size:13px;font-weight:900;white-space:nowrap}
.lrk-feed .sum small{font-size:11px;font-weight:800;white-space:nowrap;color:var(--lrk-mute)}
.lrk-feed .sum small.win{color:var(--lrk-lime)}
.lrk-feed .empty{display:block;padding:14px 8px;text-align:center;font-size:13px;color:var(--lrk-mute);background:none;animation:none}
.lrk-feed .more{display:block;text-align:center;font-size:12px;color:var(--lrk-mute);background:none;padding:2px;animation:none}
.lrk-mine{padding:12px;display:grid;gap:8px}
.lrk-mine ul{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.lrk-mine li{display:flex;justify-content:space-between;gap:10px;font-size:13px}
.lrk-mine li span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lrk-mine li b{white-space:nowrap;color:var(--lrk-mute)}
.lrk-mine li.win b{color:var(--lrk-lime)}
/* the page's old helpers that live-round pages still use */
.lrk-page .odds-box,.lrk-page .proof,.lrk-page .details{max-width:none}
/* ------------------------------------------------------------------ narrow screens */
@media (max-width:1180px){.lrk{grid-template-columns:minmax(0,1fr) 330px}}
@media (max-width:900px){
  .lrk{grid-template-columns:minmax(0,1fr);gap:12px}
  .lrk-stage{padding:10px;gap:8px}
  .lrk-scene{height:min(86vw,440px)}
  .lrk-hud{min-height:56px;gap:6px}
  .lrk-phase{padding:6px 10px 6px 9px}.lrk-phase b{font-size:12px;gap:6px}.lrk-phase small{font-size:11px;padding-left:16px}
  .lrk-cur{font-size:20px;min-width:64px;padding:7px 9px}
  .lrk-hud{grid-template-columns:minmax(0,1fr) auto auto}
  .lrk-ring{width:52px;height:52px}.lrk-ring span{font-size:20px}
  .lrk-timer-text{display:none}
  .lrk-caption strong{font-size:15px}

  .lrk-feed ol{max-height:260px}
}
@media (max-width:420px){.lrk-tile{min-height:76px;padding:8px}.lrk-tile b{font-size:21px}.lrk-chips{gap:4px}.lrk-chip{font-size:10px}
  .lrk-tools .lrk-btn{font-size:11px}}
@media (prefers-reduced-motion:reduce){.lrk-pop.show{animation-duration:.01s;opacity:1}.lrk-cur.bump,.lrk-history span.new,.lrk-feed li,.lrk-tile.won,
  .lrk-hud[data-phase="betting"] .lrk-dot,.lrk-hud.lrk-hurry .lrk-ring{animation:none}}
/* phone header: the stake bar used to hide the topbar wallet; here it stays visible, so the level chip
   gives way on narrow screens (no sideways scroll) */
@media (max-width:440px){body.lrk-page .mp-top-actions .wg-lvl-chip,body.jp-lrk-page .mp-top-actions .wg-lvl-chip{display:none!important}body.lrk-page .mp-top-actions,body.jp-lrk-page .mp-top-actions{min-width:0}}

/* ONE chip style for every shared game (owner 21.10: «все одного стиля, красно-чёрный, активный выделен»):
   the kit chips, the stake buttons of the skinned pages and the Jackpot presets */
.lrk-chip,body.lrk-skin-page .lrk-skin .panel .stakes button,body.jp-lrk-page .jp-quick button{
  min-width:0;border:0!important;border-radius:999px!important;cursor:pointer;color:var(--lrk-chip-ink)!important;padding:0 4px!important;
  font:900 12px/1 system-ui,-apple-system,"Segoe UI",sans-serif!important;white-space:nowrap;font-variant-numeric:tabular-nums;
  background:radial-gradient(circle at 50% 28%,var(--lrk-chip-bg2),var(--lrk-chip-bg) 70%)!important;
  box-shadow:inset 0 0 0 2px var(--lrk-accent),inset 0 0 0 4px #0000,inset 0 -3px 0 #0006,0 4px 10px #0006!important;
  transition:transform .12s,box-shadow .12s,background .12s;text-shadow:none!important}
.lrk-chip{aspect-ratio:auto;height:38px}
body.lrk-skin-page .lrk-skin .panel .stakes button,body.jp-lrk-page .jp-quick button{height:38px!important;min-height:38px!important}
.lrk-chip:hover:not(:disabled),body.lrk-skin-page .lrk-skin .panel .stakes button:hover:not(:disabled),body.jp-lrk-page .jp-quick button:hover{transform:translateY(-2px)}
.lrk-chip.sel,body.lrk-skin-page .lrk-skin .panel .stakes button.selected,body.jp-lrk-page .jp-quick button.sel{
  background:radial-gradient(circle at 50% 28%,var(--lrk-accent2),var(--lrk-accent) 72%)!important;
  box-shadow:inset 0 0 0 2px #fff,0 0 0 2px var(--lrk-accent),0 6px 16px color-mix(in srgb,var(--lrk-accent) 55%,transparent)!important;transform:translateY(-2px)}
.lrk-chip:disabled{opacity:.5;cursor:default;transform:none}
.lrk-next{position:absolute;left:50%;bottom:14px;z-index:6;transform:translateX(-50%);display:grid;justify-items:center;gap:2px;padding:12px 26px;border-radius:22px;
  background:color-mix(in srgb,var(--lrk-chip-bg) 82%,transparent);border:2px solid var(--lrk-accent);box-shadow:0 18px 50px #000a;pointer-events:none;text-align:center}
.lrk-next small{font:800 13px/1.2 system-ui,sans-serif;color:#fff;letter-spacing:.06em;text-transform:uppercase}
.lrk-next b{font:950 clamp(44px,7vw,72px)/1 system-ui,sans-serif;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 0 24px var(--lrk-accent)}
.lrk-next.tick b{animation:lrk-tick .5s ease-out}
@keyframes lrk-tick{from{transform:scale(1.4);opacity:.4}}
@media (prefers-reduced-motion:reduce){.lrk-next.tick b{animation:none}}
.lrk-cycle{display:none!important}
.lrk-psec{margin-left:6px;font-variant-numeric:tabular-nums;color:var(--lrk-gold);font-weight:950}
.lrk-hud{min-height:52px}