@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&family=Noto+Serif+KR:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#080c18;--surface:#0f1525;--line:#293146;--muted:#a1abc0;--ink:#ecedf6;--accent:#b8bcff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Noto Sans KR',sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #c6bdff;outline-offset:5px}header{height:92px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#080c18ed;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:12px;line-height:1.2;letter-spacing:3px;font-family:Georgia,serif;font-size:21px}.brand-star{font-size:46px;color:#ced3f1}.brand small{display:block;font-family:'Noto Sans KR',sans-serif;font-size:12px;letter-spacing:2px;margin-top:8px;color:var(--muted)}nav{display:flex;gap:36px;font-size:14px}nav a:hover{color:var(--accent)}.header-note{font-size:12px;letter-spacing:2px;color:#8490ab}.hero{min-height:790px;position:relative;padding:86px 8% 90px;overflow:hidden;background:radial-gradient(ellipse at 79% 52%,#27294c88 0,transparent 43%),radial-gradient(ellipse at 80% 20%,#25204650,transparent 50%),#080c18}.hero:before{content:'';position:absolute;inset:0;opacity:.5;background-image:radial-gradient(1px 1px at 8% 22%,#fff 90%,transparent),radial-gradient(1px 1px at 82% 14%,#fff 90%,transparent),radial-gradient(1px 1px at 63% 38%,#fff 90%,transparent),radial-gradient(1px 1px at 91% 76%,#fff 90%,transparent),radial-gradient(1px 1px at 51% 81%,#fff 90%,transparent);background-size:410px 350px;pointer-events:none}.eyebrow{font-size:12px;letter-spacing:3px;color:#a8afd7;font-weight:500;margin:0 0 24px}.hero-copy{position:relative;z-index:1}.hero-intro{font-size:17px;color:#c2c6de;letter-spacing:3px;margin-top:38px}h1{font-family:'Noto Serif KR',serif;font-size:clamp(42px,4.5vw,68px);font-weight:500;line-height:1.4;letter-spacing:-2px;margin:18px 0 24px}h1 em{font-style:normal;color:#bac3f0}.hero-description{font-size:16px;color:var(--muted);line-height:1.95;margin-bottom:32px}.primary{display:inline-flex;gap:45px;background:#d9def7;color:#18203a;padding:14px 23px;font-size:14px;font-weight:600;transition:.2s}.primary:hover{background:white;transform:translateY(-2px)}.text-link{display:inline-block;margin-left:26px;font-size:14px;color:#c1c7da}.hero-bottom{position:absolute;bottom:26px;left:8%;right:8%;display:flex;justify-content:space-between;font-size:12px;color:#8a95af;letter-spacing:1px}.orbital{position:absolute;width:560px;height:560px;right:3%;top:80px;border:1px solid #8991c52c;border-radius:50%;transform:rotate(-22deg)}.orbital:before,.orbital:after{content:'';position:absolute;inset:30px;border:1px solid #8a92c528;border-radius:50%}.orbital:after{inset:100px;border-style:dashed}.orbital span{position:absolute;left:-12%;right:-12%;top:36%;height:28%;border:1px solid #a4acd441;border-radius:50%;transform:rotate(38deg)}.orbital span:nth-child(2){transform:rotate(100deg)}.orbital span:nth-child(3){transform:rotate(158deg)}.orbital i{position:absolute;inset:0;display:grid;place-items:center;font-size:135px;font-style:normal;color:#dbe0ff;filter:drop-shadow(0 0 30px #9e99f4);transform:rotate(22deg)}.hero-label{position:absolute;right:9%;top:580px;width:360px;text-align:center}.hero-label span{font-family:Georgia,serif;font-size:44px;letter-spacing:14px;color:#c2c9e7}.hero-label small{font-size:10px;letter-spacing:2px;color:#939bb7;display:block}.section{padding:100px 8%;border-top:1px solid var(--line);scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:45px;gap:35px}h2{font-family:'Noto Serif KR',serif;font-size:38px;font-weight:500;line-height:1.55;margin:0;letter-spacing:-1px}h2 span{color:#aab4d0}.section-heading>p{color:var(--muted);font-size:15px;margin-bottom:6px}.world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.world-grid article{position:relative;border:1px solid var(--line);padding:30px;background:linear-gradient(135deg,#111a2c,#0c111f)}.number{position:absolute;top:24px;right:24px;font-size:12px;letter-spacing:2px;color:#737f9a}.symbol{font-size:37px;color:#a6b8de;display:block;margin:10px 0 25px}.world-grid h3{font-size:22px;font-weight:500}.world-grid h3 small{display:inline-block;font-size:11px;letter-spacing:1px;color:#8895b0;margin-left:12px}.world-grid p,.academy p,.rank-panel>p:last-child,.rules p,.system-grid p{font-size:15px;color:var(--muted);line-height:1.9}.world-grid .gate-card{background:radial-gradient(ellipse at top right,#52346855,transparent 80%),#101222}.gate-card .symbol{color:#be94df}.academy{display:grid;grid-template-columns:1fr 1.2fr;gap:90px;background:#0b101e}.academy-title>p:not(.eyebrow){max-width:390px;margin-top:25px}.school-mark{display:flex;align-items:center;gap:20px;font-family:Georgia,serif;font-size:70px;color:#8894b2;margin-top:35px}.school-mark>span{font-size:16px;letter-spacing:5px;line-height:1.7}.education h3{font-size:22px;margin:0 0 6px;font-weight:500}.education>p{margin:0 0 25px}.school-row{padding:18px 0;border-top:1px solid var(--line)}.school-row span{font-size:15px;color:#d7dcee}.school-row p{margin:5px 0 0;font-size:14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:25px}.stats>div{border-left:1px solid var(--line);padding-left:22px}.stats strong{font-family:Georgia,serif;font-size:46px;font-weight:400;color:#c9cef9;display:block;line-height:1.3}.stats strong small{font-size:23px}.stats span{font-size:12px;color:#a2abc0}.academy .stat-note{font-size:12px;margin-top:16px}.students{background:linear-gradient(#080c18,#0d1222)}.year-title{display:flex;gap:18px;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:15px;margin:40px 0 22px}.year-title h3{margin:0;font-size:21px;font-weight:500}.year-title span{font-size:12px;letter-spacing:1px;color:var(--muted)}.student-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.student-card{display:block;width:100%;padding:0;border:1px solid #2c3449;background:#0e1526;color:inherit;text-align:left;cursor:pointer;transition:transform .25s,border-color .25s;overflow:hidden}.student-card:hover{transform:translateY(-6px);border-color:#8893ba}.portrait{position:relative;aspect-ratio:4/5;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#34415c,#101827)}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center 25%;transition:transform .5s}.student-card:hover img{transform:scale(1.045)}.portrait:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#0e1526)}.portrait .grade{position:absolute;top:14px;left:14px;z-index:1;background:#080c18c9;border:1px solid #adb8d84f;font-size:12px;padding:3px 10px;color:#e3e8fb}.portrait .initial{display:none;position:absolute;inset:0;place-items:center;font-family:'Noto Serif KR',serif;font-size:58px;color:#acb6d7}.portrait.failed .initial{display:grid}.portrait.failed img{display:none}.card-copy{padding:5px 20px 23px}.card-name{display:flex;justify-content:space-between;align-items:center}.card-name h4{font-size:22px;font-weight:500;margin:0}.card-name span{font-size:20px;color:#7a89aa}.card-traits{font-size:13px;color:#a7b0c6;margin:10px 0 18px;height:24px}.card-meta{font-size:13px;display:flex;gap:9px;align-items:center}.card-meta b{font-weight:400;color:#d6dcf1}.card-meta small{font-size:11px;color:#75839e}.patron{font-size:12px;color:#929fbd;border-top:1px solid #293146;padding-top:13px;margin:14px 0 0;white-space:normal;min-height:38px}.constellation-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:70px}.rank-panel{border:1px solid var(--line);padding:32px;background:linear-gradient(140deg,#17192f,#0c1220)}.rank{display:flex;align-items:center;gap:25px;border-top:1px solid var(--line);padding:12px 0}.rank span{font-family:Georgia,serif;width:18px;color:#9aabd0}.rank h3{font-size:18px;font-weight:500;margin:0}.rank small{margin-left:auto;font-size:11px;letter-spacing:2px;color:#949bb6}.rank:last-of-type{color:#d8c6ff}.rank-panel>p:last-child{margin-bottom:0;font-size:14px}.rules details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;padding:24px 0;font-size:18px}summary::-webkit-details-marker{display:none}summary span{color:#9da8d0}details[open] summary span{transform:rotate(45deg)}.rules details>div{padding-bottom:15px}.rules p{margin-top:0}.rules b{color:#d6dcf0;font-weight:500}.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:65px;padding-top:40px;border-top:1px solid var(--line)}.system-grid article{border-right:1px solid var(--line);padding-right:30px}.system-grid article:last-child{border:0}.system-grid h3{font-size:25px;margin:0;font-weight:500}.system-grid .eyebrow{margin:0 0 10px}.skill-scale{letter-spacing:6px;color:#d4dafa;margin-top:20px}.skill-scale span{color:#8591ad}.system-grid small{font-size:11px;color:#8e99b4}.system-footer{display:block;margin-top:25px;font-size:13px;color:#bac5df}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:45px 8%;border-top:1px solid var(--line)}footer p,footer>a:last-child{font-size:13px;color:#8f9ab4}dialog{padding:0;border:1px solid #56617e;background:#101728;color:var(--ink);width:min(860px,94vw);max-height:90dvh;overflow:auto}dialog::backdrop{background:#030713df;backdrop-filter:blur(7px)}.close{position:absolute;right:14px;top:12px;z-index:4;width:42px;height:42px;background:#080c18cf;border:1px solid #677189;color:white;font-size:26px;cursor:pointer}.profile-grid{display:grid;grid-template-columns:42% 58%}.profile-image{width:100%;height:100%;min-height:540px;object-fit:cover;object-position:50% 20%;background:#18233b}.profile-copy{padding:40px 35px}.profile-copy h2{font-size:34px}.profile-copy .eyebrow{margin-bottom:8px}.profile-copy p{font-size:14px;color:#b7c0d6;line-height:1.95}.profile-copy dl{display:grid;grid-template-columns:64px 1fr;gap:8px;font-size:14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin:23px 0}.profile-copy dt{color:#8a97b3}.profile-copy dd{margin:0}.profile-copy details{border-top:1px solid var(--line)}.profile-copy summary{font-size:14px;padding:12px 0}.profile-copy ul{padding-left:18px;color:#b7c0d6;font-size:14px}.profile-copy li{margin-bottom:8px}body.modal-open{overflow:hidden}@media(min-width:1600px){.section,.hero{padding-left:max(8%,calc((100vw - 1320px)/2));padding-right:max(8%,calc((100vw - 1320px)/2))}.orbital{right:calc((100vw - 1280px)/2)}.hero-label{right:calc((100vw - 1040px)/2)}}@media(max-width:1100px){.header-note{display:none}.orbital{right:-180px;opacity:.6}.hero-label{right:3%;width:300px}.hero-label span{font-size:32px}.academy{gap:40px}.student-grid{gap:14px}.card-copy{padding:5px 14px 18px}.card-traits{font-size:12px}.constellation-layout{gap:35px}}@media(max-width:760px){header{height:auto;min-height:115px;flex-wrap:wrap;gap:18px;padding:18px 6%}nav{width:100%;justify-content:space-between;gap:12px;font-size:13px}.brand{font-size:18px}.brand-star{font-size:36px}.brand small{font-size:10px}.hero{padding:60px 6% 85px;min-height:770px}.hero .eyebrow{font-size:10px;letter-spacing:2px}.orbital{width:420px;height:420px;right:-205px;top:210px;opacity:.35}.hero-label{display:none}.hero-intro{font-size:14px}.hero h1{font-size:44px}.hero-description{font-size:15px}.text-link{margin-left:15px;font-size:12px}.primary{padding:13px 17px;gap:15px}.hero-bottom{left:6%;right:6%;font-size:10px}.hero-bottom span:last-child{letter-spacing:0}.section{padding:65px 6%}.section-heading{display:block;margin-bottom:30px}h2{font-size:30px}.section-heading>p{margin-top:22px;font-size:14px}.world-grid{grid-template-columns:1fr;gap:14px}.world-grid article{padding:24px}.symbol{margin:0 0 12px}.world-grid h3{margin:10px 0}.world-grid p{margin-bottom:0}.academy{grid-template-columns:1fr;gap:35px}.school-mark{display:none}.academy-title>p:not(.eyebrow){max-width:none}.stats strong{font-size:38px}.stats>div{padding-left:12px}.stats span{font-size:11px}.student-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.card-name h4{font-size:19px}.card-copy{padding:4px 12px 15px}.card-traits{height:auto;min-height:42px;line-height:1.6;margin:8px 0}.card-meta{font-size:12px;gap:6px}.patron{font-size:11px;min-height:51px}.year-title{margin-top:30px}.constellation-layout{grid-template-columns:1fr;gap:25px}.system-grid{grid-template-columns:1fr;gap:28px;margin-top:35px}.system-grid article{border-right:0;border-bottom:1px solid var(--line);padding:0 0 25px}.profile-grid{display:block}.profile-image{height:310px;min-height:0;object-position:center 25%}.profile-copy{padding:25px}.profile-copy h2{font-size:30px}footer{flex-wrap:wrap;padding:30px 6%}footer p{order:3;width:100%;margin:0;font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}