:root{--bg:#0d0b12;--panel:#16121edb;--panel-solid:#17131f;--line:#ffffff1a;--text:#f3eee8;--muted:#a99fb5;--accent:#ff5a7a;--accent-2:#ff9f43;--brand-gradient:linear-gradient(120deg, #ff3d7f, #ff9f43);--gold:#e3b768;--good:#6fdc8c;--warn:#f2c14e;--bad:#ff6b6b;color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{background:var(--bg)}.game{position:fixed;inset:0}.game-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.brand{letter-spacing:.04em;align-items:center;gap:12px;font-family:Georgia,Times New Roman,serif;font-size:26px;display:flex}.brand-mark{background:var(--accent);width:40px;height:40px;color:var(--panel-solid);border-radius:10px;place-items:center;font-family:system-ui,sans-serif;font-weight:700;display:grid}.muted{color:var(--muted)}.error{color:var(--bad);text-align:center;max-width:480px;line-height:1.5}.loading{background:radial-gradient(circle at 50% 40%, #2a1f3d, var(--bg) 70%);z-index:30;place-content:center;justify-items:center;gap:16px;display:grid;position:absolute;inset:0}kbd{border:1px solid var(--line);text-align:center;min-width:26px;color:var(--text);background:#ffffff14;border-bottom-width:2px;border-radius:6px;padding:3px 8px;font:600 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-block}.hud{pointer-events:none;z-index:10;position:absolute;inset:0}.menu-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20;background:#0a08108c;place-items:center;padding:16px;display:grid;position:absolute;inset:0;overflow-y:auto}.menu{background:var(--panel);border:1px solid var(--line);border-radius:20px;gap:22px;width:min(760px,100%);padding:28px;display:grid;box-shadow:0 30px 80px #00000080}.menu-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.pill{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:4px 10px;font-size:12px}.menu-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}@media (max-width:640px){.menu-grid{grid-template-columns:1fr}}.menu h2{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 12px;font-size:12px;font-weight:600}.menu h2:not(:first-child){margin-top:20px}.controls{gap:8px;margin:0;display:grid}.controls div{grid-template-columns:90px 1fr;align-items:center;gap:10px;display:grid}.controls dt,.controls dd{margin:0;font-size:14px}.field{gap:6px;margin-bottom:14px;font-size:14px;display:grid}.check{align-items:center;gap:8px;margin-bottom:10px;font-size:14px;display:flex}input[type=range]{accent-color:var(--accent);width:100%}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}select{background:var(--panel-solid);color:var(--text);border:1px solid var(--line);font:inherit;border-radius:8px;padding:8px}button{font:inherit;color:var(--text);border:1px solid var(--line);cursor:pointer;background:#ffffff0f;border-radius:10px;padding:9px 14px}button:hover{background:#ffffff1f}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}button.primary{background:var(--accent);color:#1b1015;border:none;padding:14px;font-size:17px;font-weight:700}button.primary:hover{filter:brightness(1.08)}.travel{flex-wrap:wrap;gap:8px;display:flex}.menu-footer{color:var(--muted);border-top:1px solid var(--line);padding-top:14px;font-size:12px;line-height:1.5}.perf{z-index:15;border:1px solid var(--line);pointer-events:none;background:#08060cd1;border-radius:10px;min-width:230px;padding:10px 12px;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;top:16px;right:16px}.perf-fps{margin-bottom:4px;font-size:20px;font-weight:700}.perf-fps.good{color:var(--good)}.perf-fps.warn{color:var(--warn)}.perf-fps.bad{color:var(--bad)}.perf th{text-align:left;color:var(--muted);vertical-align:top;padding-right:12px;font-weight:400}.perf td{max-width:220px}.auth{background:radial-gradient(circle at 20% 30%, #3a2346, var(--bg) 60%);grid-template-columns:1.1fr 1fr;display:grid;position:fixed;inset:0;overflow-y:auto}.auth.single{grid-template-columns:1fr;place-items:center}.auth-art{flex-direction:column;justify-content:center;gap:18px;padding:48px 64px;display:flex}.auth-art .brand{font-size:40px}.auth-art .brand-mark{width:56px;height:56px;font-size:28px}.tagline{color:var(--gold);margin:0;font-family:Georgia,serif;font-size:22px}.auth-points{color:var(--muted);margin:0;padding-left:18px;line-height:1.9}.age-badge{border:1px solid var(--accent);color:var(--accent);border-radius:999px;align-self:flex-start;margin:0;padding:4px 12px;font-size:13px;display:inline-block}.auth-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;place-self:center;gap:14px;width:min(420px,100% - 32px);margin:32px 0;padding:28px;display:grid;box-shadow:0 30px 80px #00000073}.auth-card h1{margin:0;font-family:Georgia,serif;font-weight:500}.auth-card p{color:var(--muted);margin:0;line-height:1.5}.auth-card input[type=date],.auth-card input[type=email],.auth-card input[type=text],.auth-card input[type=password],.auth-card input:not([type]){background:var(--panel-solid);width:100%;color:var(--text);border:1px solid var(--line);font:inherit;border-radius:10px;padding:11px 12px}.auth-card input[aria-invalid=true]{border-color:var(--bad)}.auth-card .field{margin:0}.auth-card .check{align-items:flex-start;margin:0;line-height:1.4}.password{gap:6px;display:flex}.password button{padding:0 12px}.field-error{color:var(--bad);font-size:12px}.field-ok{color:var(--good);font-size:12px}.field-help{color:var(--muted);font-size:12px}.form-error{font-size:14px;color:var(--bad)!important}.dev-banner{border:1px dashed var(--warn);border-radius:10px;padding:8px 10px;color:var(--warn)!important;font-size:12px!important}.dev-banner code{font-size:11px}@media (max-width:820px){.auth{grid-template-columns:1fr}.auth-art{gap:10px;padding:32px 20px 0}.auth-art .brand{font-size:30px}.auth-points{display:none}}.wardrobe{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);width:min(380px,100vw - 32px);color:var(--text);z-index:20;background:#14101ce0;border-radius:14px;flex-direction:column;display:flex;position:absolute;top:16px;bottom:16px;right:16px}.wardrobe header,.wardrobe footer{align-items:center;gap:8px;padding:14px 16px;display:flex}.wardrobe header{border-bottom:1px solid var(--line);justify-content:space-between}.wardrobe header h1{margin:0;font-size:18px}.wardrobe footer{border-top:1px solid var(--line);flex-wrap:wrap}.wardrobe footer .spacer{flex:1}.wardrobe-tabs{flex-wrap:wrap;gap:4px;padding:10px 12px 0;display:flex}.wardrobe-tabs button{border-radius:999px;padding:6px 10px;font-size:13px}.wardrobe-tabs button.active{background:var(--accent);color:#1a0f0a}.wardrobe-body.creator-panel{border-left:0;flex:1;padding:4px 16px 16px}.dialogue{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);width:min(720px,100vw - 32px);max-height:62vh;color:var(--text);z-index:20;background:#14101ce6;border-radius:14px;flex-direction:column;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.dialogue header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.dialogue header h1{margin:0 8px 0 0;font-size:18px;display:inline}.dialogue-lines{padding:12px 16px;overflow-y:auto}.dialogue .bubble{background:#ffffff0f;border-radius:10px;margin:0 0 8px;padding:10px 12px;line-height:1.45}.dialogue-choices{border-top:1px solid var(--line);flex-wrap:wrap;gap:6px;padding:12px 16px;display:flex}.dialogue-choices button{border-radius:999px;padding:8px 12px;font-size:14px}.credit-packs{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-top:4px;display:grid}.credit-pack{border:1px solid var(--line);background:#e3b76814;border-radius:10px;flex-direction:column;gap:4px;padding:12px;display:flex;position:relative}.credit-pack strong{color:var(--gold)}.credit-pack .tag{background:var(--accent);color:#1a0f0a;border-radius:999px;padding:2px 6px;font-size:11px;position:absolute;top:-8px;right:8px}.credit-pack button:disabled{opacity:.55;cursor:not-allowed}.wardrobe-balance{color:var(--gold);font-weight:600}.logo{align-items:center;gap:10px;display:inline-flex}.logo-mark{filter:drop-shadow(0 6px 18px #ff3d7f59);flex:none;display:block}.logo-word{letter-spacing:.06em;font-family:Unbounded,Inter,system-ui,sans-serif;font-size:18px;font-weight:700;line-height:1}.logo-word span{color:var(--muted);letter-spacing:.22em;margin-left:6px;font-size:.62em;font-weight:500}.brand .logo-mark{width:1.4em;height:1.4em}.auth-card input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.chatbox{z-index:15;pointer-events:none;width:min(420px,100vw - 32px);position:absolute;bottom:16px;left:16px}.chatbox.open{pointer-events:auto}.chatbox ol{gap:4px;max-height:30vh;margin:0 0 8px;padding:0;list-style:none;display:grid;overflow-y:auto}.chatbox li{background:#0e0b14b3;border-radius:12px;justify-self:start;padding:6px 10px;font-size:14px;line-height:1.4}.chatbox li b{color:var(--accent);margin-right:4px}.chatbox li.self b{color:var(--gold)}.chatbox input{border:1px solid var(--line);width:100%;color:var(--text);font:inherit;background:#0e0b14e6;border-radius:999px;padding:10px 14px}.chat-hint{width:-moz-fit-content;width:fit-content;color:var(--muted);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e0b148c;border:1px solid #ffffff14;border-radius:999px;margin:0;padding:7px 12px;font-size:12px}.social-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);width:min(360px,100vw - 32px);max-height:calc(100vh - 96px);color:var(--text);z-index:25;background:#14101ceb;border-radius:16px;flex-direction:column;display:flex;position:absolute;top:64px;right:16px}.social-panel header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.social-panel header h1{margin:0;font-size:18px}.social-body{gap:12px;padding:14px 16px 18px;display:grid;overflow-y:auto}.social-body h2{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:6px 0 0;font-size:12px}.avatar-badge{color:#fff;background:var(--brand-gradient);border-radius:50%;place-items:center;width:64px;height:64px;font-size:28px;font-weight:700;display:grid}.bio{white-space:pre-wrap;margin:0;line-height:1.55}.bio-form{gap:10px;display:grid}.bio-form textarea{resize:vertical;border:1px solid var(--line);background:var(--panel-solid);width:100%;color:var(--text);font:inherit;border-radius:10px;padding:10px 12px}.social-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.friend-badge{color:var(--gold);font-weight:600}.friend-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.friend-row span{gap:6px;display:flex}.friend-row .dot{background:#8a8494;border-radius:50%;width:8px;height:8px;font-style:normal;display:inline-block}.friend-row .dot.on{background:#4ade80}.dm-list{align-content:start;gap:6px;min-height:160px;max-height:46vh;margin:0;padding:14px 16px;list-style:none;display:grid;overflow-y:auto}.dm-list li{background:#ffffff14;border-radius:14px 14px 14px 4px;justify-self:start;max-width:85%;padding:8px 12px;line-height:1.4}.dm-list li.mine{background:var(--brand-gradient);color:#fff;border-radius:14px 14px 4px;justify-self:end}.dm-form{border-top:1px solid var(--line);gap:8px;padding:12px 16px 16px;display:flex}.dm-form input{border:1px solid var(--line);background:var(--panel-solid);color:var(--text);font:inherit;border-radius:999px;flex:1;padding:10px 12px}.birth-prompt{gap:14px;width:min(440px,100vw - 32px);display:grid}.birth-prompt h1{margin:0;font-size:22px}.birth-prompt p{margin:0;line-height:1.5}.birth-prompt input[type=date]{border:1px solid var(--line);background:var(--panel-solid);width:100%;color:var(--text);font:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:10px;padding:11px 12px}.birth-actions{justify-content:flex-end;gap:8px;display:flex}.hud-chip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text);background:#0c0a1280;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:8px;padding:7px 13px;font-size:13px;line-height:1;display:inline-flex}.hud-place{position:absolute;top:16px;left:16px}.hud-place-name{letter-spacing:.04em;font-family:Unbounded,Inter,sans-serif;font-size:12px;font-weight:600}.hud-muted{color:var(--muted)}.hud-dot{background:#8a8494;border-radius:50%;width:7px;height:7px}.hud-dot.online{background:#4ade80;box-shadow:0 0 0 3px #4ade802e}.hud-dot.connecting{background:var(--warn)}.hud-dot.error{background:var(--bad)}.hud-top-right{gap:8px;display:flex;position:absolute;top:16px;right:16px}.hud-credits b{color:var(--gold);font-weight:600}.hud-icon{pointer-events:auto;cursor:pointer;padding:7px 11px;font-size:14px;position:relative}.hud-icon:hover{background:#1e1828bf}.hud-badge{color:#fff;background:var(--brand-gradient);border-radius:999px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:700;display:grid;position:absolute;top:-5px;right:-5px}.hud-prompt{white-space:nowrap;padding:8px 14px 8px 8px;font-size:14px;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.hud-prompt kbd{background:var(--brand-gradient);color:#fff;min-width:24px;height:24px;box-shadow:none;border:0;border-radius:999px;place-items:center;font:700 12px Inter,sans-serif;display:grid}.hud-toast{white-space:normal;text-align:center;max-width:min(520px,100% - 360px);line-height:1.35;animation:.25s ease-out toast-in;position:absolute;top:16px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}}.hud-hint{color:var(--muted);opacity:.7;font-size:12px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.chatbox li{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.menu-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 30% 20%,#ff3d7f1f,#0000 50%),#08070c99}.menu{background:linear-gradient(160deg,#1c1626eb,#0c0a12eb);border-color:#ffffff14;border-radius:24px}.menu h1{font-family:Unbounded,Inter,sans-serif}.menu h2{color:var(--muted)}.menu button.primary,.wardrobe button.primary,.social-panel button.primary,.dialogue button.primary{background:var(--brand-gradient);color:#fff;border:0;border-radius:999px;box-shadow:0 10px 28px #ff3d7f4d}.menu kbd{border-radius:8px}.loading .logo-word{font-size:22px}.loading-bar{background:#ffffff14;border-radius:3px;width:160px;height:3px;position:relative;overflow:hidden}.loading-bar:after{content:"";border-radius:inherit;background:linear-gradient(90deg,#ff3d7f,#ff9f43);width:40%;animation:1.3s ease-in-out infinite loading-slide;position:absolute;inset:0}@keyframes loading-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.loading-error{text-align:center;max-width:420px;padding:0 16px}.loading-error h1,.connection-lost h1{margin:0 0 8px;font-size:20px}.loading-actions{justify-content:center;gap:10px;display:flex}.connection-lost{z-index:40}.connection-lost .menu{text-align:center;justify-items:center;gap:14px;max-width:380px;display:grid}.connection-lost p{margin:0}.birth-backdrop{z-index:45}@media (prefers-reduced-motion:reduce){.loading-bar:after{width:100%;animation:none}}.creator{background:var(--bg);grid-template:"top top top"60px"nav stage panel"1fr"actions actions actions"72px/180px 1fr 340px;display:grid;position:fixed;inset:0}.creator-top{border-bottom:1px solid var(--line);grid-area:top;justify-content:space-between;align-items:center;padding:0 20px;display:flex}.brand.small{font-size:20px}.brand.small .brand-mark{width:32px;height:32px;font-size:16px}.creator-user{color:var(--muted);font-size:14px}.creator-user strong{color:var(--text)}.creator-nav{border-right:1px solid var(--line);flex-direction:column;grid-area:nav;gap:4px;padding:14px 10px;display:flex;overflow-y:auto}.creator-nav button{text-align:left;background:0 0;border-color:#0000;align-items:center;gap:10px;padding:10px 12px;display:flex}.creator-nav button .icon{text-align:center;width:22px;color:var(--muted)}.creator-nav button.active{background:#ff7a5924;border-color:#ff7a5966}.creator-nav button.active .icon{color:var(--accent)}.creator-stage{grid-area:stage;min-width:0;min-height:0;position:relative}.creator-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.creator-loading{color:var(--muted);place-items:center;display:grid;position:absolute;inset:0}.stage-tools{flex-wrap:wrap;justify-content:center;gap:10px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.seg{background:var(--panel);border:1px solid var(--line);border-radius:12px;gap:2px;padding:3px;display:inline-flex}.seg button{background:0 0;border:none;border-radius:9px;padding:7px 12px;font-size:13px}.seg button.active{background:var(--accent);color:#1b1015;font-weight:600}.seg.wide{display:flex}.seg.wide button{flex:1;padding:10px;font-size:14px}.creator-panel{border-left:1px solid var(--line);grid-area:panel;padding:18px;overflow-y:auto}.creator-panel h2{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:18px 0 10px;font-size:12px;font-weight:600}.creator-panel h2:first-child{margin-top:0}.hint{color:var(--muted);margin:8px 0;font-size:13px;line-height:1.45}.sliders{gap:14px;display:grid}.slider{gap:4px;display:grid}.slider-head{justify-content:space-between;font-size:14px;display:flex}.slider-value{font-variant-numeric:tabular-nums;color:var(--gold);font-size:13px}.slider-ends{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.swatches{grid-template-columns:repeat(auto-fill,minmax(30px,1fr));gap:8px;display:grid}.swatches.large{grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}.swatches button{aspect-ratio:1;border:2px solid #ffffff26;border-radius:50%;padding:0}.swatches button.active{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--bg)}.cards{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.card{text-align:center;padding:12px 10px;font-size:13px}.card.active{border-color:var(--accent);background:#ff7a5924}.creator-actions{border-top:1px solid var(--line);grid-area:actions;justify-content:space-between;align-items:center;gap:12px;padding:0 20px;display:flex}.creator-actions .left,.creator-actions .right{align-items:center;gap:8px;display:flex}.creator-actions button.primary{padding:11px 18px;font-size:15px}button:disabled{opacity:.45;cursor:default}button.ghost{background:0 0}.save-status{color:var(--muted);font-size:13px}.save-status.error{color:var(--bad)}.save-status.saved{color:var(--good)}@media (max-width:900px){.creator{grid-template:"top"52px"stage"46vh"nav""panel"1fr"actions"/1fr}.creator-nav{border-right:none;border-bottom:1px solid var(--line);flex-direction:row;padding:8px;overflow-x:auto}.creator-nav button{flex:none}.creator-panel{border-left:none}.creator-actions{flex-wrap:wrap;padding:10px 16px}}.card.locked{border-style:dashed}.card .price{color:var(--gold,#e3b768);margin-top:2px;font-size:12px;display:block}.card:disabled{opacity:.55;cursor:not-allowed}.landing{--l-bg:#09080d;--l-surface:#ffffff0a;--l-surface-2:#ffffff12;--l-line:#ffffff17;--l-text:#f6f2ef;--l-muted:#a39cae;--l-hot:#ff3d7f;--l-sun:#ff9f43;--l-violet:#8b5cf6;--l-grad:linear-gradient(120deg, var(--l-hot), var(--l-sun));--l-display:"Unbounded", "Inter", system-ui, sans-serif;scroll-behavior:smooth;background:var(--l-bg);color:var(--l-text);font-family:Inter,system-ui,sans-serif;position:fixed;inset:0;overflow:hidden auto}.landing a{color:inherit;text-decoration:none}.landing h1,.landing h2,.landing h3{font-family:var(--l-display);letter-spacing:-.02em}.grad-text{background:var(--l-grad);color:#0000;-webkit-background-clip:text;background-clip:text}.kicker{letter-spacing:.24em;text-transform:uppercase;color:var(--l-sun);margin-bottom:14px;font-size:12px;font-weight:600;display:inline-block}.small{font-size:13px}.btn-grad,.btn-ghost{cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:10px 20px;font:600 15px/1 Inter,system-ui,sans-serif;transition:transform .15s,box-shadow .2s,background .2s;display:inline-flex}.btn-grad{color:#fff;background:var(--l-grad);border:0;box-shadow:0 10px 30px #ff3d7f59}.btn-grad:hover{transform:translateY(-1px);box-shadow:0 14px 40px #ff3d7f80}.btn-ghost{color:var(--l-text);background:var(--l-surface);border:1px solid var(--l-line)}.btn-ghost:hover{background:var(--l-surface-2)}.btn-grad.lg,.btn-ghost.lg{padding:16px 26px;font-size:16px}.glass-border{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(160deg,#ffffff12,#ffffff05);border-radius:24px;position:relative}.glass-border:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(140deg,#ff3d7f99,#ffffff14 40%,#ff9f4380);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.landing-nav{z-index:20;-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);border-bottom:1px solid var(--l-line);background:#09080d99;align-items:center;gap:28px;padding:14px clamp(16px,4vw,56px);display:flex;position:sticky;top:0}.landing-nav nav{background:var(--l-surface);border:1px solid var(--l-line);border-radius:999px;gap:4px;margin-left:auto;padding:4px;display:flex}.landing-nav nav a{color:var(--l-muted);border-radius:999px;padding:8px 14px;font-size:14px;transition:color .15s,background .15s}.landing-nav nav a:hover{color:var(--l-text);background:var(--l-surface-2)}.landing-nav-actions{gap:8px;display:flex}.hero{isolation:isolate;grid-template-columns:minmax(0,1.25fr) minmax(320px,430px);align-items:center;gap:clamp(24px,4vw,72px);min-height:calc(100vh - 66px);padding:56px clamp(16px,5vw,88px) 72px;display:grid;position:relative;overflow:hidden}.hero-bg{object-fit:cover;z-index:-2;filter:saturate(1.15)contrast(1.05);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.04)}.hero:before{content:"";z-index:-1;background:linear-gradient(90deg, #09080df2 0%, #09080db3 40%, #09080d40 100%), linear-gradient(0deg, var(--l-bg) 0%, #09080d00 35%), radial-gradient(ellipse at 20% 20%, #8b5cf640, transparent 55%);position:absolute;inset:0}.glow{z-index:-1;filter:blur(90px);opacity:.55;pointer-events:none;border-radius:50%;width:520px;height:520px;animation:14s ease-in-out infinite alternate float;position:absolute}.glow-a{background:radial-gradient(circle,#ff3d7fb3,#0000 65%);top:10%;left:-120px}.glow-b{background:radial-gradient(circle,#ff9f438c,#0000 65%);animation-delay:-6s;bottom:-160px;right:18%}@keyframes float{0%{transform:translate(0)scale(1)}to{transform:translate(60px,-40px)scale(1.15)}}.hero-copy{flex-direction:column;gap:22px;max-width:660px;display:flex}.eyebrow{color:#ffd9e4;background:#ff3d7f1f;border:1px solid #ff3d7f59;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:500;display:inline-flex}.eyebrow .dot{background:#4ade80;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #4ade8033}.hero-copy h1{margin:0;font-size:clamp(40px,5.6vw,80px);font-weight:700;line-height:1.02}.hero-lead{color:#ddd5e2;max-width:540px;margin:0;font-size:clamp(16px,1.35vw,19px);line-height:1.65}.hero-ctas{flex-wrap:wrap;gap:12px;display:flex}.hero-stats{flex-wrap:wrap;gap:10px 34px;margin:10px 0 0;display:flex}.hero-stats div{flex-direction:column;display:flex}.hero-stats dt{font-family:var(--l-display);font-size:28px;font-weight:700}.hero-stats dd{color:var(--l-muted);margin:2px 0 0;font-size:13px}.landing .auth-card{background:linear-gradient(160deg,#1c1626d9,#0e0c14d9);border:0;justify-self:end;gap:14px;width:100%;max-width:430px;margin:0;padding:28px;box-shadow:0 40px 100px #0000008c}.landing .auth-card-head h2{margin:0;font-size:22px}.auth-card-head p{margin:6px 0 0;font-size:14px}.landing .auth-card .seg{background:var(--l-surface);border-radius:999px}.landing .auth-card .seg button{border-radius:999px}.landing .auth-card .seg button.active{background:var(--l-grad);color:#fff}.landing .auth-card input[type=date],.landing .auth-card input[type=email],.landing .auth-card input[type=text],.landing .auth-card input[type=password],.landing .auth-card input:not([type]){background:#00000059;border-radius:12px;padding:13px 14px;transition:border-color .15s,box-shadow .15s}.landing .auth-card input:focus{border-color:#ff3d7fb3;outline:none;box-shadow:0 0 0 4px #ff3d7f26}.landing .auth-card button.primary{background:var(--l-grad);color:#fff;border:0;border-radius:999px;padding:14px;font-weight:600;box-shadow:0 10px 30px #ff3d7f59}.marquee{border-block:1px solid var(--l-line);background:linear-gradient(90deg,#ff3d7f14,#ff9f4314);padding:18px 0;overflow:hidden}.marquee-track{width:max-content;font-family:var(--l-display);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:clamp(18px,2vw,26px);font-weight:600;animation:36s linear infinite marquee;display:flex}.marquee-track>span{padding-right:24px}.marquee-track i{color:var(--l-hot);margin:0 18px;font-style:normal}@keyframes marquee{to{transform:translate(-50%)}}.landing-section{padding:clamp(64px,9vw,128px) clamp(16px,5vw,88px)}.section-head{max-width:720px;margin-bottom:44px}.landing h2{margin:0 0 14px;font-size:clamp(30px,3.6vw,52px);font-weight:700;line-height:1.08}.section-head p,.split-copy p,.credits-card p{color:#cfc7d6;margin:0;font-size:17px;line-height:1.7}.bento{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"pool pool club club""pool pool lobby spa""room garden garden garden";grid-auto-rows:240px;gap:16px;display:grid}.tile{border:1px solid var(--l-line);background:#120f18;border-radius:22px;position:relative;overflow:hidden}.tile img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.tile:hover img{transform:scale(1.06)}.tile:after{content:"";background:linear-gradient(#09080d00 45%,#09080dd9);position:absolute;inset:0}.tile-caption{z-index:1;position:absolute;bottom:16px;left:18px;right:18px}.tile-caption h3{margin:0 0 4px;font-size:20px}.tile-caption p{color:#d4ccd9;margin:0;font-size:14px}.a-pool{grid-area:pool}.a-club{grid-area:club}.a-lobby{grid-area:lobby}.a-spa{grid-area:spa}.a-room{grid-area:room}.a-garden{grid-area:garden}.a-pool .tile-caption h3{font-size:30px}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.step{padding:28px}.step-no{font-family:var(--l-display);background:var(--l-grad);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:14px;font-size:40px;font-weight:700;display:inline-block}.step h3{margin:0 0 8px;font-size:20px}.step p{color:var(--l-muted);margin:0;line-height:1.6}.split{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:center;gap:clamp(32px,6vw,96px);display:grid}.chips{flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0;list-style:none;display:flex}.chips li{background:var(--l-surface);border:1px solid var(--l-line);border-radius:999px;padding:8px 14px;font-size:14px}.collage{aspect-ratio:16/11;position:relative}.collage img{border:1px solid var(--l-line);border-radius:18px;width:78%;position:absolute;box-shadow:0 40px 90px #0009}.collage-back{opacity:.9;top:0;right:0;transform:rotate(2.5deg)}.collage-front{bottom:0;left:0;transform:rotate(-2deg)}.credits-card{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,56px);padding:clamp(20px,3vw,36px);display:grid}.credits-card img{border-radius:16px;width:100%}.earn{gap:10px;margin:22px 0 14px;padding:0;list-style:none;display:grid}.earn li{align-items:center;gap:12px;font-size:16px;display:flex}.earn b{text-align:center;min-width:64px;font-family:var(--l-display);color:var(--l-sun);background:#ff9f4324;border-radius:999px;padding:6px 10px}.final-cta{isolation:isolate;text-align:center;border-top:1px solid var(--l-line);padding:clamp(80px,11vw,150px) 16px;position:relative;overflow:hidden}.glow-c{background:radial-gradient(circle,#ff3d7f8c,#ff9f4340 40%,#0000 70%);margin:-260px 0 0 -260px;top:50%;left:50%}.final-cta h2{font-size:clamp(36px,6vw,84px)}.final-cta p{color:var(--l-muted);margin:0 0 28px;font-size:18px}.landing-footer{border-top:1px solid var(--l-line);text-align:center;color:var(--l-muted);justify-items:center;gap:10px;padding:40px 16px 56px;font-size:14px;display:grid}.landing-footer p{max-width:620px;margin:0;line-height:1.6}@media (max-width:1100px){.bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"pool pool""pool pool""club club""lobby spa""room garden"}}@media (max-width:900px){.landing-nav nav{display:none}.landing-nav-actions{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:36px}.landing .auth-card{justify-self:stretch;max-width:none}.steps,.split,.credits-card{grid-template-columns:1fr}}@media (max-width:560px){.bento{grid-template-columns:1fr;grid-template-areas:"pool""club""lobby""spa""room""garden";grid-auto-rows:220px}.landing-nav .logo-word span{display:none}.hero-stats dt{font-size:22px}}@media (prefers-reduced-motion:reduce){.glow,.marquee-track{animation:none}.tile img{transition:none}.landing{scroll-behavior:auto}}.faq-list{gap:10px;max-width:860px;display:grid}.faq-item{border:1px solid var(--l-line);background:var(--l-surface);border-radius:18px;transition:border-color .2s,background .2s}.faq-item[open]{background:var(--l-surface-2);border-color:#ff3d7f73}.faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;font-size:17px;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";background:var(--l-grad);color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:18px;transition:transform .2s;display:grid}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{color:#cfc7d6;margin:0;padding:0 22px 20px;line-height:1.7}.faq .section-head{text-align:center;margin-inline:auto}.faq-list{margin-inline:auto}