.version-gate[hidden]{display:none}
.version-gate{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:16px;overflow:auto}
.gate-shade{position:fixed;inset:0;background:#4c4847a8;backdrop-filter:blur(2px)}
.gate-card{position:relative;width:min(650px,100%);max-height:calc(100dvh - 32px);overflow:auto;background:#fff;border-radius:18px;box-shadow:0 20px 60px #20171357;padding:48px 54px 56px;text-align:center}
.gate-card:focus{outline:0}
.gate-label{font-size:12px;font-weight:700;letter-spacing:.12em;color:#a72218}
.gate-card h2{color:#2d2928;font-size:27px;line-height:1.5;margin:18px 0 12px;letter-spacing:.02em}
.gate-card p{font-size:14px;color:#817773;line-height:1.7;margin:0}
.gate-rule{margin:29px 0 34px;border-top:2px dashed #8ab6fa}
.gate-options{display:grid;gap:17px}
.gate-choice{width:100%;min-height:95px;padding:16px;border:0;border-radius:10px;color:#fff;background:linear-gradient(105deg,#fb596a,#ed243f);box-shadow:0 5px 16px #e3324524;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.gate-choice:hover{background:linear-gradient(105deg,#f84a5e,#dc1832)}
.gate-choice strong{font-size:21px;font-weight:600;letter-spacing:.04em}
.gate-choice span{font-size:13px;letter-spacing:.02em}
.version-bar{display:flex;align-items:center;gap:13px;margin-top:25px}
.version-badge{display:inline-block;padding:9px 14px;border:1px solid #e6b9af;border-radius:7px;background:#fff1ed;color:#a52218;font-size:13px;font-weight:700}
.change-version{border:0;background:transparent;color:#7e6a63;padding:8px;font-size:13px;text-decoration:underline;text-underline-offset:3px}
.change-version:hover{color:#a92318}
@media(max-width:600px){
  .gate-card{padding:34px 22px 35px;border-radius:15px}
  .gate-card h2{font-size:23px;line-height:1.45;margin:15px 0 10px}
  .gate-card p{font-size:12px}
  .gate-rule{margin:25px 0 29px}
  .gate-options{gap:14px}
  .gate-choice{min-height:84px;padding:13px 10px}
  .gate-choice strong{font-size:19px}
  .gate-choice span{font-size:12px}
}