/* W-1074: final mobile UI layer for Illuminy smartphone skin. */
html,
body {
	max-width: 100%;
	overflow-x: hidden;
}

html.ill-menu-open,
html.ill-login-open {
	overflow: hidden;
}

.ill-mobile-ui {
	min-width: 0;
	background:
		radial-gradient(circle at 50% -8rem, rgba(29, 111, 104, .2), transparent 22rem),
		linear-gradient(155deg, #050608 0%, #090b10 58%, #11131a 100%) !important;
}

.ill-mobile-ui *,
.ill-mobile-ui *:before,
.ill-mobile-ui *:after {
	box-sizing: border-box;
}

.ill-mobile-ui img,
.ill-mobile-ui video,
.ill-mobile-ui iframe,
.ill-mobile-ui table,
.ill-mobile-ui pre {
	max-width: 100%;
}

.ill-mobile-ui #toolbar {
	position: sticky;
	top: 0;
	z-index: 9040;
	width: 100%;
	background: rgba(7, 10, 14, .94) !important;
	border: 1px solid rgba(215, 182, 111, .26) !important;
	border-left: 0 !important;
	border-right: 0 !important;
	box-shadow: 0 12px 34px rgba(0, 0, 0, .45) !important;
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

.ill-mobile-ui #in-toolbar {
	display: grid !important;
	grid-template-columns: 3.25rem minmax(0, 1fr) 3.25rem;
	align-items: center;
	height: 3.5rem !important;
	overflow: visible !important;
}

.ill-mobile-ui #in-toolbar:before {
	content: "";
	justify-self: center;
	grid-column: 2;
	width: 2.6rem;
	height: 2.6rem;
	background: url("../images/illuminy-sigil.svg") center/contain no-repeat;
	filter: drop-shadow(0 0 16px rgba(215, 182, 111, .2));
	pointer-events: none;
}

.ill-mobile-ui #menu-btn,
.ill-mobile-ui #login-btn {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 3.25rem !important;
	height: 3.5rem !important;
	min-width: 3.25rem;
	padding: 0 !important;
	margin: 0 !important;
	color: var(--ill-text) !important;
	text-indent: 0 !important;
	text-decoration: none !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.ill-mobile-ui #menu-btn {
	grid-column: 1;
	grid-row: 1;
}

.ill-mobile-ui #login-btn {
	grid-column: 3;
	grid-row: 1;
	justify-self: stretch;
	position: relative;
	overflow: hidden;
	font-size: 0 !important;
}

.ill-mobile-ui #login-btn:before {
	content: "";
	width: .92rem !important;
	height: .92rem !important;
	margin: 0 !important;
	float: none !important;
	background: none !important;
	border: 2px solid currentColor;
	border-radius: 50%;
	box-shadow: none;
	opacity: .96;
	transform: translateY(-.32rem);
}

.ill-mobile-ui #login-btn:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 1.88rem;
	width: 1.48rem;
	height: .72rem;
	border: 2px solid currentColor;
	border-top: 0;
	border-radius: 0 0 999px 999px;
	opacity: .96;
	transform: translateX(-50%);
}

.ill-mobile-ui #login-btn.logged:before {
	border-radius: 50%;
}

.ill-mobile-ui .ill-login-trigger__badge {
	position: absolute;
	top: .55rem;
	right: .45rem;
	display: inline-grid;
	place-items: center;
	min-width: 1.12rem;
	height: 1.12rem;
	padding: 0 .25rem;
	color: #071013;
	background: var(--ill-gold-soft);
	border: 1px solid rgba(255, 255, 255, .5);
	border-radius: 999px;
	font-size: .72rem;
	font-weight: 800;
	line-height: 1;
}

.ill-mobile-ui #hamburger,
.ill-mobile-ui #hamburger:before,
.ill-mobile-ui #hamburger:after {
	width: 1.58rem !important;
	height: 3px !important;
	left: auto !important;
	background: currentColor !important;
	border-radius: 999px;
	transition: transform .22s ease, opacity .18s ease, background .18s ease;
}

.ill-mobile-ui #hamburger {
	top: auto !important;
}

.ill-mobile-ui #hamburger:before {
	top: -.48rem !important;
}

.ill-mobile-ui #hamburger:after {
	bottom: -.34rem !important;
}

html.ill-menu-open .ill-mobile-ui #hamburger {
	transform: rotate(45deg);
}

html.ill-menu-open .ill-mobile-ui #hamburger:before {
	transform: translateY(.48rem) rotate(90deg);
}

html.ill-menu-open .ill-mobile-ui #hamburger:after {
	opacity: 0;
	transform: translateY(-.34rem);
}

