/* Liquid Glass – iOS-style frosted panels over wallpaper */

:root {
	--lg-accent: #03add8;
	--lg-accent-soft: rgba(3, 173, 216, 0.16);
	--lg-text: #f2f2f7;
	--lg-text-muted: #aeaeb2;
	--lg-glass: rgba(255, 255, 255, 0.08);
	--lg-glass-mid: rgba(255, 255, 255, 0.12);
	--lg-glass-strong: rgba(255, 255, 255, 0.17);
	--lg-surface: rgba(255, 255, 255, 0.11);
	--lg-surface-border: rgba(255, 255, 255, 0.2);
	--lg-glass-border: var(--lg-surface-border);
	--lg-glass-edge: rgba(255, 255, 255, 0.34);
	--lg-blur: blur(30px) saturate(148%);
	--lg-blur-light: blur(18px) saturate(145%);
	--lg-blur-strength: 75;
	--lg-glass-bubble: rgba(255, 255, 255, 0.11);
	--lg-glass-accent: rgba(3, 173, 216, 0.16);
	--lg-shimmer-opacity: 0;
	--lg-chat-scrim: rgba(10, 12, 20, 0.11);
	--lg-glass-chat: rgba(24, 26, 38, 0.82);
	--lg-glass-chat-soft: rgba(32, 34, 48, 0.76);
	--lg-radius: 18px;
	--lg-gap: 12px;
	--lg-gap-sm: 8px;
	--lg-float: 10px;
	--lg-head-total: 55px;
	--lg-footer-h: 50px;
	--lg-layout-clear: 16px;
	--lg-shell-h: calc(100dvh - var(--lg-head-total) - var(--lg-footer-h) - var(--lg-layout-clear) - env(safe-area-inset-bottom, 0px));
	--lg-menu-top: var(--lg-head-total);
	--lg-chat-nudge: 12px;
	--lg-left-menu-w: 50px;
	--lg-chat-row-pad: 2px;
	--lg-chat-row-side: 2px;
	--lg-chat-inset: 12px;
	--lg-shadow: 0 8px 28px rgba(0, 0, 0, 0.16);
	--lg-shadow-in: inset 0 1px 0 rgba(255, 255, 255, 0.28), inset 0 -1px 0 rgba(0, 0, 0, 0.06);
	--lg-depth: inset 0 1px 0 rgba(255, 255, 255, 0.16), inset 0 -1px 0 rgba(0, 0, 0, 0.05), 0 10px 28px rgba(0, 0, 0, 0.14), 0 2px 6px rgba(0, 0, 0, 0.06);
	--lg-depth-soft: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 6px 20px rgba(0, 0, 0, 0.1);
	--lg-bubble-depth: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 2px 7px rgba(0, 0, 0, 0.08);
	--lg-scrim-top: rgba(8, 10, 18, 0.12);
	--lg-scrim-bottom: rgba(8, 10, 18, 0.24);
	/* Ebenen: Panels < Kontextmenü < Dropdowns < Modals (1000+, main.css) */
	--lg-z-footer: 200;
	--lg-z-panel: 201;
	--lg-z-header: 280;
	--lg-z-mobile-panel: 220;
	--lg-z-private: 260;
	--lg-z-context: 320;
	--lg-z-dropdown: 400;
	--lg-z-modal: 5000;
	--lg-z-call: 5200;
	--lg-z-call-incoming: 5300;
	--lg-bp-phone-max: 768px;
	--lg-bp-tablet-max: 1200px;
	--lg-tablet-panel-w: min(400px, 42vw);
}

/* general colors */
a { color: #5ec8e8; }
body {
	background: #0a0c14;
	color: var(--lg-text);
	position: relative;
}
button { background: transparent; color: var(--lg-text); }
input, textarea, .post_input_container {
	background: var(--lg-glass-mid);
	border: 1px solid var(--lg-glass-border) !important;
	color: var(--lg-text);
	border-radius: 14px;
	box-shadow: var(--lg-shadow-in);
}
.setdef { color: var(--lg-text); }

/* cookie box */
.cookie_wrap {
	background: var(--lg-glass-strong);
	color: #fff;
	backdrop-filter: var(--lg-blur);
	-webkit-backdrop-filter: var(--lg-blur);
	border: 1px solid var(--lg-glass-border);
	border-radius: var(--lg-radius);
}

/* item with background no effect */
.bback { background: rgba(255, 255, 255, 0.06); }

/* item with background no effect with border */
.bbackb {
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.1);
}

/* item with no background and hover effect */
.bhover:hover { background: rgba(255, 255, 255, 0.08); }

/* item with background and hover effect */
.bbackhover { background: rgba(255, 255, 255, 0.06); }
.bbackhover:hover { background: rgba(255, 255, 255, 0.1); }

/* item width background and hover effect with a border */
.bbackhoverb { background: rgba(255, 255, 255, 0.06); }
.bbackhoverb:hover {
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid var(--lg-glass-border);
}

/* item with no background with line separator and hover effect */
.blisting { border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.blisting:hover { background: rgba(255, 255, 255, 0.06); }

/* item with no background with line separator */
.blist { border-bottom: 1px solid rgba(255, 255, 255, 0.08); }

/* private panel top – dunkler als Sidebar-Glas */
.back_ptop {
	background: var(--lg-glass-chat);
	color: var(--lg-text);
	backdrop-filter: var(--lg-blur);
	-webkit-backdrop-filter: var(--lg-blur);
	border-bottom: 1px solid var(--lg-glass-border);
	box-shadow: var(--lg-shadow-in);
	overflow: visible;
}
#private_top {
	position: relative;
	z-index: 5;
	flex-shrink: 0;
}
body.lg-shell #private_opt {
	position: absolute !important;
	right: 0 !important;
	top: 0 !important;
	z-index: 40 !important;
}
#private_top .private_opt {
	display: table-cell;
	vertical-align: middle;
	width: 40px;
	text-align: center;
	position: relative;
	overflow: visible;
	transform: none !important;
}
#private_top .private_opt i {
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	transform: none !important;
	filter: none !important;
}

/* page menu & page sub menu */
.bpmenu:hover { background: rgba(255, 255, 255, 0.08); }
.bsub { background: rgba(0, 0, 0, 0.12); }
.bsub:hover { background: rgba(255, 255, 255, 0.06); }

/* sub menus for card, logs, wall, news */
.bmenu, .submenu { border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.bmenu:hover, .submenu:hover { background: rgba(255, 255, 255, 0.06); }

/* box shadow */
.bshadow, .page_element, .float_menu, .btnshadow, .pboxed {
	box-shadow: var(--lg-shadow);
}
.pboxed {
	border: 1px solid var(--lg-glass-border);
}

/* main item selected for panel and box */
.bselected { background: var(--lg-accent-soft); }

/* reg menu selected item */
.rselected { background: var(--lg-accent-soft); }

/* page selected */
.pselected { color: var(--lg-accent); }

/* current item selected selected */
.cselected, .liked { background: rgba(255, 255, 255, 0.08); }

/* paginate item selected */
.pag_btn { background: rgba(255, 255, 255, 0.06); }
.pagselected, .pag_btn:hover { background: rgba(255, 255, 255, 0.12); }

/* count and gold tag */
.gtag {
	background: var(--lg-glass);
	border: 1px solid var(--lg-glass-border);
	border-radius: 12px;
}

/* border color for separator and items border */
.bborder { border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.tborder { border-top: 1px solid rgba(255, 255, 255, 0.08); }
.lborder, .ppanel { border-left: 1px solid rgba(255, 255, 255, 0.08); }
.rborder { border-right: 1px solid rgba(255, 255, 255, 0.08); }
.fborder { border: 1px solid var(--lg-glass-border); }

/* float top color */
.float_top { border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.float_ctop { border-bottom: 1px solid rgba(255, 255, 255, 0.08); }

/* headers, footer and top modal colors */
.bhead {
	background: var(--lg-surface);
	color: var(--lg-text);
	backdrop-filter: var(--lg-blur);
	-webkit-backdrop-filter: var(--lg-blur);
	border: 1px solid var(--lg-surface-border);
	border-top: none;
	box-shadow: var(--lg-depth);
	overflow: visible;
}
#chat_head,
#chat_head.bhead,
.chat_head {
	overflow: visible !important;
	position: relative;
	z-index: 4;
}
#chat_head .head_option {
	display: table-cell;
	vertical-align: middle;
	width: 40px;
	text-align: center;
	position: relative;
	overflow: visible;
	transform: none !important;
}
#chat_head .head_option i,
#chat_head .menui {
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	transform: none !important;
	filter: none !important;
}
#chat_head .head_notify {
	position: absolute;
	top: 16px;
	left: 6px;
	width: 11px;
	height: 11px;
	z-index: 5;
}
#chat_head .chat_head_logo {
	vertical-align: middle;
}
.bsidebar {
	background: transparent;
	color: var(--lg-text);
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	border: none;
}
.modal_top {
	background: var(--lg-glass-strong);
	color: var(--lg-text);
	backdrop-filter: var(--lg-blur);
	-webkit-backdrop-filter: var(--lg-blur);
}
.pro_top {
	background: var(--lg-glass-mid);
	color: var(--lg-text);
	backdrop-filter: var(--lg-blur-light);
	-webkit-backdrop-filter: var(--lg-blur-light);
}
.bfoot {
	background: var(--lg-surface);
	color: var(--lg-text);
	backdrop-filter: var(--lg-blur);
	-webkit-backdrop-filter: var(--lg-blur);
	border: 1px solid var(--lg-surface-border);
	border-bottom: none;
	box-shadow: var(--lg-shadow-in);
	overflow: visible;
}
.foot {
	background: var(--lg-glass-strong);
	color: var(--lg-text);
	backdrop-filter: var(--lg-blur-light);
	-webkit-backdrop-filter: var(--lg-blur-light);
}

/* background major element panel, page menu, float menu, modal, chat boxes */
.backglob { background: transparent; }
.back_chat, #page_full_content { background: transparent; }
.tab_menu {
	background: var(--lg-glass);
	backdrop-filter: var(--lg-blur);
	-webkit-backdrop-filter: var(--lg-blur);
	border: 1px solid var(--lg-glass-border);
	border-radius: var(--lg-radius);
}
.back_priv {
	background: var(--lg-glass);
	backdrop-filter: var(--lg-blur);
	-webkit-backdrop-filter: var(--lg-blur);
	border-radius: var(--lg-radius);
}
.back_panel {
	background: var(--lg-glass);
	backdrop-filter: var(--lg-blur);
	-webkit-backdrop-filter: var(--lg-blur);
	border: 1px solid var(--lg-glass-border);
	border-radius: var(--lg-radius);
}
.back_menu {
	background: var(--lg-glass-mid);
	backdrop-filter: var(--lg-blur);
	-webkit-backdrop-filter: var(--lg-blur);
	border: 1px solid var(--lg-glass-border);
	border-radius: var(--lg-radius);
}
.back_pmenu {
	background: var(--lg-glass);
	backdrop-filter: var(--lg-blur);
	-webkit-backdrop-filter: var(--lg-blur);
}
.back_box {
	background: var(--lg-glass-mid);
	backdrop-filter: var(--lg-blur);
	-webkit-backdrop-filter: var(--lg-blur);
	border: 1px solid var(--lg-glass-border);
	border-radius: var(--lg-radius);
}
.back_input:not(#top_chat_container):not(#private_input) {
	background: var(--lg-surface);
	border-top: 1px solid var(--lg-surface-border);
	backdrop-filter: var(--lg-blur);
	-webkit-backdrop-filter: var(--lg-blur);
}
.back_modal {
	background: var(--lg-glass-mid);
	backdrop-filter: var(--lg-blur);
	-webkit-backdrop-filter: var(--lg-blur);
	border: 1px solid var(--lg-glass-border);
	border-radius: var(--lg-radius);
}
.page_element {
	background: var(--lg-glass);
	backdrop-filter: var(--lg-blur);
	-webkit-backdrop-filter: var(--lg-blur);
	border: 1px solid var(--lg-glass-border);
	border-radius: var(--lg-radius);
}
.back_quote {
	border-radius: 14px;
	background: var(--lg-glass-mid);
	backdrop-filter: var(--lg-blur-light);
	-webkit-backdrop-filter: var(--lg-blur-light);
}

