:root{color-scheme:dark;--paper:#191522;--navy:#f6eef5;--violet:#c4a0fa;--pink:#ff9f9a;--cyan:#7cc7b1;--ink:#f6eef5;--muted:#bcb0c8;--line:#494052;--white:#fff;--font:"BIZ UDPGothic","Hiragino Sans","Yu Gothic",Meiryo,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.85;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a,summary,label{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:800;line-height:1.5}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--violet);outline-offset:5px}main:focus{outline:0}.muted{color:var(--muted)}
.header{max-width:1120px;margin:auto;padding:25px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:19px;font-weight:800;line-height:1.5}.header nav{display:flex;gap:26px}.header nav a{font-size:14px;color:var(--muted)}.header nav a:hover{color:var(--violet)}.test-intro{max-width:860px;margin:20px auto 60px;text-align:center;padding:25px 28px}.test-intro h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:46px;line-height:1.45;color:var(--navy)}.intro-description{font-size:17px;color:var(--muted);margin-top:18px}.intro-characters{display:flex;justify-content:center;align-items:end;gap:5px;max-width:640px;margin:28px auto 25px;background:var(--paper);border-radius:12px;padding:14px 12px 0}.intro-characters .character-art{width:33.333%;height:210px}.test-intro>.button{min-width:280px;font-size:18px}.intro-meta{font-size:13px;color:var(--muted);margin-top:18px}.character-art{display:block;width:100%;height:100%;overflow:hidden;background:var(--paper)}
.button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 28px;min-height:56px;border-radius:6px;font-size:16px;font-weight:700;line-height:1.5;background:transparent;color:var(--ink)}.primary{background:var(--violet);color:#21172c;box-shadow:0 4px 0 #715290}.primary:hover:not(:disabled){background:#d5baff}.primary:active:not(:disabled){box-shadow:0 1px 0 #392464;transform:translateY(3px)}.secondary{background:#342b40;color:var(--navy)}.secondary:hover:not(:disabled){background:#453651}.text-button{border:0;background:none;padding:12px;color:var(--muted);font-size:14px;text-decoration:underline;text-underline-offset:5px}.text-button:hover{color:var(--violet)}.inline-link{color:var(--violet);font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:6px}.quiet-link{font-size:14px;color:var(--muted);text-decoration:underline;text-underline-offset:5px}.footer{max-width:1160px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:24px 0 30px;color:var(--muted);font-size:12px}.footer a{text-decoration:underline;text-underline-offset:4px}
.page-width{max-width:860px;padding:24px 0 60px;margin:auto}.section-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:32px}.quiz-page{max-width:760px;min-height:calc(100svh - 205px)}.quiz-progress{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:16px}.quiz-progress strong{font-weight:800;font-size:25px;padding:0 5px}.quiz-progress>.muted{font-size:14px}progress{appearance:none;-webkit-appearance:none;display:block;width:100%;height:6px;border:0;border-radius:4px;overflow:hidden;background:#3e3549;margin:13px 0 42px}progress::-webkit-progress-bar{background:#3e3549}progress::-webkit-progress-value{background:var(--violet)}progress::-moz-progress-bar{background:var(--violet)}.question-title{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:30px;line-height:1.7;letter-spacing:-.015em;min-height:110px;max-width:24em}.choices{border:0;margin:30px 0 25px;padding:0;display:grid;gap:15px}.choice{display:block;position:relative;cursor:pointer}.choice input{position:absolute;opacity:0;width:1px;height:1px}.choice-body{display:flex;align-items:center;gap:19px;border:2px solid #53465f;background:#241d2e;border-radius:8px;padding:24px;min-height:88px;font-size:18px;line-height:1.65}.choice-letter{font-size:15px;font-weight:800;width:33px;height:33px;flex-shrink:0;display:grid;place-items:center;background:var(--paper);border-radius:50%;color:var(--muted)}.choice-check{opacity:0;margin-left:auto;color:var(--violet);font-size:22px}.choice:hover .choice-body{border-color:var(--violet)}.choice input:checked+.choice-body{border-color:var(--violet);background:#3d2c50}.choice input:checked+.choice-body .choice-letter{color:#21172c;background:var(--violet)}.choice input:checked+.choice-body .choice-check{opacity:1}.choice input:focus-visible+.choice-body{outline:3px solid var(--navy);outline-offset:5px}.quiz-actions{display:flex;justify-content:space-between;gap:15px}.quiz-actions .primary{min-width:205px}.question-note{font-size:13px;color:var(--muted);margin-top:26px}
.result-page{max-width:960px}.result-ticket{background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden}.result-heading{text-align:center;padding:32px 30px 8px}.result-heading>p:first-child{color:var(--muted);font-size:15px;margin-bottom:10px}.result-heading h1{font-size:39px;line-height:1.45;color:var(--navy)}.type-suffix{font-size:.7em;display:inline;margin-left:6px}.result-hook{font-size:18px;color:var(--violet);line-height:1.85;margin-top:15px}.result-visuals{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;padding:10px 50px 22px}.result-portrait{height:340px;max-width:360px;justify-self:center;width:100%}.survival-chart{text-align:center;max-width:320px;justify-self:center;margin:0}.survival-chart h2{font-size:19px;margin:8px 0 0}.survival-pie{filter:drop-shadow(0 0 1px #776981);display:block;width:100%;max-width:290px;margin:auto;overflow:visible}.skull-mark{fill:#fff;font-family:"Segoe UI Symbol","Apple Symbols",sans-serif;font-size:39px}.pie-number{fill:var(--navy);font-size:38px;font-weight:900}.pie-center-label{fill:var(--muted);font-size:15px}.pie-legend{display:flex;justify-content:center;gap:20px;font-size:14px;line-height:1.5}.pie-legend span{white-space:nowrap}.pie-legend i{display:inline-block;width:11px;height:11px;margin-right:6px;border-radius:2px}.alive-key{background:#7753bc}.dead-key{background:#000;outline:1px solid #776981}.survival-line{font-size:15px;font-weight:700;margin-top:16px;color:var(--navy)}.parameters{padding:24px 38px 15px}.parameters h2{font-size:17px;margin-bottom:23px}.parameter-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 36px}.parameter-labels{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:14px;line-height:1.7}.parameter-labels .dominant{color:var(--navy);font-weight:800}.parameter-labels b{font-size:14px;white-space:nowrap}.parameter-track{height:9px;margin-top:9px;background:var(--cyan);border-radius:5px;overflow:hidden}.parameter-track i{height:100%;display:block;background:var(--violet)}.game-note{font-size:12px;line-height:1.85;color:var(--muted);padding:14px 38px 25px}
.sharing-panel{padding:26px 0 38px}.share-prompt{font-size:20px;font-weight:700;margin-bottom:16px}.share-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.share-actions .button{font-size:14px;padding:15px 23px}.share-note{font-size:12px;color:var(--muted);margin-top:16px}.story-block{padding:15px 0 25px;max-width:45em}.story-block h2{font-size:23px;margin-bottom:15px}.story-block>p{font-size:16px;line-height:2}.fate-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:7px}.fate-grid section{padding:22px 0 0;border-top:4px solid var(--cyan)}.fate-grid .danger{border-color:var(--pink)}.fate-grid h2{font-size:20px;margin-bottom:11px}.fate-grid p{font-size:16px;line-height:2}.fine-print{font-size:12px;color:var(--muted);line-height:1.9;margin-top:19px}.optional-details{margin-top:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}details summary{list-style:none;cursor:pointer}details summary::-webkit-details-marker{display:none}.optional-details>summary{display:flex;justify-content:space-between;gap:15px;padding:20px 0;font-size:14px}.optional-details>summary>span,.details-plus{color:var(--violet);font-size:20px}.evidence{padding:10px 0 25px}.evidence h2{font-size:23px;margin-bottom:13px}.evidence>.muted{font-size:14px}.evidence-list{margin-top:25px}.evidence-list details{border-bottom:1px solid var(--line)}.evidence-list summary{display:flex;align-items:center;gap:15px;padding:18px 0;font-size:14px}.evidence-axis{color:var(--muted);min-width:75px;font-size:14px}.evidence-votes{margin-left:auto;white-space:nowrap;font-size:13px;color:var(--muted)}details[open]>summary>.details-plus{transform:rotate(45deg)}.evidence-body{padding:0 0 19px 90px;font-size:14px}.evidence-body p+p{margin-top:10px}.neighbors{padding-top:28px}.neighbors h3{font-size:20px}.neighbors>.muted{font-size:14px;margin-top:12px}.neighbors>a{display:block;padding:15px 0;color:var(--violet)}.neighbors small{display:block;font-size:13px;color:var(--muted)}.neighbors strong{font-size:16px;text-decoration:underline;text-underline-offset:4px}.end-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:32px}.end-actions .button{font-size:14px}.end-actions .inline-link{margin-left:auto}
.gallery{max-width:1040px}.gallery h1{font-size:42px;margin:15px 0 20px}.gallery-intro{color:var(--muted);font-size:16px}.cast-groups{margin:30px 0}.cast-group{border-top:1px solid var(--line)}.cast-group:last-child{border-bottom:1px solid var(--line)}.cast-group>summary{display:flex;align-items:center;gap:20px;padding:23px 0}.cast-group h2{font-size:20px;flex:1}.group-count{color:var(--muted);font-size:14px;white-space:nowrap}.cast-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;padding-bottom:25px}.cast-card{display:flex;align-items:center;gap:17px;padding:23px 0;border-top:1px solid var(--line)}.gallery-portrait{width:95px;height:120px;flex-shrink:0;border-radius:8px}.cast-copy{min-width:0}.cast-card:hover h3{color:var(--violet);text-decoration:underline;text-underline-offset:5px}.cast-card h3{font-size:22px;line-height:1.65;margin-bottom:9px}.cast-card p{font-size:14px;color:var(--muted);line-height:1.9}.cast-card p+p{margin-top:6px}.about{max-width:760px}.about h1{font-size:38px;margin:30px 0}.about h2{font-size:22px;margin:35px 0 16px}.about p{font-size:16px;line-height:2;margin-top:17px}.about .fine-print{font-size:12px}.about-credit{padding-top:20px}.empty{min-height:65svh}.empty h1{font-size:30px;margin:30px 0 20px}.empty .button{margin-top:24px}.copy-fallback{display:block;width:100%;min-height:170px;padding:20px;margin-top:25px;background:#241d2e;color:var(--ink);border:2px solid var(--violet);border-radius:6px}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;left:15px;top:0;transform:translateY(-150%);background:#382949;color:var(--ink);padding:12px;z-index:30}.skip:focus{transform:none}#toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);padding:17px 24px;max-width:calc(100% - 32px);width:max-content;z-index:20;border-radius:8px;background:#382949;color:var(--ink);font-size:14px;opacity:0;pointer-events:none}#toast.visible{opacity:1}.noscript{padding:40px}


.death-scene{margin:10px 38px 20px;padding:24px 26px;background:#29202f;border-left:5px solid var(--pink);border-radius:0 12px 12px 0}.death-scene h2{font-size:23px;color:var(--pink);margin-bottom:13px}.death-scene>p{font-size:18px;line-height:1.9}.last-words{margin-top:20px;display:flex;flex-direction:column;gap:7px}.last-words span{font-size:14px;color:var(--muted)}.last-words strong{font-size:23px;line-height:1.65;color:var(--ink)}

.film-reference{margin-top:22px;border-top:1px solid var(--line);padding-top:15px}.film-reference summary{font-size:14px;text-decoration:underline;text-underline-offset:5px;line-height:1.8}.film-reference p{font-size:14px;line-height:1.9;margin-top:12px}.film-reference a{display:inline-block;margin-top:12px;font-size:14px;color:var(--violet);text-decoration:underline;text-underline-offset:4px}.film-reference .film-note{font-size:12px;color:var(--muted)}.character-art{border-radius:14px}
@media(max-width:1250px){.footer{margin-left:32px;margin-right:32px}.page-width{width:calc(100% - 64px)}}
@media(max-width:760px){
.death-scene{margin:6px 20px 20px;padding:20px 18px}.death-scene h2{font-size:21px}.death-scene>p{font-size:16px}.last-words strong{font-size:20px}
.header{padding:21px 20px;gap:18px;flex-wrap:wrap}.brand{font-size:17px}.header nav{gap:20px}.header nav a{font-size:14px}.test-intro{margin:7px auto 40px;padding:20px}.test-intro h1{font-size:31px}.intro-description{font-size:16px;margin-top:15px}.intro-characters{margin:24px auto;padding:10px 0 0}.intro-characters .character-art{height:150px}.test-intro>.button{width:100%;min-width:0}.intro-meta{font-size:12px}.footer{margin:0 20px;justify-content:center;padding:24px 0}.page-width{width:auto;margin:0 20px;padding:16px 0 40px}.section-top{margin-bottom:24px}.quiz-page{min-height:calc(100svh - 120px)}.quiz-progress{font-size:14px}.quiz-progress strong{font-size:22px}.quiz-progress>.muted{font-size:12px}progress{margin-bottom:29px}.question-title{font-size:25px;line-height:1.65;min-height:0}.choices{margin:27px 0 23px;gap:14px}.choice-body{padding:20px 15px;gap:13px;min-height:90px;font-size:17px}.choice-letter{width:29px;height:29px;font-size:14px}.choice-check{font-size:19px}.quiz-actions{gap:14px}.quiz-actions .button{font-size:15px;padding:15px 18px}.quiz-actions .primary{min-width:0;flex:1}.question-note{font-size:13px}.result-heading{padding:25px 22px 5px}.result-heading h1{font-size:30px;overflow-wrap:anywhere}.type-suffix{font-size:22px}.result-heading>p:first-child{font-size:14px}.result-hook{font-size:16px}.result-visuals{gap:12px;padding:15px 20px 20px;grid-template-columns:1fr}.result-portrait{height:240px;width:260px;max-width:100%}.survival-chart{max-width:290px}.survival-pie{width:250px}.survival-chart h2{font-size:18px}.survival-line{font-size:14px}.parameters{padding:20px 22px 10px}.parameter-grid{grid-template-columns:1fr;gap:19px}.parameters h2{font-size:16px;margin-bottom:21px}.parameter-labels{font-size:14px;gap:8px}.game-note{padding:12px 22px 23px;font-size:12px}.sharing-panel{padding:24px 0 31px}.share-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.share-actions .button{font-size:14px;padding:13px 10px;min-height:55px}.share-actions .text-button{grid-column:1/-1;padding:8px;font-size:14px}.share-actions #try{grid-column:1/-1}.share-note{font-size:12px;margin-top:12px}.story-block h2{font-size:22px}.story-block>p{font-size:16px}.fate-grid{grid-template-columns:1fr;gap:23px}.fate-grid h2{font-size:20px}.fate-grid p{font-size:16px}.evidence h2{font-size:21px}.evidence-list summary{flex-wrap:wrap;gap:8px}.evidence-axis{width:100%;font-size:13px}.evidence-list summary strong{font-size:14px;flex:1}.evidence-votes{font-size:12px}.evidence-body{padding:0 0 18px;font-size:14px}.neighbors h3{font-size:19px}.end-actions{gap:14px}.end-actions .inline-link{margin-left:0;width:100%}.gallery h1{font-size:32px}.gallery-intro{font-size:15px}.cast-group>summary{gap:12px;padding:21px 0}.cast-group h2{font-size:17px;line-height:1.65}.group-count{display:none}.cast-grid{grid-template-columns:1fr;padding-bottom:15px}.cast-card{padding:21px 0}.cast-card h3{font-size:19px}.cast-card p{font-size:14px}.gallery-portrait{width:80px;height:110px}.about h1{font-size:30px}.about h2{font-size:21px}.about p{font-size:16px}.empty h1{font-size:25px}}
@media(max-width:360px){.page-width{margin-left:15px;margin-right:15px}.share-actions{grid-template-columns:1fr}.intro-characters .character-art{height:120px}.test-intro h1{font-size:28px}.gallery-portrait{width:65px;height:95px}}
.result-page .result-visuals{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:12px 44px 28px;gap:24px}
.result-page .result-portrait{height:340px;max-width:390px;width:100%;margin:0}
.result-page .survival-chart{width:100%;max-width:310px}
.result-page .survival-chart h2{margin:0 0 4px}
.result-page .survival-pie{max-width:270px}
.result-copy-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;padding:10px 38px 24px}
.result-copy{border-top:4px solid var(--cyan);padding-top:18px}
.result-copy h2,.movie-role h2,.partner-type h2{font-size:20px;margin-bottom:11px}
.result-copy p,.movie-role p{font-size:16px;line-height:2}
.death-copy{border-color:var(--pink)}
.death-copy h2{color:var(--pink)}
.movie-role{margin:8px 38px 0;padding:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.result-page .parameters{padding:28px 38px 34px}
.result-page .parameters h2{font-size:20px}
.result-page .parameter-labels{color:var(--navy);font-size:15px}
.result-page .parameter-labels b{font-size:18px;color:var(--violet)}
.result-page .parameter-track{background:#40364c}
.parameter-track .width-0{width:0}.parameter-track .width-33{width:33%}.parameter-track .width-67{width:67%}.parameter-track .width-100{width:100%}
.partner-type{margin:0 38px;padding:24px 0 32px;border-top:1px solid var(--line)}
.partner-type>a{display:flex;align-items:center;gap:18px;padding:16px 18px;background:#241d2e;border:1px solid var(--line);border-radius:10px}
.partner-type>a:hover{border-color:var(--violet)}
.partner-portrait{width:74px;height:92px;flex:0 0 auto;border-radius:7px}
.partner-type span{display:flex;flex-direction:column;gap:5px}
.partner-type strong{font-size:18px;color:var(--violet)}
.partner-type small{font-size:13px;color:var(--muted)}
.result-page .sharing-panel{padding:26px 0 28px}
.result-page .share-actions .button{font-size:15px;padding:15px 28px}
@media(max-width:760px){
 .result-page .result-visuals{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:12px 14px 22px;gap:4px}
 .result-page .result-portrait{height:220px;width:100%;max-width:100%;margin:0}
 .result-page .survival-chart{max-width:180px}
 .result-page .survival-chart h2{font-size:16px}
 .result-page .survival-pie{width:100%;max-width:172px}
 .result-page .pie-legend{gap:7px;font-size:11px}
 .result-page .pie-legend i{width:8px;height:8px;margin-right:3px}
 .result-copy-grid{grid-template-columns:1fr;gap:24px;padding:8px 22px 22px}
 .result-copy h2,.movie-role h2,.partner-type h2{font-size:19px}
 .movie-role{margin:4px 22px 0}
 .result-page .parameters{padding:24px 22px}
 .result-page .parameters h2{font-size:19px}
 .result-page .parameter-labels{font-size:15px}
 .partner-type{margin:0 22px}
 .partner-type>a{padding:13px}
 .partner-type strong{font-size:16px}
 .result-page .sharing-panel{padding:24px 0 22px}
 .result-page .share-actions{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}