@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2)format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2)format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2)format("woff2"),url(/assets/dm-sans-latin-700-normal-CUSSCpQX.woff)format("woff")}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fraunces-latin-700-normal-CEOla-zY.woff2)format("woff2"),url(/assets/fraunces-latin-700-normal-DTjk5d1Q.woff)format("woff")}:root{color:#29221d;font-synthesis:none;text-rendering:optimizelegibility;--ink:#29221d;--paper:#fffaf3;--ground:#f2eadf;--accent:#d9513c;--accent-dark:#a93627;--sage:#9aaa8c;--muted:#71675f;--line:#29221d29;--shadow:0 28px 70px #402b1e26;background:#f2eadf;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{background:var(--ground);min-width:320px;min-height:100%}body{background:radial-gradient(circle at 15% 0%, #d9513c1a, transparent 32rem), linear-gradient(#29221d09 1px, transparent 1px), linear-gradient(90deg, #29221d09 1px, transparent 1px), var(--ground);background-size:auto,28px 28px,28px 28px,auto;min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}h1,p{margin-top:0}h1{letter-spacing:-.055em;max-width:15ch;margin-bottom:1.25rem;font-family:Fraunces,serif;font-size:clamp(2.5rem,7vw,5.9rem);font-weight:700;line-height:.96}.eyebrow{color:var(--accent-dark);letter-spacing:.19em;text-transform:uppercase;margin-bottom:1.4rem;font-size:.74rem;font-weight:700}.lede{max-width:52ch;color:var(--muted);font-size:clamp(1.02rem,2vw,1.22rem);line-height:1.65}.brand-lockup{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:.7rem;font-weight:700;text-decoration:none;display:inline-flex}.brand-pip{width:2.15rem;height:2.75rem;color:var(--accent);border:1.5px solid;border-radius:.35rem;place-items:center;font-family:Fraunces,serif;font-size:1.1rem;display:grid;transform:rotate(-4deg)}.centered-surface{grid-template-rows:auto 1fr;gap:clamp(2rem,6vw,5rem);width:min(100% - 2rem,1120px);min-height:100vh;margin:0 auto;padding:clamp(1.25rem,4vw,3rem) 0;display:grid}.gate-card,.onboarding-card{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 95%, transparent);width:min(100%,880px);box-shadow:var(--shadow);border-radius:1.25rem;align-self:center;animation:.52s cubic-bezier(.2,.78,.2,1) both card-arrival;position:relative;overflow:hidden}.gate-card{max-width:650px;padding:clamp(2rem,7vw,4.8rem)}.gate-card>p:not(.eyebrow){max-width:48ch;color:var(--muted);font-size:1.05rem;line-height:1.65}.gate-card h1{font-size:clamp(2.6rem,7vw,4.8rem)}.compact-card{justify-self:center}.corner-rank{color:var(--accent);text-align:center;font-family:Fraunces,serif;font-size:1.5rem;line-height:.85;display:grid;position:absolute;top:1.5rem;right:1.5rem}.corner-rank span{font-size:.85rem}.button-stack,.onboarding-actions{align-items:center;gap:1rem;margin-top:2rem;display:flex}.primary-button,.secondary-button,.text-button{cursor:pointer;border-radius:999px;min-height:3.25rem;font-weight:700}.primary-button{border:1px solid var(--accent);background:var(--accent);color:#fff;box-shadow:0 9px 0 var(--accent-dark);padding:.85rem 1.4rem;transition:transform .15s,box-shadow .15s}.primary-button:hover:not(:disabled){box-shadow:0 6px 0 var(--accent-dark);transform:translateY(3px)}.primary-button:active:not(:disabled){box-shadow:0 2px 0 var(--accent-dark);transform:translateY(7px)}.primary-button:disabled,.text-button:disabled{cursor:wait;opacity:.65}.secondary-button{border:1px solid var(--ink);background:0 0;padding:.85rem 1.4rem}.text-button{color:var(--muted);background:0 0;border:0;padding:.8rem .3rem}.loading-line{background:var(--line);width:100%;height:3px;margin-top:2rem;overflow:hidden}.loading-line:after{background:var(--accent);content:"";width:35%;height:100%;animation:1.2s ease-in-out infinite alternate loading;display:block}.onboarding-card{justify-self:center;padding:clamp(2rem,6vw,5rem)}.onboarding-card h1{font-size:clamp(2.65rem,6vw,5.2rem)}.onboarding-steps{grid-template-columns:repeat(3,1fr);margin:clamp(2.4rem,5vw,4rem) 0 0;padding:0;list-style:none;display:grid}.onboarding-steps li{border-top:1px solid var(--line);border-right:1px solid var(--line);gap:2rem;min-height:11rem;padding:1.4rem;display:grid}.onboarding-steps li:last-child{border-right:0}.onboarding-steps li>span{color:var(--accent);font-family:Fraunces,serif;font-size:1.4rem}.onboarding-steps strong{margin-bottom:.45rem;display:block}.onboarding-steps p{color:var(--muted);margin-bottom:0;font-size:.9rem;line-height:1.5}.ephemeral-notice{width:min(100%,880px);color:var(--accent-dark);background:#fffaf3c7;border:1px solid #a9362747;border-radius:.75rem;align-items:baseline;gap:.75rem;margin:0 auto;padding:.85rem 1rem;font-size:.84rem;display:flex}.ephemeral-notice span{color:var(--muted)}.product-shell{width:min(100% - 2rem,1180px);min-height:100vh;margin:0 auto;padding:1.5rem 0 7.5rem}.shell-header{justify-content:space-between;align-items:center;margin-bottom:clamp(2rem,7vw,5.5rem);display:flex}.guest-chip{border:1px solid var(--line);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:.45rem .8rem;font-size:.78rem;font-weight:700}.shell-main{min-height:60vh}.content-panel{border:1px solid var(--line);min-height:min(660px,68vh);box-shadow:var(--shadow);background:#fffaf3d6;border-radius:1.4rem;padding:clamp(2rem,6vw,5rem);animation:.48s cubic-bezier(.2,.78,.2,1) both card-arrival;position:relative;overflow:hidden}.hero-panel{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:center;gap:clamp(2rem,7vw,7rem);display:grid}.card-stack{perspective:900px;min-height:390px;position:relative}.playing-card{aspect-ratio:.7;border:2px solid var(--ink);background:var(--paper);border-radius:1rem;width:min(74vw,245px);padding:1.4rem;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(5deg);box-shadow:0 24px 42px #29221d2e}.card-back{background:repeating-linear-gradient(45deg, transparent 0 12px, #29221d17 12px 14px), var(--sage);transform:translate(-64%,-46%)rotate(-8deg)}.card-front{align-content:space-between}.card-suit{color:var(--accent);font-size:2rem}.card-copy{letter-spacing:-.04em;text-align:center;place-self:center;font-family:Fraunces,serif;font-size:1.8rem}.card-number{color:var(--accent);place-self:end;font-family:Fraunces,serif;font-size:1.5rem;transform:rotate(180deg)}.empty-rule{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;align-items:center;font-size:.78rem;font-weight:700;display:flex;position:absolute;bottom:3rem;left:0;right:0}.empty-rule:before,.empty-rule:after{background:var(--line);content:"";flex:1;height:1px}.empty-rule span{padding:0 1rem}.achievement-seal{border:1px solid var(--accent);width:9rem;height:9rem;color:var(--accent);outline:1px dashed var(--accent);outline-offset:-.75rem;border-radius:50%;place-items:center;font-size:3rem;display:grid;position:absolute;bottom:clamp(2rem,8vw,5rem);right:clamp(2rem,10vw,8rem);transform:rotate(8deg)}.account-panel .secondary-button{margin-top:1.5rem}.tab-bar{z-index:5;border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffaf3f0;border-radius:1rem;grid-template-columns:repeat(4,1fr);max-width:720px;margin:auto;padding:.45rem;display:grid;position:fixed;bottom:1rem;left:1rem;right:1rem;box-shadow:0 18px 45px #29221d29}.tab-bar a{min-width:0;min-height:3.5rem;color:var(--muted);border-radius:.7rem;place-items:center;gap:.2rem;font-size:.72rem;font-weight:700;text-decoration:none;display:grid}.tab-bar a span{font-size:1.1rem}.tab-bar a[aria-current=page]{background:var(--ink);color:var(--paper)}.worker-update{z-index:10;background:var(--ink);color:var(--paper);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:1rem;padding:.75rem .8rem .75rem 1rem;font-size:.85rem;display:flex;position:fixed;top:1rem;right:1rem}.worker-update button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:.5rem .8rem;font-weight:700}.offline-shell{align-content:center;width:min(100% - 2rem,720px);min-height:100vh;margin:auto;padding:3rem 0;display:grid}.offline-shell p:not(.eyebrow){color:var(--muted);font-size:1.1rem}@keyframes card-arrival{0%{opacity:0;transform:translateY(20px)rotate(.5deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@keyframes loading{0%{transform:translate(-20%)}to{transform:translate(205%)}}@media (width>=900px){.product-shell{padding-bottom:9rem}.tab-bar a{justify-content:center;gap:.55rem;font-size:.84rem;display:flex}}@media (width<=760px){h1{letter-spacing:-.045em}.centered-surface{gap:2rem}.button-stack,.onboarding-actions{flex-direction:column;align-items:stretch}.onboarding-steps{grid-template-columns:1fr}.onboarding-steps li{border-right:0;grid-template-columns:3rem 1fr;gap:.5rem;min-height:auto}.hero-panel{grid-template-columns:1fr}.card-stack{min-height:330px}.content-panel{min-height:640px}.ephemeral-notice{flex-direction:column;align-items:flex-start;gap:.25rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
