@font-face{font-family:"Bystander Serif";src:url("../assets/fonts/BystanderSerif-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Bystander Serif";src:url("../assets/fonts/BystanderSerif-Bold.woff2") format("woff2");font-weight:700;font-display:swap}
:root{--cream:#fff8e9;--paper:#fffdf7;--red:#eb1f2a;--red-dark:#5d1714;--orange:#ff9718;--yellow:#ffc13e;--muted:#8b7167;--line:rgba(93,23,20,.12);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--red-dark);background:var(--cream);font-synthesis:none}
*{box-sizing:border-box}[hidden]{display:none!important}body{min-width:320px;margin:0;background:radial-gradient(circle at 80% 8%,rgba(255,174,61,.2),transparent 27rem),linear-gradient(180deg,#fffaf0,#fff4dd);color:var(--red-dark)}button,input{font:inherit}button{color:inherit}.club-shell{width:min(100%,1100px);min-height:100vh;margin:auto;padding:24px 28px 110px}.club-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.club-brand{display:block;width:min(285px,48vw)}.club-brand img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.club-account{display:flex;align-items:center;gap:10px;border:0;background:transparent;text-align:left}.club-account__icon{display:grid;width:52px;height:52px;place-items:center;border-radius:50%;background:var(--red-dark);color:#fff}.club-account__icon svg{width:27px;fill:none;stroke:currentColor;stroke-width:2}.club-account small,.club-account strong{display:block}.club-account small{font-size:.83rem}.club-account strong{font-size:1rem}.club-onboarding{position:relative;display:grid;min-height:650px;grid-template-columns:1fr .75fr 1fr;align-items:center;gap:24px;overflow:hidden;padding:clamp(30px,5vw,70px);border:1px solid rgba(255,255,255,.9);border-radius:38px;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,239,202,.9));box-shadow:0 25px 70px rgba(122,52,18,.12)}.club-onboarding::before{content:"";position:absolute;right:-12%;bottom:-40%;width:70%;aspect-ratio:1;border-radius:45% 55% 50% 40%;background:linear-gradient(140deg,#ffb626,#ff6d23);transform:rotate(-16deg)}.club-onboarding__copy,.club-form,.club-onboarding__mascot{position:relative;z-index:1}.club-onboarding__copy h1,.club-member-card h1,.club-panel h1{margin:.15em 0;color:var(--red);font-family:"Bystander Serif",Georgia,serif;font-size:clamp(3.8rem,6vw,6rem);line-height:.82}.club-kicker{font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--orange)}.club-onboarding__copy p{max-width:480px;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.5}.club-onboarding__mascot{align-self:end;width:145%;max-width:none;height:auto;margin:0 0 -31% -31%;filter:drop-shadow(0 22px 18px rgba(93,23,20,.18))}.club-form{align-self:center;padding:30px;border-radius:28px;background:rgba(255,253,247,.94);box-shadow:0 18px 50px rgba(93,23,20,.13);backdrop-filter:blur(12px)}.club-form h2,.club-panel h1{font-size:2rem}.club-form p{color:var(--muted);line-height:1.45}.club-form label{display:block;margin:18px 0 7px;font-weight:800}.club-form input,.club-code{width:100%;min-height:54px;padding:0 16px;border:2px solid var(--line);border-radius:15px;background:#fff;color:var(--red-dark);outline:none}.club-form input:focus,.club-code:focus{border-color:var(--orange);box-shadow:0 0 0 4px rgba(255,151,24,.15)}.club-form__hint{font-size:.85rem}.club-button{min-height:50px;padding:0 22px;border:0;border-radius:999px;font-weight:900}.club-button--primary{background:linear-gradient(180deg,#ff3b38,var(--red));color:#fff;box-shadow:0 10px 22px rgba(235,31,42,.2)}.club-form .club-button{width:100%;margin-top:14px}.club-button:disabled{opacity:.55}.club-alert{margin-top:14px;padding:12px 14px;border-radius:14px;background:#ffe4df;color:#941c16;font-weight:700}.club-alert--page{display:flex;align-items:center;justify-content:space-between;gap:16px}.club-alert--page button{border:0;background:transparent;font-weight:900;text-decoration:underline}.club-verify{max-width:560px;margin:40px auto}.club-back{margin-bottom:18px;border:0;background:transparent;font-weight:800}.club-panel{padding:40px;border:1px solid #fff;border-radius:32px;background:var(--paper);box-shadow:0 22px 60px rgba(93,23,20,.1)}.club-panel--center{text-align:center}.club-panel__icon{display:grid;width:76px;height:76px;margin:0 auto 18px;place-items:center;border-radius:50%;background:#ffe4b0;color:var(--red)}.club-panel__icon svg{width:38px;fill:none;stroke:currentColor;stroke-width:1.8}.club-code{margin:18px 0;font-size:2rem;font-weight:900;letter-spacing:.35em;text-align:center}.club-panel .club-button{width:100%}.club-loading,.club-empty{padding:36px;text-align:center;color:var(--muted)}.club-member-card{position:relative;display:grid;grid-template-columns:1fr auto;gap:28px;overflow:hidden;padding:38px;border-radius:34px;background:linear-gradient(135deg,#fffdf7,#ffe5a8);box-shadow:0 20px 50px rgba(102,48,16,.12)}.club-member-card::after{content:"";position:absolute;right:-12%;bottom:-55%;width:65%;aspect-ratio:1;border-radius:45%;background:linear-gradient(135deg,#ffba2d,#ff6d22);transform:rotate(-20deg)}.club-member-card>div,.club-qr-card{position:relative;z-index:1}.club-member-card h1{font-size:clamp(3rem,7vw,5.6rem)}.club-member-card p{margin:20px 0 7px;font-weight:700}.club-member-code{display:flex;align-items:center;gap:10px;padding:10px 16px;border:0;border-radius:999px;background:rgba(255,255,255,.7)}.club-member-code svg{width:20px;fill:none;stroke:currentColor;stroke-width:2}.club-qr-card{display:flex;width:190px;align-items:center;flex-direction:column;padding:16px;border:1px solid rgba(255,255,255,.85);border-radius:25px;background:#fffaf0;box-shadow:0 12px 30px rgba(93,23,20,.1)}.club-qr-card img{width:128px;height:128px;border-radius:12px;background:#fff}.club-qr-card strong{margin-top:6px;color:var(--red);font-size:1.1rem}.club-qr-card span{font-size:.8rem}.club-progress{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:22px;margin-top:24px;padding:25px 30px;border-radius:28px;background:rgba(255,255,255,.78);box-shadow:0 14px 36px rgba(93,23,20,.08)}.club-progress__gift{display:grid;width:74px;height:74px;place-items:center;border-radius:50%;background:#fff0be;color:var(--orange);font-size:2rem}.club-progress p{margin:0 0 11px;font-size:1.1rem}.club-progress__track{height:16px;overflow:hidden;border-radius:999px;background:#eadfd2}.club-progress__track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--orange),var(--yellow));transition:width .4s ease}.club-progress__labels{display:flex;justify-content:space-between;margin-top:7px;color:var(--muted);font-weight:700}.club-section{margin-top:34px}.club-section header{display:flex;align-items:center;justify-content:space-between;gap:16px}.club-section h2{margin:0;color:var(--red);font-family:"Bystander Serif",Georgia,serif;font-size:clamp(2rem,4vw,3rem)}.club-section header button{border:0;background:transparent;color:var(--red);font-weight:900}.club-reward-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.club-reward{display:flex;min-height:190px;flex-direction:column;padding:22px;border:1px solid #fff;border-radius:25px;background:rgba(255,255,255,.82);box-shadow:0 12px 30px rgba(93,23,20,.07)}.club-reward h3{margin:0 0 8px;font-family:"Bystander Serif",Georgia,serif;font-size:1.7rem}.club-reward p{margin:0;color:var(--muted);line-height:1.4}.club-reward__cost{display:block;margin:12px 0;font-weight:900}.club-reward button{width:100%;margin-top:auto}.club-reward.is-locked{filter:grayscale(.45);opacity:.68}.club-transaction-list{display:grid;gap:12px;margin-top:16px}.club-transaction{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:18px 22px;border-radius:22px;background:rgba(255,255,255,.82);box-shadow:0 10px 25px rgba(93,23,20,.06)}.club-transaction__icon{display:grid;width:52px;height:52px;place-items:center;border-radius:50%;background:#e5f5d9;color:#187828;font-size:1.35rem}.club-transaction.is-debit .club-transaction__icon{background:#ffe1da;color:var(--red)}.club-transaction strong,.club-transaction small{display:block}.club-transaction small{margin-top:4px;color:var(--muted)}.club-transaction__amount{font-weight:900}.club-verification-banner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-top:30px;padding:22px 26px;border-radius:25px;background:linear-gradient(110deg,#fff1cc,#ffd9aa)}.club-verification-banner>span{font-size:2rem}.club-verification-banner strong,.club-verification-banner small{display:block}.club-verification-banner small{margin-top:4px}.club-bottom-nav{position:fixed;z-index:10;right:0;bottom:0;left:0;display:grid;max-width:760px;grid-template-columns:repeat(4,1fr);margin:auto;padding:10px max(12px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));border:1px solid rgba(93,23,20,.08);border-bottom:0;border-radius:26px 26px 0 0;background:rgba(255,253,247,.96);box-shadow:0 -12px 35px rgba(93,23,20,.1);backdrop-filter:blur(12px)}.club-bottom-nav button{display:flex;min-height:58px;align-items:center;justify-content:center;flex-direction:column;gap:3px;border:0;background:transparent;font-size:.75rem;font-weight:800}.club-bottom-nav button span{font-size:1.45rem}.club-bottom-nav button.is-active{color:var(--red)}.club-dialog{width:min(92vw,430px);padding:32px;border:0;border-radius:30px;background:var(--paper);color:var(--red-dark);text-align:center;box-shadow:0 30px 90px rgba(40,10,8,.3)}.club-dialog::backdrop{background:rgba(45,16,11,.55);backdrop-filter:blur(5px)}.club-dialog__close{position:absolute;top:10px;right:14px;border:0;background:transparent;font-size:2rem}.club-dialog img{display:block;max-width:100%;height:auto;margin:18px auto;border-radius:18px;background:#fff}.club-dialog code{display:block;overflow-wrap:anywhere;padding:10px;border-radius:10px;background:#f4eadc}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:760px){.club-shell{padding:16px 16px 105px}.club-header{margin-bottom:18px}.club-brand{width:min(230px,56vw)}.club-account__icon{width:44px;height:44px}.club-account small{display:none}.club-onboarding{display:block;min-height:0;padding:26px 20px 22px;border-radius:28px}.club-onboarding__copy{padding-right:34%}.club-onboarding__copy h1{font-size:clamp(3.2rem,15vw,4.5rem)}.club-onboarding__copy p{font-size:.95rem}.club-onboarding__mascot{position:absolute;top:65px;right:-3%;bottom:auto;width:42%;margin:0}.club-form{margin-top:25px;padding:22px;border-radius:22px}.club-member-card{grid-template-columns:1fr;padding:27px 22px}.club-member-card h1{font-size:3.4rem}.club-qr-card{width:100%;flex-direction:row;justify-content:center;gap:14px}.club-qr-card img{width:82px;height:82px}.club-qr-card span{display:none}.club-progress{grid-template-columns:1fr;padding:22px}.club-progress__gift{display:none}.club-reward-grid{grid-template-columns:1fr}.club-verification-banner{grid-template-columns:auto 1fr}.club-verification-banner .club-button{grid-column:1/-1;width:100%}.club-bottom-nav button{font-size:.67rem}.club-bottom-nav button span{font-size:1.25rem}}
@media(max-width:390px){.club-account strong{font-size:.82rem}.club-onboarding__copy{padding-right:28%}.club-onboarding__mascot{top:90px;width:38%}.club-section header button{font-size:.8rem}.club-transaction{grid-template-columns:auto 1fr}.club-transaction__amount{grid-column:2}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.club-dev-code{padding:10px 14px;border-radius:12px;background:#fff0be;color:var(--red-dark);font-weight:900}
.club-redemption-code{display:block;margin:16px 0 10px;padding:18px;border:2px solid var(--orange);border-radius:18px;background:#fff5d8;color:var(--red);font-size:clamp(2.7rem,12vw,4rem);font-weight:900;letter-spacing:.16em;line-height:1}
.club-redemption-hint{color:var(--muted);font-size:.9rem}