/* V14 final cascade: premium, content-sized game and question journey. */
.game-view.is-active{width:min(1120px,calc(100vw - 48px));height:auto;max-height:calc(100svh - 48px);grid-template-columns:minmax(300px,34%) minmax(0,66%)}
.game-view .game-copy{padding:76px 34px 54px;align-self:center}
.game-view .game-copy h2{font-size:clamp(43px,4.6vw,66px);white-space:nowrap}
.game-view .game-copy>p:not(.eyebrow){margin:16px 0 0;font-size:20px;line-height:1.3;color:var(--red);font-weight:600}
.modal-close{border:0;background:transparent;color:rgba(36,36,36,.34);font-family:Nineties,serif;font-size:35px;font-weight:400;transition:color .18s ease,transform .18s ease}
.modal-close:hover{background:transparent;color:var(--ink);transform:rotate(5deg)}
.game-view .pouch-area{min-height:0;padding:32px 30px 22px;grid-template-rows:auto auto auto;gap:0;overflow:visible;background:var(--cream)}
.pouch-stage{width:min(700px,100%);height:auto;max-height:none;gap:12px 20px;align-self:center;margin:0}
.pouch-choice{height:278px}
.pouch-prize{z-index:1;left:4%;right:4%;bottom:2px;height:92px;padding:14px 8px;font-size:clamp(18px,1.65vw,25px);line-height:.92}
.pouch-pack{z-index:2}
.pouch-choice.is-chosen .pouch-pack{transform:translateY(-125px) rotate(-2deg) scale(1.06)}
#pouch-hint{margin:18px auto 0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--muted);font-size:15px;line-height:1.25;font-style:italic}
.game-progress{margin-top:18px}
.win-sheet,.question-gate{background:var(--cream);backdrop-filter:none}
.win-sheet .win-tick{width:auto;height:auto;border-radius:0;background:transparent;font-size:46px;margin-bottom:12px}
.win-sheet p{font-size:17px;letter-spacing:.02em}
.win-sheet h3{font-size:clamp(39px,4.3vw,62px);line-height:1;max-width:720px;margin-bottom:26px}
.result-actions{width:min(480px,100%);margin:auto;gap:12px}
.result-actions .primary{width:100%}
.build-plan-button{display:inline-flex!important}
.build-plan-button[hidden]{display:none!important}
.game-view.has-result{height:500px}
.game-view.has-gate{height:620px}

@media(max-width:820px){
  .game-view.is-active,.quiz-view.is-active{width:calc(100vw - 20px);height:auto;max-height:88svh;overflow:auto;border-radius:18px}
  .game-view.is-active{grid-template-columns:1fr;grid-template-rows:auto auto;align-content:start}
  .game-view .game-copy{padding:24px 46px 6px}
  .game-view .game-copy h2{font-size:clamp(30px,8.3vw,39px);white-space:nowrap}
  .game-view .game-copy>p:not(.eyebrow){font-size:14px;margin:7px auto 2px}
  .game-view>.modal-close{top:8px;left:8px;width:40px;height:40px;font-size:30px}
  .game-view .pouch-area{padding:6px 12px 14px;overflow:visible}
  .pouch-stage{width:min(430px,100%);height:330px;max-height:none;grid-template-rows:repeat(2,minmax(0,1fr));gap:4px 9px;margin:0}
  .pouch-choice{height:auto}
  .pouch-choice.is-chosen .pouch-pack{transform:translateY(-58px) rotate(-2deg) scale(1.06)}
  .pouch-prize{height:56px;left:2px;right:2px;padding:7px 3px;font-size:clamp(12px,3.5vw,16px);line-height:.9}
  #pouch-hint{margin:8px auto 0;padding:0;border:0;background:transparent;box-shadow:none;font-size:13px}
  .game-progress{margin-top:10px}
  .game-progress .eyebrow{font-size:12px;margin-bottom:6px}
  .win-sheet,.question-gate{padding:24px 18px}
  .win-sheet .win-tick{width:auto;height:auto;font-size:40px;margin-bottom:10px}
  .win-sheet p{font-size:14px}
  .win-sheet h3,.question-gate h3{font-size:clamp(34px,9.5vw,46px);line-height:1;margin-bottom:20px}
  .result-actions{gap:10px}
  .result-actions .primary{font-size:19px;min-height:56px}
  .quiz-view.is-active{height:auto;max-height:88svh}
  .quiz-view.is-active .quiz-panel{overflow:auto;padding:18px 20px 24px}
  .quiz-view .modal-close{width:36px;height:36px;font-size:29px}
  .game-view.has-result{height:420px}
  .game-view.has-gate{height:min(570px,88svh)}
}

@media(max-width:380px), (max-height:700px){
  .game-view .game-copy{padding-top:15px}
  .pouch-stage{height:270px}
  .game-progress{margin-top:6px}
}

