*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{color:#322d3e;-webkit-font-smoothing:antialiased;background-color:#fff9f1;background-image:radial-gradient(at 12% 8%,#e9dcff 0,#0000 48%),radial-gradient(at 90% 22%,#ffe2cf 0,#0000 44%),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100vh;margin:0;font:14px/1.7 Arial,Noto Sans KR,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}a:focus-visible,summary:focus-visible{outline-offset:5px;outline:2px solid #7851a2}.skip{z-index:5;background:#eadcf7;padding:10px;position:absolute;top:8px;left:8px;transform:translateY(-150%)}.skip:focus{transform:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{justify-content:space-between;align-items:center;width:calc(100% - 48px);max-width:1200px;height:70px;margin:0 auto;display:flex}.brand img{width:115px;height:auto}.landing-page .brand{visibility:hidden}.site-header nav{color:#6e6179;align-items:center;gap:3px;font-size:11px;display:flex}.site-header nav a{padding:6px 9px}.site-header nav a[aria-current]{color:#fff;background:#705284;border-radius:4px}.site-header nav .github{color:#63506f;margin-left:8px}main{width:min(760px,100% - 36px);margin:0 auto}.hero{text-align:center;padding:36px 0 40px}.hero-art{border-radius:5px;width:720px;height:auto;margin:0 auto 34px}.play{background:#f4eafa;border:1px solid #dbcbe7;border-radius:7px;justify-content:center;align-items:center;gap:18px;width:min(330px,100%);min-height:69px;margin:0 auto;padding:17px 21px;font-size:14px;font-weight:700;display:flex;box-shadow:0 6px 24px #765b8a12}.play img{width:95px;height:auto}.play>span:last-child{color:#765089;margin-left:auto;font-size:19px}.play:hover{background:#ecdcf7;border-color:#ac8bbf}.news{background:#ffffffb8;border:1px solid #e8dce9;border-radius:7px;width:min(480px,100%);margin:0 auto 60px;padding:20px 20px 15px;box-shadow:0 8px 32px #765b8a0d}.section-head{justify-content:space-between;align-items:center;gap:15px;padding-bottom:15px;display:flex}.section-head h2{letter-spacing:-.02em;font-size:15px;font-weight:700}.section-head>span{color:#74677d;font-size:10px}.news-item{border-top:1px solid #e4dbe8}.news-item summary{cursor:pointer;grid-template-columns:1fr 18px;gap:7px 10px;padding:15px 0;list-style:none;display:grid}.news-item summary::-webkit-details-marker{display:none}.news-item time{color:#776a80;grid-column:1;font-size:10px}.item-title{grid-area:2/1;align-items:flex-start;gap:8px;font-size:12px;line-height:1.65;display:flex}.badge{white-space:nowrap;color:#69427f;background:#ede0f6;border-radius:3px;flex-shrink:0;padding:2px 6px;font-size:9px;font-weight:700;line-height:1.6;display:inline-block}.badge.update{color:#28674d;background:#e0f2e5}.expand{text-align:right;color:#806a8d;grid-area:1/2/3;align-self:center;font-size:20px;font-weight:400}.news-item[open] .expand{font-size:0}.news-item[open] .expand:after{content:"−";font-size:20px}.inline-story{color:#65596f;overflow-wrap:anywhere;word-break:keep-all;padding:2px 0 21px;font-size:12px;line-height:1.9}.inline-summary{color:#514258;margin-bottom:19px}.inline-story section+section{margin-top:18px}.inline-story h3{color:#45334f;margin-bottom:5px;font-size:12px}.read{color:#74468d;text-underline-offset:4px;margin-top:22px;font-size:11px;text-decoration:underline;display:inline-block}.plan-note{color:#75677e;word-break:keep-all;border-top:1px solid #e4dbe8;padding-top:13px;font-size:10px;line-height:1.8}footer{text-align:center;color:#81718b;width:min(480px,100% - 36px);margin:0 auto;padding:0 0 38px;font-size:10px}footer nav{color:#786186;justify-content:center;gap:24px;margin-bottom:12px;font-size:12px;display:flex}footer nav a{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}footer nav a:hover{color:#633f7c;background:#eeddf5}.story{max-width:680px;margin:28px auto 70px}.back{color:#74468d;text-underline-offset:5px;font-size:12px;text-decoration:underline}.story-meta{color:#75677e;align-items:center;gap:14px;margin-top:45px;font-size:11px;display:flex}.story h1{letter-spacing:-.04em;word-break:keep-all;margin-top:20px;font-size:clamp(28px,4.6vw,43px);line-height:1.35}.story-summary{color:#65596f;word-break:keep-all;margin-top:22px;font-size:17px}.byline{color:#75677e;border-bottom:1px solid #e4dbe8;margin-top:24px;padding-bottom:28px;font-size:11px}.story-body{margin-top:34px}.story-body section+section{margin-top:30px}.story-body h2{letter-spacing:-.03em;font-size:20px;line-height:1.4}.story-body p{color:#65596f;word-break:keep-all;overflow-wrap:anywhere;margin-top:11px;font-size:15px;line-height:1.95}.end-back{margin-top:40px;display:inline-block}@media (max-width:600px){.site-header{width:calc(100% - 28px);height:56px}.hero{padding:30px 0}.hero-art{margin-bottom:28px}.play{width:300px;max-width:100%;min-height:62px;padding:14px 18px}.news{margin-bottom:38px;padding:17px 16px 13px}.story{margin-top:25px;margin-bottom:45px}.story-meta{margin-top:32px}.story-summary{font-size:16px}.story-body p{font-size:14px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.vice{max-width:480px;margin:0 auto 48px;padding-top:2px}.vice-head{text-align:center;margin-bottom:15px}.vice-head>span{color:#866099;letter-spacing:.28em;font-size:11px}.vice-head h2{letter-spacing:-.035em;margin-top:3px;font-size:20px}.vice-members{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.vice-members article{text-align:center;min-width:0;padding:0 2px}.member-avatar{object-fit:cover;background:#f2e8f6;border:1px solid #d8c5e2;border-radius:50%;width:82px;height:82px;margin:0 auto 10px;display:block}.vice-members h3{font-size:13px;font-weight:700}.member-role{color:#796184;word-break:keep-all;margin-top:3px;font-size:9px;line-height:1.6}.world-link{color:#74468d;text-underline-offset:5px;margin:23px auto 0;font-size:12px;text-decoration:underline;display:table}.inline-story .world-link{margin:15px 0 0;display:block}.story .vice{margin:35px auto 0}@media (max-width:600px){.vice{margin-bottom:40px}.vice-members{gap:8px}.member-avatar{width:62px;height:62px}.vice-members h3{font-size:12px}.member-role{overflow-wrap:anywhere;font-size:8px}}
