@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&family=Noto+Serif+KR:wght@400;500;600;700;900&display=swap');
:root{color-scheme:dark;--silver:#e5ecfa;--muted:#a9bad2;--line:#61799980;--blue:#8bc7ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#050d1b;color:var(--silver);font-family:'Noto Sans KR',sans-serif;font-size:14px;background-image:radial-gradient(ellipse at 50% 55%,#18365b70,transparent 75%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid #9cdaff;outline-offset:5px}button:hover,a:hover{color:#fff}svg{width:26px;height:26px;flex-shrink:0}.skip{position:fixed;top:-70px;left:20px;z-index:20;background:#163c69;padding:15px}.skip:focus{top:10px}.header{height:88px;position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;border-bottom:1px solid #91a7c060;background:linear-gradient(90deg,#061020f5,#09182be6,#061020f5)}.brand{display:flex;align-items:center;gap:8px;white-space:nowrap}.brand b{font-family:'Noto Serif KR',serif;font-size:30px;font-weight:600;text-shadow:0 2px 10px #7db5ff70}.brand small{display:block;text-align:center;font-family:Georgia,serif;font-size:10px;letter-spacing:5px;margin-top:3px}.moon{font-family:Georgia,serif;font-size:65px;line-height:1;color:#cce9ff;text-shadow:0 0 12px #5faeff}.header nav{display:flex;gap:26px;align-items:center}.header nav button,.header nav a{font-family:'Noto Serif KR',serif;font-size:17px;font-weight:600;white-space:nowrap;padding:12px 0}.header nav i{font-size:12px;color:#7386a1;font-style:normal}.header-sign{font:8px Georgia,serif;letter-spacing:4px;text-align:center;color:#b0c1db}.header-sign span{display:block;margin-top:7px;font-size:11px}.menu-toggle{display:none}.hero{height:570px;position:relative;isolation:isolate;max-width:2000px;margin:auto}.hero:before{content:'';position:absolute;inset:0;z-index:-2;background:url('assets/moonlight-hero.png') center 42%/cover no-repeat}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#06102170 0%,#06102130 38%,transparent 65%),linear-gradient(0deg,#050d1b 0%,transparent 18%)}.hero-copy{padding-top:64px;margin-left:7%;width:650px;max-width:55%}.eyebrow{color:#b7cde8;font:10px Georgia,serif;letter-spacing:4px;margin:0 0 13px}h1{font-family:'Noto Serif KR',serif;font-size:clamp(64px,6.8vw,112px);font-weight:900;letter-spacing:-5px;line-height:1.25;margin:0;background:linear-gradient(#fff 10%,#ddecff 30%,#829cbf 49%,#fff 53%,#adc8eb 75%,#56759b);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(1px 3px 2px #020b19) drop-shadow(0 0 13px #80baff45)}.luna-word{display:flex;align-items:center;gap:20px;width:390px;max-width:95%;font:24px Georgia,serif;letter-spacing:9px;justify-content:center;margin:9px 0 24px;color:#e7f3ff}.luna-word span{height:1px;flex:1;background:linear-gradient(90deg,transparent,#90aaca)}.luna-word span:last-child{transform:rotate(180deg)}.hero h2{font:500 clamp(18px,2vw,29px)/1.6 'Noto Serif KR',serif;letter-spacing:-.8px;margin:0 0 18px;white-space:nowrap;text-shadow:0 2px 8px #000}.description{font-size:17px;color:#bfccdf;line-height:1.8;margin:0 0 27px;text-shadow:0 2px 8px #000}.actions{display:flex;gap:14px}.actions button{height:66px;display:flex;align-items:center;justify-content:center;gap:14px;padding:0 24px;font-size:20px;white-space:nowrap;border:1px solid #899bb7;position:relative;transition:filter .2s,transform .2s}.actions button:hover{filter:brightness(1.25);transform:translateY(-2px)}.actions button:before{content:'';position:absolute;inset:3px;border:1px solid #a3bdde40;pointer-events:none}.actions button span{font-size:29px;font-weight:400;margin-left:8px}.download{background:linear-gradient(#1e66b8,#0d326d 65%,#10284b);box-shadow:0 0 18px #499dff70,inset 0 0 12px #72c5ff80;border-color:#a2d4ff!important;font-weight:700}.guide{background:#071322db}.hero-caption{position:absolute;bottom:48px;right:6%;font:11px 'Noto Serif KR',serif;letter-spacing:3px;color:#c2d7ed90}.portal{position:relative;max-width:1530px;margin:-16px auto 0;padding:0 36px;display:grid;grid-template-columns:1fr 1fr;gap:12px;z-index:1}.notice-panel,.quick{border:1px solid #6e8bab88;box-shadow:inset 0 0 0 3px #0b1a2b,inset 0 0 0 4px #5c769536;background-color:#061222e6;position:relative}.notice-panel:before,.quick:before{content:'✧';position:absolute;top:-8px;left:-5px;color:#7d99bb;font-size:18px;z-index:2}.notice-panel{padding:25px 30px 18px;scroll-margin-top:25px}.panel-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #6480a580;padding-bottom:17px;position:relative}.panel-heading:after{content:'';position:absolute;bottom:-1px;left:0;width:52px;height:2px;background:#b1dfff;box-shadow:0 0 8px #9ecfff}.panel-heading h2{font:600 26px 'Noto Serif KR',serif;margin:0}.panel-heading small{font:9px Georgia,serif;letter-spacing:4px;margin-left:16px;color:#7791b6}.more{color:#abbdd3;font-size:12px}.notice-row{width:100%;display:grid;grid-template-columns:70px 1fr 78px;gap:15px;text-align:left;align-items:center;min-height:49px;border-bottom:1px solid #40567360;padding:8px 0}.notice-row:hover{background:#28476a40}.notice-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.badge{padding:5px 0;text-align:center;border:1px solid #6a85ab80;background:#34445b88;font-size:11px;border-radius:2px}.badge.update{background:#345e8c88;color:#d8eaff}.badge.event,.badge.maintenance{background:#78545b77;color:#edbec6}.notice-row time{font-size:11px;color:#8ea9cd}.sample-note{font-size:10px;color:#6e829e;margin:13px 0 0}.quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick{display:block;text-align:left;min-height:355px;overflow:hidden;transition:transform .25s,border-color .25s;background-image:linear-gradient(#061222 0%,#061222df 27%,#06122255 60%,transparent 100%),url('assets/panels.png');background-repeat:no-repeat;background-size:100% 100%,1586px 992px}.guide-card{background-position:0 0,-795px -638px}.update-card{background-position:0 0,-1034px -638px}.support-card{background-position:0 0,-1275px -638px}.quick:hover{transform:translateY(-5px);border-color:#c0ddff}.card-content{position:relative;display:block;padding:28px 25px}.card-content small{font-family:Georgia,serif;letter-spacing:2px;color:#a3bbdf}.card-content strong{display:block;font:600 23px 'Noto Serif KR',serif;margin:12px 0 15px;white-space:nowrap}.card-content>span{color:#becada;font-size:12px;line-height:1.8}.card-content i{display:grid;place-items:center;margin-top:18px;width:39px;height:39px;border:1px solid #aac9e9;border-radius:50%;font:27px Georgia,serif;background:#03102299}footer{max-width:1460px;margin:30px auto 0;min-height:90px;border-top:1px solid #26384e;display:flex;align-items:center;gap:24px;color:#778ba7;font-size:11px;padding:18px 0}.footer-brand{font:18px Georgia,serif;letter-spacing:4px;color:#b5cae6}footer>span{margin-left:auto}footer button{font-size:11px}dialog{border:1px solid #758eac;background:linear-gradient(135deg,#10253e,#050f20);color:var(--silver);width:min(640px,calc(100% - 32px));max-height:85vh;padding:30px;box-shadow:0 20px 100px #000c;line-height:1.9}dialog::backdrop{background:#010610cc;backdrop-filter:blur(6px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;font:10px Georgia,serif;letter-spacing:3px;color:#8aaaca;border-bottom:1px solid #526b8b;padding-bottom:12px}.close{font-size:30px;line-height:1}.dialog-top+div h2{font:600 27px 'Noto Serif KR',serif;margin:25px 0 10px}dialog p,dialog li{color:#bdcce0}dialog ol{padding-left:22px}.dialog-confirm,.dialog-link{display:block;border:1px solid #7fadda;background:#15365e;padding:10px 25px;margin-top:24px;text-align:center}.dialog-date{font-size:12px;color:#8aaaca}.dialog-list{display:grid;gap:8px}.dialog-list button{text-align:left;padding:12px;border-bottom:1px solid #38516f}dialog a{color:#a4d4ff;text-decoration:underline}
@media(min-width:1600px){.hero{height:620px}.hero-copy{padding-top:80px}.portal{margin-top:-24px}}@media(max-width:1250px){.header{padding:0 4%}.header nav{gap:17px}.header-sign{display:none}.hero-copy{margin-left:5%;max-width:60%;padding-top:85px}.hero{height:560px}.actions button{font-size:16px;padding:0 17px;height:60px}.hero h2{font-size:24px}.portal{padding:0 24px;grid-template-columns:1fr 1fr}.notice-panel{padding:22px 20px 15px}.notice-row{gap:8px;grid-template-columns:52px 1fr 70px}.notice-title{font-size:11px}.notice-row time{font-size:10px}.panel-heading h2{font-size:23px}.panel-heading small{margin-left:8px;font-size:8px;letter-spacing:2px}.card-content{padding:25px 16px}.card-content strong{font-size:19px}.card-content>span{font-size:11px}footer{margin-left:24px;margin-right:24px}}@media(max-width:900px){.header nav{gap:12px}.header nav button,.header nav a{font-size:14px}.header nav i{display:none}.brand b{font-size:25px}.moon{font-size:52px}.hero-copy{max-width:70%}.hero h2{font-size:22px}.portal{grid-template-columns:1fr}.quick{min-height:310px;background-position-y:0,-688px}.notice-row{grid-template-columns:65px 1fr 85px;min-height:48px}.notice-title{font-size:13px}.notice-row time{font-size:12px}.card-content strong{font-size:24px}.card-content>span{font-size:13px}.hero-caption{display:none}}@media(max-width:600px){.header{height:73px;padding:0 22px}.brand b{font-size:23px}.brand small{font-size:8px}.moon{font-size:48px}.menu-toggle{display:block;font-size:24px}.header nav{display:none;position:absolute;top:72px;left:0;right:0;background:#071426fa;padding:15px 24px;border-bottom:1px solid #6f8dad;flex-wrap:wrap;gap:10px 25px}.header nav.open{display:flex}.header nav button,.header nav a{font-size:15px}.hero{height:600px}.hero:before{background-position:61% center}.hero:after{background:linear-gradient(90deg,#051021c9,#05102140),linear-gradient(0deg,#050d1b,transparent 35%)}.hero-copy{max-width:100%;width:auto;margin:0;padding:100px 24px 0}.eyebrow{font-size:8px;letter-spacing:3px}h1{font-size:67px;letter-spacing:-4px}.luna-word{width:265px;font-size:18px;letter-spacing:7px;margin-bottom:27px}.hero h2{font-size:18px;white-space:normal;letter-spacing:-.7px}.description{font-size:14px}.actions{flex-direction:column;max-width:310px;gap:10px}.actions button{height:55px;font-size:16px}.portal{padding:0 15px;margin-top:-18px;gap:15px}.notice-panel{padding:20px 17px 14px}.panel-heading h2{font-size:23px}.notice-row{grid-template-columns:42px 1fr 70px;gap:8px}.notice-title{font-size:11px}.notice-row time{font-size:10px}.badge{font-size:10px}.quick-links{gap:7px}.quick{min-height:275px;background-size:100% 100%,1250px 782px}.guide-card{background-position:0 0,-627px -505px}.update-card{background-position:0 0,-815px -505px}.support-card{background-position:0 0,-1005px -505px}.card-content{padding:20px 11px}.card-content strong{font-size:16px;margin:11px 0}.card-content>span{font-size:10px;word-break:keep-all}.card-content i{width:31px;height:31px;font-size:23px}.card-content small{font-size:11px}.sample-note{font-size:9px}footer{flex-wrap:wrap;gap:12px;margin:25px 20px 0;padding:20px 0}footer p{display:none}footer>span{font-size:9px}.footer-brand{font-size:15px}dialog{padding:23px}.dialog-top+div h2{font-size:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Bow illumination follows the same image-cover coordinates as the hero artwork. */
.hero{overflow:hidden}.bow-light{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.hero-copy{position:relative;z-index:1}.light-toggle{position:absolute;right:5.5%;bottom:19px;z-index:2;padding:7px 11px;border:1px solid #81b8e750;background:#061326a8;color:#bddfff;font-size:10px;letter-spacing:1px}.light-toggle:hover{background:#173758}.quick{background-image:linear-gradient(#061222 0%,#061222f5 18%,#061222c0 40%,transparent 75%),url("assets/panels.png");background-position-y:0,-790px}.hero-caption{bottom:62px}@media(max-width:600px){.quick{background-position-y:0,-625px}.light-toggle{right:24px;bottom:32px}.bow-light{opacity:.8}}

/* Latest notice entrance dialog. */
#latest-notice{overflow:visible;width:min(720px,calc(100% - 36px));max-height:calc(100dvh - 72px);padding:30px;border:1px solid #8d713a;border-radius:10px;background:linear-gradient(145deg,#19140e,#100e0b 70%);box-shadow:0 0 45px #c9921730,0 25px 100px #000c;color:#f2e8d5}#latest-notice::backdrop{background:#000b;backdrop-filter:blur(5px)}.announcement-label{position:absolute;top:-18px;left:50%;transform:translateX(-50%);border-radius:25px;padding:6px 23px;background:linear-gradient(#ffe235,#b18d00);color:#171200;font-size:13px;font-weight:700;box-shadow:0 0 18px #e7bd2740;white-space:nowrap}.announcement-brand{text-align:center;padding:12px 0 22px;border-bottom:1px solid #8b6a284f}.announcement-brand small{display:block;font:12px Georgia,serif;letter-spacing:3px;color:#cbb189}.announcement-brand strong{font:700 48px/1.5 "Noto Serif KR",serif;background:linear-gradient(#fff1db,#bc8b5c 55%,#f8e2c5);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 3px 12px #a9773120}#latest-content{overflow-y:auto;max-height:calc(100dvh - 340px);padding:12px 0 4px}#latest-title{font-size:13px;font-weight:400;color:#b4a48a;margin:0 0 10px}.announcement-lines{list-style:none;padding:0;margin:8px 0 16px}.announcement-lines li{position:relative;padding-left:22px;line-height:1.9;margin:7px 0;font-size:16px;color:#f2e8d5}.announcement-lines li:before{content:"";position:absolute;left:2px;top:12px;width:8px;height:8px;border-radius:50%;background:#ffc45f;box-shadow:0 0 9px #ffac32}.announcement-lines li.highlight{color:#ffda24}.announcement-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.announcement-actions button{padding:13px 10px;border-radius:9px;font-size:14px;font-weight:600}.announcement-actions button:first-child{background:#30280c;border:1px solid #80671c;color:#e0d09f}.announcement-actions button:last-child{background:#481e1b;border:1px solid #a7483e;color:#f1b9b0}.announcement-actions button:hover{filter:brightness(1.3)}.header nav{gap:21px}.header nav button,.header nav a{font-size:15px}.header-sign{display:none}.quick{padding:0;display:flex;align-items:flex-start}.dialog-list button{display:flex;justify-content:space-between;gap:15px}.dialog-list button span{font-size:11px;color:#8ca4c5;white-space:nowrap}@media(max-width:1250px){.header nav{gap:15px}.header nav button,.header nav a{font-size:13px}.brand b{font-size:26px}}@media(max-width:1000px){.menu-toggle{display:block;font-size:24px}.header nav{display:none;position:absolute;top:87px;left:0;right:0;background:#071426fa;padding:15px 24px;border-bottom:1px solid #6f8dad;flex-wrap:wrap;gap:10px 25px}.header nav.open{display:flex}.header nav button,.header nav a{font-size:15px}}@media(max-width:600px){.header nav{top:72px}#latest-notice{padding:24px 20px}.announcement-brand strong{font-size:38px}.announcement-lines li{font-size:14px}.announcement-actions button{font-size:12px;padding:12px 6px}}


/* Moonlight palette for the entrance announcement. */
#latest-notice{border-color:#719bc3;background:radial-gradient(ellipse at 50% 0,#1c3b5b90,transparent 65%),linear-gradient(145deg,#0c1c31,#060f1e 70%);box-shadow:0 0 40px #409bfa30,inset 0 0 35px #1f4b7720,0 25px 100px #000c;color:#e5efff}.announcement-label{background:linear-gradient(#c8ecff,#8dc9f5 50%,#4c8dbd);color:#071b30;box-shadow:0 0 20px #59b7ff65}.announcement-brand{border-bottom-color:#749dc65c}.announcement-brand small{color:#a7c6e8}.announcement-brand strong{background:linear-gradient(#f4fcff,#96c0e4 55%,#e8f6ff);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 3px 15px #82c2ff30}#latest-title{color:#9eb4d0}.announcement-lines li{color:#e4edfb}.announcement-lines li:before{background:#9cddff;box-shadow:0 0 11px #3fafff}.announcement-lines li.highlight{color:#8bd4ff}.announcement-actions button:first-child{background:#0c2038;border-color:#4d7298;color:#bfd6f1}.announcement-actions button:last-child{background:linear-gradient(#245c97,#12355f);border-color:#83bce9;color:#edf7ff;box-shadow:inset 0 0 12px #55aaff25}.announcement-actions button:focus-visible{outline-color:#b7e9ff}


.download-dialog{width:min(850px,calc(100% - 30px))}.download-intro{font-size:13px;line-height:1.9}.client-date{font-size:11px;color:#9bb6d4}.download-banners{display:grid;gap:12px;margin:23px 0}.download-banner{min-height:92px;display:flex;align-items:center;gap:20px;padding:15px 23px;border:1px solid #87afd3;background:radial-gradient(ellipse at 85% 0,#35659170,transparent 70%),linear-gradient(120deg,#071426,#173451);box-shadow:inset 0 0 0 3px #091a2e,inset 0 0 0 4px #6a9ac13d;text-decoration:none!important;transition:filter .2s,transform .2s}.download-banner:hover{filter:brightness(1.2);transform:translateY(-2px)}.download-emblem{display:block;min-width:60px;font:43px/1 Georgia,serif;color:#bcdeff;text-align:center;text-shadow:0 0 10px #439eff70}.download-emblem small{display:block;font-size:9px;letter-spacing:5px;margin-top:7px}.download-banner-copy{flex:1}.download-banner-copy strong{display:block;font:600 24px/1.5 "Noto Serif KR",serif;color:#e1efff;letter-spacing:-.6px}.download-banner-copy small{display:block;margin-top:4px;font-size:10px;letter-spacing:1px;color:#a6bfdb}.download-arrow{font-size:29px;color:#b2d8f7}.download-banner.unavailable{opacity:.65}.download-banner.unavailable:hover{filter:none;transform:none}.download-help{padding:17px 20px;background:#0a1c30;border:1px solid #456281}.download-help h3{margin:0 0 10px;font-size:14px;color:#c6e5ff}.download-help ul{padding-left:18px;margin:0}.download-help li{font-size:12px;margin:7px 0;line-height:1.8}@media(max-width:600px){.download-banner{padding:14px;gap:12px;min-height:85px}.download-emblem{min-width:42px;font-size:33px}.download-banner-copy strong{font-size:17px}.download-banner-copy small{font-size:8px;letter-spacing:.4px}.download-arrow{font-size:24px}.download-help{padding:14px}.download-help li{font-size:11px}}


.account-bar{position:absolute;left:5.5%;top:82px;display:flex;align-items:center;gap:9px;color:#9cb8d8;font-size:10px}.account-bar button{padding:3px 0;font-size:10px}.header{height:112px}.member-rank{color:#c8e8ff;border:1px solid #50769d;padding:2px 5px;font-size:9px}.admin-dialog,.board-dialog{width:min(850px,calc(100% - 30px))}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #3e5a7a;padding-bottom:15px;margin-bottom:15px}.admin-tabs button,.small-primary{border:1px solid #577da6;background:#153552;padding:7px 12px;font-size:12px}.luna-field{display:grid;gap:7px;margin:14px 0;color:#c5d6eb;font-size:12px}.luna-field input,.luna-field textarea,.luna-field select,.member-row select{background:#061526;border:1px solid #4b698c;color:#edf6ff;padding:11px;font:inherit;border-radius:3px;width:100%}.luna-field textarea{resize:vertical;line-height:1.8}.primary-submit{padding:11px 22px;background:linear-gradient(#28659b,#143b60);border:1px solid #78aed9;color:#edf7ff;margin-top:10px}.primary-submit:disabled{opacity:.5;cursor:wait}.form-hint{font-size:12px;color:#9fb4cc;line-height:1.9}.form-feedback{font-size:12px;line-height:1.7}.text-action{display:block;color:#9bd5ff;margin-top:20px;font-size:12px}fieldset{border:1px solid #3f5e7b;padding:10px 15px;margin:15px 0}legend{color:#acc9e9;font-size:12px}.member-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #334d69}.member-row small{display:block;color:#9bafc5;font-size:10px;margin-top:3px}.member-row form{display:flex;gap:7px}.member-row select{width:105px;font-size:11px;padding:6px}.member-row form button{padding:5px 8px;border:1px solid #6488ad;font-size:11px}.board-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:15px;margin:15px 0;font-size:12px}.plain-content{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;color:#c9d7e8}.quick .card-content strong{font-size:20px}@media(max-width:1250px){.account-bar{left:4%}.quick .card-content strong{font-size:16px}}@media(max-width:1000px){.header nav{top:111px}.account-bar{top:80px}}@media(max-width:600px){.header{height:105px}.account-bar{left:22px;top:72px;font-size:9px;gap:7px}.header nav{top:104px}.brand{transform:translateY(-9px)}.quick .card-content strong{font-size:13px}.member-row{align-items:flex-start;gap:8px}.member-row form{flex-direction:column}.member-row select{width:98px}.admin-tabs button{font-size:10px;padding:6px 8px}}


.poll-panel{border:1px solid #486d94;padding:18px;margin:20px 0;background:#0a1b2e}.poll-panel h3{margin:0 0 10px}.poll-panel>p{font-size:12px;white-space:pre-wrap}.poll-option{display:flex;gap:12px;align-items:flex-start;padding:13px;margin:10px 0;border:1px solid #385a7c;background:#081626;cursor:pointer}.poll-option>span{display:grid;gap:6px;flex:1}.poll-option strong{font-size:13px}.poll-option small{font-size:11px;white-space:pre-wrap;color:#a5bad3}.poll-option input{margin-top:5px;accent-color:#65b5ff}.poll-bar{height:4px;background:linear-gradient(90deg,#4f9ce1 var(--vote-share),#172e46 var(--vote-share));display:block}


#latest-content>p{white-space:pre-wrap;line-height:1.9}


.content-board-table{border-top:1px solid #6285aa;border-bottom:1px solid #486989}.content-board-header,.content-board-row{display:grid;grid-template-columns:50px minmax(0,1fr) 105px;gap:14px;align-items:center;width:100%;padding:15px 12px;text-align:left}.content-board-header{font-size:12px;color:#a9c7e4;background:#142c46}.content-board-row{border-top:1px solid #314f70;font-size:12px;background:#08172a}.content-board-row:hover{background:#193551}.content-board-row strong{font-size:13px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.content-board-row time,.content-board-row>span{font-size:11px;color:#9ab4d1}.popup-enabled{display:flex;gap:10px;align-items:center;margin:16px 0;color:#bcd5ef;font-size:13px}.popup-enabled input{accent-color:#75bfff}@media(max-width:600px){.content-board-header,.content-board-row{grid-template-columns:28px minmax(0,1fr) 75px;padding:13px 7px;gap:8px}.content-board-row strong{font-size:12px}.content-board-row time{font-size:9px}}


/* Larger moon-blue navigation, with account actions beneath the header rule. */
.header{height:auto;min-height:126px;padding:23px 5.5%;gap:35px;align-items:center}.header nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:16px 24px;max-width:calc(100% - 285px)}.header nav button,.header nav a{font-family:"Noto Sans KR",sans-serif;font-size:28px;font-weight:700;letter-spacing:-1px;color:#a9dcff;text-shadow:0 0 14px #348ddd65,0 2px 4px #020a15;padding:7px 0;transition:color .2s,text-shadow .2s}.header nav button:hover,.header nav a:hover{color:#edfaff;text-shadow:0 0 16px #79c9ff}.member-strip{min-height:47px;display:flex;align-items:center;padding:7px 5.5%;background:linear-gradient(90deg,#0b2038ed,#071426e0);border-bottom:1px solid #36557680}.account-bar{position:static;display:flex;flex-wrap:wrap;gap:13px;align-items:center;font-size:15px;color:#c2ddf6}.account-bar button{font-family:"Noto Sans KR",sans-serif;font-size:15px;font-weight:600;color:#a9d7ff;padding:5px 0}.account-bar .member-rank{font-size:12px;padding:3px 8px;border-color:#6c9bc4;color:#d3eeff}.header .brand{transform:none;flex-shrink:0}.header .brand b{font-size:30px}.menu-toggle{display:none}@media(min-width:1700px){.header nav{flex-wrap:nowrap;max-width:none;gap:25px}}@media(max-width:1250px){.header{padding:23px 4%;gap:25px}.header nav{max-width:calc(100% - 250px);gap:8px 22px}.header nav button,.header nav a{font-size:26px}.member-strip{padding-left:4%;padding-right:4%}}@media(max-width:1000px){.header{min-height:102px}.menu-toggle{display:block;font-size:28px;color:#b4dfff}.header nav{display:none;top:100%;max-width:none;padding:20px 25px;left:0;right:0;gap:15px 25px;background:#06162af7}.header nav.open{display:flex;justify-content:flex-start}.header nav button,.header nav a{font-size:23px}.member-strip{min-height:46px}.account-bar{font-size:14px}.account-bar button{font-size:14px}}@media(max-width:600px){.header{padding:18px 22px;min-height:91px}.header .brand b{font-size:27px}.header nav button,.header nav a{font-size:22px}.member-strip{padding:7px 22px}.account-bar{gap:10px;font-size:12px}.account-bar button{font-size:13px}.account-bar .member-rank{font-size:10px}}


/* One-line illuminated fantasy navigation. */
@media(min-width:1001px){.header{display:grid;grid-template-columns:clamp(180px,16vw,245px) minmax(0,1fr);gap:clamp(16px,2vw,34px);padding:24px 4%;min-height:110px}.header nav{display:flex;flex-wrap:nowrap;justify-content:flex-end;max-width:none;min-width:0;gap:clamp(10px,1.2vw,23px)}.header .brand b{font-size:clamp(25px,2vw,32px)}.header .moon{font-size:clamp(52px,4vw,65px)}.header nav button,.header nav a{flex:0 0 auto;font-family:"Noto Serif KR",serif;font-weight:900;font-size:clamp(20px,2vw,30px);letter-spacing:-1.2px;line-height:1.6;white-space:nowrap;color:#c9efff;background:linear-gradient(180deg,#ffffff 4%,#c5efff 30%,#52b8f5 52%,#d9f7ff 65%,#78c9ff 95%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 2px #9cdfff75) drop-shadow(0 0 9px #128fea85) drop-shadow(0 2px 2px #030c20);transition:filter .2s,transform .2s}.header nav button:hover,.header nav a:hover{filter:drop-shadow(0 0 4px #e5fbff) drop-shadow(0 0 14px #39b5ff);transform:translateY(-1px)}.header-sign{display:none}}
@media(max-width:1000px){.header nav.open{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start}.header nav button,.header nav a{flex:0 0 auto;font-family:"Noto Serif KR",serif;font-weight:900;white-space:nowrap;color:#bceaff;text-shadow:0 0 4px #78d2ff,0 0 13px #198de99c}}


/* Use the hero title material for navigation and account controls. */
.header nav button,.header nav a,.account-bar>span,.account-bar button{font-family:"Noto Serif KR",serif;font-weight:900;background:linear-gradient(#fff 10%,#ddecff 30%,#829cbf 49%,#fff 53%,#adc8eb 75%,#56759b);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:none;filter:drop-shadow(1px 2px 1px #020b19) drop-shadow(0 0 8px #80baff45)}.account-bar>span,.account-bar button{display:inline-block;font-size:16px;line-height:1.8;letter-spacing:-.3px}.account-bar .member-rank{font-size:15px;border-color:#6d89aa;padding:1px 7px}.header nav button:hover,.header nav a:hover,.account-bar button:hover{filter:drop-shadow(1px 2px 1px #020b19) drop-shadow(0 0 10px #b9dcff85)}@media(max-width:600px){.account-bar>span,.account-bar button{font-size:13px}.account-bar .member-rank{font-size:12px}}


/* Original silver serif navigation; full-moon wordmark. */
.header nav button,.header nav a{font-family:"Noto Serif KR",serif;font-weight:600;background:none;background-clip:initial;-webkit-background-clip:initial;-webkit-text-fill-color:currentColor;color:#e5ecfa;text-shadow:0 2px 5px #010916;filter:none;letter-spacing:-.5px}.header nav button:hover,.header nav a:hover{color:#fff;text-shadow:0 0 8px #b8dcff70;filter:none}.fullmoon-brand{display:block!important;max-width:240px;line-height:0}.fullmoon-logo{display:block;width:100%;height:auto;max-height:94px;object-fit:contain;object-position:left center}.header .fullmoon-brand{width:100%;min-width:0}@media(max-width:1000px){.header .fullmoon-brand{width:190px}}@media(max-width:600px){.header .fullmoon-brand{width:165px}.fullmoon-logo{max-height:78px}}


/* Compact account controls inside the header, above the right-hand navigation. */
.header{height:112px;min-height:112px;padding:13px 4%;align-items:center}.header .fullmoon-logo{max-height:82px}.header nav{align-self:end;margin-bottom:9px}.header .account-bar{position:absolute;left:auto;right:4%;top:7px;display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:12px;min-height:22px;padding:0;z-index:2}.header .account-bar>span,.header .account-bar button{font-size:13px;line-height:1.6}.header .account-bar .member-rank{font-size:11px;padding:1px 6px}.header .account-bar button{padding:2px 0}@media(max-width:1000px){.header{height:105px;min-height:105px;padding:17px 4% 8px}.header .fullmoon-brand{width:165px}.header .fullmoon-logo{max-height:77px}.header nav{margin-bottom:0;align-self:auto}.header .account-bar{right:4%;top:5px;gap:10px}.menu-toggle{margin-top:17px}.header nav.open{top:100%}}@media(max-width:600px){.header{height:105px;min-height:105px;padding-left:20px;padding-right:20px;padding-top:22px}.header .fullmoon-brand{width:148px}.header .fullmoon-logo{max-height:74px}.header .account-bar{right:20px;top:6px;gap:9px}.header .account-bar>span,.header .account-bar button{font-size:11px}.header .account-bar .member-rank{font-size:10px}}


/* Preserve every edge of the original artwork rather than using a cover crop. */
.hero{height:auto;min-height:0;max-width:2000px;background:#050d1b}.hero:before{display:none}.hero-art{position:relative;z-index:0;display:block;width:100%;height:auto;object-fit:contain}.hero:after{z-index:1;pointer-events:none;background:linear-gradient(90deg,#06102160,transparent 58%),linear-gradient(0deg,#050d1b,transparent 9%)}.hero-copy{position:absolute;left:7%;top:clamp(40px,6vw,110px);margin:0;padding:0;width:650px;max-width:55%;z-index:3}.bow-light{z-index:2}.hero-caption{z-index:3}.light-toggle{z-index:4}.portal{margin-top:0}@media(max-width:900px){.hero-copy{position:relative;left:auto;top:auto;margin:0;padding:28px 6% 38px;width:100%;max-width:100%;background:linear-gradient(#0b1c31,#050d1b)}.hero:after{display:none}.hero h2{white-space:normal}.hero-caption{display:none}.hero .light-toggle{top:12px;bottom:auto;right:15px}.hero .actions{max-width:560px}.hero-art{z-index:0}}@media(max-width:600px){.hero-copy{padding:25px 24px 35px}.hero-copy h1{font-size:60px}}
/* Center the navigation relative to the whole page, not only the space beside the logo. */
@media(min-width:1001px){.header{display:block;height:clamp(116px,8vw,144px);min-height:116px;padding:0 4%}.header .fullmoon-brand{position:absolute;left:4%;top:4px;width:clamp(128px,12vw,172px)}.header .fullmoon-logo{max-height:86px}.header nav{position:absolute;left:50%;right:auto;bottom:6px;top:auto;transform:translateX(-50%);width:max-content;max-width:94%;margin:0;justify-content:center;align-self:auto;flex-wrap:nowrap}.header nav button:hover,.header nav a:hover{transform:none}}

/* Compact masthead: keep artwork clear and bring home cards upward. */
.header{height:72px;min-height:72px;padding:0 4%}
.header .fullmoon-brand{position:absolute;left:4%;top:2px;width:110px}
.header .fullmoon-logo{max-height:43px}
.header .account-bar{top:5px;gap:10px}
.header nav button,.header nav a{font-size:clamp(17px,1.6vw,24px);line-height:1.25;padding:4px 0}
@media(min-width:1001px){.header{height:72px;min-height:72px}.header nav{bottom:5px;gap:clamp(12px,1.5vw,26px)}}
@media(max-width:1000px){.header{height:66px;min-height:66px}.header .fullmoon-brand{top:10px;width:120px}.header .fullmoon-logo{max-height:48px}.header .menu-toggle{position:absolute;right:4%;bottom:4px;margin:0;font-size:24px}.header nav.open{top:100%;padding:12px 20px}.header nav button,.header nav a{font-size:18px}}
/* Bring the home panels directly below the primary actions. */
@media(min-width:901px){
.hero{width:94%;max-width:1500px}
.hero-copy{left:5%;top:clamp(32px,4.4vw,70px)}
.hero-copy h1{font-size:clamp(60px,6vw,100px)}
.hero-copy .luna-word{margin-bottom:18px}
.hero-copy .description{font-size:16px;margin-bottom:22px}
.hero-copy .actions button{height:56px;font-size:18px;padding:0 20px}
.portal{margin-top:clamp(-200px,-11vw,-100px);z-index:4}
.hero-caption{display:none}
.hero .light-toggle{bottom:clamp(120px,13vw,220px);right:3%}
}
@media(max-width:900px){.portal{margin-top:0}}
/* Fit the full-moon wordmark to the masthead divider. */
@media(min-width:1001px){.header .fullmoon-brand{left:2%;top:0;width:144px;height:71px;display:flex!important;align-items:center}.header .fullmoon-logo{width:144px;height:71px;max-height:71px;object-fit:contain}.blog-header .fullmoon-brand{left:2%;top:0;width:144px;height:71px}.blog-header .fullmoon-logo{width:144px;height:71px;max-height:71px;object-fit:contain}}
.actions>a{height:66px;display:flex;align-items:center;justify-content:center;gap:14px;padding:0 24px;font-size:20px;white-space:nowrap;border:1px solid #899bb7;position:relative}.actions>a:before{content:'';position:absolute;inset:3px;border:1px solid #a3bdde40;pointer-events:none}.actions>a span{font-size:29px;margin-left:8px}@media(min-width:901px){.hero-copy .actions>a{height:56px;font-size:18px;padding:0 20px}}@media(max-width:600px){.actions>a{font-size:16px;padding:0 16px;height:56px}}