/* Visszaváltás (vs-mag): on top of styles/palack.css (the page, the overlay, the touch stick). */
#overlay h1 span { color: #f2c14e; }
#start { margin-top: 18px; padding: 12px 34px; font-size: 20px; font-weight: 700; letter-spacing: .08em; border-radius: 10px;
  border: 2px solid #f2c14e; background: rgba(242,193,78,.16); }
#start:hover { background: rgba(242,193,78,.3); }
.boot .keys { margin-top: 16px; font-size: 13px; color: var(--dim); line-height: 1.6; }
body:has(.vs-tch:not(.hidden)) .boot .keys { display: none; }

/* ---- touch ---- */
.vs-tch { z-index: 15; }
.vs-b { position: absolute; border-radius: 50%; border: 2px solid rgba(255,255,255,.4); background: rgba(0,0,0,.35);
  font-size: 12px; font-weight: 700; letter-spacing: .04em; width: 62px; height: 62px; padding: 0; touch-action: none; }
.vs-b.on, .vs-b:active { background: rgba(242,193,78,.4); }
.vs-light { right: calc(96px + var(--safe-r)); bottom: calc(22px + var(--safe-b)); width: 74px; height: 74px; font-size: 15px; }
.vs-heavy { right: calc(18px + var(--safe-r)); bottom: calc(70px + var(--safe-b)); }
.vs-kick { right: calc(170px + var(--safe-r)); bottom: calc(18px + var(--safe-b)); width: 56px; height: 56px; }
.vs-block { right: calc(96px + var(--safe-r)); bottom: calc(108px + var(--safe-b)); width: 58px; height: 58px; }
.vs-dodge { right: calc(22px + var(--safe-r)); bottom: calc(146px + var(--safe-b)); width: 52px; height: 52px; font-size: 10px; }
.vs-jump { right: calc(170px + var(--safe-r)); bottom: calc(84px + var(--safe-b)); width: 50px; height: 50px; font-size: 10px; }
.vs-zin, .vs-zout { width: 38px; height: 38px; font-size: 18px; right: calc(22px + var(--safe-r)); }
.vs-zin { top: calc(70px + var(--safe-t)); } .vs-zout { top: calc(114px + var(--safe-t)); }
.vs-use { position: absolute; right: calc(176px + var(--safe-r)); bottom: calc(148px + var(--safe-b)); min-width: 110px; height: 46px;
  border-radius: 23px; border: 2px solid #f2c14e; background: rgba(30,24,10,.7); font-weight: 700; font-size: 14px; padding: 0 14px;
  display: flex; align-items: center; gap: 6px; justify-content: center; }
.vs-use[hidden] { display: none; }
.vs-tch[data-mode="cut"] .vs-b, .vs-tch[data-mode="cut"] .vs-use, .vs-tch[data-mode="cut"] .tch-stick { display: none; }