/* purpose: MD Games arcade — square top-down tiles, cabinet, and play chrome
   author: MD Hub
   date: 2026-09-13 */
#md_games_root{
	--mdg-accent:#c026d3;
	--mdg-gold:#d4af37;
	--mdg-gold-hi:#f3e5ab;
	--mdg-ink:#e2e8f0;
	--mdg-muted:#94a3b8;
	--mdg-card:#15213c;
	--mdg-line:rgba(243,229,171,.22);
	--mdg-navy:#070d1a;
	--mdg-cols:2;
	--mdg-gap:.42rem;
	width:100%;
	height:100%;
	min-height:0;
	color:var(--mdg-ink);
	box-sizing:border-box;
	position:relative;
	display:flex;
	flex-direction:column;
	overflow:hidden;
	padding:.28rem .12rem .4rem;
	background:
		radial-gradient(120% 70% at 50% -8%, rgba(192,38,211,.2), transparent 52%),
		radial-gradient(90% 60% at 100% 110%, rgba(34,211,238,.12), transparent 48%),
		linear-gradient(180deg,#10182d 0%,#070d1a 100%);
	border-radius:1.15rem;
	container-type:size;
}
html.dark #md_games_root{
	--mdg-ink:#f8fafc;
	--mdg-muted:#94a3b8;
}
#md_games_root *{box-sizing:border-box}
#md_games_root .hidden{display:none!important}
#md_games_arcade,#md_games_play,#md_games_board,#md_games_admin{
	display:flex;flex-direction:column;gap:.45rem;min-height:0;flex:1 1 0%;overflow:hidden;
}
#md_games_root .mdg-hero{margin:0;flex:none}
#md_games_root .mdg-marquee{
	width:100%;
}
#md_games_root .mdg-marquee-body{
	transform:none;
}
#md_games_root .mdg-marquee-bezel{
	position:relative;border-radius:1.05rem;padding:.42rem .55rem .46rem;
	background:
		conic-gradient(from 210deg,
			#8a6a12 0deg,#f3e5ab 40deg,#c9a227 80deg,#7a5a10 130deg,
			#f8e7a0 180deg,#b08920 230deg,#efe0a0 280deg,#8a6a12 360deg);
	box-shadow:
		0 .9rem 1.4rem rgba(0,0,0,.42),
		0 0 0 .1rem rgba(243,229,171,.35),
		inset 0 0 0 .07rem rgba(255,255,255,.35),
		.28rem .42rem 0 -.08rem #5a4210;
}
#md_games_root .mdg-marquee-screen{
	position:relative;z-index:1;border-radius:.78rem;overflow:hidden;padding:.38rem .6rem .4rem;
	background:
		radial-gradient(120% 90% at 18% 0%, rgba(192,38,211,.28), transparent 50%),
		radial-gradient(90% 80% at 88% 100%, rgba(34,211,238,.16), transparent 52%),
		linear-gradient(180deg,#15213c 0%,#070d1a 100%);
	box-shadow:inset 0 0 0 .1rem rgba(15,23,42,.55), inset 0 .6rem .9rem rgba(0,0,0,.32);
	text-align:center;
}
#md_games_root .mdg-marquee-screen h2{
	margin:0;font-size:clamp(1.05rem,3.4vw,1.45rem);font-weight:800;letter-spacing:.18em;
	text-transform:uppercase;color:#ffe08a;
	text-shadow:0 0 10px rgba(251,191,36,.75),0 0 22px rgba(192,38,211,.45);
}
#md_games_root .mdg-marquee-screen p{
	margin:.2rem 0 0;font-size:.72rem;color:rgba(226,232,240,.82);line-height:1.3;
	display:none;
}
#md_games_root .mdg-marquee-glass{
	position:absolute;inset:.42rem .55rem .46rem;border-radius:.78rem;pointer-events:none;z-index:2;
	background:
		linear-gradient(125deg, rgba(255,255,255,.32) 0%, rgba(255,255,255,.08) 24%, transparent 44%),
		radial-gradient(circle at 78% 82%, rgba(255,255,255,.1), transparent 38%);
}
.mdg-grid{
	display:grid;
	grid-template-columns:repeat(var(--mdg-cols,2),var(--mdg-tile,minmax(0,1fr)));
	grid-template-rows:repeat(var(--mdg-rows,5),var(--mdg-tile,minmax(0,1fr)));
	gap:var(--mdg-gap,.42rem);
	padding:.08rem;
	flex:1 1 0%;
	min-height:0;
	min-width:0;
	width:100%;
	height:100%;
	overflow:hidden;
	align-content:center;
	justify-content:center;
	justify-items:center;
	align-items:center;
}
.mdg-grid.is-fit{
	flex:0 0 auto;
	width:var(--mdg-grid-w,auto);
	height:var(--mdg-grid-h,auto);
	max-width:100%;
	max-height:100%;
	margin:auto;
	align-self:center;
	padding:0;
}
.mdg-tile-slot{
	width:var(--mdg-tile,100%);
	height:var(--mdg-tile,100%);
	max-width:100%;
	max-height:100%;
	aspect-ratio:1 / 1;
	min-height:0;
	min-width:0;
	display:flex;
	align-items:center;
	justify-content:center;
	container-type:size;
}
.mdg-tile{
	-webkit-appearance:none;appearance:none;border:0;cursor:pointer;text-align:center;font-family:inherit;
	width:100%;height:100%;aspect-ratio:1 / 1;
	max-width:100%;max-height:100%;min-width:0;min-height:0;
	padding:0;margin:0;color:#f8fafc;background:transparent;
	display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;
	position:relative;overflow:visible;container-type:size;
	transform:none;
	transition:transform .18s ease-out,filter .18s ease-out;
}
.mdg-tile-bezel{
	position:relative;flex:1 1 auto;min-height:0;width:100%;height:100%;
	border-radius:clamp(12px,10cqmin,22px);padding:clamp(6px,5.5cqmin,12px);
	background:
		conic-gradient(from 210deg,
			#8a6a12 0deg,#f3e5ab 40deg,#c9a227 80deg,#7a5a10 130deg,
			#f8e7a0 180deg,#b08920 230deg,#efe0a0 280deg,#8a6a12 360deg);
	box-shadow:
		0 .55em 1em rgba(0,0,0,.42),
		0 0 0 .08em rgba(243,229,171,.35),
		inset 0 0 0 .06em rgba(255,255,255,.38),
		.22em .32em 0 -.06em #5a4210;
}
.mdg-tile-screen{
	position:relative;z-index:1;width:100%;height:100%;
	display:flex;flex-direction:column;align-items:center;justify-content:center;
	gap:4%;padding:7% 6% 6%;border-radius:clamp(10px,8cqmin,16px);overflow:hidden;
	background:
		radial-gradient(120% 90% at 18% 0%, color-mix(in srgb, var(--tile-accent,#c026d3) 42%, transparent), transparent 52%),
		radial-gradient(90% 80% at 88% 100%, rgba(34,211,238,.16), transparent 54%),
		linear-gradient(180deg,#1a2744 0%,#070d1a 100%);
	box-shadow:inset 0 0 0 .08em rgba(15,23,42,.55), inset 0 .45em .7em rgba(0,0,0,.32);
}
.mdg-tile.has-art .mdg-tile-screen{
	padding:0;gap:0;align-items:stretch;justify-content:flex-end;
	background:#070d1a;
}
.mdg-tile-art{
	position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;
	object-fit:cover;object-position:center;aspect-ratio:1 / 1;
	display:block;z-index:0;pointer-events:none;
	transform:none;
	transition:filter .22s ease-out;
}
.mdg-tile-caption{
	position:relative;z-index:2;width:100%;margin-top:auto;
	display:flex;flex-direction:column;align-items:center;justify-content:flex-end;
	gap:.18em;padding:0;
}
.mdg-tile.has-art .mdg-tile-caption{
	padding:12% 7% 7%;
	background:linear-gradient(180deg, transparent 0%, rgba(7,13,26,.55) 55%, rgba(7,13,26,.82) 100%);
	text-shadow:0 1px 8px rgba(0,0,0,.55);
}
.mdg-tile-glass{
	position:absolute;inset:clamp(6px,5.5cqmin,12px);border-radius:clamp(10px,8cqmin,16px);pointer-events:none;z-index:3;
	background:
		linear-gradient(125deg, rgba(255,255,255,.28) 0%, rgba(255,255,255,.07) 22%, transparent 44%),
		radial-gradient(circle at 78% 82%, rgba(255,255,255,.08), transparent 38%);
}
.mdg-tile.has-art .mdg-tile-glass{
	background:
		linear-gradient(125deg, rgba(255,255,255,.2) 0%, rgba(255,255,255,.05) 20%, transparent 40%),
		radial-gradient(circle at 78% 82%, rgba(255,255,255,.06), transparent 36%);
}
.mdg-tile::after{
	content:'';position:absolute;left:16%;right:16%;bottom:-6%;height:12%;border-radius:50%;
	background:rgba(0,0,0,.4);filter:blur(5px);pointer-events:none;z-index:-1;
}
.mdg-tile:hover,.mdg-tile:focus-visible{
	transform:none;
	outline:none;
	filter:brightness(1.06) saturate(1.05);
}
.mdg-tile.has-art:hover .mdg-tile-art,.mdg-tile.has-art:focus-visible .mdg-tile-art{
	transform:none;
	filter:saturate(1.08) brightness(1.05);
}
.mdg-tile:hover .mdg-tile-bezel,.mdg-tile:focus-visible .mdg-tile-bezel{
	box-shadow:
		0 .7em 1.2em rgba(0,0,0,.48),
		0 0 0 .08em rgba(243,229,171,.42),
		0 0 1.1em color-mix(in srgb, var(--tile-accent,#c026d3) 40%, transparent),
		inset 0 0 0 .06em rgba(255,255,255,.42),
		.22em .32em 0 -.06em #5a4210;
}
.mdg-tile:active{transform:scale(.98)}
.mdg-tile-ico{
	width:2.1rem;height:2.1rem;font-size:1rem;
	width:32cqw;height:32cqw;font-size:15cqw;
	border-radius:28%;display:flex;align-items:center;justify-content:center;
	color:#fff;position:relative;z-index:1;flex:none;
	background:linear-gradient(160deg, color-mix(in srgb, var(--tile-accent,#c026d3) 78%, #fff), var(--tile-accent,#c026d3));
	box-shadow:
		0 .12em 0 color-mix(in srgb, var(--tile-accent,#c026d3) 55%, #000),
		0 .28em .45em rgba(0,0,0,.38),
		inset 0 1px 0 rgba(255,255,255,.45);
}
.mdg-tile h3{
	margin:0;max-width:100%;font-size:clamp(.52rem,11.4cqw,1.02rem);font-weight:800;
	line-height:1.15;letter-spacing:.01em;position:relative;z-index:1;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.mdg-tile.has-art h3{
	color:#fffef8;
	text-shadow:0 1px 2px rgba(0,0,0,.7),0 0 12px rgba(0,0,0,.35);
}
.mdg-tile p{display:none}
.mdg-best{
	font-size:clamp(.46rem,8.2cqw,.7rem);font-weight:800;letter-spacing:.04em;text-transform:uppercase;
	color:#ffe08a;text-shadow:0 0 8px rgba(251,191,36,.45);position:relative;z-index:1;
	padding:.12em .55em;border-radius:999px;
	background:rgba(7,13,26,.45);border:1px solid rgba(243,229,171,.22);
}
.mdg-tile.has-art .mdg-best{
	background:rgba(7,13,26,.62);border-color:rgba(243,229,171,.35);
}
.mdg-playbar{
	display:flex;align-items:center;gap:.72rem;margin:0;flex:none;flex-wrap:wrap;
	padding:.1rem .08rem .3rem;
}
.mdg-play-keys{
	display:flex;align-items:center;gap:.62rem;flex:none;margin-left:auto;
}
.mdg-play-title{
	flex:1;font-weight:800;font-size:.98rem;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
	color:#ffe08a;letter-spacing:.08em;text-transform:uppercase;
	text-shadow:0 0 10px rgba(251,191,36,.45),0 1px 0 rgba(0,0,0,.35);
}
.mdg-btn{
	appearance:none;border:1px solid rgba(243,229,171,.28);
	background:linear-gradient(180deg,#243154,#121a30);color:#f8fafc;
	border-radius:.8rem;padding:.38rem .65rem;font-size:.78rem;font-weight:700;cursor:pointer;
	display:inline-flex;align-items:center;gap:.3rem;min-height:2.15rem;
	box-shadow:0 .14rem 0 #050814, inset 0 1px 0 rgba(255,255,255,.12);
}
.mdg-btn:active{transform:translateY(1px)}
.mdg-btn-accent{
	background:linear-gradient(180deg,#e879f9,#a21caf)!important;color:#fff!important;
	border-color:transparent!important;
	box-shadow:0 .16rem 0 #4a044e, 0 0 .7rem rgba(192,38,211,.45)!important;
}
.mdg-btn-ghost{background:transparent}
.mdg-playbar .mdg-btn{
	--mdg-key:#d4af37;
	position:relative;overflow:hidden;border:0;isolation:isolate;
	min-height:2.72rem;min-width:2.72rem;padding:.46rem .7rem;flex:none;
	font-size:.84rem;font-weight:800;letter-spacing:.03em;justify-content:center;
	color:#fffef8;text-shadow:0 1px 0 rgba(0,0,0,.38);
	border-radius:.92rem;
	background:
		linear-gradient(180deg, rgba(255,255,255,.4) 0%, rgba(255,255,255,.08) 30%, transparent 52%),
		linear-gradient(180deg,#3a4d78 0%,#1a2744 52%,#0c1324 100%);
	box-shadow:
		0 0 0 1px rgba(255,255,255,.3),
		0 0 0 3px var(--mdg-key),
		0 0 0 5px #5a4210,
		0 .22rem 0 #3a2a10,
		0 .46rem .72rem rgba(0,0,0,.46),
		inset 0 1px 0 rgba(255,255,255,.5),
		inset 0 -8px 12px rgba(0,0,0,.32);
	transform:none;
	transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;
	z-index:1;
}
.mdg-playbar .mdg-btn::after{
	content:'';position:absolute;left:8%;right:8%;top:4px;height:42%;
	border-radius:.7rem .7rem 46% 46%;pointer-events:none;z-index:0;
	background:linear-gradient(180deg, rgba(255,255,255,.5), rgba(255,255,255,.04));
}
.mdg-playbar .mdg-btn i,
.mdg-playbar .mdg-btn span{position:relative;z-index:1}
.mdg-playbar .mdg-btn i{font-size:1.12rem;line-height:1}
.mdg-playbar .mdg-btn span{display:none}
@container (max-width:540px){
	.mdg-play-keys{
		flex:1 1 100%;justify-content:flex-end;margin-left:0;margin-top:.12rem;gap:.55rem
	}
	.mdg-playbar .mdg-btn{
		min-height:2.85rem;min-width:2.85rem
	}
}
@container (min-width:640px){
	.mdg-playbar .mdg-btn span{display:inline}
}
.mdg-playbar .mdg-btn:hover,
.mdg-playbar .mdg-btn:focus-visible{
	outline:none;
	transform:none;
	filter:brightness(1.08) saturate(1.08);
	box-shadow:
		0 0 0 1px rgba(255,255,255,.42),
		0 0 0 3px var(--mdg-key),
		0 0 0 5px #5a4210,
		0 .32rem 0 #3a2a10,
		0 .72rem 1.05rem rgba(0,0,0,.5),
		0 0 1.15rem color-mix(in srgb, var(--mdg-key) 58%, transparent),
		inset 0 1px 0 rgba(255,255,255,.58),
		inset 0 -8px 12px rgba(0,0,0,.24);
}
.mdg-playbar .mdg-btn:active{
	transform:scale(.98);
	filter:brightness(.96);
	box-shadow:
		0 0 0 1px rgba(255,255,255,.18),
		0 0 0 3px var(--mdg-key),
		0 0 0 5px #5a4210,
		0 .05rem 0 #3a2a10,
		0 .16rem .28rem rgba(0,0,0,.4),
		inset 0 8px 12px rgba(0,0,0,.38);
}
.mdg-playbar .mdg-btn.is-off{
	opacity:1;filter:saturate(.42) brightness(.78);
}
.mdg-playbar .mdg-btn.is-on{
	color:#fff8dc;
	box-shadow:
		0 0 0 1px rgba(255,255,255,.46),
		0 0 0 3px var(--mdg-key),
		0 0 0 5px #5a4210,
		0 .22rem 0 #3a2a10,
		0 .46rem .72rem rgba(0,0,0,.46),
		0 0 1.25rem color-mix(in srgb, var(--mdg-key) 72%, transparent),
		inset 0 1px 0 rgba(255,255,255,.6);
}
.mdg-playbar #mdg_back,
.mdg-playbar #mdg_board_back{--mdg-key:#f3e5ab;color:#fff8dc}
.mdg-playbar #mdg_help_btn{--mdg-key:#f3e5ab;color:#ffe08a}
.mdg-playbar #mdg_restart{--mdg-key:#fb7185;color:#fecdd3}
.mdg-hud{
	display:flex;flex-wrap:wrap;gap:.3rem .4rem;font-size:.72rem;font-weight:700;margin:0;flex:none;
	color:rgba(226,232,240,.78);
}
.mdg-hud span{
	display:inline-flex;align-items:center;gap:.24rem;
	padding:.2rem .5rem;border-radius:999px;
	background:rgba(7,13,26,.55);border:1px solid rgba(243,229,171,.18);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.mdg-hud b{color:#ffe08a;text-shadow:0 0 8px rgba(251,191,36,.4)}
.mdg-hud button.mdg-hud-hint{
	appearance:none;border:1px solid rgba(243,229,171,.18);
	background:rgba(7,13,26,.55);color:rgba(226,232,240,.78);
	border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:700;cursor:pointer;
	display:inline-flex;align-items:center;gap:.24rem;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.mdg-hud button.mdg-hud-hint.is-on{color:#ffe08a}
.mdg-hud button.mdg-hud-hint.is-off{opacity:.72}
.mdg-cabinet{
	width:100%;max-width:100%;
	margin:0 auto;flex:1 1 0%;min-height:0;max-height:none;
	display:flex;flex-direction:column;
}
.mdg-cab-body{
	width:100%;height:100%;min-height:0;flex:1 1 0%;
	display:flex;flex-direction:column;
	transform:none;
}
.mdg-cab-bezel{
	position:relative;border-radius:1.2rem;padding:.42rem;
	flex:1 1 0%;min-height:0;display:flex;flex-direction:column;
	background:
		conic-gradient(from 210deg,
			#8a6a12 0deg,#f3e5ab 40deg,#c9a227 80deg,#7a5a10 130deg,
			#f8e7a0 180deg,#b08920 230deg,#efe0a0 280deg,#8a6a12 360deg);
	box-shadow:
		0 1.1rem 1.8rem rgba(0,0,0,.46),
		0 0 0 .12rem rgba(243,229,171,.32),
		inset 0 0 0 .07rem rgba(255,255,255,.32),
		.38rem .55rem 0 -.1rem #5a4210;
}
.mdg-cab-depth{display:none}
#mdg_stage{
	position:relative;width:100%;height:auto;flex:1 1 0%;min-height:0;z-index:1;
	display:flex;flex-direction:column;align-items:center;justify-content:center;
	container-type:size;
	background:
		radial-gradient(120% 80% at 50% 0%, rgba(192,38,211,.18), transparent 52%),
		radial-gradient(90% 70% at 50% 100%, rgba(34,211,238,.12), transparent 58%),
		linear-gradient(180deg,#15213c 0%, var(--mdg-navy) 78%);
	border-radius:.85rem;overflow:hidden;
	touch-action:manipulation;
	box-shadow:inset 0 0 0 .1rem rgba(15,23,42,.6), inset 0 .8rem 1.2rem rgba(0,0,0,.32);
}
#mdg_stage.mdg-swipe,
#mdg_stage.mdg-steer-swipe{
	touch-action:none;
	overscroll-behavior:none;
}
#mdg_stage canvas{
	display:block;width:auto;height:auto;max-width:100%;max-height:100%;margin:auto;flex:0 0 auto;
}
#mdg_stage[data-game="sweet_match"]{
	background:
		radial-gradient(80% 50% at 50% 0%, rgba(251,191,36,.22), transparent 55%),
		radial-gradient(70% 60% at 50% 100%, rgba(244,114,182,.16), transparent 58%),
		linear-gradient(180deg,#f0b090 0%,#c47a6a 55%,#3a1c18 100%);
}
#mdg_stage[data-game="farm_tycoon"]{
	background:
		radial-gradient(70% 50% at 70% 12%, rgba(190,242,100,.28), transparent 55%),
		linear-gradient(180deg,#4d7c0f 0%,#3f6212 55%,#365314 100%);
	justify-content:flex-start;
}
#mdg_stage[data-game="farm_tycoon"] .mdg-farm-canvas{
	grid-area:board;width:100%;height:100%;max-width:100%;max-height:100%;
	flex:1 1 0%;min-width:0;min-height:0;margin:auto;
	touch-action:none;
}
#mdg_stage[data-game="farm_tycoon"] .mdg-fire-dock{
	flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:.32rem;
}
#mdg_stage.mdg-hand-left[data-game="farm_tycoon"] .mdg-fire-dock{
	align-items:flex-start;
}
#mdg_stage .mdg-farm-canvas{
	width:100%;height:100%;max-width:100%;max-height:100%;flex:1 1 0%;min-height:0;
}
.mdg-farm-kit-btn{
	appearance:none;border:0;width:3.35rem;height:3.35rem;border-radius:50%;
	font-weight:800;font-size:.62rem;letter-spacing:.04em;color:#1c1408;cursor:pointer;
	background:
		radial-gradient(circle at 32% 28%, #fff7d1, #e8c547 42%, #8a6a12 78%);
	box-shadow:
		0 .22rem .4rem rgba(0,0,0,.4),
		inset 0 1px 0 rgba(255,255,255,.5),
		0 0 0 .16rem rgba(243,229,171,.32);
}
.mdg-farm-kit-btn.is-on{
	background:radial-gradient(circle at 32% 28%, #ecfccb, #65a30d 46%, #3f6212 78%);
	color:#ecfccb;
}
.mdg-farm-kit-btn:active{transform:translateY(1px) scale(.96)}
#md_games_root.mdg-compact #mdg_stage[data-game="farm_tycoon"] .mdg-farm-kit-btn{
	width:2.85rem;height:2.85rem;font-size:.55rem
}
#md_games_root.mdg-compact #mdg_stage[data-game="farm_tycoon"] .mdg-fire-dock{min-height:7.4rem}
.mdg-farm-kit{z-index:12}
.mdg-farm-kit-card{
	text-align:left;width:min(22.5rem,94%);max-height:86%;overflow:auto;
	padding:.75rem .72rem .7rem;
}
.mdg-farm-kit-card h3{text-align:center}
.mdg-farm-kit-card > p{text-align:center;margin:.12rem 0 .35rem;font-size:.72rem}
.mdg-farm-kit-sec{margin:.22rem 0 .12rem}
.mdg-farm-kit-sec > span{
	display:block;font-size:.6rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
	color:rgba(253,224,71,.82);margin:0 0 .1rem .08rem;
}
.mdg-farm-kit .mdg-farm-row{flex-wrap:wrap;overflow:visible}
.mdg-farm-row{
	display:flex;flex-wrap:wrap;gap:.28rem;
	-webkit-overflow-scrolling:touch;padding:.04rem .02rem .1rem;
}
.mdg-farm-chip{
	appearance:none;border:1px solid rgba(243,229,171,.28);
	background:linear-gradient(180deg,#243154,#121a30);color:#f8fafc;
	border-radius:.72rem;padding:.12rem .36rem .1rem;cursor:pointer;
	display:flex;flex-direction:row;align-items:center;gap:.28rem;
	min-height:1.95rem;flex:0 0 auto;min-width:4.1rem;
	box-shadow:0 .12rem 0 #050814, inset 0 1px 0 rgba(255,255,255,.1);
}
.mdg-farm-chip img{
	width:1.55rem;height:1.55rem;object-fit:contain;flex:none;
	filter:drop-shadow(0 1px 1px rgba(0,0,0,.45));
	pointer-events:none;
}
.mdg-farm-lab{
	display:flex;flex-direction:column;align-items:flex-start;gap:.02rem;min-width:0;
}
.mdg-farm-chip strong{
	font-size:.68rem;font-weight:800;color:#ffe08a;line-height:1.15;
	white-space:nowrap;
}
.mdg-farm-lab > span{
	font-size:.58rem;color:rgba(226,232,240,.75);white-space:nowrap;
}
.mdg-farm-chip.is-on{
	background:linear-gradient(180deg,#65a30d,#3f6212);
	border-color:rgba(190,242,100,.45);
}
.mdg-farm-chip.is-on strong{color:#ecfccb}
.mdg-farm-chip.is-lock{
	opacity:.82;
	background:linear-gradient(180deg,#1e293b,#0f172a);
}
.mdg-farm-chip.is-lock strong{color:#fde68a}
.mdg-hud .mdg-farm-thirsty{
	background:linear-gradient(180deg,#0c4a6e,#082f49);border-color:rgba(56,189,248,.45);color:#e0f2fe
}
.mdg-hud .mdg-farm-thirsty b{color:#7dd3fc;text-shadow:0 0 8px rgba(56,189,248,.7)}
.mdg-farm-say{
	position:absolute;left:.55rem;right:.55rem;bottom:2.35rem;z-index:16;pointer-events:none;
	display:flex;align-items:flex-end;gap:.55rem;max-width:22rem;
	filter:drop-shadow(0 .45rem .8rem rgba(0,0,0,.45));
	transform-origin:left bottom;
}
.mdg-farm-say-ava-wrap{
	flex:none;width:3.35rem;height:3.35rem;border-radius:50%;
	padding:.12rem;
	background:
		conic-gradient(from 200deg,#8a6a12,#f3e5ab 40%,#c9a227 70%,#8a6a12);
	box-shadow:0 .2rem .4rem rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.4);
}
.mdg-farm-say-ava-wrap img{
	width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;
	background:#0b1224;
}
.mdg-farm-say-bubble{
	flex:1;min-width:0;position:relative;
	padding:.42rem .62rem .46rem;
	border-radius:1rem 1rem 1rem .28rem;
	background:
		linear-gradient(180deg, rgba(255,255,255,.16), transparent 42%),
		linear-gradient(180deg,#243154,#121a30);
	border:1px solid rgba(243,229,171,.35);
	box-shadow:0 .28rem .5rem rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.14);
}
.mdg-farm-say-bubble::after{
	content:'';position:absolute;left:-8px;bottom:12px;width:14px;height:14px;
	background:#121a30;border-left:1px solid rgba(243,229,171,.35);border-bottom:1px solid rgba(243,229,171,.35);
	transform:rotate(45deg);
}
.mdg-farm-say-bubble strong{
	display:block;font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;
	color:#ffe08a;text-shadow:0 0 8px rgba(251,191,36,.5);
}
.mdg-farm-say-bubble span{
	display:block;margin-top:.08rem;font-size:.82rem;font-weight:800;color:#fff;line-height:1.25;
}
.mdg-farm-say.is-win .mdg-farm-say-bubble{
	background:linear-gradient(180deg,#3b2a08,#120c04);border-color:rgba(253,224,71,.5)
}
.mdg-farm-say.is-storm .mdg-farm-say-bubble{
	background:linear-gradient(180deg,#3b1020,#12060c);border-color:rgba(251,113,133,.45)
}
.mdg-farm-say.is-hint .mdg-farm-say-bubble{
	background:linear-gradient(180deg,#0c4a6e,#082f49);border-color:rgba(56,189,248,.4)
}
.mdg-farm-say.is-in{animation:mdg-farm-say-in .42s cubic-bezier(.2,1.4,.3,1) both}
.mdg-farm-say.is-out{animation:mdg-farm-say-out .32s ease-in both}
@keyframes mdg-farm-say-in{
	0%{transform:translateY(18px) scale(.86);opacity:0}
	100%{transform:translateY(0) scale(1);opacity:1}
}
@keyframes mdg-farm-say-out{
	to{transform:translateY(12px) scale(.92);opacity:0}
}
.mdg-farm-coach{
	position:absolute;left:.45rem;right:.45rem;top:.4rem;z-index:15;
	display:flex;align-items:center;gap:.45rem;
	padding:.32rem .4rem .32rem .32rem;border-radius:.95rem;
	background:
		linear-gradient(180deg, rgba(255,255,255,.12), transparent 40%),
		linear-gradient(180deg,#1a2744,#070d1a);
	border:1px solid rgba(243,229,171,.32);
	box-shadow:0 .35rem .7rem rgba(0,0,0,.4);
	pointer-events:none;
}
.mdg-farm-coach img{
	width:2.55rem;height:2.55rem;border-radius:50%;object-fit:cover;flex:none;
	box-shadow:0 0 0 2px #c9a227, 0 0 0 4px #5a4210;
	background:#0b1224;
}
.mdg-farm-coach-copy{flex:1;min-width:0;text-align:left}
.mdg-farm-coach-copy strong{
	display:block;font-size:.68rem;color:#ffe08a;letter-spacing:.04em;text-transform:uppercase
}
.mdg-farm-coach-copy span{
	display:block;font-size:.7rem;color:#e2e8f0;line-height:1.25;margin-top:.08rem
}
.mdg-farm-coach-skip{
	appearance:none;border:1px solid rgba(243,229,171,.28);
	background:rgba(7,13,26,.55);color:#ffe08a;border-radius:.7rem;
	padding:.28rem .45rem;font-size:.62rem;font-weight:800;cursor:pointer;flex:none;
	pointer-events:auto
}
.mdg-farm-welcome-card{max-width:20rem}
.mdg-farm-welcome-ava{
	width:5.4rem;height:5.4rem;margin:0 auto .35rem;border-radius:50%;padding:.16rem;
	background:conic-gradient(from 200deg,#8a6a12,#f3e5ab 40%,#c9a227 70%,#8a6a12);
	box-shadow:0 .4rem .8rem rgba(0,0,0,.4)
}
.mdg-farm-welcome-ava img{
	width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;background:#0b1224
}
.mdg-farm-talk{z-index:18}
.mdg-farm-talk-card{width:min(22rem,94%);text-align:left}
.mdg-farm-talk-cast{
	display:flex;justify-content:space-between;gap:.6rem;margin:.1rem 0 .45rem
}
.mdg-farm-talk-who{display:flex;flex-direction:column;align-items:center;gap:.18rem;flex:1}
.mdg-farm-talk-who img{
	width:4.4rem;height:4.4rem;border-radius:50%;object-fit:cover;
	box-shadow:0 0 0 3px #c9a227, 0 0 0 6px #5a4210, 0 .3rem .5rem rgba(0,0,0,.4);
	background:#0b1224
}
.mdg-farm-talk-who span{
	font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#ffe08a
}
.mdg-farm-talk-log{
	display:flex;flex-direction:column;gap:.32rem;min-height:6.4rem;max-height:9.5rem;overflow:auto;
	padding:.1rem .05rem .2rem
}
.mdg-farm-bubble{
	max-width:88%;padding:.38rem .55rem;border-radius:.85rem;font-size:.78rem;font-weight:700;line-height:1.3;
	animation:mdg-farm-say-in .32s ease both
}
.mdg-farm-bubble.is-you{
	align-self:flex-start;background:linear-gradient(180deg,#365314,#1a2e05);color:#ecfccb;
	border-bottom-left-radius:.2rem
}
.mdg-farm-bubble.is-hank{
	align-self:flex-end;background:linear-gradient(180deg,#7f1d1d,#450a0a);color:#fee2e2;
	border-bottom-right-radius:.2rem
}
.mdg-fight-dock{
	display:flex;flex-direction:row;gap:.28rem;padding:.18rem .28rem .22rem;
	width:100%;flex:none;min-height:0;
	background:linear-gradient(180deg, transparent, rgba(7,13,26,.88) 32%);
}
.mdg-fight-side{
	flex:1 1 0%;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:.16rem;
	padding:.12rem .16rem .16rem;border-radius:.7rem;
	border:1px solid rgba(243,229,171,.18);
	background:rgba(7,13,26,.42);
}
.mdg-fight-side.is-p2{border-color:rgba(34,211,238,.28)}
.mdg-fight-who{
	flex:1 0 100%;
	font-size:.62rem;font-weight:800;color:#ffe08a;letter-spacing:.04em;
	text-align:center;text-transform:uppercase;
}
.mdg-fight-side.is-p2 .mdg-fight-who{color:#a5f3fc}
.mdg-fight-move,.mdg-fight-hits{
	display:flex;gap:.22rem;justify-content:center;flex-wrap:wrap;
	flex:1 1 auto;
}
#mdg_stage.mdg-hand-left .mdg-fight-who{order:1}
#mdg_stage.mdg-hand-left .mdg-fight-hits{order:2}
#mdg_stage.mdg-hand-left .mdg-fight-move{order:3}
.mdg-fight-move .mdg-btn{min-width:2.4rem;min-height:2.15rem;padding:0;font-size:1rem}
.mdg-fight-move .mdg-keys-pad{
	grid-template-columns:repeat(3,2.05rem);
	grid-template-rows:1.75rem 1.75rem;
	gap:.16rem .12rem;
}
.mdg-fight-hits .mdg-btn{min-width:3.4rem;min-height:2.05rem;font-size:.72rem;padding:.12rem .28rem}
.mdg-fight-super{
	background:linear-gradient(180deg,#fbbf24,#b45309)!important;color:#1c1008!important;
	border-color:rgba(253,224,71,.55)!important;
}
#mdg_stage[data-game="pit_clash"] .mdg-fire-dock{
	flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:.22rem;
}
#mdg_stage.mdg-hand-left[data-game="pit_clash"] .mdg-fire-dock{
	align-items:flex-start;
}
#mdg_stage[data-game="pit_clash"] .mdg-fire-dock .mdg-fight-hits{
	justify-content:flex-end;max-width:11.2rem;gap:.28rem;
}
#mdg_stage.mdg-hand-left[data-game="pit_clash"] .mdg-fire-dock .mdg-fight-hits{
	justify-content:flex-start;
}
#mdg_stage[data-game="pit_clash"] .mdg-fight-side .mdg-stick{
	width:5.4rem;height:5.4rem;flex:none;
}
#mdg_stage[data-game="pit_clash"] .mdg-fight-side .mdg-stick-knob{
	width:2.3rem;height:2.3rem;margin:-1.15rem;
}
#mdg_stage[data-game="pit_clash"]{
	background:
		radial-gradient(70% 40% at 50% 0%, rgba(251,191,36,.16), transparent 55%),
		linear-gradient(180deg,#3b1d2a 0%,#1a0f14 100%);
	justify-content:flex-start;
}
#mdg_stage[data-game="pit_clash"] canvas{
	width:100%;height:100%;max-width:100%;max-height:100%;flex:1 1 0%;min-height:0;
}
#mdg_stage .mdg-sweet-canvas{
	width:100%;height:100%;max-width:100%;max-height:100%;
}
#mdg_stage.has-pad{
	justify-content:flex-start;
	padding-bottom:0;
}
#mdg_stage.has-pad canvas{
	flex:0 0 auto;
	min-height:0;
	margin:.12rem auto 0;
	max-height:none;
}
#mdg_stage[data-game="pump_burrow"]{
	background:
		radial-gradient(80% 42% at 50% 0%, rgba(251,191,36,.2), transparent 56%),
		linear-gradient(180deg,#3a2416 0%,#140e0b 100%);
}
#mdg_stage[data-game="pump_burrow"] canvas{
	flex:1 1 0%;
	min-width:0;min-height:0;
	width:100%;max-width:100%;max-height:100%;
	margin:.04rem auto 0;
}
#mdg_stage[data-game="maze_munch"] canvas{
	flex:1 1 0%;
	min-width:0;min-height:0;
	width:100%;max-width:100%;max-height:100%;
	margin:.04rem auto 0;
}
#mdg_stage[data-game="maze_munch"] .mdg-steer-dock{
	min-height:6.2rem;
	padding:.08rem .35rem .16rem;
}
#md_games_root.mdg-compact #mdg_stage[data-game="maze_munch"] .mdg-steer-dock{
	min-height:5.5rem;
}
.mdg-cab-glass{
	position:absolute;inset:.42rem;border-radius:.85rem;pointer-events:none;z-index:3;
	background:
		linear-gradient(125deg, rgba(255,255,255,.26) 0%, rgba(255,255,255,.07) 22%, transparent 42%),
		radial-gradient(circle at 80% 86%, rgba(255,255,255,.08), transparent 36%);
}
.mdg-cab-stand{
	width:42%;height:.42rem;margin:.16rem auto 0;
	background:linear-gradient(180deg,#f3e5ab,#8a6a12 55%,#3a2a10);
	border-radius:0 0 .35rem .35rem;
	box-shadow:0 .3rem .6rem rgba(0,0,0,.4);
}
.mdg-help{margin:0;font-size:.68rem;color:rgba(226,232,240,.7);flex:none;line-height:1.3;min-height:0}
.mdg-marquee-tools{
	display:flex;flex-wrap:wrap;justify-content:center;gap:.28rem;margin:.32rem 0 .08rem;position:relative;z-index:3;pointer-events:auto;
}
.mdg-chip{
	appearance:none;border:1px solid rgba(243,229,171,.28);
	background:rgba(7,13,26,.55);color:#ffe08a;cursor:pointer;
	border-radius:999px;padding:.22rem .55rem;font-size:.68rem;font-weight:800;
	display:inline-flex;align-items:center;gap:.28rem;min-height:1.7rem;
}
.mdg-chip.is-on,.mdg-chip:hover{background:linear-gradient(180deg,#e879f9,#a21caf);color:#fff;border-color:transparent}
#mdg_admin_btn{border-color:rgba(232,121,249,.55);color:#f5d0fe}
.mdg-chip.is-off{opacity:.7}
.mdg-help-card{text-align:left;max-height:86%;overflow:auto}
.mdg-help-copy{white-space:pre-wrap;text-align:left;line-height:1.4;font-size:.78rem}
.mdg-help-actions{display:flex;justify-content:center}
.mdg-help-hint-row{
	display:flex;align-items:center;justify-content:space-between;gap:12px;
	margin:10px 0 12px;padding:10px 12px;border-radius:12px;
	border:1px solid rgba(243,229,171,.22);
	background:rgba(7,13,26,.45);
}
.mdg-help-hint-row .mdg-set-copy strong{
	display:block;font-size:.82rem;font-weight:800;color:#ffe08a
}
.mdg-help-hint-row .mdg-set-copy span{
	display:block;font-size:.7rem;color:rgba(226,232,240,.72);margin-top:2px
}
.mdg-help-hint-row .mdg-set-sw{
	-webkit-appearance:none;appearance:none;flex-shrink:0;width:46px;height:28px;padding:0;border:0;border-radius:999px;
	background:#475569;position:relative;cursor:pointer
}
.mdg-help-hint-row .mdg-set-sw.is-on{background:#c026d3}
.mdg-help-hint-row .mdg-set-knob{
	position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;
	background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.28);transition:transform .15s ease;
	pointer-events:none
}
.mdg-help-hint-row .mdg-set-sw.is-on .mdg-set-knob{transform:translateX(18px)}
.mdg-name-in{
	width:100%;border-radius:.7rem;border:1px solid rgba(243,229,171,.3);
	background:#070d1a;color:#fff;padding:.45rem .6rem;font-size:.9rem;margin:.2rem 0 .5rem;
}
.mdg-board-tabs{
	display:flex;flex-wrap:nowrap;gap:.28rem;overflow-x:auto;flex:none;padding:.05rem 0 .1rem;
	-webkit-overflow-scrolling:touch;
}
.mdg-board-list{
	flex:1 1 0%;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:.28rem;
	padding:.1rem .05rem .3rem;
}
.mdg-board-row{
	display:grid;grid-template-columns:1.6rem 1fr auto auto;gap:.4rem;align-items:center;
	padding:.38rem .55rem;border-radius:.75rem;
	background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 40%),linear-gradient(180deg,#1a2744,#0b1224);
	border:1px solid rgba(243,229,171,.16);
	box-shadow:0 .2rem .4rem rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.1);
}
.mdg-board-row.is-you{border-color:rgba(234,179,8,.55);box-shadow:0 0 .7rem rgba(234,179,8,.2)}
.mdg-rank{font-weight:800;color:#ffe08a}
.mdg-who{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mdg-pts{font-weight:800;color:#fde047;font-variant-numeric:tabular-nums}
.mdg-lv{font-size:.68rem;color:rgba(226,232,240,.65)}
.mdg-board-empty{text-align:center;color:rgba(226,232,240,.7);padding:1rem .5rem}
.mdg-toast{
	position:fixed;left:50%;bottom:1.25rem;transform:translateX(-50%);
	z-index:90;pointer-events:none;
}
.mdg-toast-arcade{
	bottom:max(1.1rem,env(safe-area-inset-bottom));
}
.mdg-toast-bezel{
	min-width:min(18rem,86vw);max-width:22rem;
	border-radius:1.05rem;padding:.38rem .42rem .4rem;
	transform:none;
	background:
		conic-gradient(from 210deg,
			#8a6a12 0deg,#f3e5ab 40deg,#c9a227 80deg,#7a5a10 130deg,
			#f8e7a0 180deg,#b08920 230deg,#efe0a0 280deg,#8a6a12 360deg);
	box-shadow:
		0 1.1rem 1.8rem rgba(0,0,0,.48),
		0 0 0 .1rem rgba(243,229,171,.4),
		inset 0 0 0 .06rem rgba(255,255,255,.4),
		.28rem .4rem 0 -.08rem #5a4210;
}
.mdg-toast-screen{
	position:relative;z-index:1;border-radius:.78rem;overflow:hidden;
	padding:.42rem .7rem .46rem;text-align:center;
	background:
		radial-gradient(120% 90% at 18% 0%, rgba(192,38,211,.32), transparent 52%),
		linear-gradient(180deg,#1a2744,#070d1a);
	box-shadow:inset 0 0 0 .08rem rgba(15,23,42,.55), inset 0 .5rem .8rem rgba(0,0,0,.32);
}
.mdg-toast-kicker{
	display:block;font-size:.58rem;letter-spacing:.22em;font-weight:800;
	color:#ffe08a;text-shadow:0 0 10px rgba(251,191,36,.7);
}
.mdg-toast-copy{
	display:block;margin-top:.12rem;font-size:.9rem;font-weight:800;color:#fff;
	text-shadow:0 0 12px rgba(251,191,36,.35);
}
.mdg-toast-glass{
	position:absolute;inset:.38rem .42rem .4rem;border-radius:.78rem;pointer-events:none;z-index:2;
	background:linear-gradient(125deg, rgba(255,255,255,.3) 0%, rgba(255,255,255,.08) 24%, transparent 46%);
}
.mdg-toast.is-win .mdg-toast-screen{
	background:radial-gradient(120% 90% at 50% 0%, rgba(251,191,36,.45), transparent 55%),linear-gradient(180deg,#3b2a08,#120c04);
}
.mdg-toast.is-lose .mdg-toast-screen{
	background:radial-gradient(120% 90% at 50% 0%, rgba(239,68,68,.4), transparent 55%),linear-gradient(180deg,#3b1020,#12060c);
}
.mdg-toast.is-coin .mdg-toast-screen{
	background:radial-gradient(120% 90% at 50% 0%, rgba(34,211,238,.32), transparent 55%),linear-gradient(180deg,#0b2a3a,#070d1a);
}
.mdg-toast.is-in .mdg-toast-bezel{animation:mdg-toast-pop .48s cubic-bezier(.2,1.4,.3,1) both}
.mdg-toast.is-out .mdg-toast-bezel{animation:mdg-toast-drop .38s ease-in both}
@keyframes mdg-toast-pop{
	0%{transform:translateY(18px) scale(.92);opacity:0}
	60%{transform:translateY(-4px) scale(1.02);opacity:1}
	100%{transform:none;opacity:1}
}
@keyframes mdg-toast-drop{
	to{transform:translateY(16px) scale(.94);opacity:0}
}
.mdg-overlay{
	position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
	background:rgba(7,13,26,.55);color:#fff;text-align:center;padding:.7rem;gap:.5rem;z-index:8;
	backdrop-filter:blur(6px);
}
.mdg-overlay-card{
	transform:none;
	background:
		linear-gradient(180deg, rgba(255,255,255,.1), transparent 40%),
		linear-gradient(180deg,#1a2744,#070d1a);
	border:1px solid rgba(243,229,171,.28);
	border-radius:1.1rem;padding:.95rem 1rem .9rem;min-width:min(16rem,86%);
	box-shadow:0 1.2rem 2rem rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.16);
}
.mdg-overlay h3{margin:0;font-size:1.25rem;color:#ffe08a;text-shadow:0 0 12px rgba(251,191,36,.45)}
.mdg-overlay p{margin:.3rem 0 .55rem;opacity:.9;font-size:.82rem}
.mdg-overlay.mdg-controls-ov{z-index:14}
.mdg-controls-card{max-height:92%;overflow:auto}
.mdg-ctrl-picks{display:flex;flex-direction:column;gap:.38rem;margin:.15rem 0 .55rem;text-align:left}
.mdg-ctrl-pick{
	appearance:none;border:1px solid rgba(243,229,171,.28);
	background:linear-gradient(180deg,#243154,#121a30);color:#f8fafc;
	border-radius:.9rem;padding:.55rem .7rem;cursor:pointer;width:100%;
	display:flex;flex-direction:column;align-items:flex-start;gap:.08rem;
	box-shadow:0 .14rem 0 #050814, inset 0 1px 0 rgba(255,255,255,.12);
}
.mdg-ctrl-pick strong{font-size:.92rem;color:#ffe08a}
.mdg-ctrl-pick span{font-size:.72rem;font-weight:600;color:rgba(226,232,240,.78)}
.mdg-ctrl-pick.is-on{
	background:linear-gradient(180deg,#f3e5ab,#c9a227);
	border-color:rgba(243,229,171,.7);color:#1c1408;
	box-shadow:0 .16rem 0 #5a4210, inset 0 1px 0 rgba(255,255,255,.45);
}
.mdg-ctrl-pick.is-on strong{color:#1c1408}
.mdg-ctrl-pick.is-on span{color:#4a3a16}
.mdg-ctrl-label{
	font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
	color:rgba(253,224,71,.82);margin:.12rem 0 .08rem .08rem;text-align:left;
}
.mdg-ctrl-hands{display:grid;grid-template-columns:1fr 1fr;gap:.38rem;margin:.15rem 0 .55rem}
.mdg-ctrl-hands,.mdg-set-ctrl-hands{direction:ltr}
.mdg-ctrl-hands .mdg-ctrl-pick{padding:.48rem .5rem}
.mdg-ctrl-hands .mdg-ctrl-pick span{font-size:.64rem}
.mdg-pad{
	display:flex;justify-content:center;gap:.4rem;padding:.35rem;flex-wrap:wrap;
	position:relative;left:auto;right:auto;bottom:auto;z-index:2;flex:none;
	width:100%;
	background:linear-gradient(180deg, transparent, rgba(7,13,26,.82) 36%);
}
.mdg-pad button{min-width:2.8rem;min-height:2.4rem;font-size:.95rem}
.mdg-dpad{
	display:grid;
	grid-template-columns:repeat(3,2.7rem);
	grid-template-rows:2.25rem 2.25rem;
	justify-content:center;
	justify-items:stretch;
	align-items:stretch;
	gap:.22rem;
	width:max-content;
	max-width:100%;
	margin:0 auto;
	padding:.18rem .45rem .32rem;
	left:auto;
	right:auto;
	transform:none;
}
.mdg-dpad .mdg-btn{
	min-width:0;min-height:0;padding:0;font-size:1.1rem;
	display:flex;align-items:center;justify-content:center;
}
.mdg-dpad .is-up{grid-column:2;grid-row:1}
.mdg-dpad .is-left{grid-column:1;grid-row:2}
.mdg-dpad .is-down{grid-column:2;grid-row:2}
.mdg-dpad .is-right{grid-column:3;grid-row:2}
.mdg-keys-pad{
	display:grid;
	grid-template-columns:repeat(3,2.65rem);
	grid-template-rows:2.2rem 2.2rem;
	gap:.22rem .18rem;
	justify-content:center;
	align-content:center;
	width:max-content;
	max-width:100%;
	margin:0 auto;
	direction:ltr;
	touch-action:none;
	user-select:none;
	flex:none;
}
.mdg-pad.mdg-keys-pad{
	display:grid;
	width:100%;
	min-height:5.2rem;
	padding:.16rem .35rem .22rem;
	background:linear-gradient(180deg, transparent, rgba(7,13,26,.88) 42%);
}
.mdg-key-arrow{
	appearance:none;
	border:1px solid #94a3b8;
	border-radius:.42rem;
	margin:0;
	padding:0;
	min-width:0;
	min-height:0;
	font-size:1.2rem;
	font-weight:800;
	line-height:1;
	color:#0f172a;
	cursor:pointer;
	touch-action:none;
	user-select:none;
	background:linear-gradient(180deg,#f8fafc 0%,#e2e8f0 58%,#cbd5e1 100%);
	box-shadow:0 .16rem 0 #64748b, inset 0 1px 0 #fff;
}
.mdg-key-arrow.is-up{grid-column:2;grid-row:1}
.mdg-key-arrow.is-left{grid-column:1;grid-row:2}
.mdg-key-arrow.is-down{grid-column:2;grid-row:2}
.mdg-key-arrow.is-right{grid-column:3;grid-row:2}
.mdg-key-arrow.is-held{
	transform:translateY(.1rem);
	background:linear-gradient(180deg,#e2e8f0,#94a3b8);
	box-shadow:0 .05rem 0 #475569, inset 0 1px 0 #fff;
}
.mdg-pad .mdg-key-arrow{
	min-width:0;
	min-height:0;
	padding:0;
	font-size:1.2rem;
}
#md_games_root.mdg-compact .mdg-keys-pad{
	grid-template-columns:repeat(3,2.25rem);
	grid-template-rows:1.9rem 1.9rem;
}
#md_games_root.mdg-compact .mdg-key-arrow{font-size:1.05rem}

/* Virtual joystick sits under the board, never over it */
.mdg-steer-dock{
	display:flex;flex-direction:column;align-items:center;justify-content:flex-end;
	gap:.22rem;padding:.12rem .35rem .22rem;flex:none;flex-shrink:0;width:100%;
	min-height:7.2rem;position:relative;z-index:4;
	background:linear-gradient(180deg, transparent, rgba(7,13,26,.88) 42%);
}
.mdg-steer-dock.is-tilt{min-height:2.4rem;padding:.1rem .35rem .16rem}
.mdg-steer-dock.is-keys{min-height:5.4rem;padding:.12rem .35rem .2rem}
.mdg-steer-dock.is-swipe{display:none}
.mdg-steer-modes{display:flex;gap:.28rem;justify-content:center;flex:none}
.mdg-steer-chip{min-height:1.55rem;padding:.16rem .55rem;font-size:.64rem}
.mdg-steer-chip.is-on{
	background:linear-gradient(180deg,#f3e5ab,#c9a227);
	color:#1c1408;border-color:rgba(243,229,171,.7);
}
.mdg-steer-play{
	display:flex;align-items:center;justify-content:center;gap:.7rem;
	width:100%;flex:none;padding:.04rem 0 .08rem;
}
#mdg_stage.has-fire .mdg-steer-play{justify-content:flex-start}
#mdg_stage.mdg-hand-right:not(.has-fire) .mdg-steer-play{justify-content:flex-end;padding-right:.35rem}
#mdg_stage.mdg-hand-left:not(.has-fire) .mdg-steer-play{justify-content:flex-start;padding-left:.35rem}
.mdg-fire-dock{
	display:flex;align-items:flex-end;justify-content:flex-end;
	padding:.12rem .7rem .28rem;flex:none;flex-shrink:0;width:100%;
	min-height:7.7rem;position:relative;z-index:4;
	background:linear-gradient(180deg, transparent, rgba(7,13,26,.88) 42%);
}
#mdg_stage.mdg-stage-steer.has-fire{
	display:grid;
	grid-template-columns:1fr 1fr;
	grid-template-rows:minmax(0,1fr) auto;
	grid-template-areas:
		"board board"
		"joy fire";
	align-items:stretch;justify-items:stretch;
}
#mdg_stage.mdg-hand-left.mdg-stage-steer.has-fire{
	grid-template-areas:
		"board board"
		"fire joy";
}
#mdg_stage.has-fire > canvas,
#mdg_stage.has-fire .mdg-maze-wrap,
#mdg_stage.has-fire .mdg-board{
	grid-area:board;width:100%;height:100%;max-width:100%;max-height:100%;
	min-width:0;min-height:0;margin:auto;
}
#mdg_stage.has-fire .mdg-steer-dock{
	grid-area:joy;width:100%;align-items:flex-start;padding-left:.55rem;
	background:linear-gradient(180deg, transparent, rgba(7,13,26,.88) 42%);
}
#mdg_stage.mdg-hand-left.has-fire .mdg-steer-dock{
	align-items:flex-end;padding-left:.35rem;padding-right:.55rem;
}
#mdg_stage.mdg-hand-left.has-fire .mdg-steer-play{justify-content:flex-end}
#mdg_stage.has-fire .mdg-fire-dock{grid-area:fire;width:100%}
#mdg_stage.mdg-hand-left.has-fire .mdg-fire-dock{
	align-items:flex-start;justify-content:flex-start;padding-left:.7rem;padding-right:.35rem;
}
#mdg_stage.mdg-steer-swipe.has-fire{
	grid-template-columns:1fr;
	grid-template-areas:
		"board"
		"fire";
}
#mdg_stage.mdg-steer-swipe.has-fire .mdg-fire-dock{grid-area:fire;width:100%}
#mdg_stage.mdg-hand-left.mdg-steer-swipe.has-fire .mdg-fire-dock{
	align-items:flex-start;justify-content:flex-start;
}
.mdg-stick-wrap{flex:none}
.mdg-stick{
	width:6.9rem;height:6.9rem;border-radius:50%;position:relative;
	touch-action:none;cursor:grab;
	background:
		radial-gradient(circle at 50% 42%, #1a2744 0%, #070d1a 72%),
		conic-gradient(from 210deg,#8a6a12,#f3e5ab 40%,#c9a227 80%,#7a5a10 130%,#f8e7a0 180%,#b08920 230%,#8a6a12);
	box-shadow:
		inset 0 0 0 .28rem rgba(201,162,39,.85),
		inset 0 .45rem .6rem rgba(0,0,0,.45),
		0 .35rem .55rem rgba(0,0,0,.4);
}
.mdg-stick-knob{
	position:absolute;left:50%;top:50%;width:2.94rem;height:2.94rem;margin:-1.47rem;
	border-radius:50%;pointer-events:none;
	background:
		radial-gradient(circle at 32% 28%, #fffef8, #e8c547 36%, #8a6a12 78%, #3a2a10);
	box-shadow:
		0 .28rem .4rem rgba(0,0,0,.45),
		inset 0 1px 0 rgba(255,255,255,.55),
		inset 0 -6px 8px rgba(58,42,16,.35);
	transition:transform .05s linear;
}
.mdg-stick-fire{
	appearance:none;border:0;width:4.2rem;height:4.2rem;border-radius:50%;
	font-weight:800;font-size:.82rem;color:#fffef8;cursor:pointer;
	background:
		radial-gradient(circle at 32% 28%, #fecaca, #ef4444 42%, #9f1239 78%);
	box-shadow:
		0 .28rem .45rem rgba(0,0,0,.4),
		inset 0 1px 0 rgba(255,255,255,.45),
		0 0 0 .18rem rgba(243,229,171,.35);
}
.mdg-stick-fire:active{transform:translateY(1px) scale(.96)}
.mdg-tilt-hint{
	font-size:.72rem;font-weight:800;color:#ffe08a;letter-spacing:.04em;
	padding:.12rem 0 .08rem;
}
#mdg_stage.mdg-stage-steer{justify-content:flex-start}
#mdg_stage.has-pad .mdg-maze-wrap{
	height:auto;flex:1 1 0%;min-height:0;max-height:none;
}
#mdg_stage.has-pad .mdg-board.mdg-merge{
	flex:1 1 0%;height:auto;max-height:none;
}

/* Color Sort — 3D glass tubes that keep their bases on screen */
#mdg_stage[data-game="color_sort"]{
	justify-content:stretch;align-items:center;
	padding:.42rem .32rem .28rem;gap:.12rem;
}
#mdg_stage[data-game="color_sort"] .mdg-pad{
	position:relative;left:auto;right:auto;bottom:auto;transform:none;
	padding:.08rem .2rem 0;background:none;z-index:4;
}
#mdg_stage[data-game="color_sort"] .mdg-pad button{
	min-height:2.05rem;padding:.28rem .7rem;font-size:.78rem;
}
.mdg-tubes{
	display:flex;flex-wrap:nowrap;justify-content:center;align-items:flex-end;
	gap:var(--gap,clamp(.14rem,.9cqw,.38rem));
	padding:.55rem .15rem .9rem;overflow:visible;
	width:100%;flex:1 1 0%;height:auto;min-height:0;position:relative;
}
.mdg-tubes.is-wrap{
	flex-wrap:wrap;align-content:center;justify-content:center;row-gap:.42rem;
	max-width:100%;
}
.mdg-tubes::before{
	content:'';position:absolute;left:50%;bottom:.12rem;height:.62rem;
	width:var(--rack-w,70%);max-width:calc(100% - 1.2rem);
	transform:translateX(-50%);
	border-radius:999px;background:linear-gradient(180deg,#c9a227,#8a6a12 48%,#3a2a10);
	box-shadow:0 .28rem .5rem rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.28);
	opacity:.92;pointer-events:none;z-index:0;
}
.mdg-tube{
	appearance:none;position:relative;z-index:1;flex-shrink:0;
	width:var(--tw,min(2.55rem,calc((100% - (var(--n,6) - 1) * clamp(.14rem,.9cqw,.38rem)) / var(--n,6))));
	height:var(--th,calc(100% - .18rem));min-height:0;max-height:none;flex:0 0 auto;
	border:0;cursor:pointer;padding:8px 3px 7px;gap:2px;
	display:flex;flex-direction:column-reverse;align-items:center;justify-content:flex-start;
	border-radius:.95rem .95rem 1.15rem 1.15rem;overflow:visible;
	background:
		linear-gradient(90deg, rgba(255,255,255,.4), rgba(255,255,255,.06) 18%, rgba(148,163,184,.12) 50%, rgba(255,255,255,.08) 82%, rgba(255,255,255,.42));
	box-shadow:
		inset 7px 0 10px rgba(255,255,255,.28),
		inset -6px 0 10px rgba(15,23,42,.22),
		inset 0 -12px 14px rgba(15,23,42,.16),
		0 8px 12px rgba(0,0,0,.26);
	transform:none;
	transform-origin:50% 100%;
	transition:transform .16s ease, box-shadow .16s ease;
}
.mdg-tube::before{
	content:'';position:absolute;left:-3px;right:-3px;top:2px;height:12px;border-radius:50%;
	background:
		radial-gradient(circle at 50% 40%, rgba(255,255,255,.72), rgba(226,232,240,.16) 42%, rgba(148,163,184,.55));
	box-shadow:inset 0 2px 3px rgba(255,255,255,.7), 0 2px 4px rgba(0,0,0,.2);
	z-index:2;pointer-events:none;
}
.mdg-tube::after{
	content:'';position:absolute;left:10%;right:10%;bottom:5px;height:9px;border-radius:50%;
	background:radial-gradient(circle at 50% 40%, rgba(255,255,255,.28), rgba(15,23,42,.28) 70%);
	box-shadow:0 4px 5px rgba(0,0,0,.28);pointer-events:none;z-index:0;
}
.mdg-tube.is-on{
	transform:translateY(-4px);
	box-shadow:
		inset 7px 0 10px rgba(255,255,255,.32),
		0 0 0 3px color-mix(in srgb, var(--mdg-accent) 55%, transparent),
		0 14px 18px rgba(0,0,0,.3);
}
.mdg-ball{
	width:78%;aspect-ratio:1;height:auto;
	border-radius:50%;flex:none;position:relative;z-index:1;
	background:
		radial-gradient(circle at 32% 26%, rgba(255,255,255,.92) 0%, rgba(255,255,255,.18) 18%, transparent 40%),
		radial-gradient(circle at 50% 60%, var(--c,#ef4444), color-mix(in srgb, var(--c,#ef4444) 45%, #000));
	box-shadow:
		0 4px 6px rgba(0,0,0,.26),
		inset -5px -6px 9px rgba(0,0,0,.28),
		inset 4px 5px 6px rgba(255,255,255,.22);
}
.mdg-tubes.is-many .mdg-ball{
	background:
		radial-gradient(circle at 34% 28%, rgba(255,255,255,.62) 0%, rgba(255,255,255,.08) 12%, transparent 24%),
		radial-gradient(circle at 50% 56%, var(--c,#ef4444), color-mix(in srgb, var(--c,#ef4444) 78%, #000));
}

/* Purrfect Pets / Memory / Tile Merge boards */
.mdg-board{
	display:grid;gap:5px;padding:8px;width:100%;height:100%;
	max-width:100%;max-height:100%;margin:auto;aspect-ratio:auto;
	min-height:0;min-width:0;flex:1 1 0%;
}
.mdg-gems,.mdg-cards{
	background:linear-gradient(180deg,#1a2744,#070d1a);
	border-radius:.85rem;padding:8px;gap:6px;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 .6rem .9rem rgba(0,0,0,.28);
	transform:none;
}
.mdg-gems{gap:5px}
.mdg-gem{
	appearance:none;border:0;aspect-ratio:1;cursor:pointer;position:relative;padding:0;
	background:transparent;min-width:0;min-height:0;
}
.mdg-gem-body{
	display:block;width:100%;height:100%;border-radius:28%;
	background:
		radial-gradient(circle at 30% 24%, rgba(255,255,255,.85), transparent 28%),
		linear-gradient(160deg, color-mix(in srgb, var(--g,#ef4444) 70%, #fff), var(--g,#ef4444) 42%, color-mix(in srgb, var(--g,#ef4444) 55%, #000));
	box-shadow:
		0 .18rem 0 color-mix(in srgb, var(--g,#ef4444) 40%, #000),
		0 .38rem .55rem rgba(0,0,0,.38),
		inset 0 1px 0 rgba(255,255,255,.45);
	transform:none;
	clip-path:polygon(50% 4%, 92% 28%, 92% 72%, 50% 96%, 8% 72%, 8% 28%);
	transition:transform .14s ease, filter .14s ease;
}
.mdg-gem.is-sel .mdg-gem-body{
	transform:scale(1.05);
	filter:brightness(1.12) drop-shadow(0 0 10px var(--g,#fff));
	outline:none;
}
.mdg-gem-shine{
	position:absolute;inset:14% 22% auto 18%;height:28%;border-radius:50%;
	background:linear-gradient(180deg, rgba(255,255,255,.7), transparent);
	pointer-events:none;
}
.mdg-cell{
	border:0;border-radius:.5rem;aspect-ratio:auto;width:100%;height:100%;cursor:pointer;font-weight:800;color:#fff;position:relative;min-width:0;min-height:0;
}
.mdg-merge{
	background:
		linear-gradient(180deg,#8a6a4a,#4a3728 55%,#2a1d14);
	padding:8px;border-radius:.85rem;
	box-shadow:
		0 .8rem 1.2rem rgba(0,0,0,.4),
		inset 0 1px 0 rgba(255,255,255,.22);
	transform:none;
	gap:6px;
}
.mdg-merge .mdg-cell{
	border-radius:.5rem;cursor:default;
	box-shadow:
		0 .14rem 0 rgba(0,0,0,.35),
		0 .28rem .42rem rgba(0,0,0,.28),
		inset 0 1px 0 rgba(255,255,255,.38),
		inset 0 -8px 12px rgba(0,0,0,.18);
	transform:none;
	text-shadow:0 1px 0 rgba(255,255,255,.2), 0 2px 0 rgba(0,0,0,.2);
}
.mdg-card{
	appearance:none;border:0;border-radius:.72rem;aspect-ratio:1;width:100%;height:100%;cursor:pointer;
	background:transparent;color:#fff;font-size:clamp(1.7rem,42cqw,3.2rem);padding:0;
	perspective:760px;min-width:0;min-height:0;container-type:size;
}
.mdg-card-inner{
	position:relative;display:block;width:100%;height:100%;
	transform-style:preserve-3d;transition:transform .42s cubic-bezier(.2,.8,.2,1);
}
.mdg-card.is-up .mdg-card-inner,.mdg-card.is-gone .mdg-card-inner{transform:rotateY(180deg)}
.mdg-card-back,.mdg-card-face{
	position:absolute;inset:0;border-radius:.72rem;display:flex;align-items:center;justify-content:center;
	backface-visibility:hidden;-webkit-backface-visibility:hidden;
	box-shadow:
		0 .16rem 0 #050814,
		0 .38rem .55rem rgba(0,0,0,.4),
		inset 0 1px 0 rgba(255,255,255,.28);
}
.mdg-card-back{
	background:
		radial-gradient(circle at 50% 42%, rgba(243,229,171,.22), transparent 58%),
		repeating-linear-gradient(45deg, rgba(243,229,171,.16) 0 5px, transparent 5px 11px),
		repeating-linear-gradient(-45deg, rgba(212,175,55,.14) 0 5px, transparent 5px 11px),
		linear-gradient(160deg,#8a6914,#3d2a0a 46%,#16100a);
	color:#ffe08a;font-weight:800;letter-spacing:.04em;
	text-shadow:0 2px 0 rgba(0,0,0,.45),0 0 14px rgba(243,229,171,.45);
}
.mdg-card-face{
	background:
		radial-gradient(circle at 50% 42%, rgba(243,229,171,.16), transparent 62%),
		linear-gradient(180deg,#2c3b5e,#121a2e 70%,#0a101c);
	color:#ffe08a;transform:rotateY(180deg);
	box-shadow:
		0 .16rem 0 #050814,
		0 .38rem .55rem rgba(0,0,0,.4),
		inset 0 0 0 2px rgba(212,175,55,.78),
		inset 0 0 0 5px rgba(18,24,42,.92),
		inset 0 1px 0 rgba(255,255,255,.22);
	overflow:hidden;
}
.mdg-card-face img{
	display:block;width:92%;height:92%;object-fit:contain;pointer-events:none;
	filter:drop-shadow(0 4px 8px rgba(0,0,0,.45));
	user-select:none;-webkit-user-drag:none;
}
.mdg-card.is-gone{visibility:hidden}
#mdg_stage[data-game="memory_flip"]{
	background:
		radial-gradient(80% 55% at 50% 0%, rgba(243,229,171,.14), transparent 58%),
		linear-gradient(180deg,#1a2748 0%,#0a1020 100%);
}
#mdg_stage[data-game="memory_flip"] .mdg-cards{
	gap:8px;padding:10px;margin:auto;flex:0 0 auto;
	max-width:100%;max-height:100%;
	background:
		radial-gradient(70% 80% at 50% 20%, rgba(243,229,171,.08), transparent 60%),
		linear-gradient(180deg,#243056,#0c1426);
}

/* Marble maze tray */
.mdg-maze-wrap{
	width:100%;height:100%;display:flex;align-items:center;justify-content:center;
	perspective:920px;touch-action:none;min-height:0;flex:1 1 0%;
}
.mdg-maze-board{
	width:100%;height:100%;max-width:100%;max-height:100%;aspect-ratio:1 / 1;
	transform-style:preserve-3d;
	transform:none;
	transition:transform .08s linear;
}
.mdg-maze-board canvas{width:100%!important;height:100%!important;max-width:100%;max-height:100%}

body.ap-kind-games #ap_workspace,
body.ap-kind-games #module-content{min-height:0;overflow:hidden}
body.ap-kind-games #ap_workspace{
	display:flex;flex-direction:column;overflow:hidden;
	padding:8px;padding-bottom:max(8px,env(safe-area-inset-bottom));
}
body.ap-kind-games #md_games_root{padding:.2rem .08rem .28rem;flex:1 1 0%;height:auto}
#module-content:has(#md_games_root){
	display:flex;flex-direction:column;min-height:0;overflow:hidden;
}
#module-content:has(#md_games_root) #md_games_root{
	flex:1 1 0%;min-height:0;height:100%;
}
body.ap-kind-games #ap_workspace .mdp-section.mdp-app,
body.ap-kind-games #mdp_app_root,
body.ap-kind-games #mdp_app_workspace{height:100%;min-height:0;overflow:hidden}
#md_games_root.mdg-compact .mdg-marquee-bezel{padding:.28rem .4rem .3rem}
#md_games_root.mdg-compact .mdg-marquee-screen{padding:.22rem .45rem .24rem}
#md_games_root.mdg-compact .mdg-marquee-screen h2{font-size:clamp(.92rem,3vw,1.15rem);letter-spacing:.12em}
#md_games_root.mdg-compact .mdg-marquee-tools{margin:.18rem 0 0}
#md_games_root.mdg-compact .mdg-marquee-glass{inset:.28rem .4rem .3rem}
#md_games_root.mdg-compact .mdg-tile.has-art .mdg-tile-caption{padding:16% 6% 6%}
#md_games_root.mdg-compact .mdg-tile.has-art .mdg-best{display:none}
#md_games_root.mdg-compact .mdg-help{display:none}
#md_games_root.mdg-compact .mdg-playbar{gap:.52rem}
#md_games_root.mdg-compact .mdg-play-keys{gap:.48rem}
#md_games_root.mdg-compact .mdg-playbar .mdg-btn{
	min-height:2.42rem;min-width:2.42rem;padding:.32rem .42rem;font-size:.74rem;border-radius:.82rem
}
#md_games_root.mdg-compact .mdg-playbar .mdg-btn span{display:none}
#md_games_root.mdg-compact .mdg-playbar .mdg-btn i{font-size:1.02rem}
#md_games_root.mdg-compact .mdg-play-title{font-size:.82rem;letter-spacing:.05em}
#md_games_root.mdg-compact .mdg-stick{width:5.9rem;height:5.9rem}
#md_games_root.mdg-compact .mdg-stick-knob{width:2.56rem;height:2.56rem;margin:-1.28rem}
#md_games_root.mdg-compact .mdg-stick-fire{width:3.75rem;height:3.75rem;font-size:.74rem}
#md_games_root.mdg-compact .mdg-steer-dock{min-height:6.2rem}
#md_games_root.mdg-compact .mdg-fire-dock{min-height:6.2rem}
#md_games_root.mdg-compact #mdg_stage[data-game="pit_clash"] .mdg-fire-dock{min-height:6.6rem}
#md_games_root.mdg-compact #mdg_stage[data-game="pit_clash"] .mdg-fight-side .mdg-stick{
	width:4.7rem;height:4.7rem
}
#md_games_root.mdg-compact #mdg_stage[data-game="pit_clash"] .mdg-fight-hits .mdg-btn{
	min-width:3.05rem;min-height:1.9rem;font-size:.66rem
}

/* Landscape / wide arcade: games fill the rotated screen, stick beside the board */
#md_games_root.mdg-wide{padding:.12rem .08rem .16rem}
#md_games_root.mdg-wide .mdg-help,
#md_games_root.mdg-wide .mdg-cab-stand{display:none}
#md_games_root.mdg-wide .mdg-playbar .mdg-btn{
	min-height:2.52rem;min-width:2.52rem;padding:.38rem .58rem;font-size:.8rem
}
#md_games_root.mdg-wide .mdg-play-title{font-size:.88rem}
#md_games_root.mdg-wide .mdg-hud{
	flex-wrap:nowrap;overflow-x:auto;gap:.22rem .32rem;font-size:.68rem
}
#md_games_root.mdg-wide .mdg-cab-body{transform:none}
#md_games_root.mdg-wide .mdg-cab-bezel{padding:.28rem}
#md_games_root.mdg-wide #mdg_stage.has-pad,
#md_games_root.mdg-wide #mdg_stage.mdg-stage-steer,
#md_games_root.mdg-wide #mdg_stage[data-game="farm_tycoon"],
#md_games_root.mdg-wide #mdg_stage[data-game="slot_machine"],
#md_games_root.mdg-wide #mdg_stage[data-game="twenty_one"],
#md_games_root.mdg-wide #mdg_stage[data-game="ruby_wheel"],
#md_games_root.mdg-wide #mdg_stage[data-game="hold_draw"],
#md_games_root.mdg-wide #mdg_stage[data-game="lucky_wheel"],
#md_games_root.mdg-wide #mdg_stage[data-game="craps"],
#md_games_root.mdg-wide #mdg_stage[data-game="hearts"],
#md_games_root.mdg-wide #mdg_stage[data-game="spades"],
#md_games_root.mdg-wide #mdg_stage[data-game="sevens"],
#md_games_root.mdg-wide #mdg_stage[data-game="solitaire"],
#md_games_root.mdg-wide #mdg_stage[data-game="pit_clash"]{
	flex-direction:row;align-items:stretch;justify-content:stretch;padding:0
}
#md_games_root.mdg-wide #mdg_stage.mdg-stage-steer.has-fire{
	display:grid;
	grid-template-columns:auto minmax(0,1fr) auto;
	grid-template-rows:minmax(0,1fr);
	grid-template-areas:"joy board fire";
	align-items:stretch;justify-items:stretch
}
#md_games_root.mdg-wide #mdg_stage.mdg-hand-left.mdg-stage-steer.has-fire{
	grid-template-areas:"fire board joy"
}
#md_games_root.mdg-wide #mdg_stage.mdg-hand-left.mdg-stage-steer:not(.has-fire){
	flex-direction:row-reverse
}
#md_games_root.mdg-wide #mdg_stage.has-pad canvas,
#md_games_root.mdg-wide #mdg_stage.mdg-stage-steer canvas{
	flex:1 1 0%;min-width:0;min-height:0;max-width:100%;max-height:100%;
	margin:auto;align-self:center
}
#md_games_root.mdg-wide #mdg_stage.has-pad .mdg-maze-wrap,
#md_games_root.mdg-wide #mdg_stage.has-pad .mdg-board{
	flex:1 1 0%;min-width:0;min-height:0;height:100%;width:auto
}
#md_games_root.mdg-wide .mdg-steer-dock{
	width:auto;min-width:7.4rem;max-width:9.8rem;height:auto;min-height:0;
	flex:0 0 auto;flex-direction:column;justify-content:center;align-items:center;align-self:stretch;
	padding:.18rem .32rem;gap:.18rem;
	background:linear-gradient(90deg, transparent, rgba(7,13,26,.82) 38%)
}
#md_games_root.mdg-wide #mdg_stage.has-fire .mdg-steer-dock{
	grid-area:joy;width:auto;min-width:7.4rem;max-width:9.8rem;align-items:center;
	padding:.18rem .32rem;background:linear-gradient(90deg, transparent, rgba(7,13,26,.82) 38%)
}
#md_games_root.mdg-wide #mdg_stage.has-fire .mdg-fire-dock{
	grid-area:fire;width:auto;min-width:5.6rem;max-width:7.2rem;min-height:0;height:auto;
	align-items:center;justify-content:center;align-self:stretch;
	padding:.18rem .32rem;
	background:linear-gradient(-90deg, transparent, rgba(7,13,26,.82) 38%)
}
#md_games_root.mdg-wide #mdg_stage.mdg-steer-swipe.has-fire{
	grid-template-columns:auto minmax(0,1fr);
	grid-template-areas:"board fire"
}
#md_games_root.mdg-wide #mdg_stage.mdg-hand-left.mdg-steer-swipe.has-fire{
	grid-template-areas:"fire board"
}
#md_games_root.mdg-wide #mdg_stage[data-game="farm_tycoon"] .mdg-fire-dock{
	align-items:center;justify-content:center
}
#md_games_root.mdg-wide #mdg_stage[data-game="farm_tycoon"] .mdg-farm-canvas{
	flex:1 1 0%;min-width:0;min-height:0;max-width:100%;max-height:100%;
	margin:auto;align-self:center
}
#md_games_root.mdg-wide #mdg_stage.mdg-hand-left[data-game="pit_clash"]:not(.has-fire){
	flex-direction:row-reverse
}
#md_games_root.mdg-wide #mdg_stage.mdg-stage-steer.has-fire[data-game="pit_clash"]{
	display:grid;
	grid-template-columns:auto minmax(0,1fr) auto;
	grid-template-rows:minmax(0,1fr);
	grid-template-areas:"joy board fire";
	align-items:stretch;justify-items:stretch
}
#md_games_root.mdg-wide #mdg_stage.mdg-hand-left.mdg-stage-steer.has-fire[data-game="pit_clash"]{
	grid-template-areas:"fire board joy"
}
#md_games_root.mdg-wide #mdg_stage.mdg-steer-swipe.has-fire[data-game="pit_clash"]{
	grid-template-columns:auto minmax(0,1fr);
	grid-template-areas:"board fire"
}
#md_games_root.mdg-wide #mdg_stage.mdg-hand-left.mdg-steer-swipe.has-fire[data-game="pit_clash"]{
	grid-template-areas:"fire board"
}
#md_games_root.mdg-wide #mdg_stage[data-game="pit_clash"] .mdg-fight-dock{
	width:auto;min-width:9.2rem;max-width:12.5rem;height:auto;min-height:0;
	flex:0 0 auto;flex-direction:column;justify-content:center;align-items:stretch;align-self:stretch;
	padding:.18rem .28rem .22rem;gap:.18rem;overflow:auto;
	background:linear-gradient(90deg, transparent, rgba(7,13,26,.82) 38%)
}
#md_games_root.mdg-wide #mdg_stage[data-game="pit_clash"] .mdg-fight-side{
	flex:0 0 auto
}
#md_games_root.mdg-wide #mdg_stage.has-fire[data-game="pit_clash"] canvas{
	grid-area:board;flex:1 1 0%;min-width:0;min-height:0;max-width:100%;max-height:100%;
	margin:auto;align-self:center
}
#md_games_root.mdg-wide #mdg_stage[data-game="color_sort"]{
	flex-direction:column;align-items:center;justify-content:stretch;
	padding:.22rem .5rem .14rem
}
#md_games_root.mdg-wide #mdg_stage[data-game="color_sort"] .mdg-tubes{
	flex:1 1 0%;min-width:0;width:100%;height:auto;align-self:stretch;
	justify-content:center;align-content:center
}
#md_games_root.mdg-wide #mdg_stage[data-game="color_sort"] .mdg-pad{
	width:auto;min-width:0;max-width:none;height:auto;min-height:0;
	flex:0 0 auto;flex-direction:row;justify-content:center;align-items:center;align-self:center;
	padding:.06rem .2rem 0;background:none
}
#md_games_root.mdg-wide .mdg-steer-dock.is-tilt{min-width:5.2rem;min-height:0}
#md_games_root.mdg-wide .mdg-steer-dock.is-keys{min-width:8.6rem;max-width:10rem;min-height:0}
#md_games_root.mdg-wide .mdg-steer-play{flex-direction:column;width:auto;padding:.04rem 0}
#md_games_root.mdg-wide .mdg-steer-modes{flex-direction:column;align-items:stretch}
#md_games_root.mdg-wide.mdg-compact .mdg-steer-dock{min-height:0;min-width:6.8rem}
#md_games_root.mdg-wide.mdg-compact .mdg-fire-dock{min-width:4.8rem}
#md_games_root.mdg-wide.mdg-compact .mdg-stick{width:5.5rem;height:5.5rem}
@media (orientation:landscape){
	body.ap-kind-games #ap_workspace{
		padding:4px;padding-bottom:max(4px,env(safe-area-inset-bottom));
		padding-left:max(4px,env(safe-area-inset-left));
		padding-right:max(4px,env(safe-area-inset-right))
	}
}
@media (min-width:720px){
	#md_games_root .mdg-marquee-screen p{display:block}
}
@media (max-width:380px){
	.mdg-help{display:none}
}
@media (prefers-reduced-motion:reduce){
	.mdg-tile,.mdg-marquee-body,.mdg-cab-body,.mdg-card-inner,.mdg-gem-body,.mdg-tube,.mdg-maze-board,.mdg-tile-art,.mdg-stick-knob{transition:none}
}
.mdg-bo-audio{margin-top:.7rem;max-width:28rem}
.mdg-set-section{margin:0 0 12px}
.mdg-set-section h3{
	margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.04em;
	text-transform:uppercase;color:var(--bo-text-muted,#64748b)
}
.mdg-set-section .mdg-set-lead{
	margin:0 0 12px;font-size:13px;color:var(--bo-text-muted,#64748b);line-height:1.45
}
.mdg-set-section .mdg-set-row{
	display:flex;align-items:center;justify-content:space-between;gap:12px;
	padding:10px 12px;border:1px solid var(--bo-border,#e2e8f0);border-radius:12px;
	background:var(--bo-bg,#f8fafc)
}
.mdg-set-section .mdg-set-row:has(+ .mdg-set-slider){
	border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:0
}
.mdg-set-section .mdg-set-copy{min-width:0}
.mdg-set-section .mdg-set-copy strong{
	display:block;font-size:14px;font-weight:700;color:var(--bo-text-strong,#0f172a)
}
.mdg-set-section .mdg-set-copy span{
	display:block;font-size:12px;color:var(--bo-text-muted,#64748b);margin-top:2px;line-height:1.4
}
.mdg-set-section .mdg-set-sw{
	-webkit-appearance:none;appearance:none;flex-shrink:0;width:46px;height:28px;padding:0;border:0;border-radius:999px;
	background:#cbd5e1;position:relative;cursor:pointer
}
html.dark .mdg-set-section .mdg-set-sw{background:#475569}
.mdg-set-section .mdg-set-sw.is-on{background:var(--bo-accent,#c026d3)}
.mdg-set-section .mdg-set-knob{
	position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;
	background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.28);transition:transform .15s ease;
	pointer-events:none
}
.mdg-set-section .mdg-set-sw.is-on .mdg-set-knob{transform:translateX(18px)}
.mdg-set-section .mdg-set-slider{
	display:flex;align-items:center;gap:10px;
	padding:2px 12px 12px;margin:-2px 0 10px;
	border:1px solid var(--bo-border,#e2e8f0);border-top:0;
	border-radius:0 0 12px 12px;background:var(--bo-bg,#f8fafc)
}
.mdg-set-section .mdg-set-row + .mdg-set-slider{margin-top:-12px;padding-top:0}
.mdg-set-section .mdg-set-slider.is-dim{opacity:.55}
.mdg-set-section .mdg-set-slider label{
	flex:none;min-width:7.2rem;font-size:12px;font-weight:700;color:var(--bo-text-muted,#64748b)
}
.mdg-set-section .mdg-set-slider input[type=range]{
	flex:1;min-width:0;accent-color:var(--bo-accent,#c026d3);height:22px;cursor:pointer
}
.mdg-set-section .mdg-set-steer{
	justify-content:flex-start;gap:.4rem;padding:.15rem 0 .35rem;
}
.mdg-set-section .mdg-steer-chip{
	background:#e2e8f0;color:#0f172a;border:1px solid #cbd5e1;
}
html.dark .mdg-set-section .mdg-steer-chip{background:#334155;color:#e2e8f0;border-color:#475569}
.mdg-set-section .mdg-steer-chip.is-on{
	background:var(--bo-accent,#c026d3);color:#fff;border-color:transparent;
}
.mdg-help-hint-row .mdg-steer-modes{flex:none}
.mdg-set-section .mdg-set-slider span{
	flex:none;min-width:2rem;text-align:right;font-size:12px;font-weight:700;
	font-variant-numeric:tabular-nums;color:var(--bo-text-strong,#0f172a)
}

.mdg-vs{
	display:inline-flex;align-items:center;justify-content:center;
	margin-left:.28em;padding:.04em .32em;border-radius:999px;
	font-size:.58em;font-weight:800;letter-spacing:.08em;
	color:#070d1a;background:linear-gradient(180deg,#ffe08a,#d4af37);
	box-shadow:0 0 .4em rgba(251,191,36,.45);
	pointer-events:none;
}
.mdg-tile.has-art .mdg-vs{position:absolute;top:.45em;right:.55em;z-index:4;margin:0}
.mdg-idle{
	display:inline-flex;align-items:center;justify-content:center;
	margin-left:.28em;padding:.04em .32em;border-radius:999px;
	font-size:.58em;font-weight:800;letter-spacing:.08em;
	color:#052e16;background:linear-gradient(180deg,#bef264,#65a30d);
	box-shadow:0 0 .4em rgba(132,204,22,.45);
	pointer-events:none;
}
.mdg-tile.has-art .mdg-idle{position:absolute;top:.45em;right:.55em;z-index:4;margin:0}
.mdg-slots{
	display:inline-flex;align-items:center;justify-content:center;
	margin-left:.28em;padding:.04em .32em;border-radius:999px;
	font-size:.58em;font-weight:800;letter-spacing:.08em;
	color:#4c0519;background:linear-gradient(180deg,#fda4af,#e11d48);
	box-shadow:0 0 .4em rgba(244,63,94,.45);
	pointer-events:none;
}
.mdg-tile.has-art .mdg-slots{position:absolute;top:.45em;right:.55em;z-index:4;margin:0}
.mdg-mp{
	width:100%;height:100%;min-height:0;flex:1 1 0%;
	display:flex;flex-direction:column;align-items:center;justify-content:safe center;
	gap:.45rem;padding:.7rem .8rem;text-align:center;
	overflow:auto;-webkit-overflow-scrolling:touch;
}
.mdg-mp h3{
	margin:0;font-size:clamp(1.15rem,4.2cqw,1.55rem);font-weight:800;color:#ffe08a;
	text-shadow:0 0 12px rgba(251,191,36,.45);
}
.mdg-mp p{margin:0;max-width:22rem;font-size:.8rem;line-height:1.35;color:rgba(226,232,240,.82)}
.mdg-mp-code{
	font-size:clamp(1.7rem,8cqw,2.6rem);font-weight:800;letter-spacing:.28em;
	color:#ffe08a;text-shadow:0 0 16px rgba(251,191,36,.5);
	padding:.2rem .4rem .3rem;border-radius:.8rem;
	background:rgba(7,13,26,.45);border:1px solid rgba(243,229,171,.28);
}
.mdg-invite{
	display:flex;align-items:center;gap:.7rem;text-align:left;
	width:min(22rem,100%);padding:.55rem .7rem;border-radius:.9rem;
	background:rgba(7,13,26,.55);border:1px solid rgba(243,229,171,.28);
}
.mdg-invite-art{
	width:3.5rem;height:3.5rem;border-radius:.75rem;object-fit:cover;flex:none;
	background:#121a30;box-shadow:0 0 .7rem rgba(192,38,211,.35);
}
.mdg-invite-ico{
	display:flex;align-items:center;justify-content:center;
	font-size:1.4rem;color:#ffe08a;
}
.mdg-mp .mdg-invite-copy{
	margin:0;max-width:none;flex:1;min-width:0;
	font-size:.84rem;line-height:1.35;font-weight:700;color:#f8fafc;text-align:left;
}
.mdg-share-row{width:min(22rem,100%)}
.mdg-share-row .mdg-mp-btn{flex:1 1 6.4rem;min-width:6.4rem}
.mdg-mp-actions{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-top:.15rem}
.mdg-mp-btn{min-width:8.6rem;min-height:2.55rem;justify-content:center}
.mdg-mp-table{
	display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto auto;
	gap:.35rem .45rem;width:min(22rem,100%);align-items:center;justify-items:center;
	margin:.15rem 0 .1rem;
}
.mdg-mp-table-n{grid-column:2;grid-row:1;width:100%}
.mdg-mp-table-w{grid-column:1;grid-row:2;width:100%}
.mdg-mp-table-e{grid-column:3;grid-row:2;width:100%}
.mdg-mp-table-s{grid-column:2;grid-row:3;width:100%}
.mdg-mp-felt{
	grid-column:2;grid-row:2;width:2.6rem;height:2.6rem;border-radius:50%;
	display:flex;align-items:center;justify-content:center;
	font-weight:800;font-size:1.15rem;color:#ffe08a;
	background:radial-gradient(circle at 40% 32%,#1d4a38,#0b241c 70%);
	border:1px solid rgba(243,229,171,.35);
}
.mdg-mp-seat{
	width:100%;min-width:5.4rem;padding:.32rem .4rem .28rem;border-radius:.65rem;
	background:rgba(7,13,26,.5);border:1px solid rgba(243,229,171,.22);
	text-align:center;line-height:1.15;
}
.mdg-mp-seat b{display:block;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(253,224,71,.75)}
.mdg-mp-seat span{display:block;font-size:.78rem;font-weight:700;color:#f8fafc;margin:.08rem 0 0}
.mdg-mp-seat em{display:block;font-style:normal;font-size:.62rem;color:rgba(226,232,240,.62)}
.mdg-mp-seat.is-you{border-color:#fde047;box-shadow:0 0 .6rem rgba(253,224,71,.28)}
.mdg-mp-seat.is-empty{opacity:.62}
.mdg-mp-seat.is-empty span{font-weight:600;color:rgba(226,232,240,.7)}
#mdg_stage[data-game="drop_four"],
#mdg_stage[data-game="box_duel"],
#mdg_stage[data-game="paddle_duel"],
#mdg_stage[data-game="pit_clash"],
#mdg_stage[data-game="slot_machine"],
#mdg_stage[data-game="twenty_one"],
#mdg_stage[data-game="ruby_wheel"],
#mdg_stage[data-game="hold_draw"],
#mdg_stage[data-game="lucky_wheel"],
#mdg_stage[data-game="craps"],
#mdg_stage[data-game="hearts"],
#mdg_stage[data-game="spades"],
#mdg_stage[data-game="sevens"],
#mdg_stage[data-game="solitaire"],
#mdg_stage[data-game="dominos"],
#mdg_stage[data-game="battleship"]{
	align-items:stretch;justify-content:stretch;
}
#mdg_stage[data-game="drop_four"] canvas,
#mdg_stage[data-game="box_duel"] canvas,
#mdg_stage[data-game="paddle_duel"] canvas,
#mdg_stage[data-game="pit_clash"] canvas,
#mdg_stage[data-game="slot_machine"] canvas,
#mdg_stage[data-game="twenty_one"] canvas,
#mdg_stage[data-game="ruby_wheel"] canvas,
#mdg_stage[data-game="hold_draw"] canvas,
#mdg_stage[data-game="lucky_wheel"] canvas,
#mdg_stage[data-game="craps"] canvas,
#mdg_stage[data-game="hearts"] canvas,
#mdg_stage[data-game="spades"] canvas,
#mdg_stage[data-game="sevens"] canvas,
#mdg_stage[data-game="solitaire"] canvas,
#mdg_stage[data-game="dominos"] canvas,
#mdg_stage .mdg-slot-canvas{
	width:100%;height:100%;max-width:100%;max-height:100%;flex:1 1 0%;
}
#mdg_stage.has-fire[data-game="pit_clash"] canvas{
	grid-area:board;width:100%;height:100%;max-width:100%;max-height:100%;
	min-width:0;min-height:0;margin:auto;
}
#mdg_stage[data-game="slot_machine"],
#mdg_stage[data-game="twenty_one"],
#mdg_stage[data-game="ruby_wheel"],
#mdg_stage[data-game="hold_draw"],
#mdg_stage[data-game="lucky_wheel"],
#mdg_stage[data-game="craps"],
#mdg_stage[data-game="hearts"],
#mdg_stage[data-game="spades"],
#mdg_stage[data-game="sevens"],
#mdg_stage[data-game="solitaire"]{
	background:
		radial-gradient(90% 55% at 50% 0%, rgba(251,191,36,.28), transparent 52%),
		radial-gradient(80% 70% at 50% 100%, rgba(190,18,60,.32), transparent 55%),
		linear-gradient(180deg,#5b1528 0%,#12060c 100%);
	justify-content:flex-start;
}
#mdg_stage[data-game="dominos"]{
	background:
		radial-gradient(90% 55% at 50% 0%, rgba(34,197,94,.22), transparent 52%),
		radial-gradient(80% 70% at 50% 100%, rgba(212,175,55,.18), transparent 55%),
		linear-gradient(180deg,#0f3d28 0%,#07140e 100%);
}
#mdg_stage[data-game="chess"]{
	background:
		radial-gradient(80% 55% at 50% 30%, rgba(180,120,60,.28), transparent 58%),
		linear-gradient(180deg,#3a2a1c 0%,#140e0a 100%);
}
#mdg_stage[data-game="checkers"]{
	background:
		radial-gradient(80% 55% at 50% 30%, rgba(31,122,77,.38), transparent 58%),
		linear-gradient(180deg,#143028 0%,#07140e 100%);
}
.mdg-promo-row{
	display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-top:.35rem;
}
.mdg-slot-dock{
	display:flex;align-items:center;justify-content:space-between;gap:.45rem;
	padding:.22rem .45rem .32rem;width:100%;flex:none;
	background:
		linear-gradient(180deg,#8a6a12,#c9a227 18%,#7a5a10 52%,#4a3408 100%);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 -.12rem .4rem rgba(0,0,0,.35);
}
.mdg-slot-bet-row{
	display:flex;align-items:center;gap:.28rem;flex:1;min-width:0;
	padding:.12rem .16rem;border-radius:.7rem;
	background:linear-gradient(180deg,#3b1020,#1a080e);
	border:1px solid rgba(243,229,171,.35);
}
.mdg-slot-bet{
	flex:1;font-weight:800;color:#fde047;min-width:3.2rem;text-align:center;font-size:.95rem;
	letter-spacing:.08em;font-variant-numeric:tabular-nums;
	text-shadow:0 0 10px rgba(251,191,36,.55);
}
.mdg-slot-dock .mdg-btn{min-width:2.6rem;justify-content:center}
.mdg-slot-step{min-width:2.4rem!important}
.mdg-slot-spin{
	min-width:7.2rem!important;min-height:2.85rem;border-radius:999px!important;
	background:radial-gradient(circle at 50% 22%,#fca5a5,#ef4444 38%,#9f1239 78%)!important;
	border-color:rgba(254,202,202,.5)!important;color:#fff!important;
	box-shadow:0 .18rem 0 #4c0519, 0 0 .9rem rgba(239,68,68,.45), inset 0 1px 0 rgba(255,255,255,.35)!important;
	font-weight:800;letter-spacing:.14em;font-size:.88rem;
}
.mdg-slot-spin:disabled{opacity:.55}
.mdg-casino-dock .mdg-casino-side{
	min-width:5.4rem!important;min-height:2.55rem;border-radius:.9rem!important;
	background:linear-gradient(180deg,#3b1020,#1a080e)!important;
	border-color:rgba(243,229,171,.4)!important;color:#fde047!important;
	letter-spacing:.08em;font-weight:800;font-size:.78rem;
}
.mdg-card-dock{
	justify-content:center;gap:.4rem;flex-wrap:wrap
}
.mdg-card-dock .mdg-slot-spin{min-width:6.2rem!important}
#md_games_root.mdg-wide #mdg_stage[data-game="slot_machine"] .mdg-slot-dock,
#md_games_root.mdg-wide #mdg_stage[data-game="twenty_one"] .mdg-slot-dock,
#md_games_root.mdg-wide #mdg_stage[data-game="ruby_wheel"] .mdg-slot-dock,
#md_games_root.mdg-wide #mdg_stage[data-game="hold_draw"] .mdg-slot-dock,
#md_games_root.mdg-wide #mdg_stage[data-game="lucky_wheel"] .mdg-slot-dock,
#md_games_root.mdg-wide #mdg_stage[data-game="craps"] .mdg-slot-dock,
#md_games_root.mdg-wide #mdg_stage[data-game="hearts"] .mdg-slot-dock,
#md_games_root.mdg-wide #mdg_stage[data-game="spades"] .mdg-slot-dock,
#md_games_root.mdg-wide #mdg_stage[data-game="sevens"] .mdg-slot-dock,
#md_games_root.mdg-wide #mdg_stage[data-game="solitaire"] .mdg-slot-dock{
	width:auto;min-width:8.4rem;max-width:11.2rem;height:auto;min-height:0;
	flex:0 0 auto;flex-direction:column;justify-content:center;align-items:stretch;align-self:stretch;
	padding:.22rem .32rem .28rem;gap:.4rem;
	background:linear-gradient(90deg,#4a3408,#c9a227 18%,#7a5a10 60%,#3b1020)
}
#md_games_root.mdg-wide #mdg_stage[data-game="slot_machine"] .mdg-slot-bet-row,
#md_games_root.mdg-wide #mdg_stage[data-game="twenty_one"] .mdg-slot-bet-row,
#md_games_root.mdg-wide #mdg_stage[data-game="ruby_wheel"] .mdg-slot-bet-row,
#md_games_root.mdg-wide #mdg_stage[data-game="hold_draw"] .mdg-slot-bet-row,
#md_games_root.mdg-wide #mdg_stage[data-game="lucky_wheel"] .mdg-slot-bet-row,
#md_games_root.mdg-wide #mdg_stage[data-game="craps"] .mdg-slot-bet-row{
	flex-direction:column;padding:.28rem .18rem
}
#md_games_root.mdg-wide #mdg_stage[data-game="slot_machine"] .mdg-slot-canvas,
#md_games_root.mdg-wide #mdg_stage[data-game="twenty_one"] .mdg-slot-canvas,
#md_games_root.mdg-wide #mdg_stage[data-game="ruby_wheel"] .mdg-slot-canvas,
#md_games_root.mdg-wide #mdg_stage[data-game="hold_draw"] .mdg-slot-canvas,
#md_games_root.mdg-wide #mdg_stage[data-game="lucky_wheel"] .mdg-slot-canvas,
#md_games_root.mdg-wide #mdg_stage[data-game="craps"] .mdg-slot-canvas,
#md_games_root.mdg-wide #mdg_stage[data-game="hearts"] .mdg-slot-canvas,
#md_games_root.mdg-wide #mdg_stage[data-game="spades"] .mdg-slot-canvas,
#md_games_root.mdg-wide #mdg_stage[data-game="sevens"] .mdg-slot-canvas,
#md_games_root.mdg-wide #mdg_stage[data-game="solitaire"] .mdg-slot-canvas{
	flex:1 1 0%;min-width:0;min-height:0;max-width:100%;max-height:100%;
	margin:auto;align-self:center
}

.mdg-party{
	display:inline-flex;align-items:center;justify-content:center;
	margin-left:.28em;padding:.04em .32em;border-radius:999px;
	font-size:.58em;font-weight:800;letter-spacing:.08em;
	color:#4a044e;background:linear-gradient(180deg,#f0abfc,#e879f9);
	box-shadow:0 0 .4em rgba(232,121,249,.45);
	pointer-events:none;
}
.mdg-tile.has-art .mdg-party{position:absolute;top:.45em;right:.55em;z-index:4;margin:0}
#mdg_stage[data-game="zing_show"]{
	align-items:stretch;justify-content:stretch;
	background:
		radial-gradient(90% 55% at 50% 0%, rgba(232,121,249,.28), transparent 52%),
		radial-gradient(80% 70% at 50% 100%, rgba(34,211,238,.18), transparent 55%),
		linear-gradient(180deg,#3b0764 0%,#070d1a 100%);
}
.zing-tv,.zing-phone{
	width:100%;height:100%;min-height:0;flex:1 1 0%;
	display:flex;flex-direction:column;align-items:center;justify-content:center;
	gap:.4rem;padding:.65rem .7rem .7rem;text-align:center;overflow:auto;
}
.zing-tv h3,.zing-phone h3{
	margin:0;font-size:clamp(1.25rem,5cqw,2.1rem);font-weight:800;color:#ffe08a;
	text-shadow:0 0 14px rgba(251,191,36,.5);
}
.zing-kicker{
	font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
	color:#f0abfc;
}
.zing-tv p,.zing-phone p{margin:0;max-width:28rem;font-size:.82rem;line-height:1.35;color:rgba(226,232,240,.86)}
.zing-prompt{
	font-size:clamp(.95rem,3.6cqw,1.35rem)!important;font-weight:800;color:#fff!important;
	max-width:36rem!important;text-shadow:0 0 12px rgba(192,38,211,.35);
}
.zing-code{
	font-size:clamp(1.8rem,9cqw,3.1rem);font-weight:800;letter-spacing:.28em;
	color:#ffe08a;text-shadow:0 0 18px rgba(251,191,36,.55);
	padding:.15rem .2rem .25rem;border-radius:.9rem;
	background:rgba(7,13,26,.45);border:1px solid rgba(243,229,171,.28);
}
.zing-join-row{
	display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.7rem 1.1rem;
	width:100%;
}
.zing-code-col{display:flex;flex-direction:column;align-items:center;gap:.28rem;min-width:0}
.zing-qr{
	width:168px;height:168px;padding:8px;border-radius:.85rem;background:#fff;
	box-shadow:0 .4rem 1rem rgba(0,0,0,.35);
}
.zing-qr img,.zing-qr canvas{display:block;width:100%;height:100%}
.zing-pills{display:flex;flex-wrap:wrap;gap:.32rem;justify-content:center;max-width:36rem}
.zing-pill{
	display:inline-flex;align-items:center;gap:.2rem;
	padding:.18rem .55rem;border-radius:999px;font-size:.78rem;font-weight:800;
	color:#fff;background:var(--p,#f59e0b);
	border:1px solid rgba(255,255,255,.22);
	box-shadow:0 0 .45rem rgba(0,0,0,.28);
}
.zing-pill.is-in{outline:2px solid #fde047}
.zing-pill.is-bot{opacity:.82}
.zing-empty{font-size:.8rem;color:rgba(226,232,240,.7)}
.zing-actions{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-top:.1rem}
.zing-btn{min-width:8.4rem;min-height:2.55rem;justify-content:center}
.zing-clock{
	font-size:clamp(1.6rem,7cqw,2.6rem);font-weight:800;letter-spacing:.08em;
	color:#fde047;text-shadow:0 0 16px rgba(250,204,21,.5);
	font-variant-numeric:tabular-nums;
}
.zing-answers{
	display:grid;grid-template-columns:1fr;gap:.45rem;width:min(40rem,100%);
}
#md_games_root.mdg-wide .zing-answers{grid-template-columns:1fr 1fr}
.zing-ans{
	display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;text-align:left;
	padding:.7rem .75rem;border-radius:1rem;
	background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 42%),linear-gradient(180deg,#1a2744,#070d1a);
	border:1px solid rgba(243,229,171,.22);
	box-shadow:0 .35rem .7rem rgba(0,0,0,.28);
	font-size:clamp(.95rem,3.2cqw,1.25rem);font-weight:800;color:#fff;
}
.zing-ans.is-named{border-color:var(--p,#f59e0b);box-shadow:0 0 .8rem rgba(0,0,0,.28)}
.zing-ans.is-zap{border-color:#fde047;box-shadow:0 0 1.1rem rgba(253,224,71,.45)}
.zing-letter{
	display:inline-flex;align-items:center;justify-content:center;
	width:1.6rem;height:1.6rem;border-radius:.5rem;margin-bottom:.1rem;
	background:#a21caf;font-size:.85rem;letter-spacing:.06em;
}
.zing-ans em{font-style:normal;font-size:.72rem;font-weight:700;color:rgba(253,224,71,.9)}
.zing-sub{font-size:.75rem;color:rgba(226,232,240,.7)}
.zing-board{display:flex;flex-direction:column;gap:.28rem;width:min(28rem,100%)}
.zing-row{
	display:grid;grid-template-columns:1.6rem 1fr auto;gap:.4rem;align-items:center;
	padding:.38rem .55rem;border-radius:.75rem;text-align:left;
	background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 40%),linear-gradient(180deg,#1a2744,#0b1224);
	border:1px solid rgba(243,229,171,.16);
}
.zing-row.is-you{border-color:rgba(234,179,8,.55)}
.zing-rank{font-weight:800;color:#ffe08a}
.zing-who{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zing-pts{font-weight:800;color:#fde047;font-variant-numeric:tabular-nums}
.zing-big-pts{font-size:clamp(1.4rem,5cqw,2rem)!important;font-weight:800;color:#fde047!important}
.zing-in{
	width:min(28rem,100%);border-radius:.85rem;border:1px solid rgba(243,229,171,.3);
	background:#070d1a;color:#fff;padding:.65rem .7rem;font-size:1.05rem;resize:none;
}
.zing-send{min-width:min(28rem,100%);min-height:2.9rem;font-size:1rem}
.zing-vote{
	width:min(28rem,100%);min-height:3.2rem;justify-content:flex-start;text-align:left;
	padding:.7rem .8rem;font-size:.95rem;white-space:normal;line-height:1.25;
}
.zing-vote b{color:#fde047;margin-right:.35rem}
.zing-cats-lab{
	font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
	color:#f0abfc;margin-top:.15rem;
}
.zing-cats{
	display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;
	width:min(38rem,100%);
}
.zing-cat{
	-webkit-appearance:none;appearance:none;cursor:pointer;text-align:center;
	display:flex;flex-direction:column;align-items:center;gap:.12rem;
	padding:.55rem .4rem .6rem;border-radius:1rem;min-height:5.4rem;
	color:#fff;border:2px solid rgba(253,224,71,.28);
	background:
		linear-gradient(180deg,rgba(255,255,255,.16),transparent 38%),
		linear-gradient(180deg,#5b21b6,#1e1b4b 62%,#0b1224);
	box-shadow:
		0 .12rem 0 rgba(255,255,255,.18) inset,
		0 .45rem 0 #2e1065,
		0 .7rem 1rem rgba(0,0,0,.35);
	transform:translateY(-2px);
}
.zing-cat-ico{font-size:1.35rem;line-height:1;filter:drop-shadow(0 .15rem .25rem rgba(0,0,0,.35))}
.zing-cat b{font-size:.92rem;font-weight:800;letter-spacing:.04em}
.zing-cat span{font-size:.68rem;line-height:1.25;color:rgba(226,232,240,.82);max-width:11rem}
.zing-cat.is-on{
	border-color:#fde047;
	background:
		linear-gradient(180deg,rgba(255,255,255,.22),transparent 36%),
		linear-gradient(180deg,#c026d3,#6b21a8 60%,#3b0764);
	box-shadow:
		0 .12rem 0 rgba(255,255,255,.28) inset,
		0 .45rem 0 #86198f,
		0 0 1.1rem rgba(253,224,71,.4);
}
.zing-cat:active{transform:translateY(2px);box-shadow:0 .08rem 0 rgba(255,255,255,.12) inset,0 .12rem 0 #2e1065}
.zing-topics{
	display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem;
	width:min(42rem,100%);
}
.zing-topic{
	-webkit-appearance:none;appearance:none;cursor:pointer;text-align:center;
	display:flex;flex-direction:column;align-items:center;gap:.08rem;
	flex:1 1 6.2rem;max-width:8.6rem;min-width:5.8rem;
	padding:.42rem .32rem .48rem;border-radius:.95rem;min-height:4.5rem;
	color:#fff;border:2px solid rgba(253,224,71,.28);
	background:
		linear-gradient(180deg,rgba(255,255,255,.16),transparent 38%),
		linear-gradient(180deg,#9d174d,#3b0764 62%,#0b1224);
	box-shadow:
		0 .12rem 0 rgba(255,255,255,.18) inset,
		0 .38rem 0 #701a75,
		0 .6rem .85rem rgba(0,0,0,.32);
	transform:translateY(-2px);
}
.zing-topic b{font-size:.8rem;font-weight:800;letter-spacing:.03em}
.zing-topic span{font-size:.62rem;line-height:1.2;color:rgba(226,232,240,.82);max-width:8.2rem}
.zing-topic.is-on{
	border-color:#fde047;
	background:
		linear-gradient(180deg,rgba(255,255,255,.24),transparent 36%),
		linear-gradient(180deg,#db2777,#7c3aed 58%,#4c1d95);
	box-shadow:
		0 .12rem 0 rgba(255,255,255,.28) inset,
		0 .38rem 0 #9d174d,
		0 0 1rem rgba(253,224,71,.4);
}
.zing-topic:active{transform:translateY(2px);box-shadow:0 .08rem 0 rgba(255,255,255,.12) inset,0 .12rem 0 #701a75}
.zing-voices{
	display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem;
	width:min(42rem,100%);
}
.zing-voice{
	-webkit-appearance:none;appearance:none;cursor:pointer;text-align:center;
	display:flex;flex-direction:column;align-items:center;gap:.08rem;
	flex:1 1 6.2rem;max-width:8.4rem;min-width:5.6rem;
	padding:.45rem .3rem .5rem;border-radius:.95rem;min-height:4.6rem;
	color:#fff;border:2px solid rgba(125,211,252,.32);
	background:
		linear-gradient(180deg,rgba(255,255,255,.16),transparent 38%),
		linear-gradient(180deg,#0369a1,#0f172a 62%,#070d1a);
	box-shadow:
		0 .12rem 0 rgba(255,255,255,.18) inset,
		0 .4rem 0 #0c4a6e,
		0 .65rem .9rem rgba(0,0,0,.32);
	transform:translateY(-2px);
}
.zing-voice-ico{font-size:1.2rem;line-height:1;filter:drop-shadow(0 .15rem .25rem rgba(0,0,0,.35))}
.zing-voice b{font-size:.88rem;font-weight:800;letter-spacing:.04em}
.zing-voice span{font-size:.64rem;line-height:1.2;color:rgba(226,232,240,.82)}
.zing-voice.is-on{
	border-color:#7dd3fc;
	background:
		linear-gradient(180deg,rgba(255,255,255,.24),transparent 36%),
		linear-gradient(180deg,#0284c7,#075985 58%,#0c4a6e);
	box-shadow:
		0 .12rem 0 rgba(255,255,255,.28) inset,
		0 .4rem 0 #0369a1,
		0 0 1rem rgba(125,211,252,.42);
}
.zing-voice:active{transform:translateY(2px);box-shadow:0 .08rem 0 rgba(255,255,255,.12) inset,0 .12rem 0 #0c4a6e}
.zing-host-line{
	display:flex;align-items:center;gap:.55rem;text-align:left;
	width:min(40rem,100%);padding:.55rem .7rem;border-radius:1.15rem;
	background:
		linear-gradient(180deg,rgba(255,255,255,.14),transparent 42%),
		linear-gradient(180deg,#4c1d95,#1e1b4b);
	border:1px solid rgba(253,224,71,.35);
	box-shadow:0 .35rem .8rem rgba(0,0,0,.28),0 0 .8rem rgba(192,38,211,.22);
}
.zing-host-face{
	flex:none;width:2.4rem;height:2.4rem;border-radius:999px;
	display:flex;align-items:center;justify-content:center;font-size:1.25rem;
	background:radial-gradient(circle at 35% 30%,#fde047,#f59e0b 55%,#b45309);
	border:2px solid rgba(255,255,255,.45);
	box-shadow:0 .2rem .4rem rgba(0,0,0,.3);
}
.zing-host-line p{
	margin:0!important;max-width:none!important;font-size:.88rem!important;font-weight:700;
	color:#fff!important;line-height:1.35!important;
}
.zing-host-line.is-talk .zing-host-face{
	animation:zing-talk .28s ease-in-out infinite alternate;
}
@keyframes zing-talk{
	from{transform:scale(1) rotate(-4deg)}
	to{transform:scale(1.08) rotate(6deg)}
}
@media (max-width:640px){
	.zing-cats{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
	.zing-cat{min-height:0;padding:.4rem .28rem .45rem;gap:.08rem}
	.zing-cat span{max-width:none}
	.zing-topics{width:100%}
	.zing-topic{flex:1 1 calc(33.33% - .4rem);max-width:none;min-width:calc(33.33% - .45rem);min-height:0;padding:.38rem .28rem}
	.zing-voice{flex:1 1 calc(50% - .45rem);max-width:none;min-height:0;flex-direction:row;justify-content:flex-start;text-align:left;padding:.4rem .5rem;gap:.4rem}
}

#mdg_stage[data-game="zip_kart"]{
	align-items:stretch;justify-content:stretch;
	background:
		radial-gradient(90% 55% at 50% 0%, rgba(251,146,60,.28), transparent 52%),
		radial-gradient(80% 70% at 50% 100%, rgba(34,197,94,.16), transparent 55%),
		linear-gradient(180deg,#1e3a8a 0%,#070d1a 100%);
}
#mdg_stage[data-game="zip_kart"] .kart-canvas{
	display:block;width:100%;height:100%;flex:1 1 0%;min-height:0;min-width:0;
}
.kart-tv h3{color:#fdba74}
.kart-phone{
	width:100%;height:100%;min-height:0;flex:1 1 0%;
	display:flex;flex-direction:column;align-items:center;justify-content:center;
	gap:.45rem;padding:.55rem .65rem .7rem;text-align:center;
}
.kart-status{
	display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center;width:100%;
}
.kart-place,.kart-lap,.kart-item-chip{
	min-width:4.6rem;padding:.28rem .55rem;border-radius:999px;font-weight:800;font-size:.82rem;
	background:rgba(7,13,26,.55);border:1px solid rgba(253,186,116,.35);color:#ffe08a;
}
.kart-item-chip{color:#22d3ee}
.kart-look{margin:0;font-size:.78rem;color:rgba(226,232,240,.78)}
.kart-ctrl-hint{margin:0;font-size:.78rem;font-weight:800;color:#ffe08a;letter-spacing:.04em}
.kart-play{
	display:flex;align-items:stretch;justify-content:center;gap:.5rem;
	width:100%;flex:1 1 auto;min-height:0;
}
#mdg_stage.mdg-hand-left .kart-play{flex-direction:row-reverse}
.kart-phone.is-tilt .kart-play,.kart-phone.is-swipe .kart-play{justify-content:flex-end}
.kart-phone.is-keys .kart-play{justify-content:center;align-items:center}
#mdg_stage.mdg-hand-left .kart-phone.is-tilt .kart-play,
#mdg_stage.mdg-hand-left .kart-phone.is-swipe .kart-play{
	justify-content:flex-start;flex-direction:row;
}
#mdg_stage.mdg-hand-left .kart-phone.is-keys .kart-play{
	justify-content:center;align-items:center;flex-direction:row-reverse;
}
.kart-stick{
	position:relative;flex:1 1 auto;width:auto;max-width:14rem;height:auto;min-height:7.2rem;border-radius:1.2rem;
	background:radial-gradient(circle at 50% 40%, rgba(255,255,255,.1), transparent 55%),linear-gradient(180deg,#1e293b,#0b1224);
	border:1px solid rgba(253,186,116,.28);
	box-shadow:inset 0 0 0 1px rgba(255,255,255,.05), 0 .35rem .8rem rgba(0,0,0,.28);
	touch-action:none;user-select:none;
}
.kart-stick span{
	position:absolute;left:50%;top:.35rem;transform:translateX(-50%);
	font-size:.62rem;font-weight:800;letter-spacing:.16em;color:rgba(253,186,116,.7);pointer-events:none;
}
.kart-knob{
	position:absolute;left:50%;top:50%;width:3.2rem;height:3.2rem;margin:-1.6rem 0 0 -1.6rem;
	border-radius:999px;
	background:radial-gradient(circle at 35% 30%,#fdba74,#ea580c 55%,#7c2d12);
	border:2px solid rgba(255,255,255,.35);
	box-shadow:0 .25rem .5rem rgba(0,0,0,.35);
	pointer-events:none;
}
.kart-btns{display:flex;flex-direction:column;gap:.4rem;width:5.8rem;flex:none}
.kart-brake,.kart-use{
	flex:1;min-height:3.3rem;justify-content:center;font-weight:800;letter-spacing:.12em;
}
.kart-brake{
	background:linear-gradient(180deg,#64748b,#1e293b)!important;color:#fff!important;
}
.kart-brake.is-down{filter:brightness(1.2)}
.kart-use.has-item{
	box-shadow:0 0 .8rem rgba(34,211,238,.55);
}
.kart-tilt{min-height:2.2rem;font-size:.75rem;opacity:.85}
.kart-tilt.is-on{color:#fde047}

/* Settings control cards */
.mdg-set-ctrl{display:flex;flex-direction:column;gap:12px}
.mdg-set-ctrl-block{display:flex;flex-direction:column;gap:6px}
.mdg-set-ctrl-lab{
	font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
	color:var(--bo-text-muted,#64748b)
}
.mdg-set-ctrl-grid{display:grid;gap:8px}
.mdg-set-ctrl-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mdg-set-ctrl-4,.mdg-set-ctrl-move{grid-template-columns:repeat(2,minmax(0,1fr))}
.mdg-set-ctrl-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mdg-set-ctrl-btn{
	-webkit-appearance:none;appearance:none;cursor:pointer;text-align:left;
	border:1px solid var(--bo-border,#e2e8f0);border-radius:12px;
	background:var(--bo-bg,#f8fafc);color:var(--bo-text,#111827);
	padding:10px 10px 9px;min-height:3.4rem;
	display:flex;flex-direction:column;gap:2px;
	box-shadow:0 1px 0 rgba(15,23,42,.04);
}
.mdg-set-ctrl-btn strong{font-size:13px;font-weight:800;color:var(--bo-text-strong,#0f172a);line-height:1.2}
.mdg-set-ctrl-btn span{font-size:11px;color:var(--bo-text-muted,#64748b);line-height:1.3}
.mdg-set-ctrl-btn.is-on{
	background:var(--bo-accent,#c026d3);border-color:transparent;color:#fff;
	box-shadow:0 0 0 1px color-mix(in srgb, var(--bo-accent,#c026d3) 40%, transparent);
}
.mdg-set-ctrl-btn.is-on strong,.mdg-set-ctrl-btn.is-on span{color:#fff}
html.dark .mdg-set-ctrl-btn{background:#1e293b;border-color:#334155;color:#e2e8f0}
html.dark .mdg-set-ctrl-btn strong{color:#f8fafc}
html.dark .mdg-set-ctrl-btn span{color:#94a3b8}
.mdg-help-ctrl{margin:.35rem 0 .5rem;display:flex;flex-direction:column;gap:.4rem}
.mdg-help-ctrl .mdg-set-ctrl-lab{color:rgba(253,224,71,.82)}
.mdg-help-ctrl .mdg-set-ctrl-btn{
	background:linear-gradient(180deg,#243154,#121a30);border-color:rgba(243,229,171,.28);color:#f8fafc
}
.mdg-help-ctrl .mdg-set-ctrl-btn strong{color:#ffe08a}
.mdg-help-ctrl .mdg-set-ctrl-btn span{color:rgba(226,232,240,.72)}
.mdg-help-ctrl .mdg-set-ctrl-btn.is-on{
	background:linear-gradient(180deg,#f3e5ab,#c9a227);border-color:rgba(243,229,171,.7)
}
.mdg-help-ctrl .mdg-set-ctrl-btn.is-on strong,.mdg-help-ctrl .mdg-set-ctrl-btn.is-on span{color:#1c1408}
@media (max-width:420px){
	.mdg-set-ctrl-3{grid-template-columns:1fr}
}
@media (min-width:720px){
	.mdg-set-ctrl-4,.mdg-set-ctrl-move{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* Arcade overlay / kicker */
.mdg-fx-kicker,.mdg-overlay .mdg-fx-kicker{
	display:block;font-size:.62rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;
	color:#ffe08a;text-shadow:0 0 10px rgba(251,191,36,.7);margin-bottom:.12rem
}
.mdg-fx-ov .mdg-fx-card{
	animation:mdg-toast-pop .5s cubic-bezier(.2,1.4,.3,1) both;
	min-width:min(18rem,88%);
}
.mdg-fx-ov.is-out .mdg-fx-card{animation:mdg-toast-drop .32s ease-in both}

/* Leaderboard CRT */
.mdg-board-cab{
	flex:1 1 0%;min-height:0;display:flex;flex-direction:column;
	border-radius:1.35rem;padding:.55rem;
	background:
		radial-gradient(120% 80% at 50% 0%, #3a2a16, #120c06 55%);
	box-shadow:
		inset 0 0 0 .18rem #6b4e1e,
		inset 0 0 0 .42rem #1a1208,
		0 1.1rem 1.8rem rgba(0,0,0,.5);
}
.mdg-crt{
	position:relative;flex:1 1 0%;min-height:0;display:flex;flex-direction:column;
	border-radius:1.05rem;overflow:hidden;
	background:#140c00;
	box-shadow:
		inset 0 0 0 .12rem #2a1c08,
		inset 0 0 4.5rem rgba(0,0,0,.72),
		0 0 1.4rem rgba(255,160,0,.18);
}
.mdg-crt-glass{
	pointer-events:none;position:absolute;inset:0;border-radius:inherit;z-index:4;
	background:
		repeating-linear-gradient(to bottom, rgba(0,0,0,.18) 0 1px, transparent 1px 3px),
		radial-gradient(120% 90% at 50% 40%, transparent 45%, rgba(0,0,0,.55) 100%);
	animation:mdg-crt-flicker 4.5s steps(2,end) infinite;
}
@keyframes mdg-crt-flicker{
	0%,100%{opacity:.92}
	50%{opacity:1}
}
.mdg-board-marquee{
	flex:none;text-align:center;padding:.55rem .4rem .2rem;
	background:transparent;box-shadow:none;border-radius:0;
}
.mdg-board-marquee span{
	font-family:"Courier New",ui-monospace,monospace;
	font-size:clamp(.78rem,3vw,1.05rem);font-weight:700;letter-spacing:.28em;
	color:#ffe7a3;
	text-shadow:0 0 8px rgba(255,176,0,.9), 0 0 18px rgba(255,120,0,.45);
}
.mdg-board-cab .mdg-board-tabs{
	position:relative;z-index:2;
	padding:.15rem .45rem .2rem;background:transparent
}
.mdg-crt .mdg-chip{
	border-radius:.2rem;font-family:"Courier New",ui-monospace,monospace;
	background:transparent;color:#c98520;border-color:rgba(255,176,0,.35);
	font-weight:700;letter-spacing:.04em
}
.mdg-crt .mdg-chip.is-on,.mdg-crt .mdg-chip:hover{
	background:#ffb000;color:#1a0e00;border-color:#ffb000;
	text-shadow:none
}
.mdg-board-cab .mdg-board-list{
	position:relative;z-index:2;
	background:transparent;border-radius:0;gap:0;
	padding:.15rem .7rem .7rem;
	box-shadow:none;
	font-family:"Courier New",ui-monospace,monospace;
}
.mdg-crt .mdg-board-row{
	grid-template-columns:2.4rem 1fr auto;
	gap:.55rem;padding:.28rem .15rem;
	border:0;border-radius:0;background:transparent;
	box-shadow:none;color:#ffb000;
	text-shadow:0 0 6px rgba(255,176,0,.55);
	animation:none
}
.mdg-crt .mdg-board-head{
	color:#8a5a12;letter-spacing:.14em;font-size:.68rem;
	border-bottom:1px solid rgba(255,176,0,.35);margin-bottom:.15rem;padding-bottom:.3rem
}
.mdg-crt .mdg-rank,.mdg-crt .mdg-who,.mdg-crt .mdg-pts{color:#ffb000;font-weight:700}
.mdg-crt .mdg-pts{letter-spacing:.04em}
.mdg-crt .mdg-pts i{display:block;font-style:normal;font-size:.62rem;letter-spacing:.08em;color:#c98520;text-align:right}
.mdg-crt .mdg-board-row.is-gold .mdg-rank,
.mdg-crt .mdg-board-row.is-gold .mdg-who,
.mdg-crt .mdg-board-row.is-gold .mdg-pts{color:#fff4c8;text-shadow:0 0 8px rgba(255,220,120,.85)}
.mdg-crt .mdg-board-row.is-you{background:rgba(255,176,0,.08)}
.mdg-crt .mdg-board-empty{color:#c98520;font-family:"Courier New",ui-monospace,monospace}

/* Phone pad / TV cabinet */
.mdg-phone-pad{
	width:100%;height:100%;min-height:0;flex:1 1 0%;
	display:flex;align-items:stretch;justify-content:stretch;
	padding:0;text-align:center;position:relative;
	background:
		radial-gradient(90% 50% at 50% 0%, rgba(192,38,211,.18), transparent 55%),
		linear-gradient(180deg,#15213c,#070d1a);
}
.mdg-phone-pad-head,.mdg-phone-hint{display:none}
.mdg-phone-console{
	flex:1 1 0%;min-width:0;min-height:0;width:100%;height:100%;
	display:flex;align-items:center;justify-content:center;gap:clamp(.55rem,4vw,1.4rem);
	padding:clamp(.45rem,.08*100vmin,1.1rem);
	background:
		radial-gradient(circle at 50% 42%, rgba(26,39,68,.55), rgba(7,13,26,.92) 72%),
		conic-gradient(from 210deg,#8a6a12,#f3e5ab 40%,#c9a227 80%,#7a5a10 130%,#f8e7a0 180%,#b08920 230%,#8a6a12);
	box-shadow:inset 0 0 0 .28rem rgba(201,162,39,.85), inset 0 .45rem .8rem rgba(0,0,0,.4);
}
#md_games_root.mdg-hand-left .mdg-phone-console{flex-direction:row-reverse}
.mdg-phone-touch{
	flex:1 1 auto;min-width:4rem;min-height:8rem;align-self:stretch;
	border-radius:1.2rem;touch-action:none;
	background:rgba(7,13,26,.28);
	box-shadow:inset 0 0 0 .12rem rgba(243,229,171,.28);
}
.mdg-phone-stick{
	flex:none;padding:0;display:flex;align-items:center;justify-content:center;
}
.mdg-phone-console .mdg-keys-pad{
	grid-template-columns:repeat(3,min(18vmin,4.4rem));
	grid-template-rows:min(15vmin,3.6rem) min(15vmin,3.6rem);
	gap:.35rem .28rem;
}
.mdg-phone-console .mdg-key-arrow{
	font-size:clamp(1.2rem,5vmin,1.8rem);
	border-radius:.55rem;
}
.mdg-phone-console .mdg-stick,
#md_games_root.mdg-compact .mdg-phone-console .mdg-stick,
#md_games_root.mdg-pad-phone .mdg-phone-console .mdg-stick{
	width:min(52vmin,14.5rem);height:min(52vmin,14.5rem);
}
.mdg-phone-console .mdg-stick-knob,
#md_games_root.mdg-compact .mdg-phone-console .mdg-stick-knob,
#md_games_root.mdg-pad-phone .mdg-phone-console .mdg-stick-knob{
	width:min(22vmin,6.1rem);height:min(22vmin,6.1rem);
	margin:calc(min(22vmin,6.1rem) / -2);
}
.mdg-phone-btns{
	display:flex;flex-wrap:wrap;gap:.42rem;justify-content:center;align-items:center;
	width:min(42vmin,9.6rem);max-width:42%;
}
.mdg-phone-btns.is-empty{display:none}
.mdg-phone-console .mdg-stick-fire,
#md_games_root.mdg-compact .mdg-phone-console .mdg-stick-fire,
#md_games_root.mdg-pad-phone .mdg-phone-console .mdg-stick-fire{
	width:min(18vmin,4.6rem);height:min(18vmin,4.6rem);font-size:clamp(.5rem,2.4vmin,.72rem);
	line-height:1.05;padding:.15rem;
}
.mdg-phone-console .mdg-stick-items{
	background:radial-gradient(circle at 32% 28%, #fde68a, #d97706 42%, #92400e 78%);
}
.mdg-phone-console .mdg-stick-spin{
	background:radial-gradient(circle at 32% 28%, #bbf7d0, #16a34a 42%, #14532d 78%);
}
.mdg-phone-console .mdg-stick-p{background:radial-gradient(circle at 32% 28%, #fecaca, #ef4444 42%, #9f1239 78%)}
.mdg-phone-console .mdg-stick-k{background:radial-gradient(circle at 32% 28%, #ddd6fe, #7c3aed 42%, #4c1d95 78%)}
.mdg-phone-console .mdg-stick-b{background:radial-gradient(circle at 32% 28%, #e2e8f0, #64748b 42%, #334155 78%)}
.mdg-phone-console .mdg-stick-j{background:radial-gradient(circle at 32% 28%, #a5f3fc, #0891b2 42%, #155e75 78%)}
.mdg-pad-ask{
	position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;
	padding:.7rem;background:rgba(7,13,26,.62);backdrop-filter:blur(6px);
}
.mdg-pad-ask-card{
	width:min(28rem,94%);max-height:92%;overflow:auto;
	padding:.95rem .9rem .85rem;border-radius:1.05rem;text-align:center;
	background:linear-gradient(180deg,#1e2d4d,#0b1220);
	box-shadow:0 .45rem 1.2rem rgba(0,0,0,.4), inset 0 0 0 .12rem rgba(243,229,171,.35);
}
.mdg-pad-ask-card h3{margin:0 0 .25rem;color:#ffe08a;font-size:clamp(1.15rem,5vw,1.7rem)}
.mdg-pad-ask-card p{margin:0 0 .55rem;color:rgba(226,232,240,.88);font-size:.88rem}
.mdg-pad-ask-card input{
	width:100%;margin:0 0 .5rem;padding:.55rem .6rem;border-radius:.7rem;border:1px solid rgba(243,229,171,.35);
	background:#070d1a;color:#fff8e7;font-size:1.05rem;text-align:center
}
.mdg-pad-ask-picks{
	display:grid;grid-template-columns:repeat(auto-fit,minmax(7.2rem,1fr));gap:.4rem;margin:0 0 .55rem
}
.mdg-pad-ask-pick{
	appearance:none;border:0;border-radius:.75rem;padding:.55rem .4rem;cursor:pointer;
	background:rgba(7,13,26,.55);color:#fff8e7;box-shadow:inset 0 0 0 .1rem rgba(243,229,171,.28)
}
.mdg-pad-ask-pick strong{display:block;font-size:.86rem;color:#ffe08a}
.mdg-pad-ask-pick span{display:block;font-size:.68rem;color:rgba(226,232,240,.75);margin-top:.12rem}
.mdg-pad-ask-pick.is-on{box-shadow:inset 0 0 0 .14rem #eab308;background:rgba(234,179,8,.16)}
.mdg-pad-ask-pick.is-lock{opacity:.45}
.mdg-pad-ask-btns{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}
.mdg-pad-hear{
	width:100%;
	margin:0 0 .5rem;
	appearance:none;
	border:0;
	border-radius:.8rem;
	min-height:3rem;
	background:#1e3a8a;
	color:#fff;
	font:800 1rem system-ui,sans-serif;
	cursor:pointer;
	touch-action:manipulation;
}
.mdg-pad-hear.is-on{background:#e11d48}
.mdg-pad-hear:disabled{opacity:.65;cursor:default}
.mdg-phone-clue{
	min-height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:1.2rem;
	text-align:center;
}
.mdg-clue-wait{
	margin:0;
	max-width:18rem;
	color:#fde68a;
	font-size:1.05rem;
	font-weight:700;
	line-height:1.35;
}
.mdg-pad-host-ov{
	background:
		radial-gradient(90% 55% at 50% 0%, rgba(192,38,211,.32), transparent 52%),
		radial-gradient(80% 70% at 50% 100%, rgba(34,211,238,.16), transparent 55%),
		linear-gradient(180deg,#15213c,#070d1a);
	backdrop-filter:none;z-index:12
}
.mdg-pad-host-card{
	min-width:min(28rem,92%);padding:1.15rem 1.2rem 1.05rem
}
.mdg-pad-host-card h3{font-size:clamp(1.35rem,4.6cqw,2.1rem)}
.mdg-pad-host-card .mdg-pad-qr{
	width:196px;height:196px;margin:.35rem auto;padding:.35rem;border-radius:.85rem;
	background:#fff8e7;box-shadow:0 .4rem 1rem rgba(0,0,0,.35)
}
.mdg-pad-host-card .mdg-mp-code{font-size:clamp(1.9rem,8cqw,3.2rem)}
.mdg-lobby-row{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center;align-items:center;margin:.45rem 0}
.mdg-lobby-row > span{flex:1 0 100%;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#a5f3fc}
.mdg-lobby-row .mdg-btn.is-on{box-shadow:inset 0 0 0 .12rem #eab308;background:rgba(234,179,8,.2)}
.mdg-lobby-topic{
	flex:1 1 100%;
	min-width:0;
	min-height:2.6rem;
	border-radius:.7rem;
	border:1px solid rgba(165,243,252,.45);
	background:rgba(15,23,42,.55);
	color:#fff;
	padding:.35rem .65rem;
	font:600 16px system-ui,sans-serif;
}
.mdg-lobby-note{margin:.15rem 0 .35rem;font-size:.78rem;line-height:1.3;color:#fde68a}
.mdg-pad-lobby{
	width:100%;height:100%;min-height:0;display:flex;align-items:center;justify-content:center;
	padding:1rem;text-align:center;overflow:auto;color:#fff8e7;
	background:linear-gradient(180deg,#15213c,#070d1a)
}
.mdg-pad-lobby-card{width:min(28rem,100%)}
.mdg-pad-lobby-card h3{margin:.15rem 0 .35rem;color:#ffe08a;font-size:clamp(1.35rem,5vw,1.8rem)}
.mdg-pad-lobby-card p{margin:0 0 .55rem;color:rgba(226,232,240,.88)}
.mdg-pad-players{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin:.35rem 0 .15rem}
.mdg-pad-player{
	min-width:4.6rem;padding:.35rem .55rem;border-radius:.7rem;
	background:rgba(7,13,26,.45);box-shadow:inset 0 0 0 .08rem rgba(243,229,171,.28);text-align:center
}
.mdg-pad-player b{display:block;font-size:.68rem;letter-spacing:.08em;color:#a5f3fc}
.mdg-pad-player span{display:block;font-size:.78rem;color:rgba(226,232,240,.72)}
.mdg-pad-player.is-in{background:rgba(34,211,238,.16);box-shadow:inset 0 0 0 .1rem rgba(34,211,238,.55)}
.mdg-pad-player.is-in span{color:#fff8e7}
.mdg-pad-wait-pulse{animation:mdg-pad-wait 1.4s ease-in-out infinite}
@keyframes mdg-pad-wait{
	0%,100%{opacity:.7;transform:scale(.98)}
	50%{opacity:1;transform:scale(1.05)}
}
html.mdg-tv-fs,
html.mdg-tv-fs body{
	overflow:hidden;height:100%;height:100dvh
}
html.mdg-tv-fs body.md-portal-chrome > .ap-top,
html.mdg-tv-fs #ap_settings_btn,
html.mdg-tv-fs .ap-gear,
html.mdg-tv-fs .ap-hub-back{
	display:none!important
}
html.mdg-tv-fs body.ap-kind-games #ap_workspace{
	padding:0!important;height:100%;height:100dvh
}
html.mdg-tv-fs body.md-portal-chrome #app,
html.mdg-tv-fs body.md-portal-chrome #module-content,
html.mdg-tv-fs body.md-portal-chrome #ap_workspace{
	height:100%;min-height:0
}
html.mdg-tv-fs #md_games_root,
#md_games_root.mdg-tv-fs{
	border-radius:0;height:100%;min-height:100%;padding:.1rem .08rem .12rem
}
html.mdg-tv-fs .mdg-help,
html.mdg-tv-fs .mdg-cab-stand{display:none}
html.mdg-tv-fs #md_games_root.mdg-tv-wait .mdg-steer-dock,
html.mdg-tv-fs #md_games_root.mdg-tv-wait .mdg-fire-dock,
#md_games_root.mdg-tv-wait .mdg-steer-dock,
#md_games_root.mdg-tv-wait .mdg-fire-dock{display:none}
:fullscreen #md_games_root,
:-webkit-full-screen #md_games_root{
	height:100%;border-radius:0
}
#md_games_root.mdg-pad-display .mdg-steer-dock,
#md_games_root.mdg-pad-display .mdg-fire-dock,
#md_games_root.mdg-pad-display .mdg-fight-dock{display:none}
#md_games_root.mdg-pad-display .mdg-hud button,
#md_games_root.mdg-pad-display .mdg-farm-kit,
#md_games_root.mdg-pad-display .mdg-farm-coach,
#md_games_root.mdg-pad-display .mdg-overlay:not(.mdg-pad-host-ov) button,
#md_games_root.mdg-pad-display .mdg-overlay:not(.mdg-pad-host-ov) input,
#md_games_root.mdg-pad-display .mdg-overlay:not(.mdg-pad-host-ov) textarea,
#md_games_root.mdg-pad-display .mdg-overlay:not(.mdg-pad-host-ov) .mdg-help-actions{
	display:none!important
}
#md_games_root.mdg-pad-phone .mdg-playbar,
#md_games_root.mdg-pad-phone .mdg-hud,
#md_games_root.mdg-pad-phone .mdg-help,
#md_games_root.mdg-pad-phone .mdg-cab-stand,
#md_games_root.mdg-pad-phone .mdg-cab-glass,
#md_games_root.mdg-pad-phone #mdg_toast{
	display:none!important
}
#md_games_root.mdg-pad-phone{
	padding:0;border-radius:0
}
#md_games_root.mdg-pad-phone #md_games_play{gap:0}
#md_games_root.mdg-pad-phone .mdg-cabinet,
#md_games_root.mdg-pad-phone .mdg-cab-body,
#md_games_root.mdg-pad-phone .mdg-cab-bezel,
#md_games_root.mdg-pad-phone #mdg_stage{
	height:100%;min-height:0;border-radius:0;padding:0;margin:0;
	transform:none;box-shadow:none;background:#070d1a
}
html.mdg-pad-phone body.md-portal-chrome > .ap-top,
html.mdg-pad-phone #ap_settings_btn,
html.mdg-pad-phone .ap-gear,
html.mdg-pad-phone .ap-hub-back{
	display:none!important
}
html.mdg-pad-phone body.ap-kind-games #ap_workspace{
	padding:0!important;height:100%;height:100dvh
}

/* Light / dark arcade chrome */
html.light #md_games_root,
html:not(.dark) #md_games_root{
	--mdg-ink:#1e293b;
	--mdg-muted:#475569;
	--mdg-card:#fff7ed;
	--mdg-navy:#f8fafc;
	--mdg-line:rgba(146,64,14,.22);
	color:var(--mdg-ink);
	background:
		radial-gradient(120% 70% at 50% -8%, rgba(192,38,211,.12), transparent 52%),
		radial-gradient(90% 60% at 100% 110%, rgba(14,165,233,.1), transparent 48%),
		linear-gradient(180deg,#fff7ed 0%,#e2e8f0 100%);
}
html.light #md_games_root .mdg-marquee-screen,
html:not(.dark) #md_games_root .mdg-marquee-screen{
	background:
		radial-gradient(120% 90% at 18% 0%, rgba(192,38,211,.16), transparent 50%),
		linear-gradient(180deg,#fffbeb 0%,#f1f5f9 100%);
	box-shadow:inset 0 0 0 .1rem rgba(146,64,14,.18), inset 0 .6rem .9rem rgba(255,255,255,.35);
}
html.light #md_games_root .mdg-marquee-screen h2,
html:not(.dark) #md_games_root .mdg-marquee-screen h2{
	color:#92400e;text-shadow:0 0 10px rgba(251,191,36,.35)
}
html.light #md_games_root .mdg-marquee-screen p,
html:not(.dark) #md_games_root .mdg-marquee-screen p{color:#475569}
html.light #md_games_root .mdg-chip,
html:not(.dark) #md_games_root .mdg-chip{
	background:#fff;color:#92400e;border-color:rgba(146,64,14,.28)
}
html.light #md_games_root .mdg-chip.is-on,
html.light #md_games_root .mdg-chip:hover,
html:not(.dark) #md_games_root .mdg-chip.is-on,
html:not(.dark) #md_games_root .mdg-chip:hover{
	background:linear-gradient(180deg,#e879f9,#a21caf);color:#fff
}
html.light #md_games_root .mdg-play-title,
html:not(.dark) #md_games_root .mdg-play-title{
	color:#92400e;text-shadow:none
}
html.light #md_games_root .mdg-btn,
html:not(.dark) #md_games_root .mdg-btn{
	background:linear-gradient(180deg,#fff,#e2e8f0);color:#1e293b;
	border-color:rgba(146,64,14,.28);
	box-shadow:0 .14rem 0 #cbd5e1, inset 0 1px 0 rgba(255,255,255,.8)
}
html.light #md_games_root .mdg-playbar .mdg-btn,
html:not(.dark) #md_games_root .mdg-playbar .mdg-btn{
	color:#1e293b;text-shadow:none;border:0;
	background:
		linear-gradient(180deg, rgba(255,255,255,.92) 0%, rgba(255,255,255,.28) 32%, transparent 54%),
		linear-gradient(180deg,#fff 0%,#e2e8f0 56%,#cbd5e1 100%);
	box-shadow:
		0 0 0 1px rgba(255,255,255,.9),
		0 0 0 3px var(--mdg-key,#d4af37),
		0 0 0 5px #8a6a12,
		0 .2rem 0 #b08920,
		0 .42rem .62rem rgba(15,23,42,.22),
		inset 0 1px 0 #fff,
		inset 0 -8px 12px rgba(15,23,42,.08);
}
html.light #md_games_root .mdg-playbar .mdg-btn:hover,
html.light #md_games_root .mdg-playbar .mdg-btn:focus-visible,
html:not(.dark) #md_games_root .mdg-playbar .mdg-btn:hover,
html:not(.dark) #md_games_root .mdg-playbar .mdg-btn:focus-visible{
	filter:brightness(1.04) saturate(1.08);
	box-shadow:
		0 0 0 1px #fff,
		0 0 0 3px var(--mdg-key,#d4af37),
		0 0 0 5px #8a6a12,
		0 .3rem 0 #b08920,
		0 .7rem 1rem rgba(15,23,42,.24),
		0 0 1rem color-mix(in srgb, var(--mdg-key,#d4af37) 45%, transparent),
		inset 0 1px 0 #fff;
}
html.light #md_games_root .mdg-playbar .mdg-btn:active,
html:not(.dark) #md_games_root .mdg-playbar .mdg-btn:active{
	box-shadow:
		0 0 0 1px rgba(255,255,255,.7),
		0 0 0 3px var(--mdg-key,#d4af37),
		0 0 0 5px #8a6a12,
		0 .05rem 0 #b08920,
		0 .14rem .24rem rgba(15,23,42,.2),
		inset 0 8px 12px rgba(15,23,42,.12);
}
html.light #md_games_root .mdg-playbar .mdg-btn.is-on,
html:not(.dark) #md_games_root .mdg-playbar .mdg-btn.is-on{
	color:#92400e;
	box-shadow:
		0 0 0 1px #fff,
		0 0 0 3px var(--mdg-key,#d4af37),
		0 0 0 5px #8a6a12,
		0 .2rem 0 #b08920,
		0 .42rem .62rem rgba(15,23,42,.22),
		0 0 1.1rem color-mix(in srgb, var(--mdg-key,#d4af37) 55%, transparent),
		inset 0 1px 0 #fff;
}
html.light #md_games_root .mdg-playbar #mdg_back,
html.light #md_games_root .mdg-playbar #mdg_board_back,
html.light #md_games_root .mdg-playbar #mdg_help_btn,
html:not(.dark) #md_games_root .mdg-playbar #mdg_back,
html:not(.dark) #md_games_root .mdg-playbar #mdg_board_back,
html:not(.dark) #md_games_root .mdg-playbar #mdg_help_btn{color:#92400e}
html.light #md_games_root .mdg-playbar #mdg_restart,
html:not(.dark) #md_games_root .mdg-playbar #mdg_restart{color:#be123c}
html.light #md_games_root .mdg-hud,
html:not(.dark) #md_games_root .mdg-hud{color:#334155}
html.light #md_games_root .mdg-hud span,
html.light #md_games_root .mdg-hud button.mdg-hud-hint,
html:not(.dark) #md_games_root .mdg-hud span,
html:not(.dark) #md_games_root .mdg-hud button.mdg-hud-hint{
	background:#fff;border-color:rgba(146,64,14,.2);color:#334155
}
html.light #md_games_root .mdg-hud b,
html:not(.dark) #md_games_root .mdg-hud b{color:#b45309;text-shadow:none}
html.light #md_games_root .mdg-help,
html:not(.dark) #md_games_root .mdg-help{color:#475569}
html.light #md_games_root #mdg_stage,
html:not(.dark) #md_games_root #mdg_stage{
	background:
		radial-gradient(120% 80% at 50% 0%, rgba(192,38,211,.1), transparent 52%),
		linear-gradient(180deg,#fff7ed 0%, #e2e8f0 78%);
	box-shadow:inset 0 0 0 .1rem rgba(146,64,14,.18), inset 0 .8rem 1.2rem rgba(255,255,255,.25);
}
html.light #md_games_root .mdg-overlay-card,
html:not(.dark) #md_games_root .mdg-overlay-card{
	background:linear-gradient(180deg,#fff,#fff7ed);
	border-color:rgba(146,64,14,.28);color:#1e293b
}
html.light #md_games_root .mdg-overlay h3,
html:not(.dark) #md_games_root .mdg-overlay h3{
	color:#92400e;text-shadow:none
}
html.light #md_games_root .mdg-overlay p,
html:not(.dark) #md_games_root .mdg-overlay p{color:#475569}
html.light #md_games_root .mdg-farm-say-bubble,
html:not(.dark) #md_games_root .mdg-farm-say-bubble{
	background:linear-gradient(180deg,#fff,#fff7ed);border-color:rgba(146,64,14,.28)
}
html.light #md_games_root .mdg-farm-say-bubble strong,
html:not(.dark) #md_games_root .mdg-farm-say-bubble strong{color:#92400e;text-shadow:none}
html.light #md_games_root .mdg-farm-say-bubble span,
html:not(.dark) #md_games_root .mdg-farm-say-bubble span{color:#1e293b}
html.light #md_games_root .mdg-farm-coach,
html:not(.dark) #md_games_root .mdg-farm-coach{
	background:linear-gradient(180deg,#fff,#fff7ed);border-color:rgba(146,64,14,.28)
}
html.light #md_games_root .mdg-farm-coach-copy strong,
html:not(.dark) #md_games_root .mdg-farm-coach-copy strong{color:#92400e}
html.light #md_games_root .mdg-farm-coach-copy span,
html:not(.dark) #md_games_root .mdg-farm-coach-copy span{color:#475569}
html.light #md_games_root .mdg-ctrl-pick,
html:not(.dark) #md_games_root .mdg-ctrl-pick{
	background:linear-gradient(180deg,#fff,#e2e8f0);color:#1e293b;
	border-color:rgba(146,64,14,.22);box-shadow:0 .12rem 0 #cbd5e1
}
html.light #md_games_root .mdg-ctrl-pick strong,
html:not(.dark) #md_games_root .mdg-ctrl-pick strong{color:#92400e}
html.light #md_games_root .mdg-ctrl-pick span,
html:not(.dark) #md_games_root .mdg-ctrl-pick span{color:#475569}
html.light #md_games_root .mdg-name-in,
html:not(.dark) #md_games_root .mdg-name-in{
	background:#fff;color:#1e293b;border-color:rgba(146,64,14,.28)
}
html.light #md_games_root .mdg-crt .mdg-chip,
html:not(.dark) #md_games_root .mdg-crt .mdg-chip{
	background:transparent;color:#c98520;border-color:rgba(255,176,0,.35)
}
html.light #md_games_root .mdg-crt .mdg-chip.is-on,
html.light #md_games_root .mdg-crt .mdg-chip:hover,
html:not(.dark) #md_games_root .mdg-crt .mdg-chip.is-on,
html:not(.dark) #md_games_root .mdg-crt .mdg-chip:hover{
	background:#ffb000;color:#1a0e00;border-color:#ffb000
}
html.light #md_games_root .mdg-mp h3,
html:not(.dark) #md_games_root .mdg-mp h3{color:#92400e;text-shadow:none}
html.light #md_games_root .mdg-mp p,
html:not(.dark) #md_games_root .mdg-mp p{color:#475569}
html.light #md_games_root .mdg-pad-host-ov,
html:not(.dark) #md_games_root .mdg-pad-host-ov{
	background:
		radial-gradient(90% 55% at 50% 0%, rgba(192,38,211,.14), transparent 52%),
		linear-gradient(180deg,#fffbeb,#e2e8f0)
}
html.light #md_games_root .mdg-mp-seat,
html:not(.dark) #md_games_root .mdg-mp-seat{
	background:rgba(255,255,255,.72);border-color:rgba(146,64,14,.22)
}
html.light #md_games_root .mdg-mp-seat b,
html:not(.dark) #md_games_root .mdg-mp-seat b{color:#92400e}
html.light #md_games_root .mdg-mp-seat span,
html:not(.dark) #md_games_root .mdg-mp-seat span{color:#1e293b}
html.light #md_games_root .mdg-mp-seat em,
html:not(.dark) #md_games_root .mdg-mp-seat em{color:#64748b}
html.light #md_games_root .mdg-mp-code,
html:not(.dark) #md_games_root .mdg-mp-code{
	background:#fff;color:#92400e;border-color:rgba(146,64,14,.28)
}
html.light #md_games_root .mdg-invite,
html:not(.dark) #md_games_root .mdg-invite{
	background:#fff;border-color:rgba(146,64,14,.22)
}
html.light #md_games_root .mdg-mp .mdg-invite-copy,
html:not(.dark) #md_games_root .mdg-mp .mdg-invite-copy{color:#1e293b}
html.light #md_games_root .mdg-invite-ico,
html:not(.dark) #md_games_root .mdg-invite-ico{color:#92400e;background:#fff7ed}
html.light #md_games_root .mdg-phone-pad,
html:not(.dark) #md_games_root .mdg-phone-pad{
	background:linear-gradient(180deg,#fff7ed,#e2e8f0)
}
html.light #md_games_root .mdg-pad-ask-card,
html:not(.dark) #md_games_root .mdg-pad-ask-card{
	background:linear-gradient(180deg,#fffbeb,#e2e8f0)
}
html.light #md_games_root .mdg-pad-ask-card h3,
html:not(.dark) #md_games_root .mdg-pad-ask-card h3{color:#92400e}
html.light #md_games_root .mdg-pad-ask-card p,
html:not(.dark) #md_games_root .mdg-pad-ask-card p{color:#475569}
html.light #md_games_root .mdg-tile:not(.has-art) .mdg-tile-screen,
html:not(.dark) #md_games_root .mdg-tile:not(.has-art) .mdg-tile-screen{
	background:
		radial-gradient(120% 90% at 18% 0%, color-mix(in srgb, var(--tile-accent,#c026d3) 28%, transparent), transparent 52%),
		linear-gradient(180deg,#fff,#e2e8f0);
}
html.light #md_games_root .mdg-tile:not(.has-art) h3,
html:not(.dark) #md_games_root .mdg-tile:not(.has-art) h3{color:#1e293b}
html.dark #md_games_root{
	--mdg-ink:#f8fafc;
	--mdg-muted:#94a3b8;
	--mdg-card:#15213c;
	--mdg-navy:#070d1a;
}

@media (prefers-reduced-motion:reduce){
	.mdg-toast-bezel,.mdg-fx-card,.mdg-board-row,.mdg-pad-wait-pulse{animation:none!important}
	.mdg-playbar .mdg-btn,
	.mdg-playbar .mdg-btn:hover,
	.mdg-playbar .mdg-btn:focus-visible,
	.mdg-playbar .mdg-btn:active{
		transition:none;transform:none;filter:none
	}
}

.mdg-ice{
	display:inline-flex;align-items:center;justify-content:center;
	margin-left:.28em;padding:.04em .32em;border-radius:999px;
	font-size:.58em;font-weight:800;letter-spacing:.08em;
	color:#064e3b;background:linear-gradient(180deg,#6ee7b7,#34d399);
	box-shadow:0 0 .4em rgba(52,211,153,.45);
	pointer-events:none;
}
.mdg-tile.has-art .mdg-ice{position:absolute;top:.45em;right:.55em;z-index:4;margin:0}
#mdg_stage[data-game="spy_seek"]{
	align-items:stretch;justify-content:stretch;
	background:
		radial-gradient(90% 55% at 50% 0%, rgba(56,189,248,.22), transparent 52%),
		radial-gradient(80% 70% at 50% 100%, rgba(234,179,8,.16), transparent 55%),
		linear-gradient(180deg,#0f172a 0%,#070d1a 100%);
}
.spy-wrap{
	width:100%;height:100%;min-height:0;flex:1 1 0%;
	display:flex;flex-direction:column;gap:.35rem;padding:.28rem .32rem .4rem;
}
#md_games_root.mdg-wide .spy-wrap{flex-direction:row;align-items:stretch}
.spy-scene{
	position:relative;flex:1 1 0%;min-width:0;min-height:0;
	display:flex;align-items:center;justify-content:center;
	border-radius:.85rem;overflow:hidden;touch-action:none;
	box-shadow:inset 0 0 0 .1rem rgba(243,229,171,.28), 0 .35rem .9rem rgba(0,0,0,.35);
	background:#070d1a;
}
.spy-board{
	position:relative;width:100%;height:100%;max-width:100%;max-height:100%;
	min-width:0;min-height:0;
	display:flex;align-items:center;justify-content:center;
	will-change:transform;
}
.spy-img{
	display:block;max-width:100%;max-height:100%;width:auto;height:auto;
	object-fit:contain;cursor:crosshair;user-select:none;-webkit-user-drag:none;
}
.spy-fx{
	position:absolute;left:0;top:0;pointer-events:none;
}
.spy-caption{
	position:absolute;left:.5rem;top:.42rem;z-index:3;pointer-events:none;
	font-size:.7rem;font-weight:800;letter-spacing:.04em;color:#fff8e7;
	text-shadow:0 1px 4px rgba(0,0,0,.7);
}
.spy-side{
	display:flex;flex-direction:column;gap:.28rem;flex:none;min-width:0;min-height:0;
	max-height:40%;
}
.spy-tools{
	display:flex;flex-direction:row;gap:.28rem;justify-content:center;flex:none;
}
#md_games_root.mdg-wide .spy-side{
	width:min(14.5rem,34%);max-height:none;align-self:stretch;
}
.spy-tools button{
	appearance:none;border:0;cursor:pointer;width:2.15rem;height:2.15rem;
	border-radius:.7rem;font-size:.95rem;font-weight:800;color:#1c1408;
	background:linear-gradient(180deg,#f3e5ab,#c9a227);
	box-shadow:0 .14rem 0 #5a4210, inset 0 1px 0 rgba(255,255,255,.45);
}
.spy-tools button.is-on{
	background:linear-gradient(180deg,#67e8f9,#0891b2);color:#042f2e;
	box-shadow:0 .14rem 0 #155e75, inset 0 1px 0 rgba(255,255,255,.4);
}
.spy-tools [data-spy-z]{
	width:auto;min-width:2.15rem;padding:0 .4rem;font-size:.72rem;
	background:rgba(15,23,42,.82);color:#fff8e7;
	box-shadow:inset 0 0 0 .1rem rgba(243,229,171,.35);
}
.spy-loupe{
	position:absolute;z-index:4;width:9.2rem;height:9.2rem;border-radius:50%;
	overflow:hidden;pointer-events:none;
	box-shadow:0 0 0 .14rem #f3e5ab, 0 .4rem 1rem rgba(0,0,0,.5);
	background:#070d1a;
}
.spy-loupe img{
	position:absolute;max-width:none;max-height:none;display:block;
}
.spy-chip.is-list{cursor:default;opacity:.95}
.spy-chip.is-hint{box-shadow:inset 0 0 0 .14rem #34d399}
.spy-hint-btn{
	background:linear-gradient(180deg,#34d399,#059669);color:#042f2e;
	box-shadow:0 .12rem 0 #065f46, inset 0 1px 0 rgba(255,255,255,.35);
}
.spy-check{font-size:.78rem;color:#86efac}
.spy-diff .mdg-overlay-card{min-width:min(20rem,92%);max-height:94%;overflow:auto}
.spy-diffs{margin:.1rem 0 0}
.spy-diff .mdg-ctrl-pick{
	width:100%;flex-direction:column;align-items:flex-start;gap:.08rem;
	min-height:0;padding:.55rem .7rem;
}
.spy-diff .mdg-ctrl-pick .mdg-farm-lab{width:100%}
.spy-diff .mdg-ctrl-pick .mdg-farm-lab > span{
	white-space:normal;font-size:.72rem;font-weight:600;color:rgba(226,232,240,.78);
}
.spy-diff .mdg-ctrl-pick.is-on{
	background:linear-gradient(180deg,#f3e5ab,#c9a227);
	border-color:rgba(243,229,171,.7);color:#1c1408;
	box-shadow:0 .16rem 0 #5a4210, inset 0 1px 0 rgba(255,255,255,.45);
}
.spy-diff .mdg-ctrl-pick.is-on strong{color:#1c1408}
.spy-diff .mdg-ctrl-pick.is-on .mdg-farm-lab > span{color:#4a3a16}
.spy-diff .mdg-ctrl-pick strong{font-size:.92rem}
.spy-list{
	display:flex;flex-wrap:wrap;gap:.28rem;justify-content:center;align-content:flex-start;
	flex:1 1 0%;min-height:0;overflow:auto;padding:.08rem;
}
#md_games_root.mdg-wide .spy-list{
	width:auto;max-height:none;flex:1 1 0%;
	flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;
}
.spy-chip{
	appearance:none;border:0;cursor:pointer;display:flex;align-items:center;gap:.28rem;
	padding:.28rem .48rem;border-radius:999px;font-size:.78rem;font-weight:700;color:#fff8e7;
	background:rgba(15,23,42,.72);box-shadow:inset 0 0 0 .1rem rgba(243,229,171,.28);
}
.spy-chip.is-found{opacity:.45;text-decoration:line-through;box-shadow:inset 0 0 0 .1rem rgba(52,211,153,.55)}
.spy-emo{font-size:1rem;line-height:1}
#md_games_root.mdg-ice-only #mdg_tv_btn,
#md_games_root.mdg-ice-only #mdg_join_btn{
	display:none!important;
}
:is(#md_games_admin, .mdg-admin-section) .mdg-admin-cab{
	flex:1 1 0%;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:.42rem;
	padding:.1rem .05rem .4rem;
}
:is(#md_games_admin, .mdg-admin-section) .mdg-admin-lead{
	margin:0;font-size:.78rem;color:rgba(226,232,240,.78);text-align:center;line-height:1.35;
}
:is(#md_games_admin, .mdg-admin-section) .mdg-admin-q{margin:0;max-width:22rem;width:100%;align-self:center}
:is(#md_games_admin, .mdg-admin-section) .mdg-admin-list{
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(15.4rem,1fr));
	gap:.72rem;
	padding:.12rem 0 .55rem;
	align-items:stretch;
}
:is(#md_games_admin, .mdg-admin-section) .mdg-admin-list .mdg-board-empty{
	grid-column:1/-1;margin:.7rem 0;text-align:center;
}
:is(#md_games_admin, .mdg-admin-section) .mdg-admin-card{
	text-align:left;display:flex;flex-direction:column;min-width:0;
	background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 36%),linear-gradient(180deg,#1a2744,#0b1224);
	border:1px solid rgba(243,229,171,.18);
	border-radius:1rem;padding:.55rem .58rem .52rem;
	box-shadow:0 .2rem .5rem rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.1);
}
:is(#md_games_admin, .mdg-admin-section) .mdg-admin-face{
	position:relative;aspect-ratio:16/10;border-radius:.72rem;overflow:hidden;
	margin:0 0 .42rem;flex:none;
	background:
		radial-gradient(120% 90% at 18% 0%, color-mix(in srgb, var(--tile-accent,#c026d3) 46%, transparent), transparent 52%),
		linear-gradient(180deg,#1a2744 0%,#070d1a 100%);
	box-shadow:inset 0 0 0 .08em rgba(15,23,42,.5),0 .18rem .4rem rgba(0,0,0,.28);
}
:is(#md_games_admin, .mdg-admin-section) .mdg-admin-art{
	position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;
}
:is(#md_games_admin, .mdg-admin-section) .mdg-admin-ico{
	position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
	font-size:2.1rem;color:#fff;
}
:is(#md_games_admin, .mdg-admin-section) .mdg-admin-head{
	display:flex;align-items:flex-start;justify-content:space-between;gap:.45rem;margin-bottom:.18rem;
}
:is(#md_games_admin, .mdg-admin-section) .mdg-admin-head-btns{display:flex;flex-wrap:wrap;gap:.28rem;flex:none;justify-content:flex-end}
:is(#md_games_admin, .mdg-admin-section) .mdg-admin-off.is-on{
	background:linear-gradient(180deg,#fb7185,#be123c);color:#fff;border-color:transparent
}
:is(#md_games_admin, .mdg-admin-section) .mdg-admin-card.is-off{
	opacity:.86;border-color:rgba(251,113,133,.38)
}
:is(#md_games_admin, .mdg-admin-section) .mdg-admin-card.is-off .mdg-admin-art,
:is(#md_games_admin, .mdg-admin-section) .mdg-admin-card.is-off .mdg-admin-ico{
	filter:grayscale(.88) brightness(.62)
}
:is(#md_games_admin, .mdg-admin-section) .mdg-admin-card.is-off .mdg-admin-face::after{
	content:'OFF';position:absolute;left:.42rem;top:.42rem;z-index:2;
	font-size:.62rem;font-weight:800;letter-spacing:.12em;
	padding:.18rem .4rem;border-radius:.4rem;
	background:rgba(190,18,60,.92);color:#fff;
	box-shadow:0 .12rem .28rem rgba(0,0,0,.28)
}
:is(#md_games_admin, .mdg-admin-section) .mdg-admin-title h3{
	margin:0;font-size:.92rem;letter-spacing:.03em;text-transform:none;color:#ffe08a;
	text-shadow:0 0 10px rgba(251,191,36,.35);
}
:is(#md_games_admin, .mdg-admin-section) .mdg-admin-title span{
	display:block;font-size:.66rem;font-weight:700;color:rgba(226,232,240,.62);margin-top:.06rem;
}
:is(#md_games_admin, .mdg-admin-section) .mdg-admin-flags{display:flex;flex-direction:column;margin-top:.08rem}
:is(#md_games_admin, .mdg-admin-section) .mdg-admin-row{
	display:flex;align-items:center;justify-content:space-between;gap:.5rem;
	padding:.3rem 0;border-top:1px solid rgba(243,229,171,.12);cursor:pointer;
}
:is(#md_games_admin, .mdg-admin-section) .mdg-admin-row .mdg-set-copy strong{
	display:block;font-size:.76rem;font-weight:800;color:#ffe08a
}
:is(#md_games_admin, .mdg-admin-section) .mdg-admin-row .mdg-set-sw{
	-webkit-appearance:none;appearance:none;flex-shrink:0;width:42px;height:24px;padding:0;border:0;border-radius:999px;
	background:#475569;position:relative;cursor:pointer
}
:is(#md_games_admin, .mdg-admin-section) .mdg-admin-row .mdg-set-sw.is-on{background:#c026d3}
:is(#md_games_admin, .mdg-admin-section) .mdg-admin-row .mdg-set-knob{
	position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;
	background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.28);transition:transform .15s ease;
	pointer-events:none
}
:is(#md_games_admin, .mdg-admin-section) .mdg-admin-row .mdg-set-sw.is-on .mdg-set-knob{transform:translateX(18px)}
:is(#md_games_admin, .mdg-admin-section) .mdg-admin-card.is-phones-only .mdg-admin-row:not([data-flag="phones_only"]),
:is(#md_games_admin, .mdg-admin-section) .mdg-admin-card.is-phones-only .mdg-admin-modes{
	opacity:.42;
}
:is(#md_games_admin, .mdg-admin-section) .mdg-admin-modes{padding:.32rem 0 .06rem;border-top:1px solid rgba(243,229,171,.12);margin-top:auto}
:is(#md_games_admin, .mdg-admin-section) .mdg-admin-picks{display:flex;flex-wrap:wrap;gap:.28rem;margin:.28rem 0 0}
:is(#md_games_admin, .mdg-admin-section) .mdg-admin-status{
	min-height:1rem;font-size:.66rem;font-weight:700;color:#86efac;margin-top:.16rem
}
:is(#md_games_admin, .mdg-admin-section) .mdg-admin-status.is-err{color:#fda4af}
html.light :is(#md_games_admin, .mdg-admin-section) .mdg-admin-card,
html:not(.dark) :is(#md_games_admin, .mdg-admin-section) .mdg-admin-card{
	background:linear-gradient(180deg,#fff,#f8fafc);border-color:rgba(15,23,42,.12)
}
html.light :is(#md_games_admin, .mdg-admin-section) .mdg-admin-face,
html:not(.dark) :is(#md_games_admin, .mdg-admin-section) .mdg-admin-face{
	box-shadow:inset 0 0 0 .08em rgba(15,23,42,.12),0 .12rem .28rem rgba(15,23,42,.12)
}
html.light :is(#md_games_admin, .mdg-admin-section) .mdg-admin-title h3,
html:not(.dark) :is(#md_games_admin, .mdg-admin-section) .mdg-admin-title h3{color:#92400e;text-shadow:none}
html.light :is(#md_games_admin, .mdg-admin-section) .mdg-admin-lead,
html:not(.dark) :is(#md_games_admin, .mdg-admin-section) .mdg-admin-lead,
html.light :is(#md_games_admin, .mdg-admin-section) .mdg-admin-title span,
html:not(.dark) :is(#md_games_admin, .mdg-admin-section) .mdg-admin-title span{color:#475569}
html.light :is(#md_games_admin, .mdg-admin-section) .mdg-admin-row .mdg-set-copy strong,
html:not(.dark) :is(#md_games_admin, .mdg-admin-section) .mdg-admin-row .mdg-set-copy strong{color:#9a3412}
#ap_portal_settings.mdg-admin-sheet .ap-settings-sheet{
	max-width:min(56rem,96vw);
	max-height:min(92dvh,900px);
}
.mdg-admin-section .mdg-admin-cab{
	flex:none;overflow:visible;padding:0;min-height:0;
}
.mdg-admin-section .mdg-board-marquee{display:none}
.mdg-admin-section .mdg-admin-lead{
	text-align:left;color:var(--bo-text-muted,#64748b);
}
.mdg-admin-section .mdg-admin-q{
	align-self:stretch;max-width:none;
	background:var(--bo-bg,#fff);color:var(--bo-text,#0f172a);
	border-color:var(--bo-border,#e2e8f0);
}
.mdg-admin-section .mdg-admin-list{
	grid-template-columns:repeat(auto-fill,minmax(14.2rem,1fr));
	padding:.2rem 0 0;
}
#mdg_stage[data-game="spot_who"],
#mdg_stage[data-game="mix_bingo"]{
	align-items:stretch;justify-content:stretch;
	background:
		radial-gradient(90% 55% at 50% 0%, rgba(52,211,153,.28), transparent 52%),
		radial-gradient(80% 70% at 50% 100%, rgba(56,189,248,.16), transparent 55%),
		linear-gradient(180deg,#064e3b 0%,#070d1a 100%);
}
.ice-tv .zing-kicker,.ice-phone .zing-kicker{color:#6ee7b7}
.ice-phone .zing-qr{width:120px;height:120px;padding:6px}
.ice-host-acts{margin-top:.15rem}
.ice-art{
	width:min(12.5rem,58vw);height:min(12.5rem,58vw);object-fit:cover;border-radius:1.1rem;
	box-shadow:0 .35rem 1rem rgba(0,0,0,.35), inset 0 0 0 .12rem rgba(243,229,171,.4);
	background:#0b1220;
}
.ice-attrs,.ice-picks{
	display:flex;flex-wrap:wrap;gap:.32rem;justify-content:center;max-width:28rem;
}
.ice-attr{
	padding:.22rem .5rem;border-radius:999px;font-size:.78rem;font-weight:700;
	background:rgba(7,13,26,.55);box-shadow:inset 0 0 0 .1rem rgba(110,231,183,.4);
}
.ice-pick{
	appearance:none;border:0;cursor:pointer;min-width:6.6rem;padding:.4rem .45rem;border-radius:.75rem;
	background:rgba(7,13,26,.55);color:#fff8e7;box-shadow:inset 0 0 0 .1rem rgba(243,229,171,.28);
}
.ice-pick span{display:block;font-size:1.15rem}
.ice-pick strong{display:block;font-size:.72rem;font-weight:800;color:#a7f3d0}
.ice-pick.is-on{box-shadow:inset 0 0 0 .14rem #fde047;background:rgba(234,179,8,.18)}
.ice-shot{position:relative;overflow:hidden}
.ice-shot input{position:absolute;inset:0;opacity:0;cursor:pointer}
.ice-bingo{
	display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.32rem;
	width:min(22rem,100%);max-width:100%;
}
.ice-square{
	appearance:none;border:0;cursor:pointer;min-height:4.4rem;padding:.35rem .28rem;border-radius:.8rem;
	display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.12rem;
	background:rgba(7,13,26,.55);color:#fff8e7;box-shadow:inset 0 0 0 .1rem rgba(243,229,171,.28);
}
.ice-square span{font-size:1.25rem;line-height:1}
.ice-square strong{font-size:.68rem;font-weight:800;color:#a7f3d0;text-align:center;line-height:1.2}
.ice-square.is-on{box-shadow:inset 0 0 0 .14rem #fde047;background:rgba(234,179,8,.2)}
.ice-square.is-wait{box-shadow:inset 0 0 0 .14rem #67e8f9}

#mdg_stage[data-game="bingo"]{
	align-items:stretch;justify-content:stretch;
	background:
		radial-gradient(90% 50% at 50% 0%, rgba(234,179,8,.28), transparent 52%),
		radial-gradient(80% 70% at 12% 100%, rgba(59,130,246,.18), transparent 55%),
		radial-gradient(80% 70% at 88% 100%, rgba(225,29,72,.16), transparent 55%),
		linear-gradient(180deg,#1a0f08 0%,#070d1a 100%);
}
.bingo-gate{align-items:center;text-align:center;gap:.55rem}
.bingo-gate-art{
	width:min(11.5rem,52vw);height:min(11.5rem,52vw);object-fit:cover;border-radius:1.15rem;
	box-shadow:0 .4rem 1.1rem rgba(0,0,0,.4), inset 0 0 0 .12rem rgba(243,229,171,.4);
}
.bingo-picks{display:flex;flex-wrap:wrap;gap:.32rem;justify-content:center}
.bingo-pick{
	appearance:none;border:0;cursor:pointer;min-width:5.4rem;padding:.38rem .55rem;border-radius:.8rem;
	font-weight:800;font-size:.78rem;color:#fff8e7;
	background:rgba(7,13,26,.55);box-shadow:inset 0 0 0 .1rem rgba(243,229,171,.28);
}
.bingo-pick.is-on{background:rgba(234,179,8,.22);box-shadow:inset 0 0 0 .14rem #fde047;color:#fde047}
.bingo-check{display:flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:700;color:rgba(226,232,240,.9)}
.bingo-hall{
	display:flex;flex-direction:column;align-items:center;gap:.45rem;width:100%;height:100%;
	overflow:auto;padding:.2rem .15rem .35rem;min-height:0;
}
.bingo-stage-top{
	display:flex;align-items:center;justify-content:center;gap:.7rem;flex:none;width:100%;
}
.bingo-cage-wrap{
	position:relative;width:min(7.6rem,32vw);height:min(7.6rem,32vw);flex:none;
}
.bingo-cage{
	position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;
	filter:drop-shadow(0 .25rem .6rem rgba(0,0,0,.45));
	z-index:1;
}
.bingo-ball{
	position:relative;display:grid;place-items:center;width:4.6rem;height:4.6rem;
	filter:drop-shadow(0 .22rem .45rem rgba(0,0,0,.4));
}
.bingo-ball img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}
.bingo-ball-lab{
	position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;line-height:1;
	color:#0b1220;text-shadow:0 1px 0 rgba(255,255,255,.55);
}
.bingo-ball-lab em{font-style:normal;font-size:.62rem;font-weight:800;letter-spacing:.08em}
.bingo-ball-lab b{font-size:1.15rem;font-weight:900}
.bingo-ball.is-hero{width:min(5.4rem,24vw);height:min(5.4rem,24vw);margin:18% auto 0;z-index:2}
.bingo-ball.is-mini{width:3.4rem;height:3.4rem;flex:none}
.bingo-ball.is-empty{opacity:.85}
.bingo-ball.is-empty img{filter:none;position:static}
.bingo-call-copy{min-width:0;text-align:left}
.bingo-kicker{font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#fde047}
.bingo-last{font-size:clamp(1.35rem,6vw,2.1rem);font-weight:900;color:#fff8e7;letter-spacing:.04em;line-height:1.05}
.bingo-call-copy p{margin:.1rem 0 0;font-size:.75rem;color:rgba(226,232,240,.75)}
.bingo-cards{
	display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;width:100%;
}
.bingo-hall.is-multi .bingo-card{width:min(11.6rem,46%)}
.bingo-card{
	width:min(18.4rem,100%);background:
		linear-gradient(180deg,#fff8e7 0%,#f3e5ab 100%);
	border-radius:.9rem;padding:.38rem .4rem .48rem;
	box-shadow:0 .35rem .9rem rgba(0,0,0,.35), inset 0 0 0 .08rem rgba(180,83,9,.35);
}
.bingo-card-head{
	display:grid;grid-template-columns:repeat(5,1fr);gap:.18rem;margin-bottom:.22rem;
}
.bingo-card-head span{
	text-align:center;font-weight:900;font-size:.78rem;letter-spacing:.08em;color:#7c2d12;
}
.bingo-card-head .col-b{color:#1d4ed8}
.bingo-card-head .col-i{color:#be123c}
.bingo-card-head .col-n{color:#334155}
.bingo-card-head .col-g{color:#15803d}
.bingo-card-head .col-o{color:#b45309}
.bingo-card-grid{
	display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.18rem;
}
.bingo-cell{
	appearance:none;border:0;cursor:pointer;aspect-ratio:1;border-radius:.42rem;
	position:relative;display:grid;place-items:center;
	background:#fff;color:#1c1917;font-weight:800;font-size:clamp(.72rem,3.2vw,.95rem);
	box-shadow:inset 0 0 0 .07rem rgba(120,53,15,.18), 0 .08rem .12rem rgba(0,0,0,.08);
}
.bingo-cell span{position:relative;z-index:1}
.bingo-cell.is-free{background:#fff7d6}
.bingo-cell.is-lit{box-shadow:inset 0 0 0 .1rem #f59e0b, 0 0 .4rem rgba(245,158,11,.35)}
.bingo-cell.is-on{background:#fecaca;color:#7f1d1d}
.bingo-cell.is-win{box-shadow:inset 0 0 0 .12rem #ca8a04, 0 0 .55rem rgba(250,204,21,.55)}
.bingo-daub{
	position:absolute;inset:18%;border-radius:50%;
	background:radial-gradient(circle at 35% 30%, rgba(225,29,72,.15), rgba(190,18,60,.72) 62%, rgba(127,29,29,.88));
	pointer-events:none;z-index:0;
}
.bingo-star{width:72%;height:72%;object-fit:contain}
.bingo-yell{
	min-width:min(16rem,90%);min-height:2.9rem;font-size:1.05rem;letter-spacing:.18em;
	opacity:.55;
}
.bingo-yell.is-ready{
	opacity:1;animation:bingo-pulse 1.1s ease-in-out infinite;
}
@keyframes bingo-pulse{
	0%,100%{box-shadow:0 0 0 0 rgba(250,204,21,.45)}
	50%{box-shadow:0 0 0 .28rem rgba(250,204,21,.15)}
}
.bingo-banner{
	font-size:1.05rem;font-weight:900;color:#fde047;text-align:center;
	text-shadow:0 0 12px rgba(250,204,21,.45);
}
.bingo-board{
	display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.28rem;
	width:min(34rem,100%);
}
.bingo-board-col{
	background:rgba(7,13,26,.5);border-radius:.7rem;padding:.28rem .18rem .32rem;
	display:flex;flex-direction:column;align-items:center;gap:.12rem;
	box-shadow:inset 0 0 0 .08rem rgba(243,229,171,.2);
}
.bingo-board-col strong{font-size:.78rem;letter-spacing:.1em}
.bingo-board-col span{
	width:1.55rem;height:1.15rem;border-radius:.32rem;font-size:.62rem;font-weight:700;
	display:grid;place-items:center;color:rgba(226,232,240,.55);
}
.bingo-board-col span.is-on{background:#fde047;color:#1c1917}
.bingo-board-col.col-b strong{color:#93c5fd}
.bingo-board-col.col-i strong{color:#fda4af}
.bingo-board-col.col-n strong{color:#e2e8f0}
.bingo-board-col.col-g strong{color:#86efac}
.bingo-board-col.col-o strong{color:#fdba74}
.bingo-mini-call{display:flex;align-items:center;gap:.55rem;width:min(22rem,100%)}
.bingo-tv-play .bingo-board{flex:1 1 auto}
#md_games_root.mdg-wide .bingo-tv-play{
	display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-rows:auto 1fr auto;
	align-items:stretch;
}
#md_games_root.mdg-wide .bingo-tv-play .bingo-stage-top{grid-column:1;grid-row:1 / span 2;flex-direction:column}
#md_games_root.mdg-wide .bingo-tv-play .bingo-board{grid-column:2;grid-row:1 / span 2;width:100%}
#md_games_root.mdg-wide .bingo-tv-play .zing-pills,
#md_games_root.mdg-wide .bingo-tv-play .bingo-banner,
#md_games_root.mdg-wide .bingo-tv-play .zing-actions{grid-column:1 / -1}
#mdg_stage[data-game="bingo"] > .bingo-hall{
	flex:1 1 auto;align-self:stretch;width:100%;height:100%;max-height:100%;min-height:0;
	overflow:hidden;justify-content:flex-start;gap:.28rem;padding:.15rem .2rem .2rem;
}
#mdg_stage[data-game="bingo"] .bingo-stage-top{flex:0 0 auto}
#mdg_stage[data-game="bingo"] .bingo-cage-wrap{width:min(4.4rem,22cqw);height:min(4.4rem,16cqh)}
#mdg_stage[data-game="bingo"] .bingo-ball.is-hero{width:min(3.5rem,18cqw);height:min(3.5rem,16cqh);margin:10% auto 0}
#mdg_stage[data-game="bingo"] .bingo-cards{
	flex:1 1 auto;min-height:0;align-items:stretch;overflow:hidden;
}
#mdg_stage[data-game="bingo"] .bingo-card{
	flex:1 1 auto;min-height:0;width:min(100%,24rem);max-height:100%;
	display:flex;flex-direction:column;padding:.28rem .32rem .32rem;
}
#mdg_stage[data-game="bingo"] .bingo-card-head{flex:0 0 auto}
#mdg_stage[data-game="bingo"] .bingo-card-grid{
	flex:1 1 auto;min-height:0;grid-template-rows:repeat(5,minmax(0,1fr));
}
#mdg_stage[data-game="bingo"] .bingo-cell{
	aspect-ratio:auto;height:auto;min-height:0;width:100%;
	font-size:clamp(.72rem,3.8cqw,1.05rem);
}
#mdg_stage[data-game="bingo"] .bingo-hall .zing-actions{
	flex:0 0 auto;width:100%;margin-top:0;
	padding-bottom:max(.1rem, env(safe-area-inset-bottom));
}
#mdg_stage[data-game="bingo"] .bingo-yell{flex:1 1 auto;min-height:3rem}
#mdg_stage[data-game="bingo"] .bingo-hall.is-multi .bingo-cards{flex-direction:row;align-items:stretch}
#mdg_stage[data-game="bingo"] .bingo-hall.is-multi .bingo-card{width:auto;flex:1 1 0;max-width:16rem}
.bingo-pager{display:flex;flex-wrap:wrap;gap:.28rem;justify-content:center;width:100%;flex:0 0 auto}
.bingo-pager .bingo-pick{min-width:4.4rem;min-height:2.4rem}
.bingo-pager .is-hot{box-shadow:inset 0 0 0 .14rem #fde047, 0 0 .45rem rgba(250,204,21,.45)}
.bingo-voices{display:flex;flex-wrap:wrap;gap:.28rem;justify-content:center;align-items:center;width:100%}
.bingo-voices > span{
	flex:1 0 100%;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#fde047;
}
.bingo-voice{
	appearance:none;border:0;cursor:pointer;min-width:3.4rem;min-height:2.2rem;padding:.28rem .5rem;border-radius:.7rem;
	font-weight:800;font-size:.78rem;color:#fff8e7;
	background:rgba(7,13,26,.55);box-shadow:inset 0 0 0 .1rem rgba(243,229,171,.28);
}
.bingo-voice.is-on{background:rgba(234,179,8,.22);box-shadow:inset 0 0 0 .14rem #fde047;color:#fde047}
.bingo-recent{display:none;flex-wrap:wrap;gap:.28rem;justify-content:center;width:100%;flex:0 0 auto}
.bingo-recent span{
	font-size:.72rem;font-weight:800;padding:.18rem .42rem;border-radius:.5rem;
	background:rgba(7,13,26,.55);color:#fff8e7;
}
@container (max-width: 719px){
	.bingo-tv-play .bingo-board{display:none}
	.bingo-recent{display:flex}
	#mdg_stage[data-game="bingo"] .bingo-hall .zing-actions{flex-wrap:nowrap}
	#mdg_stage[data-game="bingo"] .bingo-hall .zing-actions .mdg-btn{flex:1 1 0;min-width:0}
}
@container (max-height: 680px){
	.bingo-gate-art{width:min(6.4rem,32vw);height:min(6.4rem,32vw)}
	#mdg_stage[data-game="bingo"] .bingo-cage-wrap{width:min(3.4rem,18cqw);height:min(3.4rem,14cqh)}
	#mdg_stage[data-game="bingo"] .bingo-ball.is-hero{margin:0;width:100%;height:100%}
	.bingo-cage{opacity:.35}
	.bingo-last{font-size:1.25rem}
}
@container (max-height: 540px){
	.bingo-gate-art{display:none}
}
#mdg_stage[data-game="sizzle_counter"]{background:#f6d7b8}
.mdg-sz{position:absolute;inset:0;touch-action:manipulation}
.mdg-sz-canvas{display:block;width:100%;height:100%;touch-action:manipulation}
.mdg-sz-ui{position:absolute;inset:0;pointer-events:none;z-index:2}
.mdg-sz-ui .mdg-overlay{pointer-events:auto}
.mdg-sz-hint{
	position:absolute;left:.45rem;right:.45rem;bottom:.4rem;z-index:3;
	background:rgba(42,24,12,.82);color:#fff7ed;border-radius:.8rem;
	padding:.42rem .65rem;font-size:.78rem;font-weight:700;text-align:center;
	pointer-events:none;line-height:1.3
}
.mdg-sz-pause{
	position:absolute;top:.4rem;right:.4rem;z-index:4;pointer-events:auto;
	appearance:none;border:0;border-radius:.7rem;padding:.35rem .6rem;
	background:rgba(42,24,12,.82);color:#fff7ed;font-weight:800;font-size:.72rem;cursor:pointer
}
.mdg-sz .is-hide{display:none!important}
.mdg-sz-ticket{
	position:absolute;transform:translate(-50%,-118%);z-index:3;pointer-events:auto;
	background:#fffaf3;color:#3b2414;border-radius:.85rem;padding:.4rem .55rem .42rem;
	min-width:6.6rem;border:2px solid transparent;cursor:pointer;text-align:center;
	box-shadow:0 .35rem .9rem rgba(80,40,10,.28)
}
.mdg-sz-ticket strong{display:block;font-size:.98rem;line-height:1.15}
.mdg-sz-ticket em{display:block;font-style:normal;font-size:.82rem;color:#9a3412;font-weight:700}
.mdg-sz-bar{display:block;height:.42rem;background:#f1e4d4;border-radius:99px;overflow:hidden;margin-top:.28rem}
.mdg-sz-bar span{display:block;height:100%;width:100%;background:#16a34a}
.mdg-sz-ticket.is-ready{border-color:#16a34a;box-shadow:0 0 0 3px rgba(34,197,94,.28),0 .35rem .9rem rgba(80,40,10,.28)}
.mdg-sz-ticket.is-hot{border-color:#dc2626}
.mdg-sz-pop{
	position:absolute;z-index:4;transform:translate(-50%,-50%);
	color:#b45309;font-weight:800;font-size:1rem;text-shadow:0 1px 0 #fff;
	animation:mdg-sz-rise .9s ease forwards;pointer-events:none
}
@keyframes mdg-sz-rise{to{transform:translate(-50%,-180%);opacity:0}}
.mdg-sz-card{width:min(22rem,94%);max-height:92%;overflow:auto}
.mdg-sz-actions{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center}
.mdg-sz-levels{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin:.15rem 0 .45rem;text-align:left}
.mdg-sz-lv{
	appearance:none;border:1px solid rgba(146,64,14,.28);background:#fff7ed;color:#3b2414;
	border-radius:.8rem;padding:.45rem .5rem;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:.08rem
}
.mdg-sz-lv strong{font-size:.78rem}
.mdg-sz-lv span{font-size:.68rem;font-weight:700;color:#9a3412}
.mdg-sz-lv.is-lock,.mdg-sz-lv:disabled{opacity:.5;cursor:default}
.mdg-sz-ups{display:flex;flex-direction:column;gap:.35rem;margin:.2rem 0 .5rem;text-align:left}
.mdg-sz-up{
	display:flex;align-items:center;justify-content:space-between;gap:.4rem;
	background:rgba(255,247,237,.85);border-radius:.7rem;padding:.35rem .4rem
}
.mdg-sz-up div{min-width:0}
.mdg-sz-up strong{display:block;font-size:.75rem;color:#3b2414}
.mdg-sz-up span{display:block;font-size:.65rem;color:#7c4a1e}
.mdg-sz-up em{font-style:normal;font-size:.72rem;font-weight:800;color:#9a3412}
.mdg-sz-up .mdg-btn{flex:none}
#mdg_stage[data-game="battleship"]{
	background:
		radial-gradient(90% 55% at 50% 0%, rgba(34,211,238,.18), transparent 58%),
		linear-gradient(180deg,#071422,#02060c);
}
.mdg-fleet-wrap{
	position:absolute;
	inset:0;
	display:flex;
	flex-direction:column;
	min-height:0;
	touch-action:manipulation;
}
#mdg_stage[data-game="battleship"] canvas{
	max-height:none;
	margin:0;
}
.mdg-fleet-wrap canvas{
	flex:1 1 auto;
	min-height:0;
	width:100%;
	max-width:100%;
	touch-action:none;
}
.mdg-fleet-dock{
	position:relative;
	z-index:5;
	flex:0 0 auto;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	gap:.35rem;
	justify-content:center;
	align-items:center;
	padding:.4rem .45rem .55rem;
	background:linear-gradient(180deg, rgba(2,8,16,.15), rgba(2,8,16,.92));
}
.mdg-fleet-dock button,
.mdg-fleet-pill{
	appearance:none;
	border:1px solid rgba(34,211,238,.4);
	background:linear-gradient(180deg,#123044,#071018);
	color:#e0fbff;
	border-radius:.7rem;
	padding:.38rem .6rem;
	font-size:.75rem;
	font-weight:700;
	cursor:pointer;
}
.mdg-fleet-dock button.is-on{
	border-color:#67e8f9;
	box-shadow:0 0 .55rem rgba(34,211,238,.4);
	color:#fff;
}
.mdg-fleet-dock button.is-placed{color:#a5f3fc}
.mdg-fleet-pill{cursor:default}
.mdg-fleet-pill.is-sunk{opacity:.5;text-decoration:line-through}
.mdg-fleet-tabs{
	display:none;
	flex:0 0 auto;
	width:100%;
	gap:.35rem;
	padding:.4rem .45rem 0;
}
.mdg-fleet-tabs.is-on{display:flex}
.mdg-fleet-tabs button{
	appearance:none;
	flex:1 1 0;
	min-width:0;
	min-height:2.75rem;
	border:1px solid rgba(34,211,238,.4);
	background:linear-gradient(180deg,#123044,#071018);
	color:#e0fbff;
	border-radius:.7rem;
	padding:.32rem .45rem .28rem;
	cursor:pointer;
	text-align:center;
}
.mdg-fleet-tabs button small{
	display:block;
	font-size:.62rem;
	font-weight:800;
	letter-spacing:.08em;
	text-transform:uppercase;
	color:rgba(125,211,252,.8);
}
.mdg-fleet-tabs button span{
	display:block;
	margin-top:.08rem;
	font-size:.84rem;
	font-weight:800;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.mdg-fleet-tabs button.is-on{
	border-color:#67e8f9;
	box-shadow:0 0 .55rem rgba(34,211,238,.45);
	color:#fff;
	background:linear-gradient(180deg,#155e75,#0b2433);
}
.mdg-fleet-tabs button.is-on small{color:#a5f3fc}
.mdg-fleet-veil{background:rgba(2,6,14,.94)}

#mdg_stage[data-game="city_deeds"]{
	align-items:stretch;
	justify-content:stretch;
	background:
		radial-gradient(70% 42% at 50% 0%, rgba(250,204,21,.28), transparent 58%),
		radial-gradient(90% 55% at 50% 100%, rgba(0,0,0,.28), transparent 62%),
		linear-gradient(180deg,#166534 0%, #14532d 48%, #052e16 100%);
}
.cd-root{
	position:relative;
	flex:1 1 auto;
	width:100%;
	height:100%;
	min-height:0;
	display:flex;
	flex-direction:column;
	color:#f8fafc;
	font-family:system-ui,sans-serif;
}
.cd-slot{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;padding:.2rem .25rem 0}
.cd-play{flex:1 1 auto;min-height:0;width:100%;display:flex;flex-direction:column}
.cd-rail{
	flex:0 0 auto;
	display:flex;
	gap:.35rem;
	padding:.28rem .35rem 0;
	overflow-x:auto;
}
.cd-seat{
	flex:1 1 0;
	min-width:0;
	display:flex;
	align-items:center;
	gap:.4rem;
	text-align:left;
	appearance:none;
	border:2px solid transparent;
	border-radius:.85rem;
	padding:.22rem .45rem;
	background:rgba(2,12,8,.48);
	color:#f8fafc;
	cursor:pointer;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
}
.cd-seat.is-turn{border-color:#fbbf24;background:rgba(2,12,8,.74)}
.cd-seat.is-out{opacity:.42}
.cd-seat img{width:1.7rem;height:1.7rem;object-fit:contain;filter:drop-shadow(0 3px 3px rgba(0,0,0,.45));flex:0 0 auto}
.cd-seat span{min-width:0}
.cd-seat b,.cd-seat em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cd-seat b{font-size:.74rem;line-height:1.15}
.cd-seat em{font-style:normal;font-size:.66rem;opacity:.86}
.cd-tilt{
	flex:1 1 auto;
	min-height:0;
	display:flex;
	align-items:center;
	justify-content:center;
	perspective:1200px;
	padding:.15rem .2rem .25rem;
}
.cd-board{
	container-type:size;
	container-name:cdboard;
	display:grid;
	grid-template-columns:repeat(11, minmax(0, 1fr));
	grid-template-rows:repeat(11, minmax(0, 1fr));
	background:#e7d3a8;
	border-radius:.75rem;
	transform:rotateX(9deg);
	transform-origin:center 64%;
	box-shadow:
		0 1.15rem 1.5rem rgba(0,0,0,.42),
		0 .4rem 0 #6b4423,
		inset 0 0 0 .38rem #e7c98a,
		inset 0 0 0 .58rem #6b4423;
	overflow:hidden;
}
@container (max-height: 620px){
	.cd-board{transform:none}
}
.cd-cell{
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:flex-end;
	gap:0;
	margin:0;
	padding:.04rem;
	border:0;
	background:linear-gradient(180deg,#fffaf3,#f4e7cf);
	color:#1c1917;
	min-width:0;
	min-height:0;
	overflow:hidden;
	cursor:pointer;
	box-shadow:inset 0 0 0 1px rgba(68,44,16,.16);
}
.cd-cell.is-owned{box-shadow:inset 0 0 0 2px var(--own,#fff)}
.cd-cell.is-here{z-index:2;box-shadow:inset 0 0 0 2px #fbbf24}
.cd-cell.is-owned.is-here{box-shadow:inset 0 0 0 2px var(--own,#fff), inset 0 0 0 4px #fbbf24}
.cd-cell.is-hot{z-index:3;animation:cd-pulse 1.1s ease-in-out infinite}
.cd-cell.is-mort .cd-mini,.cd-cell.is-mort .cd-name{filter:grayscale(.9)}
.cd-bar{position:absolute;display:block;z-index:1}
.cd-s-b .cd-bar{top:0;left:0;right:0;height:22%}
.cd-s-t .cd-bar{bottom:0;left:0;right:0;height:22%}
.cd-s-l .cd-bar{top:0;bottom:0;right:0;width:22%}
.cd-s-r .cd-bar{top:0;bottom:0;left:0;width:22%}
.cd-s-b{justify-content:flex-end}
.cd-s-t{justify-content:flex-start}
.cd-s-l,.cd-s-r{justify-content:center}
.cd-s-c{background:#14532d;justify-content:center}
.cd-s-c .cd-bar{inset:0;width:100%;height:100%;opacity:.55}
.cd-mini{
	display:none;
	position:absolute;
	z-index:0;
	width:74%;
	height:52%;
	object-fit:contain;
	pointer-events:none;
	filter:drop-shadow(0 2px 1px rgba(0,0,0,.35));
}
.cd-s-b .cd-mini{top:20%}
.cd-s-t .cd-mini{bottom:20%}
.cd-s-l .cd-mini,.cd-s-r .cd-mini{width:64%;height:46%;top:18%}
.cd-s-c .cd-mini{display:block;position:relative;width:70%;height:58%;top:auto;filter:drop-shadow(0 4px 3px rgba(0,0,0,.4))}
@container cdboard (min-width: 460px){
	.cd-mini{display:block}
}
.cd-name{
	position:relative;
	z-index:2;
	font-size:calc(var(--cd, 280px) / 48);
	font-weight:800;
	line-height:1.05;
	text-align:center;
	max-width:100%;
	background:rgba(255,250,243,.86);
	border-radius:.12rem;
	padding:0 .06rem;
}
.cd-s-c .cd-name,.cd-s-c em{color:#fff;background:rgba(0,0,0,.28)}
.cd-cell em{
	position:relative;
	z-index:2;
	font-style:normal;
	font-size:calc(var(--cd, 280px) / 62);
	font-weight:800;
	color:#44403c;
	line-height:1;
	background:rgba(255,250,243,.86);
	border-radius:.12rem;
	padding:0 .05rem;
}
.cd-pips,.cd-tokens{position:absolute;z-index:3;display:flex;gap:1px;justify-content:center;max-width:92%}
.cd-pips{pointer-events:none}
.cd-s-b .cd-pips{top:1px}
.cd-s-t .cd-pips{bottom:1px}
.cd-s-l .cd-pips{right:1px;flex-direction:column}
.cd-s-r .cd-pips{left:1px;flex-direction:column}
.cd-tokens{left:50%;top:46%;transform:translate(-50%,-50%)}
.cd-s-b .cd-tokens{top:36%}
.cd-s-t .cd-tokens{top:64%}
.cd-s-l .cd-tokens{left:24%;top:50%;flex-direction:column}
.cd-s-r .cd-tokens{left:76%;top:50%;flex-direction:column}
.cd-s-c .cd-tokens{position:relative;left:auto;top:auto;transform:none}
.cd-house,.cd-hotel{
	width:calc(var(--cd, 280px) / 26);
	height:calc(var(--cd, 280px) / 26);
	min-width:.55rem;
	min-height:.55rem;
	object-fit:contain;
	filter:drop-shadow(0 1px 0 rgba(0,0,0,.35));
}
.cd-token{
	width:calc(var(--cd, 280px) / 16);
	height:calc(var(--cd, 280px) / 16);
	min-width:.85rem;
	min-height:.85rem;
	object-fit:contain;
	filter:drop-shadow(0 1px 1px rgba(0,0,0,.55));
}
.cd-token.is-turn{outline:2px solid #fff;outline-offset:1px;border-radius:40%;animation:cd-bob .8s ease-in-out infinite}
.cd-mid{
	grid-column:2 / span 9;
	grid-row:2 / span 9;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:space-between;
	text-align:center;
	padding:5% 6% 4%;
	min-width:0;
	overflow:hidden;
	background-color:#f6efe2;
	background-size:cover;
	background-position:center;
	color:#1c1917;
}
.cd-dice{display:flex;gap:.45rem}
.cd-die{
	width:2.2rem;height:2.2rem;border-radius:.42rem;
	display:grid;grid-template-columns:repeat(3,1fr);gap:.08rem;
	padding:.22rem;
	background:linear-gradient(145deg,#fffefb,#e7dfd2 58%,#cfc4b2);
	box-shadow:.1rem .12rem 0 #b7ab98,.16rem .32rem .45rem rgba(0,0,0,.35),inset 0 1px 0 #fff;
}
.cd-die i{border-radius:50%;background:transparent}
.cd-die i.on{background:radial-gradient(circle at 35% 35%,#57534e,#1c1917);box-shadow:inset 0 1px 1px rgba(255,255,255,.3)}
.cd-die.is-spin{animation:cd-spin .22s linear infinite}
.cd-plaque{
	width:min(16rem, 94%);
	background:rgba(255,250,243,.9);
	border-radius:.75rem;
	padding:.32rem .55rem .42rem;
	box-shadow:0 .45rem .9rem rgba(60,32,8,.28);
}
.cd-phase{font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#9a3412}
.cd-who{display:flex;align-items:center;justify-content:center;gap:.35rem;font-weight:800;font-size:.95rem}
.cd-who img{width:1.4rem;height:1.4rem;object-fit:contain}
.cd-cash{font-weight:800;font-size:1.05rem}
.cd-say{margin-top:.15rem;font-size:.7rem;line-height:1.25;color:#44403c;max-height:2.6em;overflow:hidden}
.cd-dock{
	flex:0 0 auto;
	display:flex;
	flex-direction:column;
	gap:.28rem;
	min-width:0;
	max-width:100%;
	padding:.28rem .4rem calc(.45rem + env(safe-area-inset-bottom, 0px));
}
.cd-dock-main,.cd-dock-more{
	display:flex;
	gap:.35rem;
	align-items:center;
	min-width:0;
	max-width:100%;
}
.cd-dock-main{flex-wrap:wrap;justify-content:center}
.cd-dock-more{
	flex-wrap:nowrap;
	justify-content:flex-start;
	overflow-x:auto;
	overscroll-behavior-x:contain;
	scrollbar-width:none;
}
.cd-dock-more::-webkit-scrollbar{height:0}
.cd-dock-main:empty,.cd-dock-more:empty{display:none}
.cd-dock-main button,.cd-dock-more button{flex:0 0 auto;white-space:nowrap}
.cd-dock-main button.is-accent{flex:1 1 auto}
.cd-dock-main .cd-pill{flex:1 1 auto;min-width:0;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cd-dock button,.cd-setup button,.cd-card button,.cd-actions button,.cd-row button,.cd-pick{
	appearance:none;
	border:0;
	background:#f5e6c8;
	color:#24160f;
	border-radius:.7rem;
	min-height:2.5rem;
	padding:.35rem .7rem;
	font:800 .78rem/1.1 system-ui,sans-serif;
	cursor:pointer;
}
.cd-dock button.is-accent,.cd-setup button.is-accent,.cd-card button.is-accent,.cd-actions button.is-accent,.cd-setup button.is-on,.cd-row button.is-on{
	background:#d97706;
	color:#fff;
}
.cd-dock button.is-accent{min-height:2.85rem;font-size:.95rem}
.cd-dock button:disabled{opacity:.45}
.cd-pill{
	display:inline-flex;align-items:center;
	min-height:2.5rem;padding:0 .7rem;border-radius:.7rem;
	background:rgba(0,0,0,.28);font-weight:700;font-size:.78rem;
}
.cd-setup{
	width:min(46rem, 100%);
	max-height:100%;
	overflow:auto;
	display:grid;
	grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
	gap:.85rem;
	align-items:center;
	background:rgba(6,28,20,.9);
	border-radius:1rem;
	padding:.85rem;
	box-shadow:0 .8rem 1.4rem rgba(0,0,0,.28);
}
.cd-hero{width:100%;border-radius:.8rem;display:block;box-shadow:0 .55rem 1rem rgba(0,0,0,.35)}
.cd-setup h2{margin:0 0 .3rem;font-size:1.45rem}
.cd-setup .is-accent{width:100%;margin-top:.35rem}
.cd-setup p,.cd-card p{margin:.35rem 0;font-size:.86rem;line-height:1.35}
.cd-you{display:flex;align-items:center;gap:.45rem;margin:.35rem 0 .15rem}
.cd-you img{width:2.4rem;height:2.4rem;object-fit:contain}
.cd-pick{display:inline-flex;align-items:center;gap:.35rem;text-align:left}
.cd-pick img{width:1.7rem;height:1.7rem;object-fit:contain}
.cd-pick b{display:block;font-size:.68rem;opacity:.75}
.cd-row{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin:.45rem 0}
.cd-row > span{font-size:.75rem;font-weight:800;opacity:.8;width:100%}
.cd-sheet,.cd-veil{
	position:absolute;inset:0;z-index:5;
	display:flex;align-items:flex-end;justify-content:center;
}
.cd-sheet.is-hidden,.cd-veil.is-hidden{display:none}
.cd-backdrop{position:absolute;inset:0;background:rgba(2,6,14,.45);border:0;padding:0}
.cd-card{
	position:relative;z-index:1;
	width:min(34rem, 100%);
	max-height:100%;
	overflow:auto;
	background:#fffaf3;
	color:#24160f;
	border-radius:1rem 1rem 0 0;
	padding:.9rem .9rem 1rem;
	box-shadow:0 -12px 30px rgba(0,0,0,.35);
}
.cd-veil{align-items:center;justify-content:center;background:rgba(2,6,14,.72);z-index:6}
.cd-veil .cd-card{border-radius:1rem}
.cd-card h3{margin:0;font-size:1.15rem}
.cd-body{margin:.4rem 0}
.cd-actions{display:flex;flex-wrap:wrap;gap:.35rem}
.cd-line{display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding:.28rem 0;border-bottom:1px solid #e7e5e4}
.cd-line b{font-size:.82rem}
.cd-line-art{width:2.4rem;height:2.4rem;object-fit:contain;flex:0 0 auto}
.cd-swatch{display:inline-block;width:.7rem;height:.7rem;border-radius:.18rem;margin-right:.3rem;vertical-align:-.05rem;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}
.cd-set{margin:.35rem 0 .6rem}
.cd-deed{display:grid;grid-template-columns:7.2rem minmax(0,1fr);gap:.7rem;align-items:center}
.cd-deed img{width:7.2rem;height:7.2rem;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(0,0,0,.25))}
.cd-draw{display:grid;grid-template-columns:6.2rem minmax(0,1fr);gap:.7rem;align-items:center}
.cd-draw img{width:6.2rem;height:6.2rem;object-fit:contain;filter:drop-shadow(0 6px 6px rgba(0,0,0,.25))}
.cd-win{text-align:center}
.cd-win img{width:5.6rem;height:5.6rem;object-fit:contain;margin:0 auto .2rem;filter:drop-shadow(0 8px 8px rgba(0,0,0,.28))}
.cd-win .cd-actions{justify-content:center}
.cd-stand{display:flex;gap:.5rem;align-items:center}
.cd-stand img{width:2.2rem;height:2.2rem;object-fit:contain;flex:0 0 auto}
.cd-card label{display:flex;justify-content:space-between;gap:.5rem;align-items:center;margin:.35rem 0;font-weight:700;font-size:.82rem}
.cd-card input{width:6rem;border:1px solid #d6d3d1;border-radius:.5rem;padding:.35rem .45rem;font:700 .9rem system-ui}
.cd-line button{min-height:2.1rem}
@container (min-width: 900px){
	.cd-root:not(.is-phone) .cd-dock{flex-direction:row;align-items:center}
	.cd-root:not(.is-phone) .cd-dock-main{flex:1 1 auto}
	.cd-root:not(.is-phone) .cd-dock-more{flex:0 1 auto;justify-content:flex-end}
}
@container (max-width: 720px){
	.cd-setup{grid-template-columns:1fr}
	.cd-hero{max-height:8.5rem;object-fit:cover;object-position:center}
	.cd-deed,.cd-draw{grid-template-columns:4.6rem minmax(0,1fr)}
	.cd-deed img,.cd-draw img{width:4.6rem;height:4.6rem}
	.cd-line{flex-wrap:wrap}
	.cd-line b{min-width:0}
	.cd-line button{min-width:2.6rem;min-height:2.6rem}
}
.cd-root.is-phone .cd-slot{padding:0;align-items:stretch}
.cd-root.is-phone .cd-play{height:100%}
.cd-root.is-phone .cd-seat{flex:1 0 7.6rem}
.cd-root.is-phone .cd-rail{scrollbar-width:none}
.cd-sides{
	flex:0 0 auto;
	display:flex;
	gap:.35rem;
	padding:.28rem .4rem 0;
}
.cd-side{
	flex:1 1 0;
	min-width:0;
	appearance:none;
	border:1px solid rgba(251,191,36,.38);
	background:rgba(2,12,8,.45);
	color:#f8fafc;
	border-radius:.7rem;
	padding:.2rem .28rem .26rem;
	cursor:pointer;
	text-align:center;
	font-family:system-ui,sans-serif;
}
.cd-side small{
	display:block;
	font-size:.68rem;
	font-weight:800;
	letter-spacing:.06em;
	text-transform:uppercase;
	color:rgba(253,230,138,.88);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.cd-side small img{
	width:.9rem;
	height:.9rem;
	object-fit:contain;
	vertical-align:-.18rem;
	margin-left:.12rem;
}
.cd-side span{
	display:block;
	margin-top:.04rem;
	font-size:.68rem;
	font-weight:800;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.cd-side.is-on{
	background:#d97706;
	border-color:#fbbf24;
	color:#fff;
	box-shadow:0 .25rem .55rem rgba(0,0,0,.28);
}
.cd-side.is-on small,.cd-side.is-on span{color:#fff7ed}
.cd-side.is-here:not(.is-on){box-shadow:inset 0 0 0 2px #fbbf24}
.cd-strip{
	flex:1 1 auto;
	min-height:0;
	display:flex;
	align-items:stretch;
	gap:.45rem;
	position:relative;
	overflow-x:auto;
	overflow-y:hidden;
	overscroll-behavior-x:contain;
	scroll-snap-type:x mandatory;
	scroll-padding-inline:30%;
	padding:.4rem max(.45rem, calc(50% - 4.7rem)) .3rem;
	touch-action:pan-x;
	scrollbar-width:none;
}
.cd-strip::-webkit-scrollbar{height:0}
.cd-tile{
	position:relative;
	flex:0 0 clamp(7.5rem, 46%, 9.4rem);
	scroll-snap-align:center;
	align-self:stretch;
	max-height:100%;
	min-width:0;
	min-height:0;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:flex-end;
	gap:.08rem;
	padding:.35rem .28rem .4rem;
	border:0;
	border-radius:.9rem;
	background:linear-gradient(180deg,#fffaf3,#f3e4c8);
	color:#1c1917;
	overflow:hidden;
	cursor:pointer;
	box-shadow:0 .4rem .8rem rgba(0,0,0,.28);
	font-family:system-ui,sans-serif;
}
.cd-tile.is-here{flex-basis:clamp(8.3rem, 52%, 10.6rem);box-shadow:0 0 0 3px #fbbf24, 0 .45rem .9rem rgba(0,0,0,.34)}
.cd-tile.is-owned{box-shadow:inset 0 0 0 3px var(--own,#fff), 0 .4rem .8rem rgba(0,0,0,.28)}
.cd-tile.is-owned.is-here{box-shadow:inset 0 0 0 3px var(--own,#fff), 0 0 0 3px #fbbf24, 0 .45rem .9rem rgba(0,0,0,.34)}
.cd-tile.is-hot{z-index:1;animation:cd-pulse 1.1s ease-in-out infinite}
.cd-tile.is-mort .cd-mini,.cd-tile.is-mort .cd-name{filter:grayscale(.85)}
.cd-tile .cd-bar{top:0;left:0;right:0;height:.5rem;width:auto}
.cd-tile .cd-mini{
	display:block;
	position:relative;
	top:auto;
	width:min(4.6rem, 74%);
	height:min(4.6rem, 42%);
	max-height:46%;
	flex:0 1 auto;
	min-height:0;
	margin:.35rem auto .08rem;
	object-fit:contain;
}
.cd-tile .cd-name{
	font-size:.8rem;
	line-height:1.12;
	background:transparent;
	white-space:normal;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	padding:0 .15rem;
}
.cd-tile em{
	font-size:.72rem;
	line-height:1.1;
	background:transparent;
	max-width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	padding:0 .12rem;
}
.cd-tile .cd-pips{position:absolute;top:.62rem;left:.15rem;right:.15rem;flex-direction:row}
.cd-tile .cd-tokens{position:absolute;left:0;right:0;top:1.7rem;transform:none;flex-direction:row}
.cd-tile .cd-house,.cd-tile .cd-hotel{width:.9rem;height:.9rem;min-width:.9rem;min-height:.9rem}
.cd-tile .cd-token{width:1.55rem;height:1.55rem;min-width:1.55rem;min-height:1.55rem}
.cd-status{
	flex:0 0 auto;
	display:flex;
	align-items:center;
	gap:.5rem;
	margin:.05rem .4rem .15rem;
	padding:.32rem .5rem;
	background:rgba(255,250,243,.95);
	color:#1c1917;
	border-radius:.85rem;
	box-shadow:0 .3rem .65rem rgba(0,0,0,.22);
	min-width:0;
}
.cd-status-copy{flex:1 1 auto;min-width:0;text-align:left}
.cd-status .cd-who{justify-content:flex-start;font-size:.9rem;white-space:nowrap;overflow:hidden}
.cd-status .cd-who b{overflow:hidden;text-overflow:ellipsis}
.cd-status .cd-cash{flex:0 0 auto;font-size:1rem}
.cd-status .cd-die{width:1.6rem;height:1.6rem;padding:.15rem}
.cd-status .cd-say{font-size:.72rem}
@container (max-height: 520px){
	.cd-root.is-phone .cd-say,
	.cd-root.is-phone .cd-phase,
	.cd-root.is-phone .cd-side span{display:none}
	.cd-root.is-phone .cd-status{padding:.16rem .42rem}
	.cd-root.is-phone .cd-side{padding:.14rem .22rem}
	.cd-root.is-phone .cd-seat{padding:.12rem .35rem}
}
@keyframes cd-bob{50%{transform:translateY(-2px)}}
@keyframes cd-spin{to{transform:rotate(16deg) scale(.94)}}
@keyframes cd-pulse{50%{box-shadow:inset 0 0 0 2px #fff, 0 0 0 2px #fbbf24}}

#mdg_stage[data-game="video_poker"]{
	align-items:stretch;
	justify-content:center;
	background:
		radial-gradient(70% 36% at 50% 0%, rgba(185,28,28,.28), transparent 58%),
		linear-gradient(180deg, #1a1c22 0%, #07080c 100%);
}
html.light #md_games_root #mdg_stage[data-game="video_poker"],
html:not(.dark) #md_games_root #mdg_stage[data-game="video_poker"]{
	background:
		radial-gradient(70% 36% at 50% 0%, rgba(185,28,28,.28), transparent 58%),
		linear-gradient(180deg, #1a1c22 0%, #07080c 100%);
}
.vp-cab{
	flex:1 1 auto;
	align-self:center;
	width:min(100%, 46rem);
	min-height:0;
	display:flex;
	flex-direction:column;
	padding:.28rem;
	color:#fffaf0;
	font-family:ui-sans-serif,system-ui,sans-serif;
}
.vp-bezel{
	flex:1 1 auto;
	min-height:0;
	display:flex;
	flex-direction:column;
	gap:.22rem;
	padding:.38rem .34rem .36rem;
	border-radius:1rem;
	background:
		linear-gradient(180deg, #3a342c 0%, #16130f 22%, #0c0b09 100%);
	box-shadow:
		inset 0 0 0 2px #c6a15a,
		inset 0 0 0 5px #2a2114,
		inset 0 1px 0 rgba(255,236,190,.35),
		0 .55rem 1.1rem rgba(0,0,0,.45);
}
.vp-head{
	position:relative;
	flex:0 0 auto;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:.3rem;
	padding:.42rem .4rem .46rem;
	border-radius:.62rem;
	background-image:
		radial-gradient(circle at 8px 5px, #fff6c8 0 2px, #f59e0b 2.5px, transparent 3.6px),
		radial-gradient(circle at 8px 5px, #fff6c8 0 2px, #f59e0b 2.5px, transparent 3.6px),
		linear-gradient(180deg, #ef4444 0%, #9f1239 46%, #4c0519 100%);
	background-size:16px 12px, 16px 12px, auto;
	background-position:center top, center bottom, 0 0;
	background-repeat:repeat-x, repeat-x, no-repeat;
	box-shadow:
		inset 0 0 0 1px rgba(255,228,170,.45),
		inset 0 0 22px rgba(255,180,60,.28),
		0 0 16px rgba(220,38,38,.35);
}
.vp-title{min-width:0;flex:1 1 auto;text-align:center;position:relative;z-index:1}
.vp-kicker{
	font-size:.58rem;
	font-weight:800;
	letter-spacing:.22em;
	text-transform:uppercase;
	color:rgba(255,237,180,.78);
}
.vp-title h2{
	margin:0;
	font-size:clamp(.92rem, 4.2cqw, 1.55rem);
	line-height:1.05;
	letter-spacing:.12em;
	text-transform:uppercase;
	color:#fff4c2;
	text-shadow:0 0 8px #fff, 0 0 16px #fde68a, 0 1px 0 #7f1d1d;
	animation:vp-marquee 2.8s ease-in-out infinite;
}
.vp-note{
	margin:.06rem 0 0;
	font-size:.64rem;
	font-weight:700;
	letter-spacing:.04em;
	color:rgba(255,237,213,.82);
}
.vp-arrow{
	position:relative;
	z-index:1;
	flex:0 0 auto;
	width:2.15rem;
	height:2.15rem;
	border-radius:999px;
	border:1px solid rgba(255,236,190,.7);
	background:radial-gradient(circle at 50% 30%, #fff7d6, #e7c56a 42%, #7c5a16 78%);
	color:#3b2508;
	font-size:1.35rem;
	font-weight:800;
	line-height:1;
	cursor:pointer;
	box-shadow:0 .12rem 0 #4a320c, inset 0 1px 0 rgba(255,255,255,.7);
}
.vp-arrow:disabled{opacity:.4;cursor:default}
.vp-screen{
	flex:1 1 auto;
	min-height:0;
	display:flex;
	margin:0 .06rem;
	padding:.38rem;
	border-radius:.85rem;
	background:linear-gradient(180deg, #6b7280 0%, #2a2e36 14%, #12141a 100%);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.45),
		inset 0 0 0 1px #9aa3b2,
		0 .35rem .7rem rgba(0,0,0,.4);
}
.vp-crt{
	position:relative;
	flex:1 1 auto;
	min-height:0;
	display:flex;
	flex-direction:column;
	overflow:hidden;
	border-radius:.48rem;
	padding:.18rem .28rem .16rem;
	background:
		radial-gradient(120% 70% at 50% -10%, rgba(56,120,190,.28), transparent 46%),
		linear-gradient(180deg, #071425 0%, #03060e 100%);
	box-shadow:
		inset 0 0 0 1px rgba(186,214,255,.22),
		inset 0 0 36px rgba(0,0,0,.62);
}
.vp-scan,
.vp-glare{
	position:absolute;
	inset:0;
	pointer-events:none;
	border-radius:inherit;
}
.vp-scan{
	z-index:4;
	background:repeating-linear-gradient(
		to bottom,
		rgba(255,255,255,.045) 0 1px,
		transparent 1px 3px
	);
	opacity:.55;
}
.vp-glare{
	z-index:5;
	background:
		linear-gradient(118deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,.04) 18%, transparent 36%),
		radial-gradient(90% 40% at 50% 100%, rgba(0,0,0,.28), transparent 70%);
}
.vp-glass{
	position:relative;
	z-index:1;
	flex:1 1 auto;
	min-height:0;
	overflow:auto;
	padding:.02rem .04rem 0;
	scrollbar-width:none;
}
.vp-glass::-webkit-scrollbar{display:none}
.vp-pay{
	width:100%;
	border-collapse:collapse;
	font-variant-numeric:tabular-nums;
	table-layout:fixed;
	font-family:"Arial Narrow","Segoe UI",ui-sans-serif,sans-serif;
}
.vp-pay th,
.vp-pay td{
	padding:.02rem .12rem;
	text-align:right;
	font-size:clamp(.5rem, 1.72cqh, .82rem);
	font-weight:800;
	line-height:1.2;
	letter-spacing:.03em;
	text-transform:uppercase;
	color:#ffe14a;
	text-shadow:0 0 6px rgba(255,210,40,.55);
	white-space:nowrap;
}
.vp-pay thead th{
	position:sticky;
	top:0;
	z-index:1;
	background:#07111f;
	color:#f6d56a;
	font-size:clamp(.48rem, 1.35cqh, .68rem);
	letter-spacing:.14em;
}
.vp-pay tbody th,
.vp-pay thead th:first-child{
	text-align:left;
	width:48%;
	overflow:hidden;
	text-overflow:ellipsis;
}
.vp-pay td.is-on,
.vp-pay th.is-on{
	color:#fff8d0;
	background:rgba(255,214,60,.16);
}
.vp-pay tr.is-hit th,
.vp-pay tr.is-hit td{
	color:#fff7c2;
	background:rgba(255,214,60,.34);
	animation:vp-hit .7s ease-in-out infinite;
}
.vp-pay td.is-royal{color:#fff1a8}
.vp-pay td.is-royal.is-on{
	color:#fff;
	text-shadow:0 0 8px #ffe14a, 0 0 16px #f59e0b;
	animation:vp-jack 1.05s ease-in-out infinite;
}
.vp-msg{
	position:relative;
	z-index:1;
	flex:0 0 auto;
	min-height:1.2em;
	text-align:center;
	font-weight:800;
	letter-spacing:.08em;
	text-transform:uppercase;
	color:#ffe14a;
	font-size:clamp(.68rem, 2.5cqw, .95rem);
	text-shadow:0 0 8px rgba(255,210,40,.7);
}
.vp-msg.is-win{
	color:#fff7c2;
	text-shadow:0 0 10px #fff, 0 0 18px #fde047;
}
.vp-felt{
	position:relative;
	z-index:1;
	flex:0 0 auto;
	display:flex;
	align-items:flex-end;
	justify-content:center;
	gap:clamp(.16rem, 1.2cqw, .45rem);
	min-height:0;
	padding:.16rem .08rem .1rem;
	perspective:800px;
}
.vp-card{
	appearance:none;
	border:0;
	background:transparent;
	padding:0;
	margin:0;
	width:min(17cqw, 16cqh, 5.3rem);
	cursor:pointer;
	position:relative;
}
.vp-card-lg{width:min(24cqw, 22cqh, 6.6rem);cursor:default}
.vp-card-inner{
	display:block;
	position:relative;
	width:100%;
	aspect-ratio:5 / 7;
	transform-style:preserve-3d;
	transition:transform .28s ease;
	border-radius:.28rem;
	filter:drop-shadow(0 8px 6px rgba(0,0,0,.55));
}
.vp-cab.is-snap .vp-card-inner{transition:none}
.vp-card.is-back .vp-card-inner{transform:rotateY(180deg)}
.vp-card.is-hold .vp-card-inner{transform:translateY(-6px)}
.vp-card.is-hold.is-back .vp-card-inner{transform:translateY(-6px) rotateY(180deg)}
.vp-face,
.vp-back{
	position:absolute;
	inset:0;
	border-radius:.26rem;
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
}
.vp-face{
	background:linear-gradient(180deg, #fff, #f7f4ea);
	box-shadow:inset 0 0 0 1px #111, inset 0 0 0 3px #fff, 0 0 8px rgba(120,180,255,.25);
	color:#111827;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	padding:.14rem .16rem .16rem;
}
.vp-face.is-red{color:#dc2626}
.vp-corner{display:flex;flex-direction:column;line-height:.88;font-weight:800}
.vp-corner b{font-size:clamp(.72rem, 3.4cqw, 1.15rem)}
.vp-face.is-ten .vp-corner b{font-size:clamp(.6rem, 2.8cqw, .95rem)}
.vp-corner i{font-style:normal;font-size:clamp(.58rem, 2.5cqw, .9rem)}
.vp-corner-br{align-self:flex-end;transform:rotate(180deg)}
.vp-pip{
	position:absolute;
	left:50%;
	top:54%;
	transform:translate(-50%, -50%);
	font-size:clamp(1.05rem, 5.8cqw, 2rem);
	line-height:1;
}
.vp-back{
	transform:rotateY(180deg);
	background:
		radial-gradient(circle at 50% 42%, #1d4ed8, #0b1f6b 62%, #071232);
	box-shadow:inset 0 0 0 2px #f5d77a, inset 0 0 0 6px #12306e, inset 0 0 0 7px #f5d77a;
}
.vp-back::after{
	content:'';
	position:absolute;
	inset:16%;
	border:1px solid rgba(245,215,122,.7);
	border-radius:.2rem;
	background:
		linear-gradient(45deg, transparent 46%, rgba(245,215,122,.7) 46% 54%, transparent 54%),
		linear-gradient(-45deg, transparent 46%, rgba(245,215,122,.7) 46% 54%, transparent 54%);
}
.vp-lamp{
	display:block;
	width:78%;
	margin:.16rem auto 0;
	min-height:.82rem;
	line-height:.82rem;
	text-align:center;
	font-size:.5rem;
	font-weight:800;
	letter-spacing:.16em;
	color:rgba(253,224,71,.32);
	border-radius:.12rem;
	background:#100e0a;
	box-shadow:inset 0 0 0 1px rgba(253,224,71,.28), inset 0 4px 6px rgba(0,0,0,.65);
}
.vp-card.is-hold .vp-lamp{
	color:#1a1004;
	background:linear-gradient(180deg, #fff6b0, #f5c400);
	box-shadow:0 0 12px rgba(253,224,71,.95), inset 0 1px 0 #fff;
}
.vp-card.is-hold .vp-face{
	box-shadow:inset 0 0 0 2px #f5c400, 0 0 10px rgba(253,224,71,.65);
}
.vp-card.is-win .vp-face{
	box-shadow:inset 0 0 0 2px #fde047, 0 0 14px rgba(253,224,71,.9);
}
.vp-card.is-dim{opacity:.38}
.vp-meters{
	position:relative;
	z-index:1;
	flex:0 0 auto;
	display:grid;
	grid-template-columns:1.15fr 1.15fr .9fr;
	gap:.28rem;
	padding:.08rem .02rem .04rem;
}
.vp-meter{
	min-width:0;
	text-align:right;
	padding:.1rem .28rem .12rem;
	border-radius:.22rem;
	background:linear-gradient(180deg, #020617, #07111f);
	box-shadow:inset 0 0 0 1px rgba(255,214,80,.32), inset 0 7px 10px rgba(0,0,0,.6);
}
.vp-meter span{
	display:block;
	text-align:left;
	font-size:.48rem;
	font-weight:800;
	letter-spacing:.12em;
	text-transform:uppercase;
	color:rgba(253,224,138,.62);
}
.vp-meter b{
	font-family:ui-monospace,"Courier New",monospace;
	font-size:clamp(.82rem, 3.2cqw, 1.2rem);
	font-weight:800;
	letter-spacing:.04em;
	color:#c6ff63;
	text-shadow:0 0 8px rgba(150,255,70,.8);
	font-variant-numeric:tabular-nums;
}
.vp-meter i{
	font-style:normal;
	margin-left:.18rem;
	font-size:.62rem;
	font-weight:800;
	color:#ffe14a;
	text-shadow:0 0 6px rgba(255,210,40,.6);
}
.vp-meter:last-child b{
	color:#ffe14a;
	text-shadow:0 0 8px rgba(255,210,40,.75);
}
.vp-cab.is-paid .vp-meter:first-child b{
	color:#fff7c2;
	text-shadow:0 0 10px rgba(255,220,80,.95);
	animation:vp-paid .8s ease-in-out infinite;
}
.vp-double{
	width:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:flex-end;
	gap:.2rem;
	padding:.1rem 0 .05rem;
}
.vp-double p{
	margin:0;
	font-size:.72rem;
	font-weight:800;
	letter-spacing:.18em;
	text-transform:uppercase;
	color:#ffe14a;
	text-shadow:0 0 8px rgba(255,210,40,.7);
}
.vp-deck{
	flex:0 0 auto;
	margin:0 .06rem;
	padding:.42rem .32rem .32rem;
	border-radius:.28rem .28rem .72rem .72rem;
	background:linear-gradient(180deg, #8b939f 0%, #3a404a 7%, #1a1e25 28%, #0c0e12 100%);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.55), inset 0 0 0 1px rgba(0,0,0,.45);
}
.vp-dock{
	display:grid;
	grid-template-columns:1fr 1fr 1fr 1.28fr;
	gap:.32rem;
}
.vp-dock button{
	appearance:none;
	min-height:2.7rem;
	border-radius:999px;
	border:2px solid #9aa3b2;
	background:radial-gradient(circle at 50% 28%, #8b939f, #3d4450 46%, #171b22 78%);
	color:#fde68a;
	font-weight:800;
	letter-spacing:.05em;
	font-size:.62rem;
	line-height:1.1;
	cursor:pointer;
	box-shadow:0 .16rem 0 #050608, inset 0 1px 0 rgba(255,255,255,.35);
}
.vp-dock button b{
	display:block;
	margin-top:.04rem;
	font-size:.9rem;
	color:#fff;
	letter-spacing:0;
}
.vp-dock button:disabled{opacity:.45;cursor:default}
.vp-dock button:active:not(:disabled){
	transform:translateY(2px);
	box-shadow:0 .04rem 0 #050608, inset 0 2px 4px rgba(0,0,0,.4);
}
.vp-dock .vp-go{
	background:radial-gradient(circle at 50% 26%, #fecaca, #ef4444 42%, #991b1b 78%);
	color:#fff;
	border-color:#fecaca;
	letter-spacing:.12em;
	font-size:.78rem;
	box-shadow:0 .16rem 0 #450a0a, 0 0 14px rgba(239,68,68,.55), inset 0 1px 0 rgba(255,255,255,.45);
}
.vp-dock .vp-go:disabled{
	filter:saturate(.45) brightness(.72);
	box-shadow:0 .16rem 0 #450a0a;
}
.vp-dock .vp-max{
	background:radial-gradient(circle at 50% 28%, #fef9c3, #facc15 48%, #a16207);
	color:#422006;
	border-color:#fde68a;
}
.vp-dock .vp-max b{color:#422006}
.vp-dock .vp-up{
	background:radial-gradient(circle at 50% 28%, #fef3c7, #fbbf24 46%, #b45309);
	color:#451a03;
	border-color:#fde68a;
}
.vp-dock .vp-cash{
	background:radial-gradient(circle at 50% 28%, #bbf7d0, #22c55e 46%, #14532d);
	color:#052e16;
	border-color:#bbf7d0;
}
.vp-dock .vp-cash b{color:#052e16}
.vp-dock .is-red{
	background:radial-gradient(circle at 50% 28%, #fecaca, #ef4444 48%, #7f1d1d);
	color:#fff;
	border-color:#fecaca;
}
.vp-dock .is-black{
	background:radial-gradient(circle at 50% 28%, #64748b, #1e293b 52%, #020617);
	color:#f8fafc;
	border-color:#94a3b8;
}
.vp-dock button:focus-visible,
.vp-card:focus-visible,
.vp-arrow:focus-visible{
	outline:2px solid #fde68a;
	outline-offset:2px;
}
@keyframes vp-marquee{
	50%{text-shadow:0 0 6px #fff, 0 0 14px #fde68a, 0 0 26px #f59e0b}
}
@keyframes vp-hit{
	50%{background:rgba(255,220,60,.55)}
}
@keyframes vp-jack{
	50%{text-shadow:0 0 4px #fff, 0 0 14px #ffe14a, 0 0 22px #f59e0b}
}
@keyframes vp-paid{
	50%{opacity:.72}
}
@container (max-height: 560px){
	.vp-note{display:none}
	.vp-head{padding:.26rem .28rem .3rem}
	.vp-title h2{font-size:.92rem}
	.vp-card{width:min(16cqw, 13cqh, 4.3rem)}
	.vp-dock button{min-height:2.35rem}
	.vp-screen{padding:.26rem}
}
@container (max-height: 430px){
	.vp-kicker{display:none}
	.vp-meter span{display:none}
	.vp-meter{padding:.04rem .16rem}
	.vp-card{width:min(15cqw, 11cqh, 3.5rem)}
	.vp-lamp{min-height:.68rem;line-height:.68rem;margin-top:.08rem}
	.vp-dock button{min-height:2.1rem;font-size:.56rem}
}
@container (max-width: 380px){
	.vp-dock{gap:.22rem}
	.vp-dock button{font-size:.56rem;letter-spacing:.02em;padding:0 .08rem}
	.vp-cab{padding:.16rem}
}
@container (min-height: 860px){
	.vp-cab{
		flex:0 1 auto;
		height:min(100%, 52rem);
		margin-block:auto;
	}
}
@media (prefers-reduced-motion: reduce){
	.vp-card-inner,
	.vp-title h2,
	.vp-pay tr.is-hit th,
	.vp-pay tr.is-hit td,
	.vp-pay td.is-royal.is-on,
	.vp-cab.is-paid .vp-meter:first-child b{animation:none;transition:none}
}

#mdg_stage[data-game="modern_war"]{
	align-items:stretch;
	justify-content:stretch;
	background:
		radial-gradient(80% 46% at 50% 0%, rgba(132,204,22,.16), transparent 56%),
		linear-gradient(180deg,#0b3a5b 0%, #071422 100%);
}
#md_games_root:has(#mdg_stage[data-game="modern_war"]) .mdg-hud{
	flex-wrap:nowrap;
	overflow-x:auto;
	scrollbar-width:none;
}
#md_games_root:has(#mdg_stage[data-game="modern_war"]) .mdg-hud span{
	flex:0 0 auto;
	white-space:nowrap;
}
.mdw{
	position:absolute;
	inset:0;
	display:flex;
	flex-direction:column;
	min-height:0;
	color:#f8fafc;
	font-family:system-ui,sans-serif;
	touch-action:manipulation;
}
.mdw-tabs{
	display:none;
	flex:0 0 auto;
	gap:.35rem;
	padding:.35rem .4rem 0;
}
.mdw.is-phone.mdw-live .mdw-tabs{display:flex}
.mdw-tabs button{
	appearance:none;
	flex:1 1 0;
	min-width:0;
	min-height:2.75rem;
	border:1px solid rgba(190,242,100,.38);
	background:linear-gradient(180deg,#132033,#0b1220);
	color:#e2e8f0;
	border-radius:.75rem;
	padding:.22rem .3rem .18rem;
	cursor:pointer;
	text-align:center;
	touch-action:manipulation;
}
.mdw-tabs button b{
	display:block;
	font-size:.78rem;
	line-height:1.15;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.mdw-tabs button small{
	display:block;
	margin-top:.06rem;
	font-size:.62rem;
	font-weight:800;
	letter-spacing:.02em;
	color:#a3e635;
}
.mdw-tabs button.is-on{
	background:linear-gradient(180deg,#3f6212,#14532d);
	border-color:#d9f99d;
	color:#fff;
	box-shadow:0 0 .55rem rgba(132,204,22,.35);
}
.mdw-tabs button.is-on small{color:#ecfccb}
.mdw-tabs button.is-hot small{color:#fde68a}
.mdw-hint{
	flex:0 0 auto;
	margin:.32rem .4rem 0;
	padding:.34rem .55rem;
	border:0;
	border-radius:.7rem;
	background:rgba(15,23,42,.78);
	color:#e2e8f0;
	font:600 .75rem/1.35 system-ui,sans-serif;
	text-align:left;
	cursor:pointer;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	touch-action:manipulation;
}
.mdw-hint.is-open{
	display:block;
	max-height:7.2rem;
	overflow:auto;
	-webkit-line-clamp:unset;
}
.mdw-hint[hidden]{display:none}
.mdw-map{
	position:relative;
	flex:1 1 auto;
	min-height:0;
	overflow:hidden;
	touch-action:none;
	cursor:grab;
	user-select:none;
	-webkit-user-select:none;
}
.mdw-map.is-drag{cursor:grabbing}
.mdw-scaler{
	position:absolute;
	inset:0;
	z-index:1;
	touch-action:none;
}
.mdw-board{
	position:absolute;
	left:0;
	top:0;
	transform-origin:0 0;
	touch-action:none;
	background-color:#0b3a5b;
	background-image:url('/modules/games/art/modern_war/map.jpg');
	background-repeat:no-repeat;
	background-size:100% 100%;
	background-position:center;
	will-change:transform;
}
.mdw-board.is-glide{transition:transform .35s ease}
.mdw-zoom{
	position:absolute;
	top:.4rem;
	right:.4rem;
	z-index:6;
	display:flex;
	flex-direction:column;
	gap:.28rem;
}
.mdw-zoom button{
	appearance:none;
	width:2.75rem;
	height:2.75rem;
	border:1px solid rgba(190,242,100,.5);
	border-radius:.75rem;
	background:rgba(15,23,42,.88);
	color:#ecfccb;
	font:800 1.45rem/1 system-ui,sans-serif;
	cursor:pointer;
	touch-action:manipulation;
}
.mdw-zoom button:disabled{opacity:.35;cursor:default}
.mdw-pins,.mdw-fx{position:absolute;inset:0}
.mdw-pins{z-index:2}
.mdw-fx{pointer-events:none;z-index:4}
.mdw-pin{
	position:absolute;
	transform:translate(-50%,-58%) scale(var(--pin-inv, 1));
	transform-origin:50% 58%;
	border:0;
	background:transparent;
	color:#fff;
	padding:0;
	margin:0;
	cursor:pointer;
	touch-action:none;
	-webkit-tap-highlight-color:transparent;
}
.mdw-pin-face{
	position:relative;
	display:block;
	border-radius:.7rem;
	background:rgba(15,23,42,.55);
	outline:3px solid var(--pin,#fff);
	outline-offset:2px;
	box-shadow:0 4px 8px rgba(0,0,0,.35);
}
.mdw-pin.is-from .mdw-pin-face{outline-color:#fff;outline-width:4px}
.mdw-pin.is-hot .mdw-pin-face{
	outline-color:#bef264;
	box-shadow:0 0 0 4px rgba(190,242,100,.4),0 4px 8px rgba(0,0,0,.35);
}
.mdw-unit{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 3px 3px rgba(0,0,0,.45))}
.mdw-mine{
	position:absolute;
	right:-.15rem;
	top:-.3rem;
	width:42%;
	height:42%;
	object-fit:contain;
}
.mdw-army{
	position:absolute;
	left:50%;
	bottom:-.45rem;
	transform:translateX(-50%);
	min-width:1.35rem;
	padding:0 .32rem;
	border-radius:999px;
	background:rgba(15,23,42,.92);
	color:#fff;
	font:800 .72rem/1.25 system-ui,sans-serif;
	text-align:center;
	white-space:nowrap;
}
.mdw-pin-name,.mdw-pin-pay{
	display:block;
	text-align:center;
	text-shadow:0 1px 2px #000;
	white-space:nowrap;
}
.mdw-pin-name{margin-top:.55rem;font:700 .68rem/1.1 system-ui,sans-serif}
.mdw-pin-pay{font:600 .6rem/1.1 system-ui,sans-serif;opacity:.92}
.mdw:not(.is-detail) .mdw-pin-name,
.mdw:not(.is-detail) .mdw-pin-pay{display:none}
.mdw.is-phone .mdw-pin-pay{display:none}
.mdw.is-phone .mdw-pin-name{
	position:absolute;
	top:50%;
	margin:0;
	padding:.1rem .34rem;
	border-radius:.4rem;
	background:rgba(15,23,42,.8);
	font:700 .72rem/1.15 system-ui,sans-serif;
	transform:translateY(-50%);
}
.mdw.is-phone .mdw-pin.is-right .mdw-pin-name{left:calc(100% + .4rem)}
.mdw.is-phone .mdw-pin.is-left .mdw-pin-name{right:calc(100% + .4rem)}
.mdw-dock{
	flex:0 0 auto;
	display:flex;
	flex-wrap:wrap;
	gap:.35rem;
	justify-content:center;
	align-items:center;
	padding:.4rem .4rem calc(.45rem + env(safe-area-inset-bottom));
	background:linear-gradient(180deg, rgba(7,20,34,.15), rgba(7,20,34,.94));
}
.mdw-dock:empty{display:none;padding:0}
.mdw-dock button,
.mdw-pill{
	appearance:none;
	flex:1 1 5.6rem;
	min-height:2.75rem;
	border:1px solid rgba(190,242,100,.38);
	background:linear-gradient(180deg,#1c2a1a,#0c140e);
	color:#ecfccb;
	border-radius:.75rem;
	padding:.35rem .55rem;
	font:800 .78rem/1.1 system-ui,sans-serif;
	cursor:pointer;
	touch-action:manipulation;
}
.mdw-dock button.is-on{
	background:linear-gradient(180deg,#65a30d,#3f6212);
	color:#f7fee7;
	border-color:#d9f99d;
	box-shadow:0 0 .5rem rgba(132,204,22,.4);
}
.mdw-dock button.is-dim{opacity:.5}
.mdw-pill{
	flex:0 0 auto;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	cursor:default;
	background:rgba(15,23,42,.72);
}
.mdw.is-short .mdw-dock{
	flex-wrap:nowrap;
	justify-content:flex-start;
	overflow-x:auto;
}
.mdw.is-short .mdw-dock button,
.mdw.is-short .mdw-pill{flex:0 0 auto}
.mdw-start{
	display:none;
	position:absolute;
	left:50%;
	top:46%;
	transform:translate(-50%,-50%);
	z-index:6;
	width:min(22rem, calc(100% - 1.4rem));
	padding:1rem .95rem .95rem;
	border-radius:1.1rem;
	background:rgba(15,23,42,.9);
	color:#f8fafc;
	text-align:center;
	box-shadow:0 16px 40px rgba(0,0,0,.4);
}
.mdw-start.is-on{display:block}
.mdw-start h2{margin:0;font:800 1.35rem/1.15 system-ui,sans-serif}
.mdw-start p{margin:.45rem 0 .15rem;font:600 .88rem/1.4 system-ui,sans-serif;color:#e2e8f0}
.mdw-start button{
	display:block;
	width:100%;
	min-height:3rem;
	margin-top:.5rem;
	border:0;
	border-radius:.8rem;
	background:#84cc16;
	color:#14210a;
	font:800 1rem system-ui,sans-serif;
	cursor:pointer;
	touch-action:manipulation;
}
.mdw-start button[data-act="pass"]{background:#e2e8f0;color:#0f172a}
.mdw-pick{
	display:none;
	position:absolute;
	inset:0;
	z-index:7;
	overflow:auto;
	background:rgba(255,250,243,.98);
	color:#24160f;
	padding:.8rem .7rem calc(.95rem + env(safe-area-inset-bottom));
	-webkit-overflow-scrolling:touch;
}
.mdw-pick.is-on{display:block}
.mdw-pick h2{margin:0 0 .6rem;font:800 1.08rem/1.25 system-ui,sans-serif}
.mdw-pick-grid{display:grid;grid-template-columns:1fr;gap:.4rem}
.mdw-pick button{
	appearance:none;
	width:100%;
	min-height:2.9rem;
	text-align:left;
	border:0;
	background:#fff;
	color:#24160f;
	border-radius:.8rem;
	padding:.5rem .7rem;
	font:700 .95rem/1.2 system-ui,sans-serif;
	box-shadow:0 1px 0 rgba(28,25,23,.08);
	cursor:pointer;
	touch-action:manipulation;
}
@container (min-width: 560px){
	.mdw-pick-grid{grid-template-columns:1fr 1fr}
}
@container (min-width: 900px){
	.mdw-pick-grid{grid-template-columns:1fr 1fr 1fr}
}
.mdw-sheet{
	display:none;
	position:absolute;
	inset:0;
	z-index:8;
	background:rgba(8,16,28,.62);
	align-items:flex-end;
	justify-content:center;
}
.mdw-sheet.is-open{display:flex}
.mdw-card{
	width:100%;
	max-width:28rem;
	max-height:86%;
	overflow:auto;
	background:linear-gradient(180deg,#fffaf3,#f3e6d4);
	color:#24160f;
	border-radius:1.15rem 1.15rem 0 0;
	box-shadow:0 -12px 40px rgba(0,0,0,.35);
	-webkit-overflow-scrolling:touch;
}
.mdw:not(.is-phone) .mdw-sheet{align-items:center;padding:1rem}
.mdw:not(.is-phone) .mdw-card{border-radius:1.2rem;max-height:92%}
.mdw-hero{
	display:flex;
	gap:.75rem;
	align-items:center;
	padding:.9rem 1rem .8rem;
	color:#fff;
}
.mdw-hero img{width:3.4rem;height:3.4rem;object-fit:contain;filter:drop-shadow(0 6px 6px rgba(0,0,0,.35))}
.mdw-hero b{display:block;font:800 1.2rem/1.15 system-ui,sans-serif}
.mdw-hero span{display:block;margin-top:.2rem;opacity:.88;font:600 .82rem/1.3 system-ui,sans-serif}
.mdw-stats{display:flex;gap:.4rem;padding:.75rem 1rem 0}
.mdw-stat{
	flex:1 1 0;
	min-width:0;
	background:#fff;
	border-radius:.75rem;
	padding:.4rem .45rem;
}
.mdw-stat span{display:block;font:700 .66rem system-ui,sans-serif;color:#78716c}
.mdw-stat b{display:block;font:800 1.15rem/1.2 system-ui,sans-serif}
.mdw-fights{display:flex;flex-direction:column;gap:.4rem;padding:.7rem 1rem 0}
.mdw-fights .mdw-go{width:100%}
.mdw-links{padding:.7rem 1rem .1rem;font:600 .88rem/1.4 system-ui,sans-serif}
.mdw-links div{margin-bottom:.28rem}
.mdw-land{color:#9a3412}
.mdw-sea{color:#1d4ed8}
.mdw-card p{margin:.4rem 1rem .7rem;color:#57534e;font:500 .8rem/1.35 system-ui,sans-serif}
.mdw-actions{
	position:sticky;
	bottom:0;
	display:flex;
	flex-wrap:wrap;
	gap:.45rem;
	padding:.7rem 1rem calc(.85rem + env(safe-area-inset-bottom));
	background:linear-gradient(180deg, rgba(243,230,212,0), #f3e6d4 28%);
}
.mdw-go,.mdw-close{
	appearance:none;
	min-height:2.85rem;
	border:0;
	border-radius:.8rem;
	padding:.6rem .9rem;
	font:800 .92rem system-ui,sans-serif;
	cursor:pointer;
	touch-action:manipulation;
}
.mdw-go{
	flex:1 1 8rem;
	background:#d4521e;
	color:#fff;
	box-shadow:0 4px 0 #9a3412;
}
.mdw-close{flex:0 0 auto;background:#fff;color:#44403c}
@media (prefers-reduced-motion: reduce){
	.mdw-pin.is-hot .mdw-pin-face{box-shadow:none}
	.mdw-board.is-glide{transition:none}
}

#mdg_stage[data-game="clue_cash"]{
	align-items:stretch;
	justify-content:stretch;
	background:
		radial-gradient(80% 46% at 50% 0%, rgba(245,197,66,.28), transparent 58%),
		linear-gradient(180deg, #1e3a8a 0%, #172554 46%, #0b1224 100%);
}
.cc-root{
	position:absolute;
	inset:0;
	display:flex;
	flex-direction:column;
	min-height:0;
	color:#f8fafc;
	font-family:system-ui,sans-serif;
}
.cc-slot{flex:1 1 auto;min-height:0;display:flex;overflow:hidden}
.cc-play{flex:1 1 auto;min-height:0;width:100%;display:flex;flex-direction:column}
.cc-rail{
	flex:0 0 auto;
	display:flex;
	gap:.35rem;
	overflow-x:auto;
	padding:.4rem .4rem .15rem;
	scrollbar-width:none;
}
.cc-rail::-webkit-scrollbar{height:0}
.cc-seat{
	flex:1 0 6.4rem;
	min-width:0;
	display:flex;
	flex-direction:column;
	gap:.05rem;
	padding:.28rem .45rem;
	border-radius:.7rem;
	background:rgba(2,6,23,.45);
	border:1px solid rgba(248,250,252,.16);
	box-shadow:inset 3px 0 0 var(--seat,#f5c542);
}
.cc-seat b,.cc-seat em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-seat b{font-size:.74rem}
.cc-seat em{font-style:normal;font-size:.84rem;font-weight:800}
.cc-seat.is-turn{border-color:#fde68a;background:rgba(2,6,23,.72)}
.cc-seat.is-down em{color:#fda4af}
.cc-status{
	flex:0 0 auto;
	display:flex;
	align-items:center;
	gap:.4rem;
	margin:.2rem .4rem .15rem;
	color:#fef3c7;
	font-size:.82rem;
}
.cc-status b{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-status button,.cc-ghost{
	appearance:none;
	border:1px solid rgba(253,230,138,.45);
	background:transparent;
	color:#fef3c7;
	border-radius:.65rem;
	min-height:2.2rem;
	padding:.2rem .65rem;
	font:700 .78rem system-ui,sans-serif;
	cursor:pointer;
}
.cc-tabs{
	flex:0 0 auto;
	display:flex;
	gap:.35rem;
	overflow-x:auto;
	padding:.15rem .4rem .25rem;
	scrollbar-width:none;
	touch-action:pan-x;
}
.cc-tabs::-webkit-scrollbar{height:0}
.cc-tabs button{
	flex:0 0 auto;
	max-width:9.5rem;
	appearance:none;
	border:1px solid rgba(253,230,138,.4);
	background:rgba(15,23,42,.45);
	color:#fff;
	border-radius:.75rem;
	padding:.28rem .55rem .34rem;
	text-align:left;
	cursor:pointer;
	touch-action:manipulation;
}
.cc-tabs button small{display:block;font-size:.62rem;letter-spacing:.04em;text-transform:uppercase;color:#fde68a}
.cc-tabs button span{display:block;font-size:.8rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-tabs button.is-on{background:#f5c542;border-color:#fde68a;color:#1c1408}
.cc-tabs button.is-on small{color:#78350f}
.cc-values{
	flex:1 1 auto;
	min-height:0;
	display:flex;
	flex-direction:column;
	gap:.35rem;
	padding:0 .4rem .45rem;
	overflow-y:auto;
}
.cc-val{
	flex:1 0 2.85rem;
	appearance:none;
	border:0;
	border-radius:.85rem;
	background:linear-gradient(180deg,#ffe08a,#e7b008);
	color:#1c1408;
	font:800 1.35rem system-ui,sans-serif;
	cursor:pointer;
	touch-action:manipulation;
	box-shadow:0 .2rem 0 #92400e;
}
.cc-val.is-used{
	background:#1e293b;
	color:#94a3b8;
	box-shadow:none;
	cursor:default;
	font-size:1rem;
	text-decoration:line-through;
}
.cc-board{
	flex:1 1 auto;
	min-height:0;
	display:grid;
	grid-template-columns:repeat(6,minmax(0,1fr));
	gap:.35rem;
	padding:.15rem .4rem .45rem;
}
.cc-col{min-width:0;min-height:0;display:flex;flex-direction:column;gap:.28rem}
.cc-cat{
	flex:0 0 auto;
	min-height:2.4rem;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	padding:.2rem .25rem;
	border-radius:.65rem;
	background:#f5c542;
	color:#1c1408;
	font-size:.72rem;
	font-weight:800;
	line-height:1.15;
}
.cc-col .cc-val{font-size:1rem;min-height:0;flex:1 1 auto}
.cc-focus{min-height:0}
.cc-card{
	flex:1 1 auto;
	min-height:0;
	margin:.15rem .4rem .45rem;
	padding:.75rem .8rem .7rem;
	border-radius:1rem;
	background:#fffaf0;
	color:#1e1b4b;
	display:flex;
	flex-direction:column;
	box-shadow:0 .7rem 1.4rem rgba(0,0,0,.28);
	overflow:hidden;
}
.cc-kicker{
	margin:0;
	flex:0 0 auto;
	font-size:.75rem;
	font-weight:800;
	letter-spacing:.06em;
	text-transform:uppercase;
	color:#b45309;
}
.cc-card h2{
	margin:.35rem 0;
	flex:1 1 auto;
	min-height:0;
	overflow:auto;
	font-size:clamp(1.2rem,4.6vw,2rem);
	line-height:1.25;
	font-weight:800;
}
.cc-hint{margin:.1rem 0 .35rem;flex:0 0 auto;font-size:.86rem;color:#44403c}
.cc-time{flex:0 0 auto;height:.35rem;border-radius:999px;background:#e7e5e4;overflow:hidden;margin:.15rem 0 .4rem}
.cc-time span{display:block;height:100%;width:100%;background:linear-gradient(90deg,#f59e0b,#e11d48)}
.cc-buzzrow,.cc-quick,.cc-actions{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:.4rem}
.cc-buzz{
	flex:1 1 6rem;
	min-height:3.3rem;
	appearance:none;
	border:0;
	border-radius:.9rem;
	background:var(--seat,#f5c542);
	color:#1c1408;
	font:800 1rem system-ui,sans-serif;
	cursor:pointer;
	touch-action:manipulation;
}
.cc-buzz.is-locked{opacity:.35;cursor:default}
.cc-answer{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}
.cc-answer input,.cc-card input{
	flex:1 1 auto;
	min-width:0;
	min-height:2.9rem;
	border:1px solid #d6d3d1;
	border-radius:.75rem;
	padding:.4rem .6rem;
	font:600 16px system-ui,sans-serif;
	color:#1c1917;
	background:#fff;
}
.cc-speak{
	flex:1 1 5.2rem;
	appearance:none;
	border:0;
	border-radius:.8rem;
	min-height:2.9rem;
	padding:.45rem .7rem;
	background:#1e3a8a;
	color:#fff;
	font:800 .9rem system-ui,sans-serif;
	cursor:pointer;
	touch-action:manipulation;
}
.cc-speak.is-on{
	background:#e11d48;
	animation:cc-speak-pulse 1s ease-in-out infinite;
}
@keyframes cc-speak-pulse{
	0%,100%{box-shadow:0 0 0 0 rgba(225,29,72,.55)}
	50%{box-shadow:0 0 0 .45rem rgba(225,29,72,0)}
}
.cc-speak:disabled{opacity:.65;cursor:default}
.cc-heard{
	margin:.35rem 0 0;
	min-height:1.2rem;
	font:600 .95rem ui-monospace,monospace;
	color:#1e3a8a;
	letter-spacing:.01em;
}
.cc-speak.is-on + .is-accent + .cc-heard,
.cc-heard:empty{color:#9a3412}
.cc-answer .is-accent{flex:1 1 5.6rem}
.cc-root button.is-accent{
	appearance:none;
	border:0;
	border-radius:.8rem;
	min-height:2.9rem;
	padding:.45rem .9rem;
	background:#d97706;
	color:#fff;
	font:800 .95rem system-ui,sans-serif;
	cursor:pointer;
	touch-action:manipulation;
}
.cc-ghost{margin-top:.4rem;align-self:flex-start}
.cc-result{margin:.25rem 0;font-size:.86rem}
.cc-result span{color:#57534e}
.cc-result.is-win b{font-size:1rem}
.cc-setup{
	height:100%;
	width:100%;
	overflow:auto;
	display:grid;
	grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
	gap:.6rem;
	padding:.45rem;
}
.cc-hero{width:100%;height:100%;max-height:100%;object-fit:cover;border-radius:.9rem}
.cc-setup-copy h2{margin:.1rem 0 .3rem;font-size:1.45rem}
.cc-setup-copy p{margin:0 0 .55rem;font-size:.9rem;line-height:1.35;color:#e2e8f0}
.cc-row{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin:.35rem 0}
.cc-row span{flex:1 0 100%;font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#fde68a}
.cc-row button{
	appearance:none;
	border:1px solid rgba(253,230,138,.4);
	background:rgba(15,23,42,.4);
	color:#fff;
	border-radius:.7rem;
	min-height:2.5rem;
	padding:.25rem .7rem;
	font:700 .82rem system-ui,sans-serif;
	cursor:pointer;
}
.cc-row button.is-on{background:#f5c542;color:#1c1408;border-color:#fde68a}
.cc-topic input{
	flex:1 1 12rem;min-width:0;min-height:2.5rem;border-radius:.7rem;
	border:1px solid rgba(253,230,138,.4);background:rgba(15,23,42,.55);color:#fff;
	padding:.3rem .6rem;font:600 16px system-ui,sans-serif;
}
.cc-topic button[disabled]{opacity:.65;cursor:default}
.cc-topic-note{margin:.05rem 0 .35rem;font-size:.78rem;line-height:1.3;color:#fde68a}
.cc-sheet,.cc-veil{
	position:absolute;
	inset:0;
	z-index:6;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:.7rem;
	background:rgba(2,6,23,.84);
}
.cc-sheet.is-hidden,.cc-veil.is-hidden{display:none}
.cc-panel{
	width:min(100%,28rem);
	max-height:100%;
	overflow:auto;
	background:#fffaf0;
	color:#1c1917;
	border-radius:1rem;
	padding:.9rem;
}
.cc-panel h3{margin:0 0 .35rem;font-size:1.25rem}
.cc-log p,.cc-panel p{margin:.25rem 0;font-size:.9rem}
.cc-pass{text-align:center}
.cc-pass .cc-actions{justify-content:center}
.cc-wait{
	position:absolute;
	inset:0;
	z-index:12;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:.8rem;
	overflow:auto;
	background:rgba(2,6,23,.82);
	backdrop-filter:blur(4px);
}
.cc-wait.is-hidden{display:none}
.cc-wait.is-pad{position:fixed;z-index:80}
.cc-wait-card{
	width:min(100%,22rem);
	text-align:center;
	background:#fffaf0;
	color:#1c1917;
	border-radius:1.15rem;
	padding:1.15rem 1rem 1.05rem;
	box-shadow:0 22px 50px rgba(0,0,0,.42);
	animation:cc-wait-pop .42s cubic-bezier(.2,1.25,.3,1) both;
}
@keyframes cc-wait-pop{
	from{opacity:0;transform:translateY(.6rem) scale(.96)}
	to{opacity:1;transform:none}
}
.cc-wait-board{
	display:grid;
	grid-template-columns:repeat(6,minmax(0,1fr));
	gap:.28rem;
	width:min(100%,16.5rem);
	margin:0 auto .85rem;
}
.cc-wait-board div{display:flex;flex-direction:column;gap:.18rem}
.cc-wait-board span{
	display:block;
	height:.38rem;
	border-radius:.16rem;
	background:#e7e5e4;
	transform-origin:center;
	animation:cc-wait-cell 2.6s ease-in-out infinite;
}
.cc-wait-board span.is-head{height:.62rem;border-radius:.18rem;animation-name:cc-wait-head}
@keyframes cc-wait-cell{
	0%,14%{opacity:.3;transform:scaleY(.7);background:#e7e5e4}
	32%,68%{opacity:1;transform:scaleY(1);background:#f5c542}
	100%{opacity:.3;transform:scaleY(.7);background:#e7e5e4}
}
@keyframes cc-wait-head{
	0%,14%{opacity:.35;transform:scaleY(.8);background:#e7e5e4}
	32%,68%{opacity:1;transform:scaleY(1);background:#1e3a8a}
	100%{opacity:.35;transform:scaleY(.8);background:#e7e5e4}
}
.cc-wait-card h3{margin:0;font-size:1.45rem;letter-spacing:.01em}
.cc-wait-dots{display:inline-flex;gap:.16rem;margin-left:.35rem;vertical-align:.12rem}
.cc-wait-dots i{
	width:.32rem;height:.32rem;border-radius:50%;background:#d97706;
	animation:cc-wait-dot .9s ease-in-out infinite;
}
.cc-wait-dots i:nth-child(2){animation-delay:.15s}
.cc-wait-dots i:nth-child(3){animation-delay:.3s}
@keyframes cc-wait-dot{
	0%,100%{opacity:.25;transform:translateY(0)}
	50%{opacity:1;transform:translateY(-.28rem)}
}
.cc-wait-card p{margin:.35rem 0 0;font-size:.95rem;line-height:1.35}
.cc-wait-card p b{color:#9a3412}
.cc-wait-lines{position:relative;height:1.25rem;margin-top:.45rem}
.cc-wait-lines span{
	position:absolute;left:0;right:0;top:0;
	font-size:.82rem;color:#78716c;opacity:0;
	animation:cc-wait-line 8s ease-in-out infinite;
}
.cc-wait-lines span:nth-child(2){animation-delay:2s}
.cc-wait-lines span:nth-child(3){animation-delay:4s}
.cc-wait-lines span:nth-child(4){animation-delay:6s}
@keyframes cc-wait-line{
	0%{opacity:0}
	4%{opacity:1}
	21%{opacity:1}
	27%{opacity:0}
	100%{opacity:0}
}
@container (max-width: 720px){
	.cc-setup{grid-template-columns:1fr}
	.cc-hero{max-height:8.5rem}
}
@media (prefers-reduced-motion: reduce){
	.cc-time span{transition:none}
	.cc-wait-card,
	.cc-wait-board span,
	.cc-wait-lines span,
	.cc-wait-dots i{animation:none}
	.cc-wait-lines span{position:static;display:none;opacity:1}
	.cc-wait-lines span:first-child{display:block}
	.cc-wait-board span{opacity:1;transform:none;background:#f5c542}
	.cc-wait-board span.is-head{background:#1e3a8a}
}
#mdg_stage[data-game="tank_combat"]{
	background:#0b1020;
	justify-content:stretch;
	align-items:stretch;
	padding:0;
}
#mdg_stage[data-game="tank_combat"] .mdg-tank-view{
	position:relative;
	flex:1 1 0%;
	align-self:stretch;
	width:100%;
	height:100%;
	max-width:100%;
	max-height:100%;
	min-width:0;
	min-height:0;
	overflow:hidden;
	grid-area:board;
}
#mdg_stage[data-game="tank_combat"] .mdg-tank-view canvas{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	max-width:100%;
	max-height:100%;
	margin:0;
	display:block;
}
#mdg_stage[data-game="tank_combat"].is-dual{
	display:grid;
	grid-template-columns:minmax(0,1fr);
	grid-template-rows:minmax(0,1fr) auto;
	grid-template-areas:"board" "dual";
}
#mdg_stage[data-game="tank_combat"].has-fire .mdg-tank-view,
#mdg_stage[data-game="tank_combat"].is-dual .mdg-tank-view{
	grid-area:board;
	width:100%;
	height:100%;
	max-height:100%;
	min-height:0;
}
.mdg-tank-bar{
	position:absolute;
	left:.35rem;
	right:.35rem;
	top:max(.3rem, env(safe-area-inset-top));
	z-index:3;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:.28rem;
	pointer-events:none;
}
.mdg-tank-pill{
	flex:1 1 0;
	min-width:0;
	max-width:42%;
	padding:.16rem .42rem;
	border-radius:999px;
	font-size:clamp(.62rem, 2.8cqw, .78rem);
	font-weight:800;
	line-height:1.15;
	color:#fffef8;
	background:rgba(7,13,26,.72);
	border:1px solid rgba(243,229,171,.28);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.mdg-tank-pill.is-gold{color:#ffe08a;text-align:left}
.mdg-tank-pill.is-cyan{color:#a5f3fc;text-align:right}
.mdg-tank-mid{
	flex:none;
	display:flex;
	flex-direction:column;
	align-items:center;
	line-height:1.05;
	padding:.1rem .42rem .12rem;
	border-radius:999px;
	background:rgba(7,13,26,.66);
	border:1px solid rgba(243,229,171,.18);
}
.mdg-tank-mid b{
	font-size:clamp(.7rem, 3.2cqw, .86rem);
	color:#fff;
	font-variant-numeric:tabular-nums;
	letter-spacing:.03em;
}
.mdg-tank-mid i{
	font-style:normal;
	font-size:.56rem;
	font-weight:800;
	letter-spacing:.08em;
	text-transform:uppercase;
	color:#fde68a;
}
#mdg_hud.mdg-hud-tank{flex-wrap:nowrap;overflow:hidden}
#mdg_hud.mdg-hud-tank:empty{display:none}
#mdg_stage[data-game="tank_combat"] .mdg-tank-dual{
	grid-area:dual;
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(0,1fr);
	gap:.28rem;
	width:100%;
	min-width:0;
	padding:.08rem .35rem max(.28rem, env(safe-area-inset-bottom));
	box-sizing:border-box;
	background:linear-gradient(180deg, transparent, rgba(7,13,26,.94) 34%);
	z-index:4;
	touch-action:none;
}
#mdg_stage[data-game="tank_combat"] .mdg-tank-side{
	min-width:0;
	display:grid;
	grid-template-columns:minmax(0,1fr) auto;
	grid-template-areas:"name name" "stick fire";
	align-items:center;
	justify-items:center;
	gap:.08rem .22rem;
	padding:.16rem .22rem .22rem;
	border-radius:.8rem;
	background:rgba(7,13,26,.5);
	border:1px solid rgba(243,229,171,.22);
}
#mdg_stage[data-game="tank_combat"] .mdg-tank-side.is-cyan{
	grid-template-areas:"name name" "fire stick";
	border-color:rgba(34,211,238,.32);
}
#mdg_stage[data-game="tank_combat"] .mdg-tank-who{
	grid-area:name;
	max-width:100%;
	font-size:.6rem;
	font-weight:800;
	letter-spacing:.07em;
	text-transform:uppercase;
	color:#ffe08a;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
#mdg_stage[data-game="tank_combat"] .mdg-tank-side.is-cyan .mdg-tank-who{color:#a5f3fc}
#mdg_stage[data-game="tank_combat"] .mdg-tank-side .mdg-stick{
	grid-area:stick;
	width:clamp(2.9rem, 22cqw, 5.2rem);
	height:clamp(2.9rem, 22cqw, 5.2rem);
	flex:none;
}
#mdg_stage[data-game="tank_combat"] .mdg-tank-side .mdg-stick-knob{
	width:42%;
	height:42%;
	margin:-21%;
}
#mdg_stage[data-game="tank_combat"] .mdg-tank-side .mdg-stick-fire{
	grid-area:fire;
	width:clamp(2.5rem, 16cqw, 3.6rem);
	height:clamp(2.5rem, 16cqw, 3.6rem);
	font-size:.66rem;
	flex:none;
	touch-action:none;
}
#mdg_stage[data-game="tank_combat"].has-fire .mdg-steer-dock,
#mdg_stage[data-game="tank_combat"].has-fire .mdg-fire-dock{
	min-height:0;
	padding-bottom:max(.14rem, env(safe-area-inset-bottom));
}
#md_games_root.mdg-compact #mdg_stage[data-game="tank_combat"].has-fire .mdg-steer-dock,
#md_games_root.mdg-compact #mdg_stage[data-game="tank_combat"].has-fire .mdg-fire-dock{
	min-height:5.2rem;
}
#md_games_root.mdg-wide #mdg_stage[data-game="tank_combat"].is-dual{
	grid-template-columns:minmax(0,1fr);
	grid-template-rows:minmax(0,1fr) auto;
	grid-template-areas:"board" "dual";
}
#md_games_root.mdg-wide #mdg_stage[data-game="tank_combat"].has-fire .mdg-tank-view,
#md_games_root.mdg-wide #mdg_stage[data-game="tank_combat"].is-dual .mdg-tank-view,
#md_games_root.mdg-wide #mdg_stage[data-game="tank_combat"] .mdg-tank-view canvas{
	min-width:0;
	min-height:0;
	max-width:100%;
	max-height:100%;
}
#mdg_stage[data-game="tank_combat"] .mdg-mp{
	justify-content:flex-start;
	padding:.4rem .5rem .55rem;
	gap:.28rem;
}
#mdg_stage[data-game="tank_combat"] .mdg-tank-rules{
	width:min(22rem, 100%);
}
#mdg_stage[data-game="tank_combat"] .mdg-tank-rules .mdg-lobby-row{
	margin:.1rem 0;
	gap:.24rem;
}
#mdg_stage[data-game="tank_combat"] .mdg-tank-rules .mdg-btn,
#mdg_stage[data-game="tank_combat"] .mdg-mp-btn{
	min-width:0;
	min-height:2rem;
	padding:.2rem .48rem;
	font-size:.72rem;
}
#mdg_stage[data-game="tank_combat"] .mdg-mp-actions .mdg-mp-btn{flex:1 1 7.2rem}
#mdg_stage[data-game="tank_combat"] .mdg-overlay{padding:.45rem}
#mdg_stage[data-game="tank_combat"] .mdg-overlay-card{
	width:min(18rem, 100%);
	max-height:100%;
	overflow:auto;
	min-width:0;
}
.mdg-pad-lobby-tank{
	align-items:flex-start;
	padding:.5rem .55rem .7rem;
}
.mdg-pad-lobby-tank .mdg-pad-lobby-card h3{font-size:1.15rem;margin:.1rem 0 .2rem}
.mdg-pad-lobby-tank .mdg-pad-lobby-card p{font-size:.78rem;margin:0 0 .35rem}
.mdg-pad-lobby-tank .mdg-lobby-row{margin:.18rem 0}
.mdg-pad-lobby-tank .mdg-btn{
	min-height:1.9rem;
	padding:.16rem .42rem;
	font-size:.7rem;
}
.mdg-phone-pad-tank{
	background:#070d1a;
}
.mdg-tank-phone{
	width:100%;
	height:100%;
	min-width:0;
	min-height:0;
	display:flex;
	flex-direction:column;
	padding:
		max(.35rem, env(safe-area-inset-top))
		max(.4rem, env(safe-area-inset-right))
		max(.45rem, env(safe-area-inset-bottom))
		max(.4rem, env(safe-area-inset-left));
	background:
		radial-gradient(circle at 50% 38%, rgba(26,39,68,.55), rgba(7,13,26,.96) 72%);
	touch-action:none;
	overscroll-behavior:none;
}
.mdg-tank-phone-who{
	flex:none;
	text-align:center;
	font-weight:800;
	letter-spacing:.08em;
	text-transform:uppercase;
	font-size:clamp(.68rem, 3.2cqmin, .86rem);
	color:#ffe08a;
	padding:.1rem .2rem .2rem;
}
.mdg-tank-phone.is-cyan .mdg-tank-phone-who{color:#a5f3fc}
.mdg-tank-phone-play{
	flex:1 1 auto;
	min-width:0;
	min-height:0;
	display:flex;
	align-items:center;
	justify-content:space-evenly;
	gap:.45rem;
}
#md_games_root.mdg-hand-left .mdg-tank-phone-play{flex-direction:row-reverse}
.mdg-tank-phone .mdg-phone-stick{flex:none}
.mdg-tank-phone .mdg-stick,
#md_games_root.mdg-compact .mdg-tank-phone .mdg-stick,
#md_games_root.mdg-pad-phone .mdg-tank-phone .mdg-stick{
	width:min(46cqmin, 40cqw, 11rem);
	height:min(46cqmin, 40cqw, 11rem);
}
.mdg-tank-phone .mdg-stick-knob,
#md_games_root.mdg-compact .mdg-tank-phone .mdg-stick-knob,
#md_games_root.mdg-pad-phone .mdg-tank-phone .mdg-stick-knob{
	width:42%;
	height:42%;
	margin:-21%;
}
.mdg-tank-phone .mdg-keys-pad{
	grid-template-columns:repeat(3, min(14cqmin, 3.3rem));
	grid-template-rows:min(12cqmin, 2.8rem) min(12cqmin, 2.8rem);
	gap:.22rem .16rem;
}
.mdg-tank-phone .mdg-stick-fire,
#md_games_root.mdg-compact .mdg-tank-phone .mdg-stick-fire,
#md_games_root.mdg-pad-phone .mdg-tank-phone .mdg-stick-fire{
	width:min(32cqmin, 26cqw, 6.6rem);
	height:min(32cqmin, 26cqw, 6.6rem);
	font-size:clamp(.78rem, 3.6cqmin, 1.05rem);
	flex:none;
	touch-action:none;
}
@container (max-width: 540px){
	#md_games_root:has(#mdg_stage[data-game="tank_combat"]) .mdg-play-keys{
		flex:none;
		width:auto;
		margin-left:auto;
		margin-top:0;
	}
}
@container (max-height: 640px){
	#md_games_root:has(#mdg_stage[data-game="tank_combat"]) .mdg-help{display:none}
}

#mdg_stage[data-game="plinko"]{
	align-items:stretch;
	justify-content:flex-start;
	background:
		radial-gradient(70% 36% at 50% 0%, rgba(212,160,60,.24), transparent 58%),
		linear-gradient(180deg, #3a2418 0%, #120e0b 100%);
}
html.light #md_games_root #mdg_stage[data-game="plinko"],
html:not(.dark) #md_games_root #mdg_stage[data-game="plinko"]{
	background:
		radial-gradient(70% 36% at 50% 0%, rgba(212,160,60,.24), transparent 58%),
		linear-gradient(180deg, #3a2418 0%, #120e0b 100%);
}
.pk-cab{
	flex:1 1 0%;
	width:100%;
	max-width:36rem;
	height:100%;
	min-height:0;
	margin-inline:auto;
	display:flex;
	flex-direction:column;
	padding:.28rem;
	color:#fffaf0;
	font-family:ui-sans-serif,system-ui,sans-serif;
}
.pk-bezel{
	flex:1 1 0%;
	min-height:0;
	display:flex;
	flex-direction:column;
	gap:.22rem;
	padding:.38rem .34rem .36rem;
	border-radius:1rem;
	background:
		linear-gradient(180deg, #8a4b2a 0%, #4a2616 16%, #2a140e 100%);
	box-shadow:
		inset 0 0 0 2px #f3e5ab,
		inset 0 0 0 6px #3a2412,
		inset 0 1px 0 rgba(255,236,190,.45),
		0 .55rem 1.1rem rgba(0,0,0,.5);
}
.pk-head{
	flex:0 0 auto;
	padding:.42rem .5rem .46rem;
	border-radius:.62rem;
	text-align:center;
	background-image:
		radial-gradient(circle at 8px 5px, #fff6c8 0 2px, #f59e0b 2.5px, transparent 3.6px),
		radial-gradient(circle at 8px 5px, #fff6c8 0 2px, #f59e0b 2.5px, transparent 3.6px),
		linear-gradient(180deg, #ef4444 0%, #9f1239 46%, #4c0519 100%);
	background-size:16px 12px, 16px 12px, auto;
	background-position:center top, center bottom, 0 0;
	background-repeat:repeat-x, repeat-x, no-repeat;
	box-shadow:
		inset 0 0 0 1px rgba(255,228,170,.45),
		inset 0 0 22px rgba(255,180,60,.28),
		0 0 16px rgba(220,38,38,.35);
}
.pk-kicker{
	font-size:.58rem;
	font-weight:800;
	letter-spacing:.22em;
	text-transform:uppercase;
	color:rgba(255,237,180,.78);
}
.pk-head h2{
	margin:0;
	font-size:clamp(.92rem, 4.2cqw, 1.55rem);
	line-height:1.05;
	letter-spacing:.16em;
	text-transform:uppercase;
	color:#fff4c2;
	text-shadow:0 0 8px #fff, 0 0 16px #fde68a, 0 1px 0 #7f1d1d;
	animation:pk-marquee 2.8s ease-in-out infinite;
}
.pk-note{
	margin:.08rem 0 0;
	min-height:1em;
	font-size:.68rem;
	font-weight:700;
	letter-spacing:.03em;
	color:rgba(255,237,213,.88);
}
.pk-tools{
	flex:0 0 auto;
	display:flex;
	flex-wrap:nowrap;
	justify-content:center;
	gap:.28rem;
	overflow-x:auto;
}
.pk-seg{
	display:flex;
	border-radius:999px;
	overflow:hidden;
	border:1px solid #e7c56a;
	background:linear-gradient(180deg, #2a2118, #120e0b);
	box-shadow:inset 0 1px 0 rgba(255,236,190,.28), 0 .12rem 0 #1a100a;
}
.pk-seg button{
	appearance:none;
	border:0;
	background:transparent;
	color:#fde68a;
	font-weight:800;
	font-size:.68rem;
	letter-spacing:.06em;
	text-transform:uppercase;
	min-height:1.95rem;
	padding:0 .55rem;
	cursor:pointer;
	text-shadow:0 1px 0 rgba(0,0,0,.45);
}
.pk-seg button.is-on{
	background:linear-gradient(180deg, #fff6d0 0%, #e7c56a 48%, #a16207 100%);
	color:#3b2508;
	text-shadow:0 1px 0 rgba(255,255,255,.45);
	box-shadow:inset 0 1px 0 #fff, inset 0 -2px 0 rgba(62,42,8,.35);
}
.pk-seg button:disabled{opacity:.45;cursor:default}
.pk-screen{
	position:relative;
	display:flex;
	flex-direction:column;
	flex:1 1 0%;
	min-height:0;
	margin:0 .06rem;
	border-radius:.7rem;
	overflow:hidden;
	background:linear-gradient(180deg, #f3e5ab 0%, #a6843a 7%, #3a2a14 14%, #12141a 100%);
	box-shadow:
		inset 0 1px 0 rgba(255,248,220,.75),
		inset 0 0 0 2px #c6a15a,
		0 .3rem .6rem rgba(0,0,0,.45);
	padding:.28rem;
}
.pk-screen::after{
	content:'';
	position:absolute;
	inset:.28rem;
	border-radius:.42rem;
	pointer-events:none;
	background:
		linear-gradient(118deg, rgba(255,255,255,.14) 0%, rgba(255,255,255,.03) 16%, transparent 34%),
		repeating-linear-gradient(to bottom, rgba(255,255,255,.04) 0 1px, transparent 1px 3px);
}
#mdg_stage[data-game="plinko"] .pk-board{
	position:relative;
	display:block;
	width:100%;
	height:100%;
	max-width:100%;
	max-height:100%;
	min-width:0;
	min-height:0;
	margin:0;
	flex:1 1 auto;
	border-radius:.42rem;
	touch-action:manipulation;
}
.pk-deck{
	flex:0 0 auto;
	margin:0 .06rem;
	padding:.38rem .28rem .28rem;
	border-radius:.28rem .28rem .72rem .72rem;
	background:linear-gradient(180deg, #e7c56a 0%, #6b4e16 8%, #24180f 28%, #120e0b 100%);
	box-shadow:inset 0 1px 0 rgba(255,248,220,.7), inset 0 0 0 1px rgba(0,0,0,.45);
}
.pk-dock{
	display:grid;
	grid-template-columns:.7fr 1fr .7fr 1.35fr;
	gap:.32rem;
	align-items:stretch;
}
.pk-dock button{
	appearance:none;
	min-height:2.7rem;
	border-radius:999px;
	border:2px solid #f3e5ab;
	background:radial-gradient(circle at 50% 28%, #fff1c2, #d4af37 42%, #6b4e12 78%);
	color:#3b2508;
	font-weight:800;
	letter-spacing:.04em;
	font-size:1.15rem;
	line-height:1;
	cursor:pointer;
	text-shadow:0 1px 0 rgba(255,255,255,.35);
	box-shadow:0 .16rem 0 #2a1608, inset 0 1px 0 rgba(255,255,255,.65);
}
.pk-dock button:disabled{opacity:.45;cursor:default}
.pk-dock button:active:not(:disabled){
	transform:translateY(2px);
	box-shadow:0 .04rem 0 #050608, inset 0 2px 4px rgba(0,0,0,.4);
}
.pk-bet{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	gap:.22rem;
	min-width:0;
	border-radius:999px;
	background:linear-gradient(180deg, #020617, #07111f);
	box-shadow:inset 0 0 0 1px rgba(255,214,80,.4), inset 0 6px 8px rgba(0,0,0,.55);
}
.pk-chip{
	width:1.28rem;
	height:1.28rem;
	object-fit:contain;
	flex:0 0 auto;
	filter:drop-shadow(0 .1rem .12rem rgba(0,0,0,.6));
	pointer-events:none;
}
.pk-bet-copy{
	display:flex;
	flex-direction:column;
	align-items:center;
	line-height:1.05;
	min-width:0;
}
.pk-bet-copy > span{
	font-size:.48rem;
	font-weight:800;
	letter-spacing:.14em;
	text-transform:uppercase;
	color:rgba(253,224,138,.7);
}
.pk-bet b{
	font-family:ui-monospace,"Courier New",monospace;
	font-size:1.05rem;
	line-height:1;
	color:#ffe14a;
	text-shadow:0 0 8px rgba(255,210,40,.75);
	font-variant-numeric:tabular-nums;
}
.pk-go{
	background:
		url('/modules/games/art/plinko/disc.png?v=20261004plinko3d') .42rem 50% / 1.05rem 1.05rem no-repeat,
		radial-gradient(circle at 50% 26%, #fecaca, #ef4444 42%, #991b1b 78%)!important;
	color:#fff!important;
	border-color:#fecaca!important;
	letter-spacing:.08em;
	font-size:.82rem!important;
	text-transform:uppercase;
	text-shadow:0 1px 0 rgba(0,0,0,.35);
	padding-left:1.15rem;
	box-shadow:0 .16rem 0 #450a0a, 0 0 14px rgba(239,68,68,.55), inset 0 1px 0 rgba(255,255,255,.45)!important;
}
.pk-go.is-cash{
	background:radial-gradient(circle at 50% 28%, #bbf7d0, #22c55e 46%, #14532d)!important;
	color:#052e16!important;
	border-color:#bbf7d0!important;
	box-shadow:0 .16rem 0 #052e16, inset 0 1px 0 rgba(255,255,255,.45)!important;
}
.pk-go:disabled{
	filter:saturate(.45) brightness(.72);
}
.pk-seg button:focus-visible,
.pk-dock button:focus-visible{
	outline:2px solid #fde68a;
	outline-offset:2px;
}
@keyframes pk-marquee{
	50%{text-shadow:0 0 6px #fff, 0 0 14px #fde68a, 0 0 26px #f59e0b}
}
@container (max-height: 560px){
	.pk-head{padding:.22rem .4rem .24rem}
	.pk-head h2{font-size:.92rem}
	.pk-note{font-size:.62rem}
	.pk-seg button{min-height:1.65rem;padding:0 .4rem;font-size:.62rem}
	.pk-dock button{min-height:2.2rem}
	.pk-screen{padding:.18rem}
}
@container (max-height: 420px){
	.pk-kicker{display:none}
	.pk-deck{padding:.18rem .2rem .16rem}
	.pk-dock{gap:.18rem}
	.pk-dock button{min-height:1.9rem;font-size:.95rem}
	.pk-go{font-size:.68rem!important;background-size:0 0,auto!important;padding-left:.35rem}
	.pk-chip{width:1rem;height:1rem}
}
@container (max-width: 380px){
	.pk-cab{padding:.16rem}
	.pk-seg button{padding:0 .38rem}
	.pk-dock{gap:.18rem}
}
@media (prefers-reduced-motion: reduce){
	.pk-head h2{animation:none}
}
#mdg_stage[data-game="crossword"]{
	align-items:stretch;
	justify-content:stretch;
	background:
		radial-gradient(90% 50% at 50% 0%, rgba(245,230,200,.2), transparent 56%),
		linear-gradient(180deg, #1c1917 0%, #111827 100%);
}
.xw-root{
	position:absolute;
	inset:0;
	display:flex;
	flex-direction:column;
	min-height:0;
	color:#f8fafc;
	font-family:system-ui,sans-serif;
}
.xw-slot{flex:1 1 auto;min-height:0;display:flex;overflow:hidden}
.xw-setup{
	height:100%;
	width:100%;
	overflow:auto;
	display:grid;
	grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
	gap:.6rem;
	padding:.45rem;
}
.xw-hero{width:100%;height:100%;max-height:100%;object-fit:cover;border-radius:.9rem}
.xw-setup-copy h2{margin:.1rem 0 .3rem;font-size:1.45rem}
.xw-setup-copy p{margin:0 0 .55rem;font-size:.9rem;line-height:1.35;color:#e7e5e4}
.xw-topic{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin:.35rem 0}
.xw-topic span{flex:1 0 100%;font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#f5e6c8}
.xw-topic input{
	flex:1 1 12rem;min-width:0;min-height:2.6rem;border-radius:.7rem;
	border:1px solid rgba(245,230,200,.45);background:rgba(15,23,42,.55);color:#fff;
	padding:.3rem .6rem;font:600 16px system-ui,sans-serif;
}
.xw-topic button,.xw-setup-copy > button,.xw-actions button,.xw-dir,.xw-tabs button,.xw-key,.xw-clue{
	appearance:none;
	border:1px solid rgba(245,230,200,.4);
	background:rgba(15,23,42,.45);
	color:#fff;
	border-radius:.7rem;
	min-height:2.5rem;
	padding:.25rem .7rem;
	font:700 .82rem system-ui,sans-serif;
	cursor:pointer;
}
.xw-topic button[disabled]{opacity:.65;cursor:default}
.xw-note{margin:.05rem 0 .45rem;font-size:.78rem;line-height:1.3;color:#f5e6c8}
.xw-play{
	height:100%;
	width:100%;
	min-height:0;
	display:flex;
	flex-direction:column;
	gap:.28rem;
	padding:.35rem;
}
.xw-cluebar{
	flex:0 0 auto;
	display:flex;
	gap:.4rem;
	align-items:center;
	background:#fffaf0;
	color:#1c1917;
	border-radius:.75rem;
	padding:.28rem .4rem;
	min-height:2.6rem;
}
.xw-dir{flex:0 0 auto;background:#1c1917;color:#f5e6c8;min-height:2.2rem}
.xw-clue-text{margin:0;flex:1 1 auto;min-width:0;font-size:.95rem;line-height:1.25;font-weight:650}
.xw-split{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:.28rem}
.xw-board{flex:0 0 auto;display:flex;justify-content:center;min-width:0}
.xw-grid{display:grid;background:#1e293b;gap:1px;padding:1px;border-radius:.35rem;min-width:8rem;min-height:8rem}
.xw-cell{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#fffaf0;
	color:#1c1917;
	border:0;
	padding:0;
	min-width:0;
	min-height:0;
	font:inherit;
}
.xw-cell.is-black{background:#1e293b}
.xw-cell i{
	position:absolute;
	top:.06em;
	left:.08em;
	font-style:normal;
	font-size:.32em;
	line-height:1;
	font-weight:700;
	color:#78716c;
	pointer-events:none;
}
.xw-cell b{font-size:.58em;font-weight:750;line-height:1}
.xw-cell.is-word{background:#fde68a}
.xw-cell.is-on{background:#fbbf24;box-shadow:inset 0 0 0 2px #1c1917}
.xw-cell.is-good{background:#bbf7d0}
.xw-cell.is-on.is-good{background:#86efac}
.xw-cell.is-shown{color:#b45309}
.xw-cell.is-bad{animation:xw-shake .28s linear}
@keyframes xw-shake{
	25%{transform:translateX(-2px)}
	75%{transform:translateX(2px)}
}
.xw-side{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:.2rem}
.xw-tabs{display:flex;gap:.3rem}
.xw-tabs button{flex:1}
.xw-tabs button.is-on,.xw-actions button.is-accent,.xw-topic button{background:#f5e6c8;color:#1c1917;border-color:#f5e6c8}
.xw-cols{flex:1 1 auto;min-height:0;display:flex;gap:.35rem}
.xw-col{display:none;min-height:0;overflow:auto;flex:1}
.xw-col.is-on{display:block}
.xw-col h4{margin:.1rem 0 .25rem;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#f5e6c8}
.xw-clue{
	display:flex;
	gap:.4rem;
	align-items:flex-start;
	width:100%;
	text-align:left;
	margin:0 0 .28rem;
	min-height:2.3rem;
}
.xw-clue b{flex:0 0 1.4rem;color:#f5e6c8}
.xw-clue span{flex:1;font-weight:600;line-height:1.25}
.xw-clue.is-on{background:#f5e6c8;color:#1c1917}
.xw-clue.is-on b{color:#1c1917}
.xw-clue.is-done span{text-decoration:line-through;opacity:.7}
.xw-keys{flex:0 0 auto;display:flex;flex-direction:column;gap:.18rem}
.xw-keyrow{display:flex;justify-content:center;gap:.16rem}
.xw-key{flex:1 1 0;min-width:0;padding:.1rem;min-height:2.35rem;border-radius:.45rem;font-size:.92rem}
.xw-key.is-wide{flex:1.4 1 0;font-size:.72rem}
.xw-actions{flex:0 0 auto;display:flex;gap:.3rem}
.xw-actions button{flex:1}
.xw-done{
	margin:auto;
	width:min(100% - 1rem, 24rem);
	background:#fffaf0;
	color:#1c1917;
	border-radius:1rem;
	padding:1rem;
	text-align:center;
}
.xw-done h2{margin:.15rem 0 .2rem;font-size:1.4rem}
.xw-kicker{margin:0;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#78716c}
.xw-score{margin:.2rem 0;font-size:2.4rem;font-weight:800;color:#b45309}
.xw-done p{margin:.2rem 0 .6rem}
.xw-done .xw-actions button{background:#1c1917;color:#f5e6c8}
.xw-done .xw-actions button.is-accent{background:#b45309;color:#fffaf0;border-color:#b45309}
.xw-wait{
	position:absolute;
	inset:0;
	z-index:12;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:.8rem;
	overflow:auto;
	background:rgba(12,10,9,.82);
}
.xw-wait.is-hidden{display:none}
.xw-wait-card{
	width:min(100%,22rem);
	background:#fffaf0;
	color:#1c1917;
	border-radius:1rem;
	padding:1rem .9rem .95rem;
	text-align:center;
	box-shadow:0 1rem 2rem rgba(0,0,0,.35);
}
.xw-wait-grid{display:flex;justify-content:center;gap:.22rem;margin-bottom:.55rem}
.xw-wait-grid div{display:flex;flex-direction:column;gap:.22rem}
.xw-wait-grid span{
	width:.72rem;height:.72rem;border-radius:.12rem;background:#f5e6c8;
	animation:xw-wait-cell 2.4s ease-in-out infinite;
}
.xw-wait-grid span.is-black{background:#1e293b;animation:none}
@keyframes xw-wait-cell{
	0%,100%{transform:translateY(0);opacity:.55}
	50%{transform:translateY(-3px);opacity:1;background:#fbbf24}
}
.xw-wait-card h3{margin:0;font-size:1.4rem}
.xw-wait-dots{display:inline-flex;gap:.16rem;margin-left:.3rem;vertical-align:.12rem}
.xw-wait-dots i{
	width:.34rem;height:.34rem;border-radius:50%;background:#b45309;
	animation:xw-wait-dot .9s ease-in-out infinite;
}
.xw-wait-dots i:nth-child(2){animation-delay:.15s}
.xw-wait-dots i:nth-child(3){animation-delay:.3s}
@keyframes xw-wait-dot{
	50%{transform:translateY(-3px)}
}
.xw-wait-card p{margin:.35rem 0 0;font-size:.95rem;line-height:1.35}
.xw-wait-card p b{color:#b45309}
.xw-wait-lines{position:relative;height:1.25rem;margin-top:.4rem}
.xw-wait-lines span{
	position:absolute;left:0;right:0;opacity:0;
	animation:xw-wait-line 8s ease-in-out infinite;
	font-size:.8rem;color:#57534e;
}
.xw-wait-lines span:nth-child(2){animation-delay:2s}
.xw-wait-lines span:nth-child(3){animation-delay:4s}
.xw-wait-lines span:nth-child(4){animation-delay:6s}
@keyframes xw-wait-line{
	0%,20%{opacity:0}
	8%,18%{opacity:1}
	24%,100%{opacity:0}
}
@container (min-width: 680px){
	.xw-split{flex-direction:row;align-items:stretch}
	.xw-tabs{display:none}
	.xw-col{display:block}
	.xw-side{flex:1 1 auto}
}
@container (max-width: 679px){
	.xw-setup{grid-template-columns:1fr}
	.xw-hero{max-height:9rem}
}
@container (max-height: 520px){
	.xw-key{min-height:1.75rem;font-size:.78rem}
	.xw-actions button,.xw-dir{min-height:2rem}
	.xw-clue-text{font-size:.82rem}
	.xw-hero{max-height:6.5rem}
}
@media (prefers-reduced-motion: reduce){
	.xw-cell.is-bad,.xw-wait-grid span,.xw-wait-dots i,.xw-wait-lines span{animation:none}
	.xw-wait-lines span{position:static;display:none;opacity:1}
	.xw-wait-lines span:first-child{display:block}
}
#mdg_stage[data-game="word_search"]{
	align-items:stretch;
	justify-content:stretch;
	background:
		radial-gradient(90% 50% at 50% 0%, rgba(94,234,212,.18), transparent 56%),
		linear-gradient(180deg, #134e4a 0%, #0f172a 100%);
}
.ws-root{
	position:absolute;
	inset:0;
	display:flex;
	flex-direction:column;
	min-height:0;
	color:#f8fafc;
	font-family:system-ui,sans-serif;
}
.ws-slot{flex:1 1 auto;min-height:0;display:flex;overflow:hidden}
.ws-setup{
	height:100%;
	width:100%;
	overflow:auto;
	display:grid;
	grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
	gap:.6rem;
	padding:.45rem;
}
.ws-hero{width:100%;height:100%;max-height:100%;object-fit:cover;border-radius:.9rem}
.ws-setup-copy h2{margin:.1rem 0 .3rem;font-size:1.45rem}
.ws-setup-copy p{margin:0 0 .55rem;font-size:.9rem;line-height:1.35;color:#e7e5e4}
.ws-topic{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin:.35rem 0}
.ws-topic span{flex:1 0 100%;font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#ccfbf1}
.ws-topic input{
	flex:1 1 12rem;min-width:0;min-height:2.6rem;border-radius:.7rem;
	border:1px solid rgba(204,251,241,.45);background:rgba(15,23,42,.55);color:#fff;
	padding:.3rem .6rem;font:600 16px system-ui,sans-serif;
}
.ws-topic button,.ws-setup-copy > button,.ws-actions button,.ws-word{
	appearance:none;
	border:1px solid rgba(204,251,241,.4);
	background:rgba(15,23,42,.45);
	color:#fff;
	border-radius:.7rem;
	min-height:2.5rem;
	padding:.25rem .7rem;
	font:700 .82rem system-ui,sans-serif;
	cursor:pointer;
}
.ws-topic button[disabled]{opacity:.65;cursor:default}
.ws-note{margin:.05rem 0 .45rem;font-size:.78rem;line-height:1.3;color:#ccfbf1}
.ws-play{
	height:100%;
	width:100%;
	min-height:0;
	display:flex;
	flex-direction:column;
	gap:.28rem;
	padding:.35rem;
	overflow:hidden;
}
.ws-split{flex:1 1 auto;min-height:0;min-width:0;display:flex;flex-direction:column;gap:.35rem;overflow:hidden}
.ws-list{
	flex:0 1 auto;
	max-height:34%;
	min-height:0;
	overflow:auto;
	display:flex;
	flex-wrap:wrap;
	gap:.28rem;
	align-content:flex-start;
}
.ws-word{
	min-height:2.3rem;
	letter-spacing:.04em;
	user-select:none;
	-webkit-user-select:none;
}
.ws-word.is-found{text-decoration:line-through;opacity:.72}
.ws-board{
	flex:1 1 auto;
	min-height:0;
	min-width:0;
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:center;
}
.ws-grid{
	display:grid;
	box-sizing:border-box;
	background:#115e59;
	gap:1px;
	padding:1px;
	border-radius:.35rem;
	flex:0 0 auto;
	touch-action:none;
	user-select:none;
	-webkit-user-select:none;
}
.ws-cell{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#fffaf0;
	color:#134e4a;
	border:0;
	padding:0;
	min-width:0;
	min-height:0;
	font:inherit;
	touch-action:none;
	user-select:none;
	-webkit-user-select:none;
}
.ws-cell b{font-size:.62em;font-weight:800;line-height:1;pointer-events:none}
.ws-cell.is-found{color:#134e4a}
.ws-cell.is-pick{color:#134e4a;box-shadow:inset 0 0 0 2px #134e4a}
.ws-cell.is-anchor{box-shadow:inset 0 0 0 3px #0f766e}
.ws-cell.is-flash{box-shadow:inset 0 0 0 3px #b45309}
.ws-cell.is-bad{animation:ws-shake .28s linear}
@keyframes ws-shake{
	25%{transform:translateX(-2px)}
	75%{transform:translateX(2px)}
}
.ws-actions{flex:0 0 auto;display:flex;gap:.3rem}
.ws-actions button{flex:1}
.ws-topic button,.ws-actions button.is-accent{background:#ccfbf1;color:#134e4a;border-color:#ccfbf1}
.ws-done{
	margin:auto;
	width:min(100% - 1rem, 24rem);
	background:#f0fdfa;
	color:#134e4a;
	border-radius:1rem;
	padding:1rem;
	text-align:center;
}
.ws-done h2{margin:.15rem 0 .2rem;font-size:1.4rem}
.ws-kicker{margin:0;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#0f766e}
.ws-score{margin:.2rem 0;font-size:2.4rem;font-weight:800;color:#0f766e}
.ws-done p{margin:.2rem 0 .6rem}
.ws-done .ws-actions button{background:#134e4a;color:#ccfbf1}
.ws-done .ws-actions button.is-accent{background:#0f766e;color:#f0fdfa;border-color:#0f766e}
.ws-wait{
	position:absolute;
	inset:0;
	z-index:12;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:.8rem;
	overflow:auto;
	background:rgba(15,23,42,.82);
}
.ws-wait.is-hidden{display:none}
.ws-wait-card{
	width:min(100%,22rem);
	background:#f0fdfa;
	color:#134e4a;
	border-radius:1rem;
	padding:1rem .9rem .95rem;
	text-align:center;
	box-shadow:0 1rem 2rem rgba(0,0,0,.35);
}
.ws-wait-grid{display:flex;justify-content:center;gap:.22rem;margin-bottom:.55rem}
.ws-wait-grid div{display:flex;flex-direction:column;gap:.22rem}
.ws-wait-grid span{
	width:.72rem;height:.72rem;border-radius:.12rem;background:#99f6e4;
	animation:ws-wait-cell 2.4s ease-in-out infinite;
}
@keyframes ws-wait-cell{
	0%,100%{transform:translateY(0);opacity:.55}
	50%{transform:translateY(-3px);opacity:1;background:#fbbf24}
}
.ws-wait-card h3{margin:0;font-size:1.4rem}
.ws-wait-dots{display:inline-flex;gap:.16rem;margin-left:.3rem;vertical-align:.12rem}
.ws-wait-dots i{
	width:.34rem;height:.34rem;border-radius:50%;background:#0f766e;
	animation:ws-wait-dot .9s ease-in-out infinite;
}
.ws-wait-dots i:nth-child(2){animation-delay:.15s}
.ws-wait-dots i:nth-child(3){animation-delay:.3s}
@keyframes ws-wait-dot{
	50%{transform:translateY(-3px)}
}
.ws-wait-card p{margin:.35rem 0 0;font-size:.95rem;line-height:1.35}
.ws-wait-card p b{color:#0f766e}
.ws-wait-lines{position:relative;height:1.25rem;margin-top:.4rem}
.ws-wait-lines span{
	position:absolute;left:0;right:0;opacity:0;
	animation:ws-wait-line 8s ease-in-out infinite;
	font-size:.8rem;color:#115e59;
}
.ws-wait-lines span:nth-child(2){animation-delay:2s}
.ws-wait-lines span:nth-child(3){animation-delay:4s}
.ws-wait-lines span:nth-child(4){animation-delay:6s}
@keyframes ws-wait-line{
	0%,20%{opacity:0}
	8%,18%{opacity:1}
	24%,100%{opacity:0}
}
@container (min-width: 680px){
	.ws-split{flex-direction:row;align-items:stretch}
	.ws-list{flex:0 0 14rem;max-height:none;height:auto;align-self:stretch;flex-direction:column;flex-wrap:nowrap}
	.ws-word{width:100%;text-align:left}
}
@container (max-width: 679px){
	.ws-setup{grid-template-columns:1fr}
	.ws-hero{max-height:9rem}
}
@container (max-height: 520px){
	.ws-actions button,.ws-topic button{min-height:2rem}
	.ws-hero{max-height:6.5rem}
}
@container (max-height: 520px) and (max-width: 679px){
	.ws-list{max-height:26%}
	.ws-word{min-height:1.8rem;font-size:.72rem}
}
@media (prefers-reduced-motion: reduce){
	.ws-cell.is-bad,.ws-wait-grid span,.ws-wait-dots i,.ws-wait-lines span{animation:none}
	.ws-wait-lines span{position:static;display:none;opacity:1}
	.ws-wait-lines span:first-child{display:block}
}