.ill-mobile-ui #menu-head {
	display: grid !important;
	position: fixed;
	left: max(.75rem, env(safe-area-inset-left));
	right: max(.75rem, env(safe-area-inset-right));
	top: calc(3.75rem + env(safe-area-inset-top));
	z-index: 9050;
	max-height: min(76vh, 34rem);
	padding: .72rem;
	overflow: auto;
	overscroll-behavior: contain;
	background:
		linear-gradient(145deg, rgba(10, 13, 19, .98), rgba(16, 20, 28, .96)),
		radial-gradient(circle at 50% -3rem, rgba(215, 182, 111, .12), transparent 10rem) !important;
	border: 1px solid rgba(215, 182, 111, .3) !important;
	border-radius: 18px;
	box-shadow: 0 26px 70px rgba(0, 0, 0, .6), inset 0 0 0 1px rgba(255, 255, 255, .03);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-.75rem) scale(.98);
	transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
}

.ill-mobile-ui #menu-head.open {
	opacity: 1;
	visibility: visible;
	transform: translateY(0) scale(1);
}

.ill-mobile-ui #menu-head a {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	min-height: 3.15rem;
	padding: .72rem .9rem !important;
	color: var(--ill-text) !important;
	background: rgba(5, 7, 10, .5);
	border: 1px solid rgba(215, 182, 111, .12) !important;
	border-radius: 14px;
	font-size: 1.02rem;
	line-height: 1.2;
	text-decoration: none !important;
}

.ill-mobile-ui #menu-head a + a {
	margin-top: .44rem;
}

.ill-mobile-ui #menu-head a:after {
	content: "";
	width: .46rem;
	height: .46rem;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	opacity: .42;
	transform: rotate(-45deg);
}

.ill-mobile-ui #menu-head a:hover,
.ill-mobile-ui #menu-head a:focus-visible {
	color: var(--ill-gold-soft) !important;
	background: rgba(215, 182, 111, .12) !important;
	border-color: rgba(215, 182, 111, .3) !important;
	outline: 0;
}

.ill-mobile-backdrop {
	position: fixed;
	inset: 0;
	z-index: 9030;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	background: rgba(0, 0, 0, .58);
	border: 0;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	transition: opacity .2s ease, visibility .2s ease;
}

html.ill-menu-open .ill-mobile-backdrop,
html.ill-login-open .ill-mobile-backdrop {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.ill-mobile-ui .wideDialog.ill-user-panel {
	position: fixed !important;
	inset: 0 !important;
	z-index: 9050 !important;
	display: block !important;
	width: 100%;
	height: 100%;
	padding: max(.9rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) max(.9rem, env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left)) !important;
	overflow: auto;
	background: transparent !important;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(.5rem);
	transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
}

.ill-mobile-ui .wideDialog.ill-user-panel.open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0);
}

.ill-mobile-ui .ill-user-panel__sheet {
	position: relative;
	width: min(100%, 27rem);
	min-height: 0;
	margin: 4.25rem auto 0;
	padding: 1rem;
	background:
		linear-gradient(145deg, rgba(8, 10, 15, .985), rgba(15, 18, 26, .96)),
		radial-gradient(circle at 50% -2rem, rgba(215, 182, 111, .14), transparent 11rem);
	border: 1px solid rgba(215, 182, 111, .34);
	border-radius: 22px;
	box-shadow: 0 30px 78px rgba(0, 0, 0, .68), inset 0 0 0 1px rgba(255, 255, 255, .035);
}

.ill-mobile-ui .ill-user-panel__close,
.ill-mobile-ui #lg-close {
	position: absolute !important;
	top: .82rem !important;
	right: .82rem !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 2.55rem !important;
	height: 2.55rem !important;
	padding: 0 !important;
	background: rgba(215, 182, 111, .1) !important;
	border: 1px solid rgba(215, 182, 111, .3) !important;
	border-radius: 14px !important;
	color: var(--ill-gold-soft) !important;
	text-indent: -9999px !important;
	overflow: hidden;
}

.ill-mobile-ui .ill-user-panel__close:before,
.ill-mobile-ui .ill-user-panel__close:after,
.ill-mobile-ui #lg-close:before,
.ill-mobile-ui #lg-close:after {
	content: "";
	position: absolute;
	width: 1.16rem;
	height: 2px;
	background: currentColor;
	border-radius: 999px;
}

.ill-mobile-ui .ill-user-panel__close:before,
.ill-mobile-ui #lg-close:before {
	transform: rotate(45deg);
}

