@import"https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Libre+Franklin:wght@400;500;600;700&display=swap";:root{color-scheme:only light;font-family:Libre Franklin,sans-serif;--page-top: #0e9689;--page: #0a8d80;--page-bottom: #087a71;--page-background: radial-gradient(circle at 18% 8%, rgba(255, 255, 255, .16), transparent 24%), radial-gradient(circle at 84% 14%, rgba(255, 255, 255, .08), transparent 16%), linear-gradient(180deg, var(--page-top) 0%, var(--page) 42%, var(--page-bottom) 100%);--frame: #09645b;--frame-deep: #083f3b;--frame-soft: rgba(255, 255, 255, .14);--ink: #163433;--ink-soft: rgba(22, 52, 51, .58);--cream: #fffdf8;--cream-soft: rgba(255, 253, 248, .82);--white-soft: rgba(255, 255, 255, .74);--success: #dafcef;--danger: #ffe0d3;--shadow-card: 0 18px 28px rgba(0, 49, 44, .2);--shadow-soft: 0 12px 20px rgba(0, 50, 45, .12);--radius-xl: 22px;--radius-lg: 18px;--radius-md: 14px;--radius-sm: 10px}*{box-sizing:border-box}html{min-height:100%;background-color:var(--page-bottom);background-image:var(--page-background)}body{min-height:100vh;min-height:100svh;min-height:100dvh;margin:0;background-color:var(--page-bottom);background-image:var(--page-background);color:#fff}button,input{font:inherit}img{display:block;max-width:100%}#root{min-height:100vh;min-height:100svh;min-height:100dvh}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{position:relative;min-height:100%;overflow-x:hidden}.ambient{position:fixed;inset:auto;pointer-events:none;filter:blur(18px);opacity:.22}.ambient-left{top:10dvh;left:-3rem;width:9rem;height:9rem;background:#ffecb833}.ambient-right{right:-2.5rem;bottom:18dvh;width:7rem;height:7rem;background:#ffffff1f}.screen{--panel-width: 15.8rem;--promo-width: 15.4rem;--card-frame-padding: .34rem;position:relative;width:min(100%,26.9rem);margin:0 auto;padding:max(.95rem,env(safe-area-inset-top) + .2rem) .95rem max(1.15rem,env(safe-area-inset-bottom) + .65rem);display:grid;gap:.84rem}.hero{display:grid;justify-items:center;gap:.62rem;padding-top:.1rem}.brand{width:min(100%,6.9rem)}.title-lockup{position:relative;width:min(100%,12.4rem);display:grid;place-items:center;margin-top:0}.title-art{width:100%}.title-number{position:absolute;left:59.5%;top:84.5%;transform:translate(-50%,-50%);font-family:Libre Baskerville,serif;font-size:clamp(1.08rem,4.4vw,1.42rem);font-style:italic;line-height:1;letter-spacing:-.02em}.preview-banner{max-width:18.9rem;padding:.76rem .86rem;border-radius:var(--radius-md);background:#003b3533;border:1px solid rgba(255,255,255,.16);color:var(--cream-soft);font-size:.8rem;line-height:1.4;text-align:center}.carousel-block{display:grid;gap:.54rem}.carousel-frame{overflow:hidden;touch-action:pan-y}.carousel-track{display:flex}.carousel-slide{flex:0 0 100%;min-width:0;padding-inline:.1rem}.card-shell{position:relative;width:min(100%,calc(var(--panel-width) + (var(--card-frame-padding) * 2)));margin:0 auto;border-radius:20px;background:linear-gradient(180deg,var(--frame) 0%,#07584f 100%);padding:var(--card-frame-padding);box-shadow:0 14px 24px #00312c29}.card-image{width:100%;aspect-ratio:3 / 4;border-radius:14px;object-fit:cover;background:#ffffff14}.card-complete-badge{position:absolute;top:.76rem;right:.76rem;padding:.34rem .58rem;border-radius:999px;background:#ffffffe6;color:var(--frame-deep);border:0;font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.carousel-controls{display:flex;width:min(100%,14.2rem);margin:0 auto;gap:.54rem}.nav-button,.submit-button{min-height:2.34rem;border:0;border-radius:var(--radius-sm);font-weight:700;letter-spacing:.01em;transition:transform .16s ease,filter .16s ease,opacity .16s ease}.nav-button{flex:1;background:#054c4661;color:#fff;border:1px solid rgba(255,255,255,.12);font-size:.74rem}.submit-button{position:absolute;top:.18rem;right:.18rem;bottom:.18rem;min-height:0;min-width:4.1rem;padding-inline:.82rem;background:linear-gradient(180deg,#12665f,#0a4b45);color:var(--cream);font-size:.76rem}.nav-button:hover,.submit-button:hover{filter:brightness(1.05)}.nav-button:active,.submit-button:active{transform:translateY(1px)}.nav-button:disabled,.submit-button:disabled{opacity:.65}.panel-stack{display:grid;gap:.72rem}.progress-note{margin:0;font-size:.6rem;font-weight:500;letter-spacing:.05em;text-align:center;color:#ffffff9e}.guess-panel{display:grid;gap:.36rem}.redeem-panel{padding:.92rem;border-radius:var(--radius-lg);background:#003d3633;border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow-soft)}.guess-form,.redeem-form{display:grid;justify-items:center;gap:.46rem}.panel-label{font-size:.78rem;font-weight:600}.input-shell{position:relative;width:min(100%,var(--panel-width))}.guess-input{min-height:2.78rem;width:100%;border:0;border-radius:8px;padding:.74rem 5.05rem .74rem .92rem;background:#fffffffa;color:var(--ink);font-size:.82rem;box-shadow:0 4px 10px #002a2614}.guess-input::placeholder{color:var(--ink-soft)}.guess-input:focus-visible,.nav-button:focus-visible,.submit-button:focus-visible{outline:3px solid rgba(255,241,194,.95);outline-offset:2px}.helper-copy,.feedback,.redeem-copy{margin:.1rem auto 0;max-width:var(--panel-width);font-size:.74rem;line-height:1.4;text-align:center;color:var(--cream-soft)}.helper-copy{font-size:.7rem;line-height:1.32}.feedback-success{color:var(--success)}.feedback-error{color:var(--danger)}.status-card{display:grid;gap:.35rem;padding:.84rem .95rem;border-radius:var(--radius-md);text-align:center}.status-card strong{font-size:.76rem;letter-spacing:.09em;text-transform:uppercase}.status-success{background:#dafcef1f;border:1px solid rgba(218,252,239,.24)}.status-neutral{background:#ffffff14;border:1px solid rgba(255,255,255,.14)}.redeem-panel h2{margin:0 0 .48rem;font-family:Libre Baskerville,serif;font-size:1.34rem;font-style:italic;font-weight:400;text-align:center}.promo-copy{margin:0;padding:.08rem 0;width:min(100%,var(--promo-width));margin-inline:auto;font-family:Libre Franklin,sans-serif;font-size:clamp(.6rem,1.9vw,.68rem);font-style:normal;font-weight:500;line-height:1.24;letter-spacing:0;text-align:center}@media (max-width: 420px){.screen{--panel-width: 15.15rem;--promo-width: 14.85rem;padding-inline:.88rem}.title-lockup{width:min(100%,11.7rem)}.carousel-controls{width:min(100%,13.55rem)}.guess-input{padding-right:4.9rem}.submit-button{min-width:4rem}}@media (max-height: 760px){.screen{--promo-width: 14.25rem;padding:max(.8rem,env(safe-area-inset-top) + .15rem) .88rem max(.95rem,env(safe-area-inset-bottom) + .5rem);gap:.66rem}.hero{gap:.48rem}.title-lockup{width:min(100%,11.4rem)}.carousel-controls{width:min(100%,13.1rem)}.panel-stack{gap:.6rem}}