LobbyPanel {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	font-family: PixelFusion;
	color: #4a3b63;
	pointer-events: all;
	background-color: rgba( 234, 244, 252, 0.88 );   // 浅蓝磨砂（像素风）

	// 版式（参考图，2026-09-09 用户定稿）：左栏玩家列表（锚屏幕左）/ 右栏参数设置 + 大开始按钮。
	// 右栏一律 right 锚定（用户窗口设计宽 ~1800 ≠ 1920，固定 left 定位会顶出右缘）

	.lp-title {
		position: absolute;
		left: 0;
		right: 0;
		top: 80px;
		font-size: 100px;
		font-weight: 800;
		letter-spacing: 10px;
		text-align: center;
		color: #f272a7;
		text-shadow: 0 4px 0 #4a3b63;
	}

	.lp-status {
		position: absolute;
		left: 0;
		right: 0;
		top: 215px;
		font-size: 32px;
		font-weight: 700;
		letter-spacing: 4px;
		text-align: center;
		color: #d98a00;
		text-shadow: 0 3px 0 rgba( 74, 59, 99, 0.25 );
	}

	// 两栏小节标题（players 左栏 / settings 右栏，位置分写）
	.lp-head {
		position: absolute;
		top: 278px;
		font-size: 13px;
		letter-spacing: 4px;
		text-align: center;
		color: rgba( 74, 59, 99, 0.45 );
	}

	.lp-head.players {
		left: 80px;
		width: 600px;
	}

	.lp-head.settings {
		right: 60px;
		width: 1040px;
	}

	// 参数设置牌（右栏纵排三张；Top 由代码按行给）
	.lp-setting {
		position: absolute;
		right: 60px;
		width: 1040px;
		font-size: 30px;
		letter-spacing: 2px;
		text-align: center;
		color: #4a3b63;
		border-image: url( ui/skin/note.png ) 40 fill / 5px stretch;
		padding: 14px 10px;
		cursor: pointer;
		pointer-events: all;
	}

	.lp-setting:hover {
		color: #e5487e;
		border-image-tint: #ffe4f0;
	}

	// 设置可点提示（仅 host）：牌堆下方金色引导小字
	.lp-setting-hint {
		position: absolute;
		right: 60px;
		width: 1040px;
		top: 658px;
		font-size: 24px;
		letter-spacing: 4px;
		text-align: center;
		color: rgba( 217, 138, 0, 0.75 );
	}

	// 玩家列表滚动容器（原生网页式滚动：滚轮 + 滚动条，溢出才出现）
	.lp-players-scroll {
		position: absolute;
		left: 92px;
		top: 322px;
		width: 576px;
		height: 616px;
		flex-direction: column;   // ⚠️ s&box 默认 row，不加就是横排
		overflow-y: scroll;
		scrollbar-width: 10px;   // ★ 滚动条粗细（精修改这里）
		scrollbar-color: rgba( 74, 59, 99, 0.45 ) transparent;   // ★ 滑块色 轨道色
		padding-right: 4px;
		pointer-events: all;   // 面板默认 None：不打开收不到滚轮
	}

	// 玩家行牌（流内单列，note.png 小牌）
	.lp-player {
		flex-shrink: 0;   // 不许压缩：压了就不溢出、滚动条永远出不来
		margin: 0 0 8px 0;
		font-size: 30px;
		letter-spacing: 1px;
		text-align: left;
		color: #4a3b63;
		border-image: url( ui/skin/note.png ) 28 fill / 5px stretch;
		padding: 8px 50px;
	}

	// 玩家列表容器底（dobou InventoryHotbar 九宫格，用户指定）：
	// 罩住左栏两子列（行牌 x80..680 / y320..925），四周留 ~20px 内衬
	.lp-players-bg {
		position: absolute;
		left: 60px;
		top: 300px;
		width: 640px;
		height: 660px;
		border-image: url( ui/skin/hotbar.png ) 60 fill / 30px stretch;
	}

	// BOTS 补位提示：设置牌堆下、按钮上
	.lp-note {
		position: absolute;
		right: 60px;
		width: 1040px;
		top: 700px;
		font-size: 20px;
		letter-spacing: 3px;
		text-align: center;
		color: rgba(21, 9, 54, 0.4);
	}

	// 道具图例已按用户要求整个移除（2026-09-09）——Q/E 用法开局后 HUD 里还有提示

	.lp-countdown {
		position: absolute;
		left: 0;
		right: 0;
		top: 600px;
		font-family: PixelFusion;
		font-size: 40px;
		font-weight: 800;
		letter-spacing: 8px;
		text-align: center;
		color: #f272a7;
		text-shadow: 0 4px 0 #4a3b63;
	}

	// 下面三颗全是 UiKit 药丸（外观在 Assets/ui/cruikit.scss 的 .cr-pill），这里只管摆放。
	// START/JOIN 同一槽位（同一时刻只显示一个），与设置牌同中轴（right:60+1040 → 中轴 = 右缘-580）
	.lp-start {
		position: absolute;
		right: 400px;
		top: 750px;
		width: 360px;
		padding-top: 8px;
	}

	.lp-join {
		position: absolute;
		right: 400px;
		top: 850px;
		width: 360px;
		padding-top: 8px;
	}

	.lp-leave {
		position: absolute;
		right: 470px;
		top: 950px;
		width: 220px;
		padding-top: 8px;
	}
}