.ill-mobile-ui .ill-user-panel__close:after,
.ill-mobile-ui #lg-close:after {
	transform: rotate(-45deg);
}

.ill-mobile-ui .ill-user-panel__head {
	display: grid;
	grid-template-columns: 3.35rem minmax(0, 1fr);
	gap: .82rem;
	align-items: center;
	min-height: 3.7rem;
	padding: .25rem 3rem .95rem 0;
	border-bottom: 1px solid rgba(215, 182, 111, .16);
}

.ill-mobile-ui .ill-user-panel__mark {
	width: 3.2rem;
	height: 3.2rem;
	background: url("../images/illuminy-sigil.svg") center/contain no-repeat;
	filter: drop-shadow(0 0 14px rgba(215, 182, 111, .24));
}

.ill-mobile-ui .ill-user-panel__head b {
	display: block;
	color: var(--ill-gold-soft);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.35rem;
	line-height: 1.18;
	overflow-wrap: anywhere;
}

.ill-mobile-ui .ill-user-panel__head span {
	display: block;
	margin-top: .22rem;
	color: var(--ill-muted);
	font-size: .92rem;
	line-height: 1.36;
}

.ill-mobile-ui .login-form,
.ill-mobile-ui .ill-login-form {
	margin: 0 !important;
	padding: 1rem 0 0 !important;
}

.ill-mobile-ui .login-form ul {
	display: grid;
	gap: .75rem;
	margin: 0;
}

.ill-mobile-ui .login-form li {
	margin: 0 !important;
}

.ill-mobile-ui .login-form label {
	margin: 0 0 .38rem !important;
	color: var(--ill-muted);
	font-size: .9rem;
}

.ill-mobile-ui .login-form .f_input {
	height: 3.2rem !important;
	padding: .76rem .9rem !important;
	border-radius: 14px !important;
	font-size: 1rem !important;
	background: rgba(3, 5, 8, .88) !important;
}

.ill-mobile-ui .login-form .submitline {
	margin-top: .95rem !important;
}

.ill-mobile-ui .login-form .btn {
	min-height: 3.2rem !important;
	border-radius: 14px !important;
}

.ill-mobile-ui .log-links {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: .62rem;
	padding: .85rem 0 0 !important;
	text-align: initial !important;
}

.ill-mobile-ui .log-links a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.65rem;
	padding: .58rem .7rem;
	color: var(--ill-gold-soft) !important;
	background: rgba(215, 182, 111, .07);
	border: 1px solid rgba(215, 182, 111, .22);
	border-radius: 13px;
	text-align: center;
	text-decoration: none;
}

.ill-mobile-ui #usermenu,
.ill-mobile-ui .ill-user-menu {
	display: grid;
	gap: .54rem;
	margin: 0 !important;
	padding: 1rem 0 0 !important;
}

.ill-mobile-ui .ill-user-menu a,
.ill-mobile-ui #usermenu a {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	min-height: 3.15rem;
	padding: .78rem .86rem !important;
	color: var(--ill-text) !important;
	background: rgba(5, 7, 10, .58);
	border: 1px solid rgba(215, 182, 111, .14);
	border-radius: 14px;
	font-size: 1rem !important;
	line-height: 1.22;
	text-decoration: none !important;
}

.ill-mobile-ui .ill-user-menu a span,
.ill-mobile-ui #usermenu a span {
	color: var(--ill-muted);
	font-size: .86rem;
}

.ill-mobile-ui .ill-user-menu a:after,
.ill-mobile-ui #usermenu a:after {
	content: "";
	flex: 0 0 .46rem;
	width: .46rem;
	height: .46rem;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	opacity: .42;
	transform: rotate(-45deg);
}

.ill-mobile-ui #content,
.ill-mobile-ui .post,
.ill-mobile-ui .box,
.ill-mobile-ui .commentbox,
.ill-mobile-ui .ux-form,
.ill-mobile-ui #footmenu {
	width: 100%;
	max-width: 100%;
	overflow: hidden;
}

.ill-mobile-ui .post,
.ill-mobile-ui .box,
.ill-mobile-ui .commentbox,
.ill-mobile-ui .ux-form {
	border-radius: 18px !important;
}

.ill-mobile-ui .post {
	margin: .88rem max(.75rem, env(safe-area-inset-left));
	padding: 1rem !important;
}

.ill-mobile-ui .post .title {
	max-width: 100%;
	overflow-wrap: anywhere;
	line-height: 1.14;
}

.ill-mobile-ui .post-cont {
	overflow-wrap: anywhere;
}

