:root{--bg:#f6f5ef;--paper:#fffef9;--ink:#1c2427;--muted:#6d7576;--line:#d9dcd6;--lime:#d4f25b;--purple:#6a56b5;--lav:#ece7f8;--bad:#b6463a;--good:#2f705a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.8}button,a,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--purple);outline-offset:4px}button{border:0}a{color:inherit}.topbar{max-width:1320px;margin:auto;padding:25px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.topbar>a{display:flex;align-items:center;gap:12px;text-decoration:none}.topbar b{font-size:20px;letter-spacing:-.7px}.brand-sub{font-family:monospace;font-size:10px;letter-spacing:1px;margin-left:10px;color:var(--muted)}.eye-logo{display:inline-flex;width:33px;height:22px;border:2px solid var(--ink);border-radius:65% 10%;transform:rotate(35deg);align-items:center;justify-content:center}.eye-logo i{width:10px;height:10px;background:var(--ink);border-radius:50%}.text-button{background:none;font-size:12px;color:var(--muted);padding:8px}.text-button:hover{color:var(--purple)}main{max-width:1180px;padding:0 30px;margin:0 auto;min-height:75vh}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:65px 0 48px}.eyebrow{font:11px monospace;letter-spacing:2px;color:var(--purple);display:flex;gap:10px;align-items:center}.eyebrow:before{content:"";width:7px;height:7px;background:var(--purple);border-radius:50%}.hero h1{font-size:clamp(36px,4.5vw,61px);line-height:1.4;letter-spacing:-2px;margin:23px 0 20px;font-weight:850}.hero h1 em{font-style:normal;position:relative;z-index:0}.hero h1 em:after{content:"";position:absolute;height:13px;background:var(--lime);bottom:5px;left:-4px;right:-4px;z-index:-1;transform:rotate(-2deg)}.lead{font-size:15px;color:#555e5d;line-height:2.1;margin-bottom:28px}.official{font-size:11px;color:var(--muted);max-width:400px;margin-bottom:25px}.primary{background:var(--ink);color:white;border-radius:12px;padding:16px 24px;display:inline-flex;justify-content:center;align-items:center;gap:35px;font-weight:700;min-height:54px;transition:transform .15s,background .15s}.primary:hover:not(:disabled){background:#394345;transform:translateY(-2px)}.primary.lime{background:var(--lime);color:var(--ink)}.secondary{background:transparent;border:1px solid var(--line);border-radius:10px;padding:12px 18px;font-size:13px;min-height:46px}.secondary:hover{background:white}.micro{font-size:11px;color:var(--muted);margin-top:12px}.hero-visual{position:relative;padding:28px 8px 42px 10px}.photo-card{background:white;border:1px solid #ddd;border-radius:18px;box-shadow:0 15px 35px #24362b10;padding:12px;transform:rotate(3deg)}.photo-card img{width:100%;aspect-ratio:1.35;object-fit:cover;border-radius:10px;display:block}.photo-caption{display:flex;justify-content:space-between;font-size:12px;padding:12px 6px 1px}.photo-caption span:last-child{font-family:monospace}.floating{position:absolute;background:var(--lime);padding:12px 20px;border:1px solid var(--ink);border-radius:50%;font-weight:800;right:-12px;top:4px;transform:rotate(9deg)}.result-peek{position:absolute;bottom:2px;left:-20px;background:var(--lav);border:1px solid #d5cbea;box-shadow:0 8px 18px #24282b0b;border-radius:12px;padding:16px 24px;transform:rotate(-5deg);font-size:13px}.result-peek small{font-size:10px;display:block;color:var(--purple)}.facts{display:flex;gap:25px;margin-top:25px;font-size:12px;color:var(--muted)}.facts b{color:var(--ink);font:22px monospace;margin-right:4px}.intro-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:22px 0 35px}.intro-grid article{padding:25px 28px 25px 0}.intro-grid article+article{padding-left:28px;border-left:1px solid var(--line)}.step-no{font:12px monospace;color:var(--purple)}.intro-grid h3{font-size:15px;margin:8px 0}.intro-grid p{font-size:12px;color:var(--muted);margin:0}.bottom-home{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 30px}.bottom-home p{font-size:12px;color:var(--muted);max-width:650px}.history{padding:0 0 35px}.history h3{font-size:14px}.history-item{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-top:1px solid var(--line);font-size:12px}.screen-head{display:flex;align-items:center;justify-content:space-between;margin:32px 0 10px}.screen-head h2{font-size:13px;font-weight:500;margin:0}.counter{font:24px monospace}.counter span{color:#919794;font-size:13px}.progress{height:4px;background:#e4e6de;border-radius:9px;overflow:hidden}.progress i{height:100%;display:block;background:var(--purple);transition:width .3s}.quiz-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:25px 0 20px}.quiz-top h1{font-size:25px;line-height:1.55;margin:6px 0}.tag{display:inline-block;font-size:10px;border:1px solid var(--line);border-radius:20px;padding:2px 10px;color:var(--muted);background:#fff9}.quiz-top p{color:var(--muted);font-size:12px;margin:0}.quiz-layout{display:grid;grid-template-columns:1.55fr 1fr;gap:35px;align-items:start}.image-wrap{position:relative;width:100%;aspect-ratio:1.5;border-radius:14px;overflow:hidden;background:#e1e4de}.image-wrap>img{display:block;width:100%;height:100%;object-fit:fill}.image-wrap .patch{position:absolute;inset:0}.image-wrap.clickable{cursor:crosshair}.pin{position:absolute;width:28px;height:28px;transform:translate(-50%,-50%);border:3px solid var(--lime);border-radius:50%;box-shadow:0 0 0 2px #1c2427;background:#1c242755;pointer-events:none}.pin:after{content:"";position:absolute;width:4px;height:4px;top:9px;left:9px;background:var(--lime);border-radius:50%}.image-meta{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);padding:7px 2px}.panel{background:var(--paper);padding:26px;border:1px solid var(--line);border-radius:16px}.field-label{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;margin-bottom:12px}.field-label span{display:inline-grid;place-items:center;width:21px;height:21px;background:var(--lav);color:var(--purple);border-radius:50%;font:11px monospace}.choice-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice{background:var(--bg);border:1px solid var(--line);padding:16px 8px;border-radius:10px;font-weight:700;min-height:74px}.choice small{display:block;font:10px monospace;color:var(--muted);margin-top:2px}.choice.selected,.confidence.selected{border:2px solid var(--purple);background:var(--lav);color:#51418c}.confidence-row{display:flex;gap:6px}.confidence{flex:1;background:white;border:1px solid var(--line);border-radius:8px;padding:10px 4px;font-size:12px;min-height:47px}.confidence-section{margin-top:27px}.hint{font-size:11px;color:var(--muted);line-height:1.8}.submit{width:100%;margin-top:22px}.selection-note{min-height:55px;border:1px dashed #c5cbbd;border-radius:9px;padding:12px;font-size:12px;background:var(--bg)}.multi-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.multi-choice{padding:0;background:white;border-radius:12px;border:2px solid transparent;overflow:hidden;text-align:left;position:relative}.multi-choice img{width:100%;aspect-ratio:1.5;object-fit:cover;display:block}.multi-choice>span{display:flex;justify-content:space-between;align-items:center;padding:6px 11px;font:12px monospace}.multi-choice.selected{border:2px solid var(--purple);box-shadow:0 0 0 2px #6a56b522}.checkmark{background:#eceee8;width:18px;height:18px;border-radius:50%;display:inline-grid;place-items:center}.selected .checkmark{background:var(--purple);color:white}.quiz-bottom{display:flex;justify-content:space-between;margin:22px 0 35px;font-size:11px;color:var(--muted)}.results{max-width:900px;margin:45px auto}.results-heading{text-align:center}.results-heading h1{font-size:25px;margin:12px 0 20px}.diagnosis-card{background:var(--lav);border:1px solid #d2c8eb;padding:35px;border-radius:18px;position:relative}.diagnosis-card .eyebrow{justify-content:center}.type-name{text-align:center;font-size:clamp(25px,4vw,39px);line-height:1.5;margin:15px 0;font-weight:850;letter-spacing:-1px}.type-description{max-width:580px;margin:0 auto;font-size:14px;line-height:2}.score-strip{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid #d2c8eb;margin-top:27px;padding-top:22px;text-align:center}.score-strip strong{font:36px monospace}.score-strip strong small{font-size:16px}.score-strip p{font-size:11px;color:var(--muted);margin:3px}.section-title{display:flex;align-items:center;gap:15px;margin:32px 0 16px}.section-title h2{font-size:18px;margin:0}.section-title span{font:10px monospace;color:var(--muted);letter-spacing:2px}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.metric{border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:20px}.metric h3{font-size:12px;margin:0;color:var(--muted)}.metric strong{font-size:20px;font-weight:700;display:block;margin:6px 0}.metric p{font-size:12px;color:#666f6b;margin:5px 0 0}.bar{height:5px;background:#e7e9e1;border-radius:3px;margin:12px 0 8px}.bar i{height:100%;display:block;background:var(--purple);border-radius:3px}.moments{display:grid;grid-template-columns:1fr 1fr;gap:15px}.moment{background:var(--paper);border:1px solid var(--line);padding:22px;border-radius:12px}.moment-label{font:10px monospace;color:var(--purple);letter-spacing:1px}.moment h3{font-size:16px}.moment p{font-size:12px;color:var(--muted)}.share-row{display:flex;flex-wrap:wrap;gap:12px;margin:27px 0 12px}.result-note{font-size:11px;color:var(--muted);margin:14px 0}.review{margin-top:30px}.review details{border-top:1px solid var(--line);padding:16px 0}.review summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:14px;font-size:13px}.review summary:after{content:"＋";margin-left:auto}.review details[open] summary:after{content:"−"}.status{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;font-size:12px;flex-shrink:0}.correct{background:#dcecdf;color:var(--good)}.wrong{background:#f4e3dc;color:var(--bad)}.review-content{padding:17px 0 5px;max-width:640px;margin:auto}.review-content p{font-size:12px}.review-content .image-wrap{max-height:370px;aspect-ratio:1.5}.target{position:absolute;border:3px solid #d4f25b;background:#d4f25b22;box-shadow:0 0 0 1px #182426;pointer-events:none}.review-actions{display:flex;gap:8px;margin:9px 0}.source{font-size:10px!important;color:var(--muted)}.source a{overflow-wrap:anywhere}.interlude{max-width:600px;margin:90px auto;text-align:center}.interlude h1{font-size:35px;margin-bottom:12px}.interlude p{color:var(--muted)}.big-num{font:76px monospace;color:var(--purple)}footer{max-width:1180px;margin:auto;padding:30px;border-top:1px solid var(--line);display:flex;align-items:center;gap:15px;color:var(--muted);font-size:11px}footer>span{margin-right:auto}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:white;padding:12px 22px;border-radius:10px;font-size:12px;opacity:0;transition:.2s;pointer-events:none;z-index:10;max-width:90vw}#toast.visible{opacity:1;transform:translate(-50%,0)}dialog{max-width:700px;width:calc(100% - 30px);max-height:90vh;border:1px solid var(--line);border-radius:16px;background:var(--paper);padding:35px;color:var(--ink)}dialog::backdrop{background:#18212499;backdrop-filter:blur(4px)}#closeModal{position:absolute;right:10px;top:8px;width:35px;height:35px;background:var(--bg);border-radius:50%;font-size:24px}dialog h2{font-size:20px;margin-top:0}dialog p,dialog li{font-size:13px}dialog img{max-width:100%;border-radius:8px}.credits-list{font-size:12px}.credits-list li{margin:9px 0}.loading{padding:80px 10px;text-align:center}.resume-note{border:1px solid #c3cfa0;background:#edf3de;border-radius:10px;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:20px 0}.code-input{padding:12px;border:1px solid var(--line);border-radius:8px;width:100%;margin-bottom:12px}.noscript{padding:30px}.error-note{background:#fbe8e2;color:#923e31;padding:12px;border-radius:8px;font-size:12px}.key-info{font-size:10px;color:var(--muted)}.review-multi{display:grid;grid-template-columns:1fr 1fr;gap:10px}.review-multi figure{margin:0}.review-multi img{width:100%;aspect-ratio:1.5;object-fit:cover;border-radius:8px}.review-multi figcaption{font-size:11px}.home-actions{display:flex;gap:10px;flex-wrap:wrap}.zoom-photo{max-height:75vh;object-fit:contain}.fade{animation:fade .25s ease-out}@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-width:800px){.brand-sub{display:none}.hero{gap:30px;padding:40px 0;grid-template-columns:1fr 1fr}.hero h1{font-size:40px}.quiz-layout{grid-template-columns:1fr;gap:15px}.panel{padding:20px}.choice{min-height:60px;padding:10px}.confidence-section{margin-top:20px}.quiz-layout .visual{max-width:650px;width:100%;margin:auto}.quiz-layout .panel{width:100%;max-width:650px;margin:auto}.submit{margin-top:18px}.quiz-top{margin:18px 0}.quiz-top h1{font-size:23px}}@media(max-width:580px){main{padding:0 20px}.topbar{padding:20px}.topbar b{font-size:18px}.topbar .text-button{font-size:10px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:32px 0 25px}.hero h1{font-size:42px;margin:18px 0}.hero-visual{margin:5px 14px 5px;padding-top:22px}.hero-visual .photo-card img{aspect-ratio:1.7}.lead{font-size:14px;margin-bottom:20px}.official{font-size:10px}.facts{gap:20px;margin-top:20px}.home-actions .primary{flex:1}.intro-grid{display:block;margin-top:18px}.intro-grid article,.intro-grid article+article{border:0;border-bottom:1px solid var(--line);padding:18px 0;display:grid;grid-template-columns:35px 1fr;gap:0 8px}.intro-grid article:last-child{border-bottom:0}.intro-grid h3{margin:0 0 3px}.intro-grid p{grid-column:2}.step-no{padding-top:4px}.bottom-home{align-items:flex-start;flex-direction:column;gap:0}.metrics{gap:9px}.metric{padding:14px}.metric strong{font-size:17px}.metric p{font-size:11px}.moments{grid-template-columns:1fr}.diagnosis-card{padding:25px 18px}.type-description{font-size:12px}.score-strip strong{font-size:29px}.score-strip p{font-size:10px}.results{margin-top:28px}.section-title h2{font-size:16px}.share-row .primary{width:100%}.share-row .secondary{flex:1}.quiz-top h1{font-size:21px}.quiz-top .tag{font-size:9px}.image-meta .text-button{padding:6px;font-size:10px}.multi-grid{gap:8px}.quiz-bottom{font-size:10px;gap:10px}footer{padding:22px 20px;flex-wrap:wrap;gap:3px 10px}footer>span{width:100%;margin:0 0 4px}.interlude{margin:55px auto}.interlude h1{font-size:28px}.resume-note{padding:12px}.key-info{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Detailed answer-based report */
.deep-report{margin:36px 0}.report-heading{display:flex;gap:16px;align-items:flex-start;margin:40px 0 18px}.report-heading>span{font:16px monospace;color:var(--purple);border-top:2px solid var(--purple);padding-top:7px;min-width:28px}.report-heading h2{font-size:21px;line-height:1.5;margin:0 0 6px}.report-heading p{font-size:12px;color:var(--muted);margin:0}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.insight{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:23px 19px}.insight small{font-size:10px;color:var(--purple)}.insight h3{font-size:17px;line-height:1.6}.insight p,.missions p{font-size:12px;color:#56605d}.evidence-links{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.evidence-links button{border:1px solid #d8d0e7;border-radius:7px;background:var(--lav);font-size:10px;color:#51418c;padding:7px 9px}.report-panel{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:25px}.report-bar+.report-bar{margin-top:21px}.report-bar>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px}.report-bar b{font-weight:500}.report-bar strong{margin-left:12px;font:20px monospace;display:inline}.report-bar small{color:var(--muted);font-size:10px}.report-bar .bar{height:8px}.report-takeaway{padding:16px 20px;background:var(--lav);border-radius:9px;font-size:13px;margin:25px 0 12px}.truth-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.truth-grid article{border:1px solid var(--line);padding:22px;border-radius:14px;background:var(--paper)}.truth-grid article:last-child{background:#eef0e7}.truth-grid small{font-size:12px;color:var(--muted)}.truth-grid h3{font:40px monospace;margin:15px 0}.truth-grid h3 span{font:13px sans-serif;margin-left:9px}.truth-grid p{font-size:12px}.answer-timeline{display:grid;grid-template-columns:repeat(10,1fr);gap:7px}.answer-timeline button{border:1px solid var(--line);border-radius:9px;padding:10px 2px;display:flex;flex-direction:column;align-items:center}.answer-timeline small{font:10px monospace}.answer-timeline b{font-size:23px;line-height:1.6}.answer-timeline span{font-size:10px}.answer-timeline .right{background:#e1ece0;color:#2b644b}.answer-timeline .miss{background:#f5e4df;color:#974033}.timing{margin-top:18px}.timing h3{font-size:14px;margin:0 0 15px}.timing>div{display:grid;grid-template-columns:1fr auto 1fr;gap:15px;border-top:1px solid var(--line);padding:12px 0;font-size:12px}.timing small{text-align:right;color:var(--muted);font-size:10px}.missions{border-top:1px solid var(--line)}.missions article{display:flex;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.missions article>span{font:24px monospace;color:var(--purple);padding-top:5px}.missions h3{font-size:16px;margin:0}.missions p{margin:7px 0}.report-method{margin-top:24px;padding:20px;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:12px}.report-method summary{cursor:pointer}.review details{scroll-margin-top:22px}.review summary:focus-visible{outline:3px solid var(--purple)}.screen-head .tag{overflow-wrap:anywhere}.history-item .text-button{color:var(--purple)}@media(max-width:700px){.insight-grid{grid-template-columns:1fr}.insight{padding:20px}.insight h3{margin:10px 0}.report-heading h2{font-size:18px}.report-panel{padding:18px}.answer-timeline{grid-template-columns:repeat(5,1fr)}.truth-grid article{padding:15px}.truth-grid h3 span{display:block;margin:5px 0 0}.timing>div{grid-template-columns:1fr auto}.timing small{grid-column:1/-1;text-align:left}.report-bar>div:first-child{font-size:12px}.report-bar strong{font-size:17px;margin-left:4px}.deep-report .metrics{grid-template-columns:1fr}.truth-grid h3{font-size:34px}.truth-grid p{font-size:11px}}
.answer-pin{position:absolute;width:22px;height:22px;transform:translate(-50%,-50%);border:3px solid #bc3e37;background:#fff8;border-radius:50%;box-shadow:0 0 0 2px white;z-index:2;pointer-events:none}
.report-nav{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.report-nav a{font-size:11px;text-decoration:none;border:1px solid var(--line);background:var(--paper);border-radius:20px;padding:7px 13px}.report-nav a:hover{background:var(--lav)}.report-heading{scroll-margin-top:22px}
/* The judgement portrait leads with language; statistics follow it. */
.judgement-portrait{background:#242b29;color:#f8f6ed;border:1px solid #242b29;border-radius:22px;padding:38px 42px;position:relative;overflow:hidden}.portrait-top{display:flex;justify-content:space-between;gap:15px;color:#b9c6b9;font-size:10px;letter-spacing:1px}.portrait-top span:first-child{font-family:monospace;color:var(--lime);letter-spacing:2px}.portrait-name{display:inline-block;background:#d4f25b18;color:var(--lime);border:1px solid #d4f25b55;border-radius:30px;padding:6px 14px;font-size:12px;margin:33px 0 15px}.judgement-portrait h1{font-size:clamp(27px,4.3vw,44px);line-height:1.6;letter-spacing:-1px;margin:0 0 22px;font-weight:800;text-wrap:balance}.portrait-intro{font-size:14px;line-height:2.15;color:#e0e4db;max-width:700px}.portrait-evidence{display:flex;flex-wrap:wrap;gap:8px;margin:23px 0}.portrait-evidence span{color:#c9d1c5;font:11px sans-serif;border-bottom:1px solid #748170;padding:6px 0;margin-right:15px}.portrait-depth{display:grid;grid-template-columns:1fr 1fr;gap:25px;border-top:1px solid #586157;padding-top:24px;margin-top:24px}.portrait-depth small,.portrait-question small{font-size:11px;color:var(--lime)}.portrait-depth p{font-size:12px;color:#d0d7ce;line-height:2;margin:10px 0}.portrait-question{margin-top:25px;padding:22px 24px;border-left:3px solid var(--lime);background:#ffffff08}.portrait-question p{font-size:18px;line-height:1.9;margin:10px 0 0;font-weight:650}.portrait-basis{border-top:1px solid #586157;margin-top:28px;padding-top:15px;color:#b9c6b9;font-size:10px}.portrait-basis summary{cursor:pointer}.portrait-basis p{max-width:670px}.portrait-basis .evidence-links button{background:#d4f25b20;color:var(--lime);border-color:#d4f25b55}.portrait-share{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0}.portrait-share p{font-size:12px;margin:0;color:var(--muted)}.portrait-share b{display:block;color:var(--ink);font-size:15px}.portrait-stats{border:1px solid var(--line);background:var(--paper);border-radius:14px;padding:20px}.portrait-stats .score-strip{margin:0;padding:0;border:0}.share-preview{background:var(--bg);border:1px solid var(--line);padding:16px;border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.9;margin:18px 0}.share-actions{display:flex;gap:10px;flex-wrap:wrap}.share-actions button{flex:1;min-width:140px}.share-actions .primary{flex-basis:100%}.share-access-note{font-size:11px;color:var(--muted);padding:10px 0;margin:0}.challenge-banner{margin:24px 0;padding:22px 25px;border:1px solid #d2c8eb;border-radius:14px;background:var(--lav);display:flex;gap:20px;justify-content:space-between;align-items:center}.challenge-banner h2{margin:4px 0;font-size:20px}.challenge-banner p{font-size:12px;margin:0}.challenge-banner .eyebrow{font-size:9px}.challenge-banner .primary{flex-shrink:0}.share-inline{display:flex;gap:10px;flex-wrap:wrap}.share-inline .primary{flex:1}@media(max-width:580px){.judgement-portrait{padding:26px 21px;border-radius:16px}.portrait-top{flex-direction:column;gap:5px}.portrait-name{margin-top:25px}.portrait-intro{font-size:13px}.portrait-depth{grid-template-columns:1fr;gap:16px}.portrait-question{padding:17px}.portrait-question p{font-size:16px}.portrait-share{flex-direction:column;align-items:stretch;gap:13px}.portrait-share .primary{width:100%}.portrait-stats{padding:18px 8px}.challenge-banner{flex-direction:column;align-items:stretch;padding:20px}.challenge-banner .primary{width:100%}.judgement-portrait h1{font-size:28px}}
/* Full game title and illustrated commentator background. */
.topbar .full-brand{font-size:13px;max-width:440px;line-height:1.7;letter-spacing:0}.topbar>a{min-width:0}.eye-logo{flex-shrink:0}.commentator-hero{position:relative;isolation:isolate;display:block;min-height:650px;padding:48px 34px 42px;margin:26px -12px 30px;border-radius:23px;overflow:hidden;background:#e8ebe0}.hero-backdrop{position:absolute;inset:0;z-index:-2;background-image:url('assets/fictional-detective.webp');background-size:cover;background-position:center}.commentator-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f6f5efff 0%,#f6f5eff5 27%,#f6f5efce 47%,#f6f5ef22 71%,#f6f5ef00 100%)}.hero-copy{width:65%;max-width:680px}.hero .game-title{font-size:clamp(25px,3.1vw,39px);letter-spacing:-1px;line-height:1.65;margin:22px 0 18px}.game-title span{display:block}.hero .game-title em:after{height:10px;bottom:4px}.commentator-hero .lead{font-size:14px;margin-bottom:15px}.commentator-hero .official{font-size:13px;color:var(--purple);font-weight:700}.hero-aside{position:absolute;right:30px;bottom:40px;max-width:230px;padding:15px 20px;background:#f6f5efeb;border:1px solid #fff;border-radius:16px;font-size:17px;font-weight:700;line-height:1.7;transform:rotate(3deg)}@media(max-width:800px){.commentator-hero{min-height:620px;padding:35px 23px}.hero-copy{width:73%}.hero-aside{font-size:12px;right:16px;bottom:26px;max-width:180px}.commentator-hero:after{background:linear-gradient(90deg,#f6f5efff 0%,#f6f5efef 35%,#f6f5ef88 62%,#f6f5ef11 100%)}}@media(max-width:580px){.topbar .full-brand{font-size:10px;max-width:240px;line-height:1.6}.topbar{gap:10px}.topbar>a{gap:9px}.topbar .text-button{max-width:75px;flex-shrink:0}.commentator-hero{margin:20px -8px 25px;padding:235px 19px 26px;min-height:0;display:block}.hero-backdrop{height:340px;background-size:auto 340px;background-position:right top;background-repeat:no-repeat}.commentator-hero:after{background:linear-gradient(180deg,#f6f5ef00 100px,#f6f5ef22 190px,#f6f5efef 278px,#f6f5ef 335px)}.hero-copy{width:100%;max-width:none}.hero .game-title{font-size:clamp(22px,6.1vw,30px);line-height:1.6;margin:18px 0;letter-spacing:-.8px}.hero-aside{display:none}.commentator-hero .eyebrow{font-size:9px;letter-spacing:1px}.commentator-hero .facts{gap:15px}.commentator-hero .micro{font-size:10px}.commentator-hero .primary{padding:15px 17px;gap:20px}}
.detection-score{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:25px}.judgement-portrait .detection-score h1{font-size:18px;letter-spacing:0;margin:0 0 4px;line-height:1.6;color:#e0e4db}.detection-score strong{font:bold clamp(65px,9vw,100px) monospace;color:var(--lime);line-height:1.3}.detection-score strong small{font:23px monospace;color:#bcc7b9}.detection-score p{font-size:13px;margin:0}.detection-ring{width:145px;height:145px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--lime) var(--score),#53604e 0)}.detection-ring>span{width:123px;height:123px;background:#242b29;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font:bold 32px monospace}.detection-ring small{font:9px monospace;color:#c0ccba;margin-top:7px;letter-spacing:2px}.score-method{font-size:10px;color:#b9c6b9;margin:20px 0 0}.judgement-portrait .portrait-name{margin-top:24px}.entertainment-headline{font-size:clamp(25px,3.7vw,38px);line-height:1.65;margin:0 0 20px}.hero .game-title{font-size:clamp(34px,4.5vw,57px)}.topbar .full-brand{font-size:20px}@media(max-width:580px){.detection-ring{width:85px;height:85px}.detection-ring>span{width:69px;height:69px;font-size:23px}.detection-ring small{font-size:7px;letter-spacing:1px}.detection-score{gap:10px}.detection-score strong{font-size:64px}.detection-score strong small{font-size:16px}.judgement-portrait .detection-score h1{font-size:14px}.detection-score p{font-size:11px}.hero .game-title{font-size:clamp(29px,8.5vw,42px)}.topbar .full-brand{font-size:18px}}
.behavior-report{margin-top:30px;border-top:1px solid #586157;padding-top:26px}.behavior-heading>small{font:10px monospace;letter-spacing:2px;color:var(--lime)}.behavior-heading h3{font-size:23px;margin:8px 0 13px;line-height:1.6}.behavior-heading>p{font-size:14px;line-height:2;color:#e0e4db}.behavior-boundary{font-size:10px;color:#b8c3b5;margin:14px 0 26px;line-height:1.9}.behavior-axis{padding:24px;background:#ffffff06;border:1px solid #566150;border-radius:13px;margin-top:15px}.behavior-axis>small{font-size:10px;color:var(--lime);letter-spacing:1px}.behavior-axis h4{font-size:19px;margin:8px 0 16px;line-height:1.6}.behavior-axis>p,.behavior-axis details p{font-size:13px;color:#dce1d8;line-height:2}.behavior-fact{border-left:3px solid #d4f25b;background:#d4f25b0b;padding:12px 15px}.behavior-fact span{font-size:10px;color:var(--lime)}.behavior-fact p{font-size:13px;margin:5px 0;color:#eef0e9}.behavior-axis details{padding:13px 0;border-top:1px solid #53614f;border-bottom:1px solid #53614f}.behavior-axis summary{cursor:pointer;font-size:12px;color:#e1e8da}.behavior-axis details .behavior-footnote{font-size:10px;color:#b8c3b5}.behavior-action{margin-top:17px}.behavior-action b{font-size:11px;color:var(--lime);font-weight:500}.behavior-action p{font-size:12px;color:#dce1d8;margin:5px 0;line-height:2}.behavior-report .evidence-links button{background:#d4f25b15;border-color:#d4f25b44;color:#d4f25b}@media(max-width:580px){.behavior-axis{padding:18px 15px}.behavior-heading h3{font-size:21px}.behavior-axis h4{font-size:17px}.behavior-axis>p,.behavior-axis details p{font-size:12px}.behavior-heading>p{font-size:13px}}
.internet-advice{margin:35px 0 28px;padding:34px;background:#eef2df;border:1px solid #c4d09e;border-radius:18px;scroll-margin-top:22px}.internet-advice h2{font-size:26px;line-height:1.5;margin:16px 0 5px}.internet-advice .advice-for{font-size:11px;color:#63704e;margin:0 0 23px}.internet-advice h3{font-size:20px;line-height:1.6;margin:18px 0 12px}.internet-advice>p{font-size:14px;line-height:2}.advice-evidence{border-top:1px solid #c4d09e;border-bottom:1px solid #c4d09e;padding:13px 0;margin:22px 0}.advice-evidence small,.advice-scene small,.advice-motto small{font-size:10px;color:#617147}.advice-evidence p{font-size:12px;margin:5px 0 0}.advice-scene{padding:17px 20px;background:#ffffff80;border-radius:10px}.advice-scene p{font-size:13px;line-height:1.9;margin:6px 0 0}.internet-advice h4{font-size:14px;margin:25px 0 14px}.internet-advice ol{padding-left:23px;margin:0}.internet-advice li{font-size:13px;line-height:1.9;margin:12px 0;padding-left:6px}.internet-advice li::marker{font-weight:700;color:#5d703a}.advice-motto{margin:26px 0 21px;padding:22px 24px;background:#242b29;color:#f8f6ed;border-radius:12px}.advice-motto small{color:#d4f25b}.advice-motto p{font-size:21px;line-height:1.8;font-weight:700;margin:8px 0 0}.internet-advice .advice-note{font-size:10px;color:#64704f;margin:15px 0 0}.advice-mobile-break{display:none}@media(max-width:580px){.internet-advice{padding:25px 20px}.internet-advice h2{font-size:23px}.internet-advice h3{font-size:18px}.internet-advice>p{font-size:13px}.advice-motto{padding:18px}.advice-motto p{font-size:18px}.advice-mobile-break{display:block}}

/* Concise answer-based diagnosis and long game title. */
.topbar .full-brand{font-size:12px;max-width:510px;line-height:1.6}.brand-sub{display:none}.hero .game-title{font-size:clamp(23px,3vw,38px);line-height:1.65;letter-spacing:-.5px}.diagnosis-type{font-size:clamp(29px,5vw,48px);line-height:1.4;color:var(--lime);margin:6px 0 22px}.diagnosis-points{display:grid;gap:16px;margin:24px 0}.diagnosis-points>div{border-left:3px solid var(--lime);padding-left:15px}.diagnosis-points b{color:var(--lime);font-size:12px}.diagnosis-points p{margin:5px 0;line-height:1.8}.compact-behavior summary,.result-details>summary{cursor:pointer;font-weight:700;padding:18px 0}.compact-behavior .behavior-axis{padding:16px 0}.result-details{margin:25px 0;border-block:1px solid #d5d8ce}.detection-score h2{font-size:16px}.judgement-portrait .entertainment-headline{font-size:clamp(21px,3vw,29px)}@media(max-width:580px){.topbar .full-brand{font-size:10px;max-width:230px}.hero .game-title{font-size:clamp(20px,5.4vw,29px)}.game-title span{display:inline}.game-title span:after{content:' '}.portrait-top{flex-wrap:wrap;gap:8px}}

.diagnosis-reading{margin:22px 0}.diagnosis-reading h3,.diagnosis-daily h3{font-size:14px;color:var(--lime);margin:0 0 8px}.diagnosis-reading p,.diagnosis-daily p{font-size:15px;line-height:1.9;margin:0}.diagnosis-daily{padding:20px;border:1px solid #65705e;border-radius:12px;margin:24px 0}.diagnosis-daily small{display:block;color:#b9c6b9;line-height:1.7;margin-top:10px;font-size:11px}.diagnosis-points .diagnosis-example{font-size:13px;color:#c7d0c1;line-height:1.8;margin-top:8px}
/* Anonymous challenge, checkout and perfect-score edition */
.demo-banner{background:#fff0c9;border:1px solid #d6b66a;border-radius:12px;padding:16px 20px;margin:0 0 24px;color:#423c2c;line-height:1.8}.demo-banner b{margin-right:12px}.account-panel{padding:32px;border:1px solid var(--line,#ddd);border-radius:20px;margin:28px 0;background:#fff}.account-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:28px 0}.account-stats>div{display:flex;flex-direction:column;gap:12px}.account-stats strong{font-size:34px}.account-stats small{font-size:13px;color:var(--muted)}.account-stats strong small{margin-left:5px}.purchase-price{font-size:68px;font-weight:800;letter-spacing:-3px;margin:24px 0}.purchase-price span{font-size:18px;letter-spacing:0;margin-left:8px}.purchase-agree{display:flex;gap:12px;align-items:flex-start;margin:24px 0;line-height:1.8}.purchase-agree input{width:20px;height:20px;flex-shrink:0;margin-top:5px}.perfect-banner{background:radial-gradient(ellipse at top,#405040,#151b19 80%);color:#f4eedb;padding:60px 32px;text-align:center;border:2px solid #d5b66d;border-radius:24px;margin-bottom:32px;animation:perfect-glow 1.8s ease-out}.perfect-banner h1{font-size:clamp(28px,5vw,54px);color:#e3c888}.perfect-banner .eyebrow{justify-content:center;color:#d5b66d}.perfect-banner p{color:#e2dccb}.perfect-banner button{margin-top:20px}.ad-zone:not(:empty){margin:160px 0 40px;padding:20px 0;border-top:1px solid #ddd;min-height:120px;text-align:center}.ad-zone>span{font-size:12px;color:#777;display:block;margin-bottom:16px}.legal{max-width:800px;margin:50px auto;padding:24px;line-height:1.9}.legal h2{margin-top:36px}.certificate{max-width:780px;margin:30px auto;padding:60px 24px;text-align:center;background:#151b19;color:#f3eddb;border:4px double #d5b66d;line-height:2}.certificate h2,.certificate strong{color:#d5b66d}.certificate strong{font-size:70px}.certificate a{color:#d5b66d}.share-actions a{display:inline-flex;text-decoration:none}.code-input[hidden]{display:none}@keyframes perfect-glow{from{opacity:0;transform:translateY(16px);box-shadow:0 0 90px #d5b66d}to{opacity:1;transform:translateY(0);box-shadow:none}}@media(prefers-reduced-motion:reduce){.perfect-banner{animation:none}}@media(max-width:600px){.account-panel{padding:20px}.account-stats{grid-template-columns:repeat(2,1fr)}.perfect-banner{padding:36px 20px}.history-item{gap:12px;flex-wrap:wrap}}
.ranking-gate{background:#18332c;color:#f4f0e5;border-radius:24px;padding:36px;display:grid;grid-template-columns:1fr auto;gap:30px;margin:34px 0;border:1px solid #b99a57}.ranking-gate h2{font-size:30px;margin:14px 0}.ranking-gate p,.ranking-gate .micro{color:#ced9ce}.ranking-gate .eyebrow{color:#d5b66d}.gate-actions{display:flex;flex-direction:column;gap:14px;justify-content:center}.gate-actions .secondary{color:#f4f0e5;border-color:#67796c}.ranking-page{max-width:1000px;margin:auto}.ranking-page h1{font-size:clamp(30px,5vw,58px);line-height:1.35}.ranking-summary{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.ranking-summary span{padding:10px 16px;background:#e6ebe2;border-radius:100px;font-size:14px}.leaderboard{margin:34px 0;border:1px solid #d6d9cf;border-radius:20px;overflow:hidden;background:#fff}.leaderboard-head,.leaderboard-row{display:grid;grid-template-columns:80px 1fr 160px;align-items:center;gap:20px;padding:22px 28px}.leaderboard-head{font-size:12px;background:#edf0e8;color:#5c685f}.leaderboard-row{border-top:1px solid #e9e9e2}.leaderboard-row .rank-number{font-size:26px;color:#8c978d}.leaderboard-row small{display:block;font-size:12px;color:#748076;margin-top:6px}.leaderboard-row strong{text-align:right;font-size:36px}.leaderboard-row strong small{display:inline;margin-left:6px}.leaderboard-row.top-rank{background:#faf6e9}.top-rank .rank-number{color:#947d43}.ranking-empty{text-align:center;padding:60px 20px}.ranking-empty>span{font-size:60px;color:#b99a57}.rank-finish{text-align:center;padding:50px 20px;background:#18332c;color:#f4f0e5;border-radius:24px;margin-bottom:36px}.rank-finish .eyebrow{justify-content:center;color:#d5b66d}.rank-finish p{color:#d2ddce}.rank-finish .share-actions{justify-content:center}.rank-finish .secondary{color:#eee;border-color:#708475}.streak-score{font-size:110px;font-weight:800;line-height:1.4;color:#dfcb87}.streak-score small{font-size:24px;margin-left:14px}.cert-eyebrow{letter-spacing:.15em;font-size:12px;color:#d5b66d}.cert-seal{border:3px double #b99a57;border-radius:50%;width:100px;height:100px;display:grid;place-content:center;margin:30px auto;color:#b99a57;line-height:1.5}.perfect-banner .secondary{margin:20px 10px 0;color:#f3eddb;border-color:#b99a57}.confidence-section[hidden]{display:none}@media(max-width:650px){.ranking-gate{grid-template-columns:1fr;padding:25px}.leaderboard-head,.leaderboard-row{grid-template-columns:42px 1fr 88px;gap:12px;padding:18px 14px}.leaderboard-row strong{font-size:30px}.leaderboard-head{font-size:10px}.streak-score{font-size:82px}.streak-score small{font-size:18px}}