/* Moonlit Creators Hall frontend */
.mch-wrap{
	--mch-bg:#02070c;
	--mch-panel:#04121d;
	--mch-blue:#65cfff;
	--mch-silver:#e5f2f8;
	--mch-muted:#92a8b4;
	--mch-line:rgba(126,202,240,.17);
	width:100%;
	color:var(--mch-silver);
	font-family:"Manrope",Arial,sans-serif;
}

.mch-wrap *{box-sizing:border-box}
.mch-wrap a{text-decoration:none}

.mch-heading{
	max-width:760px;
	margin:0 auto 34px;
	text-align:center;
}
.mch-heading>span,
.mch-section-label span{
	color:#72cff6;
	font-size:9px;
	font-weight:700;
	letter-spacing:.22em;
}
.mch-heading h2{
	margin:8px 0 0;
	color:#f1f8fb;
	font-family:"Cinzel",Georgia,serif;
	font-size:42px;
	font-weight:400;
	letter-spacing:.04em;
}
.mch-heading p{
	margin:10px 0 0;
	color:var(--mch-muted);
	font-size:14px;
	line-height:1.7;
}

.mch-home-grid,
.mch-featured-grid{
	display:grid;
	grid-template-columns:1.15fr 1fr 1fr;
	gap:16px;
}

.mch-archive-grid{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:14px;
}

.mch-card{
	position:relative;
	min-width:0;
	overflow:hidden;
	border:1px solid var(--mch-line);
	background:linear-gradient(145deg,rgba(5,23,36,.91),rgba(2,10,17,.97));
	clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 11px,100% calc(100% - 11px),calc(100% - 11px) 100%,11px 100%,0 calc(100% - 11px),0 11px);
	transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .3s ease,box-shadow .3s ease,opacity .25s ease;
}
.mch-card:hover{
	transform:translateY(-7px);
	border-color:rgba(116,211,255,.5);
	box-shadow:0 24px 55px rgba(0,0,0,.34),0 0 28px rgba(84,199,255,.08);
}
.mch-card.mch-hidden{
	display:none;
}

.mch-card-media{
	position:relative;
	height:330px;
	overflow:hidden;
	background:radial-gradient(circle at 50% 42%,rgba(46,143,197,.12),transparent 45%),#020a11;
}
.mch-card-primary .mch-card-media{
	height:390px;
}
.mch-archive-grid .mch-card-media{
	height:245px;
}
.mch-card-media img{
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
	object-position:center;
	transition:transform .55s cubic-bezier(.2,.7,.2,1);
}
.mch-card:hover .mch-card-media img{
	transform:scale(1.025);
}
.mch-card-shade{
	position:absolute;
	inset:0;
	background:linear-gradient(180deg,transparent 42%,rgba(1,7,12,.22) 70%,rgba(1,7,12,.82));
	pointer-events:none;
}
.mch-badge{
	position:absolute;
	top:15px;
	left:15px;
	z-index:2;
	padding:7px 9px;
	border:1px solid rgba(127,207,246,.22);
	background:rgba(2,10,17,.73);
	color:#87d9fb;
	font-size:7px;
	font-weight:700;
	letter-spacing:.16em;
}
.mch-play{
	position:absolute;
	left:50%;
	top:50%;
	z-index:3;
	width:54px;
	height:54px;
	display:flex;
	align-items:center;
	justify-content:center;
	transform:translate(-50%,-50%);
	border:1px solid rgba(160,227,255,.52);
	border-radius:50%;
	background:rgba(2,11,18,.65);
	color:#c8f0ff;
	font-size:16px;
	box-shadow:0 0 24px rgba(84,199,255,.18);
}
.mch-card-placeholder{
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#5b879d;
	font-family:"Cinzel",Georgia,serif;
	font-size:24px;
	letter-spacing:.14em;
	background:radial-gradient(circle at 50% 42%,rgba(54,162,219,.13),transparent 34%),#020a11;
}