.ill-mobile-ui .panel {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: .75rem;
	align-items: center;
	clear: both;
}

.ill-mobile-ui .more a,
.ill-mobile-ui .com-num {
	float: none !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.85rem;
	border-radius: 12px !important;
}

.ill-mobile-ui .commentbox,
.ill-mobile-ui .illuminy-mobile-comment-form {
	margin: .9rem max(.75rem, env(safe-area-inset-left)) !important;
}

.ill-mobile-ui .illuminy-mobile-comment-form {
	padding: 1rem !important;
	border-radius: 18px !important;
	background:
		linear-gradient(145deg, rgba(9, 12, 18, .98), rgba(16, 19, 28, .96)),
		radial-gradient(circle at 50% 0, rgba(215, 182, 111, .1), transparent 11rem) !important;
}

.ill-mobile-ui .illuminy-mobile-comment-editor {
	display: block;
	width: 100%;
	margin-top: .3rem;
}

.ill-mobile-ui .illuminy-mobile-comment-editor__label {
	display: inline-flex;
	align-items: center;
	margin: 0 0 .48rem;
	color: var(--ill-gold-soft);
	font-size: .92rem;
	font-weight: 700;
}

.ill-mobile-ui .illuminy-mobile-comment-editor .dleaddcomments-editor,
.ill-mobile-ui .illuminy-mobile-comment-editor .wseditor,
.ill-mobile-ui .illuminy-mobile-comment-editor .bb-editor,
.ill-mobile-ui .comments-edit-area .dlecomments-editor,
.ill-mobile-ui .comments-edit-area .bb-editor {
	position: relative !important;
	width: 100% !important;
	min-height: 13.5rem !important;
	background: #050608 !important;
	border: 1px solid rgba(215, 182, 111, .28) !important;
	border-radius: 16px !important;
	overflow: hidden !important;
}

.ill-mobile-ui .illuminy-mobile-comment-editor textarea#comments,
.ill-mobile-ui .illuminy-mobile-comment-editor .bb-editor textarea,
.ill-mobile-ui .comments-edit-area textarea[id^="dleeditcomments"],
.ill-mobile-ui .comments-edit-area .bb-editor textarea {
	position: static !important;
	left: auto !important;
	top: auto !important;
	display: block !important;
	width: 100% !important;
	min-height: 13.5rem !important;
	padding: .95rem !important;
	background: #050608 !important;
	border: 0 !important;
	border-radius: 0 !important;
	color: var(--ill-text) !important;
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
	box-shadow: none !important;
}

