:root{--bg:#0b111b;--panel:#131d2b;--line:#2b3542;--gold:#dec18c;--muted:#a7b0bc;--ink:#f1eee8;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 Arial,'Noto Sans KR',sans-serif}a{color:inherit}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}[hidden]{display:none!important}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}header{max-width:1200px;margin:auto;padding:23px 28px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.brand{text-decoration:none;font-weight:bold;letter-spacing:.05em}.brand span{color:var(--gold);font-size:25px;margin-right:10px}.nav{font-size:13px;color:var(--muted);text-decoration:none}.shell{max-width:1200px;margin:auto;padding:38px 28px 60px}.eyebrow{color:var(--gold);font-size:12px;letter-spacing:.18em}h1{font-size:clamp(30px,4vw,48px);font-family:Georgia,serif;line-height:1.4;font-weight:500;margin:14px 0}h2{font-size:24px;margin:10px 0}p{color:var(--muted)}.intro{margin-bottom:30px}.intro p{margin:0}.cards{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:20px}.card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel);text-decoration:none;display:flex;flex-direction:column;transition:transform .18s,border-color .18s}.card:hover{transform:translateY(-4px);border-color:var(--gold)}.art{height:245px;background-image:linear-gradient(0deg,#121c2a05,#121c2a00),url('/portal.png');background-size:cover;background-position:center}.card:nth-child(2) .art{background-position:left;filter:hue-rotate(145deg) saturate(.6)}.card:nth-child(3) .art{background-position:right;filter:hue-rotate(315deg) saturate(.6)}.card-body{padding:24px;display:flex;flex-direction:column;flex:1}.card h2{font-size:25px;line-height:1.45}.card p{font-size:14px;margin:5px 0 24px}.meta{color:var(--gold);font-size:12px;letter-spacing:.04em}.card-cta{border-top:1px solid var(--line);padding-top:16px;margin-top:auto;display:flex;justify-content:space-between;font-size:14px;color:#ebd2a1}.intro-row{display:flex;align-items:end;justify-content:space-between;gap:20px}.count{font-size:13px;color:var(--muted);white-space:nowrap}.info{border-top:1px solid var(--line);margin-top:45px;padding-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.info h3{font-size:15px;margin:0;color:#d8c8aa}.info p{font-size:13px;line-height:1.9}.footer{border-top:1px solid var(--line);margin-top:35px;padding-top:20px;color:#8794a3;font-size:12px;display:flex;justify-content:space-between;gap:20px}.footer a{margin-left:15px}.quiz-shell{max-width:760px;padding-top:35px}.quiz-hero{background:linear-gradient(90deg,#0b111b 10%,#0b111b8c),url('/portal.png') center 45%/cover;border:1px solid var(--line);border-radius:10px;padding:30px;margin-bottom:28px}.quiz-hero h1{font-size:32px}.quiz-hero p{font-size:14px;margin-bottom:0}.question-card{padding:28px;border:1px solid var(--line);background:var(--panel);border-radius:10px}.q-progress{display:flex;justify-content:space-between;font-size:12px;color:var(--gold)}progress{width:100%;height:5px;accent-color:var(--gold);margin:16px 0 20px}progress::-webkit-progress-bar{background:#2b3542}progress::-webkit-progress-value{background:var(--gold)}.question{font-size:24px;line-height:1.55;margin:0 0 24px}.options{display:grid;gap:11px}.option{color:var(--ink);background:#101925;border:1px solid var(--line);padding:16px 18px;border-radius:5px;text-align:left;font-size:15px}.option:hover{border-color:#9f8c67}.option.selected{border-color:var(--gold);background:#2a2b24}.actions{display:flex;gap:12px;margin-top:26px}.primary{background:var(--gold);color:#111925;font-weight:bold;padding:14px 20px;border:0;border-radius:5px;flex:1;text-align:center;text-decoration:none}.secondary{background:transparent;color:var(--ink);border:1px solid var(--line);padding:13px 18px;border-radius:5px;text-align:center;text-decoration:none}.text-link{display:block;text-align:center;margin:20px 0;font-size:14px;color:var(--gold)}.result-title{text-align:center;border:1px solid #6e6148;padding:25px;background:linear-gradient(135deg,#252a32,#131d2b);border-radius:9px}.seal{font-size:60px;color:var(--gold)}.result-title h2{font-size:34px;color:var(--gold);font-family:Georgia,serif;margin:0}.result-title p{color:#ccd1d9;font-size:15px}.tag{display:inline-block;border:1px solid #555348;font-size:12px;padding:4px 10px;color:var(--gold);margin:5px}.result-section{margin:26px 0}.result-section h3{font-size:16px;color:var(--gold);margin:0 0 8px}.result-section p{font-size:15px;line-height:1.9;margin:0;color:#c3cbd4}.notice{min-height:25px;color:var(--gold);font-size:13px}.recommend{margin-top:30px;border-top:1px solid var(--line);padding-top:20px;display:grid;gap:10px}.recommend a{font-size:14px;text-decoration:none;border:1px solid var(--line);padding:13px;border-radius:5px}.policy{max-width:780px}.policy h2{font-size:22px;color:var(--gold);margin-top:30px}.policy p,.policy li{color:#bdc7d2;font-size:15px}.policy li{margin:10px 0}.policy a{color:var(--gold)}@media(max-width:850px){.cards{grid-template-columns:1fr}.card{display:grid;grid-template-columns:35% 65%}.art{height:100%;min-height:240px}.card-body{padding:22px}.card h2{font-size:24px}.info{grid-template-columns:1fr;gap:10px}}@media(max-width:500px){header{padding:18px 20px}.shell{padding:28px 20px 40px}.intro-row{display:block}.count{margin:12px 0}.card{display:flex}.art{height:165px;min-height:0}.card-body{padding:21px}.quiz-hero{padding:22px}.quiz-hero h1{font-size:27px}.question-card{padding:21px}.question{font-size:21px}.actions{flex-wrap:wrap}.result-title h2{font-size:29px}.footer{display:block}.footer div{margin-top:10px}.footer a{margin-left:0;margin-right:15px}}@media(prefers-reduced-motion:reduce){.card{transition:none}}
.card:nth-child(2) .art{background-image:url('/survival.png');background-position:center;filter:none}.card:nth-child(3) .art{background-image:url('/villain.png');background-position:center;filter:none}body[data-test=survival] .quiz-hero{background-image:linear-gradient(90deg,#0b111be8,#0b111b65),url('/survival.png')}body[data-test=villain] .quiz-hero{background-image:linear-gradient(90deg,#0b111be8,#0b111b65),url('/villain.png')}