/* main theme color */
.theme_color { color: var(--lg-accent); }
.default_color { color: var(--lg-text-muted); }
.error { color: #ff453a; }
.success { color: #30d158; }
.warn { color: #ff9f0a; }

/* button colors */
.theme_btn, .back_theme {
	background: var(--lg-accent);
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: 14px;
	box-shadow: 0 6px 20px rgba(3, 173, 216, 0.32), var(--lg-shadow-in);
}
.default_btn, .back_default {
	background: var(--lg-glass-mid);
	color: var(--lg-text);
	border: 1px solid var(--lg-glass-border);
	border-radius: 14px;
}
.defaultd_btn {
	background: var(--lg-glass-strong);
	color: var(--lg-text);
	border-radius: 14px;
}
.ok_btn, .onswitch { background: #30d158; color: #fff; border-radius: 14px; }
.warn_btn { background: #ff9f0a; color: #1c1c1e; border-radius: 14px; }
.delete_btn { background: #ff453a; color: #fff; border-radius: 14px; }
.send_btn, .footer_play { color: var(--lg-accent); }

/* default username color */
.user { color: #fff; }
#show_chat .username:not([class*="bcolor"]):not([class*="bneon"]):not([class*="bgrad"]),
.user_item_name .username:not([class*="bcolor"]):not([class*="bneon"]):not([class*="bgrad"]) {
	color: #f2f2f7;
}
/* Neon-/Farb-Namen und Textmodus auf Wallpaper lesbar halten */
#show_chat .username[class*="bneon"],
#show_chat .chat_tmessage[class*="bneon"],
.user_item_name .username[class*="bneon"] {
	color: #fff !important;
}
#show_chat .username[class*="bgrad"],
#show_chat .chat_tmessage[class*="bgrad"],
.user_item_name .username[class*="bgrad"] {
	background-clip: text;
	-webkit-background-clip: text;
}

/* chat system messsage text color */
.chat_system { color: var(--lg-text-muted); }

/* opacity for offline users in list */
.offline { opacity: 0.4; }
body.lg-wall-wave-light .offline,
body.lg-wall-wave-light .offline_user .user_item {
	opacity: 0.62;
}

/* menu icon */
.menui { color: var(--lg-accent); }
.subi { color: #5ec8e8; }

/* wall reply background */
.reply_item {
	border-radius: 14px;
	background: var(--lg-glass);
	backdrop-filter: var(--lg-blur-light);
	-webkit-backdrop-filter: var(--lg-blur-light);
}

/* main post item option wall and news */
.main_post_item { color: rgba(255, 255, 255, 0.42); }

/* input option background colors */
.input_item, .panel_option, .main_post_item { color: var(--lg-text-muted); }

/* private log bubble colors */
.target_private, .hunt_quote {
	color: var(--lg-text);
	border: 1px solid var(--lg-glass-border);
	border-radius: 14px;
	box-shadow: var(--lg-bubble-depth);
	padding: 7px 10px;
	background: var(--lg-glass-mid);
	backdrop-filter: var(--lg-blur-light);
	-webkit-backdrop-filter: var(--lg-blur-light);
	position: relative;
	overflow: hidden;
}
.hunter_private, .targ_quote {
	color: var(--lg-text);
	border: 1px solid rgba(3, 173, 216, 0.35);
	border-radius: 14px;
	box-shadow: var(--lg-bubble-depth);
	padding: 7px 10px;
	background: var(--lg-glass-accent);
	backdrop-filter: var(--lg-blur-light);
	-webkit-backdrop-filter: var(--lg-blur-light);
	position: relative;
	overflow: hidden;
}
#show_private .target_private,
#show_private .hunter_private,
#private_content .target_private,
#private_content .hunter_private {
	transition: none !important;
}
#show_private .target_private:hover,
#show_private .hunter_private:hover,
#private_content .target_private:hover,
#private_content .hunter_private:hover {
	transform: none !important;
	filter: none !important;
}
#show_private .target_private:hover,
#private_content .target_private:hover {
	background: var(--lg-glass-mid);
	border-color: var(--lg-glass-border);
	box-shadow: var(--lg-bubble-depth);
}
#show_private .hunter_private:hover,
#private_content .hunter_private:hover {
	background: var(--lg-glass-accent);
	border-color: rgba(3, 173, 216, 0.35);
	box-shadow: var(--lg-bubble-depth);
}

/* quote in chat background color */
.cquote {
	background: var(--lg-glass);
	color: var(--lg-text);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 14px;
}

/* tab menu */
.tab_menu { box-shadow: var(--lg-shadow), var(--lg-shadow-in); }
.tab_selected { background: var(--lg-accent-soft); }

/* modal menu */
.modal_mback { background: rgba(255, 255, 255, 0.05); }
.modal_mborder { border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.modal_selected { background: var(--lg-accent-soft); }

/* back transparency background for modal box */
.modal_back {
	background-color: rgba(0, 0, 0, 0.35);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
}

/* chat logs – Blur-Stärke per Schieberegler (--lg-blur-light) */
.mbubble:not([class*="bubcolor"]):not([class*="bubgrad"]):not([class*="bubneon"]) {
	color: var(--lg-text);
	border: 1px solid var(--lg-glass-border);
	border-radius: 14px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	background: var(--lg-glass-bubble);
	backdrop-filter: var(--lg-blur-light);
	-webkit-backdrop-filter: var(--lg-blur-light);
	position: relative;
	overflow: visible;
}
body[data-lg-blur-mode="clear"] #show_chat .mbubble:not([class*="bubcolor"]):not([class*="bubgrad"]):not([class*="bubneon"]) {
	overflow: hidden;
}
body[data-lg-blur-mode="clear"] .mbubble:not([class*="bubcolor"]):not([class*="bubgrad"]):not([class*="bubneon"]) {
	box-shadow: none;
}
body[data-lg-blur-mode="solid"] .mbubble:not([class*="bubcolor"]):not([class*="bubgrad"]):not([class*="bubneon"]) {
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	box-shadow: var(--lg-bubble-depth);
}
body.lg-wall-wave-blue #show_chat .mbubble:not([class*="bubcolor"]):not([class*="bubgrad"]):not([class*="bubneon"]),
body.lg-wall-wave-warm #show_chat .mbubble:not([class*="bubcolor"]):not([class*="bubgrad"]):not([class*="bubneon"]) {
	background: rgba(18, 20, 30, 0.82);
	border-color: rgba(255, 255, 255, 0.18);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.24);
}
body.lg-wall-wave-blue[data-lg-blur-mode="clear"] #show_chat .mbubble:not([class*="bubcolor"]):not([class*="bubgrad"]):not([class*="bubneon"]),
body.lg-wall-wave-warm[data-lg-blur-mode="clear"] #show_chat .mbubble:not([class*="bubcolor"]):not([class*="bubgrad"]):not([class*="bubneon"]) {
	background: rgba(18, 20, 30, 0.9);
}
#show_chat .mbubble[class*="bubcolor"],
#show_chat .mbubble[class*="bubgrad"],
#show_chat .mbubble[class*="bubneon"] {
	color: #fff;
	border: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}
#show_chat .mbubble[class*="bubcolor"] {
	border: 1px solid rgba(255, 255, 255, 0.14);
}
#show_chat .ch_logs,
#show_chat .sys_log {
	padding: var(--lg-chat-row-pad) 0 !important;
	line-height: 1.35;
	overflow: visible;
	box-sizing: border-box;
}
#show_chat .chat_log.public__mod_msg {
	padding: 0 !important;
	margin: 6px 0 !important;
}
#show_chat .ch_tlogs,
#show_chat .ch_dlogs {
	padding: 3px 0 !important;
	overflow: visible;
}
#show_chat .chat_message,
#show_chat .bubble,
#show_chat .chat_tmessage {
	overflow: visible;
}
#show_chat .chat_message.tpad5,
#show_chat .chat_message.tpad3 {
	padding-top: 1px !important;
}
#show_chat .mbubble,
#show_chat .bubble {
	padding: 5px 10px;
}
#show_chat .my_text {
	padding: 0;
}
#show_private li {
	margin-bottom: 1px;
}
.topic_log {
	color: var(--lg-text-muted);
	border-radius: 14px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	margin-top: 4px;
	background: var(--lg-glass);
	backdrop-filter: var(--lg-blur-light);
	-webkit-backdrop-filter: var(--lg-blur-light);
}