.ill-mobile-ui .illuminy-mobile-comment-editor textarea.ajaxwysiwygeditor:not(#comments),
.ill-mobile-ui .comments-edit-area textarea.ajaxwysiwygeditor:not([id^="dleeditcomments"]) {
	position: absolute !important;
	left: -9999px !important;
	width: 1px !important;
	height: 1px !important;
	min-height: 0 !important;
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

.ill-mobile-ui .illuminy-mobile-comment-editor .tox.tox-tinymce,
.ill-mobile-ui .comments-edit-area .tox.tox-tinymce {
	width: 100% !important;
	max-width: 100% !important;
	height: 16rem !important;
	min-height: 16rem !important;
	border: 1px solid rgba(215, 182, 111, .3) !important;
	border-radius: 16px !important;
	overflow: hidden !important;
	background: #050608 !important;
}

.ill-mobile-ui .illuminy-mobile-comment-editor .tox .tox-toolbar__primary,
.ill-mobile-ui .comments-edit-area .tox .tox-toolbar__primary {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: .18rem !important;
	max-width: 100% !important;
	padding: .42rem !important;
}

.ill-mobile-ui .illuminy-mobile-comment-subscribe {
	display: flex !important;
	align-items: center;
	gap: .65rem;
	min-height: 2.8rem;
	margin-top: .7rem !important;
	color: var(--ill-muted);
}

.ill-mobile-ui .illuminy-mobile-comment-subscribe input[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;
	flex: 0 0 1.35rem;
	width: 1.35rem !important;
	height: 1.35rem !important;
	margin: 0 !important;
	background: rgba(5, 7, 10, .88) !important;
	border: 1px solid rgba(215, 182, 111, .44) !important;
	border-radius: 8px !important;
	box-shadow: inset 0 0 0 3px rgba(5, 7, 10, .9) !important;
}

.ill-mobile-ui .illuminy-mobile-comment-subscribe input[type="checkbox"]:checked {
	background: var(--ill-gold-soft) !important;
	border-color: var(--ill-gold-soft) !important;
}

.ill-mobile-ui .illuminy-mobile-comment-form__submit .btn {
	width: 100% !important;
	min-height: 3.25rem !important;
	border-radius: 15px !important;
	font-size: 1rem !important;
}

.ill-mobile-ui .illuminy-mobile-comment {
	margin: .85rem 0 !important;
	padding: .95rem !important;
	border-radius: 17px !important;
	overflow: hidden;
}

.ill-mobile-ui .illuminy-mobile-comment__meta,
.ill-mobile-ui .comment .meta,
.ill-mobile-ui .comment .com-inf {
	display: grid !important;
	grid-template-columns: 1fr;
	gap: .72rem;
	align-items: stretch;
}

.ill-mobile-ui .illuminy-mobile-comment__author {
	display: grid;
	grid-template-columns: 2.4rem minmax(0, 1fr);
	gap: .65rem;
	align-items: center;
	min-width: 0;
}

.ill-mobile-ui .illuminy-mobile-comment__author .photo {
	width: 2.35rem !important;
	height: 2.35rem !important;
	margin: 0 !important;
}

.ill-mobile-ui .illuminy-mobile-comment__author .arg {
	display: block;
	margin: 0 !important;
	overflow-wrap: anywhere;
}

.ill-mobile-ui .illuminy-mobile-comment__actions,
.ill-mobile-ui .illuminy-comment-actions,
.ill-mobile-ui .comment .meta > ul.left,
.ill-mobile-ui .comment .meta ul.left {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: .48rem !important;
	align-items: center !important;
	width: 100%;
	max-width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
}

.ill-mobile-ui .illuminy-mobile-comment__action,
.ill-mobile-ui .illuminy-comment-actions .comment-action,
.ill-mobile-ui .comment .meta > ul.left > li,
.ill-mobile-ui .comment .meta ul.left > li,
.ill-mobile-ui .comment .meta .left > li {
	display: inline-flex !important;
	min-width: 0 !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.ill-mobile-ui .illuminy-mobile-comment__action a,
.ill-mobile-ui .illuminy-mobile-comment__action b,
.ill-mobile-ui .fast a,
.ill-mobile-ui .del a,
.ill-mobile-ui .comment .meta button,
.ill-mobile-ui .illuminy-comment-actions .comment-action a,
.ill-mobile-ui .illuminy-comment-actions .comment-action .form-check-label,
.ill-mobile-ui .comment .meta > ul.left a,
.ill-mobile-ui .comment .meta ul.left a,
.ill-mobile-ui .comment .meta .left a,
.ill-mobile-ui .comment .meta .left .edit_btn > a {
	position: static !important;
	float: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	max-width: 100% !important;
	min-width: 2.45rem !important;
	min-height: 2.45rem !important;
	height: auto !important;
	margin: 0 !important;
	padding: .58rem .75rem !important;
	overflow: hidden;
	color: var(--ill-gold-soft) !important;
	background: rgba(215, 182, 111, .07) !important;
	border: 1px solid rgba(215, 182, 111, .22) !important;
	border-radius: 13px !important;
	font-size: .9rem !important;
	font-weight: 700 !important;
	line-height: 1.1 !important;
	text-align: center !important;
	text-decoration: none !important;
	text-indent: 0 !important;
	text-shadow: none !important;
	box-shadow: none !important;
	white-space: normal !important;
}

.ill-mobile-ui .illuminy-mobile-comment__action--danger a,
.ill-mobile-ui .del a,
.ill-mobile-ui .comment-action--delete a {
	color: #f0b2a6 !important;
	border-color: rgba(198, 106, 87, .32) !important;
	background: rgba(198, 106, 87, .08) !important;
}

.ill-mobile-ui .fast .thd,
.ill-mobile-ui .del .thd {
	background: none !important;
}

.ill-mobile-ui .comments-edit-area,
.ill-mobile-ui #dle-comments-list .comments-edit-area {
	margin-top: .85rem !important;
	padding: .8rem !important;
	border-radius: 17px !important;
	overflow: hidden !important;
}

.ill-mobile-ui .comments-edit-area .bb-pane,
.ill-mobile-ui .comments-edit-area .tox .tox-editor-header {
	border-radius: 14px 14px 0 0 !important;
}

.ill-mobile-ui .DLEPush-notification.wrapper {
	position: fixed !important;
	left: max(.75rem, env(safe-area-inset-left)) !important;
	right: max(.75rem, env(safe-area-inset-right)) !important;
	top: calc(4rem + env(safe-area-inset-top)) !important;
	width: auto !important;
	max-width: none !important;
	min-height: 3.4rem !important;
	border-radius: 16px !important;
	transform: none !important;
}

.ill-mobile-ui .DLEPush-notification .DLEPush-icon {
	width: 3.4rem !important;
	min-width: 3.4rem !important;
}

.ill-mobile-ui .DLEPush-notification .DLEPush-message {
	margin: .86rem 2.7rem .86rem .9rem !important;
	font-size: .95rem !important;
}

.ill-mobile-ui .pager {
	display: flex !important;
	flex-wrap: wrap;
	gap: .68rem;
	align-items: stretch;
	justify-content: space-between;
	width: 100%;
	padding: 1rem max(.75rem, env(safe-area-inset-left)) !important;
	clear: both;
}

.ill-mobile-ui .pager:after {
	display: none !important;
}

.ill-mobile-ui .pager > a,
.ill-mobile-ui .pager > span {
	display: flex !important;
	flex: 1 1 10.5rem;
	min-width: min(100%, 10.5rem);
	max-width: 100%;
	text-decoration: none !important;
}

.ill-mobile-ui .pager .pprev,
.ill-mobile-ui .pager .pnext {
	float: none !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: .55rem;
	width: 100% !important;
	min-height: 3.15rem;
	padding: .75rem .85rem !important;
	color: #07080b !important;
	background: linear-gradient(135deg, var(--ill-gold-soft), #ad7f34) !important;
	border: 1px solid rgba(240, 217, 154, .45) !important;
	border-radius: 14px !important;
	font-weight: 800;
	line-height: 1.12;
	text-align: center;
	box-shadow: 0 .9rem 2rem rgba(0, 0, 0, .24) !important;
}

.ill-mobile-ui .pager > span .pprev,
.ill-mobile-ui .pager > span .pnext {
	color: rgba(244, 239, 229, .42) !important;
	background: rgba(244, 239, 229, .06) !important;
	border-color: rgba(244, 239, 229, .13) !important;
	box-shadow: none !important;
}

.ill-mobile-ui .pager .ico:before {
	position: static !important;
	flex: 0 0 .6rem;
	width: .6rem !important;
	height: .6rem !important;
	margin: 0 !important;
	background: none !important;
	border-right: 3px solid currentColor;
	border-bottom: 3px solid currentColor;
}

.ill-mobile-ui .pager .pprev:before {
	order: 2;
	transform: rotate(-45deg);
}

.ill-mobile-ui .pager .pnext:before {
	order: -1;
	transform: rotate(135deg);
}

.ill-mobile-ui #footmenu {
	margin-top: 1rem;
	padding: 1.05rem max(1rem, env(safe-area-inset-left)) calc(1.35rem + env(safe-area-inset-bottom)) !important;
	background: rgba(7, 9, 13, .98) !important;
	border-top: 1px solid rgba(215, 182, 111, .18);
	box-shadow: none !important;
}

.ill-mobile-ui #footmenu h3 {
	margin: 0 0 .8rem !important;
	font-size: 1.45rem;
}

.ill-mobile-ui .main-nav {
	display: grid;
	gap: .45rem;
}

.ill-mobile-ui .main-nav a {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	min-height: 3rem;
	margin: 0 !important;
	padding: .68rem .78rem !important;
	border-radius: 13px !important;
	text-decoration: none !important;
}

.ill-mobile-ui .main-nav a:after {
	content: "";
	width: .42rem;
	height: .42rem;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	opacity: .34;
	transform: rotate(-45deg);
}

@media (max-width: 390px) {
	.ill-mobile-ui .log-links {
		grid-template-columns: 1fr;
	}

	.ill-mobile-ui .post {
		margin-inline: .55rem;
	}

	.ill-mobile-ui .panel {
		grid-template-columns: 1fr;
	}
}

/* W-1075: residual smartphone polish after real Safari screenshots. */
.ill-mobile-ui #menu-head {
	background:
		linear-gradient(145deg, rgba(7, 9, 13, .995), rgba(13, 16, 23, .99)),
		radial-gradient(circle at 50% -3rem, rgba(215, 182, 111, .14), transparent 10rem) !important;
	border-color: rgba(215, 182, 111, .42) !important;
	box-shadow:
		0 30px 80px rgba(0, 0, 0, .72),
		inset 0 0 0 1px rgba(255, 255, 255, .045) !important;
	backdrop-filter: blur(18px) saturate(1.05);
	-webkit-backdrop-filter: blur(18px) saturate(1.05);
}

