*{box-sizing:border-box}body{margin:0;background:#050b13;color:#e8f0f9;font:13px/1.5 "Malgun Gothic",Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#86cbff}.wrap{max-width:1540px;margin:auto;padding:0 16px}header{background:#06111e url('reference-header.webp') center/cover no-repeat;border-bottom:2px solid #527da6}.top{height:112px;display:flex;align-items:center;justify-content:space-between}.brand{display:block;padding:15px 22px 15px 4px;background:linear-gradient(90deg,#07101fe8 55%,transparent);font-family:Georgia,serif;font-weight:900;font-size:37px;letter-spacing:1px;text-shadow:0 2px 5px #000,0 0 12px #6aa9e9}.brand span{color:#f1f5ff}.brand small{display:block;font:12px "Malgun Gothic",sans-serif;letter-spacing:1px;color:#d4e5f5}.topright{text-align:right}.top-account{margin-bottom:13px;text-shadow:0 1px 4px black}.search-form{display:flex;background:#060e18;border:1px solid #547493;border-radius:3px}.search-form input{width:270px;background:transparent;border:0;padding:10px;color:white;outline:0}.search-form button{background:transparent;border:0;color:#e5c68c;font-size:22px;cursor:pointer;padding:0 12px}nav{background:linear-gradient(#29435f,#0c1b2c 60%,#07111d);border-top:1px solid #83a8c6;border-bottom:2px solid #4d7395}.nav{display:flex;align-items:stretch}.nav a{flex:1;text-align:center;padding:12px 5px;border-left:1px solid #52708a77;border-right:1px solid #05090e;color:#f0f4fb;font-weight:bold;white-space:nowrap}.nav a:first-child{background:linear-gradient(#216db2,#102944)}.nav a:hover{background:#24507c}.layout{display:grid;grid-template-columns:210px minmax(0,1fr) 285px;gap:10px;margin-top:12px;align-items:start}aside,main{min-width:0}.panel{border:1px solid #496c8d;background:#08131f;border-radius:3px;margin-bottom:10px;overflow:hidden;box-shadow:inset 0 0 0 1px #040a11}.panel>h3{margin:0;background:linear-gradient(#24425e,#10263a 48%,#071521);border-bottom:1px solid #6685a1;padding:8px 10px;font-size:14px;color:#f1f5fa;min-height:34px}.panel>h3 a{float:right;color:#c0d7e9;font-weight:normal;font-size:11px}.inside{padding:10px}.inside p{margin:8px 0}.links a{display:block;padding:8px 12px;border-bottom:1px solid #1a2a3c}.links a:hover{background:#193956}.btn,button{display:inline-block;padding:8px 12px;background:linear-gradient(#2375b8,#104579);border:1px solid #6a9ac0;color:#fff;border-radius:3px;cursor:pointer;font-weight:bold;margin:3px}.btn.muted,button.muted{background:#334254;border-color:#5d6b78}.member-box .inside{min-height:110px}.sidebar-promo,.ad-banner{display:flex;flex-direction:column;justify-content:center;min-height:102px;border:1px solid #8c7958;padding:14px;background:linear-gradient(90deg,#0b1422e8,#0b142266),url('header-art.webp') center/cover;color:#ffdf9b}.sidebar-promo strong,.ad-banner strong{font-size:20px}.sidebar-promo small,.ad-banner span{color:#e3e6ec}.hero{width:100%;aspect-ratio:978/217;border:1px solid #668bb0;background:#07111d url('reference-hero.webp') center/100% 100% no-repeat;position:relative;margin-bottom:10px}.hero-click{position:absolute;inset:0}.game-shortcuts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:10px}.game-shortcuts a{min-height:84px;background-size:cover;background-position:center;border:1px solid #48698b;display:flex;align-items:end;justify-content:center}.game-shortcuts span{background:#040b13d9;color:#fff;width:100%;text-align:center;padding:5px;font-weight:bold}.server-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:8px}.server-card{height:166px;min-width:0;position:relative;display:flex;flex-direction:column;justify-content:end;gap:3px;padding:8px;background:linear-gradient(0deg,#06101e 0%,#06101e 28%,transparent 85%),var(--thumb) center top/cover;border:1px solid #416582}.server-card strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-card small{color:#c4d6e7}.card-game{font-size:11px}.new-label{position:absolute;right:0;top:0;background:#c22c27;padding:2px 7px;font-weight:bold}.no-servers{grid-column:1/-1;text-align:center;padding:30px;color:#b3c6d8}.no-servers a{color:#8fc7ff}.board-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.board-panel{min-width:0}.board-list{background:#e5e7e9;color:#202a36;min-height:162px}.board-head,.board-row{display:grid;grid-template-columns:minmax(0,1fr) 47px 39px;gap:4px;align-items:center;padding:5px 8px;font-size:11px}.board-head{background:#cdd3d9;border-bottom:1px solid #b3bdc7;color:#424d5a}.board-row{border-bottom:1px solid #d4d6d9;background:linear-gradient(#f4f4f4,#e4e4e4);color:#27313b}.board-row:hover{background:#d3e7f7;color:#123b60}.board-row span:not(:first-child){overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#67717b}.board-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.board-empty{color:#697583;margin:0;padding:16px 10px;font-size:12px}.gallery-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;padding:8px}.gallery-strip img{display:block;width:100%;height:70px;object-fit:cover;border:1px solid #426c8d}.gallery-note{margin:0 8px 7px;color:#91a7bb;font-size:10px}.bottom-cta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.bottom-cta a{background:linear-gradient(120deg,#173552,#0a1423);border:1px solid #527c9e;padding:12px;font-weight:bold;font-size:14px}.bottom-cta small{display:block;font-size:11px;font-weight:normal;color:#afc6db}.rank-list{padding:5px 10px}.rank{display:flex;gap:7px;align-items:center;border-bottom:1px solid #23394e;padding:6px 0;min-height:30px}.rank em{flex:none;width:23px;text-align:center;font-style:normal;font-weight:bold;color:#fff;border:1px solid #657b8e;background:linear-gradient(#354960,#131e2c);border-radius:2px}.rank:nth-child(1) em,.rank:nth-child(2) em,.rank:nth-child(3) em{background:linear-gradient(#f4c56e,#a35a2c);color:#201208;border-color:#e0a657}.rank span{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rank small{color:#ed786a}.ad-banner{margin-bottom:10px;min-height:112px}.ad-banner b{margin-top:8px;border:1px solid #c69e62;background:#68441d;width:max-content;padding:4px 9px}.notice-line{padding:8px 10px;border-bottom:1px solid #223b50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notice-line b{display:inline-block;background:#21639a;border-radius:2px;margin-right:5px;padding:1px 5px}.notice-line:first-of-type b{background:#aa2b2d}.empty,.meta{color:#9bafc2;font-size:12px}.item{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #2b4257}.item span{font-size:11px;color:#9cacc0}.server{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #30465c;padding:14px 0}.server p{white-space:pre-wrap;color:#b5c7d7}.server a{color:#86c7f5}.tag{background:#174568;padding:3px 7px}.form{padding:18px;display:grid;gap:14px}.form label{display:grid;gap:5px}.form input,.form select,.form textarea{width:100%;background:#0b1b2a;border:1px solid #4c7292;color:#fff;padding:10px;font:inherit}.form button{justify-self:start}.narrow{max-width:540px}.bodytext{padding:20px 0;min-height:130px}.subheading{border-top:1px solid #43617e;padding-top:12px}.error{background:#682c36;padding:12px;margin-bottom:10px}footer{text-align:center;color:#8ca0b4;padding:25px;border-top:1px solid #294059}@media(max-width:1200px){.layout{grid-template-columns:175px minmax(0,1fr) 210px;gap:7px}.wrap{padding:0 8px}.brand{font-size:29px}.board-head,.board-row{grid-template-columns:minmax(0,1fr) 38px 34px;padding:5px 4px;font-size:10px}}@media(max-width:900px){.layout{grid-template-columns:165px minmax(0,1fr)}.right-sidebar{grid-column:2}.board-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.layout{display:block}.top{height:100px}.brand{font-size:23px}.topright{display:none}.nav{flex-wrap:wrap}.nav a{flex:0 0 25%;font-size:11px}.board-grid{display:block}.game-shortcuts{grid-template-columns:repeat(3,1fr)}.server-cards{grid-template-columns:repeat(2,1fr)}.gallery-strip{grid-template-columns:repeat(3,1fr)}.bottom-cta{grid-template-columns:1fr}}


/* v3.1: keep the header artwork decorative; the original background contains lettering */
header{background-image:linear-gradient(90deg,rgba(3,11,23,.96),rgba(4,14,29,.89)),url('reference-header.webp');background-position:center;background-size:cover}
.top{position:relative;z-index:1}
.brand{font-size:32px;max-width:540px;line-height:1.12;background:linear-gradient(90deg,#06111ef5,#06111ed0);padding:13px 18px;border-radius:4px}
.brand small{font-size:11px;margin-top:8px}
.topright{background:#06111ecf;padding:7px 10px;border-radius:4px}
.hero{background-size:100% 100%;overflow:hidden}
.hero-link{position:absolute;inset:0;z-index:1}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;display:grid;place-items:center;width:43px;height:52px;margin:0;padding:0;border:1px solid #7c9bb5;border-radius:5px;background:rgba(2,10,21,.85);color:#fff;font-size:28px;cursor:pointer;box-shadow:0 2px 12px #0008}
.hero-arrow:hover,.hero-arrow:focus-visible{background:#14558b;outline:2px solid #b3dfff;outline-offset:1px}
.hero-prev{left:10px}.hero-next{right:10px}
.hero-dots{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);z-index:5;display:flex;gap:8px;background:#06121dc7;border-radius:16px;padding:5px 10px}
.hero-dots button{width:9px;height:9px;padding:0;margin:0;border:0;border-radius:50%;background:#7d8ea6;cursor:pointer}
.hero-dots button.active{background:#fff;box-shadow:0 0 7px #80caff}
@media(max-width:650px){.brand{font-size:22px}.hero-arrow{width:30px;height:38px;font-size:19px}}

/* Game category sidebar faithfully based on user-supplied reference */
.game-menu{background:#050b12;border-color:#54728c;border-radius:4px}
.game-menu>h3{height:43px;display:flex;align-items:center;gap:8px;padding:4px 8px;background:linear-gradient(115deg,#173550,#071522 70%);font-size:15px;border-bottom:1px solid #344f66}
.game-heading-icon{width:29px;height:29px;object-fit:contain;flex:none}
.menu-chevron{margin-left:auto;font-size:20px;color:#b7cde2;font-weight:normal}
.game-category-links a{height:32px;display:flex;align-items:center;gap:9px;padding:0 7px;background:linear-gradient(90deg,#060c14,#070f17);border-bottom:1px solid #17232d;font-size:13px;white-space:nowrap}
.game-category-links a:last-child{border-bottom:0}
.game-category-links a:hover,.game-category-links a:focus-visible{background:#17344e;color:#fff}
.game-category-links img{width:31px;height:31px;object-fit:contain;flex:none}
.game-category-links span{overflow:hidden;text-overflow:ellipsis}

/* v3.4: accessible collapsible sidebar sections */
.collapsible-menu{overflow:hidden}
.collapsible-menu>summary{display:flex;align-items:center;gap:8px;min-height:38px;padding:4px 9px;background:linear-gradient(115deg,#173550,#071522 70%);border-bottom:1px solid #344f66;color:#fff;font-size:14px;font-weight:700;cursor:pointer;list-style:none;user-select:none}
.collapsible-menu>summary::-webkit-details-marker{display:none}
.collapsible-menu>summary::marker{content:''}
.collapsible-menu>summary:hover{background:linear-gradient(115deg,#21527b,#10243a 70%)}
.collapsible-menu>summary:focus-visible{outline:2px solid #7bc5ff;outline-offset:-2px}
.collapsible-menu>summary .menu-chevron{margin-left:auto;transition:transform .2s ease;transform:rotate(0deg)}
.collapsible-menu[open]>summary .menu-chevron{transform:rotate(90deg)}
.collapsible-menu:not([open])>summary{border-bottom:0}
.game-menu.collapsible-menu>summary{min-height:43px;font-size:15px}
.community-menu .links{display:flex;flex-direction:column}

/* v3.5 individual game promotional boards and promotion submenu */
.game-menu .game-category-links a{font-size:12px;gap:6px;padding-left:4px}
.promotion-links{max-height:400px;overflow-y:auto}
.promotion-links a{font-size:12px}
.promotion-filter{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}
.promotion-filter a{padding:5px 9px;border:1px solid #385b77;border-radius:3px;background:#0b2033;color:#d8eaff;font-size:12px}
.promotion-filter a:hover,.promotion-filter a.selected{background:#1c5d92;color:white;border-color:#80b6db}

/* v3.6: hover-activated promotion menu, matching other sidebar panels */
.promotion-menu{position:relative}
.promotion-menu>summary:hover{background:linear-gradient(115deg,#21527b,#10243a 70%)}
.promotion-menu .promotion-links a:hover{background:#17344e;color:#fff}

/* v3.7: top navigation game promotion dropdown, no left-side promotion panel */
nav,.nav{overflow:visible!important}
.nav-promo{position:relative;display:flex;align-items:stretch;min-width:0;z-index:100}
.nav-promo-title{display:flex;align-items:center;justify-content:center;flex:1;white-space:nowrap;padding-right:3px!important}
.nav-promo-toggle{display:flex;align-items:center;justify-content:center;cursor:pointer;color:#e1edfa;background:transparent;border:0;padding:0 7px;font-size:13px}
.nav-promo:hover .nav-promo-toggle,.nav-promo.is-open .nav-promo-toggle{background:#1b4d75}
.nav-promo-links{position:absolute;top:100%;left:0;min-width:200px;max-height:65vh;overflow-y:auto;display:none;flex-direction:column;background:#071421;border:1px solid #517b9e;box-shadow:0 12px 22px #000a;z-index:101}
.nav-promo:hover .nav-promo-links,.nav-promo:focus-within .nav-promo-links,.nav-promo.is-open .nav-promo-links{display:flex}
.nav-promo-links a{display:block!important;flex:none!important;text-align:left!important;padding:9px 12px!important;white-space:nowrap!important;border-bottom:1px solid #1d354b!important;font-size:12px!important;background:#0b1c2c!important}
.nav-promo-links a:hover,.nav-promo-links a:focus-visible{background:#20527b!important;color:white!important}
@media(max-width:650px){.nav-promo{flex:0 0 25%;}.nav-promo-links{min-width:190px}.nav-promo-title{font-size:11px!important}}

/* v3.9: match top server-promotion menu width/height to peer navigation tabs */
.nav>.nav-promo{flex:1 1 0;min-width:0;align-self:stretch;}
.nav>.nav-promo>.nav-promo-title{flex:1 1 auto;min-width:0;padding:12px 0 12px 5px!important;border-right:0;font-size:inherit;line-height:1.5;}
.nav>.nav-promo>.nav-promo-toggle{flex:0 0 25px;margin:0!important;border-radius:0;border-left:0;border-right:1px solid #05090e;min-height:100%;font-weight:bold;}
@media(max-width:650px){.nav>.nav-promo{flex:0 0 25%;}.nav>.nav-promo>.nav-promo-title{font-size:11px!important;padding:12px 0!important}.nav>.nav-promo>.nav-promo-toggle{flex-basis:18px;padding:0 2px}}

.form-extra{padding:12px 18px}.form-extra a{color:#93d4ff}.success{padding:12px;background:#123c33;color:#d2fff1;margin:12px}.form input:disabled{opacity:.65}

/* v3.14: member sidebar recovery buttons */
.member-box .member-recovery{display:flex;gap:7px;margin-top:10px;flex-wrap:wrap}.member-box .member-recovery a{flex:1 1 90px;text-align:center;white-space:nowrap;padding:9px 4px;background:#16314a;border:1px solid #43627d;border-radius:4px;color:#e8f3ff;font-size:12px}.member-box .member-recovery a:hover{background:#285b80;border-color:#88bbdf}

/* v3.15 administrator-only member directory */
.admin-member-search{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:14px 0}
.admin-member-search input{min-width:220px;flex:1;background:#0b2033;border:1px solid #40607b;color:#fff;padding:10px;border-radius:4px}
.admin-member-search button{padding:10px 16px;cursor:pointer}
.admin-member-scroll{width:100%;overflow-x:auto}
.admin-member-table{width:100%;border-collapse:collapse;min-width:850px;font-size:13px}
.admin-member-table th,.admin-member-table td{border-bottom:1px solid #34516b;padding:10px 8px;text-align:left;overflow-wrap:anywhere}
.admin-member-table th{background:#16314b;color:#d9eaff}
.admin-member-table tr:hover td{background:#142c42}
.admin-member-pages{display:flex;justify-content:center;gap:16px;align-items:center;margin:18px 0}
.admin-member-pages a,.admin-member-link{color:#9dd9ff}
.admin-privacy{font-size:12px;opacity:.7}

/* v3.17 post deletion, visible to author and admin only */
.post-delete-form{display:flex;justify-content:flex-end;margin:16px 0}
.post-delete-btn{background:#823746;border:1px solid #a65a65;color:#fff;padding:9px 17px;border-radius:5px;cursor:pointer}
.post-delete-btn:hover{background:#a04455}
.post-delete-success{padding:10px 14px;color:#d8fff0;background:#1b4d3e;border-radius:4px}

.server-delete-form{align-self:center;margin-left:8px}.server-delete-form .post-delete-btn{white-space:nowrap;font-size:12px;padding:8px 11px}

/* v3.19 server promotion list -> title -> detail */
.server-list-row{align-items:center;min-height:64px}.server-list-main{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.server-title-link{font-size:15px;color:#e8f4ff!important}.server-title-link:hover{text-decoration:underline;color:#8bd2ff!important}.server-list-hint{font-size:11px;color:#819bb2}.server-detail-heading{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.server-detail-heading h2{font-size:22px;margin:8px 0}.server-detail-meta{color:#a7b9cb;padding:8px 0 16px;border-bottom:1px solid #2e4963}.server-detail-body{white-space:pre-wrap;overflow-wrap:anywhere;min-height:160px;padding:25px 6px;font-size:14px;line-height:1.85}.server-detail-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-top:1px solid #2e4963;padding:12px 0}.server-detail-actions form{margin:0}.server-back{display:inline-block;color:#92cfff;margin-top:15px}

/* v3.24: server promotion write action at bottom right */
.server-write-actions{display:flex;justify-content:flex-end;align-items:center;margin-top:8px}
.server-write-button{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 14px;border:1px solid #5883a9;background:linear-gradient(#214665,#102a43);border-radius:2px;color:#f2f8ff!important;font-size:14px;font-weight:700;line-height:1.3}
.server-write-button:hover{background:linear-gradient(#2b638e,#17486c);color:white!important}

/* v3.27 photo attachments */
.attached-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin:18px 0}.attached-images img{width:100%;height:180px;object-fit:contain;background:#07111d;border:1px solid #35516c;border-radius:4px}.form input[type=file]{padding:9px;background:#0c1d2b;color:#e9f2ff;border:1px solid #36546d;width:100%;box-sizing:border-box}

/* v3.34: right-side notices are linked to the actual notice board */
.notice-panel h3{display:flex;align-items:center;justify-content:space-between;gap:8px}
.notice-panel .notice-heading-link{color:inherit;text-decoration:none}
.notice-panel .notice-heading-link:hover{text-decoration:underline}
.notice-panel .notice-more-link{font-size:11px;font-weight:normal;color:#b7d7f2;text-decoration:none}
.notice-panel .notice-more-link:hover{text-decoration:underline}
.notice-panel .notice-post-link{display:flex;align-items:center;gap:7px;text-decoration:none;color:inherit}
.notice-panel .notice-post-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.notice-panel .notice-post-link:hover{background:rgba(85,155,215,.15)}

/* v3.35: larger right-side notice title; override generic panel header link size */
.panel.notice-panel>h3>a.notice-heading-link{font-size:16px;font-weight:700;color:#f1f5fa;float:none;line-height:1.35}
.panel.notice-panel>h3>a.notice-more-link{font-size:11px;float:none}


/* v3.43: fixed-size single artwork layer, no overlaid backgrounds/captions */
.game-shortcuts-v43{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 0 10px;align-items:start}
.game-shortcuts-v43>a{display:block;position:relative;min-width:0;min-height:0;height:auto;aspect-ratio:364/178;padding:0;margin:0;overflow:hidden;line-height:0;font-size:0;border:1px solid #48698b;background:none;box-shadow:none}
.game-shortcuts-v43>a::before,.game-shortcuts-v43>a::after{display:none;content:none}
.game-shortcuts-v43>a>img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:fill;max-width:none;margin:0;padding:0;border:0}
@media(max-width:650px){.game-shortcuts-v43{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* v3.47: replace home featured and general boards with 5 game-specific boards */
.home-game-board-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px}
.home-game-board{margin:0;min-width:0}
.home-game-board:first-child{grid-column:1/-1}
.home-game-board-list{min-height:72px;background:#e5e7e9;color:#263241}
.home-game-board:first-child .home-game-board-list{min-height:54px}
.home-game-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;border-bottom:1px solid #ccd1d7;color:#273341;font-size:12px}
.home-game-row:hover{background:#d0e5f5;color:#123b60}
.home-game-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-game-row small{color:#697888;flex:none}
.home-game-empty{padding:13px 10px;margin:0;color:#687583;font-size:12px}
@media(max-width:650px){.home-game-board-grid{grid-template-columns:1fr}.home-game-board:first-child{grid-column:auto}}

/* v3.49: six promotion boards in a uniform three-column, two-row layout */
.home-game-board-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;align-items:stretch}
.home-game-board-grid>.home-game-board:first-child{grid-column:auto}
.home-game-board-grid .home-game-board-list,.home-game-board-grid>.home-game-board:first-child .home-game-board-list{min-height:125px}
.home-game-board-grid .home-game-board{min-width:0}
.home-game-board-grid .home-game-board h3{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-game-board-grid .home-game-board h3 a{font-size:10px}
@media(max-width:700px){.home-game-board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){.home-game-board-grid{grid-template-columns:1fr}}

/* v3.50: slightly bolder post titles in the six home game boards */
.home-game-board .home-game-row span{font-weight:600}

/* v3.52 edit attachment controls */
.photo-edit-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px;margin:15px 0}
.photo-edit-item{display:block!important;background:#102438;padding:8px;border:1px solid #36546d;border-radius:5px;cursor:pointer}
.photo-edit-item img{width:100%;height:130px;object-fit:contain;background:#07111d}
.photo-edit-item span{display:flex;align-items:center;gap:7px;font-size:12px;padding-top:6px;color:#fff}
.photo-edit-item input[type=checkbox]{width:auto!important;accent-color:#dc5252}
.photo-delete-button{background:#9b3030!important;color:#fff!important;border:1px solid #c14c4c!important;margin:0 0 16px;padding:8px 13px;cursor:pointer}
.photo-deleted-message{margin:12px;color:#a6e2a6}

/* v3.53: photos appear inside the server description content area */
.server-description-text{white-space:pre-wrap;overflow-wrap:anywhere}
.server-detail-body .attached-images{margin-top:18px;white-space:normal}
.server-detail-body .attached-images img{max-width:100%;height:auto}

/* v3.54: full-width, readable images in server description */
.server-detail-body .attached-images{display:flex;flex-direction:column;align-items:center;gap:16px;margin:20px 0;width:100%;}
.server-detail-body .attached-images a{display:block;width:100%;max-width:100%;text-align:center;}
.server-detail-body .attached-images img{display:block;width:auto;max-width:100%;height:auto;max-height:none;margin:0 auto;object-fit:contain;border-radius:5px;}

/* v3.59 게시글 상단 고정 */
.post-pin-label{display:inline-block;padding:2px 6px;border-radius:3px;background:#bd8530;color:#fff;font-size:11px;font-weight:700;vertical-align:middle;margin-right:4px}
.post-pin-form{display:inline-block;margin:12px 8px 12px 0}
.post-pin-button{padding:8px 13px;border:1px solid #b98c44;border-radius:4px;background:#554021;color:#fff;cursor:pointer;font-weight:700}
.post-pin-button:hover{background:#79592b}

/* v3.63 관리자 광고: 비어 있는 광고 영역은 기존 레이아웃에 영향 없음 */
.cf-ad-items{display:flex;flex-direction:column;gap:7px;width:100%}
.cf-ad-link{display:block;max-width:100%;overflow:hidden;line-height:0;border:1px solid #31506c;background:#07101c}
.cf-ad-link img{display:block;width:100%;height:auto;object-fit:contain}
.cf-sidebar-ad:not(:has(.cf-ad-link)){display:none}
.cf-sidebar-ad{margin-top:7px}
.cf-header-ad{position:absolute;z-index:2;top:3px;pointer-events:none}
.cf-header-ad .cf-ad-link{pointer-events:auto}
.cf-header-left{left:0;width:10.3%;max-height:85px;overflow:hidden}
.cf-header-center{left:29.3%;width:42.4%;max-height:85px;overflow:hidden}
.cf-header-right{right:0;width:9.8%;max-height:85px;overflow:hidden}
.cf-header-ad img{max-height:85px;object-fit:fill}
header{position:relative}
.cf-rail{position:fixed;top:110px;bottom:8px;width:max(0px,calc((100vw - 1300px)/2 - 6px));max-width:170px;overflow:auto;z-index:1}
.cf-rail-left{left:0}.cf-rail-right{right:0}
.cf-rail .cf-ad-link img{width:100%;height:auto}
@media(max-width:1330px){.cf-rail{display:none}}
@media(max-width:900px){.cf-header-ad{display:none}}

/* v3.65: 광고 비율 유지 및 흐릿한 강제 확대 방지 */
.cf-ad-link{display:flex;align-items:center;justify-content:center}
.cf-ad-link img{width:auto!important;height:auto!important;max-width:100%;max-height:none;object-fit:contain!important;image-rendering:auto}
.cf-header-ad .cf-ad-link{border:0}
.cf-header-ad img{max-width:100%;max-height:85px!important;object-fit:contain!important}
.cf-rail .cf-ad-link img{width:auto!important;max-width:100%;height:auto!important;object-fit:contain!important}
.cf-banner-size-guide{background:#0d2235;border:1px solid #426581;border-radius:5px;padding:14px;margin:8px 0;color:#d8e7f4}
.cf-banner-size-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0}
.cf-banner-size-grid>div{padding:9px;background:#102d45;border:1px solid #32516a;border-radius:4px}
.cf-banner-size-grid b,.cf-banner-size-grid span,.cf-banner-size-grid small{display:block}
.cf-banner-size-grid span{font-size:16px;color:#f5d58e;font-weight:bold}
.cf-banner-size-grid small{color:#b6c8d9;font-size:11px}
.cf-banner-size-guide p{font-size:12px;color:#d5dfec}
@media(max-width:650px){.cf-banner-size-grid{grid-template-columns:1fr}}

/* v3.67: same-sized ads, even with multiple uploads in one position */
.cf-ad-items.cf-ad-rotator{position:relative;display:block;width:100%;overflow:hidden;aspect-ratio:var(--ad-ratio);max-width:100%}
.cf-ad-rotator .cf-ad-slide{position:absolute;inset:0;width:100%;height:100%;max-width:none;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .25s ease}
.cf-ad-rotator .cf-ad-slide:first-child,.cf-ad-rotator .cf-ad-slide.cf-ad-active{visibility:visible;opacity:1;pointer-events:auto}
.cf-ad-rotator .cf-ad-slide.cf-ad-inactive:first-child{visibility:hidden;opacity:0;pointer-events:none}
.cf-ad-rotator .cf-ad-slide img{display:block;max-width:100%!important;max-height:100%!important;width:100%!important;height:100%!important;object-fit:contain!important}
.cf-ad-slot-header_left,.cf-ad-slot-header_right{--ad-ratio:160 / 85}
.cf-ad-slot-header_center{--ad-ratio:680 / 85}
.cf-ad-slot-rail_left,.cf-ad-slot-rail_right{--ad-ratio:160 / 700}
.cf-ad-slot-side_left{--ad-ratio:200 / 450}
.cf-ad-slot-side_right{--ad-ratio:275 / 450}
.cf-header-ad .cf-ad-rotator{height:85px;aspect-ratio:auto}
.cf-header-ad .cf-ad-slide{height:85px}
.cf-rail .cf-ad-rotator{aspect-ratio:160 / 700}
.cf-sidebar-ad .cf-ad-rotator{max-width:100%}

/* v3.68: 모든 등록 이미지가 위치별 광고 틀을 꽉 채우도록 고정. */
.cf-ad-items.cf-ad-rotator{width:100%!important;aspect-ratio:var(--ad-ratio)!important;overflow:hidden!important;flex:none!important}
.cf-ad-rotator .cf-ad-slide{width:100%!important;height:100%!important;overflow:hidden!important;max-width:none!important}
.cf-ad-rotator .cf-ad-slide img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important}
.cf-header-ad .cf-ad-rotator{height:85px!important;aspect-ratio:auto!important}
.cf-header-ad .cf-ad-slide img{width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important}
.cf-rail{overflow:hidden!important}
.cf-rail .cf-ad-rotator{width:100%!important;aspect-ratio:160 / 700!important}
.cf-sidebar-ad .cf-ad-rotator{width:100%!important}

/* v3.69: 광고 한 장당 별도 고정 크기 칸, 아래로 누적. 슬라이드/크롭/강제확대 사용 안 함 */
.cf-ad-items.cf-ad-stack{display:flex!important;flex-direction:column!important;gap:8px!important;position:static!important;overflow:visible!important;aspect-ratio:auto!important;height:auto!important;max-height:none!important;width:100%!important}
.cf-ad-stack .cf-ad-box{display:flex!important;position:relative!important;inset:auto!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;flex:none!important;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:var(--ad-ratio)!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:#061421!important;border:1px solid #3c6689!important}
.cf-ad-stack .cf-ad-box img{display:block!important;position:static!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important}
.cf-ad-slot-header_left,.cf-ad-slot-header_right{--ad-ratio:160 / 85}
.cf-ad-slot-header_center{--ad-ratio:680 / 85}
.cf-ad-slot-rail_left,.cf-ad-slot-rail_right{--ad-ratio:160 / 700}
.cf-ad-slot-side_left{--ad-ratio:200 / 450}
.cf-ad-slot-side_right{--ad-ratio:275 / 450}
/* 상단 세 위치도 광고 추가 시 각자의 열에서 아래로 독립 칸 생성 */
.cf-header-banner-row{display:grid;grid-template-columns:minmax(0,160fr) minmax(0,680fr) minmax(0,160fr);gap:8px;align-items:start;max-width:1050px;margin:0 auto;padding:4px 8px}
.cf-header-banner-row .cf-header-ad{position:static!important;left:auto!important;right:auto!important;top:auto!important;width:100%!important;max-height:none!important;overflow:visible!important;pointer-events:auto!important}
.cf-header-banner-row .cf-ad-stack{height:auto!important;aspect-ratio:auto!important}
.cf-header-banner-row .cf-ad-box{height:auto!important;max-height:none!important;aspect-ratio:var(--ad-ratio)!important}
.cf-header-banner-row .cf-ad-box img{height:100%!important;max-height:100%!important;object-fit:contain!important}
/* 화면 양쪽 광고: 여러 개 등록 시 세로 스크롤로 모두 접근 가능 */
.cf-rail{overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin}
.cf-rail .cf-ad-stack{aspect-ratio:auto!important}
.cf-rail .cf-ad-box{aspect-ratio:160 / 700!important}
.cf-sidebar-ad .cf-ad-stack{aspect-ratio:auto!important}
.cf-sidebar-ad .cf-ad-box{height:auto!important}
@media(max-width:900px){.cf-header-banner-row{display:none}}

/* v3.70: 등록 광고마다 개별 칸 + 마지막 광고문의 빈 칸 유지 */
.cf-ad-stack{display:flex!important;flex-direction:column!important;gap:8px!important}
.cf-ad-stack .cf-ad-box{box-sizing:border-box!important;display:block!important;flex:0 0 auto!important;aspect-ratio:var(--ad-ratio)!important;height:auto!important;overflow:hidden!important;border:1px solid #41647f!important;background:#061421!important}
.cf-ad-stack .cf-ad-box img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
.cf-ad-stack .cf-ad-placeholder{border:1px solid #b88b4e!important}
.cf-header-banner-row .cf-ad-box{aspect-ratio:var(--ad-ratio)!important;height:auto!important}
.cf-header-banner-row .cf-ad-box img{max-height:none!important}
.cf-rail .cf-ad-box{aspect-ratio:160 / 700!important}

/* v3.72: 화면 양쪽 레일 광고만 187 x 93으로 변경 (개별 광고 칸 유지) */
.cf-ad-slot-rail_left,.cf-ad-slot-rail_right{--ad-ratio:187 / 93!important}
.cf-rail .cf-ad-stack .cf-ad-box{aspect-ratio:187 / 93!important}
.cf-rail .cf-ad-stack .cf-ad-box img{width:100%!important;height:100%!important;object-fit:contain!important}
.cf-rail{max-width:187px!important;width:min(187px,max(0px,calc((100vw - 1300px)/2 - 6px)))!important}

/* v3.73: 좌우 사이드바 광고를 가로형 개별 칸으로 변경 */
.cf-ad-slot-side_left{--ad-ratio:233 / 93!important}
.cf-ad-slot-side_right{--ad-ratio:308 / 93!important}
.cf-sidebar-ad .cf-ad-stack.cf-ad-slot-side_left .cf-ad-box{aspect-ratio:233 / 93!important}
.cf-sidebar-ad .cf-ad-stack.cf-ad-slot-side_right .cf-ad-box{aspect-ratio:308 / 93!important}

/* v3.74: 좌우 화면 가장자리 광고의 독립 스크롤바 제거 */
.cf-rail{bottom:auto!important;height:auto!important;max-height:none!important;overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;scrollbar-width:none!important}
.cf-rail::-webkit-scrollbar{display:none!important}

/* v3.75: 양쪽 광고는 화면 고정이 아닌 문서 위치를 따라 자연스럽게 스크롤됩니다. */
.cf-rail{position:absolute!important;top:170px!important;bottom:auto!important;height:auto!important;max-height:none!important;overflow:visible!important;}
.cf-rail-left{left:0!important;right:auto!important}
.cf-rail-right{right:0!important;left:auto!important}

/* v3.76: 실제 회원 메뉴/공지사항 상단에 맞춘 JS 배치. */
.cf-rail{top:170px!important}

/* v3.84: 메인 최신 서버홍보글 자동 정렬 목록 */
.latest-promo-list{padding:4px 10px 8px}.latest-promo-row{display:flex;align-items:center;gap:10px;min-height:36px;padding:7px 5px;border-bottom:1px solid #273d51;color:#d8e8f5}.latest-promo-row:hover{background:#17334c;color:#fff}.latest-promo-game{flex:none;min-width:74px;font-size:11px;color:#f3cf8c}.latest-promo-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.latest-promo-row time{flex:none;font-size:11px;color:#9baec0}@media(max-width:650px){.latest-promo-row time{font-size:10px}.latest-promo-game{min-width:58px}}

/* v3.86: 목록 전용 페이지 번호 (메인 화면 영역은 변경하지 않음) */
.cf-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px;margin:20px 0 12px}
.cf-pagination a{display:inline-flex;align-items:center;justify-content:center;min-width:35px;min-height:35px;padding:5px 10px;border:1px solid #8b7546;border-radius:5px;color:#e6d7a9;background:#151c2c;text-decoration:none;font-weight:700}
.cf-pagination a:hover,.cf-pagination a.active{background:#ac8844;color:#101522;border-color:#d8b86c}