/* Secrets page — scoped to body.page-secrets */
body.page-secrets{background:#0b1d43!important;background-image:none!important}
/* Remove the inherited 45/70px bottom padding, not a negative margin. */
body.page-secrets main.container{width:100%;max-width:1200px;padding:0!important}
body.page-secrets .secrets-page{padding:0 0 24px}
body.page-secrets .secrets-banner{display:block;width:100%;aspect-ratio:auto;margin:0 0 10px;padding:0;border:0;border-radius:0;overflow:hidden;background:none;line-height:0}
body.page-secrets .secrets-banner img{display:block;width:100%;height:auto;aspect-ratio:2048/768;object-fit:contain;border:0;margin:0}
body.page-secrets .secret-ticket-grid{display:grid;grid-template-columns:1fr;gap:10px;margin:0 14px}
body.page-secrets .secret-ticket-card{position:relative;display:grid;grid-template-columns:26% minmax(0,1fr) 19%;grid-template-areas:"art info act" "art steps act";align-items:center;column-gap:clamp(8px,1.1vw,14px);row-gap:6px;padding:clamp(8px,1vw,12px);border-radius:20px;border:3px solid #e4b73f;box-shadow:0 6px 16px rgba(29,25,91,.12);overflow:hidden}
body.page-secrets .secret-ticket-card:before{display:none}
body.page-secrets .secret-ticket-fidelity{background:linear-gradient(90deg,#fff7df,#fff1c9);border-color:#f0c24a}
body.page-secrets .secret-ticket-volcano{background:linear-gradient(90deg,#fff0ea,#ffe2d8);border-color:#e8574a}
body.page-secrets .secret-ticket-dino{background:linear-gradient(90deg,#eaf6ff,#d9ecff);border-color:#3f9be8}
body.page-secrets .secret-ticket-level{background:linear-gradient(90deg,#f5f0ff,#e9e0ff);border-color:#a37ae6}
body.page-secrets .secret-ticket-art{grid-area:art;height:auto;margin:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
body.page-secrets .secret-ticket-art img{display:block;width:100%;height:auto;object-fit:contain}
body.page-secrets .secret-info{grid-area:info;min-width:0;align-self:end}
body.page-secrets .secret-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 6px}
body.page-secrets .secret-card-heading{display:flex;align-items:center;gap:8px;min-width:0;flex:1}
body.page-secrets .secret-card-heading h2{margin:0;font-size:clamp(15px,1.9vw,26px);line-height:1.05;letter-spacing:-.03em;color:#1d1b4a}
body.page-secrets .secret-card-icon{display:block;width:clamp(26px,3vw,40px);height:auto;flex:0 0 auto;background:none;border:0;box-shadow:none;font-size:0}
body.page-secrets .secret-card-icon img,body.page-secrets .sx-ic{display:block;width:100%;height:auto;object-fit:contain}
body.page-secrets .secret-status{flex:0 0 auto;display:inline-grid;place-items:center;width:clamp(90px,11vw,138px);aspect-ratio:238/58;padding:0 6px;border-radius:999px;font-size:clamp(8px,1vw,12px);font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:transparent;background:center/100% 100% no-repeat}
body.page-secrets .secret-status.is-locked{background-image:url(images/secrets-page/discover.png)}
body.page-secrets .secret-status.is-soon{background-image:url(images/secrets-page/soon.png)}
body.page-secrets .secret-status.is-unlocked{background:#d9faeb;color:#08754c;border:2px solid #08754c}
body.page-secrets .secret-ticket-card .section-kicker{margin:0 0 4px;font-size:clamp(9px,1.05vw,13px);font-weight:900;color:#d63a2f}
body.page-secrets .secret-ticket-fidelity .section-kicker{color:#d6342d}
body.page-secrets .secret-ticket-dino .section-kicker{color:#2a6fd0}
body.page-secrets .secret-ticket-level .section-kicker{color:#7a3ed6}
body.page-secrets .secret-card-lead{min-height:0;margin:0;color:#3a3a5a;font-size:clamp(10px,1.2vw,15px);line-height:1.35}
body.page-secrets .secret-steps{grid-area:steps;align-self:start;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:6px;border-radius:8px;background:rgba(255,252,239,.55);list-style:none;counter-reset:secret-step}
body.page-secrets .secret-ticket-volcano .secret-steps{background:rgba(255,244,242,.55)}
body.page-secrets .secret-ticket-dino .secret-steps{background:rgba(241,249,255,.55)}
body.page-secrets .secret-ticket-level .secret-steps{background:rgba(249,246,255,.55)}
body.page-secrets .secret-checklist.secret-steps{grid-template-columns:repeat(4,minmax(0,1fr))}
body.page-secrets .secret-steps li{position:relative;display:grid;grid-template-columns:18px minmax(26px,1fr);align-content:start;align-items:center;gap:4px;padding:2px;counter-increment:secret-step;min-width:0}
body.page-secrets .secret-steps li:before{content:counter(secret-step);display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#f4b52c;color:#5a3a00;font-size:11px;font-weight:900}
body.page-secrets .secret-steps .sx-ic{width:26px;height:26px;object-fit:contain;margin:0}
body.page-secrets .secret-step-copy{grid-column:1/-1;min-width:0;overflow-wrap:break-word}
body.page-secrets .secret-steps b{display:block;font-size:clamp(12px,1.1vw,13px);line-height:1.2;color:#1d1b4a}
body.page-secrets .secret-steps span{display:block;margin:3px 0 0;color:#4a4a68;font-size:11px;line-height:1.3}
body.page-secrets .secret-action{grid-area:act;align-self:stretch;display:grid;align-content:center;grid-template-rows:auto minmax(54px,auto);gap:12px;text-align:center;padding:clamp(6px,1vw,12px);border-radius:14px;background:rgba(255,255,255,.7);min-width:0}
body.page-secrets .secret-card-rule{display:grid;gap:2px;margin:0;padding:0;border:0;background:none;text-align:center}
body.page-secrets .secret-card-rule strong{color:#4a1fb8;font-size:clamp(12px,1.25vw,15px);line-height:1.2}
body.page-secrets .secret-card-rule span{color:#555;font-size:11px;line-height:1.3}
body.page-secrets .secret-action .button{display:flex;align-items:center;justify-content:center;min-height:54px;height:54px;width:100%;padding:4px 8px;font-size:clamp(12px,1.2vw,14px);font-weight:900;line-height:1.15;text-align:center;border-radius:14px}
body.page-secrets .secret-action .button.sx-login{color:transparent;border:0;background:url(images/secrets-page/connect.png) center/contain no-repeat;box-shadow:none}
body.page-secrets .secret-action .button.sx-wheel{background-image:url(images/secrets-page/connect-wheel.png)}
body.page-secrets .secret-action .button.sx-grid{background-image:url(images/secrets-page/connect-grid.png)}
body.page-secrets .secret-disabled-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;height:54px;padding:4px 8px;border:0;border-radius:14px;background:url(images/secrets-page/disabled.png) center/contain no-repeat;color:transparent;font-size:clamp(12px,1.2vw,14px);font-weight:900;text-align:center}
body.page-secrets .secret-rules{margin:14px 0 0;padding:0;border:0;border-radius:0;background:none}
body.page-secrets .secret-rules>img{display:block;width:100%;height:auto;aspect-ratio:2048/768}
body.page-secrets .sx-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;list-style:none}
@media(max-width:900px){
body.page-secrets .secret-card-top{flex-wrap:wrap}
body.page-secrets .secret-card-heading{flex-basis:100%}
body.page-secrets .secret-action{grid-template-rows:auto minmax(54px,auto)}
}
@media(max-width:620px){
body.page-secrets .secrets-page{padding-bottom:16px}
body.page-secrets .secret-ticket-card{grid-template-columns:34% minmax(0,1fr);grid-template-areas:"art info" "steps steps" "act act"}
body.page-secrets .secret-ticket-art{grid-area:art}
body.page-secrets .secret-info{grid-area:info}
body.page-secrets .secret-steps{grid-area:steps}
body.page-secrets .secret-action{grid-area:act}
body.page-secrets .secret-action{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto;align-items:center}
body.page-secrets .secret-card-top{flex-wrap:wrap}
body.page-secrets .secret-card-heading h2{font-size:17px}
body.page-secrets .secret-card-lead{font-size:12px}
body.page-secrets .secret-checklist.secret-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
body.page-secrets .secret-action .button{font-size:13px}
}
