@font-face{font-family:'Pretendard Variable';src:url('/user13/assets/fonts/PretendardVariable.woff2') format('woff2');font-weight:45 920;font-display:swap}
@font-face{font-family:'Black Han Sans';src:url('/user13/assets/fonts/BlackHanSans-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--u:min(1px,calc(100vw / 1672));font-family:'Pretendard Variable',sans-serif;font-synthesis:none;color-scheme:dark}
body{background:#030403;margin:0;min-width:320px;font-family:'Pretendard Variable',sans-serif}
button,input,select,textarea{font-family:inherit}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.ref-shell{position:relative;width:100%;max-width:1672px;aspect-ratio:1672/941;margin:0 auto;background:#030403}
.ref-panel{position:absolute;display:block;overflow:hidden;margin:0;padding:0;border:0;background:transparent;border-radius:0}
.ref-art{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.ref-main,.ref-shortcuts,.ref-utilities{display:contents}
.ref-hit{position:absolute;display:block;margin:0;padding:0;border:0;border-radius:3px;background:transparent;cursor:pointer;transition:background .12s,box-shadow .12s}
.ref-hit:hover{background:#fff4c315;box-shadow:inset 0 0 10px #ffe1a320}
.ref-full-hit{inset:0;width:100%;height:100%}
button.ref-panel{transition:filter .15s}
button.ref-panel:hover{filter:brightness(1.1)}
.ref-hit:focus-visible,button.ref-panel:focus-visible{outline:2px solid #ffe9ad;outline-offset:-4px}
.ref-header-auth{position:absolute;left:78.588517%;top:23.880597%;width:20.0%;height:62.686567%;display:grid;grid-template-columns:153fr 168fr;gap:calc(12 * var(--u));background:#080904}
.ref-header-auth button{font-family:'Pretendard Variable',sans-serif;font-weight:850;min-width:0;min-height:0;height:100%;padding:0;font-size:calc(20 * var(--u));border-radius:calc(7 * var(--u));border-width:calc(2 * var(--u));gap:0}
.ref-header-auth .button-outline{background:linear-gradient(#11150de0,#030502);border-color:#d2ba76;color:#f8f6ed;box-shadow:inset 0 0 0 1px #393119,0 0 6px #eac88128}
.ref-header-auth .button-gold{background:linear-gradient(#fff4c6 0%,#f8db8e 17%,#bc842d 54%,#e8be65 76%,#f6d995 93%,#bd8a31);color:#161206;box-shadow:inset 0 0 0 1px #fff0b28a,0 0 7px #e4a83866}
.ref-header-auth button:hover{transform:none;filter:brightness(1.12)}
.ref-mobile-logo,.ref-mobile-section-title,.ref-mobile-nav{display:none}
/* Live fields precisely cover the reference placeholders, preserving its frame and icons. */
#login-form input{position:absolute;left:20.07722%;width:72.972973%;height:12.86307%;border:0;border-radius:0;padding:0 calc(4 * var(--u));background:linear-gradient(115deg,#20221f,#181b18);outline:0;color:#f7f1de;font-size:calc(14 * var(--u));font-weight:550;letter-spacing:-.04em}
#login-form .ref-username{top:25.3112%}#login-form .ref-password{top:44.39834%}
#login-form input::placeholder{color:#888d87;opacity:1}
#login-form input:focus{box-shadow:inset 0 -1px #e6c475}
.ref-login-submit{left:6.17761%;top:61.825726%;width:87.644788%;height:19.502075%;font-size:0;color:transparent}
.ref-login-submit:disabled{background:#0005;cursor:wait}
.ref-member-links{position:absolute;left:6%;right:6%;top:85.5%;height:9%;display:flex;justify-content:space-around;align-items:center;background:#070905}
.ref-member-links button{font-size:calc(12 * var(--u));color:#c9cac3;padding:0 calc(6 * var(--u));font-weight:600;border-right:1px solid #5d4c28;line-height:1}
.ref-member-links button:last-child{border:0}.ref-member-links button:hover{color:#ffe1a0}
#member-user{position:absolute;inset:20% 5% 5%;background:linear-gradient(135deg,#15170f,#080b06);padding:calc(14 * var(--u));font-size:calc(14 * var(--u));line-height:1.5;text-align:center}
#member-name{color:#f3d591}.ref-balance{display:grid;gap:calc(3 * var(--u));padding:calc(8 * var(--u)) 0}.ref-balance>span{font-size:calc(11 * var(--u));color:#b9aa83}.ref-balance>strong{font-family:'Pretendard Variable',sans-serif;font-variant-numeric:tabular-nums;font-weight:850;font-size:calc(22 * var(--u));line-height:1.2;color:#f1d587}
#member-user{overflow:auto}#member-user>p{display:flex;align-items:center;justify-content:center;white-space:nowrap}#member-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ref-balance>strong{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ref-member-funds{display:grid;grid-template-columns:1fr 1fr;gap:calc(7 * var(--u))}.ref-member-funds button{padding:0;font-size:calc(14 * var(--u));min-height:calc(33 * var(--u))}.ref-user-links{display:flex;justify-content:center;gap:calc(10 * var(--u));margin-top:calc(10 * var(--u))}.ref-user-links button{padding:0;font-size:calc(11 * var(--u));color:#c8bc9f}
/* Only the current server-provided rows occupy the notice/event panels. */
.ref-board-list{position:absolute;left:1.58%;right:1.58%;top:29%;bottom:5.2%;padding:0 calc(7 * var(--u));background:linear-gradient(110deg,#11140f,#0c0e0b);overflow:auto;border:1px solid #3a3929}
.ref-board-list>.content-row{display:flex;align-items:center;gap:calc(9 * var(--u));width:100%;min-height:calc(28 * var(--u));padding:calc(5 * var(--u)) 0;margin:0;background:none;border:0;border-bottom:1px solid #46433382;border-radius:0;box-shadow:none;color:#d6d7cd;font-size:calc(14 * var(--u));font-weight:500;line-height:1.2}
.ref-board-list>.content-row:before{content:'';display:block;width:calc(5 * var(--u));height:calc(5 * var(--u));background:radial-gradient(#ffffc5,#c69533);border-radius:50%;flex:none}
.ref-board-list>.content-row>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.ref-board-list>.content-row>time{font-size:calc(12 * var(--u));margin:0;flex:none;color:#b6bbb0}
.ref-board-list>.content-row:last-child{border-bottom:0}.ref-board-list>.content-row:hover{color:#fff1bb}
.ref-board-list .empty-state{padding:calc(20 * var(--u)) calc(8 * var(--u));font-size:calc(13 * var(--u));color:#95988d;line-height:1.5}
.dialog-title,#dialog-title{font-family:'Black Han Sans',sans-serif;font-weight:400;letter-spacing:-.04em;font-size:28px;color:#f4d891}
#app-dialog{font-family:'Pretendard Variable',sans-serif;background:linear-gradient(130deg,#17170f,#090b08 65%)}
.dialog-form,.dialog-intro,.field{font-family:'Pretendard Variable',sans-serif}.dialog-form .button-gold,.dialog-form .button-outline{font-weight:800}
.preview-note{font-size:13px;padding:12px 14px;border:1px solid #6e5832;background:#302817;color:#ceb87e;line-height:1.7;border-radius:5px;margin:0 0 18px}.check-field{display:flex;gap:8px;align-items:flex-start;line-height:1.7;font-size:13px}.check-field input{width:16px;height:16px;margin-top:3px;accent-color:#d7b265}.form-grid{gap:13px}.dialog-wide{width:min(850px,calc(100vw - 32px))!important}.dialog-open{overflow:hidden}.article-content{white-space:pre-wrap;line-height:1.9}.member-details{font-size:14px;line-height:1.8}.member-details>div{display:flex;justify-content:space-between}.member-details dd{margin:0}.detail-image{max-width:100%;height:auto}.guide-steps{font-size:14px;line-height:1.9}
.preview-badge{position:fixed;bottom:10px;right:10px;z-index:30;padding:5px 10px;background:#201b0fe8;color:#c5b386;border:1px solid #8b713f;font-size:11px;border-radius:4px;pointer-events:none}
@media(min-width:1673px){.ref-shell{margin-top:0}}
@media(max-width:1100px){
 :root{--u:1px}
 .ref-shell{width:100%;aspect-ratio:auto;padding:0 8px 72px;display:flex;flex-direction:column;gap:9px;max-width:620px}
 .ref-panel{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:var(--ratio);flex:none}
 .ref-header{height:71px!important;aspect-ratio:auto;overflow:visible}
 .ref-header>.ref-art{display:none}.ref-header .ref-utilities{display:none}
 .ref-mobile-logo{display:block;position:absolute;left:1px;top:7px;width:65%;height:55px;pointer-events:none}
 .ref-home-brand{inset:4px auto auto 0!important;width:65%!important;height:60px!important}
 .ref-header-auth{left:auto;right:2px;top:21px;width:28%;height:32px;display:flex;background:none;gap:0}
 .ref-header-auth .button-outline{display:none}.ref-header-auth .button-gold{width:100%;font-size:13px;border-width:1px;border-radius:4px}
 .ref-main-nav{height:43px!important;aspect-ratio:auto;display:flex;padding:0 4px;background:linear-gradient(#fff1ba,#d2a453 48%,#ecc47a 65%,#b78939);border:2px solid #edcf8d;border-radius:5px;box-shadow:inset 0 0 0 1px #6c501f}
 .ref-main-nav>.ref-art{display:none}.ref-main-nav .ref-hit{position:static!important;inset:auto!important;width:auto!important;height:auto!important;flex:1;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:850;color:#211905;border-radius:0;border-right:1px solid #81612c55}
 .ref-main-nav .ref-hit:last-child{border:0}.ref-main-nav .ref-hit>span{position:static!important;clip:auto!important;width:auto!important;height:auto!important;overflow:visible!important;margin:0!important}
 .ref-main-nav [aria-label='홈'],.ref-main-nav [data-action='messages'],.ref-main-nav [data-action='notices']{display:none}
 .ref-main{display:grid;grid-template-columns:1fr 1fr;gap:9px}
 .ref-quick,.ref-membership,.ref-promo{display:none}
 .ref-hero{grid-column:span 2;aspect-ratio:var(--ratio)}
 .ref-shortcuts{display:grid;grid-column:span 2;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 .ref-shortcut{min-height:54px;aspect-ratio:2.06!important}
 .ref-section{grid-column:span 2;height:36px!important;aspect-ratio:auto;border:2px solid #c5a35f;border-radius:5px;background:linear-gradient(#302514,#080a06 55%,#272010)}
 .ref-section>.ref-art{display:none}.ref-mobile-section-title{display:flex;align-items:center;gap:8px;height:100%;padding:0 10px;font:700 21px Georgia,serif;color:#f8d990}.ref-mobile-section-title small{font:700 11px 'Pretendard Variable',sans-serif;color:#e4decb}
 .ref-game{grid-column:span 2}
 .ref-board{grid-column:span 2;aspect-ratio:auto;height:130px!important}
 .ref-board>.ref-art{height:100%;width:100%}.ref-board-list{top:29%;bottom:5.2%}.ref-board-list>.content-row{font-size:12px;min-height:28px;gap:7px}.ref-board-list>.content-row>time{font-size:10px}.ref-board-list .empty-state{font-size:12px;padding:20px 4px}
 .ref-board>.ref-hit{min-width:65px;right:6px;left:auto!important}
 .ref-member{grid-column:span 2;max-width:390px;justify-self:center}
 #login-form input{font-size:clamp(12px,3.7vw,16px);padding:0 5px}.ref-member-links button{font-size:clamp(11px,3vw,13px)}
 #member-user{padding:16px;font-size:14px}.ref-balance>strong{font-size:29px}.ref-balance{padding:18px 0}.ref-member-funds button{min-height:38px;font-size:15px}.ref-user-links button{font-size:12px}
 .ref-support,.ref-event-banner{align-self:stretch;height:100%!important;aspect-ratio:1.56!important;min-height:112px}.ref-event-banner>.ref-art{object-fit:cover}
 .ref-guide{grid-column:span 2;max-width:390px;justify-self:center}
 .ref-footer{margin-top:5px;height:38px!important;aspect-ratio:auto;background:#060704;border-top:1px solid #725629}
 .ref-footer>.ref-art{width:1672px;max-width:none;height:45px;left:50%;transform:translateX(-50%)}
 .ref-mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;height:58px;padding-bottom:env(safe-area-inset-bottom);box-sizing:content-box;background:linear-gradient(#242316f8,#080c06f8);border-top:1px solid #c7a567;backdrop-filter:blur(8px)}
 .ref-mobile-nav>*{display:flex;flex:1;align-items:center;justify-content:center;font-weight:750;font-size:13px;color:#ead49a}.ref-mobile-nav>*:active{background:#ac873924}
 .preview-badge{bottom:68px;font-size:10px}.toast{bottom:78px}
}
@media(prefers-reduced-motion:reduce){.ref-hit,button.ref-panel{transition:none}}