/* ===== 0.42 · polish layer =====
   Load LAST (after modern-v41.css). Yard toolbar with readable buttons, a proud goal widget,
   steady tutorial cards, the touch layer (stick + action buttons over the scene) and small
   apartment HUD touches. Lottery styles live in lottery.css. */

/* ---------- courtyard toolbar: every action is named; ready ones glow, the rest are dimmed ---------- */
body.location-shell #locationShell .home-actions {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:stretch;
  align-content:center;
  gap:9px;
}
body.location-shell #locationShell .home-actions::after { content:none!important; display:none!important; }
body.location-shell #locationShell #loanRequest { display:contents; }
body.location-shell #locationShell #loanRequest[hidden] { display:none; }
body.location-shell #locationShell .home-actions .yard-action {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  flex:none;
  width:100%;
  min-width:0;
  height:56px;
  min-height:46px;
  justify-content:flex-start;
  gap:10px;
  padding:6px 12px 6px 8px;
  border:1px solid #ffffff1c;
  border-radius:14px;
  background:linear-gradient(180deg,#26212e,#18151d);
  color:var(--m-ink);
  font-size:13px;
  font-weight:700;
  text-align:left;
  box-shadow:inset 0 1px #ffffff12,0 6px 14px #0006;
  transition:opacity .25s,filter .25s,background .25s,border-color .25s,box-shadow .25s,transform .12s;
}
body.location-shell #locationShell .home-actions .yard-action svg {
  box-sizing:content-box;
  flex:none;
  width:20px;
  height:20px;
  padding:7px;
  border:1px solid color-mix(in srgb,var(--action-glow) 30%,transparent);
  border-radius:11px;
  background:color-mix(in srgb,var(--action-glow) 12%,transparent);
  color:var(--action-glow);
  transition:background .25s,box-shadow .25s,color .25s;
}
body.location-shell #locationShell .home-actions .yard-action .ya-copy {
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:3px;
  min-width:0;
  line-height:1.1;
}
body.location-shell #locationShell .home-actions .yard-action .ya-copy b {
  overflow:hidden;
  color:inherit;
  font-size:13.5px;
  font-weight:800;
  letter-spacing:.1px;
  white-space:nowrap;
  text-overflow:ellipsis;
}
body.location-shell #locationShell .home-actions .yard-action .ya-copy small {
  display:block;
  margin:0;
  overflow:hidden;
  color:color-mix(in srgb,var(--action-glow) 70%,#ffffff);
  font-size:12px;
  font-weight:750;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
  text-overflow:ellipsis;
}
body.location-shell #locationShell .home-actions .yard-action .ya-copy small:empty { display:none; }
/* ready: lit border, tinted glass, glowing icon and a slow light sweep */
body.location-shell #locationShell .home-actions .yard-action:not(:disabled) {
  border-color:color-mix(in srgb,var(--action-glow) 72%,transparent);
  background:
    radial-gradient(120% 150% at 0 50%,color-mix(in srgb,var(--action-glow) 30%,transparent),transparent 72%),
    linear-gradient(180deg,#342c3e,#211b29);
  box-shadow:
    inset 0 1px #ffffff26,
    0 0 0 1px color-mix(in srgb,var(--action-glow) 20%,transparent),
    0 0 22px color-mix(in srgb,var(--action-glow) 32%,transparent),
    0 6px 16px #0007;
  cursor:pointer;
}
body.location-shell #locationShell .home-actions .yard-action:not(:disabled) svg {
  border-color:color-mix(in srgb,var(--action-glow) 70%,transparent);
  background:color-mix(in srgb,var(--action-glow) 26%,transparent);
  color:color-mix(in srgb,var(--action-glow) 80%,#ffffff);
  box-shadow:0 0 14px color-mix(in srgb,var(--action-glow) 45%,transparent);
}
body.location-shell #locationShell .home-actions .yard-action:not(:disabled)::after {
  content:"";
  position:absolute;
  z-index:-1;
  inset:-2px auto -2px -60%;
  width:45%;
  background:linear-gradient(100deg,transparent,color-mix(in srgb,var(--action-glow) 30%,#ffffff2e),transparent);
  transform:skewX(-18deg);
  animation:v42Sweep 3.6s ease-in-out infinite;
  pointer-events:none;
}
@keyframes v42Sweep {
  0%,55% { left:-60%; opacity:0; }
  60% { opacity:1; }
  100% { left:130%; opacity:0; }
}
body.location-shell #locationShell .home-actions .yard-action:hover:not(:disabled),
body.location-shell #locationShell .home-actions .yard-action:focus-visible:not(:disabled) {
  filter:brightness(1.1);
  transform:translateY(-1px);
  border-color:var(--action-glow);
  box-shadow:
    inset 0 1px #ffffff2e,
    0 0 0 1px color-mix(in srgb,var(--action-glow) 35%,transparent),
    0 0 28px color-mix(in srgb,var(--action-glow) 42%,transparent),
    0 8px 18px #0008;
}
body.location-shell #locationShell .home-actions .yard-action:active:not(:disabled) { transform:translateY(1px); }
/* unavailable: like before 0.41 — the same button, dimmed and flat */
body.location-shell #locationShell .home-actions .yard-action:disabled {
  border:1px solid #ffffff12;
  background:linear-gradient(180deg,#201c26,#16131a);
  color:#a59cb3;
  box-shadow:none;
  opacity:.5;
  filter:saturate(.25);
  cursor:not-allowed;
}
body.location-shell #locationShell .home-actions .yard-action:disabled svg {
  border-color:#ffffff14;
  background:#ffffff08;
  color:#9a90a8;
  box-shadow:none;
}
body.location-shell #locationShell .home-actions .yard-action:disabled .ya-copy small { color:#a59cb3; }
/* «Бабай хочет»: the old lime coach style (style.css, !important) is replaced by the action's own colour */
body.location-shell #locationShell .home-actions .yard-action.babay-wants {
  border-color:color-mix(in srgb,var(--action-glow) 88%,#ffffff)!important;
  background:
    radial-gradient(120% 150% at 0 50%,color-mix(in srgb,var(--action-glow) 38%,transparent),transparent 72%),
    linear-gradient(180deg,#3a3145,#241d2c)!important;
  color:var(--m-ink)!important;
  animation:v42Want 1.6s ease-in-out infinite!important;
}
body.location-shell #locationShell .home-actions .yard-action.babay-wants:not(:disabled)::before {
  content:"Б";
  position:absolute;
  z-index:1;
  top:5px;
  right:6px;
  width:16px;
  height:16px;
  border-radius:5px;
  background:var(--action-glow);
  color:#18120c;
  font:900 10px/16px system-ui,sans-serif;
  text-align:center;
  box-shadow:0 0 10px color-mix(in srgb,var(--action-glow) 60%,transparent);
  pointer-events:none;
}
body.location-shell #locationShell .home-actions .yard-action.babay-wants:disabled {
  border-color:#ffffff12!important;
  background:linear-gradient(180deg,#201c26,#16131a)!important;
  color:#a59cb3!important;
  animation:none!important;
}
body.location-shell #locationShell .home-actions .yard-action.babay-wants:disabled::after { content:none; }
@media (prefers-reduced-motion:reduce) {
  body.location-shell #locationShell .home-actions .yard-action.babay-wants { animation:none!important; }
  body.location-shell #locationShell .home-actions .yard-action:not(:disabled)::after { animation:none; opacity:0; }
}
@keyframes v42Want {
  50% {
    box-shadow:inset 0 1px #ffffff2e,0 0 0 3px color-mix(in srgb,var(--action-glow) 40%,transparent),0 0 34px color-mix(in srgb,var(--action-glow) 55%,transparent),0 6px 16px #0007;
  }
}
@media (max-width:1100px) and (min-width:701px) {
  body.location-shell #locationShell .home-actions { gap:7px; }
  body.location-shell #locationShell .home-actions .yard-action { gap:7px; padding:5px 8px 5px 6px; }
  body.location-shell #locationShell .home-actions .yard-action svg { width:18px; height:18px; padding:6px; }
  body.location-shell #locationShell .home-actions .yard-action .ya-copy b { font-size:12.5px; }
  body.location-shell #locationShell .home-actions .yard-action .ya-copy small { font-size:11px; }
}
/* One row while the four fit; two rows only on a narrow toolbar (phones, slim windows). */
body.location-shell #locationShell .yard-toolbar { container:yard-toolbar / inline-size; }
@container yard-toolbar (max-width:640px) {
  body.location-shell #locationShell .home-actions { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
  body.location-shell #locationShell .home-actions .yard-action { height:50px; gap:7px; padding:5px 7px 5px 6px; }
  body.location-shell #locationShell .home-actions .yard-action svg { width:17px; height:17px; padding:5px; border-radius:9px; }
  body.location-shell #locationShell .home-actions .yard-action .ya-copy b { font-size:12.5px; }
  body.location-shell #locationShell .home-actions .yard-action .ya-copy small { font-size:11.5px; }
}
@media (min-width:701px) and (max-height:700px) {
  body.location-shell #locationShell .home-actions .yard-action { height:50px; }
}

