:root{--void: #070708;--ink: #f4efe4;--ink-soft: #b7b0a3;--gold: #d4af67;--gold-bright: #f0d79a;--gold-deep: #8a6a2f;--panel: #121214;--stroke: color-mix(in srgb, var(--gold) 28%, transparent);--shadow: 0 28px 80px rgba(0, 0, 0, .55);--radius: .35rem;--font-display: "Cinzel", "Times New Roman", serif;--font-body: "Outfit", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;font-family:var(--font-body);color:var(--ink);background:var(--void);line-height:1.5;overflow-x:hidden}.atmosphere{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-3;background:radial-gradient(ellipse 55% 40% at 50% -5%,rgba(212,175,103,.22),transparent 60%),radial-gradient(ellipse 40% 35% at 85% 70%,rgba(80,60,30,.25),transparent 55%),linear-gradient(180deg,#101012 0%,var(--void) 45%,#050506 100%)}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;opacity:.28;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");mix-blend-mode:overlay}.spot{position:fixed;inset:-10% 10% auto;height:42vh;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,rgba(240,215,154,.16),transparent 70%);filter:blur(8px);animation:breathe 7s ease-in-out infinite}.gate{min-height:100vh;display:grid;place-items:center;padding:clamp(1.5rem,5vw,3rem);animation:rise .9s ease both}.gate__frame{width:min(100%,34rem);padding:clamp(2rem,5vw,3.25rem);border:1px solid var(--stroke);background:linear-gradient(180deg,#1e1c18eb,#0c0c0ef5);box-shadow:var(--shadow),inset 0 1px #f0d79a1f;text-align:center;position:relative}.gate__frame:before,.gate__frame:after{content:"";position:absolute;width:1.25rem;height:1.25rem;border:1px solid color-mix(in srgb,var(--gold) 70%,white);opacity:.7}.gate__frame:before{top:.65rem;left:.65rem;border-right:0;border-bottom:0}.gate__frame:after{right:.65rem;bottom:.65rem;border-left:0;border-top:0}.gate__eyebrow{margin:0 0 1.25rem;font-size:.72rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--gold)}.gate__brand{margin:0;font-family:var(--font-display);font-size:clamp(2.1rem,7vw,3.4rem);font-weight:700;line-height:1.05;letter-spacing:.04em;text-transform:uppercase;color:var(--gold-bright);text-shadow:0 0 40px rgba(212,175,103,.2)}.gate__tagline{margin:1rem auto 0;max-width:26rem;color:var(--ink-soft);font-size:1.02rem}.gate__form{margin-top:2rem;text-align:left;display:grid;gap:.55rem}.gate__label{font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.gate__form input{width:100%;border:1px solid var(--stroke);background:#00000059;color:var(--ink);border-radius:var(--radius);padding:.95rem 1rem;font:inherit;font-size:1.05rem}.gate__form input:focus{outline:2px solid var(--gold);outline-offset:2px}.gate__form input::placeholder{color:color-mix(in srgb,var(--ink-soft) 70%,transparent)}.gate__submit{margin-top:.65rem;border:0;border-radius:var(--radius);padding:.95rem 1.1rem;font:inherit;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#1a140a;background:linear-gradient(180deg,var(--gold-bright),var(--gold));cursor:pointer;transition:transform .25s ease,filter .25s ease}.gate__submit:hover,.gate__submit:focus-visible{transform:translateY(-2px);filter:brightness(1.05);outline:none}.gate__error{margin:.35rem 0 0;color:#f0a8a8;font-size:.92rem}.gate__status{margin:.35rem 0 0;color:var(--gold-bright);font-size:.92rem}.gate__kicker{margin:0 0 .75rem;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.gate__submit:disabled{opacity:.7;cursor:wait;transform:none}.gate__fine{margin:1.5rem 0 0;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--ink-soft) 80%,transparent)}.studio[hidden],.gate[hidden]{display:none!important}.hero{max-width:68rem;margin:0 auto;padding:clamp(3rem,8vw,5.5rem) clamp(1.25rem,4vw,2rem) clamp(1.5rem,4vw,2.5rem);animation:rise .8s ease both}.hero__top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.eyebrow{margin:0;font-size:.78rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}.sign-out{border:1px solid var(--stroke);background:transparent;color:var(--ink-soft);font:inherit;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;padding:.45rem .75rem;border-radius:var(--radius);cursor:pointer}.sign-out:hover,.sign-out:focus-visible{color:var(--gold-bright);border-color:var(--gold);outline:none}.brand{margin:0;max-width:14ch;font-family:var(--font-display);font-size:clamp(2.4rem,8vw,4.6rem);font-weight:700;line-height:1.02;letter-spacing:.03em;text-transform:uppercase;color:var(--gold-bright)}.lede{margin:1.1rem 0 0;max-width:32rem;font-size:clamp(1.05rem,2.2vw,1.2rem);color:var(--ink-soft)}.apps{max-width:68rem;margin:0 auto;padding:0 clamp(1.25rem,4vw,2rem) clamp(3rem,8vw,5rem);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17.5rem),1fr));gap:1.15rem}.tile{position:relative;display:flex;flex-direction:column;min-height:16.5rem;padding:1.35rem 1.35rem 1.25rem;border-radius:var(--radius);text-decoration:none;color:inherit;overflow:hidden;isolation:isolate;border:1px solid var(--stroke);box-shadow:var(--shadow);background:linear-gradient(160deg,#1a1916,#0e0e10);transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .3s ease,box-shadow .35s ease;animation:rise .7s ease both}.tile:nth-child(1){animation-delay:.08s}.tile:nth-child(2){animation-delay:.16s}.tile:nth-child(3){animation-delay:.24s}.tile:nth-child(4){animation-delay:.32s}.tile:nth-child(5){animation-delay:.4s}.tile:after{content:"";position:absolute;inset:auto -15% -40% auto;width:11rem;height:11rem;border-radius:50%;background:var(--tile-glow);opacity:.35;z-index:-1;transition:transform .5s ease}.tile:hover,.tile:focus-visible{transform:translateY(-6px);border-color:color-mix(in srgb,var(--gold) 55%,white);box-shadow:0 30px 70px #000000a6;outline:none}.tile:hover:after,.tile:focus-visible:after{transform:translate(-8%,-8%) scale(1.12)}.tile:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.tile--poop{--tile-glow: #a67c3a}.tile--parks{--tile-glow: #3f7a55}.tile--meals{--tile-glow: #b86a35}.tile--plot{--tile-glow: #3a7d76}.tile--sar{--tile-glow: #c45c2a}.tile__tag{align-self:flex-start;margin-bottom:1.5rem;font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.tile__title{margin:0;font-family:var(--font-display);font-size:clamp(1.35rem,3vw,1.65rem);font-weight:700;line-height:1.15;letter-spacing:.02em;color:var(--ink)}.tile__blurb{margin:.65rem 0 0;flex:1;font-size:.96rem;color:var(--ink-soft)}.tile__cta{margin-top:1.35rem;display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-bright)}.tile__cta:after{content:"↗";transition:transform .25s ease}.tile:hover .tile__cta:after,.tile:focus-visible .tile__cta:after{transform:translate(3px,-3px)}.footer{max-width:68rem;margin:0 auto;padding:0 clamp(1.25rem,4vw,2rem) 2.5rem;font-size:.85rem;color:var(--ink-soft);animation:rise .8s ease .4s both}.footer p{margin:0}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}