:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#ecfbff;background:#071c2c;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 77% 10%,#17455b99,transparent 44%),radial-gradient(ellipse at 0 67%,#00627333,transparent 48%),linear-gradient(140deg,#09192c,#061c2b 58%,#122333)}
button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:wait}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #05a8d7;outline-offset:5px}[hidden]{display:none!important}
main{min-height:100svh;display:grid;place-items:center;padding:48px 20px 90px}.card{width:min(100%,520px);border-radius:36px;overflow:hidden}.welcome{width:min(100%,520px);display:grid;gap:20px}.welcome-card{border:1px solid #78d9f65c;background:#082539;box-shadow:0 26px 80px #0005}.welcome-art{height:clamp(250px,40svh,400px);position:relative}.cover{width:100%;height:100%;display:block;object-fit:cover}.welcome-art:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#082539)}.logo{display:block;position:static;width:min(72%,320px);height:auto;margin:0 auto;filter:drop-shadow(0 8px 12px #00223d)}.welcome-copy{position:relative;margin-top:-32px;padding:0 28px 28px;text-align:center}.eyebrow{text-transform:uppercase;font-size:13px;letter-spacing:.14em;font-weight:800;line-height:1.65}.welcome .eyebrow{display:table;margin:0 auto 25px;padding:9px 16px;border:1px solid #8edef866;border-radius:99px;background:#092737cc;color:#b9f5ff}.welcome-copy>p{font-size:12px;color:#adc7d4;line-height:1.6;margin:15px 0 10px}.primary{width:100%;min-height:64px;padding:16px 20px;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:21px;border:1px solid #9df6ff;background:linear-gradient(110deg,#3edbe5,#12addb);box-shadow:0 12px 28px #06b7dc24;color:#042539;line-height:1.25;font-family:inherit;font-size:21px;font-weight:800;text-decoration:none;transition:filter .18s}.primary:hover{filter:brightness(1.07)}.quiet-link{font-size:12px;font-weight:650;color:#c0dce7;text-underline-offset:4px}.result{padding:38px 29px 30px;text-align:center;color:#12364a;background:radial-gradient(circle at 50% 0,#bdf7ff88,transparent 43%),linear-gradient(130deg,#fff,#edfaff);box-shadow:0 28px 90px #00142080}.mascot{width:82px;height:82px;object-fit:contain;margin-bottom:15px}.result .eyebrow{color:#4b6c7b;margin:10px 0 12px;font-size:12px}.result h1{font-size:clamp(31px,8vw,42px);letter-spacing:-.05em;line-height:1.1;margin:0 0 15px}.result p{color:#5d7985;line-height:1.55}#result-description{margin-bottom:0}.amount{display:block;margin:8px 0 28px;font-size:clamp(45px,13vw,64px);letter-spacing:-.055em;color:#0b896a;line-height:1.25;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.invitation{margin:0 0 26px;font-size:18px}.retry{background:transparent;border:0;color:#365e72;font-weight:800;min-height:58px;width:100%;margin-top:12px}.disclaimer{font-size:13px;margin:10px 0 0}.play-screen{position:fixed;inset:0;z-index:10;background:#071c2c}.demo-bar{height:50px;display:flex;justify-content:space-between;align-items:center;padding:0 14px;background:#071c2c;color:#b5f3ff;gap:10px;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.05em}.demo-bar button{border:1px solid #4c788b;background:transparent;color:white;border-radius:9px;padding:9px 12px}.play-screen iframe{width:100%;height:calc(100svh - 50px);display:block;border:0}.loading{position:absolute;inset:48% 0 auto;text-align:center;pointer-events:none}.feedback{max-width:500px;padding:15px;color:#ffdbb7;text-align:center}footer{position:fixed;right:18px;bottom:max(13px,env(safe-area-inset-bottom));z-index:5}footer button{border:1px solid #487789;border-radius:99px;background:#082638;color:#d1eff4;padding:10px 16px;font-size:12px;font-weight:750}dialog{max-width:min(450px,calc(100% - 30px));border:1px solid #3b6579;border-radius:24px;background:#092333;color:#dceef4;padding:26px;line-height:1.6}dialog::backdrop{background:#001320bb;backdrop-filter:blur(7px)}dialog .primary{min-height:48px;font-size:16px;margin-top:20px}
@media(max-width:380px){main{padding:24px 14px 76px}.card{border-radius:27px}.welcome-copy{padding-inline:20px}.result{padding:28px 22px}.primary{font-size:19px;min-height:58px}.invitation{font-size:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.demo-bar{height:calc(50px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}.play-screen iframe{height:calc(100dvh - 50px - env(safe-area-inset-top))}

.mascot{border-radius:50%;box-shadow:0 8px 24px #0ca7bb20}

.welcome-art{height:clamp(330px,48svh,480px)}.cover{object-position:center 56%}.result .mascot{width:108px;height:108px;border-radius:0;box-shadow:none;margin-bottom:5px}

.preview-link{display:block;margin:20px auto;color:inherit;font-weight:700;text-underline-offset:4px}.preview-link small{display:block;font-size:12px;font-weight:400;margin-top:6px}.visit-record{font-size:14px;line-height:1.55;color:#476678}