@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap');
:root{font-family:'Noto Sans JP',sans-serif;color:#422113;background:#fffaf2;font-synthesis:none;--orange:#ed5b13;--muted:#836e5c;--line:#eadfce}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #a84817;outline-offset:4px}button:disabled{cursor:default}header{max-width:1200px;margin:auto;padding:24px 36px;display:flex;align-items:center;justify-content:space-between;border-top:4px solid var(--orange)}.logo{font:bold 44px Georgia,serif;letter-spacing:-2px}.logo span{display:block;font:700 10px 'Noto Sans JP';letter-spacing:3px;text-align:center}nav{display:flex;gap:28px;align-items:center;font-size:13px;font-weight:700}.language{background:var(--orange);color:white;border-radius:30px;padding:8px 18px}section{max-width:1120px;margin:auto;padding:72px 24px}h1,h2,h3,p{margin:0}h1{font-size:clamp(38px,4.3vw,62px);line-height:1.45;font-weight:900;letter-spacing:-2px}h1 span{color:var(--orange);display:block}h2{font-size:30px;font-weight:900;line-height:1.6}p{line-height:2;font-size:16px;margin:22px 0}.eyebrow{display:inline-block;font-weight:700;font-size:11px;letter-spacing:2.4px;color:#b75326;margin-bottom:18px}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:650px;align-items:center;gap:20px;padding-top:36px;padding-bottom:84px}.hero-copy .eyebrow{border:1px solid #edb58d;border-radius:50px;padding:8px 20px}.hero-copy p{color:#72523e}.hero-art{width:100%}.hero-art>img{display:block;width:100%;height:auto;mask-image:none;mix-blend-mode:normal;opacity:1;filter:none}.primary{border:0;border-radius:50px;background:var(--orange);color:white;padding:19px 30px;font-size:18px;font-weight:900;box-shadow:0 5px 0 #c44508;transition:transform .2s,background .2s;min-width:260px;display:inline-flex;align-items:center;justify-content:center;gap:35px}.primary:hover{background:#db4b0a;transform:translateY(-2px)}.primary:disabled{background:#ae9a85;box-shadow:none;transform:none}.primary b{font-size:25px}small{display:block;color:var(--muted);line-height:1.9;font-size:12px;margin-top:16px}.intro{text-align:center;background:#fff0dc;border-radius:36px}.comparison{max-width:760px;margin:30px auto;position:relative;overflow:hidden;border-radius:24px}.comparison img{width:100%;display:block}.comparison span{position:absolute;bottom:18px;background:#fff6e5;padding:8px 20px;border-radius:50px;font-size:22px;font-weight:900;left:8%}.comparison span:last-child{left:auto;right:7%}.intro>p{color:#72523e}#types{text-align:center;padding-top:90px}.type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:35px}.type-grid article{border-radius:24px;background:#fff5e7;padding:12px 12px 24px;border:1px solid #eedfcd;display:flex;flex-direction:column;align-items:center;transition:transform .2s}.type-grid article:hover{transform:translateY(-4px)}.type-grid article:nth-child(4n+2){background:#f0f3e5}.type-grid article:nth-child(4n+3){background:#edf4f7}.type-grid article:nth-child(4n){background:#f7edf3}.character{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;mix-blend-mode:normal;mask-image:none;border-radius:18px}.type-grid strong{font-size:20px;margin-top:12px}.type-grid small{margin:5px}.quiz{max-width:820px;text-align:center;padding-top:25px}.progress-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.progress-label b{color:var(--orange);font-size:24px}.track{height:7px;background:#eadfce;border-radius:20px;overflow:hidden}.track>div{height:100%;background:#f18740;border-radius:20px}.quiz>.eyebrow{margin-top:36px;margin-bottom:16px}.quiz h2{font-size:27px}.quiz>p{color:var(--muted);margin:10px 0 25px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.choice{padding:0;border:3px solid transparent;border-radius:24px;overflow:hidden;background:#fffdf9;box-shadow:0 6px 24px #72420e0c;transition:border-color .15s,transform .15s}.choice:hover{transform:translateY(-3px);border-color:#efc29e}.photo{aspect-ratio:1;background-size:200% 100%}.choice span{display:flex;gap:10px;align-items:center;justify-content:center;padding:18px 12px;font-size:16px;line-height:1.7;font-weight:700;min-height:88px}.choice i{font-style:normal;font-size:11px;border:1px solid #dac9b5;border-radius:50%;padding:3px 7px}.selected{border-color:var(--orange)!important;background:#fff0dc!important}.alternatives{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px}.alternatives button{border:1px solid #d8c6b3;border-radius:16px;padding:17px 12px;background:#fffdf9;font-size:13px}.text-button{border:0;background:transparent;color:#8b5f40;padding:12px;font-size:13px}.result{max-width:1040px;padding-top:30px}.result-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:28px;align-items:center;background:#fff1db;border:1px solid #efdfc9;border-radius:32px;padding:38px 42px}.result-hero .eyebrow{margin-bottom:8px}.result-kicker{font-size:13px;color:var(--muted);margin:0 0 20px}.result-hero h1{font-size:60px;line-height:1.3}.result-hero h2{font-size:19px;margin-top:12px}.result-hero p:not(.result-kicker){font-size:14px}.result-hero>.character{max-width:320px;justify-self:center}.type-code{letter-spacing:5px;color:var(--orange);font-weight:900;font-size:12px;margin-bottom:6px}.notice{padding:10px 14px;border-radius:12px;background:#fffbf4}.result-section{padding:64px 0 0}.section-lead{color:var(--muted);font-size:14px;margin:14px 0 28px}.group-label{font-size:16px;margin:30px 0 16px;display:flex;gap:15px;align-items:center}.group-label span{font-size:10px;letter-spacing:2px;color:#a68c74}.factor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.factor-card{background:#fffdf9;border:1px solid var(--line);padding:19px;border-radius:18px}.factor-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.factor-heading h3{font-size:14px}.factor-heading>span{font-size:24px;font-weight:700;color:#b85121;white-space:nowrap}.factor-heading small{display:inline;font-size:10px;margin-left:4px;font-weight:400}.factor-card p{font-size:11px;color:var(--muted);margin:6px 0 16px;line-height:1.8;min-height:20px}.factor-meter{height:7px;position:relative;background:#efe7dd;border-radius:20px}.factor-meter i{display:block;background:#ed965e;height:100%;border-radius:20px}.factor-meter b{position:absolute;left:50%;width:1px;background:#a38d77;top:-3px;height:13px}.factor-caption{display:flex;justify-content:space-between;font-size:9px;color:#97816c;margin-top:8px}.factor-caption span:nth-child(2){color:#805138;font-weight:700}.evidence{font-size:10px;margin-top:12px}.prediction-section{margin-top:15px}.prediction-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.prediction-card{border:1px solid #eed6bc;background:#fff4e5;padding:24px;border-radius:22px}.card-number{color:#b56e39;letter-spacing:2px;font-size:10px;font-weight:700}.prediction-card p{font-size:14px;margin:16px 0 22px;line-height:2.1}.prediction-card p>span{color:#80654f}.prediction-card strong{color:#c24c10;font-size:18px;font-weight:900;margin-right:4px}.feedback{display:flex;gap:10px}.feedback button{background:#fffdf9;border:1px solid #dfc9b3;border-radius:40px;padding:11px 18px;font-size:13px;flex:1;transition:background .15s}.feedback button[aria-pressed=true]{background:#47301f;border-color:#47301f;color:white}.feedback button:disabled{cursor:default}.submit-panel{text-align:center;margin-top:28px;padding:28px;background:#f5eee3;border-radius:22px}.submit-panel>p{font-size:12px;color:var(--muted);margin:0 0 16px}.submit-panel #save-status{margin:18px auto 0;max-width:450px;line-height:1.8}.result-end{text-align:center;margin:65px 0 0}.result-end h2{font-size:20px}footer{text-align:center;border-top:1px solid var(--line);padding:35px 20px;font-size:12px;color:var(--muted)}footer small{font-size:10px}
@media(max-width:850px){.factor-grid{grid-template-columns:repeat(2,1fr)}.result-hero{padding:28px}.result-hero h1{font-size:48px}}
@media(max-width:700px){header{padding:18px 20px}.logo{font-size:33px}.logo span{font-size:8px}nav{gap:12px}nav a{font-size:11px}.language{padding:7px 12px}section{padding:48px 20px}h2{font-size:23px}.hero{display:flex;flex-direction:column;text-align:center;gap:0;padding-top:30px;padding-bottom:55px;min-height:0}.hero-copy{display:contents}.hero-copy>.eyebrow{order:1;font-size:11px}.hero-copy>h1{order:2;font-size:clamp(32px,7.2vw,44px);line-height:1.5}.hero-copy>p{order:3;font-size:14px;margin:14px 0 0}.hero-art{order:4;max-width:360px;margin:5px auto 14px}.hero-copy>.primary{order:5;width:min(100%,360px)}.hero-copy>small{order:6}.primary{font-size:17px;min-width:0}.intro{border-radius:0}.intro>.eyebrow{letter-spacing:1px;font-size:10px}.intro>p{font-size:13px}.comparison span{font-size:12px;padding:7px 12px;bottom:12px}.type-grid{grid-template-columns:repeat(2,1fr);gap:12px}.type-grid article{padding:8px 8px 18px;border-radius:20px}.type-grid strong{font-size:18px}.type-grid small{font-size:10px}#types{padding-top:55px}.quiz{padding-top:15px}.quiz>.eyebrow{margin-top:28px}.quiz h2{font-size:23px}.quiz>p{font-size:13px}.choices{gap:12px}.choice{border-radius:18px}.choice span{padding:12px 7px;font-size:13px;min-height:90px}.choice i{display:none}.alternatives{grid-template-columns:1fr;gap:10px}.alternatives button{padding:14px}.quiz .primary{width:100%}.result{padding-top:16px}.result-hero{display:flex;flex-direction:column-reverse;text-align:center;padding:20px 20px 28px;gap:12px;border-radius:24px}.result-hero>.character{width:210px;height:210px}.result-hero h1{font-size:44px}.result-hero h2{font-size:17px}.result-hero p:not(.result-kicker){font-size:12px}.result-kicker{margin-bottom:14px;font-size:12px}.result-section{padding-top:46px}.result-section>.eyebrow{font-size:10px}.result-section>h2{font-size:23px}.section-lead{font-size:12px}.factor-grid{gap:10px}.factor-card{padding:14px 12px;border-radius:16px}.factor-heading{align-items:flex-start;flex-direction:column;gap:3px}.factor-heading h3{font-size:12px}.factor-heading>span{font-size:25px}.factor-card p{font-size:10px;min-height:36px;margin-bottom:12px}.factor-caption{font-size:8px}.evidence{font-size:9px}.prediction-grid{grid-template-columns:1fr}.prediction-card{padding:22px}.submit-panel{padding:22px 16px}.submit-panel .primary{width:100%;font-size:15px;gap:14px}.result-end h2{font-size:17px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.mobile-break{display:none}@media(max-width:700px){.mobile-break{display:block}}
.language-switch{display:flex;gap:4px;border:1px solid #eadfce;border-radius:30px;padding:4px}.language-switch button{border:0;border-radius:24px;background:transparent;padding:8px 12px;font-size:12px;font-weight:700;white-space:nowrap}.language-switch button[aria-pressed=true]{background:#ed5b13;color:white}html[lang=en] h1{letter-spacing:-1px}html[lang=en] .hero h1{line-height:1.2}html[lang=en] .choice span{overflow-wrap:anywhere}html[lang=en] .prediction-card p{line-height:1.9}html[lang=en] .prediction-card strong{font-size:16px}html[lang=en] .factor-caption{gap:4px}html[lang=en] .type-grid small{line-height:1.6}html[lang=en] .factor-heading{flex-wrap:wrap}@media(max-width:700px){nav{gap:6px}nav a{max-width:75px;text-align:center}.language-switch button{padding:7px 9px;font-size:10px}html[lang=en] .hero-copy h1{font-size:38px}html[lang=en] .alternatives button{font-size:12px}html[lang=en] .factor-caption{font-size:8px}html[lang=en] .primary{font-size:15px}}
.hero-stage{position:relative;isolation:isolate;background:radial-gradient(ellipse at 94% 25%,#d9efde 0,transparent 45%),radial-gradient(ellipse at 18% 5%,#ffdfb5 0,transparent 50%),linear-gradient(140deg,#fff8ed,#fff1dd);border-radius:0 0 70px 70px;overflow:hidden;margin-bottom:50px}.hero-stage:after{content:'';position:absolute;z-index:-1;right:-100px;bottom:-210px;width:680px;height:540px;border-radius:50%;background:#dceff1;opacity:.65}.hero{grid-template-columns:1fr 1.15fr;gap:24px;max-width:1220px;padding:60px 40px 80px;min-height:680px}.hero-copy .eyebrow{background:#fffaf2b8}.hero-art{position:relative}.hero-art:before{content:'';position:absolute;inset:12% 2% 8%;border-radius:45% 55% 47% 53%;background:#ffdc9d;z-index:-1;transform:rotate(-8deg)}.hero-art>img{position:relative;z-index:1}.intro{background:linear-gradient(125deg,#fff0d9,#fff6ea);border:1px solid #f1dcc3}.type-grid article,.type-grid article:nth-child(n){padding:0;overflow:hidden;background:var(--card-tone);border:1px solid color-mix(in srgb,var(--card-accent) 24%,transparent);border-top:4px solid var(--card-accent);box-shadow:0 5px 18px #63351206}.type-grid .portrait{width:100%;padding:12px 12px 0;background:#fffaf2}.type-grid .character{border-radius:12px}.type-card-copy{padding:16px 12px 22px;width:100%;position:relative}.type-card-copy strong{display:block;color:var(--card-accent);margin:2px 0 5px}.card-code{font-size:10px;letter-spacing:2px;color:var(--card-accent);font-weight:900}.type-card-copy small{color:#624d40}#types{background:radial-gradient(ellipse at bottom,#f5e7d8,transparent 70%);border-radius:40px}
@media(max-width:700px){.hero-stage{border-radius:0 0 36px 36px;margin-bottom:28px}.hero-stage:after{width:420px;height:300px;right:-180px;bottom:-160px}.hero{padding:32px 20px 45px;gap:0;min-height:0}.hero-art{max-width:440px;margin:16px auto 24px}.hero-copy h1{font-size:clamp(31px,7.3vw,44px)}.hero-copy>.primary{width:100%;max-width:410px}.hero-art:before{inset:10% 0 5%}.type-grid .portrait{padding:8px 8px 0}.type-card-copy{padding:12px 8px 18px}.type-grid strong{font-size:18px}.intro{border-left:0;border-right:0}.hero-copy>small{font-size:11px}html[lang=en] .hero-copy h1{font-size:36px}}
.about{text-align:center;max-width:1080px;padding-top:40px;padding-bottom:80px}.about-lead{font-size:clamp(21px,2.5vw,30px);font-weight:700;line-height:1.8}.about>p:not(.about-lead){color:var(--muted);font-size:14px}.about-points{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px;text-align:left}.about-points article{padding:28px;border-radius:24px;background:#f6ecd9}.about-points article:nth-child(2){background:#e8f1e7}.about-points article:nth-child(3){background:#f7e5dc}.about-points article>span{font-size:12px;letter-spacing:2px;color:#a36738}.about-points h3{font-size:17px;margin-top:16px}.about-points p{font-size:13px;color:#72523e;margin:12px 0 0}.intro .primary{margin-top:8px}.character-showcase{max-width:none;text-align:center;padding:90px 0 70px;overflow:hidden}.character-showcase>h2,.character-showcase>p{padding:0 20px}.character-showcase>p{font-size:14px;color:var(--muted)}.character-marquee{overflow:hidden;margin-top:35px}.marquee-track{display:flex;width:max-content;animation:character-parade 100s linear infinite}.marquee-group.type-grid{display:flex;flex:none;gap:20px;margin:0;padding:0 20px 10px 0}.marquee-group article{width:200px;flex:none}.marquee-group article:hover{transform:none}.marquee-track.paused{animation-play-state:paused}.motion-toggle{display:block;margin:12px auto 10px;text-decoration:underline;text-underline-offset:4px}.secondary-cta{display:inline-flex;align-items:center;justify-content:center;gap:32px;border:1px solid #c77843;border-radius:50px;padding:18px 28px;margin-top:14px;color:#87421f;text-decoration:none;font-weight:700;background:#fff7e9}.secondary-cta:hover{background:#ffe7c8}.character-directory .eyebrow{display:block}.character-directory h1{font-size:clamp(30px,4vw,48px);letter-spacing:-1px}.character-directory>p{color:var(--muted);font-size:14px}.back-link{display:block;text-align:left;color:#8b5f40;margin-bottom:36px;font-size:13px;text-decoration:none}.character-directory .secondary-cta{margin-top:40px}@keyframes character-parade{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media(max-width:700px){.about{padding:30px 20px 48px}.about-points{grid-template-columns:1fr;gap:12px;margin-top:28px}.about-points article{padding:22px}.about-points h3{margin-top:8px}.about-lead{font-size:21px}.about>p:not(.about-lead){font-size:12px}.character-showcase{padding:54px 0 44px}.character-showcase>h2{font-size:22px}.marquee-group article{width:160px}.marquee-group.type-grid{gap:14px;padding-right:14px}.secondary-cta{font-size:14px}.character-directory h1{font-size:34px}}@media(prefers-reduced-motion:reduce){.marquee-track{animation:none}.character-marquee{overflow-x:auto}.marquee-group[aria-hidden=true]{display:none}.motion-toggle{display:none}}
/* White hero with the supplied transparent composition. */
.hero-stage{background:#fff;border-radius:0}.hero-stage:after,.hero-art:before{display:none}.hero-copy .eyebrow{background:#fff}.hero-art>img{width:100%;height:auto}
/* Let the character fill the frame; keep each moving card on one calm surface. */
.marquee-group.type-grid article:nth-child(n){background:#fff7ed;border:0;box-shadow:none;border-radius:24px}.marquee-group.type-grid .portrait{background:transparent;padding:0;height:248px;overflow:hidden;position:relative}.marquee-group .portrait .character{position:absolute;width:152%;max-width:none;height:152%;left:-26%;top:-26%;object-fit:contain;border-radius:0;mix-blend-mode:multiply}.marquee-group .type-card-copy{background:transparent;padding-top:8px}.marquee-group.type-grid article{width:230px}.marquee-group .type-card-copy strong{font-size:23px}@media(max-width:700px){.marquee-group.type-grid article{width:190px}.marquee-group.type-grid .portrait{height:210px}.marquee-group .type-card-copy strong{font-size:21px}}
.marquee-group .portrait .character{width:144%;height:144%;left:-22%;top:-22%;filter:brightness(1.08)}
.marquee-group.type-grid article:nth-child(n){background:var(--card-tone)}
.about-points{gap:20px}.about-points article{position:relative;background:#ffe7a4;padding:28px;text-align:center;border-radius:32px}.about-points article:nth-child(2){background:#d6f2dd}.about-points article:nth-child(3){background:#ffd9cf}.about-points article>span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#fff9ef;font-weight:900;color:#d35817;letter-spacing:0}.about-points h3{font-size:19px;margin-top:14px}.about-points p{color:#67442d}.about-visual{height:140px;width:160px;margin:0 auto 18px;position:relative}.food-visual img{width:128px;height:128px;object-fit:cover;object-position:left;border-radius:50%;box-shadow:0 7px 0 #eeb557}.food-visual b{position:absolute;right:0;bottom:8px;background:#f76437;color:#fff;border:4px solid #ffe7a4;border-radius:50%;width:48px;height:48px;font-size:30px;line-height:40px;transform:rotate(12deg)}.profile-visual{display:flex;align-items:flex-end;justify-content:center;gap:10px;padding:20px 20px 10px;transform:rotate(-5deg)}.profile-visual i{width:22px;height:65%;border-radius:12px;background:#60b889}.profile-visual i:nth-child(2){height:45%;background:#fab448}.profile-visual i:nth-child(3){height:90%;background:#fb8758}.profile-visual i:nth-child(4){height:60%;background:#60b9d2}.profile-visual b{position:absolute;top:0;left:0;background:#fff9ef;border-radius:50%;width:49px;height:49px;line-height:49px;color:#36845c;font-size:22px;transform:rotate(5deg)}.friend-visual{overflow:hidden}.friend-visual img{position:absolute;width:230px;height:230px;object-fit:contain;left:-35px;top:-44px;mix-blend-mode:multiply;filter:brightness(1.08)}.character-showcase .secondary-cta{margin-top:32px}.about>h2{margin-bottom:22px}.intro>h2{margin-top:0}@media(max-width:700px){.about-points{gap:18px}.about-points article{padding:25px 24px 28px}.about-visual{height:125px;margin-bottom:12px}.food-visual img{height:115px;width:115px}.friend-visual img{top:-49px}.about-points h3{font-size:20px}.about-points p{font-size:13px;margin-top:10px}}
/* Preserve the source artwork colors instead of blending them into the card. */
.marquee-group .portrait .character,.friend-visual img{mix-blend-mode:normal;filter:none}.marquee-group.type-grid .portrait{background:#fffaf2}.marquee-group .portrait{border-radius:24px 24px 0 0}.friend-visual{border-radius:50%;background:#fffaf2}.character-description{font-size:13px;line-height:1.9;text-align:left;color:#543d30;margin:14px 0 0}.character-directory .type-card-copy{flex:1}.character-directory .type-grid article{align-items:stretch}@media(max-width:700px){.character-description{font-size:12px;line-height:1.85}.character-directory .type-card-copy{padding:14px 12px 20px}}
.character-marquee{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-behavior:auto}.character-marquee::-webkit-scrollbar{display:none}.character-marquee:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.marquee-track{animation:none;transform:none}.character-marquee img{pointer-events:none;user-select:none}@media(max-width:700px){.marquee-group.type-grid article{width:142px;border-radius:20px}.marquee-group.type-grid{gap:10px;padding-right:10px}.marquee-group.type-grid .portrait{height:155px}.marquee-group .type-card-copy{padding:10px 7px 15px}.marquee-group .type-card-copy strong{font-size:18px}.marquee-group .type-card-copy small{font-size:9px}.marquee-group .portrait{border-radius:20px 20px 0 0}}@media(prefers-reduced-motion:reduce){.marquee-group[aria-hidden=true]{display:flex}}
.factor-list{display:flex;flex-direction:column;gap:0;border:1px solid var(--line);border-radius:20px;padding:10px 20px;background:#fffdf9}.factor-row{display:grid;grid-template-columns:170px 1fr 36px;align-items:center;gap:18px;padding:12px 0;border-bottom:1px solid #eee5d9}.factor-row:last-child{border:0}.factor-row h3{font-size:13px;font-weight:500}.factor-row>span{font-size:15px;font-weight:700;text-align:right;color:#a34b24}.result-hero{grid-template-columns:1fr 1.2fr;overflow:hidden}.result-hero>.character{max-width:none;width:145%;margin:-18%;}.share-panel{text-align:center;padding:28px 0 0}.share-panel .text-button{display:block;margin:12px auto}.share-panel p{font-size:12px;margin:8px}.alternatives button{display:flex;align-items:center;justify-content:center;gap:14px}.alternative-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;font-size:28px;font-weight:700;color:#ae7138}.previous-result{display:block;margin:14px 0 0;font-weight:700}.friend-visual{width:100%;overflow:visible;background:transparent;border-radius:0}.friend-visual img{position:static;width:100%;height:100%;object-fit:contain;filter:none;mix-blend-mode:normal}.public-type{max-width:780px;text-align:center}.public-type .character{max-width:400px;margin:auto}.public-type p{max-width:520px;margin:24px auto}@media(max-width:700px){.hero-stage{overflow:hidden}.hero-art{width:calc(100vw + 40px);max-width:none;flex-shrink:0;margin-left:0;margin-right:0}.hero-copy>.previous-result{order:6;margin:14px auto 0}.hero-copy>small{order:7}.result-hero>.character{width:100%;height:320px;max-width:360px;margin:-20px auto;object-fit:cover;object-position:center}.result-hero{padding-top:20px}.factor-list{padding:6px 14px}.factor-row{grid-template-columns:115px 1fr 28px;gap:10px;padding:11px 0}.factor-row h3{font-size:11px}.factor-row>span{font-size:13px}.alternative-icon{font-size:29px}.alternatives button{justify-content:flex-start;padding-left:20px}.previous-result{font-size:14px}.friend-visual{height:145px}}