/* Instance 2: presentation-only refresh for the player identity method picker. */
.galaxy-kyc-page{
  background-size:cover;
  background-position:center top;
}
.galaxy-kyc-page:has(.kyc-method-picker) .galaxy-kyc-heading{
  padding-top:max(76px,calc(env(safe-area-inset-top) + 70px));
  margin-bottom:26px;
}
.galaxy-kyc-page:has(.kyc-method-picker) .galaxy-kyc-heading h1{
  font-size:clamp(28px,7.5cqw,39px);
  letter-spacing:.08em;
}
.galaxy-kyc-page:has(.kyc-method-picker) .galaxy-kyc-heading p{
  display:none;
}
.galaxy-kyc-page:has(.kyc-method-picker) main{
  position:relative;
  z-index:1;
  max-width:520px;
  margin-inline:auto;
}
.galaxy-kyc-page:has(.kyc-method-picker) .galaxy-kyc-panel{
  padding:22px 18px 18px;
  border:1px solid rgba(105,183,252,.43);
  border-radius:22px;
  background:linear-gradient(155deg,rgba(16,40,75,.97),rgba(5,18,40,.97) 56%,rgba(8,30,60,.97));
  box-shadow:0 18px 44px rgba(0,5,20,.34),inset 0 1px rgba(170,220,255,.16);
}
.galaxy-kyc-page .kyc-method-picker>header{
  display:flex;
  align-items:center;
  gap:14px;
  margin:0 0 20px;
}
.galaxy-kyc-page .kyc-method-picker>header>svg{
  flex:0 0 46px;
  width:46px;
  height:46px;
  padding:11px;
  border:1px solid rgba(84,188,255,.44);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(20,118,201,.36),rgba(5,38,79,.72));
  color:#7bdfff;
  filter:drop-shadow(0 0 8px rgba(7,183,255,.26));
}
.galaxy-kyc-page .kyc-method-picker h2{
  margin:0;
  color:#f4faff;
  font-size:clamp(18px,5cqw,23px);
  line-height:1.35;
  font-weight:750;
}
.galaxy-kyc-page .kyc-method-picker p{
  margin:5px 0 0;
  color:#a9c6e3;
  font-size:12px;
  line-height:1.55;
}
.galaxy-kyc-page .kyc-method-picker>div{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
.galaxy-kyc-page .kyc-method-picker>div>button{
  position:relative;
  display:grid;
  grid-template-columns:43px minmax(0,1fr) 18px;
  align-items:center;
  column-gap:13px;
  row-gap:3px;
  width:100%;
  min-height:92px;
  padding:17px 15px;
  border:1px solid rgba(79,153,227,.65);
  border-radius:16px;
  background:linear-gradient(112deg,#133c67,#092745 64%,#071d38);
  box-shadow:inset 0 1px rgba(203,234,255,.16),0 9px 20px rgba(0,8,27,.2);
  color:#f5fbff;
  text-align:left;
  cursor:pointer;
  touch-action:manipulation;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.galaxy-kyc-page .kyc-method-picker>div>button:first-child{
  border-color:rgba(69,211,252,.7);
  background:linear-gradient(112deg,#124c74,#0b2e57 64%,#082142);
}
.galaxy-kyc-page .kyc-method-picker>div>button::before{
  content:"T";
  grid-column:1;
  grid-row:1 / span 2;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:12px;
  background:linear-gradient(145deg,#0dd0ed,#1159b9);
  box-shadow:0 5px 13px rgba(0,164,234,.22);
  color:#fff;
  font:800 22px/1 Arial,sans-serif;
}
.galaxy-kyc-page .kyc-method-picker>div>button+button::before{
  content:"₮";
  background:linear-gradient(145deg,#288bc0,#154883);
}
.galaxy-kyc-page .kyc-method-picker>div>button::after{
  content:"›";
  grid-column:3;
  grid-row:1 / span 2;
  color:#a9ddff;
  font:300 30px/1 Arial,sans-serif;
  text-align:center;
}
.galaxy-kyc-page .kyc-method-picker>div>button b{
  grid-column:2;
  grid-row:1;
  font-size:18px;
  line-height:1.2;
}
.galaxy-kyc-page .kyc-method-picker>div>button span{
  grid-column:2;
  grid-row:2;
  color:#bdd6ed;
  font-size:12px;
  line-height:1.5;
}
.galaxy-kyc-page .kyc-method-picker>div>button:first-child span{color:#bde8f8}
.galaxy-kyc-page .kyc-method-picker>div>button:active{transform:scale(.985)}
.galaxy-kyc-page .kyc-method-picker>div>button:focus-visible{
  outline:2px solid #a6edff;
  outline-offset:3px;
}
.galaxy-kyc-page:has(.kyc-method-picker) .galaxy-kyc-note{
  margin:16px 8px 0;
  padding:12px 14px;
  border:1px solid rgba(104,162,220,.28);
  border-radius:12px;
  background:rgba(8,27,53,.78);
  color:#bdd4e9;
  font-size:12px;
  line-height:1.6;
  text-align:left;
}
@media(max-width:420px){
  .galaxy-kyc-page:has(.kyc-method-picker) .galaxy-kyc-panel{padding:20px 15px 15px}
  .galaxy-kyc-page .kyc-method-picker>div>button{min-height:88px;padding:15px 12px;column-gap:10px}
}
@media(prefers-reduced-motion:reduce){
  .galaxy-kyc-page .kyc-method-picker>div>button{transition:none}
}