.ill-mobile-ui #menu-head a {
	background: rgba(5, 7, 10, .82) !important;
	border-color: rgba(215, 182, 111, .18) !important;
}

.ill-mobile-backdrop {
	background:
		linear-gradient(180deg, rgba(0, 0, 0, .72), rgba(0, 0, 0, .82)),
		radial-gradient(circle at 50% 16%, rgba(29, 111, 104, .14), transparent 18rem) !important;
	backdrop-filter: blur(9px) saturate(.9);
	-webkit-backdrop-filter: blur(9px) saturate(.9);
}

.ill-mobile-ui .illuminy-mobile-comment-editor .bb-editor,
.ill-mobile-ui .comments-edit-area .bb-editor {
	display: flex !important;
	flex-direction: column;
	border-radius: 16px !important;
}

.ill-mobile-ui .illuminy-mobile-comment-editor .bb-pane,
.ill-mobile-ui .comments-edit-area .bb-pane {
	flex: 0 0 auto;
	width: 100% !important;
	margin: 0 !important;
	padding: .44rem .5rem !important;
	background: rgba(14, 17, 24, .94) !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(215, 182, 111, .18) !important;
	box-shadow: none !important;
}

.ill-mobile-ui .illuminy-mobile-comment-editor .bb-editor textarea,
.ill-mobile-ui .comments-edit-area .bb-editor textarea {
	flex: 1 1 auto;
	border-top: 0 !important;
}