/* upload progress */
.bprogress { background: #30d158; color: #fff; border-radius: 8px; }

/* notification colors */
.bnotify { background: var(--lg-accent); color: #fff; }
.foot_notify, .head_notify { border: 1px solid rgba(255, 255, 255, 0.4); }

/* date colors */
.sub_date { color: var(--lg-text-muted); }
.sub_chat, .sub_priv { color: rgba(255, 255, 255, 0.42); font-size: 11px; }
.cdate {
	background: var(--lg-glass);
	color: var(--lg-text-muted) !important;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, 0.1);
}

/* secondary text color */
.sub_text, .list_mood { color: var(--lg-text-muted); }

/* profile likes */
.plikes { background-color: var(--lg-glass); color: #fff; border-radius: 12px; }

/* spinner color */
.bspin { color: rgba(255, 255, 255, 0.3); }

/* special chat item */
.my_notice { color: #fff; background: var(--lg-accent); border-radius: 12px; }
.system_text {
	background: rgba(255, 255, 255, 0.06);
	color: var(--lg-text-muted);
	border-radius: 12px;
}

/* outside pages background */
.back_page {
	background: var(--lg-glass-strong);
	color: var(--lg-text);
	backdrop-filter: var(--lg-blur);
	-webkit-backdrop-filter: var(--lg-blur);
}

/* video background color */
.post_video { background: rgb(0, 0, 0, 1); }

/* slider */
.boom_slider .ui-widget-content { background: var(--lg-glass-mid); border-radius: 8px; }
.boom_slider .ui-state-default { background: var(--lg-accent) !important; }
.boom_slider .ui-state-active { background: var(--lg-accent) !important; }
.boom_slider .ui-slider-range { background: #0284a5; }

/* select input color */
.selectboxit-list, .selectboxit-btn {
	background-color: var(--lg-glass-mid);
	border: 1px solid var(--lg-glass-border);
	color: var(--lg-text);
	border-radius: 12px;
}
.selectboxit-list .selectboxit-focus .selectboxit-option-anchor {
	background-color: var(--lg-accent-soft);
	color: #fff;
}
.selectboxit-default-arrow { border-top: 4px solid var(--lg-text-muted); }
.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:active {
	background: var(--lg-glass-mid);
	color: var(--lg-text);
}
.selectboxit-options {
	background: rgba(20, 22, 32, 0.96);
	color: var(--lg-text);
	border-radius: 12px;
	border: 1px solid var(--lg-glass-border);
	box-shadow: var(--lg-shadow);
}
.selectboxit-list .selectboxit-option-anchor {
	color: var(--lg-text);
	background-color: transparent;
}
.modal_in .selectboxit-container,
.over_modal_in .selectboxit-container,
.top_modal_in .selectboxit-container,
.small_modal_in .selectboxit-container,
.large_modal_in .selectboxit-container {
	position: relative;
	z-index: 5;
}
/* Geöffnetes Selectboxit über nachfolgende Formularzeilen (Desktop-Registrierung) */
.modal_in .setting_element:focus-within,
.over_modal_in .setting_element:focus-within,
.top_modal_in .setting_element:focus-within,
.small_modal_in .setting_element:focus-within,
.large_modal_in .setting_element:focus-within,
.modal_in .setting_element:has(.selectboxit-open),
.over_modal_in .setting_element:has(.selectboxit-open),
.top_modal_in .setting_element:has(.selectboxit-open),
.small_modal_in .setting_element:has(.selectboxit-open),
.large_modal_in .setting_element:has(.selectboxit-open),
.modal_in .selectboxit-container.selectboxit-open,
.over_modal_in .selectboxit-container.selectboxit-open,
.top_modal_in .selectboxit-container.selectboxit-open,
.small_modal_in .selectboxit-container.selectboxit-open,
.large_modal_in .selectboxit-container.selectboxit-open,
.modal_in .selectboxit-container:focus-within,
.over_modal_in .selectboxit-container:focus-within,
.top_modal_in .selectboxit-container:focus-within,
.small_modal_in .selectboxit-container:focus-within,
.large_modal_in .selectboxit-container:focus-within,
.page_element .setting_element:has(.selectboxit-open),
.page_element .selectboxit-container.selectboxit-open,
.page_element .selectboxit-container:focus-within {
	z-index: var(--lg-z-dropdown, 400) !important;
}
/* Geschwister-.page_element (z. B. Filterliste) darf offenes Select nicht überdecken */
.page_element:has(.selectboxit-open),
.page_element:has(.selectboxit-container.selectboxit-open) {
	z-index: var(--lg-z-dropdown, 400) !important;
	overflow: visible !important;
}
.selectboxit-container.selectboxit-open .selectboxit-options,
.selectboxit-container.selectboxit-open .selectboxit-list {
	z-index: calc(var(--lg-z-dropdown, 400) + 2) !important;
}
/* Selectboxit & System-Dropdowns über Glas-Panels (Chat, Admin, Modals) */
.sysmenu.float_menu.back_menu,
.float_menu.back_menu,
.post_menu.back_menu {
	z-index: var(--lg-z-dropdown, 400) !important;
}
.small_modal_out,
.large_modal_out,
.over_modal_out,
.top_modal_out,
.over_emodal_out {
	position: fixed !important;
	z-index: var(--lg-z-modal, 5000) !important;
}
.over_modal_out,
.over_emodal_out {
	z-index: calc(var(--lg-z-modal, 5000) + 1) !important;
}
.top_modal_out {
	z-index: calc(var(--lg-z-modal, 5000) + 2) !important;
}
.small_modal_out .selectboxit-container.selectboxit-open .selectboxit-options,
.small_modal_out .selectboxit-container.selectboxit-open .selectboxit-list,
.large_modal_out .selectboxit-container.selectboxit-open .selectboxit-options,
.large_modal_out .selectboxit-container.selectboxit-open .selectboxit-list,
.over_modal_out .selectboxit-container.selectboxit-open .selectboxit-options,
.over_modal_out .selectboxit-container.selectboxit-open .selectboxit-list,
.top_modal_out .selectboxit-container.selectboxit-open .selectboxit-options,
.top_modal_out .selectboxit-container.selectboxit-open .selectboxit-list {
	z-index: calc(var(--lg-z-modal, 5000) + 10) !important;
}
@media screen and (min-width: 769px) {
	.selectboxit-options,
	.selectboxit-list {
		background: rgb(24, 26, 38) !important;
		background-color: rgb(24, 26, 38) !important;
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
	}
	.selectboxit-list .selectboxit-option-anchor {
		background-color: rgb(24, 26, 38);
	}
}
@media screen and (max-width: 768px) {
	.selectboxit-options {
		backdrop-filter: var(--lg-blur-light);
		-webkit-backdrop-filter: var(--lg-blur-light);
		z-index: calc(var(--lg-z-dropdown, 400) + 2) !important;
	}
}

/* Nutzer-/Log-Kontextmenü: fixed am body, über Panels, unter Dropdowns */
body.lg-shell #av_menu,
body.lg-shell #log_menu {
	position: fixed !important;
	z-index: var(--lg-z-context, 320) !important;
	bottom: auto !important;
	pointer-events: none;
}
body.lg-shell #av_menu.lg-av-open,
body.lg-shell #log_menu.lg-log-open {
	pointer-events: auto;
}

/* Header-/Footer-Dropdowns: fixed + dynamische Kopfzeile (--lg-menu-top per JS) */
body.lg-shell #chat_main_menu,
body.lg-shell #status_menu,
body.lg-shell #report_menu,
body.lg-shell #notification_menu,
body.lg-shell #bank_menu,
body.lg-shell #room_options_menu,
body.lg-shell #setting_menu,
body.lg-shell #friends_menu,
body.lg-shell #private_menu {
	position: fixed !important;
	top: var(--lg-menu-top, var(--lg-head-total, 55px)) !important;
	right: var(--lg-float, 10px) !important;
	left: auto !important;
	z-index: var(--lg-z-dropdown, 400) !important;
}
body.lg-shell #status_menu {
	max-height: none !important;
	overflow-y: auto !important;
}
body.lg-shell #status_menu .float_content {
	overflow: visible !important;
	max-height: none !important;
}
body.lg-shell #chat_left_menu,
body.lg-shell #leaderboard_menu,
body.lg-shell #game_menu,
body.lg-shell #tool_menu,
body.lg-shell #app_menu,
body.lg-shell #store_menu,
body.lg-shell #help_menu {
	position: fixed !important;
	top: var(--lg-menu-top, var(--lg-head-total, 55px)) !important;
	left: calc(var(--lg-float, 10px) + var(--lg-left-menu-w, 50px)) !important;
	right: auto !important;
	z-index: var(--lg-z-dropdown, 400) !important;
}
body.lg-shell #player_menu,
body.lg-shell #station_menu {
	position: fixed !important;
	bottom: calc(var(--lg-footer-h, 50px) + var(--lg-float, 10px) + env(safe-area-inset-bottom, 0px)) !important;
	top: auto !important;
	left: var(--lg-float, 10px) !important;
	z-index: var(--lg-z-dropdown, 400) !important;
}
body.lg-shell #wrap_stream,
body.lg-shell #wrap_stream_audio {
	max-width: min(560px, calc(100vw - 2 * var(--lg-float, 10px)));
	border-radius: var(--lg-radius);
	overflow: hidden;
	border: 1px solid var(--lg-surface-border);
	box-shadow: var(--lg-depth);
	background: rgba(0, 0, 0, 0.35);
}
body.lg-shell #wrap_stream iframe,
body.lg-shell #wrap_stream video,
body.lg-shell #wrap_stream_audio audio {
	display: block;
}
@media screen and (max-width: 768px) {
	body.lg-shell #wrap_stream {
		width: min(400px, calc(100vw - 16px)) !important;
		height: auto !important;
		aspect-ratio: 16 / 9;
	}
}
@media screen and (max-width: 480px) {
	body.lg-shell #wrap_stream {
		width: min(320px, calc(100vw - 16px)) !important;
	}
}
/* Alle System-Dropdowns über Panels/Privatchat/Kontextmenüs */
body.lg-shell .sysmenu.float_menu.back_menu {
	z-index: var(--lg-z-dropdown, 400) !important;
}

/* emoticon / panel bar */
.panel_bar { background: transparent; }
.emo_head { padding-left: 10px; }
.panel_option, .emo_menu { background: none; position: relative; z-index: 1; }
.emo_menu.bselected::before,
.panel_option.bselected::before {
	content: '';
	position: absolute;
	top: 5px;
	bottom: 0;
	left: 0;
	right: 0;
	transform: translateY(1px);
	z-index: -1;
	background: var(--lg-glass-mid);
	border: 1px solid var(--lg-glass-border);
	border-bottom: none;
	border-top-left-radius: 14px;
	border-top-right-radius: 14px;
}

