html {
	background: #031c1e;
}

a {
	margin: 0px;
}

a:visited {
	color: #AAFFFF;
}

.input-nick::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #077;
}
.input-nick:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #077;
   opacity:  1;
}
.input-nick::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #077;
   opacity:  1;
}
.input-nick:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #077;
}

.input-nick {
	width:55%;
	height:35px;
	background-color: #003333;
	border-radius:20px;
	border-width: 2px;
	border-color: #00FFFF;
	color: #00FFFF;
	/*text-shadow: #00FFFF 0 0 10px;*/
	box-shadow: 0px 0px 10px #00FFFF;
}

.input-nick:focus, .input-nick:hover {
	color: #00FFFF;
	box-shadow: 0px 0px 20px #00FFFF;
	border-color: #00FFFF;
	background-color: #005555;
}

.input-copylink::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #077;
}
.input-copylink:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #077;
   opacity:  1;
}
.input-copylink::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #077;
   opacity:  1;
}
.input-copylink:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #077;
}

.input-copylink {
	background-color: #003333;
	border-radius:5px;
	border-width: 2px;
	border-color: #00FFFF;
	color: #00FFFF;
	resize: none;
}

.input-copylink:focus, .input-copylink:hover, .input-copylink:read-only {
	color: #00FFFF;
	box-shadow: 0px 0px 10px #00FFFF;
	border-color: #00FFFF;
	background-color: #004444;
	border-width: 2px;
	outline-color: #00FFFF !important;
}

.basic-text {
	text-align:center;
	font-size: 16px;
	font-family:'Arial Black';
	opacity:1.0;
	color: #00FFFF;
	font-weight: 999;
	text-shadow: #00FFFF 0 0 8px;
}

.basic-text2 {
	text-align:center;
	font-size: 15px;
	font-family:'Arial Black';
	opacity:1.0;
	color: #00FFFF;
	font-weight: 999;
	text-shadow: #00FFFF 0 0 0px;
}

.btn-copy {
	display: block;
	background-color: #007777;
	border-color: #00FFFF;
	width: 40%;
	margin-left: 30%;
	height: 35px;
	border-radius:10px;
	border-width: 2px;
}

.btn-copy:hover, .btn-copy:focus, .btn-copy:disabled {
	background-color: #00AAAA;
	border-color: #00FFFF;
	outline-color: #004444 !important;
	color: #00FFFF;
}

.btn-moreiogames {
	height: 35px;
	background-color: #007777;
	border-color: #00FFFF;
	width: 100%;
	border-width: 2px;
}

.btn-moreiogames:hover, .btn-moreiogames:focus, .btn-moreiogames:disabled {
	background-color: #00AAAA;
	border-color: #00FFFF;
	outline-color: #004444 !important;
	color: #00FFFF;
}

.btn-more {
	height: 35px;
	background-color: #007777;
	border-color: #00FFFF;
	border-radius:10px 0px 0px 0px;
	border-width: 2px;
}

.btn-more:hover, .btn-more:focus, .btn-more:disabled {
	background-color: #00AAAA;
	border-color: #00FFFF;
	outline-color: #004444 !important;
	color: #00FFFF;
}

.rightBoxSmall {
    z-index: 1000;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: rgba(0,50,50,0.0);
    border-radius: 5px 5px 0px 0px;
    transform:translate(0%,0%);
}

.rightBoxNews {
    z-index: 1000;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: rgba(0,50,50,1.0);
    border-radius: 5px 0px 10px 0px;
    transform:translate(0%,0%);

	background-color: #007777;
	border-color: #00FFFF;
	border-width: 2px;
	outline-color: #004444 !important;
	color: #00FFFF;
	border: #00FFFF solid;

	padding: 5px 10px;
}

.btn-play {
	display: block;
	height: 40px;
	background-color: #007777;
	border-color: #00FFFF;
	width: 28%; /* 69% */
	border-radius:20px;
	border-width: 2px;
}

.btn-play:hover, .btn-play:focus, .btn-play:disabled {
	background-color: #00AAAA;
	border-color: #00FFFF;
	outline-color: #004444 !important;
}

.rightBox {
	z-index: 1000;
	position: absolute;
	bottom: 0;
	right: 0;
	height: 103px;
	width: 240px;
	background-color: #FFF;
	border-radius: 5px 0px 0px 0px;
	padding: 5px 10px;
	opacity: 0.9;
}

.leftBox {
	z-index: 1000;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #005555;
	border-radius: 0px 0px 10px 0px;
	padding: 5px 10px;
	border: #00FFFF solid;
	border-color: #00FFFF;
	border-width: 2px;
	color: #00FFFF;
}

#firstRightBox,
#afterRightBox,
#linksID {
	display: none !important;
}

.brutal-share-link {
	appearance: none;
	padding: 0;
	border: 0;
	background: transparent;
	color: #00FFFF;
	cursor: pointer;
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 15px;
	font-weight: 900;
	text-shadow: 0 0 7px rgba(0, 255, 255, 0.85);
}

.brutal-share-link:hover,
.brutal-share-link:focus-visible {
	color: #FFFFFF;
	outline: 2px solid #00FFFF;
	outline-offset: 3px;
}

.linkBox {
	z-index: 1000;
	position: absolute;
	bottom: 448px;
	right: 0px;
	padding: 5px 5px;
}

.bannerBox {
	z-index: 1000;
	position: absolute;
	bottom: 80px;
	right: 0px;
	padding: 5px 0px;
}

.leftBottomBox {
    z-index: 1000;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0,50,50,0.0);
    border-radius: 0px 0px 0px 0px;
    padding: 0px 0px;
}

.advertiseBox {
    z-index: 1000;
    position: absolute;
    bottom: 33px;
    left: 0;
    width: 165px;
    background-color: rgba(0,50,50,0.0);
    border-radius:0px 10px 0px 0px;
    padding: 0px 0px;
}

#brutal_300x250_bottom {
    z-index: 1000;
    position: absolute;
    bottom: 13%;
    left: 50%;
    transform:translate(-50%,0%);
    height: 250px;
    width: 300px;
}

#brutal_728x90_top {
    z-index: 1000;
    position: absolute;
    left: 50%;
    transform:translate(-50%,0%);
}

.brutal_center_venatus {
    z-index: 1000;
    position: absolute;
    left: 50%;
    transform:translate(-50%,0%);
}

.brutal_leaderboard_venatus {
    z-index: 1000;
    position: absolute;
    left: 50%;
    transform:translate(-50%,0%);
}

#canvas {
	position: absolute;
}

/* Brutal start lobby ------------------------------------------------------ */
.brutal-auth-bar {
	box-sizing: border-box;
	position: fixed;
	top: 18px;
	left: 22px;
	right: 22px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	pointer-events: none;
	z-index: 1200;
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 14px;
	letter-spacing: 0.5px;
	color: #dfffff;
	text-shadow: 0 0 9px rgba(0, 255, 255, 0.65);
}

#brutalAuthButton {
	min-width: 92px;
	height: 38px;
	padding: 0 17px;
	pointer-events: auto;
	cursor: pointer;
	font-family: inherit;
	font-size: 12px;
	font-weight: 900;
	color: #00191b;
	background: linear-gradient(180deg, #fff276, #ffe600);
	border: 2px solid #ffffae;
	border-radius: 7px;
	box-shadow: 0 5px 0 #8d7900, 0 0 16px rgba(255, 230, 0, 0.45);
}

#brutalAuthButton:hover,
#brutalAuthButton:focus {
	transform: translateY(2px);
	box-shadow: 0 3px 0 #8d7900, 0 0 22px rgba(255, 230, 0, 0.7);
	outline: none;
}

#brutalAuthButton:disabled {
	cursor: wait;
	opacity: 0.55;
}

#brutalPrivyRoot {
	position: relative;
	z-index: 2000;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

#mainDialog.brutal-lobby-shell {
	box-sizing: border-box;
	position: absolute;
	top: clamp(130px, 18vh, 170px);
	left: 50%;
	width: min(1180px, calc(100vw - 70px));
	margin: 0;
	padding: 0;
	transform: translateX(-50%);
	transform-origin: top center;
	font-family: "Arial Black", Arial, sans-serif;
	z-index: 20;
}

.brutal-welcome-banner {
	position: absolute;
	top: -160px;
	left: 50%;
	z-index: 3;
	display: inline-flex;
	min-width: 250px;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 8px 25px 9px;
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 12px;
	line-height: 1;
	letter-spacing: 2px;
	color: #a7ffff;
	background:
		linear-gradient(90deg, rgba(0, 15, 20, 0.32), rgba(0, 36, 40, 0.92), rgba(0, 15, 20, 0.32));
	border-top: 1px solid rgba(0, 255, 255, 0.38);
	border-bottom: 1px solid rgba(0, 255, 255, 0.38);
	box-shadow: 0 0 24px rgba(0, 255, 255, 0.16);
	text-shadow: 0 0 10px rgba(0, 255, 255, 0.75);
	transform: translateX(-50%);
}

.brutal-welcome-banner::before,
.brutal-welcome-banner::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 50px;
	height: 2px;
	background: linear-gradient(90deg, transparent, #00ffff);
	box-shadow: 0 0 9px rgba(0, 255, 255, 0.8);
}

.brutal-welcome-banner::before {
	right: 100%;
}

.brutal-welcome-banner::after {
	left: 100%;
	transform: rotate(180deg);
}

.brutal-welcome-banner strong {
	max-width: 165px;
	overflow: hidden;
	font-size: 14px;
	letter-spacing: 1px;
	color: #ffe600;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-shadow: 0 0 11px rgba(255, 230, 0, 0.72);
}

.brutal-lobby-logo {
	position: absolute;
	top: -112px;
	left: 50%;
	width: min(440px, 48vw);
	height: auto;
	transform: translateX(-50%);
	filter: drop-shadow(0 0 14px rgba(0, 255, 255, 0.62));
}

.brutal-lobby-tagline {
	position: absolute;
	top: -35px;
	left: 50%;
	width: 100%;
	transform: translateX(-50%);
	font-size: 12px;
	letter-spacing: 2px;
	color: #8cffff;
	text-shadow: 0 0 10px #00ffff;
}

.brutal-lobby-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(330px, 1.08fr) minmax(0, 1fr);
	gap: 14px;
	align-items: stretch;
}

.brutal-lobby-column {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 14px;
}

.brutal-lobby-card {
	box-sizing: border-box;
	position: relative;
	display: flex;
	min-height: 0;
	flex: 1;
	flex-direction: column;
	padding: 17px;
	color: #dfffff;
	background:
		linear-gradient(145deg, rgba(0, 29, 32, 0.9), rgba(0, 8, 11, 0.84)),
		repeating-linear-gradient(0deg, transparent 0 20px, rgba(0, 255, 255, 0.025) 21px);
	border: 2px solid rgba(0, 255, 255, 0.28);
	border-radius: 10px;
	box-shadow:
		0 12px 30px rgba(0, 0, 0, 0.46),
		inset 0 0 25px rgba(0, 255, 255, 0.035);
	backdrop-filter: blur(9px);
	-webkit-backdrop-filter: blur(9px);
}

.brutal-lobby-card::before {
	content: "";
	position: absolute;
	top: -2px;
	left: 18px;
	width: 54px;
	height: 2px;
	background: #00ffff;
	box-shadow: 0 0 10px #00ffff;
}

.brutal-card-leaderboard,
.brutal-card-wallet {
	min-height: 205px;
}

.brutal-card-friends,
.brutal-card-controls {
	min-height: 238px;
}

.brutal-coming-soon-card {
	overflow: hidden;
}

.brutal-coming-soon-card > :not(.brutal-coming-soon-shroud):not(.brutal-coming-soon-badge) {
	filter: blur(6px);
	opacity: 0.28;
	pointer-events: none;
	user-select: none;
}

.brutal-coming-soon-shroud {
	position: absolute;
	inset: 0;
	z-index: 8;
	background: rgba(0, 7, 11, 0.54);
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
	pointer-events: none;
}

.brutal-coming-soon-badge {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 9;
	padding: 10px 18px;
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 17px;
	line-height: 1;
	letter-spacing: 1.8px;
	white-space: nowrap;
	color: #00ffff;
	background: rgba(0, 21, 25, 0.9);
	border: 2px solid rgba(0, 255, 255, 0.78);
	border-radius: 999px;
	box-shadow:
		0 0 20px rgba(0, 255, 255, 0.34),
		inset 0 0 12px rgba(0, 255, 255, 0.09);
	text-shadow: 0 0 10px rgba(0, 255, 255, 0.82);
	transform: translate(-50%, -50%);
}

.brutal-card-header,
.brutal-player-header {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 14px;
}

.brutal-card-header h2,
.brutal-player-header h2 {
	margin: 0;
	font-size: 14px;
	font-weight: 900;
	letter-spacing: 0.5px;
	color: #efffff;
	text-shadow: 0 0 8px rgba(0, 255, 255, 0.38);
}

.brutal-card-icon {
	display: inline-flex;
	width: 22px;
	height: 22px;
	align-items: center;
	justify-content: center;
	font-size: 17px;
	line-height: 1;
}

