*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:22px}body{margin:0;background:#07120f;color:#eef9f0;font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background-image:radial-gradient(ellipse at 100% 0,#30402066,transparent 35%),radial-gradient(ellipse at 0 70%,#29243c44,transparent 35%)}a{color:inherit}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button,a.button{cursor:pointer}button:disabled{cursor:default;opacity:.52}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #bbff28;outline-offset:4px}[hidden]{display:none!important}.skip{position:fixed;left:16px;top:-70px;z-index:100;background:#bbff28;color:#07120f;padding:12px}.skip:focus{top:12px}.account-header{max-width:1320px;padding:28px 32px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid #caffbb22}.wordmark{text-decoration:none;font:italic 900 29px/1 system-ui;letter-spacing:-1.4px}.wordmark span{color:#b4ff22}.wordmark small{display:block;font:700 9px/1.8 system-ui;letter-spacing:2px;margin-top:8px;color:#99b4a7}.account-header nav{display:flex;gap:12px}.account-header nav a{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:10px 14px;font-size:13px;font-weight:700;text-decoration:none;border:1px solid #ffffff25;border-radius:24px}.account-header nav a[aria-current="page"]{border-color:#b4ff2266;background:#b4ff220f;color:#b4ff22}.wordmark img{display:block;height:40px;width:auto}.icon{width:18px;height:18px;flex:0 0 auto;fill:currentColor}main{max-width:1256px;margin:auto;padding:28px 0 64px}.environment{display:inline-block;color:#b4c9bd;background:#ffffff08;border:1px solid #ffffff18;border-radius:6px;padding:6px 11px;font-size:11px;font-weight:750;letter-spacing:.06em}.account-intro{display:flex;gap:24px;justify-content:space-between;align-items:center;margin:30px 0}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:850;color:#b4ff22;margin:0 0 12px}h1{font-size:clamp(38px,5.2vw,68px);line-height:1.06;letter-spacing:-.055em;margin:0 0 16px;font-weight:900}h1 span{display:block;color:#b4ff22}p{color:#adc3b7;margin:0 0 16px}h2{font-size:22px;line-height:1.2;margin:18px 0 14px;letter-spacing:-.025em}h3{font-size:23px;line-height:1.25;margin:0 0 14px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;border:1px solid transparent;border-radius:10px;padding:12px 18px;background:#b4ff22;color:#10200a;text-decoration:none;font-size:14px;font-weight:850;text-align:center;line-height:1.4}.button.secondary{border-color:#c5ffc133;background:#d5ffc20b;color:#e2f5d8}.button:hover{filter:brightness(1.12)}.text-button{display:inline-block;border:0;background:none;color:#b4ff22;padding:10px 0;font-weight:700;font-size:13px;text-align:left;text-decoration:none}.notice{padding:12px 16px;border-left:3px solid #b4ff22;background:#b4ff2209;color:#c9e3c4;border-radius:0 8px 8px 0;font-size:13px;margin:0 0 24px;overflow-wrap:anywhere}.notice.error{border-color:#ff8abb;color:#ffb7d5}.balance-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:24px;background:#0e2018;border:1px solid #b4ff222e;border-radius:18px;padding:24px 8px}.balance-strip>div{padding:0 24px;border-right:1px solid #ffffff16}.balance-strip>div:last-child{border:0}.balance-strip span,.balance-strip small{display:block;color:#9bb6a5;font-size:10px;letter-spacing:.09em}.balance-label{display:flex;align-items:center;gap:6px;margin-bottom:4px}.balance-label .icon{color:#b4ff22}.balance-strip>div:nth-child(2) .icon{color:#ff66be}.balance-strip>div:nth-child(3) .icon{color:#63f4ac}.balance-strip strong{display:block;font-size:32px;line-height:1.4;color:#b4ff22;font-variant-numeric:tabular-nums}.balance-strip>div:nth-child(2) strong{color:#ff66be}.balance-strip>div:nth-child(3) strong{color:#63f4ac}.balance-strip small{letter-spacing:0}.setup-grid,.rewards-grid,.bands-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 24px}.account-panel{min-width:0;background:linear-gradient(140deg,#10221b,#0b1713);border:1px solid #b6e8c924;border-radius:18px;padding:26px}.account-panel p{font-size:14px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.setup-grid h2,.rewards-grid h2{display:flex;align-items:center;gap:9px}.setup-grid .icon,.rewards-grid .icon{color:#b4ff22}.button .icon,.text-button .icon{margin-right:7px}.step{font-size:24px;font-weight:900;color:#b4ff22}.status-pill{display:inline-block;font-size:10px;line-height:1.5;padding:5px 9px;border:1px solid #ffffff26;border-radius:20px;color:#bed1c6;text-align:center}.status-pill.good{color:#b4ff22;border-color:#b4ff2255}.detail{font-size:13px!important;min-height:42px}.small{font-size:11px!important;line-height:1.65!important;color:#93ac9d;margin-top:15px;margin-bottom:0}.wallet-address{overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:12px!important}.setup-grid .button{width:100%}.setup-grid article{display:flex;flex-direction:column}.setup-grid article>.detail{margin-top:auto}.loyalty-card{background:radial-gradient(ellipse at 100% 0,#5f396233,transparent),#112119}.loyalty-card h2{font-size:32px;color:#dcb1ff}.holdings-list{display:grid;gap:6px}.holdings-list div{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid #ffffff11;font-size:12px}.holdings-list strong{overflow-wrap:anywhere;text-align:right}.delivery{margin:0}.delivery>div{border-bottom:1px solid #ffffff16;padding:0 0 12px;margin-bottom:12px}.delivery dt{font-size:12px;font-weight:800;color:#f5fff6}.delivery dd{margin:5px 0 0;color:#adc3b7;font-size:13px}.rewards-grid .button{margin-top:18px}.guide-section{padding:42px 0}.guide-section>h2{font-size:clamp(32px,5vw,48px);margin:0 0 14px}.guide-lead{max-width:780px;font-size:15px}.ladder{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:24px 0}.tier{background:#101e18;border:1px solid #ffffff1c;border-radius:14px;padding:18px 14px;min-width:0}.tier.current{border-color:#bc8dff;background:#bc8dff11}.tier h3{font-size:17px;color:#e8edc7}.tier b{display:block;font-size:26px;color:#b4ff22;line-height:1.25}.tier>span{font-size:10px;color:#9bae96}.tier ul{padding:0;list-style:none;margin:15px 0 0;color:#b4c9bd;font-size:10px;line-height:1.9}.tier li strong{color:#fff}.planner{display:grid;grid-template-columns:1fr 1fr 1.05fr;gap:26px;align-items:start;margin-bottom:24px;border-color:#b4ff223b}.planner p{font-size:13px}.planner form{display:grid;gap:12px}.planner label{display:grid;gap:4px;font-size:12px;font-weight:700;color:#b3cdbb}.planner input{width:100%;min-height:44px;border:1px solid #ffffff28;border-radius:8px;background:#07120f;color:#fff;padding:8px 12px;font-variant-numeric:tabular-nums}.planner-result{border-radius:12px;background:#b4ff220a;padding:20px;font-size:13px;min-height:180px}.planner-result h3{color:#b4ff22;font-size:26px;margin:8px 0}.planner-result p{margin:10px 0;font-size:12px}.planner-result strong{color:#ecffd1}.planner-result ul{padding-left:17px;color:#d6dec6;font-size:12px}.bands-grid table{width:100%;border-collapse:collapse;font-size:12px}.bands-grid th{text-align:left;font-size:10px;color:#94b49d;font-weight:700;padding:0 0 8px}.bands-grid td{padding:8px 0;border-top:1px solid #ffffff10;font-variant-numeric:tabular-nums}.bands-grid td:last-child{text-align:right;color:#b4ff22;font-weight:800}.bands-grid th:last-child{text-align:right}.bands-grid h3{font-size:20px}.combo-panel>div{display:flex;gap:14px;flex-wrap:wrap}.combo-panel>div p{padding:12px 16px;background:#b4ff2208;border-radius:9px;flex:1;min-width:180px;margin:0}.combo-panel strong{color:#b4ff22}details{border-top:1px solid #ffffff18;padding:15px 0}summary{cursor:pointer;font-size:14px;font-weight:700}details p{margin:12px 0 0}footer{max-width:1256px;margin:0 auto;padding:20px 0 36px;border-top:1px solid #ffffff18;display:flex;justify-content:space-between;gap:18px;color:#94ae9e;font-size:11px}footer a{text-decoration:none}footer span{font-size:9px;letter-spacing:.09em}dialog{width:min(500px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:30px;border:1px solid #b4ff2255;border-radius:20px;background:#102219;color:#eef9f0;overscroll-behavior:contain}dialog::backdrop{background:#010905dc;backdrop-filter:blur(5px)}dialog p,dialog li{font-size:14px;color:#bbcfbf}dialog ol{padding-left:24px}dialog li{padding:0 0 12px}dialog h2{font-size:30px}dialog .dialog-close{float:right;min-width:44px;min-height:44px;border:1px solid #ffffff28;border-radius:8px;background:#ffffff08;color:#fff;font-size:24px}.wallet-option{display:flex;width:100%;justify-content:space-between;margin:10px 0}#walletMobile{border-top:1px solid #ffffff1c;margin-top:18px;padding-top:18px}.wallet-links{display:grid;gap:10px;margin:14px 0}.wallet-links .button{width:100%}
@media(max-width:1320px){main,footer{margin-inline:32px}}@media(max-width:1050px){.ladder{grid-template-columns:repeat(3,1fr)}.account-panel{padding:21px}.setup-grid,.rewards-grid{gap:12px}.planner{grid-template-columns:1fr 1fr}.planner-result{grid-column:1/-1}.account-intro{align-items:flex-end}.account-intro>.button{font-size:12px;max-width:180px}}@media(max-width:760px){.account-header{padding:20px;gap:12px}.wordmark{font-size:25px}.wordmark small{font-size:7px}.account-header nav{gap:5px}.account-header nav a{font-size:10px;padding:8px 10px}main{margin:0 18px;padding-top:18px}.account-intro{display:block;margin:25px 0}.account-intro>.button{max-width:none}.account-intro p{font-size:14px}h1{font-size:46px}.balance-strip{padding:16px 0}.balance-strip>div{padding:0 12px}.balance-strip strong{font-size:26px}.balance-strip span{font-size:8px;letter-spacing:.02em}.balance-strip small{font-size:9px}.setup-grid,.rewards-grid,.bands-grid{grid-template-columns:1fr}.account-panel{padding:23px}.detail{min-height:0}.setup-grid article>.detail{margin-top:0}.setup-grid .button{width:auto;align-self:flex-start}.setup-grid .text-button{align-self:flex-start}.ladder{grid-template-columns:repeat(2,minmax(0,1fr))}.tier{padding:19px}.tier ul{font-size:11px}.planner{grid-template-columns:1fr}.planner-result{grid-column:auto}.guide-section{padding-top:20px}.guide-lead{font-size:14px}footer{margin:0 18px;flex-direction:column;gap:14px;padding-bottom:max(24px,env(safe-area-inset-bottom))}dialog{padding:23px}.combo-panel>div{display:grid;grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.play-history{margin-bottom:24px}.play-history-row{padding:18px 0;border-bottom:1px solid #ffffff22}.play-history-row h3{font-size:18px}.play-history-row p{font-size:13px}.play-history-row .ap-receipt{max-width:600px}

/* Compact dashboard composition (2026-09 revision) — replaces the old
   three-numbered-card / six-prose-card arrangement with the approved
   concept: a slim h1, a welcome strip, two compact connection rows, an
   illustrated collection grid, a one-line tier strip, and everything long
   (ladder, planner, bands, FAQ) behind native <details>. */
.page-h1{font-size:clamp(28px,4vw,40px);margin:18px 0 14px}
.welcome-strip{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;padding:26px 28px;background:linear-gradient(140deg,#12281f,#0b1713);border:1px solid #b4ff2233;border-radius:18px}
.welcome-strip p{margin:0 0 4px;color:#eef9f0;font-size:20px;font-weight:800}
.welcome-strip strong{color:#b4ff22}
.welcome-strip p.small{color:#adc3b7;font-size:13px!important;font-weight:400;margin-bottom:16px}
.welcome-mascot{width:104px;height:104px;object-fit:contain;flex:0 0 auto}
.connect-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:20px}
.connect-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #ffffff14}
.connect-row-label{display:flex;align-items:center;gap:10px;font-weight:800;font-size:14px;min-width:0}
.connect-row-label .status-pill{margin-left:8px;font-weight:700}
.connect-row .button{flex:0 0 auto;padding:10px 16px;min-height:44px;font-size:13px}
.collection-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:4px}
.loyalty-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}
.loyalty-strip h2{margin:0 0 6px;font-size:20px}
.loyalty-strip p{margin:0;font-size:13px}
.loyalty-strip .button{flex:0 0 auto}
.split-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:20px}
.split-row h2{font-size:18px;margin-top:0}
.quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}
.quick-actions .button{width:100%}
.status-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:18px 26px;margin-bottom:14px}
.status-strip>div{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:#c9e3c4;min-width:0}
.status-strip .icon{margin-top:2px;color:#b4ff22}

/* Illustrated collection tiles — the actual Pixel/Animated/$FOOK art behind
   the first three JS-rendered rows (in that fixed key order); rows appended
   after them (combination bonus, "more points" note) fall through to a
   plain list so no JS change is needed to tell the two apart. */
.holdings-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}
.holdings-list div{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;min-height:118px;padding:66px 6px 10px;border-radius:14px;border:0;text-align:center;overflow:hidden;background:#0d1b16}
.holdings-list div::before{content:"";position:absolute;top:8px;left:8px;right:8px;height:60px;border-radius:10px;background-size:cover;background-position:center}
.holdings-list div:nth-child(1){background:#0e2a24}
.holdings-list div:nth-child(1)::before{background-color:#63f4ac;background-image:url(zombabiez-assets/product-pixel.jpg)}
.holdings-list div:nth-child(2){background:#2a1424}
.holdings-list div:nth-child(2)::before{background-color:#ff9ed6;background-image:url(zombabiez-assets/product-animated.gif)}
.holdings-list div:nth-child(3){background:#2a2110}
.holdings-list div:nth-child(3)::before{background-color:#241d09;background-image:url(zombabiez-assets/product-fook.png)}
.holdings-list div span{order:1;font-size:14px;color:#adc3b7}
.holdings-list div strong{order:2;font-size:clamp(16px,1.6vw,24px);color:#f2f8f3;overflow-wrap:anywhere;max-width:100%}
.holdings-list div small{order:3;font-size:12px;color:#adc3b7}
.holdings-list div:nth-child(n+4){grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center;min-height:0;padding:8px 0;border-bottom:1px solid #ffffff11;background:none;border-radius:0}
.holdings-list div:nth-child(n+4)::before{display:none}
.holdings-list div:nth-child(n+4) span{order:0}
.holdings-list div:nth-child(n+4) strong{order:0;text-align:right}
.holdings-list p{grid-column:1/-1;margin:6px 0 0}
.collection-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.collection-heading h2{margin:0}

/* Top-level disclosures styled as regular account cards, so "View tiers" and
   "Reward delivery & pricing details" read as cards until opened rather than
   as a stray FAQ row. */
details.account-panel{padding:0;overflow:hidden}
details.account-panel>summary{display:flex;align-items:center;justify-content:space-between;min-height:26px;padding:20px 26px;margin:0;border:0;list-style:none;font-size:16px;font-weight:800;color:#eef9f0}
details.account-panel>summary::-webkit-details-marker{display:none}
details.account-panel[open]>summary{border-bottom:1px solid #ffffff14}
details.account-panel>summary::after{content:"+";color:#b4ff22;font-size:20px}
details.account-panel[open]>summary::after{content:"−"}
details.account-panel>.delivery,details.account-panel>.small,details.account-panel>.guide-body{padding:20px 26px 22px}
details.account-panel>.small+.small{padding-top:0}
.guide-section{padding:0}
.guide-section .guide-lead{max-width:none}

@media(max-width:1050px){.connect-grid,.split-row{grid-template-columns:1fr}}
@media(max-width:760px){.welcome-strip{padding:20px;flex-direction:column-reverse;text-align:center}.welcome-mascot{width:84px;height:84px}.quick-actions{grid-template-columns:1fr}.status-strip{grid-template-columns:1fr;padding:18px 20px}.loyalty-strip{flex-direction:column;align-items:stretch;text-align:center}.loyalty-strip .button{width:100%}.holdings-list{grid-template-columns:repeat(3,minmax(0,1fr))}.holdings-list div{padding-top:54px;min-height:96px}.holdings-list div::before{height:44px}}

/* Readable member controls and compact mobile composition. */
.wordmark img{width:200px;height:auto}
.account-header nav a{font-size:14px}
.page-h1{font-size:clamp(32px,4vw,48px)}
.welcome-strip>div{flex:1;display:grid;grid-template-columns:1fr auto;column-gap:24px;align-items:center}
.welcome-strip p{font-size:28px;grid-column:1}
.welcome-strip p.small{font-size:15px!important;margin-bottom:0}
.welcome-strip .button{grid-column:2;grid-row:1/3;min-width:170px}
.welcome-mascot{width:112px;height:112px}
.balance-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
.balance-strip span{font-size:15px;letter-spacing:0;color:#f2f8f3}
.balance-strip small{font-size:13px}
.balance-strip strong{overflow-wrap:anywhere}
.account-panel p{font-size:15px}
.small{font-size:13px!important}
.connect-grid .detail{min-height:0;margin:8px 0;font-size:13px!important;overflow-wrap:anywhere}
.connect-row-label{font-size:16px}
.connect-row-label .status-pill{display:inline-block}
.connect-row .button{font-size:14px}
.text-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:1px solid #29473a;border-radius:12px;background:#11231b;color:#f2f8f3;text-decoration:none;font-size:14px;font-weight:700;cursor:pointer}
.text-button:hover{border-color:#b4ff22}
.text-button:disabled{opacity:.55;cursor:default}
.holdings-list div::before{background-size:contain;background-repeat:no-repeat}
.holdings-list div:nth-child(n+4) strong{font-size:16px}
.help-body{padding:0 24px 24px}
.help-actions{display:flex;flex-wrap:wrap;gap:12px;padding-top:18px}
@media(max-height:500px){
 #walletDialog{width:min(760px,calc(100% - 24px));padding:18px;overflow:auto}
 #walletDialog h2{font-size:24px;margin-top:6px}
 #walletDialog .eyebrow{margin-bottom:6px}
 #walletDialog .wallet-links{grid-template-columns:repeat(3,minmax(0,1fr))}
 #walletDialog .wallet-links .button{padding:10px 8px}
}
@media(max-width:760px){
 .account-header{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;padding:12px 16px;gap:10px}
 .wordmark img{width:180px}
 .account-header nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;width:100%}
 .account-header nav a{justify-content:center;min-width:0;font-size:12px;padding:8px 4px;gap:4px;border-radius:12px;white-space:nowrap}
 .account-header nav .icon{width:14px;height:14px;flex-shrink:0}
 .welcome-strip{flex-direction:row;text-align:left;padding:18px;gap:10px}
 .welcome-strip>div{display:block;min-width:0}
 .welcome-strip p{font-size:20px}
 .welcome-strip p.small{font-size:13px!important;margin-bottom:14px}
 .welcome-strip .button{min-width:0}
 .welcome-mascot{width:76px;height:90px}
 .balance-strip>div{padding:0 8px;min-width:0}
 .balance-strip span{font-size:12px}
 .balance-strip small{font-size:11px}
 .balance-strip strong{font-size:24px}
 .connect-row{flex-wrap:wrap}
 .connect-row-label{font-size:15px;flex-wrap:wrap}
 .connect-row .button{padding:10px 12px}
 .holdings-list div span{font-size:13px}
 .holdings-list div strong{font-size:16px}
}