/* misc */
.saved_error { background-color: rgba(255, 69, 58, 0.88); color: #fff; border-radius: 12px; }
.saved_ok { background-color: rgba(48, 209, 88, 0.88); color: #fff; border-radius: 12px; }

/* wallpaper + glass atmosphere */
body.lg-wall-ready::before {
	background-image: none;
	animation: none;
	opacity: 1;
}
#lg-wall-stack {
	position: fixed;
	inset: 0;
	z-index: -2;
	pointer-events: none;
	overflow: hidden;
}
.lg-wall-layer {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	opacity: 0;
	image-rendering: auto;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	contain: strict;
}
.lg-wall-layer.lg-wall-show {
	opacity: 1;
}
body::before {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	z-index: -2;
	width: 100%;
	height: 100%;
	background:
		linear-gradient(180deg, var(--lg-scrim-top) 0%, var(--lg-scrim-bottom) 100%),
		url('./images/background-macos-bigsur.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
body:not(.lg-wall-ready)::before {
	opacity: 0;
}
body::after {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	pointer-events: none;
	background:
		radial-gradient(ellipse 90% 70% at 50% 0%, rgba(255, 255, 255, 0.05), transparent 58%),
		radial-gradient(ellipse 120% 90% at 50% 100%, rgba(0, 0, 0, 0.14), transparent 62%);
}
body.lg-wall-wave-blue {
	--lg-scrim-top: rgba(6, 8, 20, 0.18);
	--lg-scrim-bottom: rgba(4, 6, 16, 0.42);
}
body.lg-wall-wave-blue::after {
	background:
		radial-gradient(ellipse 90% 70% at 50% 0%, rgba(255, 255, 255, 0.03), transparent 58%),
		radial-gradient(ellipse 120% 90% at 50% 100%, rgba(0, 0, 0, 0.22), transparent 62%);
}
body.lg-wall-wave-warm {
	--lg-scrim-top: rgba(24, 10, 6, 0.14);
	--lg-scrim-bottom: rgba(8, 6, 12, 0.36);
}
body.lg-wall-wave-warm::after {
	background:
		radial-gradient(ellipse 90% 70% at 50% 0%, rgba(255, 180, 120, 0.06), transparent 58%),
		radial-gradient(ellipse 120% 90% at 50% 100%, rgba(40, 12, 8, 0.18), transparent 62%);
}
body.lg-wall-wave-light {
	--lg-scrim-top: rgba(255, 255, 255, 0.08);
	--lg-scrim-bottom: rgba(255, 255, 255, 0.04);
}
body.lg-wall-wave-light::after {
	background:
		radial-gradient(ellipse 90% 70% at 50% 0%, rgba(255, 255, 255, 0.12), transparent 62%),
		radial-gradient(ellipse 120% 90% at 50% 100%, rgba(255, 255, 255, 0.06), transparent 64%);
}

/* Helle Wallpapers: durchsichtiges Glas (N6) – Schrift unverändert */
body.lg-wall-wave-light .blisting,
body.lg-wall-wave-light .blist {
	border-bottom-color: rgba(15, 23, 42, 0.08);
}
body.lg-wall-wave-light .cquote,
body.lg-wall-wave-light .topic_log,
body.lg-wall-wave-light .chat_system {
	background: rgba(255, 255, 255, 0.72);
	color: #1c1c1e;
	border-color: rgba(15, 23, 42, 0.12);
}
body.lg-wall-wave-light .chat_system {
	color: #3a3a3c;
}
body.lg-wall-wave-light .sub_text,
body.lg-wall-wave-light .text_small,
body.lg-wall-wave-light .page_element,
body.lg-wall-wave-light .modal_content,
body.lg-wall-wave-light .setting_element,
body.lg-wall-wave-light .modal_in,
body.lg-wall-wave-light .over_modal_in,
body.lg-wall-wave-light .small_modal_in,
body.lg-wall-wave-light .large_modal_in {
	color: #1c1c1e;
}
body.lg-wall-wave-light .sub_text,
body.lg-wall-wave-light .text_small {
	color: #3a3a3c !important;
}
body.lg-wall-wave-light .modal_mback {
	background: rgba(255, 255, 255, 0.55);
}
body.lg-wall-wave-light .modal_mborder {
	border-bottom-color: rgba(15, 23, 42, 0.1);
}
body.lg-wall-wave-light #page_full_content .page_element,
body.lg-wall-wave-light .post_element {
	border-color: rgba(15, 23, 42, 0.1);
}
body.lg-wall-wave-light .neon_rahmen_preview_item,
body.lg-wall-wave-light .neon_rahmen_bg_preview {
	background: rgba(255, 255, 255, 0.72);
	border-color: rgba(15, 23, 42, 0.12);
}
body.lg-wall-wave-light .neon_rahmen_picker .neon_rahmen_off_label {
	color: #3a3a3c;
}
@media screen and (min-width: 769px) {
	body.lg-wall-wave-light .selectboxit-options,
	body.lg-wall-wave-light .selectboxit-list {
		background: rgba(255, 255, 255, 0.55) !important;
		background-color: rgba(255, 255, 255, 0.55) !important;
		backdrop-filter: var(--lg-blur-light) !important;
		-webkit-backdrop-filter: var(--lg-blur-light) !important;
	}
	body.lg-wall-wave-light .selectboxit-list .selectboxit-option-anchor {
		background-color: transparent;
	}
}
body.lg-admin-page.lg-wall-wave-light .sub_text,
body.lg-admin-page.lg-wall-wave-light .text_small,
body.lg-admin-page.lg-wall-wave-light .page_element,
body.lg-admin-page.lg-wall-wave-light .setting_element,
body.lg-admin-page.lg-wall-wave-light .modal_in {
	color: #1c1c1e;
}
body.lg-admin-page.lg-wall-wave-light .sub_text,
body.lg-admin-page.lg-wall-wave-light .text_small {
	color: #3a3a3c;
}
body.lg-admin-page.lg-wall-wave-light #page_full_content .page_element,
body.lg-admin-page.lg-wall-wave-light .blisting,
body.lg-admin-page.lg-wall-wave-light .blist {
	border-color: rgba(15, 23, 42, 0.1);
}
body.lg-admin-page.lg-wall-wave-light #page_full_content .page_element {
	background: rgba(255, 255, 255, 0.72);
}
body.lg-login-page.lg-wall-wave-light #intro_top::before {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.03) 100%),
		var(--lg-intro-wall, url('./images/background-macos-bigsur.jpg'));
}
.back_chat { position: relative; }

/* chat layout – CSS grid shell between header and footer (no JS pixel heights) */
#chat_head.bhead {
	width: calc(100% - (var(--lg-float) * 2));
	margin: 0 auto var(--lg-float);
	border-radius: var(--lg-radius);
	border: 1px solid var(--lg-surface-border);
}
body.lg-shell #global_chat.backglob {
	display: grid !important;
	grid-template-columns: auto auto minmax(0, 1fr) minmax(280px, min(32vw, 400px)) minmax(220px, auto);
	grid-template-rows: minmax(0, 1fr);
	align-items: stretch;
	gap: var(--lg-float);
	width: calc(100% - (var(--lg-float) * 2));
	margin: 0 auto;
	box-sizing: border-box;
	overflow: hidden;
	border-collapse: unset;
	border-spacing: 0;
	height: var(--lg-shell-h) !important;
	max-height: var(--lg-shell-h) !important;
	min-height: 0;
}
/* Feste Spalten – sonst rutscht #chat_center ohne #chat_left in die falsche Grid-Zelle */
body.lg-shell #global_chat > #left_menu {
	grid-column: 1;
	grid-row: 1;
}
body.lg-shell #global_chat > #chat_left {
	grid-column: 2;
	grid-row: 1;
}
body.lg-shell #global_chat > #chat_center {
	grid-column: 3;
	grid-row: 1;
	min-width: 0;
	background: transparent;
	border: none;
	box-shadow: none;
	border-radius: 0;
	overflow: hidden;
}
body.lg-shell #global_chat > #private_center.ppanel,
body.lg-shell #global_chat > #private_center.pfull {
	grid-column: 4;
	grid-row: 1;
}
body.lg-shell #global_chat > #chat_right {
	grid-column: 5;
	grid-row: 1;
}
body.lg-shell #global_chat > #left_menu,
body.lg-shell #global_chat > #chat_left,
body.lg-shell #global_chat > #chat_center,
body.lg-shell #global_chat > #private_center.ppanel,
body.lg-shell #global_chat > #private_center.pfull,
body.lg-shell #global_chat > #chat_right {
	height: 100% !important;
	max-height: 100% !important;
	min-height: 0 !important;
	overflow: hidden;
	box-sizing: border-box;
}
body.lg-shell #left_menu:not(.fhide),
body.lg-shell #chat_left.cleft:not(.left_hide),
body.lg-shell #chat_center {
	display: flex !important;
	flex-direction: column;
	min-height: 0;
}
body.lg-shell #chat_right.cright {
	display: flex !important;
	flex-direction: column;
}
body.lg-shell #chat_right #right_panel_bar,
body.lg-shell #chat_left #left_panel_bar {
	flex: 0 0 auto;
}
body.lg-shell #warp_show_chat #container_show_chat,
body.lg-shell #warp_show_chat #inside_wrap_chat {
	height: 100%;
	min-height: 0;
	overflow: hidden;
}
body.lg-shell #chat_center #container_chat,
body.lg-shell #chat_center #wrap_chat {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-height: 0;
	height: 100%;
	overflow: hidden;
}
body.lg-shell #warp_show_chat {
	flex: 1 1 auto;
	min-height: 0;
	height: auto !important;
	max-height: none !important;
	overflow: hidden;
	background: transparent;
}
body.lg-shell #top_chat_container {
	flex: 0 0 auto;
}
body.lg-shell #left_menu_content.bsidebar {
	flex: 1 1 auto;
	min-height: 0;
	height: auto !important;
	overflow-y: auto;
}
body.lg-shell #wrap_chat > .typing_room_slot {
	padding: 3px var(--lg-gap) 4px;
	min-height: 18px;
	flex-shrink: 0;
}
body.lg-shell #show_chat {
	position: relative;
	height: 100%;
	padding: 0 !important;
	overflow: hidden !important;
	box-sizing: border-box;
}
body.lg-shell #show_chat #chat_logs_container {
	position: absolute;
	left: var(--lg-chat-inset);
	right: var(--lg-chat-inset);
	bottom: 0;
	width: auto;
	max-height: 100%;
	margin: 0;
	padding: 0 0 10px;
	overflow-x: hidden;
	overflow-y: auto;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
}
body.lg-shell #chat_left #left_content {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-height: 0;
	height: 100%;
	overflow: hidden;
}
body.lg-shell #chat_right_data,
body.lg-shell #chat_left_data {
	flex: 1 1 auto;
	min-height: 0;
	height: auto !important;
	overflow-y: auto;
}
body.lg-shell #chat_left.cleft2,
body.lg-shell #chat_right.cright2 {
	position: fixed !important;
	display: flex !important;
	flex-direction: column;
	top: var(--lg-head-total) !important;
	bottom: calc(var(--lg-footer-h) + var(--lg-layout-clear) + env(safe-area-inset-bottom, 0px)) !important;
	height: auto !important;
	max-height: none !important;
	min-height: 0;
	z-index: 201;
	overflow: hidden;
}
body.lg-shell #chat_left.cleft2 {
	left: 0;
}
body.lg-shell #chat_right.cright2 {
	right: 0;
}
/* Muss nach den flex-Regeln stehen – sonst gewinnt cleft2/cright2 bei gleicher Spezifität */
body.lg-shell #left_menu.fhide,
body.lg-shell #chat_left.left_hide,
body.lg-shell #chat_left.cleft2[style*="display: none"],
body.lg-shell #chat_left.cleft2[style*="display:none"],
body.lg-shell #chat_right.cright[style*="display: none"],
body.lg-shell #chat_right.cright[style*="display:none"],
body.lg-shell #chat_right.cright2.lg-right-closed,
body.lg-shell #chat_right.cright2:not(.lg-right-open) {
	display: none !important;
}
body.lg-shell #private_center.ppanel,
body.lg-shell #private_center.pfull {
	display: flex !important;
	flex-direction: column;
	min-width: 0;
	width: 100%;
}
@media screen and (min-width: 1201px) {
	body.lg-shell #private_center.ppanel,
	body.lg-shell #private_center.pfull {
		max-width: 400px;
	}
}
body.lg-shell #private_center.privhide {
	display: none !important;
}
body.lg-shell #private_center.ppanel #private_box,
body.lg-shell #private_center.pfull #private_box {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-height: 0;
	height: 100%;
}
body.lg-shell #private_center.ppanel #private_wrap_content,
body.lg-shell #private_center.pfull #private_wrap_content {
	flex: 1 1 auto;
	min-height: 0;
	height: auto !important;
	overflow: hidden;
}
body.lg-shell #private_center.ppanel #private_content,
body.lg-shell #private_center.pfull #private_content {
	height: 100% !important;
}
#global_chat.backglob {
	border-collapse: separate;
	border-spacing: var(--lg-float);
	width: calc(100% - (var(--lg-float) * 2));
	margin: 0 auto;
	box-sizing: border-box;
}
#chat_left.back_panel,
#chat_right.back_panel,
#left_menu {
	border: 1px solid var(--lg-surface-border) !important;
	overflow: hidden;
	background: var(--lg-glass);
	backdrop-filter: var(--lg-blur);
	-webkit-backdrop-filter: var(--lg-blur);
	box-shadow: var(--lg-depth);
}
body[data-lg-blur-mode="clear"] #chat_left.back_panel,
body[data-lg-blur-mode="clear"] #chat_right.back_panel,
body[data-lg-blur-mode="clear"] #left_menu {
	box-shadow: none;
}
body[data-lg-blur-mode="solid"] #chat_left.back_panel,
body[data-lg-blur-mode="solid"] #chat_right.back_panel,
body[data-lg-blur-mode="solid"] #left_menu {
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	box-shadow: var(--lg-depth-soft);
}
#chat_right .panel_bar,
#chat_left .panel_bar {
	background: transparent;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#chat_right.cright.back_panel {
	border-radius: var(--lg-radius);
}
#chat_left.cleft.back_panel,
#chat_left.cleft2.back_panel {
	border-radius: var(--lg-radius);
}
#chat_right.cright2.back_panel {
	border-radius: var(--lg-radius);
	margin: var(--lg-float);
}
#left_menu {
	border-radius: var(--lg-radius);
}
#left_menu_content.bsidebar {
	border-radius: 0;
	border: none;
	height: 100%;
}
#chat_right_data .user_item,
#usearch_result .user_item,
.online_user .user_item,
.offline_user .user_item {
	margin-bottom: 2px !important;
	padding: 5px 10px !important;
	border-radius: 5px !important;
}
#chat_right_data .user_item:last-child,
#usearch_result .user_item:last-child,
.online_user .user_item:last-child,
.offline_user .user_item:last-child {
	margin-bottom: 0 !important;
}
#chat_right_data .user_item:hover {
	background: rgba(255, 255, 255, 0.06);
}
#warp_show_chat {
	margin-left: 0;
	width: 100%;
	box-sizing: border-box;
}
#inside_wrap_chat {
	padding: 0;
	box-sizing: border-box;
}
/* Scroll + symmetrischer Rand: Nachrichten liegen in #chat_logs_container (absolut), nicht in #show_chat */
#show_chat {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 0 !important;
	margin: 0;
	overflow: hidden !important;
	box-sizing: border-box;
	list-style: none;
}
#show_chat #chat_logs_container {
	position: absolute;
	left: var(--lg-chat-inset);
	right: var(--lg-chat-inset);
	bottom: 0;
	width: auto;
	max-height: 100%;
	margin: 0;
	padding: 0 0 10px;
	overflow-x: hidden;
	overflow-y: auto;
	box-sizing: border-box;
	list-style: none;
	-webkit-overflow-scrolling: touch;
}
#show_chat .log_content,
#show_chat .cqbox {
	min-width: 0;
	max-width: 100%;
	overflow: visible;
}
#show_chat .cquote {
	max-width: 100%;
	box-sizing: border-box;
}
#top_chat_container.back_input {
	background: transparent;
	border: none;
	border-radius: 0;
	box-shadow: none;
	overflow: visible;
	margin-top: 2px;
	margin-left: calc(var(--lg-gap) / -2);
	margin-right: calc(var(--lg-gap) / -2);
	width: calc(100% + var(--lg-gap));
	padding: 0 calc(var(--lg-gap) / 2) var(--lg-gap-sm);
	box-sizing: border-box;
	position: relative;
}
#container_input,
#main_disabled,
#main_load {
	border-radius: var(--lg-radius) !important;
	background: var(--lg-surface) !important;
	border: 1px solid var(--lg-surface-border) !important;
	backdrop-filter: var(--lg-blur);
	-webkit-backdrop-filter: var(--lg-blur);
	box-shadow: var(--lg-depth-soft);
	overflow: hidden;
	padding: 12px 20px !important;
}
#priv_input {
	background: transparent;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	position: relative;
	z-index: 2;
	width: 100%;
}
#private_input,
#private_disabled,
#private_load {
	width: 100% !important;
	box-sizing: border-box;
	border-radius: 0 !important;
	background: var(--lg-surface) !important;
	border: none !important;
	border-top: 1px solid var(--lg-surface-border) !important;
	box-shadow: none;
	backdrop-filter: var(--lg-blur);
	-webkit-backdrop-filter: var(--lg-blur);
	overflow: hidden;
	padding: 8px 12px !important;
}
#private_center.ppanel #private_box,
#private_center.pfull #private_box {
	height: 100%;
	display: flex;
	flex-direction: column;
}
#private_center.ppanel #private_wrap_content,
#private_center.pfull #private_wrap_content {
	flex: 1 1 auto;
	min-height: 0;
}
#private_center.ppanel #priv_input,
#private_center.pfull #priv_input {
	flex: 0 0 auto;
}
#private_center.ppanel #private_content.pcontent,
#private_center.pfull #private_content.pcontent {
	height: 100% !important;
}
#show_private.vpad15 {
	padding-top: 8px;
	padding-bottom: 8px;
}
#private_wrap_content {
	position: relative;
	background: transparent;
}
body.lg-shell #private_center.ppanel #private_wrap_content.pcontent,
body.lg-shell #private_center.pfull #private_wrap_content.pcontent {
	height: auto !important;
	max-height: none !important;
}
#private_content.back_priv {
	position: relative;
	z-index: 1;
	padding: 5px var(--lg-gap) !important;
	background: transparent !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}
#private_content.back_priv:not(.priv_chat_bg_has_layer) {
	background: transparent !important;
}
#private_content.back_priv.priv_chat_bg_has_layer {
	background: transparent !important;
}
#private_box:has(.priv_chat_bg_has_layer),
#private_box.lg-priv-has-bg {
	background: transparent !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}
#priv_chat_bg_layer,
#priv_chat_bg_layer.active {
	filter: none !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}
