/* The analytics consent box (consent.js adds it until the visitor chooses). Every page links this file,
   the arcade games' too, so it carries its own colours and leans only on fonts the page may have loaded. */
.sg-consent { position: fixed; z-index: 2147483000; left: 12px; right: 12px; bottom: max(12px, env(safe-area-inset-bottom, 0px));
	max-width: 560px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; padding: 14px 16px;
	background: #0e1124f2; border: 1px solid rgba(190, 200, 255, .22); border-radius: 10px; box-shadow: 0 18px 50px #000a;
	color: #eef1ff; font: 500 14px/1.45 'Nunito', system-ui, sans-serif; }
.sg-consent p { margin: 0; flex: 1 1 240px; }
.sg-consent a { color: #27e3ff; }
.sg-consent div { display: flex; gap: 8px; }
.sg-consent button { font: italic 800 15px/1 'Barlow Condensed', system-ui, sans-serif; letter-spacing: 1px; text-transform: uppercase;
	padding: 9px 14px; border-radius: 6px; cursor: pointer; }
.sg-consent .ok { background: linear-gradient(90deg, #27e3ff, #8a5cff); border: 0; color: #07080f; }
.sg-consent .no { background: none; border: 1px solid rgba(190, 200, 255, .35); color: #eef1ff; }