:root{--paper:#f3f0e7;--paper-deep:#e8e3d6;--surface:#fffdf8;--ink:#15231b;--muted:#68736c;--line:#d9d9cf;--forest:#24583d;--forest-dark:#173d2a;--lime:#d9f275;--coral:#ef765f;--danger:#b42318}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Avenir Next,Segoe UI,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button,input{font:inherit}.api-loading{display:grid;place-items:center;color:#f7f4e9}.api-loading-page{min-height:100vh;background:radial-gradient(circle at 50% 45%,rgb(217 242 117/8%),transparent 24%),#131915}.api-loading-overlay{position:fixed;z-index:1000;inset:0;background:rgb(9 14 11/82%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:api-loading-overlay-in .18s ease-out both}.api-loading-content{width:min(340px,calc(100vw - 32px))}.api-loading-panel{overflow:hidden;padding:18px;border:1px solid #455148;border-radius:20px 20px 20px 7px;background:#19221c;box-shadow:0 28px 65px rgb(0 0 0/35%);animation:api-loading-panel-in .25s ease-out both}.api-loading-brand{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:10px;gap:10px;padding-bottom:15px;border-bottom:1px solid #303a32}.api-loading-brand>span{display:grid;width:31px;height:31px;place-items:center;border-radius:9px 9px 9px 3px;background:var(--lime);color:#18221b;font-size:14px;font-weight:900}.api-loading-brand>div{display:grid;grid-gap:1px;gap:1px}.api-loading-brand strong{color:#f4f2e8;font-size:16px;letter-spacing:-.04em}.api-loading-brand small{color:#758078;font-size:6px;font-weight:850;letter-spacing:.15em}.api-loading-brand i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgb(217 242 117/9%);animation:api-loading-pulse 1.1s ease-in-out infinite alternate}.api-loading-status{display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:14px;gap:14px;padding:22px 2px 20px}.api-loading-status>span{display:grid;width:48px;height:58px;place-items:center;border-radius:13px 13px 13px 4px;background:var(--lime);color:#18221b;font-size:25px;font-weight:900;box-shadow:0 10px 24px rgb(0 0 0/18%)}.api-loading-status>div{display:grid;min-width:0;grid-gap:5px;gap:5px}.api-loading-status strong{color:#f2f1e9;font-size:12px;line-height:1.35}.api-loading-status small{color:#7f8a82;font-size:9px}.api-loading-progress{height:3px;overflow:hidden;border-radius:999px;background:#2d3730}.api-loading-progress span{display:block;width:38%;height:100%;border-radius:inherit;background:var(--lime);animation:api-loading-progress 1.15s ease-in-out infinite}@keyframes api-loading-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes api-loading-panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes api-loading-pulse{0%{opacity:.35}to{opacity:1}}@keyframes api-loading-progress{0%{transform:translateX(-110%)}to{transform:translateX(290%)}}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:14px;padding:0 18px;border:0;border-radius:999px;font-weight:750;text-decoration:none;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.button:disabled{cursor:wait;opacity:.6}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--forest);color:#fff;box-shadow:0 12px 26px rgb(23 61 42/17%)}.button-primary:hover{background:var(--forest-dark);box-shadow:0 15px 30px rgb(23 61 42/22%)}.button-secondary{background:#edf1eb;color:var(--ink)}.button-large{min-height:56px;padding:0 24px}.site-header{display:flex;width:min(calc(100% - 48px),1180px);height:92px;align-items:center;justify-content:space-between;margin:0 auto}.site-brand{display:inline-flex;align-items:center;gap:10px;font-size:21px;font-weight:850;letter-spacing:-.045em;text-decoration:none}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:11px 11px 11px 3px;background:var(--forest);color:var(--lime);font-size:16px;letter-spacing:0;transform:rotate(-4deg)}.header-login{gap:8px;padding-bottom:3px;border-bottom:1px solid var(--ink);font-size:14px;font-weight:700}.header-account,.header-login{display:inline-flex;align-items:center;text-decoration:none}.header-account{gap:10px;padding:5px 6px 5px 5px;border:1px solid #d7d6cc;border-radius:999px;background:rgb(255 253 248/70%);color:var(--ink);transition:border-color .18s ease,transform .18s ease}.header-account:hover{border-color:#aeb9b1;transform:translateY(-1px)}.header-avatar{display:grid;width:35px;height:35px;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--forest);color:var(--lime);font-size:13px;font-weight:850}.header-account-name{display:grid;min-width:0;max-width:180px;padding-right:4px;overflow:hidden;font-size:12px;font-weight:750;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.header-account-name small{margin-bottom:3px;color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.12em}.header-account>span:last-child{padding-right:5px;color:var(--forest);font-size:14px}.header-session-placeholder{width:106px;height:39px}.landing-page{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 88% 4%,rgb(217 242 117/22%),transparent 25%),var(--paper)}.landing-hero{display:grid;width:min(calc(100% - 48px),1180px);min-height:650px;grid-template-columns:minmax(0,1fr) minmax(390px,.88fr);align-items:center;grid-gap:clamp(54px,8vw,116px);gap:clamp(54px,8vw,116px);margin:0 auto;padding:56px 0 86px}.hero-copy{max-width:650px}.eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 18px;color:var(--forest);font-size:11px;font-weight:800;letter-spacing:.16em}.eyebrow span{color:var(--coral);font-size:8px}.hero-copy h1{max-width:650px;margin:0;font-size:clamp(55px,7.2vw,94px);font-weight:760;letter-spacing:-.072em;line-height:.93}.hero-description{max-width:570px;margin:30px 0 0;color:#536159;font-size:18px;line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:34px}.hero-note{color:var(--muted);font-size:12px}.hero-facts{display:flex;gap:clamp(28px,5vw,62px);margin:48px 0 0}.hero-facts div{display:grid;grid-gap:3px;gap:3px}.hero-facts dt{font-size:19px;font-weight:800;letter-spacing:-.03em}.hero-facts dd{margin:0;color:var(--muted);font-size:12px}.game-preview{position:relative;min-height:530px;overflow:hidden;padding:28px;border:1px solid rgb(255 255 255/38%);border-radius:38px 38px 38px 10px;background:var(--forest);color:#fff;box-shadow:0 35px 70px rgb(23 61 42/22%);transform:rotate(1.4deg)}.preview-orbit{position:absolute;border:1px solid rgb(217 242 117/18%);border-radius:50%}.preview-orbit-one{width:410px;height:410px;right:-210px;top:-170px}.preview-orbit-two{width:260px;height:260px;left:-150px;bottom:-80px}.preview-footer,.preview-topline{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;font-size:12px}.preview-topline>span:first-child{font-weight:750}.live-dot{display:inline-flex;align-items:center;gap:7px;color:#d7e3da}.live-dot:before{width:7px;height:7px;border-radius:50%;background:var(--coral);content:""}.secret-stack{position:relative;z-index:1;height:365px;margin-top:28px}.secret-card{position:absolute;display:flex;width:min(76%,280px);height:330px;flex-direction:column;align-items:center;justify-content:center;border-radius:28px}.secret-card-back{left:8%;top:16px;border:1px solid rgb(255 255 255/20%);background:#173d2a;color:var(--lime);transform:rotate(-9deg)}.secret-card-back span{display:grid;width:76px;height:76px;place-items:center;border:1px solid rgb(217 242 117/45%);border-radius:50%;font-size:38px;font-weight:800}.secret-card-front{right:4%;background:var(--lime);color:var(--ink);box-shadow:0 18px 35px rgb(4 24 14/28%);transform:rotate(7deg)}.card-label{font-size:9px;font-weight:850;letter-spacing:.14em}.secret-card-front strong{margin:34px 0;font-size:clamp(34px,5vw,48px);letter-spacing:-.05em}.card-hint{max-width:150px;color:#526136;font-size:11px;line-height:1.45;text-align:center}.preview-footer{margin-top:16px;color:#d7e3da}.preview-footer>div{display:flex;padding-left:8px}.avatar-dot{display:grid;width:31px;height:31px;place-items:center;margin-left:-8px;border:2px solid var(--forest);border-radius:50%;background:#fff1d5;color:var(--ink);font-size:10px;font-weight:800}.avatar-dot:nth-child(2){background:#f7a997}.avatar-dot:nth-child(3){background:#cbd7ff}.how-it-works{width:min(calc(100% - 48px),1180px);margin:0 auto;padding:105px 0 120px;border-top:1px solid #d7d5cb}.section-heading{display:grid;grid-template-columns:.7fr 1.3fr;grid-gap:40px;gap:40px;align-items:start}.section-heading h2{max-width:690px;margin:0;font-size:clamp(38px,5vw,66px);letter-spacing:-.06em;line-height:1}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px;margin-top:64px}.steps-grid article{min-height:215px;padding:28px;border:1px solid #d7d5cb;border-radius:22px 22px 22px 6px;background:rgb(255 253 248/56%)}.steps-grid article>span{display:inline-grid;width:33px;height:33px;place-items:center;border-radius:50%;background:var(--forest);color:var(--lime);font-size:10px;font-weight:850}.steps-grid h3{margin:40px 0 9px;font-size:20px;letter-spacing:-.03em}.steps-grid p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.login-page{position:relative;display:grid;min-height:100vh;place-items:center;overflow:hidden;padding:96px 24px 44px;background:radial-gradient(circle at 8% 92%,rgb(239 118 95/8%),transparent 28%),radial-gradient(circle at 92% 8%,rgb(217 242 117/9%),transparent 25%),#131915;color:#f5f3e9}.login-brand{position:absolute;left:max(24px,calc((100vw - 1180px) / 2));top:29px;color:#f5f3e9}.login-brand .brand-mark{background:#d9f275;color:#172019;transform:none}.login-layout{display:grid;width:min(100%,1040px);grid-template-columns:1.03fr .97fr;overflow:hidden;border:1px solid #4b594f;border-radius:32px 32px 32px 10px;background:#1b261f;box-shadow:0 28px 70px rgb(0 0 0/28%)}.login-story{position:relative;display:flex;min-height:620px;flex-direction:column;justify-content:center;overflow:hidden;padding:clamp(42px,6vw,72px);background:#151e18;color:#f5f3e9}.login-story:after{position:absolute;width:310px;height:310px;right:-180px;top:-140px;border:1px solid rgb(217 242 117/22%);border-radius:50%;box-shadow:0 0 0 64px rgb(217 242 117/5%),0 0 0 128px rgb(217 242 117/4%);content:""}.login-story .back-link{position:absolute;left:clamp(42px,6vw,72px);top:42px}.back-link{color:#a4aea6;font-size:13px;font-weight:650;text-decoration:none}.login-story .eyebrow{color:var(--lime)}.login-story h1{max-width:470px;margin:0;font-size:clamp(44px,5vw,68px);letter-spacing:-.065em;line-height:.97}.login-story>p:not(.eyebrow){max-width:470px;margin:26px 0 0;color:#a4aea6;font-size:15px;line-height:1.7}.login-mini-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:14px;gap:14px;margin-top:54px;padding:15px;border:1px solid #4b594f;border-radius:17px;background:#1b261f}.mini-card-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:var(--lime);color:var(--ink);font-size:20px;font-weight:850}.login-mini-card>div:nth-child(2){display:grid;grid-gap:3px;gap:3px}.login-mini-card strong{font-size:13px}.login-mini-card div span{color:#839087;font-size:11px}.mini-card-players{color:var(--lime);font-size:11px;font-weight:800}.auth-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(38px,6vw,70px);border-left:1px solid #303832;background:#1b261f;color:#f5f3e9;text-align:center}.auth-icon{display:grid;width:52px;height:52px;place-items:center;margin-bottom:30px;border-radius:18px 18px 18px 5px;background:#d9f275;color:#172019;font-size:22px}.auth-card .eyebrow{margin-bottom:12px}.auth-card h2{margin:0;font-size:clamp(36px,4vw,48px);letter-spacing:-.055em}.muted{color:var(--muted);line-height:1.65}.auth-card .muted{max-width:360px;margin:17px 0 0;color:#a4aea6;font-size:14px}.auth-terms{margin:24px 0 0;color:#7f8a82;font-size:11px}.google-login{display:grid;justify-items:center;grid-gap:10px;gap:10px;width:100%;margin-top:32px}.google-button-shell{position:relative;width:min(100%,400px);min-height:46px;padding:2px;overflow:hidden;border-radius:999px;background:#d9f275;box-shadow:0 9px 24px rgb(0 0 0/18%);transition:transform .18s ease,box-shadow .18s ease}.google-button-shell.is-ready:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgb(0 0 0/24%)}.google-button-host{width:100%;min-height:42px;overflow:hidden;border-radius:999px;background:#fff}.google-button-host iframe{display:block;margin:0 auto!important}.google-button-progress,.google-button-skeleton{position:absolute;inset:2px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#fff;color:var(--muted);font-size:14px;font-weight:700}.google-button-skeleton{animation:google-button-pulse 1.25s ease-in-out infinite}.google-button-shell.has-error{background:#f1c5c1;box-shadow:none}.google-button-shell.has-error .google-button-skeleton{color:var(--danger);animation:none}.google-button-progress{color:var(--ink)}.google-button-shell.is-submitting{pointer-events:none}.google-button-spinner{width:17px;height:17px;margin-right:9px;border:2px solid #d9e3dc;border-top:2px solid var(--forest);border-radius:50%;animation:google-button-spin .7s linear infinite}.google-login-note{margin:2px 0 0;color:#839087;font-size:11px;line-height:1.45;text-align:center}.google-login-note span{margin-right:4px;color:#d9f275;font-size:8px}.google-login>.form-error{color:#ff9380;text-align:center}.form-error{margin:8px 0 0;color:var(--danger);font-size:13px}@keyframes google-button-spin{to{transform:rotate(1turn)}}@keyframes google-button-pulse{50%{background:#f4f7f4;color:#849087}}@media (max-width:850px){.landing-hero{grid-template-columns:1fr;padding-top:48px}.hero-copy,.hero-copy h1{max-width:720px}.game-preview{width:min(100%,540px);justify-self:center}.section-heading{gap:10px}.section-heading,.steps-grid{grid-template-columns:1fr}.steps-grid article{min-height:auto}.login-layout{width:min(100%,560px);grid-template-columns:1fr}.login-story{min-height:420px}.login-mini-card{margin-top:36px}.auth-card{min-height:470px;border-top:1px solid #303832;border-left:0}}@media (max-width:560px){.site-header{width:calc(100% - 32px);height:78px}.header-account-name{max-width:105px}.how-it-works,.landing-hero{width:calc(100% - 32px)}.landing-hero{min-height:auto;padding:48px 0 72px;gap:62px}.hero-copy h1{font-size:clamp(50px,16vw,72px)}.hero-description{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-facts{gap:24px;justify-content:space-between}.game-preview{min-height:470px;padding:22px;border-radius:27px 27px 27px 8px}.secret-stack{height:330px}.secret-card{width:75%;height:295px}.secret-card-front strong{font-size:34px}.how-it-works{padding:76px 0 82px}.steps-grid{margin-top:42px}.login-page{align-items:start;padding:82px 12px 24px}.login-brand{left:18px;top:23px}.login-layout{border-radius:24px 24px 24px 8px}.login-story{min-height:390px;padding:70px 28px 34px}.login-story .back-link{left:28px;top:30px}.login-story h1{font-size:43px}.login-story>p:not(.eyebrow){font-size:14px}.auth-card{min-height:460px;padding:44px 24px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.google-button-shell{transition:none}.button:hover,.google-button-shell.is-ready:hover{transform:none}.api-loading-brand i,.api-loading-overlay,.api-loading-panel,.api-loading-progress span,.google-button-skeleton,.google-button-spinner{animation:none}}