body.lg-shell #priv_chat_bg_layer {
	display: block !important;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s ease, visibility 0s linear 0.2s;
}
body.lg-shell #priv_chat_bg_layer.active {
	opacity: 1;
	visibility: visible;
	transition: opacity 0.2s ease, visibility 0s linear 0s;
}
body.lg-shell #private_box:has(.priv_chat_bg_has_layer) #private_input,
body.lg-shell #private_box.lg-priv-has-bg #private_input {
	background: rgba(12, 14, 22, 0.55) !important;
	backdrop-filter: blur(10px) !important;
	-webkit-backdrop-filter: blur(10px) !important;
}
#wrap_footer.bfoot {
	position: fixed !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0;
	z-index: 200 !important;
	width: 100% !important;
	border-radius: var(--lg-radius) var(--lg-radius) 0 0;
	overflow: hidden;
	border: 1px solid var(--lg-surface-border);
	border-bottom: none;
	box-shadow: var(--lg-depth);
	background: var(--lg-surface);
	backdrop-filter: var(--lg-blur);
	-webkit-backdrop-filter: var(--lg-blur);
	padding-bottom: env(safe-area-inset-bottom, 0px);
	box-sizing: border-box;
}
#private_center.ppanel:not(.privhide),
#private_center.pfull:not(.privhide),
body.lg-shell #private_center.pboxed:not(.privhide) {
	background: var(--lg-glass-chat-soft) !important;
	backdrop-filter: var(--lg-blur);
	-webkit-backdrop-filter: var(--lg-blur);
	border: 1px solid var(--lg-surface-border);
	border-radius: var(--lg-radius);
	box-shadow: var(--lg-depth);
}
#private_box:not(.lg-priv-has-bg) {
	background: transparent !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	box-shadow: none !important;
	border: none !important;
}
#private_center.pboxed #private_box:not(.lg-priv-has-bg) {
	background: transparent !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	box-shadow: none !important;
	border: none !important;
}
body[data-lg-blur-mode="solid"] #private_center.ppanel:not(.privhide),
body[data-lg-blur-mode="solid"] #private_center.pfull:not(.privhide),
body[data-lg-blur-mode="solid"] #private_center.pboxed:not(.privhide) {
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}
#chat_right_data {
	padding-bottom: calc(48px + var(--lg-float)) !important;
}
#private_box.pboxed,
#private_center.pboxed {
	border-radius: var(--lg-radius);
	overflow: hidden;
}
.bhead,
.bfoot,
.back_input:not(#top_chat_container):not(#private_input) {
	box-shadow: var(--lg-shadow);
}
.back_input:not(#top_chat_container):not(#private_input) {
	background: var(--lg-surface);
}
#main_emoticon.back_box,
#main_input_extra.back_box {
	margin-left: var(--lg-gap);
	margin-right: var(--lg-gap);
	border-radius: var(--lg-radius);
	max-width: calc(100% - (var(--lg-gap) * 2));
	box-sizing: border-box;
}
#quote_controller.qwraper,
#pquote_controller.qwraper {
	left: 50% !important;
	right: auto !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	transform: translateX(-50%);
	width: min(260px, calc(100% - 24px));
	max-width: calc(100% - 24px);
	bottom: 8px;
	z-index: 6;
	box-sizing: border-box;
}
body.lg-mobile-keyboard #quote_controller.qwraper,
body.lg-mobile-keyboard #pquote_controller.qwraper {
	z-index: calc(var(--lg-z-footer, 200) + 2);
	bottom: calc(8px + var(--lg-keyboard-inset, 0px));
}

/* Tablet 769–1200px: Overlay-Panels (cleft2/cright2) wie Mobile, aber schmal seitlich */
@media screen and (min-width: 769px) and (max-width: 1200px) {
	body.lg-shell #global_chat.backglob {
		width: 100%;
		gap: 0;
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: minmax(0, 1fr);
		overflow: hidden !important;
	}
	body.lg-shell #global_chat > #chat_center {
		grid-column: 1;
		grid-row: 1;
		min-width: 0;
		height: 100% !important;
		max-height: 100% !important;
		position: relative;
		z-index: 1;
		overflow: hidden !important;
	}
	body.lg-shell #global_chat > #left_menu,
	body.lg-shell #global_chat > #chat_left,
	body.lg-shell #global_chat > #chat_right,
	body.lg-shell #global_chat > #private_center {
		grid-column: 1;
		grid-row: 1;
		height: auto !important;
		max-height: none !important;
	}
	body.lg-shell #chat_left.cleft2:not(.left_hide),
	body.lg-shell #chat_right.cright2.lg-right-open {
		top: var(--lg-head-total) !important;
		bottom: calc(var(--lg-footer-h) + env(safe-area-inset-bottom, 0px) + var(--lg-layout-clear)) !important;
		width: var(--lg-tablet-panel-w) !important;
		max-width: 85vw !important;
		z-index: 220 !important;
	}
	body.lg-shell #chat_left.cleft2:not(.left_hide) {
		left: 0 !important;
		right: auto !important;
	}
	body.lg-shell #chat_right.cright2.lg-right-open {
		right: 0 !important;
		left: auto !important;
	}
	body.lg-shell #chat_left.cleft2.back_panel,
	body.lg-shell #chat_right.cright2.back_panel {
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
		background: rgba(10, 12, 22, 0.94) !important;
	}
	body.lg-shell.lg-mobile-panel-open #chat_center,
	body.lg-shell.lg-mobile-priv-open #chat_center {
		pointer-events: none;
	}
	body.lg-shell #private_center.ppanel:not(.privhide),
	body.lg-shell #private_center.pfull:not(.privhide) {
		position: fixed !important;
		right: 0 !important;
		left: auto !important;
		top: var(--lg-head-total) !important;
		bottom: calc(var(--lg-footer-h) + env(safe-area-inset-bottom, 0px) + var(--lg-layout-clear)) !important;
		width: var(--lg-tablet-panel-w) !important;
		max-width: 50vw !important;
		height: auto !important;
		max-height: none !important;
		z-index: 215 !important;
		overflow: hidden !important;
		border-radius: var(--lg-radius);
	}
	body.lg-shell #private_center.pboxed:not(.privhide) {
		position: fixed !important;
		right: var(--lg-float, 10px) !important;
		left: auto !important;
		top: auto !important;
		bottom: calc(var(--lg-footer-h) + env(safe-area-inset-bottom, 0px) + var(--lg-layout-clear)) !important;
		width: min(400px, 85vw) !important;
		height: min(400px, 50dvh) !important;
		max-height: min(400px, 50dvh) !important;
		z-index: 215 !important;
		overflow: hidden !important;
		border-radius: var(--lg-radius);
	}
	body.lg-shell #staff_gc_center.ppanel:not(.privhide),
	body.lg-shell #staff_gc_center.pfull:not(.privhide) {
		position: fixed !important;
		right: 0 !important;
		left: auto !important;
		top: var(--lg-head-total) !important;
		bottom: calc(var(--lg-footer-h) + env(safe-area-inset-bottom, 0px) + var(--lg-layout-clear)) !important;
		width: var(--lg-tablet-panel-w) !important;
		max-width: 50vw !important;
		height: auto !important;
		max-height: none !important;
		z-index: 214 !important;
	}
	body.lg-shell #staff_gc_center.pboxed:not(.privhide) {
		position: fixed !important;
		right: var(--lg-float, 10px) !important;
		left: auto !important;
		top: auto !important;
		bottom: calc(var(--lg-footer-h) + env(safe-area-inset-bottom, 0px) + var(--lg-layout-clear)) !important;
		width: min(400px, 85vw) !important;
		height: min(400px, 50dvh) !important;
		max-height: min(400px, 50dvh) !important;
		z-index: 214 !important;
	}
	body.lg-shell.lg-mobile-panel-open #chat_center::before {
		content: '';
		position: absolute;
		inset: 0;
		z-index: 4;
		pointer-events: auto;
		background: transparent;
	}
	body.lg-shell #chat_right_data {
		padding-bottom: calc(var(--lg-footer-h, 50px) + 12px) !important;
	}
}

/* Desktop/Tablet: Core adjustHeight-Inline-Höhen neutralisieren */
@media screen and (min-width: 769px) {
	body.lg-shell {
		--lg-layout-clear: var(--lg-float, 10px);
	}
	body.lg-shell .chatheight,
	body.lg-shell #global_chat,
	body.lg-shell #chat_center,
	body.lg-shell #warp_show_chat {
		height: auto;
	}
	body.lg-shell #global_chat.backglob {
		height: var(--lg-shell-h) !important;
		max-height: var(--lg-shell-h) !important;
	}
	body.lg-shell #global_chat > #chat_center,
	body.lg-shell #chat_center #container_chat,
	body.lg-shell #chat_center #wrap_chat {
		height: 100% !important;
		max-height: 100% !important;
	}
	body.lg-shell #warp_show_chat {
		height: auto !important;
		max-height: none !important;
		flex: 1 1 auto;
		min-height: 0;
	}
}
@media screen and (min-width: 1201px) {
	body.lg-shell #global_chat:has(#private_center.privhide),
	body.lg-shell.lg-priv-hidden #global_chat.backglob {
		grid-template-columns: auto auto minmax(0, 1fr) auto;
	}
	body.lg-shell #global_chat:has(#private_center.privhide) > #private_center,
	body.lg-shell.lg-priv-hidden #global_chat > #private_center {
		display: none !important;
	}
	body.lg-shell #global_chat:has(#private_center.privhide) > #chat_right,
	body.lg-shell.lg-priv-hidden #global_chat > #chat_right {
		grid-column: 4;
	}
	/* Kleiner Privatchat (pboxed): keine extra Grid-Spalte – Chat bleibt breit */
	body.lg-shell #global_chat:has(#private_center.pboxed:not(.privhide)),
	body.lg-shell.lg-priv-boxed-open #global_chat.backglob {
		grid-template-columns: auto auto minmax(0, 1fr) minmax(220px, auto);
	}
	body.lg-shell #global_chat:has(#private_center.pboxed:not(.privhide)) > #chat_right,
	body.lg-shell.lg-priv-boxed-open #global_chat > #chat_right {
		grid-column: 4;
	}
	body.lg-shell #global_chat:has(#private_center.pboxed:not(.privhide)) > #private_center,
	body.lg-shell.lg-priv-boxed-open #global_chat > #private_center {
		position: fixed !important;
		grid-column: unset !important;
		grid-row: unset !important;
		width: 400px !important;
		max-width: min(400px, calc(100vw - (var(--lg-float) * 4))) !important;
		height: 400px !important;
		max-height: calc(100dvh - var(--lg-head-total) - var(--lg-footer-h) - (var(--lg-layout-clear) * 2) - env(safe-area-inset-bottom, 0px)) !important;
		bottom: calc(var(--lg-footer-h) + var(--lg-layout-clear) + env(safe-area-inset-bottom, 0px)) !important;
		right: var(--lg-float) !important;
		top: auto !important;
		left: auto !important;
		z-index: var(--lg-z-private, 260);
		overflow: hidden !important;
		align-self: auto !important;
	}
	body.lg-shell #private_center.pboxed:not(.privhide) #private_box {
		display: flex;
		flex-direction: column;
		height: 100%;
		min-height: 0;
	}
	body.lg-shell #private_center.pboxed:not(.privhide) #private_wrap_content.pcontent {
		display: flex;
		flex-direction: column;
		flex: 1 1 auto;
		min-height: 0;
		height: auto !important;
		max-height: none !important;
		overflow: hidden;
	}
	body.lg-shell #private_center.pboxed:not(.privhide) #private_content.pcontent {
		flex: 1 1 auto;
		min-height: 0;
		max-height: none !important;
		overflow-x: hidden;
		overflow-y: auto;
	}
	body.lg-shell #private_center.pboxed:not(.privhide) #inside_wrap_private,
	body.lg-shell #private_center.pboxed:not(.privhide) #show_private_wrap {
		height: 100%;
		min-height: 0;
		position: relative;
	}
	body.lg-shell #private_center.pboxed:not(.privhide) #show_private {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		max-height: 100%;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
}