/* ---------- the goal: «НА КОСТЮМ · 15 000 ₽» reads at a glance ---------- */
.wallets .goal-icon { display:none; }
body.location-shell #locationShell .wallets .goal { gap:7px 10px; }
body.location-shell #locationShell .wallets .goal>span.goal-label {
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  color:#f4e6c6;
  font:800 13px/1.1 system-ui,-apple-system,'Segoe UI',sans-serif;
  letter-spacing:.09em;
  text-transform:uppercase;
  white-space:nowrap;
  text-shadow:0 1px 2px #000a;
}
body.location-shell #locationShell .wallets .goal .goal-icon {
  display:block;
  flex:none;
  box-sizing:border-box;
  width:24px;
  height:24px;
  padding:3px;
  border:1px solid #ffd27a4d;
  border-radius:8px;
  background:linear-gradient(145deg,#ffd27a2e,#ffd27a0d);
  color:var(--m-gold);
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
  box-shadow:0 0 12px #ffd27a26;
}
body.location-shell #locationShell .wallets .goal>b#goalText {
  justify-self:end;
  margin:0;
  color:#ffd98a;
  font:900 21px/1 system-ui,-apple-system,'Segoe UI',sans-serif;
  letter-spacing:-.2px;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
  background:linear-gradient(180deg,#fff6d2 0%,#ffd27a 48%,#f0a542 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:none;
  filter:drop-shadow(0 1px 0 #000b) drop-shadow(0 0 10px #ffb34740);
}
body.location-shell #locationShell .wallets .goal .progress { height:8px; min-height:8px; }
@media (max-width:700px) {
  body.location-shell #locationShell .wallets .goal>span.goal-label { font-size:12.5px; gap:7px; }
  body.location-shell #locationShell .wallets .goal .goal-icon { width:22px; height:22px; }
  body.location-shell #locationShell .wallets .goal>b#goalText { font-size:19px; }
  body.location-shell #locationShell .wallets .goal .progress { height:7px; min-height:7px; }
}
@media (min-width:701px) and (max-height:700px) {
  body.location-shell #locationShell .wallets .goal>b#goalText { font-size:19px; }
}
@media (forced-colors:active) {
  body.location-shell #locationShell .wallets .goal>b#goalText { color:CanvasText; -webkit-text-fill-color:CanvasText; background:none; filter:none; }
}

/* ---------- no permanent caption under Бабай ---------- */
#outfitLabel:empty,
#outfitLabel[hidden] { display:none!important; }

/* ---------- tutorial cards keep one height (JS reserves the tallest line) ---------- */
#modal.voice-tutorial #introQuote { min-height:var(--intro-quote-h,0px); }
#modal.voice-tutorial .tutorial-controls { position:relative; }
#modal.voice-tutorial .tutorial-status {
  position:absolute;
  z-index:4;
  top:-15px;
  left:50%;
  width:max-content;
  max-width:calc(100% - 28px);
  margin:0;
  padding:5px 12px;
  border:1px solid #e2bd8b66;
  border-radius:999px;
  background:#1b1610f2;
  box-shadow:0 6px 18px #0008;
  transform:translate(-50%,-50%);
  text-align:center;
}

