:root {
	--wap-brand: var(--accent, var(--color-primary));
	--wap-brand-soft: var(--accent-soft, var(--color-primary-light, var(--wap-brand)));
	--wap-brand-strong: var(--accent-brand, var(--theme-primary, var(--wap-brand)));
	--wap-bg: color-mix(in srgb, var(--primary-bg, var(--color-bg-body)) 88%, var(--wap-brand) 12%);
	--wap-paper: color-mix(in srgb, var(--panel-bg, var(--color-bg-dark, var(--card-bg))) 82%, var(--wap-brand) 18%);
	--wap-ink: var(--text-main, var(--color-text));
	--wap-muted: var(--text-muted-strong, var(--text-muted, var(--color-text-muted)));
	--wap-line: color-mix(in srgb, var(--border-soft, var(--color-border-card, var(--card-bg))) 58%, var(--wap-brand) 42%);
	--wap-soft: color-mix(in srgb, var(--secondary-bg, var(--color-bg-medium, var(--card-bg))) 78%, var(--wap-brand) 22%);
	--wap-card: color-mix(in srgb, var(--card-bg, var(--color-bg-card, var(--panel-bg))) 84%, var(--wap-brand) 16%);
	--wap-input: color-mix(in srgb, var(--provider-pill-bg, var(--wap-card)) 82%, var(--wap-brand) 18%);
	--wap-on-brand: var(--dl-color-theme-accent1, var(--color-text-dark, var(--primary-bg)));
	--wap-on-strong: var(--wap-on-brand);
	--wap-green: var(--accent-success, var(--color-accent-green));
	--wap-danger: var(--accent-danger, var(--color-accent-red));
	--wap-highlight: var(--surface-highlight, var(--top-strip-text, var(--wap-ink)));
	--wap-qris-surface: var(--qris-surface, var(--qr-surface, var(--top-strip-text)));
	--wap-warning-bg: color-mix(in srgb, var(--wap-brand) 24%, var(--wap-card));
	--wap-danger-bg: color-mix(in srgb, var(--wap-danger) 14%, var(--wap-card));
	--wap-row-alt: color-mix(in srgb, var(--wap-card) 84%, var(--wap-brand) 16%);
	--wap-focus: color-mix(in srgb, var(--wap-brand) 42%, transparent);
	--wap-active-bg: linear-gradient(180deg, var(--wap-brand-soft), var(--wap-brand-strong));
}

* {
	box-sizing: border-box;
}

html {
	background: var(--wap-bg);
}

body.wap-theme-new {
	margin: 0;
	color: var(--wap-ink);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 1.45;
	background:
		linear-gradient(180deg, color-mix(in srgb, var(--wap-brand) 28%, var(--wap-bg)), var(--wap-bg) 230px),
		repeating-linear-gradient(135deg, color-mix(in srgb, var(--wap-brand) 10%, transparent) 0 1px, transparent 1px 16px),
		var(--wap-bg);
}

.wap-theme-new a {
	color: inherit;
	text-decoration: none;
}

.wap-theme-new p {
	margin: 0 0 12px;
}

.wap-frame {
	width: min(100%, 480px);
	min-height: 100vh;
	margin: 0 auto;
	background: linear-gradient(180deg, var(--wap-paper), color-mix(in srgb, var(--wap-paper) 88%, var(--wap-bg)));
	box-shadow: 0 18px 48px color-mix(in srgb, var(--wap-bg) 72%, transparent);
	border-left: 1px solid color-mix(in srgb, var(--wap-line) 86%, transparent);
	border-right: 1px solid color-mix(in srgb, var(--wap-line) 86%, transparent);
}

.wap-topbar {
	position: sticky;
	top: 0;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 12px;
	background: linear-gradient(180deg, color-mix(in srgb, var(--wap-brand) 22%, var(--wap-soft)), var(--wap-soft));
	color: var(--wap-ink);
	border-bottom: 3px solid var(--wap-brand);
}

