:root{font-family:Inter,ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;color:#f8fbff;background:#05060b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--black: #07080d;--panel: rgba(19, 20, 28, .82);--panel-strong: rgba(13, 14, 20, .94);--stroke: rgba(255, 255, 255, .12);--muted: #a3a8b7;--green: #00d767;--green-2: #00a979;--purple: #aa46ff;--pink: #ff2f98;--cyan: #18ddff;--orange: #ff7433}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:#05060b}button,input,select,textarea{font:inherit}a{color:inherit}.app-shell{min-height:100vh;min-height:100dvh;position:relative;overflow:hidden;background:radial-gradient(circle at 20% 4%,rgba(0,215,103,.22),transparent 34%),radial-gradient(circle at 82% 68%,rgba(255,47,152,.18),transparent 36%),linear-gradient(145deg,#041107,#080810 48%,#170419)}.ambient{position:fixed;inset:auto;width:42vw;height:42vw;border-radius:999px;filter:blur(80px);opacity:.22;pointer-events:none}.ambient-a{left:-16vw;top:8vh;background:var(--green)}.ambient-b{right:-14vw;bottom:2vh;background:var(--pink)}.screen{width:min(100%,940px);min-height:100vh;margin:0 auto;padding:calc(env(safe-area-inset-top) + 16px) clamp(16px,4vw,36px) calc(env(safe-area-inset-bottom) + 24px);position:relative;z-index:1}.topbar{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;gap:12px;min-height:54px;margin-bottom:18px}.brand-mini{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-weight:900}.brand-mini img{width:34px;height:34px;border-radius:9px}.icon-button{width:46px;height:46px;display:inline-grid;place-items:center;border-radius:999px;background:#14151cdb;color:#fff;border:1px solid var(--stroke);cursor:pointer;text-decoration:none}.icon-button svg,.button svg,.pill svg,.status-row svg,.report-float svg{width:20px;height:20px}.hero{text-align:center;padding:20px 0 22px}.home-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);align-items:center;gap:clamp(20px,5vw,56px);text-align:left;padding:22px 0 28px}.hero-text{min-width:0}.hero-logo{width:clamp(120px,24vw,190px);border-radius:34px;filter:drop-shadow(0 18px 48px rgba(0,215,103,.18))}h1{font-size:clamp(42px,9vw,76px);line-height:.94;letter-spacing:0;margin:12px 0}h2{font-size:clamp(28px,5vw,44px);line-height:1.02;margin:8px 0}h3{font-size:24px;margin:0 0 10px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--green);font-weight:950;font-size:13px}.muted{color:var(--muted);font-weight:650;line-height:1.45}.hero-copy{color:#d7dbea;font-size:clamp(18px,2vw,22px);line-height:1.45;max-width:640px;margin:0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.live-preview{min-height:520px;display:grid;place-items:center;perspective:1100px}.preview-phone{width:min(100%,340px);min-height:520px;border-radius:46px;padding:18px;background:linear-gradient(#07090f,#07090f) padding-box,linear-gradient(145deg,#00d767cc,#aa46ff8c,#ff2f98b8) border-box;border:2px solid transparent;box-shadow:0 35px 90px #00000075,0 0 70px #00d7671f;transform:rotateX(2deg) rotateY(-7deg)}.preview-header{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:10px 0 16px}.preview-header img{width:38px;height:38px;border-radius:11px}.preview-header span{font-weight:950}.preview-header strong{color:var(--pink);border:1px solid rgba(255,47,152,.55);border-radius:999px;padding:8px 10px}.preview-prompt{border-radius:20px;padding:18px;color:#fff;font-weight:950;line-height:1.2;background:linear-gradient(105deg,#aa46ff47,#00d7672e)}.preview-chat{display:flex;flex-direction:column;gap:14px;padding:18px 0}.preview-chat .bubble{max-width:82%;font-size:17px;font-weight:750;padding:13px 15px;border-radius:17px}.preview-chat .bubble.own{align-self:flex-end}.preview-chat .bubble.opponent{align-self:flex-start}.preview-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.preview-choice span{border:1px solid rgba(255,255,255,.13);border-radius:16px;padding:14px;font-weight:950;text-align:center;background:#ffffff0d}.glass-card{background:linear-gradient(150deg,#181d1fdb,#101018e6);border:1px solid var(--stroke);border-radius:28px;box-shadow:0 26px 80px #00000059,inset 0 1px #ffffff0f;padding:clamp(18px,4vw,32px);margin:16px 0}.home-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.hub-card{display:flex;flex-direction:column;gap:18px}.pill-row{display:flex;flex-wrap:wrap;gap:10px}.pill,.status-row{display:inline-flex;align-items:center;gap:8px;color:#eaf3ec;border:1px solid rgba(0,215,103,.35);background:#00d7671c;border-radius:999px;padding:10px 14px;font-weight:850}.pill.purple{border-color:#aa46ff73;background:#aa46ff21}.pill.premium{color:var(--green)}.button{min-height:58px;border:0;border-radius:18px;padding:0 22px;color:#fff;font-weight:950;font-size:20px;display:inline-flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;text-decoration:none}.button.primary{background:linear-gradient(100deg,#00d767,#00a979 55%,#ff2f98);box-shadow:0 18px 50px #00d76733}.button.secondary{background:#121319db;border:1px solid var(--stroke)}.button.danger{background:#ff2f5c2e;border:1px solid rgba(255,47,92,.45)}.button:disabled:not(.loading){opacity:.55;cursor:not-allowed}.button.loading{opacity:1;pointer-events:none;position:relative;box-shadow:0 18px 54px #00d76747,0 0 0 1px #ffffff1a inset}.button.loading:after{content:"";width:18px;height:18px;border-radius:999px;border:2px solid rgba(255,255,255,.42);border-top-color:#fff;animation:spin .76s linear infinite}.button.app-store-button{background:#f8fbff;color:#05060b;border:0;box-shadow:0 16px 42px #ffffff1f}.quick-note{color:#cbd1df;font-weight:800;margin:12px 0 0}.pin-entry{display:grid;grid-template-columns:1fr auto;gap:10px}input,select,textarea{width:100%;color:#fff;background:#05060ba8;border:1px solid var(--stroke);border-radius:16px;padding:16px 18px;outline:none;font-weight:800}textarea{min-height:110px;resize:vertical}label{display:grid;gap:8px;color:#dce3ee;font-weight:850}.stack{display:grid;gap:14px}.error{color:#ff8ebd;font-weight:800}.center{text-align:center}.truth{color:var(--green);font-weight:900}.appstore-card{display:flex;align-items:center;justify-content:space-between;gap:18px}.notice-card{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;text-align:left;border:1px solid rgba(0,215,103,.3);border-radius:18px;padding:14px;background:#00d76714}.notice-card svg{width:24px;height:24px;color:var(--green);justify-self:center}.notice-card strong{display:block;font-size:16px}.notice-card small{display:block;color:var(--muted);font-weight:750;line-height:1.35;margin-top:3px}.notice-card.warning{border-color:#ff743361;background:#ff74331a}.notice-card.warning svg{color:var(--orange)}.two-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 0}.proof-grid div{min-height:112px;border:1px solid var(--stroke);border-radius:22px;padding:18px;background:#0d0e148f}.proof-grid strong{display:block;font-size:18px;margin-bottom:8px}.proof-grid span{color:var(--muted);font-weight:750;line-height:1.35}.seo-growth{margin-top:18px;display:grid;gap:18px;border:1px solid var(--stroke);border-radius:28px;padding:clamp(18px,4vw,32px);background:#08090e94}.seo-growth h2{max-width:780px}.seo-link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.seo-link-grid a{text-decoration:none;color:#f8fbff;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px;font-weight:900}.faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.faq-grid article{border:1px solid rgba(255,255,255,.1);background:#ffffff0a;border-radius:20px;padding:16px}.faq-grid h3{font-size:20px}.faq-grid p{color:var(--muted);font-weight:740;line-height:1.45;margin-bottom:0}.card-logo{width:84px;height:84px;border-radius:22px}.card-logo.small{width:58px;height:58px;border-radius:16px}.profile-card,.guess-card,.result-card,.paywall-card{max-width:640px;margin:0 auto;text-align:center}.page-title{text-align:center;margin:10px auto 22px;max-width:640px}.category-list{display:grid;gap:14px;max-width:780px;margin:0 auto}.category-card{display:grid;grid-template-columns:72px 1fr 34px;gap:18px;align-items:center;text-align:left;color:#fff;background:#0d0e14db;border:1px solid rgba(255,255,255,.13);border-radius:24px;padding:18px;cursor:pointer}.category-card strong{display:block;font-size:24px;margin-bottom:4px}.category-card small{color:var(--muted);font-weight:700;line-height:1.35}.category-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,var(--green),var(--purple));font-size:28px;font-weight:950}.category-card.purple{border-color:#aa46ff7a}.category-card.pink{border-color:#ff2f9870}.category-card.orange{border-color:#ff743370}.category-card.cyan{border-color:#18ddff70}.arrow{font-size:38px;color:#fff}.lobby-intro{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center}.lobby-intro .pill-row{grid-column:1 / -1}.pin-card{text-align:center}.pin-card.invite-highlight{border-color:#00d7677a;box-shadow:0 24px 80px #0000005c,0 0 44px #00d7671a}.pin-digits{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(6px,2vw,18px);margin:18px auto;max-width:720px}.pin-digits span{display:grid;place-items:center;aspect-ratio:.78;border:2px solid rgba(0,215,103,.52);border-radius:18px;font-size:clamp(42px,10vw,78px);font-weight:950}.joined{display:inline-block;background:#00d7673d;border:1px solid rgba(0,215,103,.55);border-radius:999px;padding:8px 18px;font-weight:950}.invite-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;text-align:left;margin-top:22px;padding:14px;border-radius:22px;background:linear-gradient(120deg,#00d7672e,#aa46ff2e);border:1px solid rgba(255,255,255,.12)}.invite-panel strong{display:block;font-size:20px}.invite-panel small{display:block;color:#d3d9e8;font-weight:760;line-height:1.35;margin-top:3px}.invite-actions{display:grid;grid-template-columns:auto auto;gap:10px}.fixed-action{position:sticky;bottom:calc(env(safe-area-inset-bottom) + 8px);margin-top:16px;z-index:4}.fixed-action .button{width:100%}.chat-shell{min-height:calc(100vh - 110px);display:grid;grid-template-rows:auto auto 1fr auto auto;overflow:hidden;border-radius:26px;background:#08090ec7;border:1px solid var(--stroke)}.chat-header{display:grid;grid-template-columns:42px 1fr auto auto;gap:12px;align-items:center;padding:14px;border-bottom:1px solid var(--stroke);background:linear-gradient(90deg,#00d76726,#ff2f980f)}.chat-header img{width:42px;height:42px;border-radius:12px}.chat-header span{display:block;color:var(--muted);font-size:14px;font-weight:800}.timer-pill{border:2px solid rgba(255,47,152,.6);background:#ff2f981a;color:var(--pink);border-radius:999px;padding:10px 14px;font-weight:950}.prompt-card{padding:18px 22px;background:linear-gradient(110deg,#aa46ff33,#00d76729)}.prompt-card h2{font-size:clamp(22px,5vw,36px)}.messages{overflow:auto;padding:16px;display:flex;flex-direction:column;gap:14px;min-height:360px}.empty-chat{margin:auto;display:grid;justify-items:center;gap:12px;color:#dce3ee;font-weight:900;text-align:center}.message-row{display:flex;justify-content:flex-start}.message-row.own{justify-content:flex-end}.bubble{max-width:min(72%,560px);padding:14px 18px;border-radius:18px;color:#090b10;background:#f2f3f6;font-size:18px;line-height:1.32}.bubble small{display:block;color:#0000007a;font-weight:900;margin-bottom:5px}.bubble.own{color:#04130a;background:var(--green);border-bottom-right-radius:5px}.bubble.opponent{border-bottom-left-radius:5px}.bubble.friend{background:#dfe8ff}.typing-bubble{color:#05060b;width:132px}.typing-dots{display:inline-flex;align-items:center;gap:5px;min-height:18px}.typing-dots i{width:7px;height:7px;border-radius:999px;background:currentColor;opacity:.38;animation:typing-bounce 1s ease-in-out infinite}.typing-dots i:nth-child(2){animation-delay:.12s}.typing-dots i:nth-child(3){animation-delay:.24s}.quick-chips{display:flex;gap:8px;overflow-x:auto;padding:0 14px 12px}.quick-chips button{flex:0 0 auto;color:#eaf3ec;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;border-radius:999px;padding:10px 13px;font-weight:850}.composer{display:grid;grid-template-columns:1fr 64px;gap:10px;padding:14px;border-top:1px solid var(--stroke)}.composer button{border:0;border-radius:18px;background:linear-gradient(145deg,var(--green),var(--green-2));color:#fff;cursor:pointer}.composer input:disabled{color:#858b99}.choice{width:100%;display:grid;grid-template-columns:62px 1fr 30px;gap:16px;align-items:center;text-align:left;margin:14px 0;padding:18px;color:#fff;background:#05060ba8;border:1px solid rgba(0,215,103,.55);border-radius:20px;cursor:pointer}.choice svg{width:38px;height:38px;padding:9px;border-radius:14px;background:var(--green)}.choice.purple{border-color:#aa46ffa6}.choice.purple svg{background:var(--purple)}.choice strong{display:block;font-size:26px}.choice small{color:var(--muted);font-weight:800}.result-badge{width:92px;height:92px;margin:0 auto;border-radius:999px;display:grid;place-items:center;background:linear-gradient(145deg,var(--green),var(--purple))}.result-badge.loss{background:linear-gradient(145deg,var(--pink),var(--orange))}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.stats-row span{background:#05060b94;border:1px solid var(--stroke);border-radius:18px;padding:14px}.stats-row strong{display:block;color:var(--green);font-size:28px}.stats-row small{color:var(--muted);font-weight:800}.product-grid{display:grid;gap:12px;margin:18px 0}.product{color:#fff;text-align:left;background:#05060ba8;border:1px solid var(--stroke);border-radius:20px;padding:18px;cursor:pointer}.product.selected{border-color:var(--pink);box-shadow:0 0 0 2px #ff2f9833}.product strong,.product span{display:block;font-size:22px;font-weight:950}.product small{color:var(--muted);font-weight:750}.disclosure{color:var(--muted);font-weight:760;font-size:14px}.legal-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;color:#dce3ee;font-weight:850}.legal-row button{color:inherit;background:none;border:0;font:inherit;cursor:pointer}.result-notify{grid-template-columns:44px 1fr auto;margin:18px 0}.result-notify .button{min-height:46px;font-size:16px;padding:0 16px}.report-float{position:fixed;right:18px;bottom:calc(env(safe-area-inset-bottom) + 18px);z-index:12;border:1px solid rgba(255,255,255,.18);color:#fff;background:#0e0f14e6;border-radius:999px;padding:12px 16px;font-weight:900;display:flex;gap:8px;align-items:center}.modal-backdrop{position:fixed;inset:0;z-index:20;background:#0000009e;display:grid;place-items:center;padding:18px}.modal{width:min(100%,520px);position:relative}.modal .close{position:absolute;top:16px;right:16px}.splash-shell{display:grid;place-items:center}.splash{min-height:100vh;min-height:100dvh;display:grid;place-items:center;align-content:center;gap:20px;text-align:center;position:relative;z-index:1}.splash img{width:136px;height:136px;border-radius:30px;box-shadow:0 28px 90px #00d7672e;animation:float-logo 2.2s ease-in-out infinite}.loader-ring{width:46px;height:46px;border-radius:999px;border:3px solid rgba(255,255,255,.14);border-top-color:var(--green);border-right-color:var(--pink);animation:spin .9s linear infinite}.legal-page{max-width:760px;margin-left:auto;margin-right:auto}@keyframes spin{to{transform:rotate(360deg)}}@keyframes typing-bounce{0%,80%,to{transform:translateY(0);opacity:.38}40%{transform:translateY(-4px);opacity:1}}@keyframes float-logo{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media(max-width:720px){.screen{padding-left:14px;padding-right:14px}.home-grid,.appstore-card,.proof-grid,.home-hero,.invite-panel,.invite-actions,.seo-link-grid,.faq-grid{grid-template-columns:1fr}.home-hero{text-align:center}.hero-copy{margin:0 auto}.hero-actions{justify-content:center}.live-preview{min-height:auto;margin-top:8px}.preview-phone{min-height:440px;transform:none}.topbar{grid-template-columns:48px 1fr 48px}.brand-mini span{display:none}.pin-entry{grid-template-columns:1fr}.bubble{max-width:86%}.stats-row{grid-template-columns:1fr}.chat-shell{min-height:calc(100vh - 92px)}.two-actions{grid-template-columns:1fr}.button{width:100%}.result-notify{grid-template-columns:44px 1fr}.result-notify .button{grid-column:1 / -1}}