.wc-ui{
  --wc-ink: #17212c;
  --wc-muted: #65758a;
  --wc-line: #e4eaf1;
  --wc-blue: #1264df;
  --wc-green: #148660;
  --wc-panel-gap: 22px;
  color: var(--wc-ink);
  font:
    400 15px/1.65 Poppins,
    Arial,
    sans-serif;
  text-align: left;
  min-width: 0;
}.wc-ui *{
  box-sizing: border-box;
}.wc-ui [hidden]{
  display: none !important;
}.wc-ui h1,
.wc-ui h2,
.wc-ui h3,
.wc-ui p{
  margin: 0;
}.wc-ui svg{
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: none;
}.wc-ui h2{
  font:
    700 clamp(1.2rem, 1.7vw, 1.6rem)/1.35 Sora,
    Poppins,
    sans-serif;
  letter-spacing: -0.5px;
  color: var(--wc-ink);
}.wc-ui button,
.wc-ui input{
  font: inherit;
}.wc-ui button{
  cursor: pointer;
}.wc-ui button:disabled{
  opacity: 0.45;
  cursor: not-allowed;
}.wc-loading,
.wc-load-state{
  padding: 22px;
  background: #fffdfb;
  border: 1px solid var(--wc-line);
  border-radius: 18px;
}.wc-load-state .wc-button{
  margin-top: 12px;
}.wc-ui .wc-open-top-ups{
  margin-top: 22px;
  padding: 16px;
  background: #eef5ff;
  border-radius: 14px;
}.wc-ui .wc-open-top-ups h3{
  font-size: 15px;
}.wc-ui .wc-open-top-ups p{
  font-size: 13px;
  margin: 6px 0 10px;
}.wc-open-top-ups .wc-button{
  width: 100%;
  margin-top: 8px;
  justify-content: space-between;
  text-align: left;
}.wc-dialog-actions{
  margin-top: 18px;
  flex-wrap: wrap;
}.wc-dialog-actions .wc-button{
  flex: 1;
}.wc-ui .wc-review-note{
  margin-top: 16px;
  overflow-wrap: anywhere;
}.wc-ui .wc-review-note:empty{
  display: none;
}.wc-ui .wc-access-notice{
  margin-top: 14px;
  color: #76520c;
}.wc-access-notice:empty{
  display: none;
}.wc-ui button:focus-visible,
.wc-ui input:focus-visible{
  outline: 3px solid #7db7fb;
  outline-offset: 3px;
}.wc-heading{
  text-align: center;
  margin-bottom: 36px;
}.wc-ui .wc-heading h1{
  font:
    700 var(--home-title-size)/1.02 Sora,
    Poppins,
    sans-serif;
  letter-spacing: -2.5px;
  color: #14171b;
}.wc-heading h1 span{
  display: inline;
}.wc-heading h1 em{
  color: #f02425;
  font-style: normal;
}.wc-ui .wc-heading p{
  font:
    500 1.05rem/1.6 Sora,
    sans-serif;
  color: #405673;
  margin-top: 20px;
  max-width: 46ch;
  margin-left: auto;
  margin-right: auto;
}.wc-card{
  background: #fffdfb;
  border: 1px solid #ffffffc9;
  border-radius: 25px;
  box-shadow: 0 16px 40px #4b38210b;
  min-width: 0;
}.wc-wallet-grid{
  display: grid;
  align-items: stretch;
  grid-template-columns: minmax(0, 1.7fr) minmax(280px, 1fr);
  gap: var(--wc-panel-gap);
  margin-bottom: var(--wc-panel-gap);
}.wc-balance{
  padding: 30px 34px;
}.wc-account-id{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px 24px;
  margin-bottom: var(--wc-panel-gap);
  padding: 20px 24px;
}.wc-account-id-content{ min-width: 0; }.wc-ui .wc-account-id h2{ font-size: 14px; letter-spacing: 0; }.wc-account-id code{
  display: block;
  margin: 6px 0;
  color: var(--wc-ink);
  font: 500 13px/1.65 ui-monospace, monospace;
  white-space: normal;
  overflow-wrap: anywhere;
  -webkit-user-select: text;
  user-select: all;
}.wc-ui .wc-account-id-content p,
.wc-ui .wc-account-id-feedback{ color: var(--wc-muted); font-size: 12px; }.wc-account-id-button{ min-height: 44px; min-width: 112px; }.wc-account-id-feedback{ grid-column: 1 / -1; }.wc-account-id-feedback:empty{ display: none; }
/* Preserve a 44px physical touch target under the site's 80% mobile density. */
@media (max-width: 760px) {
  @supports (zoom: .8) {.wc-ui .wc-account-id .wc-account-id-button{ min-height: 56px; }
  }
}
@media (max-width: 560px) {.wc-account-id{ padding: 18px; gap: 12px; }.wc-account-id-button{ min-width: 100px; padding: 10px 12px; }
}.wc-card-top,
.wc-actions{
  display: flex;
  align-items: center;
  gap: 12px;
}.wc-card-top{
  justify-content: space-between;
  margin-bottom: 24px;
}.wc-kicker{
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #637991;
}.wc-kicker svg{
  color: var(--wc-blue);
}.wc-currency{
  color: var(--wc-blue);
  background: #edf4ff;
  padding: 5px 12px;
  border-radius: 9px;
  font-weight: 650;
  font-size: 12px;
}.wc-balance > p{
  color: var(--wc-muted);
  font-size: 16px;
}.wc-amount{
  overflow-wrap: anywhere;
  font:
    700 clamp(3rem, 4.5vw, 4.3rem)/1.3 Sora,
    sans-serif;
  letter-spacing: -3px;
  margin: 5px 0 22px;
  font-variant-numeric: tabular-nums;
}.wc-amount small{
  font:
    600 14px Poppins,
    sans-serif;
  letter-spacing: 0;
  color: var(--wc-muted);
  margin-left: 12px;
}.wc-button{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  border: 1px solid #dce6f2;
  border-radius: 24px;
  padding: 10px 20px;
  color: var(--wc-blue);
  background: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
}.wc-button:hover{
  background: #f1f6ff;
}.wc-button.is-primary{
  background: var(--wc-blue);
  border-color: var(--wc-blue);
  color: white;
  box-shadow: 0 8px 22px #1264df20;
}.wc-button.is-primary:hover{
  background: #0956c6;
}.wc-button svg{
  width: 17px;
  height: 17px;
}.wc-balance-split{
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 24px;
  gap: 12px;
}.wc-balance-split > div{
  min-width: 0;
  overflow-wrap: anywhere;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 14px 16px;
  border: 1px solid #e0eafa;
  border-radius: 16px;
  background: #f3f7fd;
}.wc-balance-split .is-prizes{
  border-color: #dceee5;
  background: #f1f8f4;
}.wc-balance-split span{
  color: #465e7b;
  font-size: 14px;
  font-weight: 500;
}.wc-balance-split .is-prizes > span{
  color: #2e6a52;
}.wc-balance-split strong{
  font:
    700 24px/1.5 Sora,
    sans-serif;
}.wc-balance-split small{
  font:
    400 12px/1.5 Poppins,
    sans-serif;
  color: var(--wc-muted);
}.wc-ui .wc-footnote{
  display: flex;
  gap: 8px;
  font-size: 13px;
  line-height: 1.8;
  margin-top: 18px;
  color: var(--wc-muted);
}.wc-footnote svg{
  width: 16px;
  height: 16px;
  margin-top: 2px;
}.wc-membership{
  padding: 30px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  background: linear-gradient(140deg, #f1f7ff, #fffdfb 80%);
}.wc-membership-title{
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  margin: 4px 0 0;
}.wc-icon{
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  background: #e9f5ee;
  color: var(--wc-green);
  border-radius: 13px;
  flex: none;
}.wc-membership .wc-icon,
.wc-icon.is-blue{
  background: #e7f0fe;
  color: var(--wc-blue);
}.wc-ui .wc-membership p{
  font-size: 14px;
  color: var(--wc-muted);
  margin: 12px 0 24px;
}.wc-membership-actions{
  margin-top: auto;
  width: 100%;
  display: grid;
  gap: 4px;
  padding-top: 22px;
}.wc-membership-actions .wc-button{
  width: 100%;
  min-height: 48px;
}.wc-membership .wc-card-top{
  width: 100%;
  flex-wrap: wrap;
  gap: 10px;
}.wc-membership .wc-status{
  gap: 4px;
}.wc-membership .wc-status svg{
  width: 14px;
  height: 14px;
}.wc-membership-details{
  width: 100%;
  border: 1px solid #dce6f2;
  border-radius: 16px;
  padding: 16px 18px;
  background: #ffffffa6;
}.wc-membership-detail-label,
.wc-membership-details > div{
  display: flex;
  align-items: center;
  gap: 9px;
  color: #465e7b;
  font-size: 13px;
}.wc-membership-details svg{
  color: var(--wc-blue);
  width: 17px;
  height: 17px;
}.wc-membership-details > div + div{
  margin-top: 12px;
}.wc-membership-details > strong{
  display: block;
  font:
    600 20px/1.5 Sora,
    sans-serif;
  margin-top: 8px;
}.wc-ticket-total{
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
}.wc-ticket-total > strong{
  font: 700 36px/1.1 Sora, sans-serif;
  color: var(--wc-ink);
  font-variant-numeric: tabular-nums;
}.wc-ticket-total > span{
  font-size: 13px;
  color: var(--wc-muted);
}.wc-ticket-split{
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  font-size: 13px;
  color: var(--wc-muted);
  margin-top: 12px;
}.wc-ticket-split strong{
  color: var(--wc-ink);
  margin-left: 4px;
  font-variant-numeric: tabular-nums;
}.wc-ticket-rules{
  display: grid;
  gap: 10px;
  padding: 16px 20px;
  margin: 18px 0 26px;
  border: 1px solid #dce6f2;
  border-radius: 16px;
  background: #fffdfbbd;
}.wc-ui .wc-ticket-rules p{
  font-size: 13px;
  line-height: 1.6;
  color: var(--wc-muted);
  margin: 0;
}.wc-ticket-rules svg{
  width: 16px;
  height: 16px;
  vertical-align: -3px;
  margin-right: 5px;
  color: var(--wc-blue);
}.wc-ticket-rules strong{
  color: var(--wc-ink);
}.wc-ticket-free-note{
  padding-top: 10px;
  border-top: 1px solid #dce6f2;
}.wc-ui .wc-ticket-warning{
  border: 1px solid #efceb2;
  border-radius: 12px;
  padding: 12px 14px;
  background: #fff5e9;
  color: #73451d;
  font-size: 13px;
  line-height: 1.65;
}.wc-ticket-warning strong{
  display: block;
}.wc-ui .wc-membership-details p{
  margin: 8px 0 0;
  font-size: 13px;
}.wc-button[data-variant="text"]{
  border-color: transparent;
  background: transparent;
  padding: 8px 0;
  border-radius: 10px;
  box-shadow: none;
  font-size: 13px;
}.wc-button[data-variant="text"]:hover{
  background: #eaf2ff;
  text-decoration: underline;
}.wc-balance-help{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 4px 14px;
  margin-top: 14px;
}.wc-balance-help .wc-footnote{
  margin: 0;
  font-size: 12px;
}.wc-ui .wc-reserved-note{
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  color: #76520c;
  margin-top: 8px;
}.wc-reserved-note svg{
  width: 16px;
  height: 16px;
  margin-top: 2px;
}.wc-status{
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding: 5px 10px;
  border-radius: 8px;
  background: #f0f3f7;
  color: #69788b;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}.wc-status.credited,
.wc-status.purchased{
  background: #e8f5ed;
  color: #137547;
}.wc-status.in_review{
  background: #fff2d9;
  color: #986100;
}.wc-status.declined{
  background: #ffeded;
  color: #b33232;
}.wc-activity{
  padding: 26px 28px;
  margin-bottom: 24px;
}.wc-activity header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 22px;
}.wc-activity h2{
  margin-top: 5px;
}.wc-activity-row{
  display: grid;
  grid-template-columns: 44px minmax(100px, 1fr) auto minmax(115px, auto) 80px;
  gap: 16px;
  align-items: center;
  padding: 15px 0;
  border-top: 1px solid var(--wc-line);
}.wc-activity-row strong{
  overflow-wrap: anywhere;
  font-weight: 600;
  font-size: 13px;
}.wc-activity-row > div small{
  display: block;
  font-size: 13px;
  color: var(--wc-muted);
  margin-top: 4px;
}.wc-activity-amount{
  text-align: right;
}.wc-activity-amount small{
  font-size: 12px;
  color: var(--wc-muted);
}.wc-activity-row .wc-button{
  min-height: 34px;
  padding: 7px 10px;
  font-size: 13px;
}.wc-empty{
  padding: 28px 8px;
  color: var(--wc-muted);
  font-size: 13px;
  text-align: center;
  border-top: 1px solid var(--wc-line);
}#subscription.screen.active{
  display: block;
}#subscription .screen-inner{
  width: var(--archive-panel-width);
  padding-top: var(--home-heading-inset);
}.wc-sub-status{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 28px 32px;
  margin-bottom: 34px;
}.wc-sub-status h2{
  margin: 8px 0;
}.wc-ui .wc-sub-status p{
  font-size: 13px;
  color: var(--wc-muted);
}.wc-sub-balance{
  border-left: 1px solid var(--wc-line);
  padding-left: 36px;
  flex: none;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 7px;
}.wc-sub-balance > span{
  font-size: 12px;
  color: var(--wc-muted);
}.wc-sub-balance > strong{
  font:
    700 24px Sora,
    sans-serif;
  overflow-wrap: anywhere;
  max-width: 100%;
}.wc-sub-balance small{
  font:
    500 11px Poppins,
    sans-serif;
  color: var(--wc-muted);
}.wc-sub-balance .wc-button{
  padding: 6px 12px;
  font-size: 13px;
  min-height: 33px;
  margin-top: 4px;
}.wc-plans{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}.wc-plans.wc-plans-with-free{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}.wc-free-plan{
  background: #f2faf5;
  border-color: #c4dfcf;
}.wc-free-plan.is-active{
  border-color: var(--wc-green);
}.wc-free-plan .wc-plan-price,
.wc-free-success{
  color: var(--wc-green);
}.wc-dialog-icon.wc-free-success{
  background: #e9f7ef;
  color: var(--wc-green);
}.wc-ui .wc-free-error{
  min-height: 0;
  margin-top: 12px;
  color: #b32d41;
}.wc-ui .wc-free-error:empty{
  display: none;
}.wc-ui .wc-free-reward-note{
  min-height: 0;
  margin: 0 0 16px;
  font-weight: 600;
  color: #63766a;
}.wc-play-entry{
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 18px 22px;
  margin-bottom: var(--wc-panel-gap);
  border: 1px solid #c7daf2;
  border-radius: 18px;
  background: #eef5ff;
}.wc-ui .wc-play-entry p{
  font-size: 13px;
  color: var(--wc-muted);
}.wc-sub-play{
  margin-top: 14px;
}
@media (max-width: 1050px) {.wc-plans.wc-plans-with-free{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 28px;
  }
}
@media (max-width: 560px) {.wc-plans.wc-plans-with-free{
    grid-template-columns: 1fr;
  }
}.wc-plan{
  padding: 27px 22px 22px;
  position: relative;
  border: 1px solid #e8e5e0;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
}.wc-plan .wc-kicker{
  color: var(--wc-ink);
  font-size: 12px;
  letter-spacing: 0.6px;
}.wc-plan-price{
  font:
    750 32px/1.4 Sora,
    sans-serif;
  letter-spacing: -1px;
  margin: 18px 0 12px;
}.wc-plan-price small{
  font:
    500 10px Poppins,
    sans-serif;
  letter-spacing: 0;
  margin-left: 5px;
  color: var(--wc-muted);
}.wc-ui .wc-plan p{
  font-size: 13px;
  line-height: 1.8;
  min-height: 40px;
  color: var(--wc-muted);
}.wc-plan ul{
  padding: 0;
  margin: 22px 0 25px;
  list-style: none;
  display: grid;
  gap: 11px;
}.wc-plan li{
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
}.wc-plan li svg{
  height: 14px;
  width: 14px;
  color: #169063;
}.wc-plan .wc-button{
  padding: 11px 8px;
  font-size: 13px;
  margin-top: auto;
}.wc-plan.is-blue{
  background: #eef5ff;
  border-color: #b4d2fb;
  box-shadow: 0 14px 30px #1264df0d;
}.wc-plan-badge{
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  background: var(--wc-blue);
  color: #fff;
  padding: 4px 12px;
  border-radius: 20px;
}.wc-plan.is-red .wc-plan-price{
  color: #e84444;
}.wc-plan.is-yellow .wc-plan-price{
  color: #c68c10;
}.wc-plan.is-blue .wc-plan-price{
  color: var(--wc-blue);
}.wc-plan.is-green .wc-plan-price{
  color: var(--wc-green);
}.wc-sub-footer{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin: 26px 0;
  color: #283c52;
  font-size: 12px;
}.wc-sub-footer > span{
  display: flex;
  align-items: center;
  gap: 8px;
}.wc-sub-footer svg{
  width: 17px;
  height: 17px;
}.wc-dialog{
  width: min(500px, calc(100vw - 32px));
  max-height: calc(100vh - 32px);
  max-height: calc(100dvh - 32px);
  margin: auto;
  padding: 32px;
  border: 0;
  border-radius: 25px;
  color: var(--wc-ink);
  background: #fffdfa;
  box-shadow: 0 35px 100px #10264440;
  overflow: auto;
}.wc-dialog::backdrop{
  background: #16263988;
  backdrop-filter: blur(5px);
}.wc-close{
  position: absolute;
  top: 16px;
  right: 16px;
  width: 34px;
  height: 34px;
  border: 0;
  background: #eff2f7;
  border-radius: 10px;
  color: #67758b;
  display: grid;
  place-items: center;
}.wc-close svg{
  width: 17px;
  height: 17px;
}.wc-dialog-icon{
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  color: var(--wc-blue);
  background: #e9f2ff;
  border-radius: 15px;
  margin: 5px 0 20px;
}.wc-dialog-icon.is-success{
  background: #e5f5ec;
  color: #128553;
}.wc-purchase-actions{
  margin-top: 22px;
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.5fr);
  gap: 10px;
}.wc-purchase-actions .wc-button{
  width: 100%;
  min-height: 48px;
  white-space: normal;
  padding: 12px;
}.wc-purchase-summary{
  margin-top: 22px;
  padding: 18px;
  text-align: center;
  border: 1px solid #dbe8fc;
  background: linear-gradient(140deg, #f0f6ff, #fafcff);
  border-radius: 18px;
}.wc-purchase-summary > span{
  font-size: 13px;
  color: #516580;
}.wc-purchase-summary > strong{
  display: block;
  font:
    700 38px/1.4 Sora,
    sans-serif;
  letter-spacing: -1px;
  overflow-wrap: anywhere;
  margin: 4px 0;
}.wc-purchase-summary small{
  font:
    600 14px/1.4 Poppins,
    sans-serif;
  letter-spacing: 0;
  color: #516580;
}.wc-balance-after{
  border-top: 1px solid #d7e1ed;
  padding-top: 12px;
}.wc-ui .wc-payment-hint,
.wc-ui .wc-purchase-processing{
  margin-top: 12px;
  text-align: center;
  font-size: 12px;
}.wc-ui .wc-payment-period{
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  font-size: 12px;
}.wc-payment-period svg{
  width: 16px;
  height: 16px;
  color: var(--wc-blue);
}.wc-payment-spinner{
  width: 16px;
  height: 16px;
  border: 2px solid #ffffff65;
  border-top-color: white;
  border-radius: 50%;
  flex: none;
  animation: wc-payment-spin 0.8s linear infinite;
}.wc-purchase-result{
  --wc-result-accent: #128553;
  --wc-result-ink: #133e2b;
  --wc-result-muted: #406951;
  --wc-result-label: #0d6d43;
  --wc-result-halo: #1386520b;
  --wc-result-shadow: #14865225;
  margin-top: 22px;
  text-align: center;
  background: linear-gradient(150deg, #e7f7ee, #f6fcf8);
  border: 1px solid #cde9da;
  border-radius: 22px;
  padding: 24px 18px;
}.wc-purchase-insufficient{
  --wc-result-accent: #d63b48;
  --wc-result-ink: #64212a;
  --wc-result-muted: #78525a;
  --wc-result-label: #a82c3a;
  --wc-result-halo: #d63b480b;
  --wc-result-shadow: #d63b4825;
  background: linear-gradient(150deg, #fff0f1, #fff9f9);
  border-color: #f2d5d9;
}.wc-result-mark{
  display: grid;
  place-items: center;
  width: 88px;
  height: 88px;
  margin: 0 auto 14px;
  background: var(--wc-result-accent);
  border-radius: 50%;
  box-shadow:
    0 0 0 8px var(--wc-result-halo),
    0 10px 24px var(--wc-result-shadow);
  animation: wc-success-pop 0.5s cubic-bezier(0.2, 0.8, 0.2, 1.2) both;
}.wc-result-mark svg{
  width: 88px;
  height: 88px;
  color: white;
}.wc-result-ring{
  stroke: #ffffff36;
  stroke-width: 1.5;
}.wc-result-stroke{
  stroke-width: 5;
  stroke-dasharray: 1;
  stroke-dashoffset: 0;
  animation: wc-success-draw 0.5s 0.2s ease both;
}.wc-result-label{
  color: var(--wc-result-label);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.5px;
}.wc-ui .wc-dialog .wc-purchase-result h2{
  padding: 0;
  color: var(--wc-result-ink);
  margin: 8px 0;
}.wc-ui .wc-dialog .wc-purchase-result p{
  color: var(--wc-result-muted);
  font-size: 13px;
}.wc-success-paid{
  display: block;
  margin-top: 14px;
  font-size: 13px;
  color: #135f3e;
}.wc-success-receipt{
  margin-top: 18px;
  border: 1px solid var(--wc-line);
  border-radius: 14px;
  padding: 0 16px;
}.wc-success-receipt summary{
  cursor: pointer;
  padding: 13px 0;
  min-height: 48px;
  font-size: 14px;
  color: #405673;
  font-weight: 500;
}.wc-success-receipt summary:focus-visible{
  outline: 3px solid #7db7fb;
  outline-offset: 2px;
}.wc-success-receipt .wc-receipt{
  margin: 0 0 16px;
}
@keyframes wc-payment-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes wc-success-pop {
  from {
    opacity: 0;
    transform: scale(0.75);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes wc-success-draw {
  from {
    stroke-dashoffset: 1;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@media (prefers-reduced-motion: reduce) {.wc-result-mark,
  .wc-result-stroke,
  .wc-payment-spinner{
    animation: none;
  }
}.wc-ui .wc-dialog h2{
  padding-right: 22px;
  font-size: 25px;
  line-height: 1.35;
  margin: 12px 0;
}.wc-dialog #wc-dialog-title[tabindex="-1"]:focus{
  outline: none;
}.wc-ui .wc-dialog p{
  font-size: 13px;
  line-height: 1.9;
  color: var(--wc-muted);
}.wc-dialog label{
  display: block;
  font-size: 12px;
  font-weight: 600;
  margin: 22px 0 8px;
}.wc-dialog input:not([type="checkbox"]){
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #cfdef0;
  border-radius: 12px;
  min-height: 48px;
  background: #f7f9fd;
  color: #17212c;
  min-width: 0;
  font-size: 14px;
}.wc-dialog form > .wc-button,
.wc-dialog-content > .wc-button{
  width: 100%;
  margin-top: 22px;
}.wc-preset{
  display: flex;
  gap: 8px;
  margin: 12px 0 18px;
}.wc-preset .wc-button{
  padding: 8px 12px;
  font-size: 13px;
  min-height: 35px;
}.wc-ui .wc-info{
  display: flex;
  align-items: flex-start;
  gap: 8px;
  background: #f1f5fb;
  border-radius: 12px;
  padding: 13px 15px;
  margin-top: 18px;
  font-size: 12px;
}.wc-info svg{
  height: 17px;
  width: 17px;
  margin-top: 3px;
}.wc-wallet-overview > .wc-info{
  margin-bottom: var(--wc-panel-gap);
}.wc-receipt{
  display: grid;
  gap: 12px;
  margin-top: 22px;
  background: #f3f6fb;
  padding: 18px;
  border: 1px solid #e3eaf4;
  border-radius: 13px;
  font-size: 12px;
}.wc-receipt > span{
  color: var(--wc-muted);
  font-size: 13px;
}.wc-receipt code{
  min-width: 0;
  user-select: all;
  white-space: normal;
  font-size: 12px;
  font-family: ui-monospace, monospace;
  overflow-wrap: anywhere;
  color: #24384d;
}.wc-receipt > div{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}.wc-receipt .wc-button{
  padding: 8px;
  min-height: 44px;
  min-width: 44px;
  flex: none;
  border-radius: 9px;
}.wc-receipt small{
  color: var(--wc-muted);
  font-size: 12px;
  overflow-wrap: anywhere;
}.wc-checkout-lines .wc-checkout-total{
  border-top: 1px solid #d7e1ed;
  padding-top: 12px;
  font-size: 17px;
}.wc-confirm{
  display: flex !important;
  align-items: flex-start;
  gap: 10px;
  line-height: 1.8;
  font-weight: 400 !important;
}.wc-confirm input{
  margin-top: 4px;
  flex: none;
}.wc-ui .wc-error{
  font-size: 12px;
  color: #b63535;
  margin-top: 12px;
}.wc-error:empty{
  display: none;
}.wc-ui[aria-busy="true"] .wc-button{
  pointer-events: none;
  opacity: 0.6;
}html:has(body:is([data-view="wallet"], [data-view="subscription"])){
  scrollbar-gutter: stable;
}body:is([data-view="wallet"], [data-view="subscription"]),
body:is([data-view="wallet"], [data-view="subscription"]) > main,
#wallet.wallet-screen,
#wallet .wallet-inner{
  /* Legacy mobile overflow-x:hidden also turns visible overflow-y into auto.
     Clip horizontal overflow without creating nested vertical scrollbars. */
  overflow-x: clip !important;
  overflow-y: visible;
}#wallet .wallet-inner{
  padding-top: var(--home-heading-inset);
  width: var(--archive-panel-width);
  max-width: none;
}#wallet-commerce-root{
  margin-bottom: 0;
}#wallet-tab-stage{
  position: relative;
  isolation: isolate;
  display: flow-root;
  overflow-anchor: none;
}#wallet-tab-stage > #wallet-commerce-root[hidden]{
  display: block !important;
  visibility: hidden;
}#wallet-tab-stage .wc-tab-panel[hidden],
#wallet-tab-stage > #prize-wallet-root[hidden]{
  display: flow-root !important;
  position: absolute;
  inset: 0 0 auto;
  width: 100%;
  height: 0;
  overflow: clip;
  visibility: hidden;
  pointer-events: none;
}#wallet-tab-stage.is-switching{
  overflow: visible;
}#wallet-tab-stage .toast{
  /* Do not animate inherited visibility when its prepared pane is hidden. */
  transition-property: opacity, transform;
}#wallet-tab-stage .wc-pane-entering{
  position: relative;
  z-index: 1;
  will-change: opacity, transform;
}#wallet-tab-stage .wc-pane-exiting{
  position: absolute !important;
  inset: 0 0 auto !important;
  width: 100% !important;
  margin: 0 !important;
  z-index: 0;
  pointer-events: none;
  will-change: opacity, transform;
}.wc-tab-panel{
  display: flow-root;
}#wallet:has(#wallet-commerce-root) .prize-wallet-ui > .page-heading{
  display: none;
}#wallet:has(#wallet-commerce-root) .prize-wallet-ui .balance-number strong{
  font-size: 44px;
}#wallet:has(#wallet-commerce-root) .prize-wallet-ui .wallet-top{
  margin-top: 0;
}#wallet:has(#wallet-commerce-root) .prize-wallet-ui .balance-card{
  padding: 28px;
}#wallet:has(#wallet-commerce-root) .prize-wallet-ui .balance-stats{
  grid-template-columns: repeat(2, minmax(0, 1fr));
  row-gap: 18px;
}#wallet:has(#wallet-commerce-root)
  .prize-wallet-ui
  .balance-stats
  > div:nth-child(3){
  border-left: 0;
  padding-left: 0;
}#download .purchase-panel,
#download .download-layout > .download-side > .download-panel{
  display: none !important;
}#download .download-layout{
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 24px;
  align-items: start;
}#download .download-side{
  display: contents;
}#download .download-action-panel{
  grid-column: 1;
  grid-row: 1;
  padding: 32px;
}#download .membership-information-panel{
  grid-column: 1;
  grid-row: 2;
}#download #launcher-code-panel{
  grid-column: 2;
  grid-row: 1/3;
  height: auto;
  align-self: stretch;
}#download .download-action-step,
#download .game-panel-header > span{
  display: none;
}#download .download-inner > .lead{
  margin-bottom: 32px;
}#download .download-subscription-link{
  display: flex;
  align-items: center;
  min-height: 44px;
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid #e4eaf1;
  font-size: 14px;
  font-weight: 600;
  color: #1264df;
}#download .download-subscription-link:focus-visible{
  outline: 3px solid #7db7fb;
  outline-offset: 3px;
}
@media (max-width: 1100px) {.wc-plan{
    padding: 25px 17px 19px;
  }.wc-plan-price{
    font-size: 29px;
  }.wc-balance{
    padding: 27px;
  }.wc-membership{
    padding: 26px;
  }
}
@media (max-width: 920px) {#subscription .screen-inner,
  #wallet .wallet-inner{
    width: calc(100vw - 48px);
  }.wc-plans{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px 18px;
  }.wc-wallet-grid{
    grid-template-columns: 1.4fr 1fr;
  }.wc-activity-row{
    grid-template-columns: 38px minmax(90px, 1fr) auto 90px;
    gap: 12px;
  }.wc-activity-row > .wc-status{
    grid-column: 2;
    grid-row: auto;
  }.wc-activity-row > .wc-activity-amount{
    grid-column: 3;
    grid-row: 1/3;
  }.wc-activity-row > .wc-button,
  .wc-activity-row > span:last-child{
    grid-column: 4;
    grid-row: 1/3;
  }.wc-activity-row > .wc-icon{
    grid-row: 1/3;
  }.wc-membership h2{
    font-size: 20px;
  }.wc-balance-split strong{
    font-size: 21px;
  }
}
@media (max-width: 700px) {.wc-wallet-grid{
    grid-template-columns: 1fr;
  }.wc-membership{
    display: none;
  }.wc-sub-status{
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
    padding: 25px;
  }.wc-sub-balance{
    border-left: 0;
    border-top: 1px solid var(--wc-line);
    padding: 18px 0 0;
    width: 100%;
  }.wc-sub-footer{
    flex-direction: column;
    align-items: flex-start;
  }.wc-heading{
    margin-bottom: 28px;
  }.wc-ui .wc-heading p{
    font-size: 13px;
  }.wc-ui .wc-heading h1{
    letter-spacing: -1.5px;
  }#download .download-layout{
    grid-template-columns: 1fr;
  }#download .download-action-panel,
  #download .membership-information-panel,
  #download #launcher-code-panel{
    grid-column: 1;
    grid-row: auto;
  }#download .download-side{
    display: contents;
  }.wc-activity{
    padding: 22px;
  }
}
@media (max-width: 560px) {.wc-dialog input:not([type="checkbox"]){
    font-size: 16px;
  }#subscription .screen-inner,
  #wallet .wallet-inner{
    width: calc(100vw - 24px);
  }.wc-ui .wc-heading h1{
    font-size: clamp(1.5rem, 7.3vw, 2.5rem);
  }.wc-heading h1 span,
  .wc-heading h1 em{
    display: inline !important;
  }.wc-balance{
    padding: 24px 20px;
  }.wc-amount{
    font-size: 48px;
  }.wc-actions{
    flex-wrap: wrap;
  }.wc-actions .wc-button{
    flex: 1;
    white-space: nowrap;
    padding: 10px 13px;
    font-size: 12px;
  }.wc-balance-split{
    gap: 12px;
  }.wc-balance-split > div{
    padding: 12px;
  }.wc-balance-split strong{
    font-size: 20px;
  }.wc-balance-split small{
    font-size: 12px;
  }.wc-plan{
    padding: 24px 15px 18px;
  }.wc-plan-price{
    font-size: 27px;
  }.wc-plans{
    gap: 24px 10px;
  }.wc-plan li{
    font-size: 12px;
    gap: 5px;
  }.wc-plan .wc-kicker{
    font-size: 13px;
  }.wc-plan p{
    font-size: 12px !important;
  }.wc-plan .wc-button{
    font-size: 12px;
  }.wc-activity{
    padding: 20px 15px;
  }.wc-activity header{
    gap: 10px;
  }.wc-activity h2{
    font-size: 17px;
  }.wc-activity .wc-kicker{
    font-size: 11px;
  }.wc-activity-row{
    grid-template-columns: minmax(85px, 1fr) 75px 57px;
    gap: 7px;
  }.wc-activity-row > .wc-icon{
    display: none;
  }.wc-activity-row > div{
    grid-column: 1;
  }.wc-activity-row > .wc-status{
    grid-column: 1;
    font-size: 11px;
    padding: 3px 6px;
  }.wc-activity-row > .wc-activity-amount{
    grid-column: 2;
    font-size: 12px;
  }.wc-activity-row > .wc-button,
  .wc-activity-row > span:last-child{
    grid-column: 3;
    font-size: 12px;
    padding: 6px;
  }.wc-activity-row strong{
    font-size: 12px;
  }.wc-dialog{
    padding: 26px 22px;
  }.wc-preset{
    gap: 6px;
  }.wc-preset .wc-button{
    padding: 8px 10px;
    font-size: 12px;
  }.wc-ui .wc-dialog h2{
    font-size: 22px;
  }.wc-dialog .wc-actions .wc-button{
    font-size: 13px;
  }#wallet .prize-wallet-ui .balance-stats{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}.wc-wallet-tabs{
  position: relative;
  isolation: isolate;
  display: flex;
  justify-content: center;
  gap: 8px;
  margin: -8px auto 28px;
  padding: 6px;
  border: 1px solid #dedfdc;
  background: #fffdfbbd;
  border-radius: 30px;
  width: fit-content;
  max-width: 100%;
}.wc-wallet-tabs .wc-button{
  position: relative;
  z-index: 1;
  border: 0;
  background: transparent;
  color: #596779;
  box-shadow: none;
  font-size: 14px;
  transition: color 180ms ease;
}.wc-tab-bubble{
  position: absolute;
  inset: 0;
  z-index: 0;
  background: #162b49;
  pointer-events: none;
}.wc-wallet-tabs .wc-button[aria-pressed="true"]{
  background: #162b49;
  color: white;
}.wc-wallet-tabs.has-bubble .wc-button{
  background: transparent;
}
@media (prefers-reduced-motion: reduce) {.wc-wallet-tabs .wc-button{
    transition: none;
  }
}.wc-membership{
  justify-content: flex-start;
}.wc-membership{
  min-height: 300px;
}.wc-activity-row .wc-button{
  min-height: 40px;
}.wc-ui .wc-heading p{
  font-weight: 600;
}.wc-ui .wc-plan li{
  font-size: 13px;
}.wc-ui .wc-plan p{
  font-size: 13px !important;
}.wc-plan .wc-kicker{
  font-size: 14px;
}.wc-plan-price{
  font-size: 36px;
}.wc-ui .wc-plan .wc-button{
  font-size: 13px;
  min-height: 46px;
}.wc-ui .wc-kicker{
  letter-spacing: 0.55px;
}.wc-ui .wc-dialog label{
  font-size: 14px;
}.wc-ui .wc-dialog p{
  font-size: 14px;
}.wc-dialog .wc-preset{
  flex-wrap: wrap;
}.wc-dialog .wc-preset .wc-button{
  flex: 1;
  min-width: 70px;
  min-height: 40px;
}#download.wallet-first-download{
  /* Shared compact control widths; outer card geometry stays unchanged. */
  --launcher-controls-width: 360px;
  --launcher-placeholder-spacing: 0.38em;
  --launcher-download-width: 280px;
}#download.wallet-first-download .download-inner{
  width: var(--archive-panel-width) !important;
  max-width: none !important;
}#download.wallet-first-download #legacy-checkout-container{
  display: none !important;
}#download.wallet-first-download .download-layout{
  width: 100% !important;
  max-width: none !important;
  margin: 32px 0 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  gap: 24px !important;
  align-items: stretch !important;
}#download.wallet-first-download .download-side{
  display: contents !important;
}#download.wallet-first-download .download-action-panel{
  grid-column: 1 !important;
  grid-row: 1 !important;
  text-align: center !important;
}#download.wallet-first-download .download-action-panel h2,
#download.wallet-first-download .download-action-panel #download-message{
  text-align: center !important;
}#download.wallet-first-download #download-submit{
  width: min(100%, var(--launcher-download-width)) !important;
  margin-inline: auto !important;
  align-self: center;
}#download.wallet-first-download .membership-information-panel{
  grid-column: 1 !important;
  grid-row: 2 !important;
}#download #membership-remaining-row[hidden]{
  display: none !important;
}#download #membership-remaining-row{
  grid-template-columns: max-content minmax(0, 1fr) !important;
  align-items: start !important;
}#download #membership-remaining-value{
  color: #1264df !important;
  font-variant-numeric: tabular-nums;
  overflow-wrap: normal;
}#download #membership-remaining-row dt,
#download #membership-remaining-value,
#download #membership-expiry-value{
  min-width: 0;
  white-space: normal !important;
}#download #membership-remaining-value.is-expired{
  color: #bb3442 !important;
}#download.wallet-first-download #launcher-code-panel{
  grid-column: 2 !important;
  grid-row: 1/3 !important;
  align-self: stretch !important;
  min-height: 0 !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column;
  gap: 12px !important;
}#download.wallet-first-download .download-layout .glass-panel{
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 30px !important;
  border-radius: 25px !important;
  align-self: stretch !important;
  transform: none !important;
  margin: 0 !important;
}#download.wallet-first-download .download-panel{
  display: none !important;
}#download.wallet-first-download .download-layout h2{
  font:
    700 24px/1.4 Sora,
    sans-serif !important;
  letter-spacing: -0.5px !important;
}#download.wallet-first-download .download-layout p,
#download.wallet-first-download .membership-summary,
#download.wallet-first-download .membership-summary dt,
#download.wallet-first-download .membership-summary dd,
#download.wallet-first-download #launcher-code-copy,
#download.wallet-first-download #launcher-code-message,
#download.wallet-first-download #download-message{
  font-size: 14px !important;
  line-height: 1.9 !important;
}#download.wallet-first-download .download-layout .btn{
  font-size: 14px !important;
  min-height: 48px !important;
}#download.wallet-first-download .download-layout .btn:disabled{
  background: #e8edf4 !important;
  border-color: #e0e6ee !important;
  color: #68778b !important;
  box-shadow: none !important;
  cursor: not-allowed;
}#download.wallet-first-download .download-action-step,
#download.wallet-first-download .game-panel-header > span{
  display: none !important;
}#download.wallet-first-download #launcher-code-panel .game-panel-header{
  justify-content: space-between !important;
  margin-bottom: 0 !important;
}#download.wallet-first-download .launcher-access-brand{
  display: flex;
  align-items: center;
  gap: 12px;
  color: #526c90;
  font: 700 12px/1.5 var(--font-body);
  letter-spacing: 0.7px;
}#download.wallet-first-download .launcher-access-icon{
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  background: #eaf2ff;
  border: 1px solid #d9e7fb;
  border-radius: 12px;
  color: #1264df;
}#download.wallet-first-download .launcher-access-icon svg{
  width: 23px;
  height: 23px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}#download.wallet-first-download #launcher-code-status{
  font-size: 11px;
  padding: 4px 10px;
}#download.wallet-first-download .launcher-code-display{
  flex: none;
  width: min(100%, var(--launcher-controls-width));
  align-self: center;
  margin: 8px auto 0;
  padding: 16px 18px;
  border: 1px solid #d4e3fb;
  border-radius: 22px;
  background:
    radial-gradient(ellipse at top right, #dceafe80, transparent 70%), #f5f8ff;
}#download.wallet-first-download .launcher-code-label{
  display: block;
  text-align: center;
  color: #5b7393;
  font: 600 12px/1.5 var(--font-body);
  letter-spacing: 0.65px;
}#download.wallet-first-download
  #launcher-code-panel:not(.is-locked)
  .launcher-code-display{
  border-color: #9ec3f6;
  background-color: #eff6ff;
}#download.wallet-first-download .launcher-code-guide{
  margin-top: auto;
  padding-top: 18px;
  border-top: 1px solid #e4eaf1;
  color: #526580;
}#download.wallet-first-download .launcher-code-guide h3{
  margin: 0 0 14px;
  color: #334c6b;
  font: 600 14px/1.5 var(--font-body);
}#download.wallet-first-download .launcher-code-guide ol{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}#download.wallet-first-download .launcher-code-guide li{
  display: flex;
  align-items: center;
  gap: 8px;
  font: 500 13px/1.6 var(--font-body);
}#download.wallet-first-download .launcher-guide-number{
  display: grid;
  place-items: center;
  flex: none;
  width: 24px;
  height: 24px;
  border-radius: 8px;
  background: #edf3fc;
  color: #1264df;
  font-weight: 700;
}#download.wallet-first-download .launcher-code-guide p{
  margin: 14px 0 0;
  font-size: 12px !important;
  color: #65758a;
}#download.wallet-first-download .launcher-code-actions{
  display: flex !important;
  width: min(100%, var(--launcher-controls-width));
  align-self: center;
  gap: 12px !important;
  margin: 12px auto 0 !important;
}#download.wallet-first-download .launcher-code-actions .btn{
  flex: 1 !important;
}#download.wallet-first-download #launcher-code-value{
  margin: 12px 0 0 !important;
  min-height: 80px;
  font-size: 26px !important;
  padding: 18px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}#download.wallet-first-download #launcher-code-value[data-copy-text=""]{
  letter-spacing: var(--launcher-placeholder-spacing) !important;
}
@media (max-width: 920px) {#download.wallet-first-download .download-inner{
    width: calc(100vw - 48px) !important;
  }#download.wallet-first-download .launcher-code-guide li{
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }.wc-wallet-grid{
    grid-template-columns: 1.4fr 1fr;
  }
}
@media (max-width: 700px) {.wc-wallet-grid{
    grid-template-columns: 1fr;
  }.wc-membership{
    display: flex;
    min-height: 0;
    padding: 24px;
  }.wc-ui .wc-membership p{
    margin-bottom: 12px;
  }.wc-wallet-tabs .wc-button{
    font-size: 12px;
    padding: 10px 12px;
  }#download.wallet-first-download .download-layout{
    grid-template-columns: 1fr !important;
  }#download.wallet-first-download .download-action-panel,
  #download.wallet-first-download .membership-information-panel,
  #download.wallet-first-download #launcher-code-panel{
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}
/* On mobile the floating header is in normal flow; do not reserve its height twice. */
@media (max-width: 760px) {#wallet.screen,
  #subscription.screen,
  #download.wallet-first-download.screen{
    padding-top: 0;
  }
}
@media (max-width: 560px) {#download.wallet-first-download .download-inner{
    width: calc(100vw - 24px) !important;
  }.wc-wallet-tabs{
    gap: 2px;
    padding: 4px;
    display: grid;
    grid-template-columns: 0.85fr 1.5fr 1.15fr;
    width: 100%;
    border-radius: 26px;
  }.wc-wallet-tabs .wc-button{
    font-size: 12px;
    padding: 9px 6px;
    min-width: 0;
    min-height: 46px;
    line-height: 1.35;
    white-space: normal;
  }.wc-ui .wc-footnote{
    font-size: 12px;
  }.wc-activity-row .wc-status{
    white-space: normal;
  }#download.wallet-first-download .download-layout .glass-panel{
    padding: 24px !important;
  }
}
@media (max-width: 420px) {.wc-plans{
    grid-template-columns: 1fr;
    gap: 24px;
  }.wc-plan{
    padding: 24px;
  }.wc-plan ul{
    margin: 12px 0 24px;
  }.wc-ui .wc-plan p{
    min-height: 0;
  }.wc-plan-price{
    margin: 10px 0;
  }.wc-ui .wc-heading h1{
    font-size: clamp(25px, 7.2vw, 31px);
  }
}