.wap-brand {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

.wap-brand > span:last-child {
	min-width: 0;
}

.wap-brand strong,
.wap-brand small {
	display: block;
	line-height: 1;
}

.wap-brand strong {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.wap-brand small {
	margin-top: 4px;
	color: var(--wap-brand-soft);
	font-size: 11px;
}

.wap-brand-mark {
	display: grid;
	place-items: center;
	flex: 0 0 auto;
	width: 34px;
	height: 34px;
	border-radius: 8px;
	color: var(--wap-on-brand);
	background: linear-gradient(135deg, var(--wap-brand), var(--wap-brand-soft));
	font-weight: 800;
	border: 1px solid color-mix(in srgb, var(--wap-brand-soft) 35%, transparent);
}

.wap-brand-mark-large {
	width: 64px;
	height: 64px;
	margin: 0 auto 10px;
	border-radius: 12px;
	font-size: 32px;
}

.wap-brand-logo {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	min-width: 38px;
	max-width: 132px;
	height: 36px;
}

.wap-brand-logo img {
	display: block;
	width: auto;
	height: auto;
	max-width: 132px;
	max-height: 34px;
	object-fit: contain;
}

.wap-brand-logo-large {
	width: min(82%, 260px);
	max-width: 260px;
	height: auto;
	margin: 0 auto 12px;
	padding: 10px 14px;
	border-radius: 8px;
	background: var(--wap-soft);
	border: 1px solid var(--wap-line);
}

.wap-brand-logo-large img {
	max-width: 100%;
	max-height: 86px;
}

.wap-brand-logo + span strong {
	display: none;
}

.wap-brand-logo + span small {
	margin-top: 0;
}

.wap-topbar-right {
	display: grid;
	justify-items: end;
	gap: 6px;
	flex: 0 0 auto;
	min-width: 132px;
	max-width: 190px;
}

.wap-topbar-balance {
	display: grid;
	gap: 2px;
	text-align: right;
	font-size: 12px;
	width: 100%;
}

.wap-topbar-balance span {
	color: var(--wap-muted);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.wap-topbar-balance strong {
	color: var(--wap-brand);
	font-size: 13px;
}

.wap-topbar-actions {
	display: flex;
	justify-content: flex-end;
	gap: 6px;
	width: 100%;
}

.wap-topbar-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 30px;
	padding: 6px 9px;
	border-radius: 8px;
	border: 1px solid var(--wap-brand-strong);
	background: var(--wap-active-bg);
	color: var(--wap-on-strong);
	box-shadow: inset 0 1px 0 color-mix(in srgb, var(--wap-highlight) 30%, transparent);
	font-size: 11px;
	font-weight: 900;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
}

.wap-topbar-button-secondary {
	border-color: color-mix(in srgb, var(--wap-brand) 78%, var(--wap-line));
	background: linear-gradient(180deg, color-mix(in srgb, var(--wap-brand) 14%, var(--wap-card)), var(--wap-card));
	color: var(--wap-brand-soft);
}

.wap-running-text {
	overflow: hidden;
	min-height: 27px;
	border-bottom: 2px solid var(--wap-brand);
	background: color-mix(in srgb, var(--wap-brand) 16%, var(--wap-soft));
	color: var(--wap-brand-soft);
	font-size: 12px;
	font-weight: 800;
	line-height: 27px;
	white-space: nowrap;
}

.wap-running-text-track {
	display: inline-block;
	min-width: max-content;
	padding-left: 100%;
	animation: wap-running-text-scroll 35s linear infinite;
}

@keyframes wap-running-text-scroll {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-100%);
	}
}

.wap-content {
	padding: 14px 12px 28px;
}

.wap-theme-new h1,
.wap-theme-new h3,
.wap-theme-new h4 {
	margin: 14px 0 12px;
	line-height: 1.15;
	text-align: center;
}

.wap-theme-new h1 {
	font-size: 28px;
}

.wap-theme-new h3 {
	font-size: 23px;
	color: var(--wap-brand-soft);
}

.wap-theme-new h4 {
	font-size: 17px;
	color: var(--wap-muted);
}

.wap-auth {
	padding: 22px 6px 36px;
	text-align: center;
}

.wap-brand-lockup h1 {
	margin: 0;
	font-size: 28px;
}

.wap-brand-lockup p,
.wap-center-link,
.wap-desktop-link {
	text-align: center;
	color: var(--wap-muted);
}

.wap-desktop-link {
	margin-top: 54px;
}

.wap-theme-new input,
.wap-theme-new select,
.wap-theme-new textarea,
.wap-theme-new button,
.wap-theme-new input[type="submit"] {
	width: 100%;
	min-height: 44px;
	padding: 10px 12px;
	border-radius: 8px;
	border: 1px solid color-mix(in srgb, var(--wap-line) 62%, var(--wap-brand));
	background: color-mix(in srgb, var(--wap-input) 78%, var(--wap-brand) 22%);
	color: var(--wap-ink);
	font: inherit;
}

.wap-theme-new textarea {
	resize: vertical;
	min-height: 150px;
}

.wap-theme-new input[type="checkbox"],
.wap-theme-new input[type="radio"] {
	width: 18px;
	min-width: 18px;
	height: 18px;
	min-height: 18px;
	padding: 0;
	margin: 0;
	border-radius: 4px;
	accent-color: var(--wap-brand);
	flex: 0 0 auto;
}

.wap-theme-new input::placeholder,
.wap-theme-new textarea::placeholder {
	color: color-mix(in srgb, var(--wap-muted) 64%, var(--wap-brand));
	opacity: 1;
}