@media screen and (max-width: 768px) {
	:root {
		--lg-gap: 8px;
		--lg-gap-sm: 4px;
		--lg-float: 0px;
		--lg-layout-clear: 6px;
		--lg-radius: 14px;
		--lg-chat-nudge: 0px;
		--lg-mobile-panel-bg: rgba(10, 12, 22, 0.96);
	}
	#chat_head.bhead {
		width: 100%;
		margin: 0 0 4px;
		border-radius: 0;
		border-left: none;
		border-right: none;
		position: sticky;
		top: 0;
		z-index: var(--lg-z-header, 280);
	}
	body.lg-shell #global_chat.backglob {
		position: relative;
		width: 100%;
		gap: 0;
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: minmax(0, 1fr);
		overflow: visible !important;
	}
	body.lg-shell #global_chat > #chat_center {
		grid-column: 1;
		grid-row: 1;
		height: 100% !important;
		max-height: 100% !important;
		position: relative;
		z-index: 1;
		overflow: hidden !important;
	}
	body.lg-shell #global_chat > #left_menu,
	body.lg-shell #global_chat > #chat_left,
	body.lg-shell #global_chat > #chat_right,
	body.lg-shell #global_chat > #private_center {
		grid-column: 1;
		grid-row: 1;
		height: auto !important;
		max-height: none !important;
	}
	body.lg-shell #chat_left.cleft2:not(.left_hide) {
		z-index: 220 !important;
	}
	body.lg-shell #chat_right.cright2.lg-right-open {
		z-index: 220 !important;
	}
	/* Privatchat Phone: CodyChat-Kern (absolute wie main.css), nicht position:fixed */
	body.lg-shell #global_chat > #private_center {
		height: auto !important;
		max-height: none !important;
	}
	body.lg-shell #private_center.pboxed:not(.privhide),
	body.lg-shell #private_center.pfull:not(.privhide),
	body.lg-shell #private_center.ppanel:not(.privhide) {
		position: absolute !important;
		z-index: var(--lg-z-private, 260) !important;
		overflow: hidden !important;
		box-shadow: var(--lg-shadow);
	}
	body.lg-shell #private_center.pboxed:not(.privhide) {
		left: 0 !important;
		right: 0 !important;
		top: auto !important;
		bottom: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		height: var(--lg-priv-panel-h, min(400px, 52dvh)) !important;
		min-height: 0;
		display: flex !important;
		flex-direction: column;
		border-radius: var(--lg-radius) var(--lg-radius) 0 0;
	}
	body.lg-shell #private_center.pfull:not(.privhide),
	body.lg-shell #private_center.ppanel:not(.privhide) {
		left: 0 !important;
		right: 0 !important;
		top: 0 !important;
		bottom: 0 !important;
		width: 100% !important;
		height: auto !important;
		max-height: none !important;
		display: flex !important;
		flex-direction: column;
		border-radius: 0;
	}
	body.lg-shell #private_center:not(.privhide) #private_box {
		display: flex;
		flex-direction: column;
		flex: 1 1 auto;
		min-height: 0;
		height: 100%;
		width: 100%;
		overflow: hidden;
	}
	body.lg-shell #private_center:not(.privhide) #private_top {
		flex: 0 0 auto;
	}
	body.lg-shell #private_center:not(.privhide) #private_wrap_content {
		flex: 1 1 auto;
		min-height: 0;
		overflow: hidden;
		position: relative;
	}
	body.lg-shell #private_center:not(.privhide) #private_content {
		height: 100%;
		min-height: 0;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		position: relative;
	}
	body.lg-shell #private_center:not(.privhide) #priv_input {
		flex: 0 0 auto;
	}
	body.lg-shell #private_center #inside_wrap_private,
	body.lg-shell #private_center #show_private_wrap {
		height: 100%;
		min-height: 0;
		position: relative;
	}
	body.lg-shell #private_center #show_private {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		max-height: 100%;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
	/* main.css .pboxed 400×400 + .pcontent 310px – nur pboxed gezielt überschreiben */
	body.lg-shell #private_center.pboxed {
		width: 100% !important;
		max-width: 100% !important;
		height: var(--lg-priv-panel-h, min(400px, 52dvh)) !important;
		bottom: 0 !important;
		right: 0 !important;
		left: 0 !important;
		top: auto !important;
	}
	body.lg-shell #private_center.pboxed #private_wrap_content.pcontent {
		flex: 1 1 auto;
		min-height: 0;
		height: auto !important;
		max-height: none !important;
		display: flex;
		flex-direction: column;
		overflow: hidden;
	}
	body.lg-shell #private_center.pboxed #private_content.pcontent {
		flex: 1 1 auto;
		min-height: 0;
		max-height: none !important;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
	body.lg-shell #chat_left.cleft2:not(.left_hide),
	body.lg-shell #chat_right.cright2.lg-right-open {
		top: var(--lg-head-total) !important;
		bottom: calc(var(--lg-footer-h) + env(safe-area-inset-bottom, 0px) + var(--lg-layout-clear)) !important;
	}
	/* Privatchat über Seitenpanels, unter Header/Dropdowns */
	body.lg-mobile-priv-open #chat_left.cleft2:not(.left_hide),
	body.lg-mobile-priv-open #chat_right.cright2.lg-right-open {
		z-index: calc(var(--lg-z-mobile-panel, 220) - 10) !important;
	}
	body.lg-mobile-panel-open #chat_center {
		pointer-events: none;
	}
	body.lg-mobile-panel-open #chat_center::before {
		content: '';
		position: absolute;
		inset: 0;
		z-index: 4;
		pointer-events: auto;
		background: transparent;
	}
	body.lg-mobile-priv-open #chat_center {
		pointer-events: none;
	}
	body.lg-mobile-priv-open #private_center,
	body.lg-mobile-panel-open #chat_left.cleft2,
	body.lg-mobile-panel-open #chat_right.cright2 {
		pointer-events: auto;
	}
	/* MO12: Mobile-Vollbild-Panels ohne backdrop-filter (Android), aber deckend */
	body.lg-shell #chat_left.cleft2.back_panel,
	body.lg-shell #chat_right.cright2.back_panel {
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
		background: var(--lg-mobile-panel-bg) !important;
	}
	body.lg-shell #chat_left.cleft2 #left_content,
	body.lg-shell #chat_right.cright2 #chat_right_data {
		background: transparent;
	}
	body[data-lg-blur-mode="clear"] #chat_left.cleft2.back_panel::after,
	body[data-lg-blur-mode="clear"] #chat_right.cright2.back_panel::after {
		display: none !important;
	}
	/* Tastatur offen: Footer + Hauptschreibleiste über Tastatur (MO8/MO14) */
	body.lg-mobile-keyboard #wrap_footer.bfoot {
		bottom: calc(env(safe-area-inset-bottom, 0px) + var(--lg-keyboard-inset, 0px)) !important;
	}
	body.lg-mobile-keyboard #top_chat_container.back_input {
		position: fixed !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		margin: 0 !important;
		bottom: calc(var(--lg-footer-h, 50px) + env(safe-area-inset-bottom, 0px) + var(--lg-keyboard-inset, 0px)) !important;
		z-index: calc(var(--lg-z-footer, 200) - 1) !important;
		padding: 4px var(--lg-gap-sm) 6px !important;
		box-sizing: border-box;
		background: var(--lg-mobile-panel-bg, rgba(10, 12, 22, 0.96));
	}
	/* Tastatur offen: Shell folgt visualViewport – Hauptchat */
	body.lg-mobile-keyboard #show_chat #chat_logs_container {
		padding-bottom: calc(58px + var(--lg-keyboard-inset, 0px)) !important;
	}
	/* Privat+Tastatur: nur bei Fokus im Privatfeld, Position per visualViewport (chat_react-Muster) */
	body.lg-priv-keyboard-fixed #private_center.pboxed:not(.privhide),
	body.lg-priv-keyboard-fixed #private_center.pfull:not(.privhide),
	body.lg-priv-keyboard-fixed #private_center.ppanel:not(.privhide) {
		position: fixed !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		bottom: var(--lg-priv-kb-bottom, 0px) !important;
		z-index: var(--lg-z-private, 260) !important;
	}
	body.lg-priv-keyboard-fixed #private_center.pfull:not(.privhide),
	body.lg-priv-keyboard-fixed #private_center.ppanel:not(.privhide) {
		top: var(--lg-priv-kb-top, var(--lg-head-total, 48px)) !important;
		height: auto !important;
		max-height: none !important;
	}
	body.lg-priv-keyboard-fixed #private_center.pboxed:not(.privhide) {
		top: auto !important;
		height: var(--lg-priv-panel-h, min(400px, 52dvh)) !important;
		max-height: calc(100dvh - var(--lg-priv-kb-top, 48px) - var(--lg-priv-kb-bottom, 0px) - 8px) !important;
	}
	/* Landscape: Privatpanel nicht höher als Viewport */
	@media screen and (max-width: 768px) and (orientation: landscape) {
		:root {
			--lg-footer-h: 42px;
			--lg-head-total: 48px;
		}
		body.lg-shell #private_center.pboxed:not(.privhide) {
			max-height: var(--lg-priv-panel-h, min(400px, 52dvh)) !important;
		}
		body.lg-mobile-keyboard #top_chat_container.back_input {
			padding: 2px var(--lg-gap-sm) 4px !important;
		}
		body.lg-mobile-keyboard #show_chat #chat_logs_container {
			padding-bottom: calc(46px + var(--lg-keyboard-inset, 0px)) !important;
		}
	}
	body.lg-shell #chat_center #wrap_chat {
		gap: 6px;
	}
	body.lg-shell.lg-left-menu-open #global_chat.backglob {
		grid-template-columns: var(--lg-left-menu-w) minmax(0, 1fr);
	}
	body.lg-shell.lg-left-menu-open #global_chat > #left_menu {
		grid-column: 1;
		grid-row: 1;
		height: 100% !important;
		max-height: 100% !important;
		z-index: 2;
	}
	body.lg-shell.lg-left-menu-open #global_chat > #chat_center {
		grid-column: 2;
		grid-row: 1;
	}
	#warp_show_chat {
		margin-left: 0;
		width: 100%;
	}
	#top_chat_container.back_input {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
		padding: 4px var(--lg-gap-sm) 6px;
		margin-top: 0;
	}
	#container_input,
	#main_disabled,
	#main_load {
		padding: 8px 10px !important;
		border-radius: 14px !important;
	}
	input#content {
		background: transparent !important;
		border: none !important;
		box-shadow: none !important;
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
		border-radius: 10px !important;
		padding: 6px 8px !important;
		min-height: 34px;
	}
	.input_table .main_item {
		width: 34px;
		font-size: 18px;
	}
	#private_input,
	#private_disabled,
	#private_load {
		padding: 6px 8px !important;
	}
	#message_content {
		background: transparent !important;
		border: none !important;
		box-shadow: none !important;
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
	}
	body.lg-shell #chat_left.cleft2,
	body.lg-shell #chat_right.cright2 {
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	body.lg-shell #wrap_chat > .typing_room_slot {
		padding: 4px var(--lg-gap-sm) 8px;
		min-height: 20px;
		flex-shrink: 0;
	}
	#inside_wrap_chat {
		padding: 0;
	}
	#show_chat #chat_logs_container {
		left: var(--lg-gap-sm);
		right: var(--lg-gap-sm);
	}
	#private_content.back_priv {
		padding-left: var(--lg-gap-sm) !important;
		padding-right: var(--lg-gap-sm) !important;
	}
	.lg-wall-picker-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		max-height: min(65vh, 380px);
	}
	#lg_wall_menu {
		width: min(92vw, 280px);
	}
	.lg-wall-blur-preset {
		min-height: 44px;
		padding: 10px 4px;
	}
	.lg-wall-choice {
		min-height: 44px;
		padding: 8px;
	}
	body.lg-shell .small_modal_out,
	body.lg-shell .large_modal_out,
	body.lg-shell .over_modal_out {
		align-items: flex-end;
		padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 8px);
	}
	body.lg-shell .small_modal_in,
	body.lg-shell .large_modal_in,
	body.lg-shell .over_modal_in {
		max-height: calc(100dvh - var(--lg-head-total, 55px) - var(--lg-footer-h, 50px) - env(safe-area-inset-bottom, 0px) - 16px);
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
	body.lg-shell.lg-mobile-keyboard .small_modal_out,
	body.lg-shell.lg-mobile-keyboard .large_modal_out,
	body.lg-shell.lg-mobile-keyboard .over_modal_out {
		padding-bottom: calc(env(safe-area-inset-bottom, 0px) + var(--lg-keyboard-inset, 0px) + 8px);
	}
	body.lg-shell .giphy_results {
		min-height: 180px;
		max-height: min(42dvh, 280px);
	}
	@media screen and (max-width: 360px) {
		:root {
			--lg-left-menu-w: 42px;
			--lg-gap: 6px;
			--lg-gap-sm: 3px;
		}
	}
}
.modal_in,
.small_modal_in,
.large_modal_in,
.over_modal_in,
.over_emodal_in,
.top_modal_in {
	border: 1px solid var(--lg-glass-border);
	border-radius: 22px;
	overflow: visible;
	box-shadow: var(--lg-shadow), var(--lg-shadow-in);
}
.small_modal_out,
.large_modal_out,
.over_modal_out,
.top_modal_out,
.over_emodal_out {
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	padding-bottom: env(safe-area-inset-bottom, 0px);
}
.modal_content,
.small_modal_content,
.large_modal_content,
.over_modal_content,
.over_emodal_content,
.top_modal_content,
.modal_zone,
.edit_profile_content_wrap,
.modal_control {
	overflow: visible;
}
.modal_in .setting_element,
.over_modal_in .setting_element,
.small_modal_in .setting_element,
.large_modal_in .setting_element {
	position: relative;
	z-index: 1;
}
/* Login page – backdrop-filter + display:table verursacht schmales Panel rechts */
#login_wrap {
	width: 100%;
	min-height: 100dvh;
	display: flex;
	flex-direction: column;
}
#intro_top {
	display: flex !important;
	align-items: center;
	justify-content: center;
	flex: 1 1 auto;
	width: 100% !important;
	min-height: 0;
	position: relative;
	overflow: hidden;
	background: var(--lg-glass) !important;
	backdrop-filter: var(--lg-blur);
	-webkit-backdrop-filter: var(--lg-blur);
}
#intro_top .bcell_mid {
	display: block !important;
	width: 100% !important;
}
#login_all {
	margin-left: auto !important;
	margin-right: auto !important;
}
/* Modals/Menüs/Captcha über Login-Glas (backdrop-filter erzeugt eigene Ebene) */
body.lg-login-page #login_wrap,
body.lg-login-page #intro_top,
body:has(#login_wrap) #login_wrap,
body:has(#login_wrap) #intro_top {
	z-index: 0 !important;
}
body.lg-login-page .small_modal_out,
body.lg-login-page .large_modal_out,
body.lg-login-page .over_modal_out,
body.lg-login-page .top_modal_out,
body.lg-login-page .over_emodal_out,
body.lg-login-page .cookie_wrap,
body:has(#login_wrap) .small_modal_out,
body:has(#login_wrap) .large_modal_out,
body:has(#login_wrap) .over_modal_out,
body:has(#login_wrap) .top_modal_out,
body:has(#login_wrap) .over_emodal_out,
body:has(#login_wrap) .cookie_wrap {
	position: fixed !important;
	z-index: var(--lg-z-modal, 5000) !important;
}
body.lg-login-page .over_modal_out,
body.lg-login-page .over_emodal_out {
	z-index: calc(var(--lg-z-modal, 5000) + 1) !important;
}
body.lg-login-page .top_modal_out {
	z-index: calc(var(--lg-z-modal, 5000) + 2) !important;
}
body.lg-login-page .selectboxit-list,
body.lg-login-page .selectboxit-options {
	z-index: calc(var(--lg-z-modal, 5000) + 10) !important;
}
body.lg-login-page .small_modal_in.back_modal:has(#boom_recaptcha),
body.lg-login-page .large_modal_in.back_modal:has(#boom_recaptcha),
body.lg-login-page .over_modal_in.back_modal:has(#boom_recaptcha),
body.lg-login-page .modal_in.back_modal:has(#boom_recaptcha) {
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	background: var(--lg-glass-strong, rgba(32, 34, 48, 0.96)) !important;
}
body:has(#login_wrap) .over_modal_out,
body:has(#login_wrap) .over_emodal_out {
	z-index: calc(var(--lg-z-modal, 5000) + 1) !important;
}
body:has(#login_wrap) .top_modal_out {
	z-index: calc(var(--lg-z-modal, 5000) + 2) !important;
}
body:has(#login_wrap) .selectboxit-list,
body:has(#login_wrap) .selectboxit-options {
	z-index: calc(var(--lg-z-modal, 5000) + 10) !important;
}
/* reCAPTCHA/hCaptcha: iframe in backdrop-filter-Elementen wird oft unsichtbar */
body:has(#login_wrap) .small_modal_in.back_modal:has(#boom_recaptcha),
body:has(#login_wrap) .large_modal_in.back_modal:has(#boom_recaptcha),
body:has(#login_wrap) .over_modal_in.back_modal:has(#boom_recaptcha),
body:has(#login_wrap) .modal_in.back_modal:has(#boom_recaptcha) {
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	background: var(--lg-glass-strong, rgba(32, 34, 48, 0.96)) !important;
}
.recapcha_div,
.register_recaptcha,
.guest_recaptcha,
.contact_recapt,
#boom_recaptcha {
	overflow: visible !important;
	min-height: 78px;
	position: relative;
	z-index: 3;
}
#boom_recaptcha iframe {
	visibility: visible !important;
	opacity: 1 !important;
	pointer-events: auto !important;
}

/* Admin – kein Grid-Shell, Sidebar + Inhalt auf Glas */
body.lg-admin-page {
	background: #0a0c14;
	min-height: 100dvh;
}
body.lg-admin-page #page_full_content {
	padding-top: 0 !important;
	background: transparent !important;
	height: calc(100dvh - var(--lg-admin-head, 50px));
	max-height: calc(100dvh - var(--lg-admin-head, 50px));
	overflow: hidden;
}
body.lg-admin-page #page_full_global {
	display: flex !important;
	width: 100%;
	height: 100%;
	min-height: 0;
	table-layout: unset;
}
body.lg-admin-page #page_menu.page_menu {
	display: flex !important;
	flex-direction: column;
	width: min(260px, 34vw);
	min-width: 200px;
	height: 100% !important;
	max-height: 100%;
	background: var(--lg-glass);
	backdrop-filter: var(--lg-blur);
	-webkit-backdrop-filter: var(--lg-blur);
	border-right: 1px solid var(--lg-surface-border);
	box-shadow: var(--lg-depth-soft);
	overflow: hidden;
}
body.lg-admin-page .page_menu_wrapper {
	flex: 1 1 auto;
	min-height: 0;
	height: auto !important;
	max-height: none;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
body.lg-admin-page .page_full_indata {
	display: flex !important;
	flex: 1 1 auto;
	min-width: 0;
	height: 100% !important;
	max-height: 100%;
	vertical-align: unset;
}
body.lg-admin-page #page_wrapper.page_wrapper_in,
body.lg-admin-page .page_wrapper_in.pph {
	height: 100% !important;
	max-height: 100%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
body.lg-admin-page .page_element,
body.lg-admin-page .page_drop_item,
body.lg-admin-page .page_menu_item {
	border-radius: 12px;
}
body.lg-admin-page .selectboxit-list,
body.lg-admin-page .selectboxit-options {
	z-index: calc(var(--lg-z-dropdown, 400) + 2) !important;
}

/* Giphy – Viewport in Modal (Desktop + Mobile) */
body.lg-shell .giphy_results,
body.lg-admin-page .giphy_results,
body.lg-login-page .giphy_results {
	min-height: 200px;
	max-height: min(50vh, 360px);
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
body.lg-shell .large_modal_in:has(.giphy_results),
body.lg-admin-page .large_modal_in:has(.giphy_results) {
	max-height: calc(100dvh - 48px - env(safe-area-inset-bottom, 0px));
	overflow-y: auto;
}
body.lg-shell .giphy_res_box,
body.lg-shell .giphy_res_box2 {
	border-radius: 8px;
	overflow: hidden;
}

#intro_top::before {
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.02) 100%),
		var(--lg-intro-wall, url('./images/background-macos-bigsur.jpg'));
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.intro_login_btn {
	background: var(--lg-accent) !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
	border-radius: 14px !important;
	box-shadow: 0 8px 24px rgba(3, 173, 216, 0.35) !important;
}
input#content {
	background: var(--lg-glass) !important;
	border: 1px solid var(--lg-glass-border) !important;
	color: var(--lg-text) !important;
	border-radius: 14px !important;
	backdrop-filter: var(--lg-blur-light);
	-webkit-backdrop-filter: var(--lg-blur-light);
}

#main_emoticon.back_box,
#main_input_extra.back_box,
#private_emoticon.back_box,
#private_input_extra.back_box,
.giphy_box.back_box,
.paint_box.back_box,
.paint_box_background.back_box,
.paint_box_brush.back_box {
	z-index: var(--lg-z-dropdown, 400);
}
body.lg-shell .large_modal_in:has(#sketchpad) {
	max-width: min(96vw, 640px);
}
body.lg-shell #sketchpad {
	border-radius: var(--lg-radius);
	border: 1px solid var(--lg-surface-border);
	background: #fff;
}
body.lg-mobile-keyboard #main_emoticon.back_box,
body.lg-mobile-keyboard #main_input_extra.back_box {
	z-index: calc(var(--lg-z-footer, 200) + 3);
}

/* float menus – scrollen statt abschneiden */
.float_menu,
.sysmenu.float_menu,
.back_menu.float_menu {
	border-radius: var(--lg-radius);
	overflow-x: hidden !important;
	overflow-y: auto !important;
	max-height: calc(100dvh - var(--lg-menu-top, var(--lg-head-total, 55px)) - var(--lg-footer-h, 50px) - var(--lg-layout-clear, 16px) - env(safe-area-inset-bottom, 0px) - 8px);
	-webkit-overflow-scrolling: touch;
}
.float_content {
	overflow: visible;
	max-height: none;
}
.page_menu_wrapper {
	overflow-x: hidden;
	overflow-y: auto;
	max-height: calc(100dvh - 120px);
	-webkit-overflow-scrolling: touch;
}
.back_box:not(#main_emoticon):not(#main_input_extra) {
	overflow-x: hidden;
	overflow-y: auto;
	max-height: min(70vh, 480px);
	-webkit-overflow-scrolling: touch;
}

/* ── Liquid Glass: dekorativ (Animationen aus Performance-Gründen deaktiviert) ── */
body[data-lg-blur-mode="clear"] #chat_right.back_panel,
body[data-lg-blur-mode="clear"] #left_menu,
body[data-lg-blur-mode="clear"] .target_private,
body[data-lg-blur-mode="clear"] .hunter_private,
body[data-lg-blur-mode="clear"] .hunt_quote,
body[data-lg-blur-mode="clear"] .targ_quote {
	position: relative;
}
/* Kein ::after auf #chat_head – display:table würde sonst Icons nach links schieben */
body[data-lg-blur-mode="clear"] #chat_head.bhead::after,
body[data-lg-blur-mode="clear"] .bfoot::after,
body[data-lg-blur-mode="clear"] #top_chat_container::after,
body[data-lg-blur-mode="clear"] #container_input::after {
	display: none !important;
}
body[data-lg-blur-mode="clear"] #chat_left.back_panel::after,
body[data-lg-blur-mode="clear"] #chat_right.back_panel::after,
body[data-lg-blur-mode="clear"] #left_menu::after,
body[data-lg-blur-mode="clear"] #show_chat .mbubble:not([class*="bubcolor"]):not([class*="bubgrad"]):not([class*="bubneon"])::after,
body[data-lg-blur-mode="clear"] .target_private::after,
body[data-lg-blur-mode="clear"] .hunter_private::after {
	display: block !important;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 38%;
	height: 100%;
	pointer-events: none;
	background: linear-gradient(
		105deg,
		transparent 0%,
		rgba(255, 255, 255, calc(0.05 + (0.07 * var(--lg-shimmer-opacity, 1)))) 48%,
		transparent 100%
	);
	opacity: calc(0.25 + (0.45 * var(--lg-shimmer-opacity, 1)));
}
body[data-lg-blur-mode="clear"] #chat_head.bhead,
body[data-lg-blur-mode="clear"] #wrap_footer.bfoot,
body[data-lg-blur-mode="clear"] #top_chat_container,
body[data-lg-blur-mode="clear"] #container_input {
	background-color: var(--lg-surface);
	background-image: linear-gradient(
		105deg,
		transparent 0%,
		transparent 42%,
		rgba(255, 255, 255, calc(0.04 + (0.06 * var(--lg-shimmer-opacity, 1)))) 50%,
		transparent 58%,
		transparent 100%
	);
	background-size: 220% 100%;
	background-repeat: no-repeat;
}

body[data-lg-blur-mode="solid"] .bhead,
body[data-lg-blur-mode="solid"] .bfoot,
body[data-lg-blur-mode="solid"] #container_input,
body[data-lg-blur-mode="solid"] #top_chat_container,
body[data-lg-blur-mode="solid"] #wrap_footer.bfoot,
body[data-lg-blur-mode="solid"] .back_quote,
body[data-lg-blur-mode="solid"] .reply_item,
body[data-lg-blur-mode="solid"] .topic_log,
body[data-lg-blur-mode="solid"] .target_private,
body[data-lg-blur-mode="solid"] .hunter_private,
body[data-lg-blur-mode="solid"] .hunt_quote,
body[data-lg-blur-mode="solid"] .targ_quote {
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}
body[data-lg-blur-mode="clear"] .bhead,
body[data-lg-blur-mode="clear"] .bfoot,
body[data-lg-blur-mode="clear"] #container_input,
body[data-lg-blur-mode="clear"] #top_chat_container {
	box-shadow: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

.lg-closing-backdrop {
	pointer-events: none;
}

#lg_wall_switch {
	display: table-cell !important;
	width: 40px;
	vertical-align: middle;
	text-align: center;
	position: relative;
	cursor: pointer;
	overflow: visible !important;
}
#lg_wall_switch:focus-visible {
	outline: 2px solid var(--lg-accent, #03add8);
	outline-offset: 2px;
}
#lg_wall_switch .fa-image {
	color: inherit;
}
#lg_wall_menu {
	position: fixed;
	z-index: var(--lg-z-dropdown, 400);
	width: 300px;
	text-align: initial;
	transform-origin: top right;
}
.lg-wall-picker-head {
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.lg-wall-blur-wrap {
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.lg-wall-blur-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 8px;
	color: var(--lg-text);
}
.lg-wall-blur-badge {
	flex: 0 0 auto;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--lg-accent);
	background: rgba(3, 173, 216, 0.12);
	border: 1px solid rgba(3, 173, 216, 0.28);
	border-radius: 999px;
	padding: 2px 8px;
}
.lg-wall-blur-preview {
	position: relative;
	height: 52px;
	margin-bottom: 10px;
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	overflow: hidden;
	background-size: cover;
	background-position: center;
}
.lg-wall-blur-preview-glass {
	position: absolute;
	inset: auto 10px 10px 10px;
	height: 24px;
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, 0.16);
	background: rgba(255, 255, 255, 0.1);
	box-shadow: var(--lg-bubble-depth);
}
.lg-wall-blur-row {
	display: flex;
	align-items: center;
	gap: 10px;
}
.lg-wall-blur-row input[type="range"] {
	flex: 1 1 auto;
	min-width: 0;
	height: 8px;
	margin: 0;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 999px;
	background: linear-gradient(
		to right,
		var(--lg-accent) 0%,
		var(--lg-accent) var(--lg-blur-strength, 75%),
		rgba(255, 255, 255, 0.12) var(--lg-blur-strength, 75%),
		rgba(255, 255, 255, 0.12) 100%
	);
	outline: none;
}
.lg-wall-blur-row input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, 0.85);
	background: var(--lg-accent);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
	cursor: grab;
}
.lg-wall-blur-row input[type="range"]::-moz-range-thumb {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, 0.85);
	background: var(--lg-accent);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
	cursor: grab;
}
.lg-wall-blur-value {
	flex: 0 0 auto;
	min-width: 46px;
	text-align: right;
	color: var(--lg-accent);
	font-size: 13px;
	font-weight: 600;
}
.lg-wall-blur-presets {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 10px;
}
.lg-wall-blur-preset {
	flex: 1 1 calc(25% - 6px);
	min-width: 58px;
	padding: 6px 4px;
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	background: rgba(255, 255, 255, 0.04);
	color: var(--lg-text-muted);
	font-size: 11px;
	line-height: 1.2;
	cursor: pointer;
	text-align: center;
}
.lg-wall-blur-preset:hover {
	border-color: rgba(255, 255, 255, 0.18);
	color: var(--lg-text);
}
.lg-wall-blur-preset-active {
	border-color: var(--lg-accent);
	color: var(--lg-accent);
	box-shadow: 0 0 0 1px rgba(3, 173, 216, 0.25);
}
.lg-wall-blur-hint,
.lg-wall-blur-meta {
	margin-top: 6px;
	line-height: 1.35;
}
.lg-wall-blur-meta {
	color: var(--lg-text-muted);
	font-size: 11px;
}
.lg-wall-picker-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
	padding: 10px;
	max-height: min(70vh, 420px);
	overflow-y: auto;
}
.lg-wall-choice {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 6px;
	padding: 6px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.04);
	cursor: pointer;
	width: 100%;
	text-align: left;
}
.lg-wall-choice:hover {
	border-color: var(--lg-glass-border);
}
.lg-wall-choice-active {
	border-color: var(--lg-accent);
	box-shadow: 0 0 0 1px rgba(3, 173, 216, 0.35), 0 8px 20px rgba(3, 173, 216, 0.18);
}
.lg-wall-thumb {
	display: block;
	width: 100%;
	height: 52px;
	border-radius: 10px;
	background-size: cover;
	background-position: center;
}
.lg-wall-choice.lg-wall-missing .lg-wall-thumb {
	opacity: 0.55;
	filter: grayscale(0.35);
}
.lg-wall-choice.lg-wall-missing .lg-wall-label::after {
	content: ' · ' attr(data-lg-missing-label);
	font-size: 10px;
	opacity: 0.75;
}
.lg-wall-label {
	font-size: 11px;
	color: var(--lg-text-muted);
	text-align: center;
	line-height: 1.2;
}

