/* Brass Dial — skin of the table shell: an engraved brass instrument. Layout stays the shell's; this file draws the
   gauge (art.js), the instrument panel under it, the knurled knob that is the main button, the HUD as an engraved
   plate with rivets, and the cogs of the big wins. Every colour is a token from skin.js themeMap. */
:root{--display:"Cinzel",Georgia,"Times New Roman",serif;--ui:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--radius:10px;--radius-sm:7px;--prim-radius:50%}

/* the scene: the enamelled steel of the instrument panel the gauge is mounted in — lit from the top left by the same
   lamp as the gauge, darker towards the floor, one static grain layer (no blend mode: the ambient canvas animates) */
.bd-scene{background:radial-gradient(ellipse 58% 46% at 36% 26%,color-mix(in srgb,var(--primary) 8%,transparent),transparent 72%),
  linear-gradient(180deg,color-mix(in srgb,var(--bg) 90%,#fff) 0%,var(--bg) 42%,color-mix(in srgb,var(--bg) 78%,#000) 100%)}
.bd-scene::before{content:"";position:absolute;inset:5px;border:1px solid var(--line);border-radius:16px;opacity:.45;
  box-shadow:inset 1px 1px 0 color-mix(in srgb,var(--line) 40%,transparent)}
.bd-scene::after{content:"";position:absolute;inset:0;background:var(--grain) 0 0/160px 160px;opacity:.05}
.bd-scene i{display:none}
/* the title: Cinzel in the dial's brass, no shadow (a shadow stops axe checking its contrast) */
.logo h1{font-weight:700;letter-spacing:.04em}

/* ---- the gauge (art.js): turned brass bezel, brushed face, enamel band, blued needle, counter drums ---- */
.table-game .board.tboard{flex:1 1 0;min-height:120px;container-type:size}
.bd-gauge{position:relative;width:min(100cqw,100cqh,540px);height:min(100cqw,100cqh,540px)}
/* the instrument's shadow on the panel, cast down-right (static: painted once) */
.bd-gauge::before{content:"";position:absolute;inset:2%;border-radius:50%;pointer-events:none;box-shadow:5px 10px 26px -2px rgb(0 0 0 / .62),1px 3px 5px rgb(0 0 0 / .4)}
.bd-svg{position:relative;display:block;width:100%;height:100%}
.bd-svg stop.m-hi{stop-color:var(--m-hi)}.bd-svg stop.m-mid{stop-color:var(--m-mid)}.bd-svg stop.m-deep{stop-color:var(--m-deep)}
.bd-svg stop.m-bounce{stop-color:var(--m-bounce)}.bd-svg stop.m-lo{stop-color:var(--m-lo)}
.bd-svg stop.f-hi{stop-color:var(--f-hi)}.bd-svg stop.f-mid{stop-color:var(--face)}.bd-svg stop.f-lo{stop-color:var(--f-lo)}
.bd-svg stop.b0{stop-color:transparent}.bd-svg stop.b1{stop-color:var(--brush)}
.bd-svg stop.sh-a{stop-color:#000;stop-opacity:.42}.bd-svg stop.sh-b{stop-color:#000;stop-opacity:.1}.bd-svg stop.sh-0{stop-color:#000;stop-opacity:0}
.bd-svg stop.z-lo{stop-color:var(--z-lo)}.bd-svg stop.z-mid{stop-color:var(--zone)}.bd-svg stop.z-hi{stop-color:var(--z-hi)}
.bd-svg stop.g-a{stop-color:#fff;stop-opacity:.1}.bd-svg stop.g-0{stop-color:#fff;stop-opacity:0}
.bd-svg stop.e-a{stop-color:#fff;stop-opacity:.7}.bd-svg stop.e-0{stop-color:#fff;stop-opacity:0}.bd-svg stop.e-b{stop-color:#fff;stop-opacity:.2}
.bd-svg stop.c-a{stop-color:#000;stop-opacity:.72}.bd-svg stop.c-0{stop-color:#000;stop-opacity:0}
.bd-edge{fill:none;stroke-width:1.6}
.bd-knurl-base{fill:none;stroke:var(--knurl);stroke-width:15}
.bd-knurl{fill:none;stroke-width:15}
.bd-rim{fill:none;stroke-width:5}
.bd-screw circle{stroke:var(--m-lo);stroke-width:.8}
.bd-screw path{stroke:var(--m-lo);stroke-width:2.2;stroke-linecap:round}
.bd-screw path.lip{stroke:var(--m-hi);stroke-width:1;opacity:.6}
.bd-sheen{opacity:var(--sheen-o,1)}
.bd-sheen .lt{fill:#fff;fill-opacity:.034}.bd-sheen .dk{fill:#000;fill-opacity:.045}
.bd-shade{fill:none;stroke-width:12}
.bd-track{fill:none;stroke:var(--track);stroke-width:11}
.bd-groove circle{fill:none;stroke:var(--engrave);stroke-width:1;opacity:.5}
.bd-zone{fill:none;stroke-width:11;transition:stroke-dasharray .28s cubic-bezier(.3,1.25,.5,1),stroke-dashoffset .28s cubic-bezier(.3,1.25,.5,1),stroke-width .3s var(--ease-out,ease-out)}
.bd-index{transform-box:view-box;transform-origin:0 0;transition:transform .28s cubic-bezier(.3,1.25,.5,1)}
.bd-index path:first-child{fill:var(--engrave)}.bd-index path:last-child{fill:none;stroke:var(--engrave);stroke-width:2.4}
.bd-tick path{fill:none;stroke:var(--engrave)}
.bd-tick .minor{stroke-width:1.3}.bd-tick .mid{stroke-width:2.2}.bd-tick .major{stroke-width:3.4}
.bd-tick.lip path,.bd-num.lip text,.bd-cap.lip{stroke:none;fill:none}
.bd-tick.lip path{stroke:var(--lip);opacity:.5}
.bd-num.lip text,.bd-cap.lip{fill:var(--lip);opacity:.45}
.bd-num text{font-family:var(--display);font-weight:700;font-size:19px;fill:var(--engrave);text-anchor:middle}
.bd-pin circle{stroke:var(--m-lo);stroke-width:.8}
.bd-cap{font-family:var(--display);font-weight:700;font-size:15px;letter-spacing:.1em;fill:var(--engrave);text-anchor:middle}
.bd-pay{font-family:var(--display);font-weight:700;font-size:42px;fill:var(--engrave);text-anchor:middle}
.bd-rule{font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:.05em;fill:var(--engrave);text-anchor:middle}
/* the counter: a recessed window in a brass frame, four drums, the curve of the drums darkening top and bottom */
.bd-win-bg{fill:var(--window)}
.bd-cells rect{fill:var(--drum)}
.bd-digits text{font-family:var(--ui);font-weight:700;font-size:33px;fill:var(--digit);text-anchor:middle;transition:fill var(--t-base,220ms) var(--ease-std,ease)}
.bd-dot{fill:var(--digit)}
.bd-dash{fill:none;stroke:var(--digit);stroke-width:4;stroke-linecap:round;opacity:.75}
.bd-window.blank .bd-digits{visibility:hidden}
.bd-window:not(.blank) .bd-dash{display:none}
.bd-win-glint{fill:none;stroke:#fff;stroke-opacity:.13;stroke-width:1.2;stroke-linecap:round}
.is-hit .bd-digits text,.is-hit .bd-dot{fill:var(--digit-hit)}
.is-miss .bd-digits text,.is-stale .bd-digits text{fill:var(--digit-miss)}
.is-hit .bd-zone{stroke-width:15}
/* the needle: blued steel with a lit ridge, an enamel counterweight; its shadow is a copy (no filter on moving parts) */
.bd-nshadow{fill:#000;fill-opacity:.24;stroke:#000;stroke-opacity:.09;stroke-width:4;stroke-linejoin:round}
.bd-needle .blade{fill:var(--needle)}
.bd-needle .ridge{fill:none;stroke:var(--needle-hi);stroke-width:1.1;stroke-linecap:round;opacity:.85}
.bd-needle .weight{stroke:var(--needle);stroke-width:2}
.bd-needle .spec,.bd-spec{fill:#fff;opacity:.55}
.is-stale .bd-needle,.is-stale .bd-nshadow{opacity:.45}
.bd-hub{stroke:var(--m-lo);stroke-width:1}
.bd-slot{fill:none;stroke:var(--needle);stroke-width:2.8;stroke-linecap:round}
.bd-slot.lip{stroke:var(--m-hi);stroke-width:1.2;opacity:.55}
/* the glass: a broad soft sheet from the lamp's side, a bright rim arc, a faint bounce opposite, one sharp glint */
.bd-glass{pointer-events:none}
.bd-glass .rim{fill:none;stroke:#fff;stroke-opacity:.32;stroke-width:1.6;stroke-linecap:round}
.bd-glass .bounce{fill:none;stroke:#fff;stroke-opacity:.1;stroke-width:1.2;stroke-linecap:round}
.bd-glass .spec{fill:#fff;opacity:.5}
/* the payout and the call line, printed over the needle: a halo of the face colour keeps every glyph clear of it */
.bd-print text{paint-order:stroke fill;stroke:var(--face);stroke-width:5px;stroke-linejoin:round}
.bd-print .bd-pay{stroke-width:7px}
/* smaller gauges (phones, short screens; the gauge is min(board width, board height)): larger captions and call line,
   so they stay about 10 px or more on screen */
@container (max-width:380px) or (max-height:380px){
  .bd-cap{font-size:17px;letter-spacing:.08em}
  .bd-rule{font-size:20px;letter-spacing:.03em}
}
@container (max-width:290px) or (max-height:290px){
  .bd-cap{font-size:20px;letter-spacing:.06em}
  .bd-rule{font-size:22px;letter-spacing:.02em}
}
/* variant "plain": a smooth rim, no knurling, no screws */
body[data-variant="plain"] .bd-knurl,body[data-variant="plain"] .bd-knurl-base,body[data-variant="plain"] .bd-screw{display:none}
body[data-variant="plain"] .bd-bezel{r:184px}
body[data-variant="plain"] .bd-edge{r:183px}
body[data-variant="plain"] .bd-gauge::before{inset:5%}

/* ---- the instrument panel: side, win chance, payout, the rail. A brass-edged plate (lit top edge, shaded lower edge
   as box-shadows: the surface under the text stays one solid colour, so its contrast can be checked) ---- */
.bd-panel{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:8px 10px;width:100%;max-width:900px;padding:9px 12px;border-radius:var(--radius);
  background:var(--plate);border:1.5px solid var(--line);
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--m-hi) 22%,transparent),inset 0 -2px 0 rgb(0 0 0 / .22),inset 0 0 0 3px var(--plate),inset 0 0 0 4px color-mix(in srgb,var(--line) 45%,transparent),0 8px 18px -6px rgb(0 0 0 / .45)}
/* no overflow:hidden on the pair (it clipped the focus ring): the outer corners are rounded on the buttons instead, and a
   focused button rises over its neighbour so the whole ring shows */
.bd-side{display:flex;flex:none;border:1.5px solid var(--line);border-radius:var(--radius-sm);box-shadow:inset 0 2px 4px rgb(0 0 0 / .35)}
.bd-sw:first-child{border-radius:calc(var(--radius-sm) - 1.5px) 0 0 calc(var(--radius-sm) - 1.5px)}
.bd-sw:last-child{border-radius:0 calc(var(--radius-sm) - 1.5px) calc(var(--radius-sm) - 1.5px) 0}
.bd-sw:focus-visible{position:relative;z-index:1}
.bd-sw{display:flex;align-items:center;justify-content:center;gap:7px;min-width:92px;min-height:50px;padding:0 16px;border:0;background:var(--ibtn-bg);color:var(--ink);
  font-family:var(--ui);font-weight:700;font-size:16px;letter-spacing:.01em;
  transition:background-color var(--t-fast,140ms) var(--ease-std,ease),color var(--t-fast,140ms) var(--ease-std,ease),box-shadow var(--t-press,90ms) var(--ease-out,ease-out)}
.bd-sw+.bd-sw{border-left:1.5px solid var(--line)}
.bd-sw svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
/* the chosen side: a brass key pressed home — lit top lip, shaded foot */
.bd-sw[aria-pressed="true"]{background:var(--sw-on);color:var(--sw-on-ink);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 45%,transparent),inset 0 -3px 0 rgb(0 0 0 / .2)}
.bd-sw:not([aria-pressed="true"]):hover:not(:disabled){color:var(--primary-hi)}
.bd-sw:active:not(:disabled){box-shadow:inset 0 2px 4px rgb(0 0 0 / .35)}
/* the two counter windows: recessed glass over black, the figures in the counter colour */
.bd-field{display:grid;grid-template-rows:auto 1fr;flex:1 1 120px;min-width:84px;max-width:170px;min-height:50px;padding:4px 10px 3px;border-radius:var(--radius-sm);
  background:var(--window);border:1.5px solid var(--line);cursor:text;box-shadow:inset 0 3px 5px rgb(0 0 0 / .5),inset 0 -1px 0 color-mix(in srgb,#fff 8%,transparent)}
.bd-field:focus-within{outline:3px solid var(--focus);outline-offset:2px}
.bd-lab{font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--digit);line-height:1.3;white-space:nowrap}
.bd-lab b{font-weight:inherit}.bd-lab b+b{display:none}
.bd-in{display:flex;align-items:center;min-width:0;color:var(--digit);font-weight:700;font-size:19px;font-variant-numeric:tabular-nums}
.bd-in i{font-style:normal;padding:0 1px}
.bd-in input{flex:0 1 auto;min-width:0;width:5.4ch;margin:0;padding:0;border:0;outline:0;background:transparent;color:inherit;font:inherit;font-variant-numeric:tabular-nums}
.bd-rail{display:flex;align-items:center;gap:8px;flex:1 1 300px;min-width:230px}
.bd-nudge{flex:none;width:44px;height:44px;padding:0;border-radius:50%;border:1.5px solid var(--line);background:var(--ibtn-bg);color:var(--ibtn-ink);font-size:24px;font-weight:700;line-height:1;display:grid;place-items:center;
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--m-hi) 18%,transparent),0 2px 3px rgb(0 0 0 / .3);
  transition:border-color var(--t-fast,140ms) var(--ease-std,ease),transform var(--t-press,90ms) var(--ease-out,ease-out)}
.bd-nudge:hover:not(:disabled){border-color:var(--primary)}
.bd-nudge:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 3px rgb(0 0 0 / .35)}
.bd-panel :disabled{opacity:.5;cursor:default}
#bdRangeIn{flex:1 1 auto;min-width:0;height:44px;margin:0;padding:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}
#bdRangeIn:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}
/* the rail: a slot cut in the plate (shadow at its top), enamel up to the setting */
#bdRangeIn::-webkit-slider-runnable-track{height:12px;border-radius:6px;border:1.5px solid var(--line);box-shadow:inset 0 2px 3px rgb(0 0 0 / .45);
  background:linear-gradient(90deg,var(--rail-fill) var(--fill,50%),var(--rail) var(--fill,50%))}
#bdRangeIn::-moz-range-track{height:12px;border-radius:6px;border:1.5px solid var(--line);box-shadow:inset 0 2px 3px rgb(0 0 0 / .45);background:linear-gradient(90deg,var(--rail-fill) var(--fill,50%),var(--rail) var(--fill,50%))}
/* the thumb: a small knurled knob under the same top-left light */
#bdRangeIn::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:30px;height:30px;margin-top:-10.5px;border-radius:50%;border:3px solid var(--knob-cap);
  background:radial-gradient(circle at 34% 28%,rgb(255 255 255 / .5),transparent 46%),linear-gradient(135deg,transparent 40%,rgb(0 0 0 / .32)),repeating-conic-gradient(var(--knurl-a) 0 12deg,var(--knurl-b) 12deg 24deg);
  box-shadow:2px 3px 5px rgb(0 0 0 / .45)}
#bdRangeIn::-moz-range-thumb{width:24px;height:24px;border-radius:50%;border:3px solid var(--knob-cap);
  background:radial-gradient(circle at 34% 28%,rgb(255 255 255 / .5),transparent 46%),linear-gradient(135deg,transparent 40%,rgb(0 0 0 / .32)),repeating-conic-gradient(var(--knurl-a) 0 12deg,var(--knurl-b) 12deg 24deg)}

/* ---- the main button: a knurled dial knob; its knurled ring turns a third of a turn per roll (::before, transform only),
   the cap and the light on it stay still (::after): a lit top-left, a shaded lower right, a groove round the cap ---- */
.table-game .spin.tprim{--s:78px;width:var(--s);min-width:0;height:var(--s);padding:0;border-radius:50%;background:none;color:var(--knob-ink);isolation:isolate;
  box-shadow:4px 8px 16px -2px rgb(0 0 0 / .55),1px 2px 3px rgb(0 0 0 / .4)}
.table-game .spin.tprim::before{content:"";position:absolute;inset:0;z-index:-2;border-radius:50%;transform:rotate(var(--knob,0deg));transition:transform .8s cubic-bezier(.3,1.5,.45,1);
  background:radial-gradient(circle at 50% 5px,var(--knob-cap) 0 2.6px,transparent 3.2px),repeating-conic-gradient(var(--knurl-a) 0 5deg,var(--knurl-b) 5deg 10deg)}
.table-game .spin.tprim::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:50%;
  background:radial-gradient(circle at 36% 30%,rgb(255 255 255 / .42),transparent 36%),
    radial-gradient(circle closest-side,var(--knob-cap) 0 calc(100% - 12px),var(--knurl-b) calc(100% - 11.5px) calc(100% - 10px),transparent calc(100% - 9.5px)),
    linear-gradient(135deg,rgb(255 255 255 / .26),transparent 42%,transparent 58%,rgb(0 0 0 / .34))}
.table-game .spin.tprim span{max-width:none;font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:.04em}
.table-game .auto{background:var(--ibtn-bg)}

/* ---- the HUD: an engraved instrument plate with four rivets (labels in the shell's sentence case) ---- */
.hud.thud{position:relative;background:var(--hud-bg);border:1.5px solid var(--line);
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--m-hi) 20%,transparent),inset 0 -2px 0 rgb(0 0 0 / .22),inset 0 0 0 3px var(--hud-bg),inset 0 0 0 4px color-mix(in srgb,var(--line) 50%,transparent),0 10px 22px -6px rgb(0 0 0 / .5)}
.hud.thud::before{content:"";position:absolute;inset:3px;pointer-events:none;--rv:radial-gradient(circle at 40% 36%,var(--m-hi) 0 .8px,var(--screw) 1.4px 2.5px,rgb(0 0 0 / .4) 2.7px 3.3px,transparent 3.6px);
  background:var(--rv) left top/8px 8px no-repeat,var(--rv) right top/8px 8px no-repeat,var(--rv) left bottom/8px 8px no-repeat,var(--rv) right bottom/8px 8px no-repeat}
.thud .meter b{font-family:var(--ui)}
.tstrip li{font-family:var(--ui)}
.message{font-weight:600}
.message b{color:var(--ink);font-weight:800}

/* ---- rules: the payout table ---- */
.bd-paywrap{overflow-x:auto;margin:8px 0 4px}
.bd-paytab{border-collapse:collapse;font-variant-numeric:tabular-nums;min-width:min(100%,320px)}
.bd-paytab th,.bd-paytab td{padding:6px 16px;border-bottom:1px solid var(--line);text-align:right}
.bd-paytab th{font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--muted)}
.bd-paytab tr.now td{font-weight:800;background:color-mix(in srgb,var(--line) 30%,transparent)}

/* ---- big wins: turned brass cogs out of the bezel (lit hub, darker rim; transform / opacity only) ---- */
.bd-cogs{position:fixed;inset:0;z-index:35;pointer-events:none;overflow:hidden}
.bd-cogs i{position:absolute;width:24px;height:24px;margin:-12px 0 0 -12px;background:radial-gradient(circle at 40% 36%,var(--m-hi),var(--cog) 46%,var(--m-deep));
  -webkit-mask:var(--cog-mask) center/contain no-repeat;mask:var(--cog-mask) center/contain no-repeat;
  opacity:0;animation:bd-cog 2.2s cubic-bezier(.3,.55,.5,1) var(--d,0ms) forwards}
@keyframes bd-cog{0%{opacity:0;transform:translate(0,0) rotate(0) scale(var(--s))}10%{opacity:1}
  45%{transform:translate(calc(var(--dx) * .6),var(--h)) rotate(calc(var(--r) * .5)) scale(var(--s))}100%{opacity:0;transform:translate(var(--dx),55vh) rotate(var(--r)) scale(var(--s))}}

/* ---- narrow screens: the call on one row (side, chance, payout), the rail under it ---- */
@media (max-width:640px){
  .bd-panel{padding:7px;gap:7px}
  .bd-sw{min-width:64px;padding:0 10px;font-size:15px;letter-spacing:0}
  .bd-sw svg{display:none}
  .bd-field{flex:1 1 84px;min-width:76px;padding:3px 8px 2px}
  .bd-in{font-size:18px}
  .bd-lab b:first-child:not(:only-child){display:none}.bd-lab b+b{display:inline}
  .bd-rail{flex:1 1 100%;min-width:0}
}
@media (max-width:400px){
  .bd-field{flex:1 1 0}
  .table-game .spin.tprim{--s:68px}
  .table-game .spin.tprim span{font-size:15px;letter-spacing:.02em}
}
@media (max-width:340px){
  .bd-sw{min-width:56px;padding:0 8px;font-size:14px}
  .bd-field{min-width:72px;padding:3px 6px 2px}
  .bd-lab{font-size:11px;letter-spacing:0}
  .bd-in{font-size:17px}
  .table-game .spin.tprim{--s:62px}
  .table-game .spin.tprim span{font-size:13px;letter-spacing:0}
}
/* short phones: the stake's "to win" line goes (the payout stays on the dial and the panel) */
@media (max-width:420px) and (max-height:700px){.thud #mBetSub{display:none}}
/* phones held sideways (and other short screens): one column cannot hold the gauge, the panel and the shell's
   three-row phone HUD in 320-500 px of height. The gauge takes the left half at full height; the strip, the message
   and the panel (compact, two rows) stand on the right; the HUD goes back to its one-row desktop order with a smaller
   knob. Board and message become grid cells of the stage (their wrappers display:contents). */
@media (max-height:500px) and (min-width:560px){
  .table-game .stage.tstage{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,1fr);grid-template-rows:auto minmax(0,1fr) auto;
    grid-template-areas:"board strip" "board msg" "board ctl";gap:6px 14px}
  .table-game .boardarea.tboardarea,.table-game .frame{display:contents}
  /* stretched to its cell: centred, a nowrap row of marks would take its full max-content width over the gauge */
  .tstrip{grid-area:strip;justify-self:stretch;min-width:0}
  .table-game .board.tboard{grid-area:board;min-height:0}
  .table-game .message{grid-area:msg;align-self:center;font-size:15px}
  .tcontrols{grid-area:ctl}
  .bd-panel{padding:7px;gap:7px}
  .bd-sw{min-width:64px;padding:0 10px;font-size:15px;letter-spacing:0}
  .bd-sw svg{display:none}
  .bd-field{flex:1 1 72px;min-width:72px;padding:3px 8px 2px}
  .bd-in{font-size:18px}
  .bd-lab b:first-child:not(:only-child){display:none}.bd-lab b+b{display:inline}
  .bd-rail{flex:1 1 100%;min-width:0}
  .hud.thud{grid-template-columns:1fr auto 1fr auto;grid-template-areas:"acts acts acts acts" "bal bet win spin";row-gap:0;padding-block:6px}
  body.lefty .hud.thud{grid-template-columns:auto 1fr auto 1fr;grid-template-areas:"acts acts acts acts" "spin bal bet win"}
  .thud>.tacts:not(:empty){margin-bottom:6px}
  .thud #mBetSub{display:none}
  .table-game .spin.tprim{--s:62px}
  .table-game .spin.tprim span{font-size:15px;letter-spacing:.03em}
}
/* the shortest (≈ 320 px, e.g. 568 × 320): the results strip goes, the message takes its place */
@media (max-height:340px) and (min-width:560px){
  .tstrip{display:none}
  .table-game .stage.tstage{grid-template-areas:"board msg" "board msg" "board ctl"}
}
@media (prefers-reduced-motion:reduce){.bd-cogs{display:none}}