.wap-theme-new input:focus,
.wap-theme-new select:focus,
.wap-theme-new textarea:focus {
	outline: 2px solid var(--wap-focus);
	border-color: var(--wap-brand);
}

.wap-theme-new button,
.wap-theme-new input[type="submit"],
.wap-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 10px 14px;
	border-radius: 8px;
	border: 1px solid var(--wap-brand-strong);
	background: var(--wap-active-bg);
	color: var(--wap-on-strong);
	box-shadow: inset 0 1px 0 color-mix(in srgb, var(--wap-highlight) 30%, transparent);
	font-weight: 800;
	text-align: center;
	cursor: pointer;
}

.wap-theme-new button:disabled,
.wap-theme-new input:disabled,
.wap-theme-new select:disabled {
	cursor: not-allowed;
	opacity: 0.62;
}

.wap-button-secondary {
	border-color: color-mix(in srgb, var(--wap-brand) 78%, var(--wap-line));
	background: linear-gradient(180deg, color-mix(in srgb, var(--wap-brand) 14%, var(--wap-card)), var(--wap-card));
	color: var(--wap-brand-soft);
}

.wap-theme-new button.wap-button-secondary,
.wap-theme-new input[type="submit"].wap-button-secondary {
	border-color: color-mix(in srgb, var(--wap-brand) 78%, var(--wap-line));
	background: linear-gradient(180deg, color-mix(in srgb, var(--wap-brand) 14%, var(--wap-card)), var(--wap-card));
	color: var(--wap-brand-soft);
}

.wap-theme-new .form-login,
.wap-theme-new .form-signin,
.wap-theme-new form {
	display: grid;
	gap: 12px;
	margin-top: 14px;
	text-align: left;
}

.wap-field {
	display: grid;
	gap: 6px;
	font-weight: 700;
}

.wap-game-form {
	display: grid;
	gap: 12px;
}

.wap-theme-new .wap-game-form p {
	margin: 0;
}

.wap-form-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(146px, 1fr));
	gap: 10px;
}

.wap-input-field {
	display: grid;
	gap: 7px;
	min-width: 0;
	padding: 10px;
	border: 1px solid color-mix(in srgb, var(--wap-line) 64%, var(--wap-brand));
	border-radius: 8px;
	background: linear-gradient(180deg, color-mix(in srgb, var(--wap-brand) 14%, var(--wap-card)), var(--wap-card));
	color: var(--wap-ink);
	font-weight: 800;
}

.wap-input-field > span {
	color: var(--wap-brand-soft);
	font-size: 13px;
	line-height: 1.2;
}

.wap-input-field small {
	color: var(--wap-muted);
	font-size: 11px;
	font-weight: 700;
	line-height: 1.35;
}

.wap-theme-new .wap-input-field input,
.wap-theme-new .wap-input-field select,
.wap-theme-new .wap-input-field textarea {
	width: 100%;
	margin: 0;
	border-color: color-mix(in srgb, var(--wap-brand) 78%, var(--wap-line));
	background: color-mix(in srgb, var(--wap-input) 70%, var(--wap-brand) 30%);
	box-shadow: inset 0 1px 0 color-mix(in srgb, var(--wap-highlight) 10%, transparent);
}

.wap-theme-new .wap-input-field textarea {
	min-height: 132px;
}

.wap-check-group {
	display: grid;
	gap: 10px;
	min-width: 0;
	margin: 0;
	padding: 11px;
	border: 1px solid color-mix(in srgb, var(--wap-line) 64%, var(--wap-brand));
	border-radius: 8px;
	background: color-mix(in srgb, var(--wap-brand) 12%, var(--wap-card));
}

.wap-check-group legend {
	padding: 0 6px;
	color: var(--wap-brand-soft);
	font-size: 13px;
	font-weight: 900;
}

.wap-check-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(126px, 1fr));
	gap: 8px;
}

.wap-check-option {
	display: grid;
	grid-template-columns: 20px 1fr;
	align-items: start;
	gap: 8px;
	min-width: 0;
	padding: 9px;
	border: 1px solid color-mix(in srgb, var(--wap-line) 70%, var(--wap-brand));
	border-radius: 8px;
	background: color-mix(in srgb, var(--wap-soft) 86%, var(--wap-card));
	cursor: pointer;
}

.wap-check-option:has(input:checked) {
	border-color: var(--wap-brand);
	background: color-mix(in srgb, var(--wap-brand) 22%, var(--wap-card));
}

.wap-check-option span,
.wap-check-option strong,
.wap-check-option small {
	display: block;
	min-width: 0;
}

.wap-check-option strong {
	color: var(--wap-ink);
	font-size: 13px;
	line-height: 1.15;
}

