:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#201f2b;background:#f7f4ec;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #f7f4ec;--panel: #ffffff;--panel-2: #f0ece1;--hairline: #e4dfd1;--text-primary: #201f2b;--text-secondary: #6b6878;--text-muted: #9a97a3;--teal: #17b8a6;--teal-dim: rgba(23, 184, 166, .18);--coral: #ff7a59;--coral-dim: rgba(255, 122, 89, .18);--sky-1: #fbefe0;--sky-2: #e6e9fb;--wall: #efe9dc;--floor: #e3dccb;--skin: #f0c9a0;--hair: #2b2a33;--robe: #2b2a33;--robe-2: #3c3b47}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f7f4ec}a{text-decoration:none}#root{min-height:100vh}.app-shell{min-height:100vh;width:100%}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.scene-page{min-height:100vh;background:var(--bg);color:var(--text-primary);line-height:1.6}.nav{display:flex;align-items:center;justify-content:space-between;max-width:1160px;margin:0 auto;padding:30px 32px 0}.brand{display:flex;align-items:center;gap:10px;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:18px}.brand-mark{width:12px;height:12px;border-radius:4px;background:var(--teal)}.nav-links{display:flex;gap:32px;font-size:14px;color:var(--text-secondary)}.nav-links a{text-decoration:none;transition:color .2s ease}.nav-links a:hover{color:var(--text-primary)}.hero{max-width:1160px;margin:0 auto;padding:56px 32px 70px;display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:center}.eyebrow{font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:20px;display:flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:18px;height:1px;background:var(--text-muted);display:inline-block}.headline{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:clamp(32px,4.4vw,48px);line-height:1.14;letter-spacing:-.01em;margin:0 0 18px}.headline .accent,.accent{color:var(--teal)}.subhead{font-size:16.5px;color:var(--text-secondary);max-width:440px;margin:0 0 34px}.cta-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.btn-primary{font-family:Inter,sans-serif;font-size:15px;font-weight:600;color:#fff;background:var(--teal);border:none;padding:14px 30px;border-radius:999px;cursor:pointer;text-decoration:none;display:inline-block;transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 8px 20px -8px var(--teal-dim)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 26px -8px #17b8a673}.btn-secondary{font-size:14px;font-weight:500;color:var(--text-secondary);text-decoration:none;border-bottom:1px solid var(--hairline);padding-bottom:2px;transition:color .2s ease,border-color .2s ease}.btn-secondary:hover{color:var(--text-primary);border-color:var(--text-secondary)}.hero-figure{display:flex;flex-direction:column;align-items:center}.scene-card{position:relative;width:100%;max-width:480px;border-radius:28px;overflow:hidden;background:var(--wall);box-shadow:0 24px 60px -24px #201f2b40;aspect-ratio:6 / 5}#scene{width:100%;height:100%;display:block}.caption-row{margin-top:18px;font-family:IBM Plex Mono,monospace;font-size:13px;color:var(--text-muted);text-align:center;height:20px;position:relative;width:100%;max-width:360px}.caption-row span{position:absolute;left:50%;transform:translate(-50%);width:100%;opacity:0;animation:murmur-fade 14s infinite;white-space:nowrap}.caption-row span:nth-child(1){animation-delay:0s}.caption-row span:nth-child(2){animation-delay:3.5s}.caption-row span:nth-child(3){animation-delay:7s}.caption-row span:nth-child(4){animation-delay:10.5s}@keyframes murmur-fade{0%{opacity:0}4%{opacity:1}20%{opacity:1}26%{opacity:0}to{opacity:0}}.bubble{animation:floatbob 4.5s ease-in-out infinite;transform-origin:center}.bubble.b2{animation-delay:.6s}.bubble.b3{animation-delay:1.2s}@keyframes floatbob{0%,to{transform:translateY(0);opacity:.85}50%{transform:translateY(-8px);opacity:1}}.character-breathe{animation:breathe 5s ease-in-out infinite;transform-origin:50% 100%}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.012)}}.sky-glow{animation:skyglow 6s ease-in-out infinite}@keyframes skyglow{0%,to{opacity:.9}50%{opacity:1}}.leaf{animation:sway2 5.5s ease-in-out infinite;transform-origin:bottom center}.leaf.l2{animation-delay:.4s}.leaf.l3{animation-delay:.8s}@keyframes sway2{0%,to{transform:rotate(0)}50%{transform:rotate(2.5deg)}}.section{max-width:1160px;margin:0 auto;padding:60px 32px;border-top:1px solid var(--hairline)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:36px;gap:24px;flex-wrap:wrap}.section-title{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:600}.section-note{font-size:14px;color:var(--text-muted);max-width:300px}.rules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.rule-card{background:var(--panel);border:1px solid var(--hairline);border-radius:16px;padding:24px}.rule-tag{display:inline-block;font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--teal);background:var(--teal-dim);padding:4px 10px;border-radius:999px;margin-bottom:14px}.rule-card h3{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:16.5px;margin:0 0 8px}.rule-card p{margin:0;font-size:14px;color:var(--text-secondary)}.grid-future{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.future-card{background:var(--panel);border:1px solid var(--hairline);border-radius:16px;padding:22px}.future-card h4{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:17px;margin:10px 0 8px;color:var(--text-secondary)}.future-card p{font-size:13.5px;color:var(--text-muted);margin:0}.soon-tag{font-family:IBM Plex Mono,monospace;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);border:1px solid var(--hairline);padding:4px 9px;border-radius:999px;display:inline-block}.featured-card{background:linear-gradient(180deg,#ffffff,var(--panel-2));border-color:var(--teal-dim)}.featured-card h4{color:var(--text-primary)}.featured-card .soon-tag{color:var(--teal);border-color:var(--teal-dim);background:var(--teal-dim)}.scene-page footer{max-width:1160px;margin:0 auto;padding:40px 32px 56px;border-top:1px solid var(--hairline);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;font-size:13px;color:var(--text-muted)}@media (max-width: 900px){.hero{grid-template-columns:1fr;text-align:center;padding-top:36px}.hero-text{order:2}.hero-figure{order:1}.cta-row,.eyebrow{justify-content:center}.subhead{margin-left:auto;margin-right:auto}}@media (max-width: 780px){.rules-grid{grid-template-columns:1fr}}.page{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:24px}.page .card{width:min(600px,100%);background:var(--panel);border:1px solid var(--hairline);border-radius:24px;padding:36px;box-shadow:0 8px 30px #201f2b0f}.page .card h2{font-family:Space Grotesk,sans-serif;margin:0 0 12px}.page .card p{color:var(--text-secondary);margin:0 0 24px}.page .button{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:999px;font-weight:600;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.page .button:hover{transform:translateY(-1px)}.page .button.primary{background:var(--teal);color:#fff}.page .button.secondary{background:var(--panel-2);color:var(--text-primary)}.interstitial-page{min-height:100vh;width:100%;display:flex;flex-direction:column;background:#f7f4ec;color:#201f2b}.top-nav{display:flex;align-items:center;justify-content:space-between;max-width:760px;width:100%;margin:0 auto;padding:26px 24px 0;min-height:20px}.brand-mark-row{display:flex;align-items:center;gap:10px;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:17px}.exit-link{font-size:13.5px;color:#9a97a3;text-decoration:none;opacity:0;pointer-events:none;transition:opacity .3s ease}.exit-link.enabled{opacity:1;pointer-events:auto}.interstitial-shell{flex:1;width:100%;max-width:520px;margin:0 auto;padding:24px 24px 48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;text-align:center}.transition-caption{font-family:IBM Plex Mono,monospace;font-size:12.5px;letter-spacing:.04em;color:#9a97a3;margin:0;display:flex;align-items:center;gap:10px}.transition-dot{width:7px;height:7px;border-radius:50%;background:#17b8a6;animation:pulse-dot 1.8s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}.ad-fullscreen{width:100%;max-width:400px;height:min(60vh,560px);background:#f0ece1;border:1px dashed #e4dfd1;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#9a97a3;font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:0;transform:scale(.97);animation:ad-in .5s ease forwards .1s}@keyframes ad-in{to{opacity:1;transform:scale(1)}}.ad-fullscreen .ad-size{font-size:10.5px;opacity:.7;letter-spacing:.03em}.skip-row{display:flex;align-items:center;justify-content:center;width:100%;max-width:400px}.btn-skip{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:14.5px;color:#9a97a3;background:#f0ece1;border:1px solid #e4dfd1;padding:12px 26px;border-radius:999px;transition:all .25s ease;display:flex;align-items:center;gap:8px;width:100%;justify-content:center;text-decoration:none}.btn-skip.ready{color:#fff;background:#17b8a6;border-color:#17b8a6;box-shadow:0 10px 24px -10px #17b8a62e}.btn-skip .ring{width:16px;height:16px;border-radius:50%;border:2px solid #e4dfd1;border-top-color:#9a97a3;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-grid{display:grid;width:100%;grid-template-columns:160px minmax(0,1fr) 160px;gap:24px;max-width:1240px;margin:0 auto;align-items:start;flex:1}.ad-rail{position:sticky;top:90px;display:flex;justify-content:center}.ad-slot{background:var(--panel-2);border:1px dashed var(--hairline);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--text-muted);font-family:IBM Plex Mono,monospace;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}.ad-slot .ad-size{font-size:9.5px;opacity:.7;letter-spacing:.03em}.ad-slot-side{width:160px;height:560px}.ad-slot-bottom-wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 24px 40px}.ad-slot-bottom{width:100%;max-width:728px;height:90px;margin:0 auto}.mobile-anchor-ad{display:none;position:fixed;left:0;right:0;bottom:0;z-index:40;height:50px;padding-bottom:env(safe-area-inset-bottom,0px);background:var(--panel-2);border-top:1px dashed var(--hairline);align-items:center;justify-content:center;gap:10px}.mobile-anchor-ad.active{display:flex}.mobile-anchor-ad .ad-label{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.mobile-anchor-ad .ad-size{font-family:IBM Plex Mono,monospace;font-size:9px;color:var(--text-muted);opacity:.7}.mobile-anchor-close{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;border:1px solid var(--hairline);background:var(--panel);color:var(--text-muted);font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}body.anchor-ad-active{padding-bottom:0}@media (max-width: 1180px){.page-grid{grid-template-columns:1fr;padding:0 24px}.ad-rail,.ad-slot-bottom-wrap{display:none}body.anchor-ad-active{padding-bottom:50px}}.game-page,.result-page{min-height:100vh;width:100%;display:flex;flex-direction:column;background:var(--bg);color:var(--text-primary)}.game-page .nav,.result-page .nav{max-width:760px}.game-shell{flex:1;width:100%;max-width:700px;margin:0 auto;padding:40px 24px 48px;display:flex;flex-direction:column;gap:34px}.progress-block{display:flex;flex-direction:column;gap:10px}.progress-top{display:flex;justify-content:space-between;align-items:baseline}.progress-label{font-family:IBM Plex Mono,monospace;font-size:12.5px;color:var(--text-muted)}.progress-label b{color:var(--text-secondary);font-weight:500}.progress-track{display:flex;gap:5px}.progress-seg{flex:1;height:5px;border-radius:3px;background:var(--hairline);transition:background .35s ease}.progress-seg.done{background:var(--teal)}.progress-seg.current{background:var(--coral)}.sensei-mini{display:flex;align-items:center;justify-content:center;gap:10px;font-family:IBM Plex Mono,monospace;font-size:12.5px;color:var(--text-muted)}.sensei-dot{width:8px;height:8px;border-radius:50%;background:var(--teal);animation:pulse-dot 1.8s ease-in-out infinite}.stage{position:relative;min-height:400px;display:flex;align-items:center;justify-content:center}.question-card{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--panel);border:1px solid var(--hairline);border-radius:26px;padding:64px 48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;text-align:center;box-shadow:0 24px 60px -28px #201f2b33;transition:transform .45s cubic-bezier(.4,0,.2,1),opacity .4s ease}.question-card.enter-right{transform:translate(46px);opacity:0}.question-card.enter-left,.question-card.exit-left{transform:translate(-46px);opacity:0}.question-card.exit-right{transform:translate(46px);opacity:0}.question-card.settled{transform:translate(0);opacity:1}.question-text{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:clamp(24px,4vw,34px);line-height:1.3;max-width:500px;margin:0}.answer-row{display:flex;gap:8px;width:100%;max-width:480px;flex-wrap:wrap;justify-content:center}.answer-btn{flex:1 1 auto;min-width:84px;font-family:Inter,sans-serif;font-weight:500;font-size:13.5px;color:var(--text-secondary);background:var(--panel-2);border:1px solid var(--hairline);border-radius:999px;padding:11px 14px;cursor:pointer;transition:all .18s ease}.answer-btn:hover{border-color:var(--text-muted);color:var(--text-primary)}.answer-btn[data-val=no].selected{background:var(--coral);border-color:var(--coral);color:#fff}.answer-btn[data-val=probably-not].selected{background:var(--coral-dim);border-color:var(--coral);color:var(--text-primary)}.answer-btn[data-val=unsure].selected{background:var(--panel);border-color:var(--text-muted);color:var(--text-primary);font-weight:600}.answer-btn[data-val=probably].selected{background:var(--teal-dim);border-color:var(--teal);color:var(--text-primary)}.answer-btn[data-val=yes].selected{background:var(--teal);border-color:var(--teal);color:#fff}.footer-nav{display:flex;justify-content:space-between;align-items:center}.btn-back{font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:var(--text-secondary);background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:6px;padding:10px 4px;transition:color .2s ease}.btn-back:hover{color:var(--text-primary)}.btn-back:disabled{opacity:.35;cursor:default}.btn-back:disabled:hover{color:var(--text-secondary)}.btn-next{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:14.5px;color:#fff;background:var(--text-muted);border:none;padding:13px 28px;border-radius:999px;cursor:not-allowed;transition:all .2s ease;display:flex;align-items:center;gap:8px}.btn-next.ready{background:var(--teal);cursor:pointer;box-shadow:0 10px 24px -10px var(--teal-dim)}.btn-next.ready:hover{transform:translateY(-1px)}.result-shell{width:100%;max-width:560px;margin:0 auto;padding:32px 24px 48px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.result-shell .eyebrow{margin-bottom:0}.burst-wrap{position:relative;width:280px;height:280px;display:flex;align-items:center;justify-content:center;margin-bottom:6px}.glow-behind{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;border-radius:50%;background:radial-gradient(circle,var(--teal-dim) 0%,rgba(255,122,89,.1) 45%,rgba(0,0,0,0) 72%);filter:blur(2px);animation:glow-breathe 4.5s ease-in-out infinite;z-index:0}@keyframes glow-breathe{0%,to{transform:scale(1);opacity:.75}50%{transform:scale(1.08);opacity:1}}.tick-ring{position:absolute;top:14px;right:14px;bottom:14px;left:14px;z-index:1;animation:tick-spin 40s linear infinite}@keyframes tick-spin{to{transform:rotate(360deg)}}.sparkle{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--coral);opacity:0;z-index:1;animation:sparkle-drift 3.2s ease-in-out infinite}@keyframes sparkle-drift{0%{opacity:0;transform:translateY(0) scale(.6)}35%{opacity:.9}to{opacity:0;transform:translateY(-22px) scale(1)}}.burst-ray{position:absolute;top:50%;left:50%;width:3px;height:46px;border-radius:3px;background:linear-gradient(180deg,var(--coral),var(--teal));transform-origin:center 140px;opacity:0;animation:ray-out .8s cubic-bezier(.2,.7,.3,1) forwards;z-index:1}@keyframes ray-out{0%{opacity:0;transform:translate(-50%,-140px) scale(.3)}40%{opacity:.9}to{opacity:0;transform:translate(-50%,-190px) scale(1)}}.ring-svg{position:relative;z-index:2;transform:rotate(-90deg)}.ring-track{fill:none;stroke:var(--panel-2);stroke-width:14}.ring-progress{fill:none;stroke-width:14;stroke-linecap:round;stroke:var(--teal);transition:stroke-dashoffset 1.3s cubic-bezier(.2,.8,.2,1),stroke 1.3s ease;filter:drop-shadow(0 0 10px var(--teal-dim))}.ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;z-index:3}.ring-percent{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:42px;line-height:1}.ring-caption{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.particle{position:absolute;top:50%;left:50%;width:7px;height:7px;border-radius:50%;background:var(--coral);opacity:0;pointer-events:none;z-index:4}.particle.celebrate{animation:particle-pop .9s ease-out forwards}@keyframes particle-pop{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.3)}}.reveal-block{display:flex;flex-direction:column;gap:6px;margin-top:8px}.reveal-lead{font-size:15px;color:var(--text-secondary);margin:0}.reveal-guess{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:clamp(30px,6vw,44px);margin:0;line-height:1.1;letter-spacing:-.01em}.feedback-block{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:22px}.feedback-prompt{font-size:14.5px;color:var(--text-secondary);margin:0}.feedback-row{display:flex;gap:12px}.btn-feedback{font-family:Inter,sans-serif;font-weight:600;font-size:14px;padding:12px 24px;border-radius:999px;cursor:pointer;transition:all .18s ease;border:1px solid var(--hairline)}.btn-feedback.yes{background:var(--teal);border-color:var(--teal);color:#fff}.btn-feedback.yes:hover{transform:translateY(-1px);box-shadow:0 10px 22px -10px var(--teal-dim)}.btn-feedback.no{background:var(--panel);color:var(--text-secondary)}.btn-feedback.no:hover{border-color:var(--text-muted);color:var(--text-primary)}.btn-feedback:disabled{cursor:default;opacity:.55;transform:none!important;box-shadow:none!important}.followup{font-size:14px;color:var(--text-secondary);min-height:20px;opacity:0;transition:opacity .4s ease}.followup.show{opacity:1}.share-block{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:30px;padding-top:28px;border-top:1px solid var(--hairline);width:100%;opacity:0;transform:translateY(6px);transition:all .4s ease;pointer-events:none}.share-block.show{opacity:1;transform:translateY(0);pointer-events:auto}.share-prompt{font-size:13.5px;color:var(--text-muted);margin:0}.share-row{display:flex;gap:14px}.share-btn{width:48px;height:48px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .18s ease,box-shadow .18s ease;color:#fff}.share-btn:hover{transform:translateY(-2px)}.share-btn svg{width:22px;height:22px}.share-btn.whatsapp{background:#25d366}.share-btn.facebook{background:#1877f2}.share-btn.instagram{background:radial-gradient(circle at 30% 110%,#fdf497,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.share-toast{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--text-muted);opacity:0;transition:opacity .3s ease;min-height:16px}.share-toast.show{opacity:1}.post-actions{display:flex;align-items:center;gap:20px;margin-top:26px;opacity:0;transform:translateY(6px);transition:all .4s ease;pointer-events:none}.post-actions.show{opacity:1;transform:translateY(0);pointer-events:auto}.btn-text{font-size:14px;color:var(--text-muted);text-decoration:none;border-bottom:1px solid var(--hairline);padding-bottom:2px}.btn-text:hover{color:var(--text-secondary)}