/* MaanDao playroom — original illustrations, cream paper and violet skies. */
.play-hub-hero{position:relative;display:flex;align-items:center;min-height:280px;overflow:hidden;border:1px solid #c3a8dc4a;border-radius:24px;background:#3a2553;margin-bottom:30px}.play-hub-hero>div{z-index:1;padding:38px;width:65%;background:linear-gradient(90deg,#30203fee,#30203f00)}.play-hub-hero h2{font-family:'Noto Serif Thai',serif;font-size:32px;font-weight:400;line-height:1.7;margin:12px 0}.play-hub-hero p{color:#e6d8ed;line-height:1.9}.play-hub-hero>img{position:absolute;right:0;top:0;width:65%;height:100%;object-fit:cover;opacity:.8;mask-image:linear-gradient(90deg,transparent,#000 35%)}.play-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.play-tile{border:1px solid #b393cf40;background:#2a1d38;border-radius:19px;overflow:hidden;text-align:left;padding:0;color:inherit;cursor:pointer;transition:transform .25s,border-color .25s,box-shadow .25s}.play-tile:hover{transform:translateY(-5px);border-color:#cdb0e6;box-shadow:0 12px 32px #11081d60}.play-tile>img{width:100%;aspect-ratio:1.45;object-fit:cover;display:block}.play-tile-copy{display:flex;flex-direction:column;gap:9px;padding:21px}.play-tile-copy small{color:#d1b493;font-size:10px}.play-tile-copy strong{font-family:'Noto Serif Thai',serif;font-size:20px;font-weight:500;color:#f5e9dc}.play-tile-copy>span{color:#c1b1cd;font-size:12px;line-height:1.8;min-height:44px}.play-tile-copy b{color:#dcc4ef;font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:space-between}.play-note{font-size:11px;line-height:1.9;color:#bdaacb;margin:23px 0}.play-intro{display:grid;grid-template-columns:1fr 1.2fr;gap:35px;align-items:center;background:#eee4da;color:#36243f;border-radius:24px;padding:28px}.play-intro-art{width:100%;aspect-ratio:1;object-fit:cover;border-radius:17px}.play-intro h2{font:500 25px/1.7 'Noto Serif Thai',serif;margin:12px 0}.play-intro p,.play-intro li{font-size:13px;line-height:1.9}.play-intro ol{padding-left:20px}.play-intro .play-note{color:#735f7b}.play-intro .eyebrow{color:#83668e}.play-intro .btn{margin:6px 8px 0 0;background:#805d46;border-color:#805d46;color:#fff8ee}.play-intro .btn:hover{background:#6c4d39;border-color:#6c4d39;color:#fff8ee}.play-intro .btn:focus-visible{outline-color:#805d46}.question-panel,.play-form{max-width:760px;margin:auto;background:linear-gradient(145deg,#352347,#261b35);border:1px solid #bca0d044;padding:34px;border-radius:22px}.question-panel h2,.play-form h2,.image-question{font:400 23px/1.9 'Noto Serif Thai',serif;color:#f1e4dc;margin:24px 0}.play-progress{display:flex;gap:20px;align-items:center;color:#cdb7e1;font-size:12px}.play-progress progress{flex:1;height:5px;accent-color:#d6b9ee}.play-options{display:grid;gap:12px}.play-options .choice-option{display:flex;align-items:center;gap:14px;text-align:left;line-height:1.8;padding:17px 20px;border-radius:13px;border:1px solid #aa88c53b;background:#291d39;color:#e0d2eb;font-size:14px;cursor:pointer;transition:background .2s,border-color .2s}.play-options .choice-option>span{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;background:#b998da1f;color:#d8bde8;font:18px serif}.play-options .choice-option[aria-pressed=true]{background:#4a345c;border-color:#d3b4ec;color:#fff2e0}.play-options .icon{margin-left:auto;flex-shrink:0}.play-step-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:28px}.story-art{width:100%;height:230px;object-fit:cover;border-radius:14px;margin:25px 0}.story-body{font-size:15px;line-height:2.2;color:#decfe8}.story-feedback{padding:20px;background:#efe4d9;color:#493354;border-radius:13px;margin-top:22px;line-height:1.9;font-size:14px;animation:soft-appear .3s ease-out}.play-form .btn{margin-top:22px}.play-form>p{color:#c8b5d6;line-height:1.9}.play-form .field{margin-top:18px}.play-form label{display:block}.image-question{text-align:center;margin:28px auto;max-width:700px}.image-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:850px;margin:auto}.image-choice{padding:0;overflow:hidden;border:1px solid #b699cf5c;border-radius:18px;background:#2e203d;color:#f0e2f5;text-align:left;cursor:pointer;transition:transform .25s,box-shadow .25s}.image-choice:hover{transform:translateY(-4px);box-shadow:0 10px 30px #140c2055}.image-choice img{width:100%;aspect-ratio:1.15;object-fit:cover;display:block}.image-choice>span{padding:18px;display:flex;align-items:center;justify-content:space-between;font-size:14px}.play-result{max-width:920px;margin:auto}.play-result-cover{display:grid;grid-template-columns:240px 1fr;gap:30px;align-items:center;background:#efe5db;border-radius:23px;overflow:hidden;padding:24px;color:#392443}.play-result-cover>img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px}.play-result-cover h2{font:500 28px/1.8 'Noto Serif Thai',serif;margin:14px 0}.play-result-cover .eyebrow{color:#8d719a}.play-result-cover blockquote{color:#7d5f8c;border-left:2px solid #c3a5d3;padding:0 15px;margin:20px 0;font-size:14px;line-height:2}.play-result-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0}.play-result-card{padding:25px;border:1px solid #b69bcb38;background:#2c203a;border-radius:16px}.play-result-card h3{color:#e9d8bf;font:400 17px/1.8 'Noto Serif Thai',serif;margin:0 0 12px}.play-result-card p{font-size:13px;line-height:2.1;color:#d0bfdc;white-space:pre-line;margin:0}.reflection-field{display:block;background:#372645;border:1px solid #ad8bc33b;border-radius:17px;padding:23px}.reflection-field textarea{margin-top:12px}.play-result-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:23px}.share-card-preview{max-width:270px;height:auto;border-radius:14px;margin:20px auto;display:block}.play-book{background:#2c2039;border:1px solid #a78abd35;border-radius:20px;padding:26px}.play-book h2{font:400 23px 'Noto Serif Thai',serif;color:#ecd9bd;margin:20px 0}.play-book h2 small{font:11px 'Noto Sans Thai',sans-serif;color:#b99fc9}.play-book-row{display:flex;gap:12px;align-items:center;border-bottom:1px solid #a98cc12a;padding:20px 0}.play-book-row>div{flex:1}.play-book-row h3{font-weight:400;font-size:15px;margin:9px 0}.play-book-row small{font-size:10px;color:#bca6cc}.mission-stage,.mission-open{max-width:800px;margin:auto;text-align:center;padding:35px;border:1px solid #b69ad03d;background:radial-gradient(ellipse at top,#513466 0,#281c35 75%);border-radius:24px}.mission-stage h2,.mission-open h2{font:400 29px/1.8 'Noto Serif Thai',serif;color:#f5e8d3;margin:20px 0}.mission-stage>p{font-size:14px;color:#d6c0e4;line-height:2}.mission-deck{display:flex;gap:24px;justify-content:center;max-width:580px;margin:35px auto;perspective:900px}.mission-choice{width:30%;max-width:170px;padding:0;border:0;background:none;color:#dac9e7;cursor:pointer;transition:transform .3s}.mission-choice:hover{transform:translateY(-10px) rotate(2deg)}.mission-choice img{width:100%;border-radius:12px;box-shadow:0 12px 25px #160b2380;display:block;margin-bottom:16px}.mission-choice span{font-size:12px}.mission-zone{text-align:left;max-width:430px;margin:25px auto;font-size:12px;color:#c9b7d8}.mission-zone form{display:flex;gap:10px;align-items:end;margin:15px 0}.mission-zone input{margin-top:10px}.mission-symbol{font:80px serif;color:#e1c18e;line-height:1.5}.mission-message{font:400 20px/2.1 'Noto Serif Thai',serif;color:#eedff6;max-width:590px;margin:22px auto}.mission-task{background:#f0e5d7;border-radius:16px;padding:25px;color:#47304f;text-align:left;margin:25px 0}.mission-task small{color:#8f6f98}.mission-task p{font-size:16px;line-height:2;margin-bottom:0}.mission-open>p{line-height:2}.mission-open blockquote{font-family:'Noto Serif Thai',serif;color:#e1c18e;font-size:19px;line-height:2;margin:30px 0}.mission-open form{text-align:left}.completion-options{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.completion-options label{display:flex;gap:9px;align-items:center;background:#ab86cb17;border:1px solid #bca0d344;border-radius:24px;padding:10px 15px;font-size:12px;cursor:pointer}.completion-options label:has(input:checked){background:#6e4c85;border-color:#dcc2ed}.play-entry{display:flex;gap:24px;align-items:center;border:1px solid #bd9dce55;border-radius:18px;overflow:hidden;background:#eee3d6;color:#40294c;margin:26px 0;text-decoration:none}.play-entry>img{width:145px;height:140px;object-fit:cover}.play-entry>div{flex:1;padding:15px 0}.play-entry h2{font:500 23px 'Noto Serif Thai',serif;margin:7px 0}.play-entry p{font-size:12px;color:#7c6489;line-height:1.9}.play-entry>.icon{margin-right:30px}.play-entry .eyebrow{color:#927299}.natal-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:25px}.natal-identity{border:1px solid #bda1d354;background:#352543;border-radius:18px;padding:23px;color:#eadcf3}.natal-identity>small{font-size:13px;color:#ceb6df}.natal-identity>div{display:flex;gap:12px;align-items:center;margin-top:15px}.natal-identity strong{font:500 29px/1.5 'Noto Serif Thai',serif}.natal-glyph{font-size:36px;color:#d5b2ef}.natal-identity p{font-size:14px;margin:8px 0}.natal-identity>span{font-size:10px;color:#bda7cc}.asc-identity{background:#f0e4d3;border-color:#f0e4d3;color:#472d50}.asc-identity>small{color:#806089}.asc-identity .natal-glyph{color:#89659d}.asc-identity>span{color:#8d7193}.natal-wheel-wrap{max-width:590px;margin:auto}.natal-chart-readable{width:100%;max-width:590px!important;height:auto;display:block;margin:10px auto}.wheel-lines{fill:none;stroke:#bda4d1;stroke-width:.8;opacity:.4}.wheel-sign{fill:#eadcf3;font-family:serif;font-size:24px}.wheel-sign-name{fill:#c5afd6;font-family:'Noto Sans Thai',sans-serif;font-size:10px}.wheel-house{fill:#ae91c3;font-size:11px}.wheel-planet path{stroke:#bd98d6;stroke-width:.8;opacity:.6}.wheel-planet circle{fill:#d1afe5}.wheel-planet .wheel-planet-bg{fill:#453055;stroke:#9672b2;stroke-width:1}.wheel-planet-symbol{fill:#f0e4f5;font-size:18px;font-family:serif}.wheel-planet.is-selected .wheel-planet-bg{fill:#b18bce;stroke:#ffdfac;stroke-width:2}.wheel-planet.is-selected .wheel-planet-symbol{fill:#261832}.wheel-asc path{stroke:#edc787;stroke-width:2}.wheel-asc circle{fill:#f3cc88}.wheel-center-label{fill:#c7a8dc;font-size:12px;font-family:'Noto Sans Thai',sans-serif}.wheel-center-sign{fill:#f4dfb7;font:22px 'Noto Serif Thai',serif}.wheel-center-degree{fill:#ccb4dc;font:10px 'Noto Sans Thai',sans-serif}.wheel-guide{font-size:11px!important;color:#c6afd6!important;line-height:1.9}.natal-legend{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:20px 0}.natal-legend button{border:1px solid #a688bd54;border-radius:20px;color:#d7c5e5;padding:8px 13px;background:#342244;font-size:11px;cursor:pointer;transition:background .2s}.natal-legend button span{font:17px serif;margin-right:7px}.natal-legend button[aria-pressed=true]{background:#68507d;border-color:#d7b9ee;color:#fff0dc}.natal-planet-detail{background:#453050;border:1px solid #b18bc63b;padding:17px;border-radius:13px;text-align:left}.natal-planet-detail strong{color:#efdbbb;font-size:14px;font-weight:500}.natal-planet-detail p{font-size:12px!important;margin:9px 0 0!important;text-align:left!important}.draw-card{backface-visibility:hidden;transform-style:preserve-3d}.btn[aria-busy=true]{opacity:.65;pointer-events:none}.btn[aria-busy=true] .icon{animation:button-spin 1s linear infinite}.btn,button,a[data-route],summary{touch-action:manipulation}dialog[open]{animation:soft-appear .2s ease-out}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #f0cc93;outline-offset:4px}.theme-choice:has(input:checked),.choice-option:has(input:checked){transition:background .2s,border-color .2s,box-shadow .2s}.mobile-nav{grid-template-columns:repeat(7,minmax(0,1fr))!important}@keyframes button-spin{to{rotate:360deg}}@keyframes soft-appear{from{opacity:0}to{opacity:1}}
@media(max-width:1100px){.play-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.natal-identity{padding:18px}.natal-identity strong{font-size:25px}}
@media(max-width:700px){.play-hub-hero{min-height:260px;border-radius:18px}.play-hub-hero>div{padding:24px;width:85%}.play-hub-hero h2{font-size:26px}.play-hub-hero>img{width:85%;opacity:.5}.play-grid{gap:13px}.play-tile{border-radius:14px}.play-tile-copy{padding:14px;gap:7px}.play-tile-copy strong{font-size:17px}.play-tile-copy small{font-size:8px;line-height:1.8}.play-tile-copy>span{font-size:10px}.play-tile-copy b{font-size:10px}.play-intro{grid-template-columns:1fr;gap:23px;padding:20px}.play-intro-art{aspect-ratio:1.7}.play-intro h2{font-size:22px}.question-panel,.play-form{padding:22px 18px}.question-panel h2,.play-form h2,.image-question{font-size:21px}.play-options .choice-option{padding:14px 12px;font-size:13px;gap:10px}.play-step-actions{flex-wrap:wrap;gap:8px}.play-step-actions>span{order:3;width:100%;text-align:center;font-size:10px}.image-choice-grid{gap:13px}.image-choice img{aspect-ratio:1}.image-choice>span{font-size:11px;padding:12px}.image-choice .icon{width:15px;flex-shrink:0}.play-result-cover{grid-template-columns:1fr;gap:18px;padding:20px}.play-result-cover>img{aspect-ratio:1.8}.play-result-cover h2{font-size:24px}.play-result-sections{grid-template-columns:1fr;gap:12px}.play-result-card{padding:21px}.play-result-actions{gap:10px}.play-result-actions .btn{font-size:11px;flex:1;white-space:nowrap}.play-book{padding:18px}.play-book-row{flex-wrap:wrap}.play-book-row>div{flex:1 0 100%}.mission-stage,.mission-open{padding:24px 18px}.mission-stage h2,.mission-open h2{font-size:23px}.mission-deck{gap:13px}.mission-choice img{border-radius:8px}.mission-message{font-size:18px}.mission-task{padding:20px}.mission-task p{font-size:14px}.completion-options{gap:8px}.completion-options label{font-size:11px;padding:10px}.play-entry{gap:17px}.play-entry>img{width:90px;height:136px}.play-entry h2{font-size:20px}.play-entry p{font-size:10px;margin:6px 0}.play-entry>.icon{margin-right:15px;width:18px}.play-entry .eyebrow{font-size:8px}.natal-summary{grid-template-columns:1fr 1fr;gap:12px}.natal-identity{padding:18px}.natal-identity:first-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center}.natal-identity:first-child>div{grid-column:2;grid-row:1/3;margin:0}.natal-identity:first-child>span{grid-column:1/-1;margin-top:6px}.natal-identity strong{font-size:24px}.natal-identity:not(:first-child) strong{font-size:21px}.natal-identity>small{font-size:11px}.natal-identity p{font-size:12px}.natal-identity>span{font-size:9px}.natal-glyph{font-size:31px}.natal-legend{gap:6px}.natal-legend button{padding:7px 10px}.natal-chart-readable{width:calc(100% + 26px);max-width:none!important;margin-left:-13px}.mobile-nav>a span{font-size:8px!important}.mobile-nav>a{min-width:0;padding-inline:1px!important}.story-art{height:190px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.play-tile:hover,.image-choice:hover,.mission-choice:hover{transform:none}}

.identity-chart-link{display:inline-flex;margin-top:22px;color:#79558b;font-size:12px;text-decoration:none;padding:8px 0;border-bottom:1px solid #9c7aaa55}.identity-chart-link:hover{color:#452a57}.natal-chart-readable{max-height:none!important}.wheel-sign{font-variant-emoji:text}

.natal-zoom-button{display:block;margin:15px auto}.natal-zoom-viewport{overflow:auto;max-height:65svh;margin-top:20px;background:#30223d;border-radius:13px}.natal-chart-enlarged{min-width:650px;width:650px;max-height:none!important;margin:0!important}.natal-chart-enlarged .wheel-sign-name{font-size:12px}.natal-chart-enlarged .wheel-house{font-size:13px}