.mch-card-content{
	padding:22px 22px 20px;
}
.mch-card-content h3{
	margin:0;
	color:#eef7fb;
	font-family:"Cinzel",Georgia,serif;
	font-size:21px;
	font-weight:400;
	line-height:1.25;
	letter-spacing:.035em;
}
.mch-creator{
	margin-top:9px;
	display:flex;
	flex-direction:column;
	gap:2px;
}
.mch-creator strong{
	color:#aac8d7;
	font-size:11px;
	font-weight:700;
	letter-spacing:.06em;
}
.mch-creator span{
	color:#698b9c;
	font-size:10px;
}
.mch-card-content p{
	margin:13px 0 0;
	color:#8fa6b2;
	font-size:12px;
	line-height:1.65;
}
.mch-card-actions{
	margin-top:17px;
	padding-top:15px;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:12px 18px;
	border-top:1px solid rgba(126,201,238,.09);
}
.mch-card-actions a,
.mch-card-actions button{
	padding:0;
	border:0;
	background:transparent;
	color:#82cae9;
	font:700 8px/1.4 "Manrope",Arial,sans-serif;
	letter-spacing:.13em;
	cursor:pointer;
}
.mch-card-actions a:hover,
.mch-card-actions button:hover{
	color:#e8f7fd;
}
.mch-card-actions span{color:#65cfff}

.mch-filters{
	margin:0 0 30px;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	gap:8px;
}
.mch-filters button{
	min-width:84px;
	min-height:38px;
	padding:0 14px;
	border:1px solid rgba(128,202,240,.14);
	background:rgba(3,15,24,.52);
	color:#7895a5;
	font:700 8px/1 "Manrope",Arial,sans-serif;
	letter-spacing:.15em;
	cursor:pointer;
	transition:border-color .25s ease,color .25s ease,background .25s ease;
}
.mch-filters button:hover,
.mch-filters button.is-active{
	border-color:rgba(112,210,255,.45);
	background:rgba(8,38,57,.7);
	color:#dff5fd;
}

.mch-section-label{
	margin:12px 0 16px;
	display:flex;
	align-items:center;
	gap:14px;
}
.mch-section-label i{
	height:1px;
	flex:1;
	background:linear-gradient(90deg,rgba(101,207,255,.34),transparent);
}
.mch-archive-label{margin-top:42px}

.mch-empty{
	padding:58px 25px;
	text-align:center;
	border:1px solid rgba(127,202,239,.12);
	background:rgba(3,15,24,.5);
}
.mch-empty span{
	color:#65cfff;
	font-size:8px;
	font-weight:700;
	letter-spacing:.2em;
}
.mch-empty h3{
	margin:12px 0 0;
	color:#e6f3f8;
	font:400 25px/1.3 "Cinzel",Georgia,serif;
}
.mch-empty p{
	margin:10px 0 0;
	color:#758e9c;
	font-size:12px;
}

.mch-story-modal{
	position:fixed;
	inset:0;
	z-index:999999;
	display:none;
	align-items:center;
	justify-content:center;
	padding:20px;
}
.mch-story-modal.is-open{display:flex}
.mch-story-backdrop{
	position:absolute;
	inset:0;
	background:rgba(0,5,9,.86);
	backdrop-filter:blur(8px);
}
.mch-story-panel{
	position:relative;
	z-index:2;
	width:min(700px,100%);
	max-height:80vh;
	overflow-y:auto;
	padding:38px;
	border:1px solid rgba(132,208,245,.22);
	background:linear-gradient(145deg,#061827,#020b12);
	color:#aebfc9;
	box-shadow:0 35px 90px rgba(0,0,0,.5);
}
.mch-story-panel>span{
	color:#65cfff;
	font-size:8px;
	font-weight:700;
	letter-spacing:.19em;
}
.mch-story-body{
	margin-top:18px;
	white-space:pre-wrap;
	font-size:14px;
	line-height:1.8;
}
.mch-story-close{
	position:absolute;
	top:13px;
	right:15px;
	width:32px;
	height:32px;
	border:1px solid rgba(131,205,242,.16);
	background:#031019;
	color:#b9dce9;
	font-size:20px;
	cursor:pointer;
}
html.mch-modal-open{overflow:hidden}

@media(max-width:1100px){
	.mch-home-grid,
	.mch-featured-grid{grid-template-columns:1fr 1fr}
	.mch-card-primary{grid-column:1/-1}
	.mch-archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:767px){
	.mch-home-grid,
	.mch-featured-grid,
	.mch-archive-grid{grid-template-columns:1fr}
	.mch-card-primary{grid-column:auto}
	.mch-card-media,
	.mch-card-primary .mch-card-media,
	.mch-archive-grid .mch-card-media{height:390px}
	.mch-card-content{padding:19px 18px 18px}
	.mch-card-content h3{font-size:19px}
	.mch-story-panel{padding:33px 20px 25px}
}