.wap-check-option small {
	margin-top: 2px;
	color: var(--wap-muted);
	font-size: 10px;
	font-weight: 700;
	line-height: 1.25;
}

.wap-help-block {
	display: grid;
	gap: 5px;
	padding: 10px;
	border: 1px dashed color-mix(in srgb, var(--wap-line) 60%, var(--wap-brand));
	border-radius: 8px;
	background: var(--wap-warning-bg);
	color: var(--wap-muted);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.35;
}

.wap-help-block strong {
	color: var(--wap-brand-soft);
	font-size: 13px;
}

.wap-help-block p {
	margin: 0;
}

.wap-help-block table {
	margin-top: 4px;
}

.wap-theme-new .form-login input,
.wap-theme-new .form-login select,
.wap-theme-new .form-signin input,
.wap-theme-new .form-signin select {
	width: 100%;
	margin-bottom: 0;
	text-align: left;
}

.wap-theme-new .text-label {
	font-weight: 700;
	font-style: normal;
}

.wap-theme-new p a,
.wap-theme-new .form-login a,
.wap-theme-new .form-signin a {
	color: var(--wap-brand);
	font-weight: 800;
}

.wap-theme-new a.wap-button,
.wap-theme-new p a.wap-button {
	color: var(--wap-on-strong);
}

.wap-theme-new a.wap-button-secondary,
.wap-theme-new p a.wap-button-secondary {
	color: var(--wap-brand-soft);
}

.wap-alert {
	margin: 12px 0;
	padding: 12px;
	border-radius: 8px;
	text-align: left;
	border: 1px solid var(--wap-line);
	background: var(--wap-soft);
}

.wap-alert p {
	margin: 6px 0 0;
}

.wap-alert-danger {
	color: var(--wap-danger);
	background: var(--wap-danger-bg);
	border-color: var(--wap-danger);
}

.wap-notice {
	margin: 0 0 12px;
	padding: 10px;
	border-radius: 8px;
	background: var(--wap-warning-bg);
	border: 1px solid var(--wap-brand);
	font-weight: 700;
}

.wap-theme-new .wap-legacy-error {
	color: var(--wap-danger);
}

.wap-theme-new .wap-legacy-muted,
.wap-theme-new .wap-legacy-ticket-meta {
	color: var(--wap-muted);
}

.wap-theme-new .wap-legacy-logo-strip {
	margin: 0 -4px 16px;
	padding: 8px;
	background: color-mix(in srgb, var(--wap-bg) 72%, transparent);
}

.wap-theme-new .wap-legacy-market-times {
	margin-top: 0;
	padding-bottom: 4px;
	border-bottom: solid 1px var(--wap-line);
}

.wap-theme-new .wap-legacy-win {
	color: var(--wap-green);
}

.wap-theme-new .main-menu {
	display: grid;
	gap: 8px;
	margin-top: 12px;
}

.wap-theme-new .main-menu .menu-item {
	padding: 0;
	margin: 0;
	background: transparent;
}

.wap-theme-new .main-menu .menu-item a {
	display: grid;
	gap: 2px;
	padding: 14px;
	border-radius: 8px;
	border: 1px solid color-mix(in srgb, var(--wap-line) 62%, var(--wap-brand));
	background: linear-gradient(180deg, color-mix(in srgb, var(--wap-brand) 10%, var(--wap-card)), var(--wap-card));
	box-shadow: 0 1px 0 color-mix(in srgb, var(--wap-bg) 30%, transparent);
	font-weight: 900;
	color: var(--wap-ink);
}

.wap-menu-grid {
	display: grid;
	gap: 8px;
}

.wap-menu-card {
	display: grid;
	gap: 2px;
	padding: 14px;
	border-radius: 8px;
	border: 1px solid color-mix(in srgb, var(--wap-line) 62%, var(--wap-brand));
	background: linear-gradient(180deg, color-mix(in srgb, var(--wap-brand) 10%, var(--wap-card)), var(--wap-card));
	box-shadow: 0 1px 0 color-mix(in srgb, var(--wap-bg) 30%, transparent);
	border-left: 4px solid var(--wap-brand);
}

.wap-menu-card strong {
	font-weight: 900;
}

.wap-menu-card small {
	color: var(--wap-muted);
}

.wap-support-panel {
	display: grid;
	gap: 9px;
	margin-top: 14px;
	padding: 12px;
	border: 1px solid color-mix(in srgb, var(--wap-line) 62%, var(--wap-brand));
	border-radius: 8px;
	background:
		linear-gradient(180deg, color-mix(in srgb, var(--wap-brand) 14%, var(--wap-card)), var(--wap-card));
}

.wap-support-title {
	color: var(--wap-brand-soft);
	font-size: 14px;
	font-weight: 900;
	text-transform: uppercase;
}

.wap-support-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
	gap: 8px;
}

