@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@500;700;900&display=swap');
:root{--bg:#080c0d;--ink:#e5dfce;--muted:#acb1a9;--gold:#c8aa6d;--line:#575348;--cyan:#77cac1;--serif:'Noto Serif KR',Batang,serif}body{min-height:100vh;line-height:1.8}body:before{content:'';position:fixed;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,9,10,.94),rgba(3,9,10,.4)),url('assets/throne.png') 70% center/cover no-repeat}body:after{content:'';position:fixed;inset:0;pointer-events:none;z-index:5;opacity:.09;background:repeating-linear-gradient(0deg,transparent 0 3px,#000 3px 4px);box-shadow:inset 0 0 150px #000}body[data-view=quiz]:before{background:linear-gradient(90deg,#03090ae6,#03090aa8),url('assets/voidship.png') center/cover no-repeat}body[data-view=results]:before{background:linear-gradient(#03090ae0,#03090aeb),url('assets/warp.png') center/cover no-repeat}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}h1:focus,h2:focus{outline:none}header{max-width:none;padding:22px 40px;border-top:4px solid #403b30;border-bottom:3px double #6c6050;background:linear-gradient(#232623ed,#0b1111ed);box-shadow:0 5px 20px #0009,inset 0 1px #b9ab7c55;position:relative}header:after{content:'+';position:absolute;right:12px;top:17px;color:#a2987e}.wordmark{font:bold 30px Georgia,serif;line-height:1;text-shadow:0 2px #000}.wordmark span{font:bold 15px Georgia,serif;letter-spacing:4px}.edition{color:var(--cyan);font:12px 'Courier New',monospace;letter-spacing:2px}main{max-width:1250px;padding:55px 48px;min-height:calc(100vh - 170px)}.intro{max-width:720px;padding:42px 32px 20px;border-left:2px solid #8f7a52;position:relative}.intro:before{content:'IMPERIAL ARCHIVE / RESTRICTED';position:absolute;top:0;left:32px;font:12px 'Courier New',monospace;letter-spacing:2px;color:var(--muted)}.eyebrow{font:12px 'Courier New',monospace;letter-spacing:3px;color:var(--cyan);margin:0 0 22px;text-shadow:0 0 12px #52c9c944}h1,h2,h3{font-family:var(--serif);word-break:keep-all;overflow-wrap:anywhere}h1{font-size:clamp(35px,4.4vw,58px);font-weight:900;line-height:1.5;letter-spacing:-.065em;margin:0 0 24px;color:#e8dfc6;text-shadow:2px 3px 0 #080b0c,0 0 30px #000}h2{font-size:clamp(24px,2.7vw,32px);line-height:1.75;letter-spacing:-.04em;font-weight:700;margin:0 0 24px}h3{font-size:18px;color:var(--gold);margin:28px 0 10px}.lead{font-size:17px;line-height:1.95;color:#c1c4bb;max-width:65ch;margin-bottom:30px}.primary{border:1px solid #c9ad73;border-bottom:4px solid #51402a;background:linear-gradient(135deg,#b89e64,#8b743f);color:#111511;padding:15px 24px;align-items:center;min-width:290px;font-weight:bold;letter-spacing:.04em;box-shadow:inset 0 2px #f8e5ab70,0 5px 12px #0008;text-shadow:0 1px #fff2;position:relative}.primary:before,.primary:after{content:'•';position:absolute;top:0;font-size:12px;color:#302917}.primary:before{left:5px}.primary:after{right:5px}.primary:hover:not(:disabled){background:linear-gradient(135deg,#d8be85,#a68a50);box-shadow:inset 0 2px #f8e5ab70,0 0 24px #b39a5833}.primary:active:not(:disabled){transform:translateY(2px)}.meta{font-size:13px;margin-top:22px}.intro-foot{margin-top:45px;padding-top:20px;border-top:1px solid #7c705744;align-items:center}.seal{font:56px Georgia,serif;color:#b09664;text-shadow:0 2px #000}.intro+.method{max-width:650px;margin-left:32px;margin-top:36px;background:#080e0ede}footer{max-width:none;border-top:3px double #625947;padding:20px 40px;background:#0a1010ed;color:#a6a89b}footer span:first-child{color:var(--gold)}.terminal{background:linear-gradient(105deg,#171e1ef5,#0e1515f7);border:1px solid #8c7a58;outline:4px solid #101616;box-shadow:0 0 0 5px #4c4b3e,0 18px 75px #000a,inset 0 0 55px #0005;position:relative}.terminal:before,.terminal:after{content:'+';position:absolute;color:#a99469;font:16px Georgia,serif;z-index:2;top:7px;pointer-events:none}.terminal:before{left:9px}.terminal:after{right:9px}.terminal-cap{font:12px 'Courier New',monospace;letter-spacing:1.5px;padding:15px 28px;display:flex;justify-content:space-between;gap:15px;background:linear-gradient(#373b32,#232a25);border-bottom:3px double #837151;color:#ccb98d}.quiz{max-width:930px}.quiz-body{padding:26px 42px 20px}.quiz-top{font-size:13px}progress{display:block;height:5px;accent-color:var(--cyan);margin:14px 0 30px;border:0}progress::-webkit-progress-bar{background:#080c0d}progress::-webkit-progress-value{background:var(--cyan);box-shadow:0 0 12px #52c9c9}fieldset{padding:0;margin:28px 0 18px;min-width:0}legend{margin-bottom:8px}.option{display:grid;grid-template-columns:38px minmax(0,1fr) 16px;gap:18px;border:1px solid #494e43;border-left:4px solid #514e3d;background:linear-gradient(100deg,#252a22dd,#171d1aee);box-shadow:inset 0 1px #ffffff09,0 3px 6px #0003;padding:16px 18px;margin:12px 0;position:relative;font-size:16px;line-height:1.8;transition:border-color .15s,background .15s}.option input{position:absolute;opacity:0;width:1px;height:1px}.option-code{font:bold 21px Georgia,serif;color:#b9a779;text-shadow:0 2px #000;border-right:1px solid #676348;padding-right:17px}.option-mark{color:var(--cyan);opacity:0}.option:hover{background:linear-gradient(100deg,#34392dee,#202821ee);border-color:#9c895d}.option:has(input:checked){background:linear-gradient(100deg,#293b33ee,#182722ee);border-color:var(--cyan);border-left-color:var(--cyan);box-shadow:inset 0 0 20px #50bba611,0 0 14px #5bbcaf18}.option:has(input:checked) .option-mark{opacity:1}.option:has(input:checked) .option-code{color:var(--cyan)}.option:has(input:focus-visible){outline:2px solid var(--cyan);outline-offset:3px}.nav{gap:20px;margin-top:24px;padding-top:22px;border-top:1px solid #535346}.nav .primary{min-width:220px}.plain{font-size:14px;color:#b7b6a8;border-bottom:1px solid transparent;padding:10px 0}.plain:hover:not(:disabled){color:var(--gold);border-bottom-color:var(--gold)}.note{line-height:1.85}.session-note{color:#929b93;font-size:12px;margin:18px 0 0}.results{max-width:1000px;margin:auto}.results>h1{font-size:42px}.result-hero{display:grid;grid-template-columns:42% 58%;margin:40px 0 30px}.portrait-wrap{position:relative;min-width:0;background:#070b0c}.portrait{object-fit:cover;display:block;max-width:100%;background:#101414}.lead-portrait{width:100%;height:480px;object-position:center 22%;filter:saturate(.78) contrast(1.05);border-right:1px solid #837353}.portrait[src$='lion.jpg']{object-position:left center}.legion-stamp{position:absolute;bottom:10px;left:20px;color:#f5e3bb;font:64px Georgia,serif;text-shadow:0 3px 12px #000}.result-name{padding:46px 35px;display:flex;flex-direction:column;justify-content:center;min-width:0}.result-name h2{font-size:34px;margin:0;line-height:1.5;color:#e4d6ac}.english-name{font:18px Georgia,serif;letter-spacing:1px;color:var(--muted);margin:10px 0 20px}.score{display:flex;align-items:center;gap:16px;margin-top:20px;color:var(--gold)}.score strong{font:76px Georgia,serif;line-height:1}.score span{font-size:14px;line-height:1.8}.verdict{padding:22px 26px;background:#17302bb0;border-left:3px solid var(--cyan);margin:26px 0}.verdict b{color:var(--cyan);font-weight:normal}.verdict p{font-size:14px;color:#b7c4bc;margin-bottom:0}.profile-copy{padding:24px 30px;background:#0c1313e6;border:1px solid #434a40}.profile-copy .lead{font-size:18px;color:#dbdace}.profile-copy p{color:#c0c3b8}.analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.analysis-grid h3{margin-top:0}.source-links{display:flex;flex-wrap:wrap;gap:14px 24px;font-size:14px}.image-credit{font-size:12px;line-height:1.7;margin-top:25px;color:#a1a69a!important}.profile-vector{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;font-size:13px}.profile-vector span{display:flex;justify-content:space-between;gap:12px;background:#141d1a;padding:7px 12px}.profile-vector b{color:var(--cyan)}details{border-top:1px solid #545344;margin-top:22px}summary{cursor:pointer;color:var(--gold);padding:16px 0;font-size:15px}details[open]>summary{border-bottom:1px solid #41483c;margin-bottom:20px}details p{max-width:80ch}.evidence,.rankings,.differences{margin-top:55px}.evidence article{padding:22px 26px;border:1px solid #4f5142;margin-bottom:14px;background:#101919eb}.record-number{color:var(--cyan);font:12px 'Courier New',monospace;letter-spacing:2px}.evidence article>p{font-family:var(--serif);font-size:17px;color:#e1dbca}.evidence blockquote{margin:15px 0;padding:5px 0 5px 18px;border-left:2px solid var(--gold);color:#bfc7bc}.differences{border:1px solid #76613f;padding:10px 26px 20px;background:#241e12bb}.candidate{border:1px solid #535143;margin-top:10px;background:#101816ee}.candidate summary{list-style:none;display:flex;align-items:center;gap:18px;padding:14px 20px;margin:0!important;border:0!important}.candidate summary::-webkit-details-marker{display:none}.candidate summary:hover{background:#293025}.rank-index{font:18px Georgia,serif;color:#aca488}.candidate .portrait{width:58px;height:72px;border:1px solid #776849}.candidate-name{flex:1;min-width:0}.candidate-name b{display:block;font-family:var(--serif);font-size:18px;font-weight:700;word-break:keep-all;color:#e1d9be}.candidate-name small{display:block;color:var(--muted);font-size:12px}.candidate summary>strong{font:30px Georgia,serif;color:var(--gold)}.candidate summary>strong small{font-size:15px}.expand{color:var(--cyan);font-size:22px}.candidate[open] .expand{transform:rotate(45deg)}.candidate-bar{display:block;height:3px;margin-top:10px;background:#30372d}.candidate-bar i{display:block;background:var(--gold);height:100%}.candidate .profile-copy{border:0;border-top:1px solid #575243;margin:0;padding-top:28px}.trait-panel,.method{background:#0c1515e8;border:1px solid #535043;padding:4px 25px;margin-top:28px}.trait-panel>summary,.method>summary{font-family:var(--serif);font-weight:700}.axis-row{padding:17px 0}.axis-row>div:first-child,.axis-poles{display:flex;justify-content:space-between;gap:20px;font-size:14px}.axis-row>div:first-child>span:last-child{color:var(--cyan);font-size:12px;white-space:nowrap}.axis-track{height:7px;background:#2b342b;position:relative;margin:12px 0}.axis-track>span{display:block;height:100%;background:var(--gold)}.axis-track>i{position:absolute;top:-4px;height:15px;width:3px;background:var(--cyan)}.axis-poles{font-size:12px;color:var(--muted)}.axis-poles span{max-width:46%}.axis-poles span:last-child{text-align:right}.formula{padding:16px;background:#1a2521;color:var(--cyan);font-size:14px}.method p{font-size:14px}.method h3{font-size:17px}.result-nav{margin-top:40px}noscript{display:block;padding:30px;color:var(--gold)}@media(min-width:1500px){main{padding-top:70px}.intro{margin-top:40px}}@media(max-width:850px){main{padding:38px 30px}.intro{padding-left:25px}.intro:before{left:25px}.quiz-body{padding:25px}.result-name{padding:28px}.result-name h2{font-size:27px}.score strong{font-size:62px}.lead-portrait{height:430px}.results>h1{font-size:36px}}@media(max-width:600px){header{padding:22px 24px}.wordmark span{font-size:13px;letter-spacing:3px}.edition{display:none}main{padding:30px 17px}.intro{padding:36px 12px 10px 16px;border-left-color:#8d795255}.intro:before{left:16px;letter-spacing:1px}.intro h1{font-size:38px;line-height:1.5}.intro .lead{font-size:16px}.primary{min-width:0;width:100%;font-size:15px;padding:15px 20px}.intro-foot{margin-top:30px}.intro+.method{margin-left:0}.terminal-cap{padding:15px 23px;font-size:12px;letter-spacing:.3px}.quiz-body{padding:20px 18px}.quiz h2{font-size:22px;line-height:1.8}.quiz-top{font-size:12px}.option{grid-template-columns:24px minmax(0,1fr);padding:14px 12px;gap:12px;font-size:15px;line-height:1.85}.option-code{font-size:19px;padding-right:8px}.option-mark{display:none}.nav{gap:16px}.nav .primary{min-width:0;width:auto;gap:18px;font-size:14px}.plain{font-size:13px}.note{font-size:13px}footer{padding:18px 24px;display:block}.result-hero{grid-template-columns:1fr}.lead-portrait{height:350px;object-position:center 25%;border-right:0;border-bottom:1px solid #837353}.result-name{padding:28px}.result-name h2{font-size:30px}.result-name .score{margin-top:10px}.result-name .score strong{font-size:66px}.analysis-grid{grid-template-columns:1fr;gap:0}.profile-copy{padding:20px}.candidate summary{padding:12px;gap:10px}.rank-index{font-size:14px}.candidate .portrait{width:40px;height:56px}.candidate-name b{font-size:15px}.candidate-name small{font-size:12px}.candidate summary>strong{font-size:23px}.expand{font-size:18px}.candidate .profile-copy{padding:20px}.evidence h2,.rankings h2{font-size:25px}.evidence article{padding:20px}.trait-panel,.method{padding:3px 18px}.profile-vector{grid-template-columns:1fr}.source-links{display:grid;gap:12px}.results>h1{font-size:32px}.session-note{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.mode-picker{border:0;padding:0;margin:30px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:750px}
.mode-picker legend{color:#b5aa91;margin-bottom:12px;font-size:13px}
.mode-card{display:flex;gap:12px;padding:20px;border:1px solid #5f5947;background:linear-gradient(120deg,#202724e8,#090e0fec);cursor:pointer;box-shadow:inset 0 0 0 3px #101514}
.mode-card:has(input:checked){border-color:#91cfc2;background:linear-gradient(120deg,#293e36eb,#101d1be8);box-shadow:inset 3px 0 #91cfc2}
.mode-card input{accent-color:#91cfc2;width:17px;height:17px;flex-shrink:0;margin-top:5px}
.mode-card b,.mode-card small,.mode-card em{display:block}
.mode-card b{font-size:18px;color:#e3d9b9}
.mode-card small{margin:6px 0;color:#c4af79}
.mode-card em{font-style:normal;color:#b3bdb6;font-size:13px;line-height:1.7}
.mode-card:focus-within{outline:2px solid #d1b77d;outline-offset:3px}
@media(max-width:600px){.mode-picker{grid-template-columns:1fr}.mode-card{padding:15px}}