@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Noto+Serif+JP:wght@500;600;700;900&display=swap');
:root{--paper:#f6f4ef;--ink:#272a28;--muted:#70736f;--red:#a72e32;--line:#d8d9d1;--accent:#a72e32}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans JP',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #367f94;outline-offset:6px}header{height:104px;margin:0 5%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:15px;align-items:center;text-decoration:none;color:var(--ink);font-weight:700;letter-spacing:.13em;font-size:17px}.brand-mark{color:var(--red);font-family:Georgia,serif;font-size:36px;border:1px solid var(--red);width:47px;height:49px;display:grid;place-items:center}.brand small{display:block;font-size:10px;letter-spacing:.12em;margin-top:6px;font-weight:500}.edition,.eyebrow,.micro{font-family:ui-monospace,monospace;font-size:12px;letter-spacing:.16em}.edition{color:var(--muted)}.edition b{color:var(--red);font-weight:400}main{min-height:calc(100svh - 177px)}footer{margin:0 5%;padding:23px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:11px;letter-spacing:.09em}.start{max-width:1150px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:650px;padding:58px 40px 70px;gap:30px}.eyebrow{color:var(--red);display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:25px;height:1px;background:currentColor}h1{font-family:'Noto Serif JP',serif;font-size:clamp(42px,4.8vw,64px);font-weight:600;line-height:1.65;letter-spacing:.07em;margin:25px 0}h1 em{font-style:normal;color:var(--red);position:relative}h1 em:after{content:'';position:absolute;bottom:2px;left:0;width:90%;height:1px;background:var(--red)}.intro{font-size:16px;line-height:2.1;color:#595f59;margin-bottom:29px}.primary{background:var(--red);color:white;border:1px solid var(--red);min-height:60px;padding:17px 26px;display:flex;justify-content:space-between;align-items:center;gap:35px;font-weight:600;letter-spacing:.06em;transition:background .2s,transform .2s}.primary:hover{background:#85262a;transform:translateY(-2px)}.start .primary{width:320px}.primary span{font-size:23px;font-weight:400}.meta{display:flex;gap:22px;font-size:12px;color:var(--muted);margin-top:16px}.notice{font-size:12px;line-height:1.9;color:var(--muted);max-width:430px;margin-top:35px}.archive{position:relative;padding:28px 0;text-align:center}.orbit{width:390px;height:390px;margin:0 auto;position:relative;border:1px solid #c5c3bb;border-radius:50%;background:repeating-radial-gradient(circle at center,transparent 0,transparent 76px,#dcdad2 77px,transparent 78px)}.orbit:before,.orbit:after{content:'';position:absolute;background:#dedcd4;z-index:0}.orbit:before{top:50%;left:-25px;right:-25px;height:1px}.orbit:after{left:50%;top:-25px;bottom:-25px;width:1px}.orbit-core{position:absolute;inset:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #b7a5a0;border-radius:50%;background:var(--paper)}.orbit-core strong{font-family:Georgia,serif;color:var(--red);font-weight:400;font-size:100px;line-height:1.15}.orbit-core span{font-size:11px;letter-spacing:.2em;color:var(--red)}.sigil{position:absolute;width:53px;height:53px;border:1px solid var(--sin);color:var(--sin);background:var(--paper);transform:translate(-50%,-50%) rotate(45deg);display:grid;place-items:center}.sigil span{transform:rotate(-45deg);font-family:'Noto Serif JP',serif;font-weight:700;font-size:22px}.archive-caption{margin-top:48px;font-size:11px;letter-spacing:.25em;color:#878b80}.archive-caption:before{content:'—';margin-right:16px}.archive-caption:after{content:'—';margin-left:16px}.question{width:min(720px,calc(100% - 40px));margin:auto;padding:42px 0 50px;min-height:650px}.progress-meta{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;letter-spacing:.1em}.progress-meta strong{font-family:Georgia,serif;font-size:28px;color:var(--ink);font-weight:400}.progress-meta strong span{font-size:15px;color:var(--muted)}.track{height:3px;background:#dedfd7;margin-top:13px}.track i{display:block;background:var(--red);height:100%;transition:width .25s}.question-content{text-align:center;padding-top:51px;animation:appear .24s ease}.question-content .micro{color:var(--muted)}h2{font-family:'Noto Serif JP',serif;font-weight:600;font-size:clamp(25px,3vw,34px);line-height:1.85;letter-spacing:.045em;margin:25px auto 40px;max-width:680px;min-height:126px}.scale{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:510px;margin:auto}.choice{border-radius:50%;height:66px;width:66px;flex-shrink:0;background:transparent;border:1.5px solid #898e85;display:grid;place-items:center;color:#535d52;transition:all .15s}.choice:nth-child(1),.choice:nth-child(5){height:78px;width:78px}.choice:nth-child(3){height:54px;width:54px}.choice:nth-child(-n+2){border-color:#79849c}.choice:nth-child(n+4){border-color:#667961}.choice.selected,.choice:hover{background:#56644f;border-color:#56644f;color:white}.choice:nth-child(-n+2).selected,.choice:nth-child(-n+2):hover{background:#66738d;border-color:#66738d}.choice b{font-size:25px;font-weight:400}.scale-labels{display:flex;justify-content:space-between;max-width:525px;margin:20px auto 0;font-size:13px;color:#61675f}.scale-hint{font-size:12px;color:var(--muted);margin-top:26px}.question-bottom{border-top:1px solid var(--line);margin-top:55px;padding-top:20px;display:flex;justify-content:space-between;align-items:center}.text-button{border:0;background:none;padding:10px 0;color:#555c55;font-size:13px}.text-button:disabled{opacity:.35;cursor:default}.quiet{font-size:12px;color:var(--muted)}.tie-options{display:grid;gap:12px}.tie-option{padding:18px 22px;text-align:left;background:#fff9;border:1px solid var(--line);font-size:15px;line-height:1.7}.tie-option:hover{border-color:var(--red);background:#fff}.result{width:min(840px,calc(100% - 40px));margin:0 auto;padding:46px 0 55px;animation:appear .5s ease}.result-hero{text-align:center;border-top:3px solid var(--accent);border-bottom:1px solid var(--line);padding:25px 20px 32px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,var(--paper)),var(--paper))}.result-hero .micro{color:var(--muted);font-size:11px}.result-kicker{font-size:15px;letter-spacing:.1em;margin:26px 0 3px}.result h1{font-size:76px;margin:0;color:var(--accent);line-height:1.5;letter-spacing:.16em;padding-left:.16em}.english{font-family:Georgia,serif;font-size:17px;color:var(--accent);letter-spacing:.25em}.catch{font-family:'Noto Serif JP',serif;font-size:19px;line-height:1.9;margin:23px 0 0}.result-detail{display:grid;grid-template-columns:1fr 1fr;gap:44px;padding:36px 0}.section-label{font-size:12px;color:var(--muted);letter-spacing:.1em}.result h3{font-family:'Noto Serif JP',serif;font-size:24px;margin:15px 0}.description{font-size:15px;line-height:2.15;color:#50584f}.score-row{margin:12px 0}.score-title{display:flex;justify-content:space-between;font-size:13px;margin-bottom:7px;color:#737970}.score-row.winner .score-title{color:var(--accent);font-weight:700}.score-track{height:6px;background:#e0e2db}.score-track i{display:block;height:100%;background:#b3b9af}.score-row.winner .score-track i{background:var(--accent)}.score-note{font-size:11px;line-height:1.7;color:var(--muted);margin-top:19px}.actions{display:flex;gap:12px}.actions>*{flex:1;text-align:center;justify-content:center;text-decoration:none;font-size:14px}.secondary{min-height:56px;border:1px solid #b6bbb0;padding:16px;background:transparent;color:var(--ink)}.result-end{display:flex;justify-content:center;margin-top:16px}.status{text-align:center;min-height:20px;font-size:12px;color:var(--muted)}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1450px){.start{min-height:calc(100svh - 177px)}}@media(max-width:700px){header{height:80px;margin:0 22px}.brand{font-size:14px;gap:10px}.brand small{font-size:8px}.brand-mark{width:35px;height:38px;font-size:28px}.edition{font-size:10px}.edition b{display:none}.start{display:flex;flex-direction:column-reverse;gap:0;padding:25px 26px 33px;min-height:0}.archive{padding:13px 0 20px}.orbit{width:180px;height:180px;background:repeating-radial-gradient(circle at center,transparent 0,transparent 34px,#dcdad2 35px,transparent 36px)}.orbit-core{inset:37px}.orbit-core strong{font-size:49px}.orbit-core span{font-size:7px;letter-spacing:.1em}.sigil{width:29px;height:29px}.sigil span{font-size:14px}.orbit:before{left:-12px;right:-12px}.orbit:after{top:-12px;bottom:-12px}.archive-caption{display:none}.start-copy{width:100%;max-width:440px}.eyebrow{font-size:10px;margin-top:11px}h1{font-size:39px;margin:15px 0 14px;line-height:1.55}.intro{font-size:14px;line-height:1.95;margin:0 0 22px}.start .primary{width:100%;min-height:56px}.notice{font-size:10px;margin:21px 0 0}.meta{font-size:11px}.question{padding-top:26px;min-height:calc(100svh - 145px)}.question-content{padding-top:32px}h2{font-size:25px;min-height:139px;margin:20px auto 35px;line-height:1.8}.choice{width:52px;height:52px}.choice:nth-child(1),.choice:nth-child(5){width:59px;height:59px}.choice:nth-child(3){width:44px;height:44px}.scale{gap:7px}.scale-labels{font-size:11px}.question-bottom{margin-top:39px}.quiet{font-size:10px}.result{padding-top:25px}.result h1{font-size:64px}.result-detail{grid-template-columns:1fr;gap:20px;padding:25px 0}.catch{font-size:17px}.actions{flex-direction:column}footer{font-size:9px;margin:0 22px;padding:17px 0}footer span:last-child{display:none}main{min-height:calc(100svh - 128px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:350px){.choice{width:46px;height:46px}.choice:nth-child(1),.choice:nth-child(5){width:52px;height:52px}h1{font-size:34px}.edition{display:none}}

/* Minimal interface: no decorative labels or footer. */
main{min-height:calc(100svh - 104px)}.start{min-height:calc(100svh - 104px)}.progress-meta{justify-content:flex-end}.question .progress-meta:has(>span){justify-content:space-between}.question-content{padding-top:32px}.result-hero{padding-top:22px}.result-kicker{margin-top:8px}@media(max-width:700px){main{min-height:calc(100svh - 80px)}.start{min-height:0}.question{min-height:calc(100svh - 80px)}.question-content{padding-top:24px}}

/* Sin emblems and development preview */
.sigil{width:84px;height:84px;transform:translate(-50%,-50%);border:0;background:transparent}.sigil img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 3px #33251418)}.orbit{width:350px;height:350px}.orbit-core{inset:80px}.orbit-core strong{font-size:82px}.orbit-core span{font-size:10px}.result-icon{display:block;object-fit:contain;margin:24px auto 12px;filter:drop-shadow(0 5px 7px #30231516)}.result-hero .english{margin-top:5px}.score-name{display:flex;align-items:center;gap:8px}.score-name img{object-fit:contain}.score-title{align-items:center;min-height:24px}.result-hero .micro{font-size:11px}.start{min-height:calc(100svh - 104px)}
@media(max-width:700px){.orbit{width:190px;height:190px}.orbit-core{inset:45px}.orbit-core strong{font-size:46px}.orbit-core span{font-size:7px}.sigil{width:47px;height:47px}.archive{padding:20px 0 25px}.start{min-height:0}.result-icon{width:90px;height:90px;margin-top:20px}.question-content .micro{color:var(--muted)}}

/* User-provided result artwork */
.result-with-art{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:16px;padding:28px 24px;background:#f6f4f8;isolation:isolate}.result-identity{position:relative;z-index:1}.result-with-art .result-icon{width:64px;height:64px;margin:24px auto 14px}.result-with-art h1{font-size:68px}.result-art{min-width:0;aspect-ratio:1}.result-art img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.result-with-art .micro{font-size:10px;letter-spacing:.12em}
@media(max-width:700px){.result-with-art{grid-template-columns:1fr;gap:8px;padding:22px 16px 12px}.result-with-art .result-icon{display:inline-block;width:38px;height:38px;vertical-align:middle;margin:15px 8px 0 0}.result-with-art .result-kicker{display:inline-block;vertical-align:middle;margin:15px 0 0;font-size:13px}.result-with-art h1{font-size:56px;margin-top:4px}.result-with-art .english{font-size:14px}.result-art{width:min(100%,330px);margin:0 auto}.result-with-art .micro{font-size:10px}}

/* Creator credit */
.credit{margin:28px 0 0;color:var(--muted);font-size:11px;letter-spacing:.06em}.credit+.notice{margin-top:8px}@media(max-width:700px){.credit{margin-top:18px;font-size:10px}.credit+.notice{margin-top:6px}}