.brand{cursor:pointer;user-select:none}
.home-view{position:relative;min-height:calc(100vh - 66px);overflow:hidden;background:#050708 url('/file_00000000edf48209a7bb18a5c19df7ec.png') center center/cover no-repeat;color:#f1f3f4;isolation:isolate}
.home-view:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.18) 48%,rgba(0,0,0,.42)),linear-gradient(0deg,rgba(0,0,0,.68),transparent 48%,rgba(0,0,0,.22));z-index:-1}
.home-view:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px);mix-blend-mode:screen}
.home-shade{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,transparent 0 18%,rgba(0,0,0,.18) 50%,rgba(0,0,0,.58) 100%);z-index:-1}
.home-hero{min-height:calc(100vh - 130px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:42px 22px 100px;text-shadow:0 3px 18px #000}
.home-kicker{font:11px/1.4 "Courier New",monospace;letter-spacing:.28em;color:#8d969d;margin-bottom:18px}
.home-hero h1{margin:0;font:700 clamp(52px,8vw,112px)/.95 "Courier New",monospace;letter-spacing:.12em;color:#f2f2ef;filter:drop-shadow(0 0 9px rgba(255,255,255,.13))}
.home-copy{margin:30px 0 8px;font-size:clamp(17px,2vw,24px);letter-spacing:.18em}
.home-sub{margin:0;color:#7d858a;font:11px/1.4 "Courier New",monospace;letter-spacing:.24em}
#homeStart{margin-top:38px;width:min(340px,82vw);padding:17px 24px;border:1px solid #d9e0e5;background:rgba(5,8,10,.68);box-shadow:0 0 20px rgba(163,205,236,.16),inset 0 0 18px rgba(255,255,255,.025);color:#fff;font:700 17px/1.2 inherit;letter-spacing:.08em;cursor:pointer;backdrop-filter:blur(4px)}
#homeStart:hover{background:rgba(18,24,29,.82);box-shadow:0 0 28px rgba(163,205,236,.26)}
#homeStart span{margin-left:22px}
.home-hero small{margin-top:24px;color:#b3b8bb;letter-spacing:.12em}
.home-status{position:absolute;left:28px;right:28px;bottom:20px;display:flex;justify-content:space-between;color:#747d82;font:10px/1.3 "Courier New",monospace;letter-spacing:.15em}
.home-status b{color:#6fe09a;font-weight:400}
@media(max-width:600px){
 .home-view{min-height:calc(100svh - 88px);background-position:62% center}
 .home-view:before{background:linear-gradient(0deg,rgba(0,0,0,.72),rgba(0,0,0,.18) 55%,rgba(0,0,0,.42))}
 .home-hero{min-height:calc(100svh - 150px);padding:32px 18px 110px}
 .home-kicker{font-size:9px;letter-spacing:.2em}
 .home-hero h1{font-size:clamp(42px,14vw,64px);letter-spacing:.08em}
 .home-copy{font-size:15px;letter-spacing:.08em;margin-top:24px}
 .home-sub{font-size:9px;letter-spacing:.14em}
 #homeStart{margin-top:32px;padding:16px 18px;font-size:15px}
 .home-hero small{font-size:11px}
 .home-status{left:16px;right:16px;bottom:14px;display:block;font-size:8px}
 .home-status span{display:block;margin-top:6px}
}
/* Home copy typography v27 */
.home-copy{font-family:inherit;font-weight:400;letter-spacing:.12em;color:#b3b8bb}
@media(max-width:600px){.home-copy{font-size:13px;letter-spacing:.1em}}

/* Subtle escape-room cue layer */
.escape-clues{display:flex;align-items:center;gap:10px;margin-top:18px;color:rgba(190,199,204,.48);font:9px/1 "Courier New",monospace;letter-spacing:.2em}
.escape-clues i{display:block;width:18px;height:1px;background:rgba(190,199,204,.24)}
.home-view .escape-clues:before{content:"[";color:rgba(190,199,204,.3)}
.home-view .escape-clues:after{content:"]";color:rgba(190,199,204,.3)}
@media(max-width:600px){.escape-clues{margin-top:15px;gap:7px;font-size:8px;letter-spacing:.12em}.escape-clues i{width:10px}}

/* ROOM217 community: compact two-line board list on every viewport */
.community-view .board-head{display:none!important}
.community-view .board-table{margin-top:14px;border-top:1px solid #3b443f}
.community-view .board-row{display:flex!important;align-items:center;flex-wrap:wrap;min-height:72px;padding:10px 12px;border-bottom:1px solid #2c332f;background:transparent;color:#cbd2ce;transition:background .12s ease}
.community-view .board-row:hover{background:#141916}
.community-view .board-row::after{content:"";order:4;flex-basis:100%;height:0}
.community-view .board-row .board-title{display:contents}
.community-view .board-row .type-badge{order:1;flex:0 0 auto;margin-right:8px;padding:2px 7px;border:1px solid #48524c;border-radius:999px;color:#98a29c!important;font-size:10px!important;line-height:1.5;white-space:nowrap}
.community-view .board-row .board-title button{order:2;flex:1 1 0;min-width:0;width:auto;padding:0;border:0;background:none;color:#e4e8e5;text-align:left;font-size:14px;font-weight:650;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.community-view .board-row>span:nth-of-type(3){order:3;flex:0 0 44px;margin-left:10px;text-align:right!important;color:#c8928c;font-size:12px;font-weight:700}
.community-view .board-row .board-title small{order:5;flex:0 1 auto;min-width:0;max-width:32%;margin:5px 0 0;color:#6f7a74;font-size:10px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.community-view .board-row>span:nth-of-type(2){order:6;flex:0 1 auto;min-width:0;max-width:28%;margin-top:5px;color:#717b75;font-size:10px;text-align:left!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.community-view .board-row>span:nth-of-type(5){order:7;flex:0 0 auto;margin-top:5px;color:#68726c;font-size:10px;text-align:left!important;white-space:nowrap}
.community-view .board-row>span:nth-of-type(4){order:8;flex:0 0 auto;margin-top:5px;color:#68726c;font-size:10px;text-align:left!important;white-space:nowrap}
.community-view .board-row .board-title small::after,
.community-view .board-row>span:nth-of-type(2)::before,
.community-view .board-row>span:nth-of-type(5)::before{content:"·";margin:0 7px;color:#46504a}
.community-view .board-row .board-title small::after{float:right}
.community-view .board-row>span:nth-of-type(4)::before{content:"· 조회 ";margin:0 3px 0 7px;color:#46504a}
.community-view .board-row>span:nth-of-type(5)::before{margin-left:7px}
.community-view .board-empty,.community-view .board-loading{border-bottom:1px solid #2c332f}

@media(max-width:760px){
 .community-view .board-table{margin-top:10px}
 .community-view .board-row{min-height:66px;padding:9px 8px}
 .community-view .board-row .type-badge{margin-right:6px;padding:1px 6px;font-size:9px!important}
 .community-view .board-row .board-title button{font-size:13px;line-height:1.4}
 .community-view .board-row>span:nth-of-type(3){flex-basis:34px;margin-left:6px;font-size:11px}
 .community-view .board-row .board-title small{max-width:29vw;margin-top:4px;font-size:9px}
 .community-view .board-row>span:nth-of-type(2){max-width:25vw;margin-top:4px;font-size:9px}
 .community-view .board-row>span:nth-of-type(5),.community-view .board-row>span:nth-of-type(4){margin-top:4px;font-size:9px}
 .community-view .board-row .board-title small::after,
 .community-view .board-row>span:nth-of-type(2)::before,
 .community-view .board-row>span:nth-of-type(5)::before{margin-left:5px;margin-right:5px}
 .community-view .board-row>span:nth-of-type(4)::before{margin-left:5px}
}

/* Community board flow: filters -> list -> pagination -> search/write */
.community-view .board-wrap{display:flex;flex-direction:column}
.community-view .board-wrap>.board-toolbar:first-child{order:1}
.community-view .board-wrap>.board-table{order:2}
.community-view .board-wrap>.board-pages{order:3}
.community-view .board-wrap>.board-toolbar:nth-child(2){order:4;margin-top:10px}

/* Community secondary navigation: rounded segmented control */
.community-view .community-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;width:min(720px,calc(100% - 24px))!important;margin:10px auto 0!important;padding:4px!important;border:1px solid #28312c!important;border-radius:999px!important;background:#151a17!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 8px 28px rgba(0,0,0,.18)!important;overflow:hidden!important}
.community-view .community-tab{height:40px!important;padding:0 14px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:#7f8983!important;font-size:12px!important;font-weight:700!important;transition:background .16s ease,color .16s ease,transform .16s ease!important}
.community-view .community-tab:hover{background:#1c231f!important;color:#b7c0ba!important}
.community-view .community-tab.active{background:#dce1de!important;color:#101411!important;box-shadow:0 2px 10px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.42)!important}
.community-view .community-tab:active{transform:scale(.985)}
.community-view .community-content{margin-top:10px!important}
@media(max-width:760px){
 .community-view .community-tabs{gap:2px!important;width:calc(100% - 16px)!important;margin-top:8px!important;padding:3px!important}
 .community-view .community-tab{height:36px!important;padding:0 5px!important;font-size:11px!important}
 .community-view .community-content{margin-top:8px!important}
}

/* Community editor: ROOM217 dark theme */
.community-view .editor-field select,
.community-view .editor-field input{border-radius:8px!important;background:#0b0f0d!important;border-color:#313a35!important;transition:border-color .15s ease,box-shadow .15s ease}
.community-view .editor-field select:focus,
.community-view .editor-field input:focus{border-color:#69776f!important;box-shadow:0 0 0 2px rgba(160,177,167,.08)!important}
.community-view .ck.ck-editor{--ck-color-base-background:#0d120f;--ck-color-base-foreground:#151b17;--ck-color-base-border:#313a35;--ck-color-base-text:#d9e0dc;--ck-color-toolbar-background:#111713;--ck-color-toolbar-border:#313a35;--ck-color-button-default-background:transparent;--ck-color-button-default-hover-background:#202822;--ck-color-button-default-active-background:#28312b;--ck-color-button-default-color:#c8d0cb;--ck-color-button-on-background:#dce1de;--ck-color-button-on-color:#101411;--ck-color-button-on-hover-background:#eef1ef;--ck-color-focus-border:#75857b;--ck-color-dropdown-panel-background:#141a16;--ck-color-dropdown-panel-border:#313a35;--ck-color-list-background:#141a16;--ck-color-list-button-hover-background:#202822;--ck-color-list-button-on-background:#29332d;--ck-color-input-background:#0b0f0d;--ck-color-input-border:#313a35;--ck-color-input-text:#d9e0dc;--ck-color-panel-background:#141a16;--ck-color-panel-border:#313a35;--ck-color-link-default:#9db9d8;--ck-color-text:#d9e0dc;border-radius:9px!important;overflow:hidden!important;box-shadow:0 0 0 1px rgba(255,255,255,.015),0 10px 28px rgba(0,0,0,.16)}
.community-view .ck.ck-toolbar{background:#111713!important;border-color:#313a35!important;padding:5px!important}
.community-view .ck.ck-toolbar .ck-button{border-radius:6px!important;color:#c8d0cb!important}
.community-view .ck.ck-toolbar .ck-button:not(.ck-disabled):hover{background:#202822!important}
.community-view .ck.ck-toolbar .ck-button.ck-on{background:#dce1de!important;color:#101411!important}
.community-view .ck.ck-toolbar .ck-button .ck-icon{color:currentColor!important}
.community-view .ck.ck-dropdown__panel,
.community-view .ck.ck-balloon-panel{background:#141a16!important;border-color:#313a35!important;color:#d9e0dc!important}
.community-view .ck.ck-list{background:#141a16!important}
.community-view .ck.ck-list__item .ck-button{color:#d0d8d3!important}
.community-view .ck.ck-list__item .ck-button:hover{background:#202822!important}
.community-view .ck.ck-editor__main>.ck-editor__editable{background:#0b0f0d!important;color:#d9e0dc!important;border-color:#313a35!important;caret-color:#e5ebe7!important;box-shadow:none!important;padding:16px 18px!important}
.community-view .ck.ck-editor__main>.ck-editor__editable.ck-focused{border-color:#69776f!important;box-shadow:inset 0 0 0 1px rgba(160,177,167,.08)!important}
.community-view .ck-content{color:#d9e0dc!important}
.community-view .ck-content p,
.community-view .ck-content li,
.community-view .ck-content h2,
.community-view .ck-content h3,
.community-view .ck-content h4{color:inherit!important}
.community-view .ck-content blockquote{border-left-color:#66766d!important;color:#aeb8b2!important}
.community-view .ck-content table td,
.community-view .ck-content table th{border-color:#3b443f!important}
.community-view .ck .ck-placeholder::before{color:#626d67!important}

/* Community editor action buttons */
.community-view .editor-actions{gap:10px!important;margin-top:16px!important}
.community-view .editor-actions .board-btn{height:46px!important;min-width:112px!important;padding:0 22px!important;border-radius:8px!important;font-size:13px!important;font-weight:750!important}
.community-view .editor-actions .board-btn:not(.primary){background:#151b17!important;border-color:#455049!important;color:#cbd3ce!important}
.community-view .editor-actions .board-btn.primary{background:#dce1de!important;border-color:#dce1de!important;color:#101411!important;box-shadow:0 4px 14px rgba(0,0,0,.18)!important}
@media(max-width:760px){
 .community-view .ck.ck-editor__main>.ck-editor__editable{padding:14px 13px!important}
 .community-view .editor-actions{width:100%!important;display:flex!important;gap:8px!important}
 .community-view .editor-actions .board-btn{flex:1 1 0!important;min-width:0!important;height:48px!important;padding:0 12px!important;font-size:13px!important}
}