.bhead,
.back_menu:not(.post_menu):not(#av_menu):not(#log_menu):not(#private_opt),
.back_box,
.modal_in,
.back_modal,
.page_element {
	position: relative;
}
/* Kein Shimmer auf Sidebars / Chat – wirkt zu unruhig */
.back_panel::after,
.bhead::after,
.bfoot::after,
.back_input::after {
	display: none !important;
}
/* Header/Footer: kein overflow hidden – sonst verschieben sich Icons/Notify-Badges */
#chat_head,
#chat_head.bhead,
.chat_head,
.bfoot,
#top_chat_container,
#top_chat_container.back_input,
#chat_head .head_option,
#lg_wall_switch,
#private_top,
#private_top .private_opt {
	overflow: visible !important;
}
/* Wall/News …-Menü: main.css nutzt position:absolute – Shimmer-Regel darf das nicht überschreiben */
body.lg-shell #chat_left_data .post_element,
body.lg-shell #chat_right_data .post_element,
.post_element,
.post_title,
.post_edit {
	overflow: visible;
}
body.lg-shell .post_element {
	position: relative;
	z-index: 1;
}
.post_menu.back_menu {
	position: absolute !important;
	overflow: visible !important;
	top: 100%;
	right: 0;
	left: auto;
	width: 220px;
	z-index: calc(var(--lg-z-dropdown, 400) + 1) !important;
}
.post_menu.back_menu::after {
	display: none !important;
}
.back_menu:not(.post_menu)::after,
.back_box::after,
.float_menu::after,
.modal_in::after,
.back_modal::after {
	display: none !important;
}