.wap-support-button {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	align-items: center;
	gap: 8px;
	min-height: 54px;
	padding: 9px 10px;
	border: 1px solid color-mix(in srgb, var(--wap-brand) 76%, var(--wap-line));
	border-radius: 8px;
	background: linear-gradient(180deg, color-mix(in srgb, var(--wap-brand) 16%, var(--wap-soft)), var(--wap-soft));
	color: var(--wap-ink);
	box-shadow: inset 0 1px 0 color-mix(in srgb, var(--wap-highlight) 14%, transparent);
}

.wap-support-icon {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: 8px;
	background: var(--wap-active-bg);
	color: var(--wap-on-strong);
	font-size: 17px;
}

.wap-support-copy {
	display: grid;
	gap: 1px;
	min-width: 0;
	line-height: 1.15;
}

.wap-support-copy strong,
.wap-support-copy small {
	display: block;
	min-width: 0;
	overflow-wrap: anywhere;
}

.wap-support-copy strong {
	font-size: 13px;
	font-weight: 900;
}

.wap-support-copy small {
	color: var(--wap-muted);
	font-size: 10px;
	font-weight: 800;
}

.wap-theme-new .wap-account-strip {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(126px, 1fr));
	gap: 8px;
	margin: 2px 0 14px;
}

.wap-theme-new .wap-account-strip > div {
	padding: 10px;
	border: 1px solid color-mix(in srgb, var(--wap-line) 64%, var(--wap-brand));
	background: linear-gradient(180deg, color-mix(in srgb, var(--wap-brand) 12%, var(--wap-soft)), var(--wap-soft));
	border-radius: 8px;
}

.wap-theme-new .wap-account-strip span {
	display: block;
	color: var(--wap-muted);
	font-size: 12px;
}

.wap-theme-new .wap-account-strip strong {
	display: block;
	margin-top: 2px;
	overflow-wrap: anywhere;
}

.wap-back {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
	gap: 8px;
	margin: 8px 0 16px;
	padding: 0 0 12px;
	border-bottom: 1px solid color-mix(in srgb, var(--wap-line) 72%, transparent);
}

.wap-back a {
	display: grid;
	grid-template-columns: 34px 1fr;
	align-items: center;
	gap: 10px;
	min-height: 52px;
	padding: 9px 12px;
	border: 1px solid color-mix(in srgb, var(--wap-brand) 78%, var(--wap-line));
	border-radius: 8px;
	background:
		linear-gradient(180deg, color-mix(in srgb, var(--wap-brand) 26%, var(--wap-card)), var(--wap-warning-bg));
	color: var(--wap-brand-soft);
	box-shadow:
		inset 0 1px 0 color-mix(in srgb, var(--wap-highlight) 16%, transparent),
		0 1px 0 color-mix(in srgb, var(--wap-bg) 55%, transparent);
}

.wap-back a.wap-back-home {
	background: linear-gradient(180deg, color-mix(in srgb, var(--wap-brand) 12%, var(--wap-card)), var(--wap-card));
	color: var(--wap-brand);
}

.wap-back-icon {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: 8px;
	background: var(--wap-active-bg);
	color: var(--wap-on-strong);
	font-weight: 900;
	line-height: 1;
}

.wap-back-copy {
	display: grid;
	gap: 1px;
	line-height: 1.12;
}

.wap-back-copy strong,
.wap-back-copy small {
	display: block;
}

.wap-back-copy strong {
	font-size: 16px;
	font-weight: 900;
}

.wap-back-copy small {
	color: var(--wap-muted);
	font-size: 11px;
	font-weight: 800;
	text-transform: uppercase;
}

.wap-section,
.wap-mode-panel,
.wap-success-panel,
.wap-theme-new .fund-group {
	padding: 14px;
	border: 1px solid color-mix(in srgb, var(--wap-line) 54%, var(--wap-brand));
	border-radius: 8px;
	background: linear-gradient(180deg, color-mix(in srgb, var(--wap-brand) 16%, var(--wap-soft)), var(--wap-soft));
	margin: 12px 0;
}

.wap-welcome {
	display: grid;
	gap: 12px;
}

.wap-welcome h3 {
	margin: 10px 0 4px;
}

.wap-news-stack {
	display: grid;
	gap: 10px;
}

.wap-news-panel {
	display: grid;
	gap: 10px;
	padding: 14px;
	border: 1px solid color-mix(in srgb, var(--wap-line) 64%, var(--wap-brand));
	border-left: 4px solid var(--wap-brand);
	border-radius: 8px;
	background: linear-gradient(180deg, color-mix(in srgb, var(--wap-brand) 8%, var(--wap-card)), var(--wap-card));
	box-shadow: inset 0 1px 0 color-mix(in srgb, var(--wap-highlight) 8%, transparent);
	text-align: left;
}