.ill-mobile-ui .illuminy-mobile-comment-editor textarea.ajaxwysiwygeditor:not(#comments),
.ill-mobile-ui .comments-edit-area textarea.ajaxwysiwygeditor:not([id^="dleeditcomments"]) {
	max-height: 1px !important;
}

.ill-mobile-ui .illuminy-mobile-comment-form {
	padding-bottom: calc(1rem + env(safe-area-inset-bottom)) !important;
}

.ill-mobile-ui #footer {
	padding-bottom: calc(1.1rem + env(safe-area-inset-bottom)) !important;
}

/* W-1076: harden smartphone forms and navigation after Safari screenshots. */
.ill-mobile-ui .ux-form,
.ill-mobile-ui .form-wrap,
.ill-mobile-ui .comment-area,
.ill-mobile-ui .comments-edit-area,
.ill-mobile-ui .illuminy-mobile-comment-form {
	border-radius: 18px !important;
	overflow: hidden;
}

.ill-mobile-ui .ux-form .ui-form {
	display: grid !important;
	gap: .85rem !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.ill-mobile-ui .ux-form .ui-form > li {
	min-width: 0;
	margin: 0 !important;
}

.ill-mobile-ui .ux-form .f_input,
.ill-mobile-ui .ux-form textarea,
.ill-mobile-ui .comment-area textarea,
.ill-mobile-ui .comments-edit-area textarea,
.ill-mobile-ui .illuminy-mobile-comment-form textarea {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	border-radius: 14px !important;
}

.ill-mobile-ui .combofield {
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: .65rem !important;
	padding-right: 0 !important;
}

.ill-mobile-ui .combofield .bbcodes {
	position: static !important;
	inset: auto !important;
	width: 100% !important;
	min-height: 3rem !important;
	border-radius: 14px !important;
}

.ill-mobile-ui .c-captcha-box {
	display: grid !important;
	gap: .6rem !important;
	min-width: 0;
}

.ill-mobile-ui .c-captcha-box label {
	display: block;
	margin: 0 !important;
	color: rgba(239, 222, 169, .92) !important;
	font-weight: 700;
}

.ill-mobile-ui .c-captcha {
	position: static !important;
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: .7rem !important;
	height: auto !important;
	min-height: 0 !important;
	padding: .75rem !important;
	border: 1px solid rgba(215, 182, 111, .28);
	border-radius: 16px !important;
	background: rgba(5, 7, 10, .58);
	box-sizing: border-box;
}

.ill-mobile-ui .c-captcha #dle-captcha,
.ill-mobile-ui .c-captcha #dle-captcha a,
.ill-mobile-ui .c-captcha img,
.ill-mobile-ui .c-captcha .f_input,
.ill-mobile-ui .c-captcha input {
	position: static !important;
	float: none !important;
	clear: none !important;
	left: auto !important;
	right: auto !important;
	top: auto !important;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	margin: 0 !important;
	box-sizing: border-box !important;
}

.ill-mobile-ui .c-captcha #dle-captcha img,
.ill-mobile-ui .c-captcha > img {
	display: block !important;
	max-height: 5.25rem;
	object-fit: contain;
	border-radius: 12px;
	background: #05070a;
}

.ill-mobile-ui .c-captcha .f_input,
.ill-mobile-ui .c-captcha input {
	min-height: 3rem !important;
	padding: .8rem .95rem !important;
	font-size: 1rem !important;
}

.ill-mobile-ui #go2full {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	min-height: 2.75rem;
	padding: 0 1rem !important;
	border-radius: 999px !important;
	background: rgba(8, 11, 16, .82) !important;
	border: 1px solid rgba(215, 182, 111, .28) !important;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .035);
	text-decoration: none !important;
}

