/* First-minute play surfaces, within the existing ivory/sage design system. */
.play-intro{grid-template-columns:1.15fr .85fr!important;gap:64px!important;padding-block:24px 40px!important;min-height:0!important}.play-intro .identity-home{font-size:14px;letter-spacing:1px;color:#60705e;margin:27px 0 7px}.play-intro #report-title{font-size:clamp(36px,4vw,56px)!important;letter-spacing:5px;margin:10px 0 10px}.identity-material{font-size:12px;letter-spacing:3px;color:#63715e}.play-intro .report-lead{font-size:26px!important;max-width:470px;margin:30px 0 8px}.play-intro .natal-summary{max-width:435px;margin:12px 0 28px}.play-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.play-hero-actions button{margin:0}.share-entry{margin-top:18px}.hero-keepsake{max-width:435px;width:100%;justify-self:end}.hero-keepsake>span{display:block;text-align:center;font-size:11px;letter-spacing:2px;margin-top:12px;color:#6c7964}.orbit-keepsake{position:relative;background:radial-gradient(ellipse at 48% 42%,#58715c 0,#2b4238 57%,#23382f 100%);color:#e5e5d6;border:1px solid #71816b;padding:26px;text-align:center;box-shadow:0 16px 32px #34433518;overflow:hidden}.orbit-keepsake::after{content:'';position:absolute;inset:10px;border:1px solid #c7c9af44;pointer-events:none}.keepsake-top,.keepsake-bottom{display:flex;justify-content:space-between;gap:8px;font-size:10px;letter-spacing:2px;position:relative;z-index:1}.keepsake-top{color:#c5c9b5}.star-emblem{display:block;width:100%;max-width:360px;margin:auto;aspect-ratio:1;overflow:visible}.orbit-keepsake>small{font-size:11px;letter-spacing:1px;color:#c4cbb6}.orbit-keepsake>h3{font-size:29px!important;font-weight:400;letter-spacing:4px;margin:15px 0 13px!important;color:#f0efdc!important}.orbit-keepsake>p{font-size:13px!important;line-height:1.8!important;color:#d6dbc9!important;margin:0 0 29px!important}.keepsake-bottom{font-size:9px;color:#b8c1aa;border-top:1px solid #bbc4ab40;padding-top:16px;letter-spacing:1px}.natal-report .report-nav{width:100%;max-width:none;justify-content:space-between}.scene-tabs{display:flex;border-bottom:1px solid #6b7e6040;margin-top:28px;gap:28px}.scene-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:15px 0;color:#687660;font:inherit;cursor:pointer}.scene-tabs button small{font-size:10px;letter-spacing:1px;margin-right:10px;color:#7c8b71}.scene-tabs button[aria-pressed=true]{border-color:#526746;color:#304b35}.scene-tabs button:hover{color:#213e29}.scene-result{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;padding:28px 0 14px;animation:scene-arrive .3s ease-out}.scene-question{font-size:13px;color:#6c7963}.scene-result h3{font-size:27px;font-weight:400;line-height:1.6;margin:15px 0}.scene-method{font-size:15px;line-height:1.9;max-width:540px}.scene-inside{margin-top:22px;border-top:1px solid #71846540;padding-top:17px}.scene-inside summary{font-size:14px;color:#546c48}.scene-inside summary span{float:right}.scene-inside p{font-size:14px;line-height:1.9}.scene-message{background:#dae0d170;border:1px solid #73866c35;padding:27px;align-self:start}.scene-message small{font-size:12px;color:#67755e}.scene-message blockquote{font-size:20px;line-height:1.9;font-weight:400;margin:18px 0;border:0;padding:0;color:#354e34}.scene-message .text-button{font-size:13px}.scene-message .fine-print{margin-bottom:0;font-size:11px}.scene-rule{margin-top:15px;padding:14px 0}.scene-rule summary,.everyday-details>summary{font-size:13px;color:#687861}.scene-rule p{font-size:13px;line-height:1.9}.everyday-details{border-top:1px solid #83947630;padding-top:18px;margin-top:12px}.everyday-details>p{font-size:14px;line-height:1.9}.annual-longread{margin-top:24px;padding:20px 0;border-top:1px solid #73836940}.annual-longread>summary{font-size:14px;color:#546649}.natal-why-grid .galaxy-photo{max-width:370px;margin:0 0 20px}.natal-why-grid .galaxy-photo img{height:220px;object-fit:cover}.share-keepsake{max-width:340px;margin:24px auto}.share-controls{display:flex;gap:10px;flex-wrap:wrap}.share-controls button{flex:1;min-width:135px}.share-details{margin-top:20px}.share-details p{font-size:13px;line-height:1.8}.copy-fallback{width:100%;padding:12px;color:#354431;background:#f0f1e9;border:1px solid #77866d;font:14px inherit;line-height:1.8}
@keyframes scene-arrive{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.scene-result{animation:none}}
@media(max-width:760px){.play-intro{grid-template-columns:1fr!important;gap:27px!important;padding:14px 0 25px!important}.play-intro .report-owner{margin-top:0}.play-intro .identity-home{margin-top:20px;font-size:12px}.play-intro #report-title{font-size:38px!important}.play-intro .report-lead{font-size:23px!important;margin-top:22px}.play-intro .natal-summary{font-size:14px;line-height:1.8;margin-bottom:20px}.play-hero-actions{gap:9px}.play-hero-actions button{font-size:13px;padding:13px 12px}.play-intro .fine-print{font-size:11px}.hero-keepsake{max-width:350px;justify-self:center}.orbit-keepsake{padding:23px}.hero-keepsake .star-emblem{max-width:260px}.orbit-keepsake>h3{font-size:25px!important}.scene-tabs{gap:0;justify-content:space-between}.scene-tabs button{font-size:13px;padding:13px 0}.scene-tabs button small{display:block;margin:0 0 5px;text-align:left}.scene-result{grid-template-columns:1fr;gap:20px;padding-top:20px}.scene-result h3{font-size:23px}.scene-message{padding:22px}.scene-message blockquote{font-size:18px}.identity-scenes h2{font-size:27px}.share-keepsake{max-width:290px}.share-keepsake .star-emblem{max-width:200px}.share-keepsake .orbit-keepsake>p{margin-bottom:15px!important}.share-keepsake .orbit-keepsake>h3{margin-top:10px!important}.natal-report .report-nav{gap:8px}.natal-report .report-nav button{font-size:12px}.natal-why-grid .galaxy-photo{max-width:100%}}
@media(max-width:360px){.play-hero-actions{display:grid}.play-hero-actions button{width:100%}.scene-tabs button{font-size:12px}.play-intro #report-title{font-size:34px!important}.orbit-keepsake>p{font-size:11px!important}}
.mobile-emblem{display:none}
@media(max-width:760px){.identity-title-row{display:flex;align-items:center;gap:6px}.identity-title-row h1{flex:1;min-width:0}.mobile-emblem{display:block;width:92px;flex:none;background:#354b3e;border-radius:50%}.mobile-emblem .star-emblem{width:100%;margin:0}.hero-keepsake{display:none}.play-intro .identity-material{margin-top:0}.play-intro .identity-home{margin-bottom:10px}}

.natal-card-stack{width:100%}.natal-card-face[hidden]{display:none!important}.natal-card-back{min-height:615px;padding:30px;background:#293e34;color:#e5e7d6;border:1px solid #809176;box-shadow:0 16px 32px #34433518}.card-back-kicker{font-size:10px;letter-spacing:2px;color:#c3cfb5;margin:0 0 20px}.natal-card-back h3{font-size:25px;font-weight:400;line-height:1.6;margin:0 0 10px}.card-back-identity{font-size:12px;color:#b9c9af;line-height:1.8}.card-back-axes{margin:30px 0}.card-back-axes>div{display:grid;grid-template-columns:40px 1fr 38px;align-items:center;gap:13px;margin:14px 0;font-size:12px}.card-back-axes strong{font-weight:400;text-align:right}.card-back-axes meter{margin:0;width:100%;height:6px}.card-back-axes meter::-webkit-meter-bar{background:#536349}.card-back-axes meter::-webkit-meter-optimum-value{background:#bfcca2}.card-back-method{font-size:15px;line-height:1.9}.card-back-method small{font-size:12px;color:#bbcab0}.card-back-rules{border-top:1px solid #b7c0a64a;margin-top:22px;padding-top:5px}.card-back-rules p{font-size:12px;line-height:1.9;color:#cbd2bc}.card-back-rules strong{display:block;font-weight:400;color:#eef0dd;letter-spacing:2px}.card-back-note{font-size:10px;line-height:1.8;color:#b8c4a7}.natal-card-back .text-button{color:#e2e7cd;font-size:12px}.natal-card-flip{width:100%;padding:13px 8px;background:transparent;border:1px solid #78876b60;border-top:0;color:#4d6443;font:13px inherit;cursor:pointer}.natal-card-flip:hover{background:#d3ddca55}.natal-card-flip:focus-visible{outline:2px solid #60754e;outline-offset:3px}
@media(max-width:760px){.play-intro .hero-keepsake{display:block;max-width:345px}.natal-card-back{min-height:550px;padding:25px}.natal-card-back h3{font-size:23px}.hero-keepsake>span{font-size:10px;letter-spacing:1px}.natal-card-stack .star-emblem{max-width:245px}}

.natal-card-back h3{color:#edf0dc!important}