.wap-news-panel h4 {
	margin: 0;
	color: var(--wap-brand-soft);
	font-size: 16px;
	text-align: left;
}

.wap-news-panel p {
	margin: 0;
}

.wap-news-panel ol {
	display: grid;
	gap: 7px;
	margin: 0;
	padding-left: 20px;
}

.wap-news-panel li {
	padding-left: 2px;
}

.wap-news-announcement {
	padding: 9px 10px;
	border-radius: 8px;
	background: color-mix(in srgb, var(--wap-brand) 12%, var(--wap-soft));
	color: var(--wap-ink);
	font-weight: 700;
}

.wap-link-list {
	display: grid;
	gap: 8px;
	margin: 0;
}

.wap-link-list div {
	display: grid;
	gap: 2px;
	padding-top: 8px;
	border-top: 1px solid color-mix(in srgb, var(--wap-line) 70%, transparent);
}

.wap-link-list div:first-child {
	padding-top: 0;
	border-top: 0;
}

.wap-link-list dt {
	color: var(--wap-muted);
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
}

.wap-link-list dd {
	margin: 0;
	color: var(--wap-ink);
	font-weight: 800;
	overflow-wrap: anywhere;
}

.wap-action-row {
	display: flex;
	justify-content: flex-start;
	margin-top: 2px;
}

.wap-action-row .wap-button {
	min-width: 154px;
}

.wap-result-market-actions {
	justify-content: center;
	margin: 6px 0 14px;
}

.wap-result-market-panel {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 10px;
	align-items: start;
	margin: 4px 0 10px;
	padding: 10px;
	border: 1px solid var(--wap-line);
	border-radius: 8px;
	background: var(--wap-card);
	text-align: left;
}

.wap-result-market-head {
	min-width: 0;
}

.wap-result-market-head h4 {
	margin: 0;
	font-size: 18px;
	line-height: 1.2;
	text-align: left;
	overflow-wrap: anywhere;
}

.wap-result-market-head small {
	display: block;
	margin-top: 3px;
	color: var(--wap-muted);
	font-weight: 800;
}

.wap-result-market-controls {
	display: grid;
	justify-items: end;
	min-width: 132px;
}

.wap-result-times {
	display: grid;
	gap: 3px;
	min-width: 118px;
	margin: 0;
	font-size: 12px;
	line-height: 1.2;
}

.wap-result-times div {
	display: flex;
	justify-content: space-between;
	gap: 8px;
}

.wap-result-times dt {
	color: var(--wap-muted);
	font-weight: 800;
}

.wap-result-times dd {
	margin: 0;
	font-weight: 900;
	text-align: right;
}

.wap-result-days {
	display: grid;
	grid-column: 1 / -1;
	gap: 6px;
	padding-top: 8px;
	border-top: 1px solid var(--wap-line);
	color: var(--wap-muted);
	font-size: 12px;
	font-weight: 900;
}

.wap-day-chip-list {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}

.wap-day-chip {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	padding: 3px 7px;
	border: 1px solid color-mix(in srgb, var(--wap-line) 62%, var(--wap-brand));
	border-radius: 999px;
	background: var(--wap-soft);
	color: var(--wap-brand);
	font-size: 11px;
	font-weight: 900;
	line-height: 1;
}

.wap-day-chip-muted {
	color: var(--wap-muted);
}

.wap-round-info {
	display: flex;
	justify-content: center;
	gap: 8px;
	padding: 12px;
	border-radius: 8px;
	background: var(--wap-soft);
	color: var(--wap-brand);
	font-weight: 800;
}

.wap-segmented,
.wap-mode-actions {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
	gap: 6px;
	margin: 10px 0 12px;
}

.wap-segmented a,
.wap-mode-actions a {
	display: grid;
	place-items: center;
	min-height: 40px;
	border-radius: 8px;
	border: 1px solid color-mix(in srgb, var(--wap-line) 56%, var(--wap-brand));
	background: linear-gradient(180deg, color-mix(in srgb, var(--wap-brand) 12%, var(--wap-card)), var(--wap-card));
	box-shadow: inset 0 1px 0 color-mix(in srgb, var(--wap-highlight) 10%, transparent);
	font-weight: 800;
}

.wap-segmented a.is-active {
	background: var(--wap-soft);
	color: var(--wap-brand);
	border-color: var(--wap-brand);
}

.wap-mode-actions a.is-active {
	border-color: var(--wap-brand-strong);
	background: var(--wap-active-bg);
	color: var(--wap-on-strong);
}

.wap-mode-actions a span,
.wap-mode-actions a small {
	display: block;
}

.wap-mode-actions a small {
	margin-top: 2px;
	color: var(--wap-muted);
	font-size: 11px;
}