.ill-mobile-ui #go2full:before {
	display: none !important;
}

.ill-mobile-ui .more,
.ill-mobile-ui .story-footer,
.ill-mobile-ui .story-tools {
	min-width: 0;
}

.ill-mobile-ui .more a,
.ill-mobile-ui a.more,
.ill-mobile-ui .btn,
.ill-mobile-ui button,
.ill-mobile-ui input[type="submit"] {
	max-width: 100%;
	box-sizing: border-box;
	border-radius: 14px !important;
}

.ill-mobile-ui .more a,
.ill-mobile-ui a.more {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 3rem;
	padding: .75rem 1.2rem !important;
}

.ill-mobile-ui .pager,
.ill-mobile-ui .navigation {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: .7rem !important;
	align-items: stretch;
	width: 100% !important;
	margin: 1.2rem 0 !important;
	padding: .75rem max(1rem, env(safe-area-inset-left)) !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
}

.ill-mobile-ui .pager a,
.ill-mobile-ui .pager span,
.ill-mobile-ui .navigation a,
.ill-mobile-ui .navigation span {
	min-width: 0 !important;
	max-width: 100% !important;
	min-height: 3rem !important;
	margin: 0 !important;
	border-radius: 14px !important;
	box-sizing: border-box !important;
	white-space: normal !important;
	overflow-wrap: anywhere;
}

@media (max-width: 390px) {
	.ill-mobile-ui .pager,
	.ill-mobile-ui .navigation {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ill-mobile-ui *,
	.ill-mobile-ui *:before,
	.ill-mobile-ui *:after {
		animation-duration: .01ms !important;
		transition-duration: .01ms !important;
		scroll-behavior: auto !important;
	}
}

/* W-1077: smartphone pager and safe-area polish after fresh iPhone screenshots. */
@media (max-width: 760px) {
	.ill-mobile-ui {
		padding-bottom: env(safe-area-inset-bottom);
	}

	.ill-mobile-ui #content {
		padding-bottom: calc(4.6rem + env(safe-area-inset-bottom)) !important;
	}

	.ill-mobile-ui .pager {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: .65rem !important;
		align-items: center !important;
		justify-content: space-between !important;
		padding: 1rem max(.85rem, env(safe-area-inset-left)) !important;
	}

	.ill-mobile-ui .pager > a,
	.ill-mobile-ui .pager > span {
		flex: 1 1 calc(50% - .35rem) !important;
		min-width: min(100%, 9.5rem) !important;
		max-width: 100% !important;
		display: flex !important;
		text-decoration: none !important;
	}

	.ill-mobile-ui .pager .pprev,
	.ill-mobile-ui .pager .pnext,
	.ill-mobile-ui .pager b.pprev,
	.ill-mobile-ui .pager b.pnext {
		position: relative !important;
		float: none !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: .55rem !important;
		width: 100% !important;
		min-height: 3.05rem !important;
		padding: .72rem .86rem !important;
		color: #07080b !important;
		background: linear-gradient(135deg, var(--ill-gold-soft), #ad7f34) !important;
		border: 1px solid rgba(240, 217, 154, .46) !important;
		border-radius: 15px !important;
		font-weight: 800 !important;
		line-height: 1.12 !important;
		text-align: center !important;
		box-shadow: 0 .9rem 2rem rgba(0, 0, 0, .22) !important;
	}

	.ill-mobile-ui .pager > span .pprev,
	.ill-mobile-ui .pager > span .pnext {
		color: rgba(244, 239, 229, .48) !important;
		background: rgba(244, 239, 229, .065) !important;
		border-color: rgba(244, 239, 229, .14) !important;
		box-shadow: none !important;
	}

	.ill-mobile-ui .pager .ico:before {
		position: static !important;
		flex: 0 0 .62rem !important;
		width: .62rem !important;
		height: .62rem !important;
		margin: 0 !important;
		background: none !important;
		border-right: 3px solid currentColor !important;
		border-bottom: 3px solid currentColor !important;
	}

	.ill-mobile-ui .pager .pprev:before {
		order: 2;
		transform: rotate(-45deg);
	}

	.ill-mobile-ui .pager .pnext:before {
		order: -1;
		transform: rotate(135deg);
	}
}