.result-page{--ink:#18231f;--muted:#52645d;--line:#385c5129;--mint:#277d66;--gold:#98600f;background:radial-gradient(circle at 50% 15rem,#bfd6e7cc,#0000 13rem),linear-gradient(145deg,#dcebe7 0%,#eef0e6 48%,#f5eddd 100%);width:min(100%,42rem);position:relative;overflow-x:clip}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.result-hero{text-align:center;flex-direction:column;align-items:center;min-width:0;padding:1.5rem 0 3rem;display:flex}.result-mbti{color:var(--mint);letter-spacing:.08em;margin:0;font-family:Georgia,serif;font-size:clamp(2.5rem,14vw,5rem);font-weight:900;line-height:1}.trainer-title{color:var(--muted);letter-spacing:.22em;margin:.45rem 0 1.25rem;font-size:.78rem;font-weight:900}.hero-sprite-frame{aspect-ratio:1;place-items:center;width:min(72vw,17rem);display:grid;position:relative}.hero-halo{background:radial-gradient(circle,#ffffff75,#bfd6e72e 46%,#0000 68%);border:1px solid #277d662e;border-radius:50%;position:absolute;inset:11%;box-shadow:0 0 3rem #4d6c621a}.pokemon-sprite{object-fit:contain;max-width:100%;image-rendering:pixelated;display:block}.pokemon-sprite--hero{filter:drop-shadow(0 1rem .9rem #3446402e);width:78%;height:78%;position:relative}.pokemon-sprite--party{width:4.4rem;height:4.4rem}.hero-sprite-frame--shiny .pokemon-sprite,.pokemon-sprite--shiny{animation:1s both shiny-arrival}.pokemon-silhouette{color:#7c8f88;background:#d7e3df;border-radius:48% 52% 42% 58%;flex:none;place-items:center;font-weight:900;display:grid}.pokemon-silhouette--hero{width:62%;height:62%;font-size:2.5rem;position:relative}.pokemon-silhouette--party{width:4.4rem;height:4.4rem}.partner-kicker,.section-kicker{color:var(--mint);letter-spacing:.18em;margin:0;font-size:.72rem;font-weight:900}.result-hero h1{color:var(--ink);margin:.35rem 0 0;font-family:Georgia,Songti SC,serif;font-size:clamp(2rem,11vw,3.8rem);line-height:1.08}.match-score{color:var(--ink);background:#ffffffd1;border:1px solid #ffffffb8;border-radius:999px;margin:.9rem 0 0;padding:.5rem .9rem;box-shadow:0 .4rem 1.25rem #344f4614}.match-score strong{color:var(--gold);font-size:1.35rem}.result-section{border-top:1px solid var(--line);background:#ffffffe0;min-width:0;margin-inline:-1rem;padding:2.35rem 1rem;position:relative}.result-section+.result-section{margin-top:.7rem}.section-number{color:#277d662e;margin:0;font-family:Georgia,serif;font-size:2rem;line-height:1;position:absolute;top:2.35rem;right:0}.result-section h2{max-width:15em;color:var(--ink);margin:.45rem 2.5rem 1.5rem 0;font-family:Georgia,Songti SC,serif;font-size:clamp(1.35rem,6vw,2rem);line-height:1.28}.reason-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.reason-list li{border:1px solid var(--line);background:#f8faf9;border-radius:.65rem;grid-template-columns:2.1rem minmax(0,1fr);align-items:start;gap:.65rem;padding:1rem;display:grid}.reason-list li>span{width:2.1rem;height:2.1rem;color:var(--mint);background:var(--mint-soft,#dcebe6);border-radius:.6rem;place-items:center;font-family:Georgia,serif;font-weight:900;display:grid}.reason-list p{color:#35423e;margin:0;line-height:1.65}.party-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;display:grid}.party-grid>[role=listitem]{min-width:0}.party-member{border:1px solid var(--line);width:100%;min-width:0;min-height:8.9rem;color:var(--ink);cursor:pointer;background:#f8faf9;border-radius:.6rem;flex-direction:column;align-items:center;padding:.55rem .25rem .65rem;display:flex;position:relative}.party-member:hover{border-color:var(--mint);background:#edf6f2}.party-member--shiny{border-color:#c589228c;box-shadow:inset 0 0 1.6rem #c5892214}.party-sprite-frame{place-items:center;width:4.5rem;height:4.5rem;display:grid;position:relative}.party-member strong{overflow-wrap:anywhere;max-width:100%;margin-top:.15rem;font-size:.82rem}.member-role{color:var(--mint);margin-top:.18rem;font-size:.68rem}.shiny-label{color:#fff;background:var(--gold);border-radius:999px;margin-top:.3rem;padding:.1rem .28rem;font-size:.56rem;font-weight:900}.shiny-stars{color:var(--gold);animation:1s both star-reveal;position:absolute;top:.15rem;right:.2rem}.party-hint{color:var(--muted);text-align:center;margin:.85rem 0 0;font-size:.74rem}.shiny-skip{margin:.65rem auto 0;display:block}.dimension-list,.trait-grid,.conclusion-list{gap:1rem;display:grid}.dimension-copy,.trait>div:first-child{color:#35423e;justify-content:space-between;align-items:center;gap:.35rem;min-width:0;font-size:.76rem;font-weight:800;display:flex}.dimension-copy em{color:var(--gold);white-space:nowrap;border:1px solid #c5892259;border-radius:999px;padding:.15rem .35rem;font-size:.58rem;font-style:normal}.spectrum-track,.trait-track{background:#dbe5e1;border-radius:999px;height:.42rem;margin-top:.4rem;overflow:hidden}.spectrum-track>span,.trait-track>span{border-radius:inherit;background:linear-gradient(90deg, #4aa88c, var(--gold));height:100%;display:block}.trait-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem}.trait strong{color:var(--gold)}.conclusion-list article{border-left:2px solid var(--mint);padding-left:1rem}.conclusion-list span{color:var(--gold);letter-spacing:.12em;font-size:.75rem;font-weight:900}.conclusion-list p{color:#46544f;margin:.45rem 0 0;line-height:1.8}.result-actions{border-top:1px solid var(--line);text-align:center;background:#ffffffe0;margin-inline:-1rem;padding:2.2rem 1rem 3.5rem}.result-actions .primary-button:disabled{cursor:not-allowed;filter:saturate(.55);opacity:.7}.share-card-actions{justify-items:center;gap:.7rem;display:grid}.share-card-status{min-height:1.2em}.share-card-fallback{border:2px solid var(--mint);width:min(100%,25rem);color:var(--ink);text-align:left;background:#f8faf9;border-radius:.85rem;padding:1.35rem}.share-card-fallback p{margin:.65rem 0 0;line-height:1.65}.share-card-fallback p:first-child{margin-top:0}.share-card-fallback__mbti{color:var(--gold);letter-spacing:.08em;text-align:center;font-family:Georgia,Songti SC,serif;font-size:2.4rem;font-weight:900}.share-card-fallback__title,.share-card-fallback__traits{color:var(--mint);font-weight:900}.share-card-fallback__partner{color:var(--gold);font-weight:900}.result-actions p{color:var(--muted);margin:.7rem 0 0;font-size:.7rem}.member-dialog-backdrop{z-index:10;-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem);background:#1c28249e;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.member-dialog{width:min(100%,26rem);max-height:calc(100vh - 2rem);color:var(--ink);background:#fbfcfb;border:1px solid #277d6640;border-radius:.85rem;padding:1.4rem;position:relative;overflow-y:auto;box-shadow:0 1.5rem 4rem #1c282447}.dialog-close{width:44px;height:44px;color:var(--ink);cursor:pointer;background:#e8f0ed;border:0;border-radius:50%;place-items:center;font-size:1.35rem;display:grid;position:absolute;top:.75rem;right:.75rem}.member-dialog-sprite{place-items:center;width:6rem;height:6rem;margin:0 auto .8rem;display:grid}.member-dialog h2{margin:.25rem 0 0;font-family:Georgia,Songti SC,serif;font-size:2rem}.dialog-shiny-label{color:var(--gold);margin:.35rem 0;font-size:.72rem;font-weight:900}.member-facts{border-block:1px solid var(--line);margin:1.2rem 0;padding:0;list-style:none}.member-facts li{justify-content:space-between;gap:1rem;min-width:0;padding:.7rem 0;display:flex}.member-facts li+li{border-top:1px solid var(--line)}.member-facts span{color:var(--muted)}.member-facts strong{overflow-wrap:anywhere;text-align:right}.joining-reason h3{color:var(--mint);margin:0;font-size:.82rem}.joining-reason p{color:#46544f;margin:.55rem 0 0;line-height:1.7}@keyframes shiny-arrival{0%{opacity:0;filter:brightness(2.1)drop-shadow(0 0 .7rem #fff2a8);transform:scale(.78)}55%{opacity:1;filter:brightness(1.35)drop-shadow(0 0 1rem #ffdc71);transform:scale(1.08)}to{filter:brightness()drop-shadow(0 0 #0000);transform:scale(1)}}@keyframes star-reveal{0%{opacity:0;transform:rotate(-45deg)scale(.3)}55%{opacity:1;transform:rotate(18deg)scale(1.4)}to{opacity:1;transform:rotate(0)scale(1)}}@media (width>=34rem){.result-section,.result-actions{margin-inline:-1.5rem;padding-inline:1.5rem}.party-grid{gap:.75rem}.party-member{padding-inline:.6rem}.trait-grid{column-gap:1.5rem}}@media (prefers-reduced-motion:reduce){.hero-sprite-frame--shiny .pokemon-sprite,.pokemon-sprite--shiny,.shiny-stars{animation:none}}:root{--canvas:#f3f5f4;--ink:#18231f;--muted:#52645d;--mint:#277d66;--mint-soft:#dcebe6;--gold:#98600f;--cta:#2f8069;--cta-hover:#28705b;--cta-shadow:#1d5746;color:var(--ink);background:var(--canvas);font-synthesis:none;text-rendering:optimizelegibility;font-family:PingFang SC,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--canvas);min-width:320px}body{background:radial-gradient(circle at 50% 0,#cbe1db85,#0000 38rem),linear-gradient(#f7f8f7 0%,#eef1ef 100%);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button{font:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #277d66}.page{width:min(100%,36rem);min-height:100vh;padding:max(1.25rem, env(safe-area-inset-top)) 1rem max(1.5rem, env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 30%,#c9dce9b8,#0000 17rem),linear-gradient(145deg,#dcebe7 0%,#eef0e6 52%,#f5eddd 100%);margin:0 auto}.eyebrow{color:var(--mint);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .7rem;font-size:.78rem;font-weight:800}.welcome-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.welcome-hero{aspect-ratio:16/9;background:var(--mint-soft);border:1px solid #277d6657;border-radius:.8rem;flex-shrink:0;width:100%;margin:0 0 1.35rem;overflow:hidden;box-shadow:0 .75rem 1.65rem #31514729}.welcome-hero img{object-fit:cover;width:100%;height:100%;display:block}.pixel-orbit,.transition-glyph{width:4.75rem;height:4.75rem;color:var(--gold);background:#ffffff52;border:2px solid #277d666b;border-radius:50%;place-items:center;margin-bottom:1.5rem;font-size:2rem;display:grid;box-shadow:0 0 0 .55rem #277d660f,0 1rem 2.5rem #344f461f}.welcome-page h1,.transition-page h1{max-width:11em;color:var(--ink);letter-spacing:-.035em;margin:0;font-family:Georgia,Songti SC,serif;font-size:clamp(2rem,9vw,3.4rem);line-height:1.12}.lede,.transition-page>p:not(.eyebrow){max-width:30rem;color:var(--muted);margin:1.2rem auto 0;line-height:1.75}.journey-facts{border-block:1px solid #385c5129;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin:2rem 0;padding:.9rem 0;list-style:none;display:grid}.journey-facts li{flex-direction:column;gap:.2rem;min-width:0;padding:.25rem;display:flex}.journey-facts li+li{border-left:1px solid #385c5129}.journey-facts strong{color:var(--gold);font-size:1.05rem}.journey-facts span,.privacy-note{color:var(--muted);font-size:.75rem}.primary-button,.text-button,.back-button,.option-button{cursor:pointer;border:0;min-height:44px}.primary-button{color:#fff;background:var(--cta);width:100%;box-shadow:0 .26rem 0 var(--cta-shadow), 0 .7rem 1.4rem #277d6629;border:1px solid #236453;border-radius:.55rem;padding:.85rem 1.25rem;font-weight:900;transition:background-color .16s,box-shadow .16s,transform .16s}.primary-button:hover:not(:disabled){background:var(--cta-hover);box-shadow:0 .3rem 0 var(--cta-shadow), 0 .85rem 1.6rem #277d6633;transform:translateY(-.04rem)}.primary-button:focus-visible{box-shadow:0 0 0 .32rem var(--cta-shadow), 0 .26rem 0 var(--cta-shadow), 0 .7rem 1.4rem #277d6629;outline-color:#fff}.primary-button:active{box-shadow:0 .08rem 0 var(--cta-shadow), 0 .3rem .7rem #277d6624;transform:translateY(.18rem)}.start-button{max-width:22rem}.text-button{color:var(--mint);text-underline-offset:.25em;background:0 0;padding:.7rem 1rem;text-decoration:underline}.privacy-note{margin:1.4rem 0 0}.recovery-card{background:#ffffff9e;border:1px solid #277d6633;border-radius:.8rem;width:100%;padding:1.2rem;box-shadow:0 1.1rem 3rem #344f461a}.recovery-card h2{margin:0;font-size:1.2rem}.recovery-card p{color:var(--muted);line-height:1.6}.button-stack{gap:.4rem;display:grid}.incompatible-card h1{max-width:none;font-size:2rem}.quiz-page{flex-direction:column;display:flex}.quiz-header{min-height:44px;color:var(--mint);letter-spacing:.08em;justify-content:space-between;align-items:center;font-size:.82rem;font-weight:800;display:flex}.back-button{color:var(--ink);background:0 0;padding:.5rem}.back-button:disabled{cursor:default;opacity:.32}.progress-track{background:#277d6624;border-radius:999px;width:100%;height:.35rem;margin:.55rem 0 1.2rem;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#4aa88c,#d8a43c);height:100%;transition:width .22s;display:block}.question-card{width:100%;min-width:0}.scene-frame{aspect-ratio:16/9;background:#d8e5e1;border:1px solid #375a4f2e;border-radius:.7rem;width:100%;position:relative;overflow:hidden;box-shadow:0 1rem 2rem #344f461f}.scene-frame img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block}.scene-frame span{color:#f7f4e8;background:#071424d1;border-radius:.25rem;padding:.28rem .5rem;font-size:.72rem;position:absolute;bottom:.6rem;right:.65rem}.question-count{color:var(--gold);margin:1.2rem 0 .35rem;font-size:.78rem;font-weight:800}.question-card h1{color:var(--ink);overflow-wrap:anywhere;margin:0;font-family:Georgia,Songti SC,serif;font-size:clamp(1.55rem,7vw,2.25rem);line-height:1.28}.question-context{color:var(--muted);margin:.65rem 0 1.25rem;line-height:1.65}.option-list{gap:.7rem;display:grid}.option-button{width:100%;min-width:0;color:var(--ink);text-align:left;overflow-wrap:anywhere;background:#ffffffd6;border:1px solid #375a4f2e;border-radius:.55rem;grid-template-columns:2rem minmax(0,1fr) 1.2rem;align-items:center;gap:.65rem;padding:.85rem .8rem;display:grid;box-shadow:0 .35rem 1rem #344f460f}.option-button:hover:not(:disabled){background:#edf6f2;border-color:#277d668c}.option-button[aria-pressed=true]{color:var(--ink);background:#fff7dc;border-color:#c58b24;box-shadow:inset 0 0 0 1px #c58b2457}.option-marker{width:2rem;height:2rem;color:var(--mint);border:1px solid #277d6661;border-radius:.35rem;place-items:center;font-size:.78rem;font-weight:900;display:grid}.selection-mark{color:var(--gold);text-align:center;font-weight:900}.transition-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;animation:.52s both scene-arrival;display:flex}.transition-page h1{color:var(--ink)}.transition-page .primary-button{max-width:22rem;margin-top:2rem}.reveal-orb{background:linear-gradient(#d96355 0 46%,#263c52 46% 54%,#f4ecda 54%);border:3px solid #18231fd6;border-radius:50%;width:7rem;height:7rem;margin-bottom:2rem;animation:1s ease-in-out infinite alternate reveal-pulse;position:relative;box-shadow:0 0 0 .7rem #c58b2414,0 0 2.8rem #277d662e}.reveal-orb span{background:#ffdc71;border:3px solid #263c52;border-radius:50%;width:1.5rem;height:1.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reveal-skip{margin-top:1rem}@keyframes scene-arrival{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}@keyframes reveal-pulse{to{transform:scale(1.04);box-shadow:0 0 0 1rem #ffdc710a,0 0 4rem #ffdc7180}}@media (width>=34rem){.page{border:1px solid #385c511f;border-radius:1.8rem;min-height:calc(100vh - 4rem);margin-block:2rem;padding-inline:1.5rem;box-shadow:0 2rem 5rem #344f4626}.question-card{padding-bottom:2rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}