.wap-mode-actions a.is-active small {
	color: var(--wap-on-strong);
}

.wap-market-sections,
.wap-list-stack,
.wap-game-list {
	display: grid;
	gap: 8px;
}

.wap-market-row,
.wap-game-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 12px;
	border-radius: 8px;
	border: 1px solid var(--wap-line);
	background: var(--wap-card);
}

.wap-market-row-split {
	justify-content: normal;
	gap: 0;
	padding: 0;
	overflow: hidden;
}

.wap-market-main {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex: 1 1 auto;
	min-width: 0;
	gap: 10px;
	padding: 12px;
	color: inherit;
	text-decoration: none;
}

.wap-market-main > span:first-child {
	min-width: 0;
}

.wap-market-row strong,
.wap-market-row small {
	display: block;
}

.wap-market-row small,
.wap-game-row small {
	color: var(--wap-muted);
}

.wap-row-action {
	flex: 0 0 auto;
	color: var(--wap-brand);
	font-weight: 900;
}

.wap-row-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	align-self: stretch;
	flex: 0 0 auto;
	min-width: 64px;
	padding: 0 10px;
	border-left: 1px solid var(--wap-line);
	background: var(--wap-soft);
	color: var(--wap-brand);
	font-size: 12px;
	font-weight: 900;
	text-decoration: none;
}

.wap-row-button-with-icon {
	gap: 4px;
}

.wap-row-icon {
	font-size: 16px;
	line-height: 1;
}

.wap-market-row-play {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 78px;
	align-items: stretch;
	gap: 0;
	padding: 0;
	overflow: hidden;
}

.wap-market-info {
	display: grid;
	grid-template-rows: auto 1fr auto;
	min-width: 0;
	padding: 10px;
}

.wap-market-title {
	display: flex;
	align-items: center;
	gap: 7px;
	min-width: 0;
}

.wap-market-title strong {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.wap-market-status {
	flex: 0 0 auto;
	padding: 3px 8px;
	border-radius: 999px;
	background: color-mix(in srgb, var(--wap-green) 16%, var(--wap-card));
	color: var(--wap-green);
	font-size: 11px;
	font-weight: 900;
	line-height: 1;
}

.wap-market-meta {
	align-self: center;
	line-height: 1.15;
}

.wap-market-result-link {
	color: var(--wap-brand);
	font-size: 12px;
	font-weight: 900;
}

.wap-market-result-link span {
	font-size: 15px;
	line-height: 1;
}

.wap-market-play-button {
	display: grid;
	place-items: center;
	min-width: 78px;
	min-height: 100%;
	padding: 0 8px;
	border-left: 1px solid var(--wap-line);
	background: var(--wap-soft);
	color: var(--wap-brand);
	box-shadow: none;
	font-size: 13px;
	font-weight: 900;
	text-align: center;
	text-decoration: none;
}

.wap-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 28px;
	padding: 4px 10px;
	border-radius: 999px;
	background: var(--wap-soft);
	color: var(--wap-brand);
	font-weight: 900;
	font-size: 12px;
}

.wap-badge-gold {
	background: var(--wap-warning-bg);
	color: var(--wap-brand);
	border: 1px solid var(--wap-brand);
}

.wap-note {
	margin: 4px 0 0;
	color: var(--wap-muted);
	font-size: 12px;
	font-weight: 700;
}

.wap-qris-box {
	display: grid;
	place-items: center;
	max-width: 280px;
	margin: 12px auto;
	padding: 10px;
	border-radius: 8px;
	border: 1px solid var(--wap-line);
	background: var(--wap-qris-surface);
}

.wap-qris-box svg,
.wap-qris-box img {
	display: block;
	width: 100%;
	height: auto;
}

.wap-empty-state {
	margin: 0;
	padding: 12px;
	border: 1px dashed color-mix(in srgb, var(--wap-line) 58%, var(--wap-brand));
	border-radius: 8px;
	background: var(--wap-warning-bg);
	color: var(--wap-muted);
	text-align: center;
}

.wap-table-wrap {
	width: 100%;
	overflow-x: auto;
	border: 1px solid var(--wap-line);
	border-radius: 8px;
	background: var(--wap-card);
}

.wap-theme-new .tab {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	gap: 6px;
	border: 0;
	padding: 0;
}

.wap-theme-new .tab button {
	float: none;
	border: 1px solid var(--wap-line);
	background: var(--wap-card);
	border-radius: 8px;
}

.wap-theme-new .tab button.active {
	background: var(--wap-soft);
	color: var(--wap-brand);
	border-color: var(--wap-brand);
}

.wap-theme-new .tabcontent {
	display: block;
	margin-top: 8px;
	padding: 12px;
	border: 1px solid var(--wap-line);
	border-radius: 8px;
	background: var(--wap-soft);
}