/* V15: final review, processing and verified subscription receipt. */
.plan-view{align-items:start;padding-top:72px}.plan-heading{position:sticky;top:72px}.plan-card{padding:0;overflow:hidden;border-color:#d9d2cc}.plan-product{padding:24px 26px}.plan-details{margin:0!important;padding:10px 26px 8px;border-bottom:1px solid var(--line)}.plan-details div{padding:9px 0!important}.order-summary{padding:18px 26px 22px}.order-summary>div{display:flex;justify-content:space-between;gap:24px;padding:7px 0;font-size:15px}.order-summary .discount-row{color:var(--red)}.order-summary .order-total{margin-top:8px;padding-top:16px;border-top:1px solid var(--ink);font-size:21px}.order-summary p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.45}.plan-card>.primary{width:calc(100% - 52px);margin:0 26px}.confirmation-note{display:block;margin:11px 28px 0;text-align:center;color:var(--muted);font-size:12px;line-height:1.35}.plan-card .quiet{margin:10px auto 18px}.confirm-card[hidden]{display:none}.processing-mark{width:74px;height:74px;border:2px solid #eaded7;border-top-color:var(--red);border-radius:50%;display:grid;place-items:center;margin-bottom:28px;animation:process-spin 1s linear infinite}.processing-mark i{width:34px;height:34px;border-radius:50%;background:var(--red);opacity:.12}@keyframes process-spin{to{transform:rotate(360deg)}}.processing-steps{width:min(420px,100%);display:grid;margin-top:6px}.processing-steps span{position:relative;padding:13px 0 13px 31px;border-bottom:1px solid var(--line);color:#a59c96}.processing-steps span:before{content:'';position:absolute;left:2px;top:17px;width:12px;height:12px;border:1px solid #cfc6c0;border-radius:50%}.processing-steps span.is-active{color:var(--ink);font-weight:600}.processing-steps span.is-active:before{border:4px solid var(--red)}.processing-steps span.is-done{color:var(--ink)}.processing-steps span.is-done:before{content:'✓';width:18px;height:18px;top:14px;border:0;background:var(--red);color:#fff;display:grid;place-items:center;font-size:11px}.success-summary{width:min(510px,100%);background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 20px;text-align:left}.success-product{display:grid;grid-template-columns:76px 1fr;gap:15px;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line)}.success-product img{width:76px;height:76px;object-fit:contain}.success-product strong,.success-product span{display:block}.success-product strong{font-size:18px}.success-product span{margin-top:4px;color:var(--muted)}.success-summary dl{margin:10px 0 0}.success-summary dl div{display:flex;justify-content:space-between;gap:20px;padding:7px 0}.success-summary dt{color:var(--muted)}.success-summary dd{margin:0;text-align:right;font-weight:600}.error-mark{background:var(--ink)}
@media(max-width:820px){.plan-view{padding-top:62px}.plan-heading{position:static}.plan-product{padding:18px}.plan-details{padding:8px 18px 6px}.order-summary{padding:14px 18px 18px}.plan-card>.primary{width:calc(100% - 36px);margin:0 18px;font-size:18px}.confirmation-note{margin-inline:22px}.confirm-card{align-items:center}.processing-steps{text-align:left}.success-summary{padding:14px}.success-product{grid-template-columns:64px 1fr}.success-product img{width:64px;height:64px}}

/* V16: immediate purpose, visible stakes and level-by-level tension. */
.hero-prize{display:flex;flex-wrap:wrap;gap:7px 18px;margin:-8px 0 24px;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px}.hero-prize strong{color:var(--red)}.hero-prize span{color:var(--muted)}.prize-ladder{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:25px}.prize-ladder div{position:relative;padding:10px 5px 9px;border-top:3px solid #d8d1cb;color:#a49c96}.prize-ladder div:before{content:'';position:absolute;left:0;right:0;top:-3px;height:3px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}.prize-ladder div.is-current:before,.prize-ladder div.is-complete:before{transform:scaleX(1)}.prize-ladder div.is-current{color:var(--ink)}.prize-ladder span{display:block;font-size:10px;margin-bottom:3px}.prize-ladder strong{display:block;font-size:11px;line-height:1.05}.next-stake{margin:-14px auto 22px!important;color:var(--muted)!important;font-size:17px!important;line-height:1.35}.result-actions .primary{font-size:17px}
@media(max-width:820px){.hero-prize{margin-top:-4px;margin-bottom:19px;font-size:13px}.prize-ladder{margin:12px auto 0;width:min(320px,100%)}.prize-ladder div{padding-top:7px}.prize-ladder strong{font-size:9px}.next-stake{font-size:14px!important;margin:-8px auto 16px!important}.result-actions .primary{font-size:16px}}

.hero-title span{white-space:nowrap}
@media(max-width:820px){.hero-card .hero-title{font-size:clamp(31px,8.7vw,43px);line-height:.98;letter-spacing:-.015em}.hero-title span{white-space:nowrap}}
@media(max-width:820px){.hero-card{text-align:center;align-items:center}.hero-card .eyebrow,.hero-card .lead{max-width:350px;margin-left:auto;margin-right:auto}.hero-prize{width:100%;justify-content:center;text-align:center}.hero-card>.primary{align-self:stretch}}

.game-progress{display:none}.discount-row{color:#087a46!important}.hero-lead{max-width:680px!important}.prize-ladder{grid-template-columns:repeat(5,1fr)}.prize-ladder span{font-weight:700;letter-spacing:.03em}.prize-ladder strong{font-size:9px}.prize-stack{max-width:620px;margin:-13px auto 18px!important;color:var(--ink)!important;font-size:14px!important}.earned-extras{display:block!important;padding:4px 0!important}.earned-extras:empty{display:none!important}.earned-extras>div{display:flex;justify-content:space-between;gap:18px;padding:7px 0;color:#087a46}.earned-extras strong{font-size:11px;letter-spacing:.05em}
@media(max-width:820px){.hero-lead{max-width:360px!important;font-size:15px!important;line-height:1.42!important}.hero-lead br{display:block}.prize-ladder strong{font-size:8px;letter-spacing:-.01em}.prize-ladder span{font-size:8px}}