.bfoot,
.back_menu:not(.post_menu),
.back_panel,
.back_box,
.back_modal,
.float_menu,
.page_element,
.theme_btn,
.default_btn,
.bhover,
.bbackhover,
.blisting {
	transition: none;
}
.modal_in,
.back_modal,
.sysmenu.float_menu {
	transition: none !important;
}
#show_chat .mbubble:not([class*="bubcolor"]):not([class*="bubgrad"]):not([class*="bubneon"]):hover {
	transform: none;
	border-color: rgba(255, 255, 255, 0.16);
	box-shadow: var(--lg-bubble-depth);
}
#show_chat .mbubble[class*="bubcolor"]:hover,
#show_chat .mbubble[class*="bubgrad"]:hover,
#show_chat .mbubble[class*="bubneon"]:hover {
	transform: none;
	border-color: inherit;
	box-shadow: inherit;
}
.theme_btn:hover,
.back_theme:hover,
.intro_login_btn:hover {
	transform: none;
}
.menui,
.subi,
.send_btn {
	transition: none;
}
.submenu_item:hover .subi {
	filter: drop-shadow(0 0 6px rgba(3, 173, 216, 0.45));
}

@media (prefers-reduced-motion: reduce) {
	body::before,
	body::after,
	.back_menu:not(.post_menu)::after,
	.back_panel::after,
	.back_box::after,
	.float_menu::after,
	.modal_in::after,
	.back_modal::after,
	.lg-closing-backdrop {
		animation: none !important;
		transform: none !important;
	}
	.lg-closing-backdrop {
		pointer-events: auto;
	}
	.bfoot,
	.back_menu,
	.back_panel,
	.back_box,
	.back_modal,
	.float_menu,
	.page_element,
	.mbubble,
	.target_private,
	.hunter_private,
	.theme_btn,
	.default_btn,
	.bhover,
	.bbackhover,
	.blisting,
	.menui,
	.subi,
	.send_btn {
		transition: none !important;
	}
	.theme_btn:hover,
	.back_theme:hover,
	.intro_login_btn:hover,
	.mbubble:hover,
	.target_private:hover,
	.hunter_private:hover {
		transform: none !important;
	}
}

@media screen and (max-width: 1200px) {
	.back_panel { backdrop-filter: var(--lg-blur); -webkit-backdrop-filter: var(--lg-blur); }
}
@media screen and (max-width: 1100px) {
	.back_pmenu { backdrop-filter: var(--lg-blur); -webkit-backdrop-filter: var(--lg-blur); }
}
@media screen and (max-width: 768px) {
	.back_menu, .back_box, .back_priv:not(#private_content) {
		backdrop-filter: var(--lg-blur);
		-webkit-backdrop-filter: var(--lg-blur);
	}
	#private_content.back_priv.priv_chat_bg_has_layer {
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
	}
}

/* RTL – Seitenpanels spiegeln (M13) */
body.lg-shell.lg-rtl #chat_left.cleft2 {
	left: auto;
	right: 0;
}
body.lg-shell.lg-rtl #chat_right.cright2 {
	right: auto;
	left: 0;
}
body.lg-shell.lg-rtl #lg_wall_menu {
	direction: rtl;
}

/* neon_rahmen Addon – Lesbarkeit auf Glas-Modals (M11) */
body.lg-shell .neon_rahmen_picker {
	overflow: hidden;
}
body.lg-shell .neon_rahmen_picker .neon_rahmen_choice {
	border: 1px solid var(--lg-glass-border);
	border-radius: 8px;
	float: left;
	width: 12%;
	margin: 0.25%;
	min-height: 40px;
	box-sizing: border-box;
}
body.lg-shell .over_modal_in .neon_rahmen_picker .neon_rahmen_choice,
body.lg-shell .over_emodal_in .neon_rahmen_picker .neon_rahmen_choice {
	background: var(--lg-glass-mid);
}
body.lg-shell .neon_rahmen_preview_item,
body.lg-shell .neon_rahmen_bg_preview {
	background: var(--lg-glass-mid);
	border: 1px solid var(--lg-glass-border);
}
body.lg-shell .neon_rahmen_picker .neon_rahmen_off_label {
	color: var(--lg-text-muted);
}
body.lg-shell .neon_rahmen_picker .neon_rahmen_off {
	background: var(--lg-glass-strong) !important;
	border-style: dashed;
}
@media screen and (max-width: 768px) {
	body.lg-shell .neon_rahmen_picker .neon_rahmen_choice {
		width: 22%;
		min-height: 44px;
	}
}

/* Call-UI über Panels/Privat-Chat (main.css: #container_call z-index 201) */
body.lg-shell #container_call {
	z-index: var(--lg-z-call) !important;
}
body.lg-shell #call_request {
	z-index: var(--lg-z-call-incoming) !important;
	position: fixed !important;
	top: calc(var(--lg-head-total) + 12px) !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
}
body.lg-shell #container_call iframe,
body.lg-shell #wrap_call iframe {
	pointer-events: auto !important;
}
body.lg-shell #container_call .stream_header,
body.lg-shell #container_call .vidopt {
	pointer-events: auto !important;
}
body.lg-shell #container_call .call_action,
body.lg-shell #vcall_group_streams .call_action {
	z-index: 2;
}
body.lg-shell #staff_gc_center.ppanel:not(.privhide),
body.lg-shell #staff_gc_center.pfull:not(.privhide) {
	z-index: calc(var(--lg-z-private, 260) - 2) !important;
}

@media (prefers-reduced-transparency: reduce) {
	body.lg-shell .back_panel,
	body.lg-shell .bfoot,
	body.lg-shell .bhead,
	body.lg-shell #container_input,
	body.lg-shell #top_chat_container,
	body.lg-shell .back_input,
	body.lg-shell .mbubble:not([class*="bubcolor"]):not([class*="bubgrad"]):not([class*="bubneon"]),
	body.lg-shell .modal_back,
	body.lg-shell .float_menu,
	body.lg-shell .back_menu {
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
	}
	body.lg-shell[data-lg-blur-mode="clear"] .back_panel::after,
	body.lg-shell[data-lg-blur-mode="clear"] #left_menu::after,
	body.lg-shell[data-lg-blur-mode="clear"] #show_chat .mbubble:not([class*="bubcolor"]):not([class*="bubgrad"]):not([class*="bubneon"])::after {
		display: none !important;
	}
}