/* ---------- touch: a stick under the left thumb, round actions under the right one ----------
   touch-controls.js sets body.touch-ui on phones/tablets (or with ?touch=1) and moves the
   action buttons into .touch-actions. Mouse and keyboard keep the old dock untouched. */
.touch-layer { display:none; }
body.touch-ui {
  --tc-stick:clamp(112px,calc(15vmin + 64px),150px);
  --tc-big:clamp(72px,calc(10vmin + 40px),96px);
  --tc-small:clamp(58px,calc(7vmin + 32px),74px);
  --tc-gap:14px;
  --tc-pad-l:max(18px,env(safe-area-inset-left));
  --tc-pad-r:max(16px,env(safe-area-inset-right));
  --tc-pad-b:max(16px,env(safe-area-inset-bottom));
}
body.touch-ui .touch-layer {
  --tc-accent:#ffd27a;
  --tc-rim:#ffe2b35c;
  --tc-chev:#ffe9c48c;
  --tc-knob-hi:#ffefc6;
  --tc-knob:#e0a64a;
  --tc-knob-lo:#6e4514;
  position:absolute;
  inset:0;
  z-index:3;
  display:block;
  pointer-events:none;
  -webkit-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
}
body.touch-ui .touch-layer[data-scene=club] {
  --tc-accent:#ff7ad9;
  --tc-rim:#ff9fe45c;
  --tc-chev:#ffd6f48c;
  --tc-knob-hi:#ffe0f7;
  --tc-knob:#d94fb4;
  --tc-knob-lo:#5c1752;
}
body.alimony-intro-live .touch-layer { display:none!important; }
body.touch-ui .touch-zone {
  position:absolute;
  left:0;
  bottom:0;
  width:min(56%,440px);
  height:min(72%,480px);
  pointer-events:auto;
  touch-action:none;
}
body.touch-ui .touch-stick {
  position:absolute;
  left:calc(var(--tc-pad-l) + var(--tc-stick) / 2);
  top:calc(100% - var(--tc-pad-b) - var(--tc-stick) / 2);
  width:var(--tc-stick);
  height:var(--tc-stick);
  margin:calc(var(--tc-stick) / -2) 0 0 calc(var(--tc-stick) / -2);
  pointer-events:none;
  opacity:.6;
  transition:opacity .22s ease,left .2s ease,top .2s ease;
}
body.touch-ui .touch-stick.is-active { opacity:1; transition:opacity .08s ease; }
body.touch-ui .touch-ring {
  position:absolute;
  inset:0;
  border:2px solid var(--tc-rim);
  border-radius:50%;
  background:
    radial-gradient(circle,transparent 0 56%,#ffffff12 57% 59%,transparent 60%),
    radial-gradient(circle at 50% 30%,#ffffff1a,transparent 62%),
    radial-gradient(circle,#1d1722b3 0 62%,#0c0910d1 100%);
  box-shadow:0 10px 26px #0009,inset 0 0 22px #000b,0 0 0 1px #0007;
}
/* four chevrons: the stick reads as «drag me» before the first touch */
body.touch-ui .touch-ring::before {
  content:"";
  position:absolute;
  inset:7%;
  background:var(--tc-chev);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='black' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M42 15l8-8 8 8M42 85l8 8 8-8M15 42l-8 8 8 8M85 42l8 8-8 8'/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='black' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M42 15l8-8 8 8M42 85l8 8 8-8M15 42l-8 8 8 8M85 42l8 8-8 8'/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat;
}
/* the rim lights up towards the finger, brighter the further the knob goes */
body.touch-ui .touch-ring::after {
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:50%;
  background:conic-gradient(from calc(var(--a,0deg) - 42deg),var(--tc-accent) 0 84deg,transparent 84deg);
  -webkit-mask:radial-gradient(closest-side,transparent 0 calc(100% - 9px),#000 calc(100% - 7px) calc(100% - 1px),transparent 100%);
  mask:radial-gradient(closest-side,transparent 0 calc(100% - 9px),#000 calc(100% - 7px) calc(100% - 1px),transparent 100%);
  opacity:calc(var(--k,0) * .95);
}
body.touch-ui .touch-knob {
  position:absolute;
  left:50%;
  top:50%;
  width:46%;
  height:46%;
  margin:-23% 0 0 -23%;
  border-radius:50%;
  background:radial-gradient(circle at 36% 30%,#fffaf0 0 5%,var(--tc-knob-hi) 17%,var(--tc-knob) 58%,var(--tc-knob-lo) 100%);
  box-shadow:0 6px 14px #000b,inset 0 -4px 8px #0005,inset 0 2px 3px #fffa,0 0 0 2px #0006;
  transition:transform .18s cubic-bezier(.3,1.5,.5,1);
}
body.touch-ui .touch-knob::after {
  content:"";
  position:absolute;
  inset:24%;
  border:2px solid #ffffff59;
  border-radius:50%;
  box-shadow:inset 0 1px 2px #0003;
}
body.touch-ui .touch-stick.is-active .touch-knob { transition:none; box-shadow:0 6px 14px #000b,inset 0 -4px 8px #0005,inset 0 2px 3px #fffa,0 0 0 2px #0006,0 0 22px var(--tc-accent); }

/* the round buttons: one primary under the thumb, the second one beside it, context pill above */
body.touch-ui .touch-actions {
  position:absolute;
  right:var(--tc-pad-r);
  bottom:var(--tc-pad-b);
  width:0;
  height:0;
  pointer-events:none;
}
body.touch-ui #clubGame .touch-actions > button,
body.touch-ui #alimony .touch-actions > button {
  position:absolute;
  right:0;
  bottom:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  width:var(--tc-small);
  height:var(--tc-small);
  min-width:0!important;
  min-height:0;
  max-height:none;
  margin:0;
  padding:0!important;
  border:2px solid #ffffff4d;
  border-radius:50%;
  color:#fff;
  background:radial-gradient(circle at 34% 26%,#ffffff40,transparent 46%),linear-gradient(180deg,#3b3240,#1b1620);
  box-shadow:0 8px 18px #000a,inset 0 -4px 8px #0006,inset 0 2px 2px #ffffff40;
  font:800 11px/1.05 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.01em;
  text-align:center;
  text-shadow:0 1px 2px #000a;
  white-space:nowrap;
  overflow:visible;
  pointer-events:auto;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  transform:none;
  transition:transform .1s ease,filter .1s ease,opacity .15s ease;
}
body.touch-ui #clubGame .touch-actions > button::before,
body.touch-ui #alimony .touch-actions > button::before {
  content:"";
  display:block;
  flex:none;
  width:26px;
  height:26px;
  background:currentColor;
  mask-position:center;
  mask-size:contain;
  mask-repeat:no-repeat;
  filter:drop-shadow(0 1px 1px #0008);
  pointer-events:none;
}
body.touch-ui #clubGame .touch-actions > button:enabled:active,
body.touch-ui #clubGame .touch-actions > button.is-pressed,
body.touch-ui #alimony .touch-actions > button:enabled:active { transform:scale(.92); filter:brightness(1.18); }
body.touch-ui #clubGame .touch-actions > button:disabled,
body.touch-ui #alimony .touch-actions > button:disabled { opacity:.42; filter:saturate(.3) brightness(.85); }
body.touch-ui #clubGame .touch-actions > button:focus-visible,
body.touch-ui #alimony .touch-actions > button:focus-visible { outline:2px solid #fff3c4; outline-offset:3px; }

/* club: «Удар» big and hot, «Рывок» beside it, the context action as a pill above */
body.touch-ui #clubGame .touch-actions > #push {
  width:var(--tc-big);
  height:var(--tc-big);
  border-color:#ffd0dc;
  background:radial-gradient(circle at 34% 26%,#ffd6e1 0 8%,#ff6f93 30%,#e2285a 64%,#7c0d2f 100%);
  box-shadow:0 10px 22px #000a,0 0 24px #ff3d6f66,inset 0 -5px 10px #5a0820aa,inset 0 2px 3px #fff9;
  font-size:13px;
}
body.touch-ui #clubGame .touch-actions > #push::before { width:32px; height:32px; }
body.touch-ui #clubGame .touch-actions > #dodge {
  right:calc(var(--tc-big) + var(--tc-gap));
  bottom:4px;
  border-color:#bff4ff;
  background:radial-gradient(circle at 34% 26%,#e2fbff 0 8%,#64d8f2 30%,#1f9cc4 64%,#0b4a62 100%);
  box-shadow:0 8px 18px #000a,0 0 18px #3fc6e855,inset 0 -4px 8px #06364aaa,inset 0 2px 3px #fff9;
}
body.touch-ui #clubGame .touch-actions > #interact {
  bottom:calc(var(--tc-big) + var(--tc-gap));
  flex-direction:row;
  gap:6px;
  width:auto;
  min-width:var(--tc-big)!important;
  max-width:calc(var(--tc-big) + var(--tc-small) + var(--tc-gap));
  height:46px;
  padding:0 14px 0 12px!important;
  border-color:#fff0c4;
  border-radius:23px;
  color:#2a1d08;
  background:linear-gradient(180deg,#fff0c0,#f0c56c 55%,#c98d32);
  box-shadow:0 8px 18px #000a,0 0 18px #ffd27a44,inset 0 -3px 6px #7a4e1655,inset 0 2px 2px #fffc;
  text-shadow:0 1px 0 #fff6;
  font-size:12px;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.touch-ui #clubGame .touch-actions > #interact::before { width:20px; height:20px; filter:none; }
body.touch-ui #clubGame .touch-actions > #interact.babay-wants { animation:touchWant 1.2s ease-in-out infinite; }
@keyframes touchWant { 50% { box-shadow:0 8px 18px #000a,0 0 0 5px #fff0c455,0 0 28px #ffd27aaa; } }

/* apartment: «Действие» big and golden, «Дверь» / «Выйти» beside it */
body.touch-ui #alimony .touch-actions > #alimonyAction {
  width:var(--tc-big);
  height:var(--tc-big);
  border-color:#fff0c4;
  color:#2a1c08;
  background:radial-gradient(circle at 34% 26%,#fffbe8 0 8%,#ffe08f 30%,#e2a446 64%,#7a4c12 100%);
  box-shadow:0 10px 22px #000a,0 0 22px #ffd27a55,inset 0 -5px 10px #6b3f0caa,inset 0 2px 3px #fffc;
  text-shadow:0 1px 0 #fff7;
  font-size:12px;
}
body.touch-ui #alimony .touch-actions > #alimonyAction::before {
  width:30px;
  height:30px;
  filter:none;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round' d='M9 12.5V4.6a1.6 1.6 0 0 1 3.2 0v6.2m0-1.5a1.6 1.6 0 0 1 3.2 0v1.7m0-.6a1.6 1.6 0 0 1 3.2 0v4.1a7 7 0 0 1-7 7h-.7a6.2 6.2 0 0 1-4.7-2.2l-3-3.6a1.6 1.6 0 0 1 2.4-2.1L9 16'/%3E%3C/svg%3E");
}
body.touch-ui #alimony .touch-actions > #alimonyDoor {
  right:calc(var(--tc-big) + var(--tc-gap));
  bottom:4px;
  border-color:#ffe2b38c;
  color:#ffe6b8;
  background:radial-gradient(circle at 34% 26%,#ffe9c43d,transparent 48%),linear-gradient(180deg,#4a3a26,#211910);
  box-shadow:0 8px 18px #000a,inset 0 -4px 8px #0007,inset 0 2px 2px #ffeccb40;
}
body.touch-ui #alimony .touch-actions > #alimonyDoor:enabled { border-color:#ffd27a; box-shadow:0 8px 18px #000a,0 0 18px #ffd27a44,inset 0 -4px 8px #0007,inset 0 2px 2px #ffeccb40; }

/* the old arrows and button rows give their height back to the arena */
body.club-live.touch-ui #clubGame .club-controls,
body.alimony-live.touch-ui .alimony-controls { display:none!important; }
body.club-live.touch-ui .club-bottom-dock {
  grid-template-columns:minmax(0,1fr);
  grid-template-areas:"stats";
  gap:0;
  padding-top:7px;
  padding-bottom:max(7px,env(safe-area-inset-bottom));
}
/* captions climb over the controls on a portrait screen, sit between them on a wide one */
body.touch-ui #clubSubtitle,
body.touch-ui #alimonySubtitle {
  bottom:calc(var(--tc-pad-b) + var(--tc-stick) + 16px);
  max-width:calc(100% - 28px);
}
@media (min-aspect-ratio:1/1) {
  body.touch-ui #clubSubtitle,
  body.touch-ui #alimonySubtitle {
    bottom:max(12px,env(safe-area-inset-bottom));
    max-width:calc(100% - 2 * (var(--tc-pad-r) + var(--tc-big) + var(--tc-small) + var(--tc-gap) + 12px));
  }
}
/* short landscape: the club stats float as a slim pill on top, the arena gets the full height */
@media (orientation:landscape) and (max-height:520px) {
  body.club-live.touch-ui #clubGame { grid-template-rows:minmax(0,1fr); }
  body.club-live.touch-ui .club-bottom-dock {
    position:absolute;
    z-index:7;
    top:max(8px,env(safe-area-inset-top));
    left:50%;
    width:max-content;
    max-width:calc(100% - 480px);
    padding:5px 14px;
    border:1px solid #ff9ce033;
    border-radius:16px;
    background:linear-gradient(180deg,#221a28e6,#120e17e6);
    box-shadow:0 8px 20px #0008,inset 0 1px #ffffff14;
    transform:translateX(-50%);
    pointer-events:none;
  }
  body.club-live.touch-ui .club-bottom-dock::before { display:none; }
  body.club-live.touch-ui .club-stats { grid-template-columns:auto auto auto; gap:0 16px; max-width:none; }
  body.club-live.touch-ui .club-stat-label { font-size:8px; letter-spacing:.04em; }
  body.club-live.touch-ui #clubCash { font-size:20px; }
  body.club-live.touch-ui .club-coin { width:24px; height:24px; }
  body.club-live.touch-ui .club-coin::before { font-size:12px; }
  body.club-live.touch-ui .club-earnings { gap:7px; }
  body.club-live.touch-ui #clubHP { height:18px; gap:3px; }
  body.club-live.touch-ui #clubHP .club-heart { width:18px; height:16px; }
  body.club-live.touch-ui .club-ring { width:24px; height:24px; }
  body.club-live.touch-ui .club-timer { gap:5px; }
  body.club-live.touch-ui #clubTime { font-size:16px; }
}
@media (prefers-reduced-motion:reduce) {
  body.touch-ui .touch-stick,
  body.touch-ui .touch-knob,
  body.touch-ui #clubGame .touch-actions > button,
  body.touch-ui #alimony .touch-actions > button { transition:none; }
  body.touch-ui #clubGame .touch-actions > #interact.babay-wants { animation:none; }
}
@media (forced-colors:active) {
  body.touch-ui .touch-ring { border-color:CanvasText; }
  body.touch-ui .touch-knob { forced-color-adjust:none; background:Highlight; }
  body.touch-ui #clubGame .touch-actions > button,
  body.touch-ui #alimony .touch-actions > button { border-color:ButtonText; }
}