.brutal-yellow { color: #ffe600; text-shadow: 0 0 8px #ffe600; }
.brutal-blue { color: #33a7ff; text-shadow: 0 0 8px #33a7ff; }
.brutal-green { color: #30ff92; text-shadow: 0 0 8px #30ff92; }
.brutal-purple { color: #d75cff; text-shadow: 0 0 8px #d75cff; }

.brutal-live-pill,
.brutal-muted-pill,
.brutal-status-label {
	margin-left: auto;
	padding: 4px 9px;
	border-radius: 999px;
	font-family: Arial, sans-serif;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.4px;
}

.brutal-live-pill {
	color: #3aff9e;
	background: rgba(25, 210, 100, 0.18);
	border: 1px solid rgba(48, 255, 146, 0.42);
}

.brutal-live-pill i {
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-right: 4px;
	background: #30ff92;
	border-radius: 50%;
	box-shadow: 0 0 7px #30ff92;
}

.brutal-muted-pill {
	color: #90babc;
	background: rgba(95, 126, 130, 0.24);
}

.brutal-status-label {
	color: #30ff92;
	text-shadow: 0 0 8px rgba(48, 255, 146, 0.7);
}

.brutal-status-label.is-offline {
	color: #ff4058;
	text-shadow: 0 0 8px rgba(255, 64, 88, 0.7);
}

.brutal-leader-list {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 8px;
	margin: 0 0 14px;
	padding: 0;
	list-style: none;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #8fc5c8;
}

.brutal-leader-list li {
	display: flex;
	min-width: 0;
	justify-content: space-between;
	gap: 10px;
}

.brutal-leader-list span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.brutal-leader-list strong {
	flex: 0 0 auto;
	color: #ffe600;
	text-shadow: 0 0 7px rgba(255, 230, 0, 0.5);
}

.brutal-empty-state {
	display: flex;
	flex: 1;
	min-height: 90px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #76a1a4;
	font-family: Arial, sans-serif;
	font-size: 12px;
}

.brutal-empty-state p {
	margin: 9px 0 14px;
}

.brutal-orbit-mark {
	position: relative;
	width: 46px;
	height: 46px;
	border: 1px solid rgba(51, 167, 255, 0.42);
	border-radius: 50%;
	box-shadow: inset 0 0 12px rgba(51, 167, 255, 0.16);
}

.brutal-orbit-mark i {
	position: absolute;
	width: 8px;
	height: 8px;
	background: #33a7ff;
	border-radius: 50%;
	box-shadow: 0 0 9px #33a7ff;
}

.brutal-orbit-mark i:nth-child(1) { top: 4px; left: 19px; }
.brutal-orbit-mark i:nth-child(2) { right: 5px; bottom: 8px; }
.brutal-orbit-mark i:nth-child(3) { bottom: 8px; left: 5px; }

.brutal-action {
	box-sizing: border-box;
	display: inline-flex;
	min-height: 36px;
	align-items: center;
	justify-content: center;
	padding: 8px 13px;
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 11px;
	font-weight: 900;
	line-height: 1;
	text-decoration: none;
	letter-spacing: 0.25px;
	cursor: pointer;
	border-radius: 8px;
	transition: transform 100ms ease, box-shadow 100ms ease, background 100ms ease;
	will-change: transform;
}

.brutal-action:hover,
.brutal-action:focus {
	transform: translateY(2px);
	text-decoration: none;
}

.brutal-action:active {
	transform: translateY(3px);
}

.brutal-action:focus-visible {
	outline: 2px solid #ffffff;
	outline-offset: 3px;
}

.brutal-action-outline {
	color: #caffff;
	background: rgba(0, 22, 25, 0.62);
	border: 2px solid rgba(173, 255, 255, 0.6);
	box-shadow: 0 4px 0 #31575c;
}

.brutal-action-outline:hover,
.brutal-action-outline:focus {
	color: #ffffff;
	background: rgba(0, 255, 255, 0.1);
	box-shadow: 0 2px 0 #31575c, 0 0 13px rgba(0, 255, 255, 0.25);
}

.brutal-action-blue {
	color: #9ad6ff;
	background: rgba(51, 167, 255, 0.08);
	border: 2px solid #33a7ff;
	box-shadow: 0 4px 0 #145c8e;
}

.brutal-action-blue:hover,
.brutal-action-blue:focus,
.brutal-action-blue.is-success {
	color: #dff5ff;
	background: rgba(51, 167, 255, 0.18);
	box-shadow: 0 2px 0 #145c8e, 0 0 14px rgba(51, 167, 255, 0.35);
}

.brutal-action-green {
	color: #30ff92;
	background: rgba(48, 255, 146, 0.06);
	border: 2px solid #30ff92;
	box-shadow: 0 4px 0 #08793f;
}

.brutal-action-green:hover,
.brutal-action-green:focus {
	background: rgba(48, 255, 146, 0.14);
	box-shadow: 0 2px 0 #08793f, 0 0 14px rgba(48, 255, 146, 0.3);
}

.brutal-action-purple {
	color: #e7a0ff;
	background: rgba(215, 92, 255, 0.07);
	border: 2px solid #d75cff;
	box-shadow: 0 4px 0 #70268a;
}

.brutal-action-purple:hover,
.brutal-action-purple:focus {
	background: rgba(215, 92, 255, 0.16);
	box-shadow: 0 2px 0 #70268a, 0 0 14px rgba(215, 92, 255, 0.32);
}

.brutal-action-wallet-blue {
	color: #aeb8ff;
	background: rgba(90, 81, 255, 0.08);
	border: 2px solid #655cff;
	box-shadow: 0 4px 0 #312a9d;
}

.brutal-action-wallet-blue:hover,
.brutal-action-wallet-blue:focus {
	color: #e4e7ff;
	background: rgba(90, 81, 255, 0.18);
	box-shadow: 0 2px 0 #312a9d, 0 0 14px rgba(101, 92, 255, 0.35);
}

.brutal-action:disabled {
	opacity: 0.48;
	cursor: not-allowed;
	filter: saturate(0.55);
}

.brutal-action:disabled:hover,
.brutal-action:disabled:focus {
	transform: none;
}

.brutal-play-card {
	min-height: 456px;
	flex: none;
	padding: 20px;
	border-color: rgba(0, 255, 255, 0.46);
	box-shadow:
		0 15px 34px rgba(0, 0, 0, 0.55),
		0 0 24px rgba(0, 255, 255, 0.08),
		inset 0 0 32px rgba(0, 255, 255, 0.045);
}

.brutal-player-header {
	min-height: 46px;
	margin-bottom: 18px;
}

.brutal-player-level {
	display: inline-flex;
	width: 46px;
	height: 46px;
	align-items: center;
	justify-content: center;
	color: #031c1e;
	font-size: 17px;
	background: #00ffff;
	border: 2px solid #8fffff;
	border-radius: 9px;
	box-shadow: 0 4px 0 #00777b, 0 0 14px rgba(0, 255, 255, 0.55);
}

.brutal-eyebrow {
	display: block;
	margin-bottom: 3px;
	font-family: Arial, sans-serif;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 1.8px;
	color: #5fa9ad;
}

.brutal-ready-light {
	width: 13px;
	height: 13px;
	margin-left: auto;
	background: #30ff92;
	border: 3px solid rgba(48, 255, 146, 0.2);
	border-radius: 50%;
	box-shadow: 0 0 11px #30ff92;
}

#topGui {
	height: auto;
}

#nickInput {
	height: auto;
}

.input-nick.brutal-nick-input {
	box-sizing: border-box;
	width: 100%;
	height: 46px;
	padding: 0 17px;
	color: #dfffff;
	font-size: 14px;
	letter-spacing: 0.5px;
	background: rgba(0, 10, 13, 0.86);
	border: 2px solid rgba(0, 255, 255, 0.58);
	border-radius: 8px;
	box-shadow: inset 0 0 14px rgba(0, 255, 255, 0.06);
}

.input-nick.brutal-nick-input::placeholder {
	color: #397b80;
}

.input-nick.brutal-nick-input:hover,
.input-nick.brutal-nick-input:focus {
	color: #ffffff;
	background: rgba(0, 34, 37, 0.96);
	border-color: #00ffff;
	box-shadow: 0 0 17px rgba(0, 255, 255, 0.4), inset 0 0 14px rgba(0, 255, 255, 0.08);
	outline: none;
}

.brutal-wager-options {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 9px;
	margin-top: 15px;
}

.brutal-wager-button {
	height: 45px;
	padding: 0 10px;
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 17px;
	font-weight: 900;
	color: #ffe600;
	cursor: pointer;
	background: rgba(20, 20, 3, 0.72);
	border: 2px solid #ffe600;
	border-radius: 8px;
	box-shadow: 0 4px 0 #8d7900, 0 0 8px rgba(255, 230, 0, 0.18);
	transition: transform 100ms ease, box-shadow 100ms ease, background 100ms ease;
}

.brutal-wager-button:hover,
.brutal-wager-button:focus {
	background: rgba(255, 230, 0, 0.12);
	box-shadow: 0 2px 0 #8d7900, 0 0 13px rgba(255, 230, 0, 0.35);
	transform: translateY(2px);
	outline: none;
}

.brutal-wager-button:focus-visible {
	outline: 2px solid #ffffff;
	outline-offset: 3px;
}

.brutal-wager-button.is-selected {
	color: #00191b;
	background: linear-gradient(180deg, #fff276, #ffe600);
	border-color: #ffffae;
	box-shadow: 0 4px 0 #9b8400, 0 0 16px rgba(255, 230, 0, 0.48);
}

.brutal-wager-button:disabled {
	cursor: not-allowed;
	filter: grayscale(0.6);
	opacity: 0.48;
	transform: none;
}

#playButton.brutal-action-play,
.brutal-action-play {
	position: relative;
	display: flex;
	width: 100%;
	height: 63px;
	margin: 17px 0;
	overflow: hidden;
	gap: 10px;
	color: #00191b;
	font-size: 19px;
	background: linear-gradient(180deg, #84ffff 0%, #00ffff 55%, #00d8df 100%);
	border: 2px solid #bfffff;
	border-radius: 9px;
	box-shadow: 0 8px 0 #00777b, 0 0 20px rgba(0, 255, 255, 0.38);
}

#playButton.brutal-action-play::after,
.brutal-action-play::after {
	content: "";
	position: absolute;
	top: -30%;
	left: -45%;
	width: 36%;
	height: 160%;
	background: rgba(255, 255, 255, 0.45);
	transform: skewX(-22deg);
	transition: left 650ms ease;
}

#playButton.brutal-action-play:hover::after,
.brutal-action-play:hover::after {
	left: 120%;
}

#playButton.brutal-action-play:hover,
#playButton.brutal-action-play:focus,
.brutal-action-play:hover,
.brutal-action-play:focus {
	color: #00191b;
	background: linear-gradient(180deg, #b8ffff, #1ffcff);
	box-shadow: 0 4px 0 #00777b, 0 0 27px rgba(0, 255, 255, 0.62);
	transform: translateY(4px);
}

#playButton.brutal-action-play:disabled {
	color: #0b4549;
	cursor: wait;
	background: #1a666a;
	border-color: #327f83;
	box-shadow: 0 5px 0 #063f42;
	opacity: 0.82;
}

.brutal-play-triangle {
	width: 0;
	height: 0;
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-left: 14px solid #00191b;
}

.brutal-lobby-stats {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-top: 31px;
	padding-top: 22px;
	border-top: 1px solid rgba(0, 255, 255, 0.16);
}

.brutal-lobby-stats > div {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
}

.brutal-lobby-stats > div + div {
	border-left: 1px solid rgba(0, 255, 255, 0.14);
}

.brutal-lobby-stats strong {
	font-size: 25px;
	color: #ffe600;
	text-shadow: 0 0 12px rgba(255, 230, 0, 0.55);
}

.brutal-lobby-stats span {
	font-family: Arial, sans-serif;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 0.7px;
	color: #699da0;
}

.brutal-connecting {
	display: flex;
	min-height: 258px;
	align-items: center;
	justify-content: center;
}

.brutal-connecting[hidden],
.brutal-room-failed[hidden] {
	display: none;
}

.brutal-room-failed {
	text-align: center;
}

.brutal-room-failed h4 {
	font-size: 12px;
	line-height: 1.55;
}

.brutal-room-failed #linkText {
	display: inline-block;
	font-size: 24px;
	color: #ff4058;
}

.brutal-action-wide {
	min-height: 44px;
	color: #00191b;
	background: linear-gradient(180deg, #fff26a, #ffe600);
	border: 2px solid #ffffa7;
	box-shadow: 0 6px 0 #978700, 0 0 14px rgba(255, 230, 0, 0.28);
}

.brutal-action-wide:hover,
.brutal-action-wide:focus {
	color: #00191b;
	background: #fff681;
	box-shadow: 0 3px 0 #978700, 0 0 18px rgba(255, 230, 0, 0.42);
	transform: translateY(3px);
}

.brutal-server-core {
	display: flex;
	flex: 1;
	align-items: center;
	justify-content: center;
	gap: 18px;
	min-height: 86px;
}

.brutal-server-core > div:last-child {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.brutal-server-core strong {
	font-size: 23px;
	color: #30ff92;
	text-shadow: 0 0 12px rgba(48, 255, 146, 0.58);
}

.brutal-server-core span {
	font-family: Arial, sans-serif;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 0.9px;
	color: #6b9e88;
}

.brutal-server-pulse {
	position: relative;
	width: 46px;
	height: 46px;
	border: 2px solid rgba(48, 255, 146, 0.65);
	border-radius: 50%;
	box-shadow: 0 0 15px rgba(48, 255, 146, 0.25), inset 0 0 14px rgba(48, 255, 146, 0.13);
}

.brutal-server-pulse::before,
.brutal-server-pulse::after {
	content: "";
	position: absolute;
	inset: 7px;
	border: 1px solid rgba(48, 255, 146, 0.48);
	border-radius: 50%;
}

.brutal-server-pulse::after {
	inset: 15px;
	background: #30ff92;
	border: 0;
	box-shadow: 0 0 11px #30ff92;
}

.brutal-wallet-header {
	align-items: flex-start;
	margin-bottom: 6px;
}

.brutal-wallet-heading-icon {
	color: #30ff92;
	font-size: 15px;
	text-shadow: 0 0 10px rgba(48, 255, 146, 0.65);
}

.brutal-wallet-tools {
	display: flex;
	margin-left: auto;
	align-items: center;
	gap: 7px;
}

.brutal-wallet-tool {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 2px 0;
	font-family: Arial, sans-serif;
	font-size: 8px;
	font-weight: 800;
	letter-spacing: 0.2px;
	color: #83aaad;
	background: transparent;
	border: 0;
	cursor: pointer;
}

.brutal-wallet-tool-icon {
	display: inline-flex;
	min-width: 11px;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 400;
	color: #9bb4b5;
}

.brutal-copy-icon {
	transform: translateY(-1px);
}

.brutal-refresh-icon {
	font-size: 14px;
}

.brutal-wallet-tool.is-refreshing .brutal-refresh-icon,
.brutal-cashout-refresh.is-refreshing > span:first-child {
	animation: brutal-wallet-spin 800ms linear infinite;
}

@keyframes brutal-wallet-spin {
	to { transform: rotate(360deg); }
}

.brutal-wallet-tool:hover,
.brutal-wallet-tool:focus {
	color: #dfffff;
	text-shadow: 0 0 7px rgba(0, 255, 255, 0.5);
}

.brutal-wallet-tool:disabled {
	opacity: 0.42;
	cursor: not-allowed;
}

.brutal-wallet-balance {
	display: flex;
	flex: 1;
	min-height: 76px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-family: Arial, sans-serif;
}

.brutal-wallet-balance strong {
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 27px;
	line-height: 1.05;
	color: #ffe600;
	text-shadow: 0 0 14px rgba(255, 230, 0, 0.48);
}

.brutal-wallet-balance span {
	margin-top: 4px;
	font-size: 11px;
	font-weight: 700;
	color: #91acad;
}

.brutal-wallet-balance small {
	margin-top: 5px;
	font-size: 7px;
	font-weight: 900;
	letter-spacing: 0.9px;
	color: #55787a;
}

.brutal-wallet-actions {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 9px;
}

.brutal-social-modal {
	position: fixed;
	inset: 0;
	z-index: 9000;
	display: grid;
	place-items: center;
	padding: 18px;
	box-sizing: border-box;
}

.brutal-social-modal[hidden] {
	display: none;
}

.brutal-social-backdrop {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	background: rgba(0, 3, 5, 0.84);
	border: 0;
	backdrop-filter: blur(7px);
	-webkit-backdrop-filter: blur(7px);
	cursor: default;
}

.brutal-social-panel {
	position: relative;
	display: flex;
	width: min(860px, calc(100vw - 36px));
	min-height: min(610px, calc(100vh - 56px));
	max-height: calc(100vh - 36px);
	box-sizing: border-box;
	flex-direction: column;
	padding: 26px;
	overflow: hidden;
	color: #efffff;
	background:
		linear-gradient(145deg, rgba(3, 15, 17, 0.98), rgba(0, 4, 6, 0.985)),
		repeating-linear-gradient(0deg, transparent 0 25px, rgba(0, 255, 255, 0.02) 26px);
	border: 2px solid rgba(255, 230, 0, 0.72);
	border-radius: 10px;
	box-shadow:
		0 24px 90px rgba(0, 0, 0, 0.9),
		0 0 30px rgba(255, 230, 0, 0.1),
		inset 0 0 40px rgba(0, 255, 255, 0.025);
}

.brutal-social-panel::before {
	content: "";
	position: absolute;
	top: -2px;
	left: 28px;
	width: 92px;
	height: 3px;
	background: #ffe600;
	box-shadow: 0 0 14px #ffe600;
}

.brutal-social-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 24px;
}

.brutal-social-header h2 {
	margin: 0;
	font-size: 17px;
	font-weight: 900;
	letter-spacing: 0.7px;
	color: #ffe600;
	text-shadow: 0 0 10px rgba(255, 230, 0, 0.48);
}

.brutal-social-header h2 span {
	display: inline-block;
	margin-right: 8px;
	font-size: 21px;
}

.brutal-social-close {
	width: 36px;
	height: 36px;
	padding: 0;
	font: 300 26px/1 Arial, sans-serif;
	color: #8fa4a5;
	background: transparent;
	border: 0;
	border-radius: 6px;
	cursor: pointer;
}

.brutal-social-close:hover,
.brutal-social-close:focus {
	color: #ffffff;
	background: rgba(255, 255, 255, 0.06);
}

.brutal-player-search-box {
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 18px;
}

.brutal-player-search-box input {
	width: 100%;
	height: 46px;
	box-sizing: border-box;
	padding: 0 16px 0 48px;
	font-family: Arial, sans-serif;
	font-size: 15px;
	color: #efffff;
	background: rgba(0, 5, 7, 0.92);
	border: 1px solid rgba(255, 230, 0, 0.42);
	border-radius: 7px;
	outline: none;
	box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.55);
}

.brutal-player-search-box input::placeholder {
	color: #718082;
}

.brutal-player-search-box input:focus {
	border-color: #ffe600;
	box-shadow: 0 0 16px rgba(255, 230, 0, 0.16), inset 0 0 14px rgba(0, 0, 0, 0.55);
}

.brutal-search-small,
.brutal-search-large {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	border: 3px solid currentColor;
	border-radius: 50%;
}

.brutal-search-small::after,
.brutal-search-large::after {
	content: "";
	position: absolute;
	background: currentColor;
	border-radius: 2px;
	transform: rotate(45deg);
	transform-origin: left center;
}

.brutal-search-small {
	position: absolute;
	z-index: 1;
	left: 17px;
	width: 15px;
	height: 15px;
	color: #a3b3b4;
}

.brutal-search-small::after {
	right: -8px;
	bottom: -5px;
	width: 8px;
	height: 3px;
}

.brutal-player-search-results {
	display: flex;
	min-height: 0;
	flex: 1;
	overflow: auto;
}

.brutal-search-empty {
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 30px;
	box-sizing: border-box;
	text-align: center;
	font-family: Arial, sans-serif;
	color: #87999b;
}

.brutal-search-large {
	width: 55px;
	height: 55px;
	margin-bottom: 26px;
	color: #a8b6b7;
	border-width: 5px;
	filter: drop-shadow(0 0 7px rgba(0, 255, 255, 0.17));
}

.brutal-search-large::after {
	right: -20px;
	bottom: -10px;
	width: 22px;
	height: 5px;
}

.brutal-search-empty h3 {
	margin: 0 0 12px;
	font-size: 17px;
	font-weight: 900;
	color: #f2ffff;
}

.brutal-search-empty p {
	margin: 0 0 9px;
	font-size: 14px;
}

.brutal-search-empty small {
	font-size: 11px;
	color: #667678;
}

.brutal-player-search-list {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.brutal-player-search-list li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 9px;
	padding: 14px 16px;
	font-family: Arial, sans-serif;
	background: linear-gradient(90deg, rgba(255, 230, 0, 0.08), rgba(0, 255, 255, 0.035));
	border: 1px solid rgba(255, 230, 0, 0.24);
	border-radius: 8px;
}

.brutal-player-search-list li > div {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: 12px;
}

.brutal-player-search-list li > div > div {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 4px;
}

.brutal-player-avatar {
	display: inline-flex;
	width: 38px;
	height: 38px;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	font-weight: 900;
	color: #001416;
	background: #ffe600;
	border-radius: 50%;
	box-shadow: 0 0 13px rgba(255, 230, 0, 0.38);
}

.brutal-player-search-list strong {
	overflow: hidden;
	font-size: 14px;
	color: #efffff;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.brutal-player-search-list small {
	font-size: 10px;
	color: #749294;
}

.brutal-player-energy {
	flex: 0 0 auto;
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 12px;
	color: #ffe600;
	text-shadow: 0 0 7px rgba(255, 230, 0, 0.4);
}

.brutal-funds-modal {
	position: fixed;
	inset: 0;
	z-index: 9100;
	display: grid;
	place-items: center;
	box-sizing: border-box;
	padding: 18px;
	font-family: Arial, sans-serif;
}

.brutal-funds-modal[hidden],
.brutal-funds-view[hidden] {
	display: none;
}

.brutal-funds-backdrop {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	background: rgba(0, 3, 5, 0.82);
	border: 0;
	backdrop-filter: blur(9px);
	-webkit-backdrop-filter: blur(9px);
	cursor: default;
}

.brutal-funds-panel {
	position: relative;
	display: flex;
	width: min(410px, calc(100vw - 28px));
	max-height: calc(100vh - 28px);
	box-sizing: border-box;
	flex-direction: column;
	padding: 18px;
	overflow: auto;
	color: #efffff;
	background:
		linear-gradient(150deg, rgba(7, 24, 25, 0.99), rgba(0, 6, 8, 0.995)),
		repeating-linear-gradient(0deg, transparent 0 24px, rgba(0, 255, 255, 0.025) 25px);
	border: 2px solid rgba(0, 255, 255, 0.55);
	border-radius: 22px;
	box-shadow:
		0 26px 100px rgba(0, 0, 0, 0.92),
		0 0 34px rgba(0, 255, 255, 0.14),
		0 4px 0 rgba(0, 110, 115, 0.7),
		inset 0 0 38px rgba(0, 255, 255, 0.035);
}

.brutal-funds-panel::before {
	content: "";
	position: absolute;
	top: -2px;
	left: 70px;
	width: 94px;
	height: 3px;
	background: #00ffff;
	box-shadow: 0 0 16px #00ffff;
}

.brutal-funds-header {
	display: grid;
	grid-template-columns: 38px 1fr 38px;
	align-items: center;
	gap: 10px;
	margin-bottom: 18px;
	text-align: center;
}

.brutal-funds-header > div {
	min-width: 0;
}

.brutal-funds-kicker {
	display: block;
	margin-bottom: 3px;
	font-size: 8px;
	font-weight: 900;
	letter-spacing: 1.6px;
	color: #5c989a;
}

.brutal-funds-header h2 {
	margin: 0;
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 18px;
	letter-spacing: 0.6px;
	color: #f2ffff;
	text-shadow: 0 0 10px rgba(0, 255, 255, 0.38);
}

.brutal-funds-icon-button {
	display: inline-flex;
	width: 36px;
	height: 36px;
	align-items: center;
	justify-content: center;
	padding: 0;
	font: 600 21px/1 Arial, sans-serif;
	color: #9ab6b7;
	background: rgba(255, 255, 255, 0.07);
	border: 1px solid rgba(151, 203, 205, 0.18);
	border-radius: 50%;
	cursor: pointer;
}

.brutal-funds-icon-button:hover,
.brutal-funds-icon-button:focus {
	color: #ffffff;
	background: rgba(0, 255, 255, 0.11);
	border-color: rgba(0, 255, 255, 0.45);
}

.brutal-funds-icon-button[hidden] {
	visibility: hidden;
	display: inline-flex;
}

.brutal-funds-view {
	display: flex;
	flex-direction: column;
	gap: 13px;
}

.brutal-funds-balance-card {
	display: flex;
	min-height: 92px;
	box-sizing: border-box;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 13px;
	background:
		radial-gradient(circle at 50% 120%, rgba(0, 255, 255, 0.12), transparent 58%),
		rgba(0, 8, 10, 0.76);
	border: 1px solid rgba(0, 255, 255, 0.22);
	border-radius: 13px;
	box-shadow: inset 0 0 22px rgba(0, 0, 0, 0.5);
}

.brutal-funds-balance-card span,
.brutal-funds-balance-card small,
.brutal-funds-label {
	font-size: 8px;
	font-weight: 900;
	letter-spacing: 1.1px;
	color: #668f91;
}

.brutal-funds-balance-card strong {
	margin: 7px 0 4px;
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 23px;
	color: #ffe600;
	text-shadow: 0 0 12px rgba(255, 230, 0, 0.48);
}

.brutal-funding-option {
	display: grid;
	grid-template-columns: 44px 1fr auto;
	align-items: center;
	gap: 11px;
	min-height: 65px;
	box-sizing: border-box;
	padding: 10px 12px;
	text-align: left;
	color: #eaffff;
	background: linear-gradient(100deg, rgba(0, 255, 255, 0.1), rgba(0, 12, 15, 0.78));
	border: 1px solid rgba(0, 255, 255, 0.35);
	border-radius: 11px;
	cursor: pointer;
	transition: transform 120ms ease, border-color 120ms ease, box-shadow 120ms ease;
}

.brutal-funding-option:hover,
.brutal-funding-option:focus {
	transform: translateY(-1px);
	border-color: #00ffff;
	box-shadow: 0 0 17px rgba(0, 255, 255, 0.16);
}

.brutal-funding-option > span:nth-child(2) {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 4px;
}

.brutal-funding-option strong {
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 11px;
	letter-spacing: 0.2px;
}

.brutal-funding-option small {
	font-size: 10px;
	color: #7e9fa1;
}

.brutal-funding-option > i {
	font-size: 22px;
	font-style: normal;
	font-weight: 900;
	color: #00ffff;
}

.brutal-funding-option-icon {
	display: inline-flex;
	width: 42px;
	height: 42px;
	align-items: center;
	justify-content: center;
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 19px;
	color: #001617;
	background: #00ffff;
	border-radius: 10px;
	box-shadow: 0 0 12px rgba(0, 255, 255, 0.42);
}

.brutal-funding-option.is-disabled {
	opacity: 0.42;
	cursor: not-allowed;
	filter: saturate(0.4);
}

.brutal-funding-option.is-disabled:hover,
.brutal-funding-option.is-disabled:focus {
	transform: none;
	border-color: rgba(0, 255, 255, 0.35);
	box-shadow: none;
}

.brutal-funding-option.is-disabled > i {
	font-size: 8px;
	letter-spacing: 0.8px;
}

.brutal-funds-network-note {
	display: flex;
	align-items: center;
	gap: 9px;
	margin: 0;
	padding: 10px 12px;
	font-size: 10px;
	color: #ffe6a0;
	background: rgba(255, 201, 0, 0.08);
	border: 1px solid rgba(255, 230, 0, 0.22);
	border-radius: 8px;
}

.brutal-funds-network-note > span:first-child,
.brutal-receive-warning > span:first-child {
	display: inline-flex;
	width: 18px;
	height: 18px;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	font-weight: 900;
	color: #ffe600;
	border: 1px solid currentColor;
	border-radius: 50%;
}

.brutal-funds-network-note > span:last-child,
.brutal-receive-warning > span:last-child {
	min-width: 0;
	line-height: 1.35;
}

.brutal-receive-view {
	align-items: center;
	text-align: center;
}

.brutal-receive-view h3 {
	margin: 0;
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 17px;
	color: #ffffff;
}

.brutal-receive-view > p {
	max-width: 330px;
	margin: -4px 0 2px;
	font-size: 12px;
	line-height: 1.45;
	color: #b7c9ca;
}

.brutal-receive-minimum {
	display: flex;
	width: min(100%, 330px);
	box-sizing: border-box;
	flex-direction: column;
	align-items: center;
	gap: 3px;
	padding: 9px 12px;
	background: rgba(255, 230, 0, 0.06);
	border: 1px solid rgba(255, 230, 0, 0.24);
	border-radius: 9px;
}

.brutal-receive-minimum span,
.brutal-receive-minimum small {
	font-size: 8px;
	font-weight: 900;
	letter-spacing: 1px;
	color: #829d9f;
}

.brutal-receive-minimum strong {
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 14px;
	color: #ffe600;
	text-shadow: 0 0 9px rgba(255, 230, 0, 0.35);
}

.brutal-qr-shell {
	display: grid;
	width: 248px;
	height: 248px;
	place-items: center;
	box-sizing: border-box;
	padding: 8px;
	background: #ffffff;
	border: 4px solid #ffffff;
	border-radius: 13px;
	box-shadow: 0 0 22px rgba(0, 255, 255, 0.18);
}

.brutal-qr-shell canvas {
	display: block;
	width: 232px;
	height: 232px;
	image-rendering: pixelated;
}

.brutal-receive-warning {
	display: flex;
	width: 100%;
	box-sizing: border-box;
	align-items: center;
	gap: 9px;
	padding: 11px 12px;
	text-align: left;
	font-size: 10px;
	color: #3c3530;
	background: #fff5e8;
	border: 1px solid #ffdc9e;
	border-radius: 8px;
}

.brutal-receive-address {
	display: flex;
	width: 100%;
	box-sizing: border-box;
	flex-direction: column;
	gap: 7px;
	padding: 11px 12px;
	text-align: left;
	background: rgba(0, 7, 9, 0.76);
	border: 1px solid rgba(148, 188, 190, 0.35);
	border-radius: 10px;
}

.brutal-receive-address > span {
	font-size: 9px;
	color: #779294;
}

.brutal-receive-address > div {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: 10px;
}

.brutal-receive-address code {
	min-width: 0;
	flex: 1;
	overflow: hidden;
	font: 11px/1.3 Consolas, monospace;
	color: #dfffff;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: transparent;
}

.brutal-receive-address button {
	flex: 0 0 auto;
	padding: 7px 12px;
	font-size: 9px;
	font-weight: 900;
	color: #001719;
	background: #00ffff;
	border: 0;
	border-radius: 6px;
	cursor: pointer;
	box-shadow: 0 3px 0 #007b80;
}

.brutal-privy-wallet-footer {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin-top: 17px;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 0.3px;
	color: #93a6a7;
}

.brutal-privy-wallet-footer span {
	color: #ffffff;
}

.brutal-privy-wallet-footer strong {
	font-size: 15px;
	letter-spacing: -0.5px;
	color: #ffffff;
}

.brutal-cashout-modal {
	position: fixed;
	inset: 0;
	z-index: 9200;
	display: grid;
	place-items: center;
	box-sizing: border-box;
	padding: 18px;
	font-family: Arial, sans-serif;
}

.brutal-cashout-modal[hidden],
.brutal-cashout-error[hidden] {
	display: none;
}

.brutal-cashout-backdrop {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	background: rgba(0, 3, 5, 0.86);
	border: 0;
	backdrop-filter: blur(9px);
	-webkit-backdrop-filter: blur(9px);
}

.brutal-cashout-panel {
	position: relative;
	display: flex;
	width: min(510px, calc(100vw - 28px));
	max-height: calc(100vh - 28px);
	box-sizing: border-box;
	flex-direction: column;
	gap: 14px;
	padding: 22px 24px 18px;
	overflow: auto;
	color: #efffff;
	background:
		linear-gradient(145deg, rgba(5, 17, 19, 0.995), rgba(0, 5, 7, 0.995)),
		repeating-linear-gradient(0deg, transparent 0 26px, rgba(0, 255, 255, 0.02) 27px);
	border: 2px solid rgba(0, 255, 255, 0.5);
	border-radius: 18px;
	box-shadow:
		0 28px 110px rgba(0, 0, 0, 0.94),
		0 0 38px rgba(0, 255, 255, 0.14),
		0 4px 0 rgba(0, 105, 112, 0.72),
		inset 0 0 42px rgba(0, 255, 255, 0.035);
}

.brutal-cashout-panel::before {
	content: "";
	position: absolute;
	top: -2px;
	left: 54px;
	width: 104px;
	height: 3px;
	background: #ffe600;
	box-shadow: 0 0 17px rgba(255, 230, 0, 0.85);
}

.brutal-cashout-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
}

.brutal-cashout-header h2 {
	display: flex;
	align-items: center;
	gap: 9px;
	margin: 0;
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 20px;
	color: #ffe600;
	text-shadow: 0 0 13px rgba(255, 230, 0, 0.38);
}

.brutal-cashout-header h2 span {
	font-size: 22px;
}

.brutal-cashout-close {
	display: inline-flex;
	height: 38px;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 0 12px;
	font: 900 10px/1 Arial, sans-serif;
	color: #b4c4c5;
	background: rgba(255, 255, 255, 0.07);
	border: 1px solid rgba(168, 205, 207, 0.2);
	border-radius: 8px;
	box-shadow: 0 3px 0 rgba(115, 137, 139, 0.72);
	cursor: pointer;
}

.brutal-cashout-close:hover,
.brutal-cashout-close:focus {
	color: #ffffff;
	border-color: rgba(0, 255, 255, 0.55);
	box-shadow: 0 0 14px rgba(0, 255, 255, 0.12);
}

.brutal-cashout-balance-row {
	display: grid;
	grid-template-columns: auto auto 1fr;
	align-items: center;
	gap: 12px;
	min-height: 58px;
	padding: 10px 0;
	border-bottom: 1px solid rgba(86, 131, 134, 0.2);
}

.brutal-cashout-balance-label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 11px;
	color: #eaffff;
}

.brutal-cashout-balance-label > span {
	font-size: 17px;
	color: #30ff92;
	text-shadow: 0 0 9px rgba(48, 255, 146, 0.55);
}

.brutal-cashout-refresh {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 10px;
	font-size: 9px;
	font-weight: 900;
	color: #d8ffff;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(148, 186, 188, 0.45);
	border-radius: 8px;
	cursor: pointer;
}

.brutal-cashout-refresh:hover,
.brutal-cashout-refresh:focus {
	border-color: #00ffff;
	box-shadow: 0 0 12px rgba(0, 255, 255, 0.12);
}

.brutal-cashout-balance-value {
	display: flex;
	min-width: 0;
	flex-direction: column;
	align-items: flex-end;
	gap: 3px;
}

.brutal-cashout-balance-value strong {
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 20px;
	color: #ffe600;
	text-shadow: 0 0 10px rgba(255, 230, 0, 0.32);
}

.brutal-cashout-balance-value.is-insufficient strong {
	color: #ff666f;
	text-shadow: 0 0 10px rgba(255, 70, 82, 0.32);
}

.brutal-cashout-balance-value span {
	font-size: 10px;
	color: #91abad;
}

.brutal-cashout-error {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 10px 12px;
	font-size: 11px;
	line-height: 1.35;
	color: #ff8187;
	background: rgba(255, 43, 58, 0.1);
	border: 1px solid rgba(255, 75, 86, 0.35);
	border-radius: 8px;
}

.brutal-cashout-amount-row {
	display: grid;
	grid-template-columns: 1fr auto auto;
	gap: 10px;
}

.brutal-cashout-currency-mode {
	min-width: 42px;
	padding: 0 10px;
	font-size: 17px;
	color: #84a2ff;
	background: rgba(63, 72, 255, 0.12);
	border: 2px solid #5667ff;
	border-radius: 9px;
	box-shadow: 0 3px 0 #2930a7, 0 0 13px rgba(86, 103, 255, 0.18);
	opacity: 1;
}

.brutal-cashout-amount-output {
	display: flex;
	min-height: 44px;
	box-sizing: border-box;
	align-items: center;
	justify-content: space-between;
	padding: 0 13px;
	background: rgba(0, 7, 9, 0.82);
	border: 1px solid rgba(148, 188, 190, 0.3);
	border-radius: 8px;
}

.brutal-cashout-amount-output output {
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 18px;
	color: #dfffff;
}

.brutal-cashout-amount-output span {
	font-size: 11px;
	color: #a7babb;
}

.brutal-cashout-max {
	min-width: 58px;
	padding: 0 13px;
	font-size: 11px;
	font-weight: 900;
	color: #ffe600;
	background: rgba(255, 230, 0, 0.08);
	border: 2px solid rgba(255, 230, 0, 0.58);
	border-radius: 9px;
	cursor: pointer;
	box-shadow: 0 3px 0 rgba(121, 105, 0, 0.7);
}

.brutal-cashout-max:hover,
.brutal-cashout-max:focus {
	background: rgba(255, 230, 0, 0.16);
	box-shadow: 0 0 15px rgba(255, 230, 0, 0.17), 0 3px 0 rgba(121, 105, 0, 0.7);
}

.brutal-cashout-sol-preview {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: -6px;
	font-size: 9px;
	font-weight: 900;
	letter-spacing: 0.7px;
	color: #688d8f;
}

.brutal-cashout-sol-preview strong {
	font-size: 11px;
	letter-spacing: 0;
	color: #30ff92;
}

.brutal-cashout-range {
	width: 100%;
	height: 7px;
	margin: 7px 0 0;
	padding: 0;
	appearance: none;
	background: linear-gradient(90deg, #00ffff var(--cashout-progress, 0%), rgba(132, 165, 167, 0.25) var(--cashout-progress, 0%));
	border-radius: 999px;
	outline: none;
	cursor: pointer;
}

.brutal-cashout-range::-webkit-slider-thumb {
	width: 20px;
	height: 20px;
	appearance: none;
	background: #061113;
	border: 3px solid #ffffff;
	border-radius: 50%;
	box-shadow: 0 0 0 2px #00ffff, 0 0 14px rgba(0, 255, 255, 0.48);
	cursor: grab;
}

.brutal-cashout-range::-moz-range-thumb {
	width: 16px;
	height: 16px;
	background: #061113;
	border: 3px solid #ffffff;
	border-radius: 50%;
	box-shadow: 0 0 0 2px #00ffff, 0 0 14px rgba(0, 255, 255, 0.48);
	cursor: grab;
}

.brutal-cashout-percent {
	margin-top: -5px;
	text-align: center;
	font-size: 10px;
	color: #849d9f;
}

.brutal-cashout-percent strong {
	color: #dfffff;
}

.brutal-cashout-fee {
	margin: -7px 0 0;
	text-align: center;
	font-size: 8px;
	font-weight: 800;
	letter-spacing: 0.6px;
	color: #5e8385;
}

.brutal-cashout-fee strong {
	color: #85a8aa;
}

.brutal-cashout-destination {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.brutal-cashout-destination > span {
	font-size: 10px;
	font-weight: 900;
	color: #e9ffff;
}

.brutal-cashout-destination input {
	height: 45px;
	box-sizing: border-box;
	padding: 0 13px;
	font: 12px/1 Consolas, monospace;
	color: #edffff;
	background: rgba(0, 6, 8, 0.84);
	border: 1px solid rgba(141, 179, 181, 0.32);
	border-radius: 8px;
	outline: none;
}

.brutal-cashout-destination input:focus {
	border-color: #00ffff;
	box-shadow: 0 0 0 2px rgba(0, 255, 255, 0.08);
}

.brutal-cashout-actions {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

.brutal-cashout-cancel,
.brutal-cashout-submit {
	min-height: 44px;
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 11px;
	border-radius: 9px;
	cursor: pointer;
}

.brutal-cashout-cancel {
	color: #dfffff;
	background: rgba(255, 255, 255, 0.035);
	border: 2px solid rgba(226, 248, 249, 0.72);
	box-shadow: 0 4px 0 rgba(115, 137, 139, 0.75);
}

.brutal-cashout-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	color: #001416;
	background: #ffe600;
	border: 1px solid #ffe600;
	box-shadow: 0 4px 0 #8e7d00, 0 0 15px rgba(255, 230, 0, 0.18);
}

.brutal-cashout-submit:disabled {
	opacity: 0.38;
	cursor: not-allowed;
	filter: saturate(0.45);
}

.brutal-wallet-toasts {
	position: fixed;
	right: 18px;
	bottom: 18px;
	z-index: 9400;
	display: flex;
	width: min(340px, calc(100vw - 24px));
	flex-direction: column;
	gap: 10px;
	pointer-events: none;
}

.brutal-wallet-toast {
	position: relative;
	display: grid;
	grid-template-columns: 38px 1fr;
	align-items: center;
	gap: 11px;
	box-sizing: border-box;
	min-height: 68px;
	padding: 12px 14px;
	overflow: hidden;
	font-family: Arial, sans-serif;
	color: #eafff2;
	background: linear-gradient(100deg, rgba(4, 34, 22, 0.97), rgba(0, 12, 13, 0.985));
	border: 1px solid rgba(48, 255, 146, 0.58);
	border-radius: 11px;
	box-shadow: 0 14px 42px rgba(0, 0, 0, 0.7), 0 0 22px rgba(48, 255, 146, 0.12);
	animation: brutal-wallet-toast-in 220ms ease-out both;
}

.brutal-wallet-toast::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 3px;
	background: #30ff92;
	box-shadow: 0 0 12px #30ff92;
}

.brutal-wallet-toast.is-pending {
	border-color: rgba(0, 255, 255, 0.55);
}

.brutal-wallet-toast.is-pending::before {
	background: #00ffff;
	box-shadow: 0 0 12px #00ffff;
}

.brutal-wallet-toast.is-error {
	color: #ffe9ea;
	background: linear-gradient(100deg, rgba(45, 10, 14, 0.97), rgba(10, 5, 7, 0.985));
	border-color: rgba(255, 75, 86, 0.55);
}

.brutal-wallet-toast.is-error::before {
	background: #ff4b56;
	box-shadow: 0 0 12px #ff4b56;
}

.brutal-wallet-toast-icon {
	display: inline-flex;
	width: 36px;
	height: 36px;
	align-items: center;
	justify-content: center;
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 18px;
	color: #002415;
	background: #30ff92;
	border-radius: 50%;
	box-shadow: 0 0 14px rgba(48, 255, 146, 0.55);
}

.brutal-wallet-toast.is-pending .brutal-wallet-toast-icon {
	color: #001719;
	background: #00ffff;
	animation: brutal-wallet-spin 900ms linear infinite;
}

.brutal-wallet-toast.is-error .brutal-wallet-toast-icon {
	color: #2b0004;
	background: #ff6b74;
}

.brutal-wallet-toast-copy {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 3px;
}

.brutal-wallet-toast-copy strong {
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 11px;
	letter-spacing: 0.3px;
	color: #f0fff5;
}

.brutal-wallet-toast-copy span {
	font-size: 10px;
	line-height: 1.35;
	color: #a9c6b4;
}

.brutal-wallet-toast.is-pending .brutal-wallet-toast-copy span {
	color: #9ac2c4;
}

.brutal-wallet-toast.is-error .brutal-wallet-toast-copy span {
	color: #d7a6a9;
}

@keyframes brutal-wallet-toast-in {
	from { opacity: 0; transform: translateX(24px); }
	to { opacity: 1; transform: translateX(0); }
}

@media (max-width: 480px), (max-height: 680px) {
	.brutal-funds-modal,
	.brutal-cashout-modal {
		padding: 8px;
	}

	.brutal-funds-panel {
		width: min(390px, calc(100vw - 16px));
		max-height: calc(100vh - 16px);
		padding: 14px;
		border-radius: 18px;
	}

	.brutal-funds-header {
		margin-bottom: 12px;
	}

	.brutal-qr-shell {
		width: 218px;
		height: 218px;
	}

	.brutal-qr-shell canvas {
		width: 202px;
		height: 202px;
	}

	.brutal-privy-wallet-footer {
		margin-top: 12px;
	}

	.brutal-cashout-panel {
		width: min(480px, calc(100vw - 16px));
		max-height: calc(100vh - 16px);
		gap: 11px;
		padding: 16px;
		border-radius: 15px;
	}

	.brutal-cashout-balance-row {
		grid-template-columns: 1fr auto;
	}

	.brutal-cashout-refresh {
		grid-column: 1;
		grid-row: 2;
		justify-self: start;
	}

	.brutal-cashout-balance-value {
		grid-column: 2;
		grid-row: 1 / span 2;
	}

	.brutal-wallet-toasts {
		right: 12px;
		bottom: 12px;
	}
}

body.brutal-modal-open {
	overflow: hidden;
}

.brutal-control-preview {
	position: relative;
	flex: 1;
	min-height: 88px;
	overflow: hidden;
}

.brutal-preview-car {
	position: absolute;
	top: 33px;
	left: 20%;
	width: 18px;
	height: 42px;
	background: #061d20;
	border: 4px solid #00ffff;
	border-radius: 8px;
	box-shadow: 0 0 13px #00ffff, inset 0 0 8px rgba(0, 255, 255, 0.4);
	transform: rotate(-58deg);
}

.brutal-preview-rope {
	position: absolute;
	top: 51px;
	left: calc(20% + 30px);
	width: 42%;
	height: 28px;
	border-top: 3px solid #00ffff;
	border-radius: 50%;
	filter: drop-shadow(0 0 5px #00ffff);
	transform: rotate(7deg);
}

.brutal-preview-flail {
	position: absolute;
	top: 57px;
	right: 18%;
	width: 37px;
	height: 37px;
	background: repeating-linear-gradient(45deg, #00272b 0 5px, #00ffff 6px 7px);
	border: 3px solid #00ffff;
	border-radius: 50%;
	box-shadow: 0 0 17px rgba(0, 255, 255, 0.75);
}

.brutal-control-copy {
	margin: 0 0 15px;
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 9px;
	font-weight: 700;
	color: #699da0;
}

.brutal-control-copy span {
	color: #d75cff;
}

#mainDialog .brutal_center_venatus {
	top: 115%;
}

@media screen and (max-width: 940px) {
	#mainDialog.brutal-lobby-shell {
		top: 125px;
		width: min(690px, calc(100vw - 36px));
	}

	.brutal-lobby-grid {
		grid-template-columns: 1fr 1.08fr;
	}

	.brutal-lobby-right {
		display: none;
	}

	.brutal-lobby-logo {
		top: -98px;
		width: min(390px, 65vw);
	}

	.brutal-welcome-banner {
		top: -128px;
	}
}

@media screen and (max-width: 650px) {
	body {
		overflow: auto;
	}

	#overlay {
		overflow-y: auto;
	}

	#mainDialog.brutal-lobby-shell {
		top: 105px;
		width: calc(100vw - 24px);
		padding-bottom: 150px;
	}

	.brutal-lobby-logo {
		top: -77px;
		width: min(330px, 78vw);
	}

	.brutal-welcome-banner {
		top: -102px;
		min-width: 205px;
		padding: 6px 17px 7px;
		font-size: 10px;
	}

	.brutal-welcome-banner::before,
	.brutal-welcome-banner::after {
		width: 28px;
	}

	.brutal-welcome-banner strong {
		max-width: 115px;
		font-size: 12px;
	}

	.brutal-lobby-tagline {
		top: -20px;
		font-size: 9px;
		letter-spacing: 1px;
	}

	.brutal-lobby-grid {
		display: flex;
		flex-direction: column;
	}

	.brutal-lobby-center {
		order: -1;
	}

	.brutal-lobby-left {
		display: grid;
		grid-template-columns: 1fr;
	}

	.brutal-play-card {
		min-height: 420px;
	}

	#linksID {
		display: none !important;
	}
}