.wap-theme-new .tabcontent p {
	border-bottom-color: var(--wap-line) !important;
}

.wap-theme-new table {
	width: 100%;
	border-collapse: collapse;
	min-width: 420px;
	background: var(--wap-card);
}

.wap-theme-new .wap-form table {
	min-width: 0;
	table-layout: auto;
}

.wap-theme-new .wap-form p {
	max-width: 100%;
	overflow-x: auto;
}

.wap-prize-stack {
	display: grid;
	gap: 4px;
}

.wap-result-number {
	font-size: 18px;
	color: var(--wap-brand);
}

.wap-win-positive {
	color: var(--wap-green);
	font-weight: 900;
}

.wap-ticket-strip {
	display: grid;
	gap: 6px;
	padding: 10px;
	border: 1px dashed var(--wap-brand);
	border-radius: 8px;
	background: var(--wap-card);
	text-align: center;
	font-weight: 800;
}

.wap-summary-list {
	display: grid;
	gap: 8px;
	margin: 12px 0 0;
}

.wap-summary-list div {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	padding: 8px 0;
	border-bottom: 1px solid var(--wap-line);
}

.wap-summary-list dt {
	color: var(--wap-muted);
}

.wap-summary-list dd {
	margin: 0;
	font-weight: 900;
	text-align: right;
}

.wap-memo-form {
	display: grid;
	grid-template-columns: 1fr 96px;
	gap: 8px;
	margin: 12px 0;
}

.wap-memo-thread {
	display: grid;
	gap: 8px;
}

.wap-memo-bubble {
	margin: 0;
	padding: 10px;
	border-radius: 8px;
	border: 1px solid var(--wap-line);
	background: var(--wap-card);
}

.wap-memo-bubble.member {
	background: var(--wap-warning-bg);
}

.wap-memo-bubble.admin {
	background: var(--wap-soft);
}

.wap-memo-bubble header {
	display: grid;
	grid-template-columns: 22px 1fr auto;
	gap: 8px;
	color: var(--wap-muted);
	font-size: 12px;
}

.wap-memo-bubble p {
	margin: 8px 0 0;
}

.wap-theme-new table[style*="width:100%"],
.wap-theme-new table[width="100%"] {
	width: 100% !important;
}

.wap-theme-new table th,
.wap-theme-new table td {
	padding: 10px 8px;
	border: 1px solid var(--wap-line) !important;
	text-align: center;
	vertical-align: middle;
}

.wap-theme-new table th {
	background: var(--wap-soft);
	color: var(--wap-brand);
	font-size: 12px;
}

.wap-theme-new table tbody tr:nth-child(even) {
	background: var(--wap-row-alt);
}

.wap-result-table-wrap {
	overflow-x: hidden;
}

.wap-theme-new table.wap-result-table {
	min-width: 0;
	table-layout: fixed;
	font-size: 13px;
}

.wap-result-col-date {
	width: 31%;
}

.wap-result-col-period {
	width: 47%;
}

.wap-result-col-number {
	width: 22%;
}

.wap-theme-new table.wap-result-table th,
.wap-theme-new table.wap-result-table td {
	padding: 8px 5px;
	overflow-wrap: anywhere;
	word-break: break-word;
}

.wap-theme-new table.wap-result-table th {
	font-size: 11px;
}

.wap-theme-new table.wap-result-table td:nth-child(2) {
	font-size: 12px;
}

.wap-theme-new table.wap-result-table td:nth-child(3) {
	white-space: normal;
}

.wap-theme-new .success-panel,
.wap-theme-new .wap-legacy-success-panel {
	display: grid;
	gap: 6px;
	padding: 10px !important;
	border: 1px dashed var(--wap-brand) !important;
	border-radius: 8px;
	background: var(--wap-card);
	text-align: center !important;
	font-weight: 800;
}

.wap-theme-new .wap-legacy-message-row {
	border-bottom: solid 1px var(--wap-line);
}

.wap-theme-new .wap-legacy-message-row.member {
	background: var(--wap-warning-bg) !important;
}

.wap-theme-new .wap-legacy-message-row.admin {
	background: var(--wap-soft) !important;
}

.wap-theme-new img {
	max-width: 100%;
	height: auto;
}

@media (max-width: 360px) {
	body.wap-theme-new {
		font-size: 14px;
	}

	.wap-topbar {
		align-items: flex-start;
	}

	.wap-topbar-right {
		min-width: 116px;
		max-width: 150px;
	}

	.wap-topbar-actions {
		gap: 4px;
	}

	.wap-topbar-button {
		min-height: 28px;
		padding: 6px 7px;
	}

	.wap-memo-form {
		grid-template-columns: 1fr;
	}

	.wap-theme-new h3 {
		font-size: 21px;
	}
}