:root{--bg:#07111f;--panel:#0d1a2b;--panel2:#101f33;--line:#20344d;--text:#f4f7fb;--muted:#93a5ba;--cyan:#4ee4c3;--gold:#e8c46a;--purple:#8a7cff;--shadow:0 24px 80px rgba(0,0,0,.35)}*{box-sizing:border-box}html{font-size:16px}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 8%,#112b44 0,transparent 30%),radial-gradient(circle at 85% 80%,#16274a 0,transparent 28%),var(--bg);color:var(--text);font-family:"Noto Sans KR",sans-serif;line-height:1.6;overflow-x:hidden}.ambient{position:fixed;border-radius:50%;filter:blur(90px);opacity:.12;pointer-events:none}.ambient.one{width:320px;height:320px;background:var(--cyan);top:-90px;left:-120px}.ambient.two{width:390px;height:390px;background:var(--purple);right:-180px;bottom:-100px}.topbar{height:72px;max-width:1160px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:12px;color:var(--text);background:none;border:0;font:700 1rem inherit;cursor:pointer}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--cyan);color:var(--cyan);transform:rotate(45deg);border-radius:8px}.brand-mark::first-letter{transform:rotate(-45deg)}.unofficial,.micro,.muted{font-size:.82rem;color:var(--muted)}.shell{width:min(1080px,calc(100% - 36px));margin:0 auto}.view{display:none;min-height:calc(100vh - 150px);padding:72px 0}.view.active{display:block;animation:rise .45s ease}.view#startView.active{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:70px}.eyebrow,.small-label,.step-label,.question-tag{color:var(--cyan);font-size:.78rem;font-weight:800;letter-spacing:.18em}.hero-card h1,.result-top h1{margin:14px 0 20px;font-size:clamp(2.6rem,6vw,5.1rem);line-height:1.08;letter-spacing:-.055em}.hero-card h1 span{color:transparent;background:linear-gradient(90deg,var(--cyan),#8af0dc);background-clip:text}.hero-copy{max-width:590px;color:#b9c7d6;font-size:1.08rem}.feature-row{display:flex;gap:34px;margin:36px 0}.feature-row div{display:flex;flex-direction:column}.feature-row strong{font-size:1.45rem;color:var(--gold)}.feature-row span{font-size:.8rem;color:var(--muted)}button{font-family:inherit}.primary-btn,.secondary-btn{min-height:54px;padding:0 24px;border-radius:14px;font-weight:800;font-size:1rem;cursor:pointer}.primary-btn{border:0;background:linear-gradient(135deg,var(--cyan),#2cbfa8);color:#041610;box-shadow:0 12px 30px rgba(78,228,195,.18)}.primary-btn span{margin-left:16px}.secondary-btn{border:1px solid var(--line);background:var(--panel);color:var(--text)}.micro{margin:12px 2px}.radar-preview{height:420px;position:relative;display:grid;place-items:center}.preview-grid{width:300px;height:300px;background:linear-gradient(135deg,rgba(78,228,195,.13),rgba(138,124,255,.12));clip-path:polygon(50% 0,98% 36%,80% 94%,20% 94%,2% 36%);border-radius:50%;box-shadow:inset 0 0 40px rgba(78,228,195,.2),0 0 80px rgba(78,228,195,.1)}.preview-core{position:absolute;display:grid;place-items:center;width:112px;height:112px;border:1px solid var(--gold);border-radius:50%;font-size:3rem;color:var(--gold);background:#091523;box-shadow:0 0 35px rgba(232,196,106,.2)}.axis{position:absolute;font-size:.8rem;color:var(--muted)}.a1{top:20px}.a2{right:10px;top:145px}.a3{right:55px;bottom:20px}.a4{left:55px;bottom:20px}.a5{left:10px;top:145px}.panel,.question-card,.hero-card{background:linear-gradient(145deg,rgba(16,31,51,.92),rgba(9,20,35,.92));border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.hero-card{border:0;background:transparent;box-shadow:none}.setup-panel{max-width:820px;margin:auto;padding:40px}.back-link{border:0;background:none;color:var(--muted);padding:0;cursor:pointer}.setup-panel h2{font-size:2rem;margin:10px 0 4px}.setup-panel>p{color:var(--muted);margin-top:0}fieldset{border:0;padding:0;margin:34px 0}legend{font-weight:700;margin-bottom:14px}.choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.choice-grid.compact{grid-template-columns:repeat(2,1fr)}.choice{min-height:54px;border:1px solid var(--line);background:#0a1727;color:#c7d4e1;border-radius:12px;cursor:pointer}.choice.selected{color:var(--cyan);border-color:var(--cyan);background:rgba(78,228,195,.08)}.setup-panel .primary-btn{width:100%}.test-head{max-width:780px;margin:0 auto 28px;display:flex;gap:18px;align-items:center}.icon-btn{width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);cursor:pointer}.progress-wrap{flex:1}.progress-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:.78rem;margin-bottom:8px}.progress-track{height:5px;border-radius:5px;background:#172940;overflow:hidden}.progress-track div{height:100%;background:linear-gradient(90deg,var(--cyan),var(--purple));transition:width .3s}.question-card{max-width:780px;min-height:500px;margin:auto;padding:44px}.question-card h2{font-size:clamp(1.45rem,3vw,2rem);line-height:1.45;margin:18px 0 30px}.options{display:grid;gap:12px}.option{width:100%;min-height:64px;display:flex;align-items:center;text-align:left;padding:14px 18px;border:1px solid var(--line);border-radius:14px;background:#0a1727;color:#d8e1eb;font-size:.96rem;cursor:pointer;transition:.18s}.option:hover,.option.selected{transform:translateY(-2px);border-color:var(--cyan);background:rgba(78,228,195,.08);color:#fff}.option-key{display:grid;place-items:center;flex:0 0 30px;height:30px;margin-right:13px;border:1px solid #37506b;border-radius:8px;color:var(--cyan);font-weight:800}.result-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px}.result-top p{color:var(--muted);margin:8px 0}.result-top h1{font-size:clamp(2.4rem,5vw,4.5rem);margin:0;color:var(--cyan)}.result-tagline{font-size:1rem!important;color:#c6d3df!important}.type-emblem{width:150px;height:150px;display:grid;place-items:center;border-radius:34px;transform:rotate(45deg);background:linear-gradient(135deg,rgba(78,228,195,.18),rgba(138,124,255,.2));border:1px solid var(--cyan);font-size:4rem;color:var(--gold)}.type-emblem span{transform:rotate(-45deg)}.result-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.result-grid .panel,.champion-panel{padding:28px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel h3{margin:0 0 20px;font-size:1.25rem}.score-row{margin:15px 0}.score-meta{display:flex;justify-content:space-between;font-size:.86rem;margin-bottom:7px}.score-meta span:last-child{color:var(--cyan);font-weight:700}.score-track{height:8px;background:#172940;border-radius:8px;overflow:hidden}.score-fill{height:100%;border-radius:8px;background:linear-gradient(90deg,var(--purple),var(--cyan))}.secondary{margin-top:24px;padding-top:18px;border-top:1px solid var(--line);font-size:.88rem;color:var(--muted)}.description{color:#becbd8}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.two-col h4{color:var(--gold);margin-bottom:8px}.two-col ul{padding-left:18px;color:#b9c7d6;font-size:.9rem}.champion-panel{margin-top:18px}.champion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.champion-card{padding:20px;border:1px solid var(--line);background:#0a1727;border-radius:16px}.champion-rank{font-size:.72rem;color:var(--cyan);font-weight:800}.champion-icon{width:54px;height:54px;display:grid;place-items:center;margin:14px 0;border-radius:14px;background:linear-gradient(145deg,#213754,#111d30);color:var(--gold);font-size:1.4rem;font-weight:800}.champion-card h4{margin:0}.champion-card p{margin:6px 0 0;color:var(--muted);font-size:.8rem}.result-actions{display:flex;justify-content:center;gap:12px;margin:28px 0}.disclaimer,footer{text-align:center;color:#73869b;font-size:.76rem}footer{padding:22px;max-width:900px;margin:auto;border-top:1px solid rgba(255,255,255,.05)}@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(max-width:800px){.view{padding:42px 0}.view#startView.active{display:block}.radar-preview{display:none}.choice-grid,.choice-grid.compact{grid-template-columns:1fr 1fr}.result-grid{grid-template-columns:1fr}.result-top{align-items:flex-end}.type-emblem{width:92px;height:92px;border-radius:24px;font-size:2.5rem}.champion-grid{grid-template-columns:1fr}.question-card{padding:28px 20px;min-height:0}.setup-panel{padding:28px 20px}.feature-row{gap:20px}.unofficial{display:none}}@media(max-width:480px){.shell{width:min(100% - 24px,1080px)}.topbar{padding:0 14px}.hero-card h1{font-size:2.5rem}.choice-grid,.choice-grid.compact{grid-template-columns:1fr}.result-top{display:block}.type-emblem{display:none}.two-col{grid-template-columns:1fr}.result-actions{display:grid}.feature-row{justify-content:space-between}.feature-row div{min-width:0}}