@media screen and (max-height: 660px) and (min-width: 651px) {
	#mainDialog.brutal-lobby-shell {
		top: 108px;
		transform: translateX(-50%) scale(0.86);
		width: min(1180px, calc(116vw - 40px));
	}

	.brutal-lobby-logo {
		top: -100px;
	}

	.brutal-welcome-banner {
		top: -130px;
	}
}

/* Server-authoritative round money, chat and cash-out HUD. */
.brutal-card-wallet .brutal-card-header h2 {
	font-size: 16px;
}

.brutal-wallet-heading-icon {
	font-size: 19px;
}

.brutal-wallet-tool {
	gap: 6px;
	font-size: 10px;
}

.brutal-wallet-tool-icon {
	font-size: 15px;
}

.brutal-wallet-balance strong {
	font-size: 34px;
}

.brutal-wallet-balance span {
	font-size: 14px;
}

.brutal-action-play.is-joining {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.brutal-join-spinner {
	width: 18px;
	height: 18px;
	box-sizing: border-box;
	border: 3px solid rgba(0,17,19,.22);
	border-top-color: #001113;
	border-radius: 50%;
	animation: brutal-wallet-spin 650ms linear infinite;
}

.brutal-balance-counting {
	animation: brutal-balance-pop 520ms cubic-bezier(.2,1.7,.35,1);
}

@keyframes brutal-balance-pop {
	0% { transform: scale(.92); filter: brightness(1); }
	55% { transform: scale(1.09); filter: brightness(1.65); }
	100% { transform: scale(1); filter: brightness(1); }
}

.brutal-world-loading {
	position: fixed;
	inset: 0;
	z-index: 20000;
	display: grid;
	place-items: center;
	background: #000;
	font-family: "Arial Black", Arial, sans-serif;
}

.brutal-world-loading[hidden],
.brutal-game-hud[hidden],
.brutal-round-result[hidden] {
	display: none !important;
}

.brutal-world-loading-card {
	width: min(330px, calc(100vw - 44px));
	padding: 24px 26px 19px;
	text-align: center;
	color: #d9ffff;
	border: 1px solid rgba(0,255,255,.2);
	border-radius: 16px;
	background: linear-gradient(160deg, rgba(0,28,31,.74), rgba(4,4,8,.96));
	box-shadow: 0 0 45px rgba(0,255,255,.12), inset 0 0 22px rgba(0,255,255,.05);
}

.brutal-world-loading-orb {
	display: block;
	width: 36px;
	height: 36px;
	margin: 0 auto 13px;
	border: 4px solid rgba(0,255,255,.15);
	border-top-color: #00ffff;
	border-right-color: #ff26e9;
	border-radius: 50%;
	box-shadow: 0 0 18px rgba(0,255,255,.42);
	animation: brutal-wallet-spin 700ms linear infinite;
}

.brutal-world-loading-card strong {
	display: block;
	font-size: 15px;
	letter-spacing: 1.7px;
}

.brutal-world-loading-track,
.brutal-cashout-hold-track {
	overflow: hidden;
	height: 8px;
	margin-top: 15px;
	border-radius: 999px;
	background: rgba(255,255,255,.1);
	box-shadow: inset 0 1px 3px #000;
}

.brutal-world-loading-track i,
.brutal-cashout-hold-track i {
	display: block;
	width: 0;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, #00d9ff, #ffe600, #ff27e6);
	box-shadow: 0 0 14px #00ffff;
	transition: width 170ms ease-out;
}

.brutal-world-loading-card small {
	display: block;
	margin-top: 8px;
	font: 800 10px Arial, sans-serif;
	color: #638b8f;
}

.brutal-game-hud {
	position: fixed;
	inset: 0;
	z-index: 8000;
	pointer-events: none;
	font-family: "Arial Black", Arial, sans-serif;
}

body.brutal-in-game .brutal-auth-bar {
	display: none !important;
}

.brutal-ingame-leaderboard {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 240px;
	padding: 12px;
	color: #eaffff;
	border: 1px solid rgba(0,255,255,.65);
	border-radius: 10px;
	background: rgba(0,9,12,.84);
	box-shadow: 0 0 20px rgba(0,255,255,.17), inset 0 0 18px rgba(0,255,255,.06);
	backdrop-filter: blur(8px);
}

.brutal-ingame-leaderboard header {
	padding-bottom: 8px;
	font-size: 13px;
	letter-spacing: .7px;
	text-align: center;
	border-bottom: 1px solid rgba(0,255,255,.2);
}

.brutal-ingame-leaderboard header span { color: #ffe600; }
.brutal-ingame-leaderboard ol { margin: 7px 0 4px; padding: 0; list-style: none; }
.brutal-ingame-leaderboard li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin: 3px 0;
	padding: 6px 8px;
	font: 800 11px Arial, sans-serif;
	border-radius: 6px;
	background: rgba(0,255,255,.045);
}
.brutal-ingame-leaderboard li.is-self { color: #ffe600; background: rgba(255,230,0,.12); }
.brutal-ingame-leaderboard li strong { color: #38ff92; }
.brutal-ingame-leaderboard footer { text-align: center; font: 700 9px Arial,sans-serif; color: #64878b; }
.brutal-ingame-leaderboard footer strong { color: #00ffff; }

.brutal-money-tag {
	position: absolute;
	transform: translate(-50%, -150%);
	padding: 4px 8px;
	font: 900 11px Arial, sans-serif;
	color: #ffe600;
	white-space: nowrap;
	border: 1px solid #ffe600;
	border-radius: 6px;
	background: rgba(0,10,12,.82);
	box-shadow: 0 0 10px rgba(255,230,0,.32);
}

.brutal-player-name {
	position: absolute;
	transform: translate(-50%, 31px);
	font: 800 12px/1 Arial, sans-serif;
	white-space: nowrap;
	text-rendering: geometricPrecision;
	-webkit-font-smoothing: antialiased;
	text-shadow: -1px 0 #001014, 0 1px #001014, 1px 0 #001014, 0 -1px #001014;
}

.brutal-cashout-ring {
	position: absolute;
	width: 76px;
	height: 76px;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	filter: drop-shadow(0 0 8px rgba(53,255,145,.9));
}

.brutal-cashout-ring::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: conic-gradient(from 0deg at 50% 50%, #35ff91 var(--cashout-progress, 0deg), rgba(53,255,145,.11) 0deg);
	-webkit-mask: radial-gradient(circle, transparent 58%, #000 61%);
	mask: radial-gradient(circle, transparent 58%, #000 61%);
}

.brutal-cashout-ring::after {
	content: none;
	display: none;
}

.brutal-cashout-ring.is-processing::after {
	content: none;
}

.brutal-chat {
	position: absolute;
	left: 18px;
	bottom: 18px;
	width: min(370px, calc(100vw - 36px));
	pointer-events: auto;
}

.brutal-chat-messages {
	display: flex;
	min-height: 95px;
	max-height: 190px;
	padding: 10px 12px;
	flex-direction: column;
	justify-content: flex-end;
	overflow: hidden;
	font: 700 12px/1.45 Arial,sans-serif;
	color: #dfffff;
	text-shadow: 0 1px 3px #000;
	background: linear-gradient(0deg, rgba(0,9,12,.74), transparent);
	border-radius: 10px;
}
.brutal-chat-line { animation: brutal-chat-in 180ms ease-out; }
.brutal-chat-line strong { margin-right: 6px; }
@keyframes brutal-chat-in { from { opacity: 0; transform: translateY(6px); } }
.brutal-chat-prompt { padding: 8px 11px; font: 800 10px Arial,sans-serif; color: #739497; }
kbd { padding: 2px 6px; border: 1px solid #54777b; border-radius: 4px; color: #dfffff; background: #041518; }
.brutal-chat-form { display: grid; grid-template-columns: 1fr auto; gap: 7px; }
.brutal-chat-form input,
.brutal-chat-form button {
	height: 38px;
	box-sizing: border-box;
	font: 800 11px Arial,sans-serif;
	color: #eaffff;
	border: 1px solid #00ffff;
	border-radius: 7px;
	background: rgba(0,12,15,.94);
}
.brutal-chat-form input { min-width: 0; padding: 0 12px; outline: 0; }
.brutal-chat-form input:focus { box-shadow: 0 0 14px rgba(0,255,255,.3); }
.brutal-chat-form button { padding: 0 14px; color: #001113; background: #00ffff; }

.brutal-ingame-cashout {
	position: absolute;
	left: 50%;
	bottom: 19px;
	width: 220px;
	transform: translateX(-50%);
	text-align: center;
	pointer-events: auto;
}
.brutal-ingame-cashout button {
	width: 145px;
	height: 46px;
	font: 900 14px Arial,sans-serif;
	color: #001108;
	border: 1px solid #7cffaa;
	border-radius: 8px;
	background: linear-gradient(#55ff9a, #19d96a);
	box-shadow: 0 4px 0 #08763b, 0 0 24px rgba(48,255,146,.35);
	cursor: pointer;
}
.brutal-ingame-cashout.is-blocked button {
	color: #fff;
	border-color: #ff375e;
	background: linear-gradient(#ff375e,#9c0d2a);
	box-shadow: 0 4px 0 #520817, 0 0 28px rgba(255,30,70,.52);
	animation: brutal-denied .28s linear 2;
}
@keyframes brutal-denied { 50% { transform: translateX(7px); } }
.brutal-cashout-hold-track { height: 5px; margin: 9px auto 0; }
.brutal-cashout-hold-track i { background: linear-gradient(90deg,#00ffff,#35ff86); }
.brutal-ingame-cashout p { margin: 7px 0 0; font: 800 10px Arial,sans-serif; color: #a1bec0; text-shadow: 0 1px 3px #000; }

.brutal-round-result {
	position: fixed;
	inset: 0;
	z-index: 24000;
	display: grid;
	place-items: center;
	padding: 20px;
	box-sizing: border-box;
	font-family: "Arial Black", Arial, sans-serif;
	background: rgba(0,0,0,.88);
	backdrop-filter: blur(9px);
}
.brutal-round-result-card {
	position: relative;
	width: min(510px, calc(100vw - 34px));
	padding: 26px;
	box-sizing: border-box;
	text-align: center;
	color: #dfffff;
	border: 1px solid rgba(0,255,255,.6);
	border-radius: 16px;
	background: radial-gradient(circle at 50% 0, rgba(0,255,255,.12), transparent 40%), #02090b;
	box-shadow: 0 0 48px rgba(0,255,255,.2), inset 0 0 32px rgba(0,255,255,.05);
}
.brutal-result-trophy { width: 64px; height: 64px; margin: 0 auto 10px; line-height: 64px; font-size: 34px; color: #ffe600; border: 2px solid #ffe600; border-radius: 50%; box-shadow: 0 0 22px rgba(255,230,0,.3); }
.brutal-round-result-card h2 { margin: 8px 0 24px; font-size: 27px; color: #ffe600; text-shadow: 0 0 16px rgba(255,230,0,.35); }
.brutal-round-result-card > span { display: block; font: 900 10px Arial,sans-serif; letter-spacing: 1.3px; color: #6d9093; }
.brutal-round-result-card > strong { display: block; margin-top: 5px; font-size: 42px; color: #35ff91; text-shadow: 0 0 20px rgba(53,255,145,.35); }
.brutal-round-result-card > small { font: 800 12px Arial,sans-serif; color: #83a4a7; }
.brutal-result-stats { display: grid; grid-template-columns: 1fr 1fr; margin: 24px 0 15px; border-top: 1px solid #153438; border-bottom: 1px solid #153438; }
.brutal-result-stats div { padding: 17px; }
.brutal-result-stats div + div { border-left: 1px solid #153438; }
.brutal-result-stats i { display: block; margin-bottom: 6px; font-style: normal; color: #00bfff; }
.brutal-result-stats strong { display: block; font-size: 18px; color: #00bfff; }
.brutal-result-stats span { font: 800 9px Arial,sans-serif; color: #78999c; }
.brutal-result-wallet { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 2px 12px; margin: 0 auto 18px; padding: 10px 13px; border: 1px solid #1d494d; border-radius: 8px; background: rgba(0,255,255,.035); }
.brutal-result-wallet span { grid-row: 1 / span 2; text-align: left; font: 800 9px Arial,sans-serif; color: #6e9295; }
.brutal-result-wallet strong { color: #ffe600; }
.brutal-result-wallet small { color: #88a7a9; }
.brutal-result-actions { display: grid; grid-template-columns: 1.3fr 1fr; gap: 10px; }
.brutal-result-actions button { min-height: 48px; font: 900 12px Arial,sans-serif; border: 1px solid #8db0b2; border-radius: 8px; color: #dfffff; background: #071619; cursor: pointer; }
.brutal-result-actions button:first-child { color: #001113; border-color: #ffe600; background: linear-gradient(#fff23d,#f3bc00); box-shadow: 0 4px 0 #8f6700; }
.brutal-round-result-party { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.brutal-confetti { position: absolute; top: -20px; width: 8px; height: 15px; animation: brutal-confetti-fall var(--fall) linear forwards; }
@keyframes brutal-confetti-fall { to { transform: translate(var(--drift), 110vh) rotate(720deg); opacity: .1; } }

@media (max-width: 700px) {
	.brutal-ingame-leaderboard { top: 8px; right: 8px; width: 185px; }
	.brutal-chat { left: 8px; bottom: 86px; width: calc(100vw - 16px); }
	.brutal-ingame-cashout { bottom: 10px; }
	.brutal-money-tag { font-size: 10px; }
	.brutal-cashout-ring { width: 62px; height: 62px; }
	.brutal-round-result-card { padding: 20px 16px; }
	.brutal-round-result-card h2 { font-size: 22px; }
}

/* BonkUp identity -------------------------------------------------------- */
body {
	background: #01060d;
}

body:not(.brutal-in-game)::before,
body:not(.brutal-in-game)::after {
	content: "";
	position: fixed;
	inset: 0;
	pointer-events: none;
}

body:not(.brutal-in-game)::before {
	z-index: 0;
	background:
		radial-gradient(circle at 50% 18%, rgba(43, 111, 255, .23), transparent 33%),
		radial-gradient(circle at 12% 78%, rgba(132, 62, 255, .16), transparent 27%),
		radial-gradient(circle at 92% 70%, rgba(0, 238, 193, .13), transparent 29%),
		linear-gradient(145deg, #020714 0%, #06101d 47%, #02070f 100%);
}

body:not(.brutal-in-game)::after {
	z-index: 1;
	opacity: .5;
	background:
		repeating-linear-gradient(118deg, transparent 0 72px, rgba(95, 177, 255, .055) 73px 74px, transparent 75px 144px),
		repeating-linear-gradient(28deg, transparent 0 98px, rgba(132, 87, 255, .045) 99px 100px, transparent 101px 196px);
	-webkit-mask: radial-gradient(ellipse at center, #000 15%, rgba(0,0,0,.78) 58%, transparent 100%);
	mask: radial-gradient(ellipse at center, #000 15%, rgba(0,0,0,.78) 58%, transparent 100%);
	animation: bonkup-circuit-drift 20s linear infinite alternate;
}

body:not(.brutal-in-game) #canvas {
	opacity: 0;
}

body.brutal-in-game #canvas {
	opacity: 1;
}

#overlay {
	background: transparent !important;
}

.bonkup-lobby-scene {
	position: fixed;
	inset: 0;
	z-index: 1;
	overflow: hidden;
	pointer-events: none;
}

body.brutal-in-game .bonkup-lobby-scene {
	display: none;
}

.bonkup-orbit {
	position: absolute;
	width: 520px;
	height: 520px;
	border: 1px solid rgba(92, 177, 255, .18);
	border-radius: 50%;
	box-shadow: inset 0 0 70px rgba(42, 92, 255, .035), 0 0 50px rgba(78, 93, 255, .04);
}

.bonkup-orbit::before,
.bonkup-orbit::after {
	content: "";
	position: absolute;
	left: 50%;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #55e9ff;
	box-shadow: 0 0 18px #1fcfff, 0 0 42px rgba(61, 99, 255, .9);
}

.bonkup-orbit::before { top: -5px; }
.bonkup-orbit::after { bottom: -5px; background: #9f67ff; box-shadow: 0 0 18px #9f67ff; }
.bonkup-orbit-a { left: -260px; top: -170px; animation: bonkup-orbit-spin 17s linear infinite; }
.bonkup-orbit-b { right: -230px; bottom: -260px; width: 416px; height: 416px; animation: bonkup-orbit-spin 22s linear infinite reverse; }

.bonkup-pulse {
	position: absolute;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #53ffd2;
	box-shadow: 0 0 16px #53ffd2;
	animation: bonkup-node-pulse 3.6s ease-in-out infinite;
}
.bonkup-pulse-a { top: 22%; left: 14%; }
.bonkup-pulse-b { top: 68%; right: 12%; animation-delay: -1.1s; background: #8e64ff; box-shadow: 0 0 16px #8e64ff; }
.bonkup-pulse-c { bottom: 13%; left: 32%; animation-delay: -2.2s; background: #3cb8ff; box-shadow: 0 0 16px #3cb8ff; }

@keyframes bonkup-circuit-drift { to { transform: translate3d(32px,-18px,0) scale(1.02); } }
@keyframes bonkup-orbit-spin { to { transform: rotate(360deg); } }
@keyframes bonkup-node-pulse { 0%,100% { opacity: .28; transform: scale(.7); } 50% { opacity: 1; transform: scale(1.7); } }

.bonkup-wordmark.brutal-lobby-logo {
	top: -126px;
	display: flex;
	width: auto;
	align-items: center;
	font: italic 900 clamp(42px, 5.2vw, 70px)/.9 "Arial Black", Arial, sans-serif;
	letter-spacing: -5px;
	color: #eaffff;
	filter: drop-shadow(0 0 12px rgba(68, 196, 255, .55));
}

.bonkup-wordmark span {
	background: linear-gradient(180deg, #f8ffff 5%, #7ce9ff 46%, #1989d3 52%, #ecffff 94%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	text-shadow: none;
}

.bonkup-wordmark strong {
	margin-left: 8px;
	font: inherit;
	letter-spacing: -4px;
	background: linear-gradient(180deg, #fff981 3%, #ffe238 47%, #f4871d 53%, #ffef75 96%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.bonkup-wordmark i {
	position: relative;
	width: 42px;
	height: 42px;
	margin-left: 15px;
	border: 6px solid #50e5ff;
	border-radius: 50%;
	box-shadow: 0 0 18px rgba(64, 211, 255, .85), inset 0 0 13px rgba(160, 73, 255, .9);
	animation: bonkup-mark-spin 4.8s linear infinite;
}

.bonkup-wordmark i::before {
	content: "";
	position: absolute;
	inset: 6px;
	border: 3px dashed #a15cff;
	border-radius: 50%;
}

@keyframes bonkup-mark-spin { to { transform: rotate(360deg); } }

.brutal-lobby-tagline {
	top: -43px;
	color: #80cfff;
	text-shadow: 0 0 10px rgba(73, 158, 255, .65);
}

/* Code-native arena sharing replaces the mirrored handwritten artwork. */
body:not(.brutal-in-game) #copyLink.leftBox {
	top: 20px;
	left: 20px;
	padding: 0;
	border: 0;
	border-radius: 5px 18px 5px 18px;
	background: transparent;
	filter: drop-shadow(0 14px 24px rgba(0, 0, 0, .34));
}

.bonkup-share-link.brutal-share-link {
	position: relative;
	display: grid;
	min-width: 178px;
	box-sizing: border-box;
	padding: 13px 16px 12px 49px;
	overflow: hidden;
	text-align: left;
	border: 1px solid rgba(92, 199, 255, .52);
	border-radius: 5px 18px 5px 18px;
	background: linear-gradient(145deg, rgba(7, 35, 58, .95), rgba(6, 12, 29, .94));
	box-shadow: inset 0 0 22px rgba(75, 161, 255, .06), 0 0 0 1px rgba(115, 86, 255, .12);
	text-shadow: none;
}

.bonkup-share-link::before {
	content: "";
	position: absolute;
	top: 0;
	left: 16px;
	width: 52px;
	height: 2px;
	background: linear-gradient(90deg, #59e6ff, #936aff, transparent);
	box-shadow: 0 0 12px #57dfff;
}

.bonkup-share-link i {
	position: absolute;
	left: 17px;
	top: 17px;
	width: 16px;
	height: 16px;
	border: 2px solid #61e4ff;
	border-radius: 50%;
	box-shadow: 0 0 13px rgba(85, 215, 255, .6);
}

.bonkup-share-link i::before,
.bonkup-share-link i::after {
	content: "";
	position: absolute;
	width: 7px;
	height: 7px;
	border: 2px solid #9a72ff;
	border-radius: 50%;
	background: #081526;
}

.bonkup-share-link i::before { left: 10px; top: -7px; }
.bonkup-share-link i::after { left: 10px; top: 12px; }

.bonkup-share-link span {
	font: 900 12px/1.1 "Arial Black", Arial, sans-serif;
	letter-spacing: 1.1px;
	color: #eaffff;
}

.bonkup-share-link small {
	margin-top: 4px;
	font: 800 8px/1 Arial, sans-serif;
	letter-spacing: 1.3px;
	color: #6ab7e4;
}

.bonkup-share-link:hover,
.bonkup-share-link:focus-visible {
	color: inherit;
	border-color: #88eeff;
	outline: 0;
	transform: translateY(-2px);
	box-shadow: inset 0 0 26px rgba(75, 161, 255, .1), 0 0 22px rgba(77, 179, 255, .3);
}

.brutal-lobby-card {
	background:
		linear-gradient(150deg, rgba(8, 28, 48, .92), rgba(3, 10, 22, .9)),
		radial-gradient(circle at 85% 12%, rgba(111, 76, 255, .16), transparent 30%);
	border-color: rgba(73, 181, 255, .34);
	border-radius: 4px 18px 4px 18px;
	box-shadow: 0 18px 40px rgba(0, 0, 0, .48), inset 0 0 30px rgba(55, 153, 255, .035);
	clip-path: polygon(0 12px, 12px 0, calc(100% - 5px) 0, 100% 5px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 5px 100%, 0 calc(100% - 5px));
}

.brutal-lobby-card::before {
	left: 24px;
	width: 82px;
	background: linear-gradient(90deg, #4fbaff, #8f62ff);
	box-shadow: 0 0 12px #4fbaff;
}

.brutal-play-card {
	border-color: rgba(86, 226, 255, .58);
	background: linear-gradient(155deg, rgba(7, 39, 59, .95), rgba(3, 12, 26, .96));
}

.brutal-action-play,
#playButton.brutal-action-play {
	background: linear-gradient(105deg, #58e9ff, #54a8ff 52%, #8e65ff);
	border-color: #a8f4ff;
	box-shadow: 0 8px 0 #22518e, 0 0 24px rgba(80, 167, 255, .42);
}

.brutal-action-play:hover,
#playButton.brutal-action-play:hover,
#playButton.brutal-action-play:focus {
	background: linear-gradient(105deg, #8ff5ff, #70b8ff 52%, #a47aff);
	box-shadow: 0 4px 0 #22518e, 0 0 30px rgba(100, 184, 255, .65);
}

/* One-click BonkUp approval shown before headless Privy signing. */
.bonkup-payment-modal,
.bonkup-payout-shield {
	position: fixed;
	inset: 0;
	z-index: 23000;
	display: grid;
	place-items: center;
	box-sizing: border-box;
	padding: 20px;
	font-family: "Arial Black", Arial, sans-serif;
}
.bonkup-payment-modal[hidden],
.bonkup-payout-shield[hidden],
.bonkup-transfer-status[hidden] { display: none !important; }
.bonkup-payment-backdrop { position: absolute; inset: 0; width: 100%; border: 0; background: rgba(1,5,13,.88); backdrop-filter: blur(10px); }
.bonkup-payment-panel {
	position: relative;
	width: min(450px, calc(100vw - 36px));
	box-sizing: border-box;
	padding: 30px;
	text-align: center;
	color: #eaffff;
	border: 1px solid rgba(89, 209, 255, .72);
	border-radius: 5px 22px 5px 22px;
	background: linear-gradient(150deg, rgba(7,31,51,.99), rgba(3,8,20,.99));
	box-shadow: 0 30px 100px #000, 0 0 42px rgba(78,160,255,.2), inset 0 0 36px rgba(90,104,255,.06);
}
.bonkup-payment-mark { position: relative; width: 58px; height: 58px; margin: 0 auto 16px; border: 2px solid #61dbff; border-radius: 50%; box-shadow: 0 0 22px rgba(71,199,255,.4); }
.bonkup-payment-mark::before, .bonkup-payment-mark::after, .bonkup-payment-mark i { content: ""; position: absolute; inset: 10px; border: 2px solid #9972ff; transform: rotate(45deg); }
.bonkup-payment-mark::after { inset: 20px; border-color: #ffe45b; border-radius: 50%; }
.bonkup-payment-kicker { font: 800 9px Arial,sans-serif; letter-spacing: 2px; color: #66b9e6; }
.bonkup-payment-panel h2 { margin: 7px 0 9px; font-size: 22px; color: #f2ffff; }
.bonkup-payment-panel > p { margin: 0 auto 18px; max-width: 360px; font: 700 12px/1.5 Arial,sans-serif; color: #89aabd; }
.bonkup-payment-amount { display: flex; margin: 0 0 13px; padding: 16px; flex-direction: column; border: 1px solid rgba(88,198,255,.28); border-radius: 10px; background: rgba(31,91,137,.12); }
.bonkup-payment-amount strong { font-size: 28px; color: #ffe64c; text-shadow: 0 0 14px rgba(255,226,65,.35); }
.bonkup-payment-amount span { margin-top: 3px; font: 800 11px Arial,sans-serif; color: #87e8ff; }
.bonkup-payment-destination { display: flex; padding: 10px 12px; justify-content: space-between; gap: 14px; font: 800 9px Arial,sans-serif; color: #66899f; }
.bonkup-payment-destination strong { max-width: 220px; overflow: hidden; color: #a8c9dc; text-overflow: ellipsis; }
.bonkup-payment-actions { display: grid; grid-template-columns: .8fr 1.3fr; gap: 10px; margin-top: 14px; }
.bonkup-payment-actions button { min-height: 48px; font: 900 11px Arial,sans-serif; color: #b9d2df; border: 1px solid #547b93; border-radius: 8px; background: #081521; cursor: pointer; }
.bonkup-payment-actions button:last-child { color: #07111d; border-color: #aaf7ff; background: linear-gradient(105deg,#56eaff,#6da7ff,#a16cff); box-shadow: 0 4px 0 #284a88,0 0 18px rgba(74,188,255,.3); }

.bonkup-payout-shield {
	z-index: 22500;
	align-content: center;
	grid-auto-rows: max-content;
	color: #eaffff;
	background: radial-gradient(circle, rgba(17,63,91,.34), rgba(0,2,8,.96) 46%);
	backdrop-filter: blur(8px);
}
.bonkup-payout-shield-core { position: relative; width: 92px; height: 92px; margin-bottom: 20px; border: 3px solid rgba(89,230,255,.25); border-top-color: #55eaff; border-right-color: #9a6dff; border-radius: 50%; box-shadow: 0 0 40px rgba(62,194,255,.25); animation: bonkup-mark-spin .8s linear infinite; }
.bonkup-payout-shield-core i { position: absolute; inset: 20px; border: 3px solid #43ffb6; border-radius: 50%; box-shadow: 0 0 20px #43ffb6; }
.bonkup-payout-shield > strong { font-size: 22px; letter-spacing: 1.8px; color: #46ffc0; }
.bonkup-payout-shield > span { margin-top: 8px; font: 800 10px Arial,sans-serif; letter-spacing: 1.2px; color: #79aabd; }

/* Clean, readable arena overlays. */
.brutal-money-tag {
	transform: translate(-50%, -245%);
	padding: 5px 10px;
	font-size: 14px;
	border-width: 2px;
}
.brutal-ingame-cashout { bottom: 23px; width: 270px; }
.brutal-ingame-cashout button { width: 184px; height: 56px; font-size: 17px; }
.brutal-cashout-hold-track { width: 238px; height: 7px; margin-top: 12px; }
.brutal-ingame-cashout p { margin-top: 9px; font-size: 12px; letter-spacing: .35px; }

.bonkup-transfer-status {
	position: absolute;
	left: 50%;
	bottom: 178px;
	width: min(360px, calc(100vw - 40px));
	transform: translateX(-50%);
	font-family: "Arial Black", Arial, sans-serif;
	text-align: center;
	filter: drop-shadow(0 2px 8px #000);
}
.bonkup-transfer-status > div:first-child { display: flex; justify-content: space-between; margin-bottom: 6px; padding: 0 4px; color: #72f2ff; font-size: 11px; letter-spacing: 1.1px; }
.bonkup-transfer-status > div:first-child span { color: #ffe75b; }
.bonkup-transfer-track { height: 12px; overflow: hidden; border: 2px solid rgba(102,218,255,.72); border-radius: 999px; background: rgba(1,10,20,.9); box-shadow: inset 0 1px 5px #000,0 0 18px rgba(60,181,255,.2); }
.bonkup-transfer-track i { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#2ae7ff,#6f9dff 58%,#ffe45c); box-shadow: 0 0 15px rgba(90,211,255,.75); transition: width 100ms linear; }
.bonkup-transfer-status.is-full > div:first-child { color: #ff657c; }
.bonkup-transfer-status.is-full .bonkup-transfer-track { border-color: #ff375e; box-shadow: inset 0 1px 5px #000,0 0 20px rgba(255,55,94,.34); }
.bonkup-transfer-status.is-full .bonkup-transfer-track i { background: linear-gradient(90deg,#ffb347,#ff375e); box-shadow: 0 0 16px rgba(255,55,94,.72); }

@media (max-width: 700px) {
	.bonkup-wordmark.brutal-lobby-logo { font-size: 42px; letter-spacing: -4px; }
	.bonkup-wordmark i { width: 29px; height: 29px; margin-left: 10px; border-width: 4px; }
	.bonkup-transfer-status { bottom: 164px; }
	.brutal-ingame-cashout { bottom: 12px; }
	.brutal-money-tag { font-size: 12px; transform: translate(-50%, -235%); }
	.brutal-player-name { transform: translate(-50%, 28px); font-size: 11px; }
}

@media (prefers-reduced-motion: reduce) {
	.bonkup-lobby-scene *,
	body:not(.brutal-in-game)::after,
	.bonkup-wordmark i { animation: none !important; }
}

/* BonkUp account and legal settings ------------------------------------- */
#brutalAuthButton.is-settings-trigger {
	min-width: 44px;
	width: 44px;
	height: 44px;
	padding: 0;
	font-size: 22px;
	line-height: 40px;
	color: #eaffff;
	border-color: #75eaff;
	border-radius: 50%;
	background: linear-gradient(145deg, #14354f, #11142d 58%, #402879);
	box-shadow: 0 5px 0 #10253e, 0 0 22px rgba(86, 194, 255, .5);
}

#brutalAuthButton.is-settings-trigger:hover,
#brutalAuthButton.is-settings-trigger:focus-visible {
	transform: translateY(2px) rotate(22deg);
	box-shadow: 0 3px 0 #10253e, 0 0 28px rgba(128, 100, 255, .65);
}

.bonkup-settings-modal {
	position: fixed;
	inset: 0;
	z-index: 24000;
	display: grid;
	place-items: center;
	box-sizing: border-box;
	padding: 22px;
	font-family: Arial, sans-serif;
}

.bonkup-settings-modal[hidden] { display: none !important; }
.bonkup-settings-backdrop { position: absolute; inset: 0; border: 0; background: rgba(0, 4, 12, .88); backdrop-filter: blur(12px); }

.bonkup-settings-panel {
	position: relative;
	display: flex;
	width: min(900px, calc(100vw - 34px));
	max-height: min(900px, calc(100vh - 34px));
	box-sizing: border-box;
	padding: 26px;
	overflow: auto;
	flex-direction: column;
	color: #e9f8ff;
	border: 1px solid rgba(85, 202, 255, .58);
	border-radius: 6px 24px 6px 24px;
	background:
		linear-gradient(155deg, rgba(8, 29, 47, .99), rgba(3, 8, 20, .995)),
		radial-gradient(circle at 88% 10%, rgba(135, 88, 255, .2), transparent 34%);
	box-shadow: 0 32px 120px #000, 0 0 42px rgba(74, 168, 255, .2), inset 0 0 44px rgba(79, 161, 255, .035);
}

.bonkup-settings-panel::before {
	content: "";
	position: absolute;
	top: 0;
	left: 28px;
	width: 160px;
	height: 3px;
	background: linear-gradient(90deg, #59e8ff, #8e67ff, transparent);
	box-shadow: 0 0 16px #5bddff;
}

.bonkup-settings-header { position: relative; text-align: center; }
.bonkup-settings-kicker { font: 800 9px/1 Arial, sans-serif; letter-spacing: 2.4px; color: #64acd7; }
.bonkup-settings-header h2 { margin: 7px 0 24px; font: 900 27px/1 "Arial Black", Arial, sans-serif; letter-spacing: 1px; color: #ffe65b; text-shadow: 0 0 18px rgba(255, 222, 76, .28); }
.bonkup-settings-close { position: absolute; top: -10px; right: -8px; width: 38px; height: 38px; cursor: pointer; color: #9db7c7; border: 1px solid rgba(111, 174, 204, .28); border-radius: 50%; background: #091622; font-size: 24px; }
.bonkup-settings-close:hover, .bonkup-settings-close:focus-visible { color: #fff; border-color: #62dfff; outline: 0; }

.bonkup-settings-tabs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 15px; }
.bonkup-settings-tabs button {
	min-height: 46px;
	cursor: pointer;
	font: 900 12px/1 Arial, sans-serif;
	color: #9cc5dc;
	border: 1px solid rgba(86, 184, 239, .42);
	border-radius: 7px;
	background: rgba(4, 12, 24, .82);
	box-shadow: 0 4px 0 rgba(15, 47, 75, .9);
}
.bonkup-settings-tabs button span { margin-right: 7px; color: #68ddff; }
.bonkup-settings-tabs button:hover, .bonkup-settings-tabs button:focus-visible { color: #fff; border-color: #72e4ff; outline: 0; }
.bonkup-settings-tabs button.is-active { color: #07131d; border-color: #fff394; background: linear-gradient(105deg, #ffe75b, #ffbd3a); box-shadow: 0 4px 0 #9d6415, 0 0 18px rgba(255, 211, 63, .24); }
.bonkup-settings-tabs button.is-active span { color: #07131d; }

.bonkup-settings-view { display: none; gap: 14px; }
.bonkup-settings-view.is-active { display: grid; }
.bonkup-settings-card { padding: 20px 24px; border: 1px solid rgba(94, 155, 190, .2); border-radius: 10px; background: rgba(1, 7, 15, .54); box-shadow: inset 0 0 25px rgba(74, 141, 186, .025); }
.bonkup-settings-card h3 { margin: 0 0 17px; font: 900 15px/1.2 "Arial Black", Arial, sans-serif; color: #f2fcff; }
.bonkup-settings-field-row label, .bonkup-settings-label { display: block; margin-bottom: 8px; font: 800 9px/1 Arial, sans-serif; letter-spacing: 1.2px; color: #6e9bb5; }
.bonkup-settings-field-row > div { display: grid; grid-template-columns: 1fr 116px; gap: 9px; }
.bonkup-settings-field-row input, .bonkup-settings-wallet, .bonkup-settings-contact { min-height: 46px; box-sizing: border-box; color: #eaffff; border: 1px solid rgba(80, 142, 178, .28); border-radius: 8px; background: #040b13; }
.bonkup-settings-field-row input { width: 100%; padding: 0 14px; font: 800 13px Arial, sans-serif; outline: 0; }
.bonkup-settings-field-row input:focus { border-color: #5edfff; box-shadow: 0 0 0 3px rgba(68, 197, 255, .1); }
.bonkup-settings-field-row button, .bonkup-settings-wallet button, .bonkup-settings-contact button { cursor: pointer; font: 900 10px Arial, sans-serif; color: #05131b; border: 1px solid #8effca; border-radius: 8px; background: linear-gradient(105deg, #4bffc2, #53cfff); }

.bonkup-settings-wallet, .bonkup-settings-contact { display: flex; padding: 0 10px 0 14px; align-items: center; gap: 10px; }
.bonkup-settings-wallet > span { color: #5ee7ff; }
.bonkup-settings-wallet code { min-width: 0; overflow: hidden; flex: 1; font: 800 12px/1 Consolas, monospace; color: #c7e7f7; text-overflow: ellipsis; white-space: nowrap; }
.bonkup-settings-wallet button, .bonkup-settings-contact button { min-width: 72px; height: 32px; color: #ddf8ff; border-color: #516f85; background: #0b1824; }
.bonkup-account-facts { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.bonkup-account-facts h3 { grid-column: 1 / -1; margin-bottom: 2px; }
.bonkup-account-facts div { padding-left: 13px; border-left: 2px solid #5fdfff; }
.bonkup-account-facts span { display: block; margin-bottom: 5px; font: 800 8px Arial, sans-serif; letter-spacing: 1px; color: #688ea3; }
.bonkup-account-facts strong { font-size: 13px; color: #dfffff; }

.bonkup-settings-logout, .bonkup-settings-secondary { width: 100%; min-height: 46px; cursor: pointer; font: 900 11px Arial, sans-serif; border-radius: 8px; }
.bonkup-settings-logout { color: #fff; border: 1px solid #ff757c; background: linear-gradient(105deg, #e74356, #ff5c65); box-shadow: 0 4px 0 #861f30; }
.bonkup-settings-secondary { color: #dffaff; border: 1px solid #6bcfee; background: linear-gradient(105deg, #0c293f, #272253); }
.bonkup-control-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.bonkup-control-list div { display: flex; padding: 12px; align-items: center; gap: 12px; border: 1px solid rgba(91, 163, 204, .2); border-radius: 8px; background: #050d16; }
.bonkup-control-list kbd { min-width: 74px; padding: 6px 8px; text-align: center; color: #ffe662; border: 1px solid #8b7732; border-radius: 5px; background: #171509; box-shadow: none; }
.bonkup-control-list span { font: 800 9px Arial, sans-serif; color: #8eb2c5; }

.bonkup-legal-links { display: grid; gap: 8px; }
.bonkup-legal-links a { display: flex; min-height: 43px; padding: 0 14px; align-items: center; justify-content: space-between; text-decoration: none; font: 900 11px Arial, sans-serif; color: #e9f8ff; border: 1px solid #6e91a7; border-radius: 7px; background: #050c14; box-shadow: 0 3px 0 #273b4b; }
.bonkup-legal-links a:hover, .bonkup-legal-links a:focus-visible { color: #ffe75b; border-color: #ffe75b; outline: 0; }
.bonkup-settings-contact a { min-width: 0; overflow: hidden; flex: 1; font: 800 12px Consolas, monospace; color: #dceef8; text-decoration: none; text-overflow: ellipsis; }
.bonkup-legal-note p { margin: 9px 0; font: 600 11px/1.55 Arial, sans-serif; color: #8eacbc; }
.bonkup-legal-note strong { color: #d8edf7; }

@media (max-width: 650px) {
	.bonkup-settings-modal { padding: 8px; }
	.bonkup-settings-panel { width: calc(100vw - 16px); max-height: calc(100vh - 16px); padding: 18px 14px; border-radius: 4px 16px 4px 16px; }
	.bonkup-settings-tabs { gap: 5px; }
	.bonkup-settings-tabs button { font-size: 10px; }
	.bonkup-settings-card { padding: 17px 14px; }
	.bonkup-settings-field-row > div { grid-template-columns: 1fr; }
	.bonkup-settings-field-row button { min-height: 40px; }
	.bonkup-account-facts, .bonkup-control-list { grid-template-columns: 1fr; }
	.bonkup-account-facts h3 { grid-column: auto; }
}

/* Arena-gate lobby: a compact, code-native neon control room. */
body:not(.brutal-in-game)::before {
	background:
		radial-gradient(circle at 50% 19%, rgba(0, 245, 255, .15), transparent 30%),
		linear-gradient(rgba(0, 181, 219, .075) 1px, transparent 1px),
		linear-gradient(90deg, rgba(0, 181, 219, .075) 1px, transparent 1px),
		linear-gradient(145deg, #001016 0%, #001c24 48%, #00070c 100%);
	background-size: auto, 54px 54px, 54px 54px, auto;
}

body:not(.brutal-in-game)::after {
	opacity: .66;
	background:
		repeating-linear-gradient(0deg, transparent 0 5px, rgba(38, 246, 255, .018) 6px),
		linear-gradient(105deg, transparent 0 22%, rgba(0, 255, 255, .045) 22.2%, transparent 22.5% 77%, rgba(255, 39, 219, .035) 77.2%, transparent 77.5%);
	-webkit-mask: radial-gradient(ellipse at center, #000 12%, rgba(0,0,0,.86) 62%, transparent 100%);
	mask: radial-gradient(ellipse at center, #000 12%, rgba(0,0,0,.86) 62%, transparent 100%);
}

.bonkup-orbit {
	opacity: .38;
	border-color: rgba(0, 246, 255, .27);
	border-radius: 14%;
	clip-path: polygon(0 0, 32% 0, 32% 2px, 68% 2px, 68% 0, 100% 0, 100% 32%, calc(100% - 2px) 32%, calc(100% - 2px) 68%, 100% 68%, 100% 100%, 68% 100%, 68% calc(100% - 2px), 32% calc(100% - 2px), 32% 100%, 0 100%, 0 68%, 2px 68%, 2px 32%, 0 32%);
}

.brutal-play-card {
	background:
		linear-gradient(90deg, rgba(0,255,255,.04) 1px, transparent 1px),
		linear-gradient(180deg, rgba(0,255,255,.04) 1px, transparent 1px),
		linear-gradient(155deg, rgba(3, 31, 39, .98), rgba(0, 10, 17, .98));
	background-size: 22px 22px, 22px 22px, auto;
}

.brutal-wager-options {
	gap: 8px;
}

.brutal-wager-button {
	position: relative;
	display: flex;
	min-height: 62px;
	padding: 8px 7px 7px;
	overflow: hidden;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 2px 10px 2px 10px;
	background: linear-gradient(155deg, #06191e, #02090d);
	box-shadow: inset 0 0 15px rgba(0, 255, 255, .025), 0 4px 0 #001317;
}

.brutal-wager-button::before {
	content: "";
	position: absolute;
	top: 0;
	left: 9px;
	width: 30px;
	height: 2px;
	background: #00f5ff;
	box-shadow: 0 0 9px #00eaff;
}

.brutal-wager-button strong {
	font: 900 18px/1 "Arial Black", Arial, sans-serif;
	color: #ffe900;
}

.brutal-wager-button small {
	margin-top: 7px;
	font: 900 7px/1 Arial, sans-serif;
	letter-spacing: 1.1px;
	color: #5f969b;
}

.brutal-wager-button small i {
	font-style: normal;
	color: #42ff9b;
}

.brutal-wager-button.is-selected {
	color: #001014;
	border-color: #fff26a;
	background: linear-gradient(155deg, #fff35a, #ffc400);
	box-shadow: 0 5px 0 #9f6500, 0 0 24px rgba(255, 224, 0, .34);
}

.brutal-wager-button.is-selected::before {
	width: calc(100% - 18px);
	background: #fff;
}

.brutal-wager-button.is-selected strong { color: #001014; }
.brutal-wager-button.is-selected small { color: #5c4300; }
.brutal-wager-button.is-selected small i { color: #006c3a; }

.brutal-arena-selection {
	display: flex;
	min-height: 28px;
	margin: 8px 0 0;
	padding: 0 10px;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	border-left: 2px solid #00f5ff;
	background: linear-gradient(90deg, rgba(0, 238, 255, .08), transparent);
}

.brutal-arena-selection span {
	font: 900 7px/1 Arial, sans-serif;
	letter-spacing: 1.25px;
	color: #62989e;
}

.brutal-arena-selection strong {
	font: 900 8px/1 "Arial Black", Arial, sans-serif;
	letter-spacing: .7px;
	color: #67f7ff;
}

.bonkup-settings-sound { margin-top: 10px; }
.bonkup-settings-contact-empty { min-height: 64px; }
.bonkup-settings-contact-empty h3 { margin-bottom: 0; }

.brutal-lobby-shell button:not(:disabled):active,
.bonkup-settings-panel button:not(:disabled):active {
	transform: translateY(2px) scale(.985);
}

@media (max-width: 650px) {
	.brutal-wager-button { min-height: 55px; }
	.brutal-wager-button strong { font-size: 15px; }
	.brutal-wager-button small { font-size: 6px; letter-spacing: .7px; }
	.brutal-arena-selection span { display: none; }
	.brutal-arena-selection { justify-content: center; }
}

/* Classic arena lobby ---------------------------------------------------
 * The lobby uses the locally hosted game canvas as its animated backdrop.
 * This restores the recognisable arena atmosphere without changing any
 * authentication, wallet, finance, networking, or server-security code.
 */
body:not(.brutal-in-game) {
	background: #001518;
}

body:not(.brutal-in-game)::before {
	z-index: -1;
	background: #001518;
}

body:not(.brutal-in-game)::after {
	z-index: 1;
	opacity: 1;
	background:
		radial-gradient(ellipse at 50% 43%, transparent 0 30%, rgba(0, 12, 15, .2) 62%, rgba(0, 5, 8, .58) 100%),
		linear-gradient(180deg, rgba(0, 39, 41, .1), rgba(0, 11, 14, .28));
	-webkit-mask: none;
	mask: none;
}

body:not(.brutal-in-game) #canvas {
	opacity: .76;
	filter: saturate(1.18) brightness(.74) contrast(1.06);
	transition: opacity 240ms ease;
}

.bonkup-lobby-scene {
	display: none;
}

#overlay {
	background: rgba(0, 36, 38, .08) !important;
}

.bonkup-wordmark.brutal-lobby-logo {
	filter: drop-shadow(0 0 13px rgba(0, 255, 255, .72));
}

.bonkup-wordmark span {
	background: linear-gradient(180deg, #f4ffff 3%, #70ffff 43%, #008a99 51%, #dcffff 94%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.bonkup-wordmark strong {
	background: linear-gradient(180deg, #fff0ff 4%, #ff54ed 43%, #a400a9 52%, #ffb8ff 95%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.bonkup-wordmark i {
	border-color: #ff32e6;
	border-radius: 16%;
	background: radial-gradient(circle, #f6a6ff 0 15%, #d500da 18% 47%, #650069 52% 100%);
	box-shadow: 0 0 17px #ff21df, inset 0 0 11px rgba(255, 255, 255, .75);
	clip-path: polygon(50% 0, 60% 17%, 75% 7%, 77% 27%, 96% 24%, 84% 41%, 100% 50%, 82% 59%, 95% 76%, 75% 73%, 74% 94%, 59% 82%, 50% 100%, 41% 82%, 26% 94%, 25% 73%, 5% 76%, 18% 59%, 0 50%, 16% 41%, 4% 24%, 23% 27%, 25% 7%, 40% 17%);
}

.bonkup-wordmark i::before {
	inset: 9px;
	border: 2px solid rgba(255, 255, 255, .62);
	background: radial-gradient(circle at 36% 34%, #ffffff 0 7%, transparent 9%);
}

.brutal-lobby-tagline {
	color: #55e7ec;
	text-shadow: 0 0 9px rgba(0, 255, 255, .72);
}

.brutal-lobby-card,
.brutal-play-card {
	background:
		linear-gradient(145deg, rgba(0, 37, 39, .92), rgba(0, 12, 15, .9)),
		repeating-linear-gradient(0deg, transparent 0 20px, rgba(0, 255, 255, .024) 21px);
	background-size: auto;
	border: 2px solid rgba(0, 255, 255, .38);
	border-radius: 9px;
	box-shadow: 0 14px 34px rgba(0, 0, 0, .55), inset 0 0 28px rgba(0, 255, 255, .035);
	clip-path: none;
}

.brutal-lobby-card::before {
	left: 18px;
	width: 54px;
	background: #00ffff;
	box-shadow: 0 0 10px #00ffff;
}

.brutal-play-card {
	border-color: rgba(0, 255, 255, .58);
	background:
		linear-gradient(90deg, rgba(0, 255, 255, .028) 1px, transparent 1px),
		linear-gradient(180deg, rgba(0, 255, 255, .028) 1px, transparent 1px),
		linear-gradient(155deg, rgba(0, 44, 46, .96), rgba(0, 12, 15, .96));
	background-size: 22px 22px, 22px 22px, auto;
}

.brutal-action-play,
#playButton.brutal-action-play {
	color: #002225;
	border-color: #8fffff;
	background: linear-gradient(180deg, #5dffff, #00dfe9 58%, #00a6b2);
	box-shadow: 0 6px 0 #00656a, 0 0 22px rgba(0, 255, 255, .42);
}

.brutal-action-play:hover,
.brutal-action-play:focus,
#playButton.brutal-action-play:hover,
#playButton.brutal-action-play:focus {
	color: #001719;
	background: linear-gradient(180deg, #b5ffff, #18f5ff 62%, #00bec8);
	box-shadow: 0 3px 0 #00656a, 0 0 29px rgba(0, 255, 255, .65);
}

.brutal-wager-button {
	border-color: #ffe600;
	background: rgba(15, 18, 0, .82);
	box-shadow: 0 4px 0 #796c00, 0 0 9px rgba(255, 230, 0, .18);
}

.brutal-wager-button::before {
	background: #ffe600;
	box-shadow: 0 0 9px #ffe600;
}

.brutal-wager-button.is-selected {
	border-color: #ffffa8;
	background: linear-gradient(180deg, #fff873, #ffe000);
	box-shadow: 0 5px 0 #8b7500, 0 0 22px rgba(255, 230, 0, .4);
}

.brutal-arena-selection {
	border-left-color: #00ffff;
	background: linear-gradient(90deg, rgba(0, 255, 255, .1), transparent);
}

.brutal-arena-selection strong {
	color: #7fffff;
}

.bonkup-share-link {
	color: #a9ffff;
	border-color: rgba(0, 255, 255, .72);
	background: rgba(0, 52, 55, .82);
	box-shadow: inset 0 0 18px rgba(0, 255, 255, .06), 0 0 13px rgba(0, 255, 255, .18);
}

@media (prefers-reduced-motion: reduce) {
	body:not(.brutal-in-game) #canvas {
		transition: none;
	}
}