@layer theme {
	:root {
		color-scheme: light dark;
		--body: light-dark(#fff, #161922);
		--text: light-dark(#7e8693, #717586);
		--emph: light-dark(#5b6068, #999eb4);
		--lead: light-dark(#161922, #f8fafc);
		--fore: light-dark(#f9fafb, #161922);
		--main: light-dark(#7f77ef, #7f77ef);
		--seco: light-dark(#4941be, #4941be);
		--mute: light-dark(#fff, #12141b);
		--soft: light-dark(#f5f6f9, #1e212c);
		--edge: light-dark(#e4e8ee, #2d3243);
		--deep: light-dark(#d0d8e5, #40465c);
		--fail: light-dark(#d92d20, #f15e64);
		--warn: light-dark(#f79009, #f0bc64);
		--safe: light-dark(#34a853, #10ddd3);
		--info: light-dark(#155eef, #84adff);
		--sans: system-ui, -apple-system, sans-serif;
		--cursor: url(/frivlyz/img/cursor.svg), auto
	}

	.lght {
		color-scheme: light
	}

	.dark {
		color-scheme: dark
	}
}

@layer core {
	* {
		box-sizing: border-box;
		border: 0;
		min-width: 0;
		margin: 0;
		padding: 0
	}

	html {
		font-family: var(--sans);
		scroll-behavior: smooth;
		text-size-adjust: 100%;
		overflow-wrap: break-word;
		line-height: 1.5
	}

	body {
		background: var(--body);
		min-height: 100svh;
		color: var(--text);
		flex-direction: column;
		display: flex;
		overflow-x: clip
	}

	body,
	body * {
		cursor: var(--cursor) !important
	}

	:where(img, svg, iframe) {
		max-width: 100%;
		height: auto;
		display: block
	}

	:where(h1, h2, h3, h4, h5, h6, input, button, textarea, select) {
		font: inherit;
		color: inherit
	}

	:where(h1, h2, h3, h4, h5, h6) {
		text-wrap: balance
	}

	:where(button, [type=button], [type=submit]) {
		cursor: pointer;
		white-space: nowrap;
		background: 0 0;
		outline: none;
		flex-shrink: 0
	}

	p {
		text-wrap: pretty
	}

	a {
		color: inherit;
		text-decoration: none
	}

	summary {
		user-select: none;

		&::-webkit-details-marker {
			display: none
		}
	}

	li {
		list-style: none
	}

	address {
		font-style: normal
	}

	label {
		font-weight: 600;
		display: inline-flex
	}

	hr {
		background: var(--soft);
		height: 1px
	}

	:where(input, select, textarea) {
		background: var(--body);
		border: 1px solid var(--edge);
		min-height: 2.5rem;
		color: var(--emph);
		border-radius: .5rem;
		width: 100%;
		padding: .25rem 1rem;
		font-size: 1rem;
		box-shadow: 0 2px 2px #0001;

		&:hover {
			border-color: var(--deep)
		}

		&:focus {
			border-color: color-mix(in oklab, var(--main)40%, transparent);
			outline: 4px solid color-mix(in oklab, var(--main)15%, transparent)
		}

		.dark & {
			background: var(--mute);

			&:focus {
				background: var(--body)
			}
		}
	}

	textarea {
		min-height: 8rem;
		padding-top: .875rem
	}

	.fail {
		color: color-mix(in oklab, var(--fail), var(--lead)12%);

		& :where(input, select, textarea) {
			color: currentColor;
			background: color-mix(in oklab, var(--fail)6%, transparent);
			border-color: color-mix(in oklab, var(--fail)21%, transparent);

			&::placeholder {
				color: currentColor
			}

			&:focus {
				outline-color: color-mix(in oklab, var(--fail)15%, transparent)
			}
		}
	}

	:is(div, section):has(>ins.adsbygoogle[data-ad-status=unfilled]) {
		display: none !important
	}
}

@layer blocks {
	.cnt {
		width: min(100% - 3rem, var(--mw, 80rem));
		margin-inline: auto
	}

	.is-home .cnt {
		--mw: 120rem
	}

	:where([class*=btn]) {
		--bg: transparent;
		--co: var(--emph);
		--bx: transparent;
		--wh: 2.25rem;
		--gp: .375rem;
		--ic-fz: 1.25rem;
		--jc: center;
		--ds: inline-flex;
		--ic-co: currentColor;
		--br: .5rem;
		--fz: .875rem;
		--pv: .25rem;
		--px: 1rem;
		display: var(--ds);
		align-items: center;
		justify-content: var(--jc);
		text-align: var(--jc);
		cursor: pointer;
		gap: var(--gp);
		border-radius: var(--br);
		min-width: var(--wh);
		min-height: var(--wh);
		padding-block: var(--pv);
		padding-inline: var(--px);
		font-weight: 500;
		line-height: 1.5rem;
		font-size: var(--fz);
		background: var(--bg);
		color: var(--co);
		box-shadow: inset 0 0 0 2px var(--bx);

		&:before,
		&:after,
		& :where(.icn, .icb, .ica) {
			font-size: var(--ic-fz);
			color: var(--ic-co)
		}

		&:hover {
			background: var(--bg-h, var(--bg));
			color: var(--co-h, var(--co));
			box-shadow: inset 0 0 2px 1px var(--bx-h, var(--bx));

			&:before,
			&:after,
			& :where(.icn, .icb, .ica) {
				color: var(--ic-co-h)
			}
		}

		&:where(.dsbl, [disabled]) {
			filter: grayscale()brightness(.9)opacity(.6);
			pointer-events: none
		}

		&[class*=-mc] {
			--wh: 1rem;
			--px: .5rem;
			--pv: 0;
			--fz: .625rem;
			--ic-fz: 1rem;
			text-transform: uppercase;
			font-weight: 600
		}

		&[class*=-xs] {
			--wh: 1.5rem;
			--px: .625rem;
			--pv: .125rem;
			--fz: .75rem;
			--ic-fz: 1rem
		}

		&[class*=-sm] {
			--wh: 2rem;
			--px: .75rem;
			--fz: .875rem;
			--ic-fz: 1.25rem
		}

		&[class*=-lg] {
			--wh: 3rem;
			--px: 1rem;
			--fz: 1rem;
			--ic-fz: 1.5rem
		}

		&[class*=-xl] {
			--wh: 4rem;
			--px: 1rem;
			--fz: 1.25rem;
			--ic-fz: 2rem
		}

		&[class*=-main] {
			--bg: var(--main);
			--bg-h: var(--seco);
			--co: var(--fore)
		}

		&[class*=-soft] {
			--bg-fr: var(--mute);
			--bg-to: var(--soft);
			background: linear-gradient(var(--bg-fr), var(--bg-to));
			--co: var(--emph);
			--co-h: var(--lead);
			box-shadow: inset 0 1px 0 0 var(--deep), inset 0 -1px 0 0 var(--edge);

			&:hover {
				--bg-fr: var(--soft);
				--bg-to: var(--deep)
			}
		}

		&[class*=-ghst] {
			--bg-h: var(--edge);
			--co-h: var(--lead)
		}

		&[class*=-edge] {
			--bg: var(--edge);
			--bg-h: var(--main);
			--co-h: var(--fore)
		}

		&[class*=-link] {
			--wh: 0;
			--px: 0;
			--pv: 0;
			text-decoration: underline
		}

		&[class*=-down] {
			--bg: var(--body);
			--co: var(--lead);
			--co-h: var(--main);
			--bx: var(--main);
			--bg-h: color-mix(in oklab, var(--main)9%, transparent);
			--bx-h: var(--main);
			--ic-co: var(--main);
			min-width: 14rem;
			font-weight: 600
		}
	}

	.typ {
		color: var(--emph);
		overflow-wrap: break-word;
		font-size: 1rem;
		line-height: 1.5rem;

		& :where(p, blockquote, pre, img, dl, table) {
			margin-block: 1.5rem
		}

		&>:first-child {
			margin-top: 0
		}

		&>:last-child {
			margin-bottom: 0
		}

		& a:not([class]) {
			color: var(--main);
			font-weight: 700;
			text-decoration: underline;

			&:hover {
				text-decoration: none
			}
		}

		& li {
			margin-block: .5rem;

			&>:first-child {
				margin-top: 1.5rem
			}
		}

		& :is(ul, ol) {
			margin-block: 1.5rem;
			padding-inline-start: 1.5rem;

			&:not([class]) li {
				list-style-type: disc
			}
		}

		& ol:not([class]) li {
			list-style-type: decimal;

			&::marker {
				font-weight: 600
			}

			&:has(h2, h3)::marker {
				color: var(--lead);
				font-weight: 700
			}

			&:has(h2)::marker {
				font-size: 1.25rem
			}

			&:has(h3)::marker {
				font-size: 1.125rem
			}
		}

		& ul li::marker {
			font-size: 1.25rem
		}

		& :is(h1, h2, h3, h4, h5, h6) {
			color: var(--lead);
			margin-block: 2rem .25rem;
			font-weight: 600;

			&+* {
				margin-top: .5rem
			}
		}

		& h1 {
			font-size: 2rem;
			line-height: 2.25rem
		}

		& h2 {
			font-size: 1.5rem;
			line-height: 2rem
		}

		& h3 {
			font-size: 1.25rem;
			line-height: 1.75rem
		}

		& :is(h4, h5, h6) {
			font-size: 1.125rem;
			line-height: 1.75rem
		}

		& blockquote {
			color: var(--lead);
			z-index: 1;
			border-inline-start: 4px solid var(--main);
			padding-inline-start: 1.5rem;
			font-size: 1.25rem;
			font-weight: 700;
			position: relative
		}

		& pre {
			background: var(--mute);
			color: var(--sub);
			border-radius: .375rem;
			padding: 1rem;
			overflow: auto
		}

		& strong {
			font-weight: 700
		}

		& cite {
			color: var(--emph);
			font-size: .875rem
		}

		& figcaption {
			color: var(--emph);
			margin-top: .5rem;
			font-size: .75rem;
			font-style: italic
		}

		& img {
			object-fit: cover;
			border-radius: 1rem
		}

		& table {
			border-collapse: collapse;
			table-layout: auto;
			border: 1px solid var(--soft);
			width: 100%;

			& colgroup {
				display: none
			}

			& tr {
				border-bottom: 1px solid var(--soft);

				&:last-child {
					border-bottom: 0
				}
			}

			& :is(th, td) {
				text-align: start;
				padding: 1rem;
				font-size: .875rem;

				&:first-child {
					width: 15%
				}

				& p {
					margin: 0
				}
			}

			& td {
				vertical-align: top
			}

			& th p {
				white-space: nowrap
			}
		}
	}

	:where([data-expa-canv]) {
		visibility: hidden;
		opacity: 0;
		transition: .3s ease all, display .3s ease allow-discrete;
		display: none;

		&[aria-hidden=false] {
			visibility: visible;
			opacity: 1;
			display: flex;
			transform: none;

			@starting-style {
				opacity: 0
			}
		}
	}

	:where([data-expa]:not(header), [data-crsl]) {
		isolation: isolate;
		position: relative
	}

	:where([data-crsl-trck]) {
		scrollbar-width: none;
		scroll-snap-type: x mandatory;
		scroll-behavior: smooth;
		overflow: auto;

		&::-webkit-scrollbar {
			display: none
		}
	}

	:where([data-crsl-prev], [data-crsl-next]) {
		height: var(--wh);
		z-index: 10;
		margin-block: auto;
		position: absolute;
		inset-block: 0;

		&[disabled] {
			opacity: 0
		}

		@media (width>=36rem) {
			margin-inline: -1rem
		}
	}

	[data-crsl-prev] {
		inset-inline-start: 0
	}

	[data-crsl-next] {
		inset-inline-end: 0
	}

	[data-crsl-trck=sht] {
		& img {
			height: 12rem
		}

		@media (width<=36rem) {
			& {
				margin-inline: -1.5rem;
				padding-inline: 1.5rem;
				border-radius: 0 !important
			}
		}
	}

	.ttl {
		color: var(--lead);
		font-size: var(--fz);

		section>& {
			--fz: 1.25rem;
			padding-block: .25rem
		}

		&>a:after {
			content: "";
			z-index: 10;
			position: absolute;
			inset: 0
		}

		h1& {
			--fz: 1.75rem;
			line-height: 2.25rem
		}

		h3& {
			line-height: 1.25rem
		}

		article:has(&>a) {
			isolation: isolate;
			position: relative
		}
	}
}

@layer tools {
	[class*=pz] {
		padding: var(--pz)
	}

	.pz0 {
		--pz: 0
	}

	.pz4 {
		--pz: .25rem
	}

	.pz8 {
		--pz: .5rem
	}

	.pz12 {
		--pz: .75rem
	}

	.pz16 {
		--pz: 1rem
	}

	.pz24 {
		--pz: 1.5rem
	}

	[class*=px] {
		padding-inline: var(--px)
	}

	.px0 {
		--px: 0
	}

	.px4 {
		--px: .25rem
	}

	.px8 {
		--px: .5rem
	}

	.px12 {
		--px: .75rem
	}

	.px16 {
		--px: 1rem
	}

	.px24 {
		--px: 1.5rem
	}

	[class*=pv] {
		padding-block: var(--pv)
	}

	.pv0 {
		--pv: 0
	}

	.pv4 {
		--pv: .25rem
	}

	.pv6 {
		--pv: .375rem
	}

	.pv8 {
		--pv: .5rem
	}

	.pv16 {
		--pv: 1rem
	}

	.pv24 {
		--pv: 1.5rem
	}

	.pv48 {
		--pv: 3rem
	}

	[class*=fz] {
		font-size: var(--fz)
	}

	.fz10 {
		--fz: .625rem
	}

	.fz12 {
		--fz: .75rem;
		line-height: 1rem
	}

	.fz14 {
		--fz: .875rem
	}

	.fz16 {
		--fz: 1rem
	}

	.fz18 {
		--fz: 1.125rem
	}

	.fz20 {
		--fz: 1.25rem
	}

	.fz24 {
		--fz: 1.5rem
	}

	[class*=gp] {
		gap: var(--gp)
	}

	.gp0 {
		--gp: 0
	}

	.gp2 {
		--gp: .125rem
	}

	.gp4 {
		--gp: .25rem
	}

	.gp6 {
		--gp: .375rem
	}

	.gp8 {
		--gp: .5rem
	}

	.gp12 {
		--gp: .75rem
	}

	.gp16 {
		--gp: 1rem
	}

	.gp24 {
		--gp: 1.5rem
	}

	.gp32 {
		--gp: 2rem
	}

	.gp36 {
		--gp: 2.25rem
	}

	[class*=br] {
		border-radius: var(--br)
	}

	.br8 {
		--br: .5rem
	}

	.br12 {
		--br: .75rem
	}

	.br16 {
		--br: 1rem
	}

	.br24 {
		--br: 1.5rem
	}

	.br32 {
		--br: 2rem
	}

	.brc {
		--br: 99rem
	}

	[class*=gc] {
		grid-template-columns: repeat(var(--gc), 1fr)
	}

	.gc1 {
		--gc: 1
	}

	.gc2 {
		--gc: 2
	}

	.gc3 {
		--gc: 3
	}

	.gc4 {
		--gc: 4
	}

	.gc6 {
		--gc: 6
	}

	.gs1 {
		grid-area: 1/1
	}

	.csf {
		grid-column: 1/-1
	}

	.pic {
		place-items: center
	}

	[class*=ds] {
		display: var(--ds)
	}

	.dsb {
		--ds: block
	}

	.dsg {
		--ds: grid
	}

	.dsi,
	.icn,
	.icb:before,
	.ica:after {
		--ds: inline-flex
	}

	.dsn {
		--ds: none
	}

	.dsf {
		--ds: flex
	}

	.dsl {
		--ds: inline
	}

	.dark .dark-dsn {
		--ds: none
	}

	.dark .dark-dsb {
		--ds: block
	}

	.fdr,
	.fdc {
		flex-direction: var(--fd)
	}

	.fdr {
		--fd: row
	}

	.fdc {
		--fd: column
	}

	[class*=va] {
		align-items: var(--va)
	}

	.vas {
		--va: start
	}

	.vac {
		--va: center
	}

	.vae {
		--va: end
	}

	[class*=jc] {
		justify-content: var(--jc)
	}

	.jcs {
		--jc: start
	}

	.jcn {
		--jc: center
	}

	.jce {
		--jc: end
	}

	.jcb {
		--jc: space-between
	}

	.jca {
		--jc: space-around
	}

	.tas,
	.tac,
	.tae {
		text-align: var(--ta)
	}

	.tas {
		--ta: start
	}

	.tac {
		--ta: center
	}

	.tae {
		--ta: end
	}

	[class*=ln] {
		-webkit-line-clamp: var(--ln);
		-webkit-box-orient: vertical;
		max-width: 100%;
		display: -webkit-box;
		overflow: hidden
	}

	.ln1 {
		--ln: 1
	}

	.ln2 {
		--ln: 2
	}

	.ln3 {
		--ln: 3
	}

	.ln4 {
		--ln: 4
	}

	.ors,
	.ore {
		order: var(--or)
	}

	.ors {
		--or: -1
	}

	.ore {
		--or: 9
	}

	.psr {
		isolation: isolate;
		position: relative
	}

	.zi1 {
		z-index: 10
	}

	.zi2 {
		z-index: 20
	}

	.zi3 {
		z-index: 30
	}

	.tov {
		white-space: nowrap;
		text-overflow: ellipsis;
		max-width: 100%;
		overflow: hidden
	}

	.ttu {
		text-transform: uppercase
	}

	.fwp {
		flex-wrap: wrap
	}

	.fs0 {
		flex-shrink: 0
	}

	.fl1 {
		flex: 1
	}

	.ofc {
		object-fit: cover
	}

	.ovh {
		overflow: hidden
	}

	.pen {
		pointer-events: none
	}

	.fil {
		width: 100%
	}

	.ars {
		aspect-ratio: 1
	}

	.arv {
		aspect-ratio: 16/9
	}

	.ar43 {
		aspect-ratio: 4/3
	}

	.arp {
		aspect-ratio: 9/16
	}

	.fwn {
		font-weight: 400
	}

	.fwm {
		font-weight: 500
	}

	.fws {
		font-weight: 600
	}

	.fwb {
		font-weight: 700
	}

	.fsi {
		font-style: italic
	}

	.srl,
	.srf {
		clip-path: inset(50%);
		width: 1px;
		height: 1px;
		position: absolute;
		overflow: hidden
	}

	.srf:focus {
		clip: auto;
		width: auto;
		height: auto;
		position: static;
		overflow: visible
	}
}

@layer layout {
	.hdr {
		position: sticky;
		top: 0;

		&:before {
			content: "";
			clip-path: inset(0 -100vw);
			z-index: -1;
			background: var(--body);
			box-shadow: 0 0 0 100vw var(--body);
			position: absolute;
			inset: 0
		}
	}

	.ftr {
		margin-top: auto
	}

	address span {
		color: var(--emph)
	}

	.typ .gme img {
		margin: 0
	}

	.anm,
	.anm-ic figure {
		will-change: transform;
		backface-visibility: hidden;
		transition: transform .3s ease-out;
		transform: translateZ(0)
	}

	.anm:hover,
	.anm-ic:hover figure {
		transform: scale(1.05)
	}

	.game {

		& header,
		&>div {
			border-start-start-radius: 0;
			border-start-end-radius: 0
		}

		& .ttl {
			background-color: color-mix(in oklab, var(--seco), transparent 9%);
			color: #fff;
			opacity: 0;
			padding-bottom: 0;
			transition: transform .2s, opacity .2s;
			transform: translateY(100%)
		}

		& figure {
			align-self: start
		}

		&:hover {
			--bg-fr: var(--main);
			--bg-to: var(--seco);
			box-shadow: none;

			& .ttl {
				opacity: 1;
				transform: none
			}
		}
	}

	.game-big-1 {
		grid-area: 1/1/3/3
	}

	.ctg,
	.gme {
		grid-template-columns: 3rem 1fr 2rem;

		& .btn-edge-sm {
			--ic-fz: 1rem
		}

		&:hover .btn-edge-sm {
			--bg: var(--main);
			--ic-co: var(--fore)
		}
	}

	.ctg {
		padding-inline-end: 1rem
	}

	.gme,
	.nwbx {
		border: 1px solid var(--edge);
		background: var(--mute);
		grid-template-columns: 5rem 1fr 2rem;

		&:hover {
			background: color-mix(in oklab, var(--main)6%, transparent);
			border-color: color-mix(in oklab, var(--main)40%, transparent)
		}

		&:hover .ttl {
			color: var(--main)
		}
	}

	.nwbx {
		& figure img {
			width: 5rem;

			&.ar43 {
				width: 8rem
			}
		}
	}

	.bdc {

		& a:before,
		& li:after {
			vertical-align: top
		}

		& li:after {
			margin-top: 1px;
			margin-inline-start: .25rem;
			font-size: .875rem
		}

		& a:hover {
			color: var(--emph);
			text-decoration: underline
		}

		& a:before {
			margin-inline-end: .25rem;
			font-size: 1rem
		}
	}

	.box {
		border: 1px solid var(--edge);
		background: var(--mute);

		.dark & {
			background: var(--soft)
		}
	}

	.e404 svg {
		color: var(--main);
		width: 1em;
		height: 1em;
		font-size: 6rem
	}

	.src {
		& input {
			min-height: 3rem;
			padding-inline: 1.5rem 3rem
		}

		& .icn {
			margin-inline: auto 1rem;
			font-size: 1.25rem
		}

		&.lg {
			max-width: 666px;
			margin-inline: auto;

			& .icn {
				margin-inline-end: 1.25rem;
				font-size: 1.5rem
			}
		}
	}

	.rsl {
		color: var(--emph);

		& figure {
			width: 1.75rem;
			height: 1.75rem;
			box-shadow: inset 0 0 0 1px var(--edge);

			& img {
				max-width: 1.125rem
			}
		}

		& .ttl {
			text-transform: none;
			color: color-mix(in oklab, var(--main), var(--lead)27%);
			font-size: 1.25rem;
			font-weight: 400
		}

		&:hover .ttl {
			color: color-mix(in oklab, var(--main), var(--lead)45%);
			text-decoration: underline
		}
	}

	.sgt {
		box-shadow: inset 0 -1px 0 0 var(--soft);
		margin-bottom: 2rem;
		padding-bottom: 1.5rem
	}

	[src*=loading\.webp],
	.load {
		background: var(--edge);
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='35' fill='none' stroke='%23000' stroke-dasharray='164.93361431346415 56.97787143782138' stroke-width='10'%3E%3CanimateTransform attributeName='transform' dur='1s' keyTimes='0;1' repeatCount='indefinite' type='rotate' values='0 50 50;360 50 50'/%3E%3C/circle%3E%3C/svg%3E") 50%/2.5rem no-repeat
	}

	.pst {
		gap: 1rem 1.5rem;

		& dl {
			color: var(--emph);

			&:before,
			&:after {
				content: "";
				background: var(--edge);
				width: 1px;
				height: 2rem
			}

			& div:first-child {
				order: -1
			}

			& div:last-child {
				order: 6
			}

			& dd:before {
				color: var(--warn)
			}
		}

		@media (width<=40rem),
		(60rem<=width<70rem) {
			& {
				grid-template-columns: 5.5rem 1fr;
				align-items: center
			}

			& dl {
				grid-column: 1/-1;
				justify-content: space-around;
				margin-top: .25rem
			}
		}

		@media (40rem<=width<60rem),
		(width>=70rem) {
			& {
				grid-template-rows: auto auto;
				grid-template-columns: 8rem 1fr;
				align-items: start
			}

			& header {
				margin-top: auto
			}

			& .ttl {
				font-size: 1.875rem;
				line-height: 2.25rem
			}

			& dl {
				gap: 1.5rem;
				margin-bottom: auto;

				&>div {
					flex: none;
					padding-inline-end: 1.5rem;

					&:last-child {
						padding-inline-end: 0
					}
				}
			}

			& figure {
				grid-row: 1/span 2
			}
		}
	}

	.morles {
		&>div {
			max-height: 10rem;
			overflow: hidden;
			mask-image: linear-gradient(#000 30%, #0000)
		}

		&.expa>div {
			max-height: none;
			overflow: visible;
			mask-image: none
		}
	}

	button.actv {
		& .dsn {
			--ds: flex
		}

		& .dsf {
			--ds: none
		}
	}

	.nws .ttl {
		background: color-mix(in oklab, var(--main), transparent 93%);

		& a {
			flex: 1
		}

		& .btn-main-mc {
			--bg: color-mix(in oklab, var(--main), transparent 80%);
			color: color-mix(in oklab, var(--main), var(--lead)40%)
		}

		&:hover .btn-main-mc {
			--bg: var(--main);
			color: var(--fore)
		}
	}

	.dsclmr:before {
		color: var(--safe);
		font-size: 1.125rem
	}

	.procon .box {
		--prco: var(--safe);
		background: linear-gradient(var(--soft), color-mix(in oklab, var(--prco)10%, transparent));

		&:before {
			content: "";
			border: 1px solid var(--prco);
			border-radius: inherit;
			pointer-events: none;
			box-shadow: 0 0 12px var(--prco);
			opacity: .2;
			position: absolute;
			inset: 0
		}

		&:after {
			color: var(--prco);
			inset-inline-end: 1rem;
			opacity: .2;
			font-size: 4rem;
			position: absolute;
			top: 1rem
		}

		&.ri--emotion-unhappy-line {
			--prco: var(--fail)
		}
	}
}

@layer medias {
	@media (width>=30rem) {
		.xs-gc1 {
			--gc: 1
		}

		.xs-gc2 {
			--gc: 2
		}

		.xs-gc3 {
			--gc: 3
		}

		.xs-gc4 {
			--gc: 4
		}

		.xs-gc5 {
			--gc: 5
		}

		.xs-gc6 {
			--gc: 6
		}
	}

	@media (width<=40rem) {
		.game-big-2 {
			grid-area: 4/2/6/4
		}

		.game-big-3 {
			grid-area: 7/1/9/3
		}

		.list {
			& .game-big-1 {
				grid-area: 2/1/4/3
			}

			& .game-big-2 {
				grid-area: 5/2/7/4
			}

			& .game-big-3 {
				grid-area: 9/1/11/3
			}

			& .game-big-4 {
				grid-area: 13/2/15/4
			}

			& .game-big-5 {
				grid-area: 18/1/20/3
			}

			& .game-big-6 {
				grid-area: 22/2/24/4
			}

			& .game-big-7 {
				grid-area: 27/1/29/3
			}

			& .game-big-8 {
				grid-area: 32/2/34/4
			}

			& .game-big-9 {
				grid-area: 37/1/39/3
			}
		}
	}

	@media (width>=40rem) {
		.sm-gc1 {
			--gc: 1
		}

		.sm-gc2 {
			--gc: 2
		}

		.sm-gc3 {
			--gc: 3
		}

		.sm-gc4 {
			--gc: 4
		}

		.sm-gc6 {
			--gc: 6
		}
	}

	@media (40rem<=width<48rem) {
		.game-big-2 {
			grid-area: 3/4/5/6
		}

		.list {
			& .game-big-1 {
				grid-area: 1/1/4/4
			}

			& .game-big-2 {
				grid-area: 2/5/4/7
			}

			& .game-big-3 {
				grid-area: 5/2/7/4
			}

			& .game-big-4 {
				grid-area: 7/4/10/7
			}

			& .game-big-5 {
				grid-area: 9/1/11/3
			}

			& .game-big-6 {
				grid-area: 12/4/14/6
			}

			& .game-big-7 {
				grid-area: 15/1/18/4
			}

			& .game-big-8 {
				grid-area: 17/5/19/7
			}
		}
	}

	@media (width<=48rem) {
		.apst {
			--ds: flex;
			margin: -.5rem -1.5rem;
			padding: .5rem 1.5rem;
			overflow: auto;

			& .game {
				flex-shrink: 0;
				width: 6rem
			}
		}
	}

	@media (width>=48rem) {
		.md-gc1 {
			--gc: 1
		}

		.md-gc2 {
			--gc: 2
		}

		.md-gc3 {
			--gc: 3
		}

		.md-gc4 {
			--gc: 4
		}

		.md-gc6 {
			--gc: 6
		}

		.md-gc9 {
			--gc: 9
		}

		.game-big-2 {
			grid-area: 2/4/4/6
		}

		.game-big-3 {
			grid-area: 1/7/3/9
		}
	}

	@media (48rem<=width<60rem) {
		.list {
			& .game-big-1 {
				grid-area: 1/2/4/5
			}

			& .game-big-2 {
				grid-area: 2/7/4/9
			}

			& .game-big-3 {
				grid-area: 5/1/7/3
			}

			& .game-big-4 {
				grid-area: 6/4/8/6
			}

			& .game-big-5 {
				grid-area: 7/7/10/10
			}

			& .game-big-6 {
				grid-area: 9/2/11/4
			}

			& .game-big-7 {
				grid-area: 10/6/12/8
			}

			& .game-big-8 {
				grid-area: 13/1/15/3
			}

			& .game-big-9 {
				grid-area: 12/4/15/7
			}
		}
	}

	@media (width<=60rem) {
		[data-expa-canv=menu] {
			inset-inline: 0;
			background: var(--body);
			border: 1px solid var(--edge);
			max-width: 15rem;
			padding: .5rem;
			position: absolute;
			top: 4rem;
			overflow: auto;

			.dark & {
				background: var(--soft)
			}

			& .btn-soft:not(:hover) {
				box-shadow: none;
				background: 0 0
			}
		}

		[data-expa-canv=sbmn] {
			--pz: 0;
			transition: none
		}

		.sdb-l {
			display: none
		}
	}

	@media (width>=60rem) {
		.lg-dsn {
			--ds: none
		}

		.lg-dsf {
			--ds: flex
		}

		.lg-fdc {
			--fd: column
		}

		.lg-fdr {
			--fd: row
		}

		.lg-tas {
			--ta: start
		}

		.lg-vas {
			--va: start
		}

		.lg-vae {
			--va: end
		}

		.lg-jcs {
			--jc: start
		}

		.lg-jce {
			--jc: end
		}

		.lg-gc1 {
			--gc: 1
		}

		.lg-gc2 {
			--gc: 2
		}

		.lg-gc3 {
			--gc: 3
		}

		.lg-gc4 {
			--gc: 4
		}

		.lg-gc6 {
			--gc: 6
		}

		.lg-gc12 {
			--gc: 12
		}

		[data-expa-canv=menu] {
			opacity: 1;
			visibility: visible;
			margin-inline-start: .5rem;
			display: flex;
			transform: scale(1)
		}

		[data-expa-canv=sbmn] {
			top: 100%;
			border: 1px solid var(--edge);
			background: var(--body);
			width: 16rem;
			margin-top: .5rem;
			position: absolute;
			inset-inline-start: 0;

			.dark & {
				background: var(--soft)
			}

			[data-expa-open=lang]+& {
				width: 12rem;
				inset-inline: auto 0
			}
		}

		.sdbr {
			grid-template-columns: 1fr 300px;
			column-gap: 4rem
		}

		.single {
			grid-template-columns: 160px 1fr 300px;
			column-gap: 2rem
		}

		.news {
			grid-template-columns: 1fr 300px;
			column-gap: 2rem
		}

		.sdb-l {
			& .game-mid-1 {
				grid-area: 1/1/3/3
			}

			& .game-mid-2 {
				grid-area: 4/1/6/3
			}

			& .game-mid-3 {
				grid-area: 7/1/9/3
			}
		}

		.sdb-r {
			& .game-big-1 {
				grid-area: 1/1/3/3
			}

			& .game-big-2 {
				grid-area: 4/2/6/4
			}

			& .game-big-3 {
				grid-area: 7/1/9/3
			}
		}

		.psng {
			align-items: center;

			& .ttl {
				font-size: 2.25rem;
				line-height: 1.2
			}

			& figure {
				order: 9;
				width: 300px;

				& img {
					aspect-ratio: 4/3
				}
			}
		}
	}

	@media (60rem<=width<96rem) {
		.list {
			& .game-big-1 {
				grid-area: 1/2/4/5
			}

			& .game-big-2 {
				grid-area: 1/8/3/10
			}

			& .game-big-3 {
				grid-area: 3/10/6/13
			}

			& .game-big-4 {
				grid-area: 5/1/7/3
			}

			& .game-big-5 {
				grid-area: 5/6/7/8
			}

			& .game-big-6 {
				grid-area: 7/3/10/6
			}

			& .game-big-7 {
				grid-area: 7/9/9/11
			}

			& .game-big-8 {
				grid-area: 11/1/12/2
			}

			& .game-big-9 {
				grid-area: 10/6/12/8
			}
		}
	}

	@media (width>=80rem) {
		.xl-gc2 {
			--gc: 2
		}

		.xl-gc4 {
			--gc: 4
		}

		.xl-gc12 {
			--gc: 12
		}

		.single {
			column-gap: 2.875rem
		}
	}

	@media (width>=96rem) {
		.xxl-gc16 {
			--gc: 16
		}

		.list {
			& .game-big-1 {
				grid-area: 1/2/4/5
			}

			& .game-big-2 {
				grid-area: 1/7/3/9
			}

			& .game-big-5 {
				grid-area: 5/1/7/3
			}

			& .game-big-6 {
				grid-area: 5/6/8/9
			}

			& .game-big-7 {
				grid-area: 7/11/9/13
			}

			& .game-big-8 {
				grid-area: 2/13/5/16
			}

			& .game-big-9 {
				grid-area: 7/3/9/5
			}
		}
	}
}

@layer icons {

	.icn:not(.icb, .ica),
	.icb:before,
	.ica:after {
		width: 1em;
		height: 1em;
		mask: var(--svg)no-repeat center/100%;
		display: var(--ds);
		background: currentColor 0/100% 100% no-repeat;
		flex-shrink: 0
	}

	.icb:before,
	.ica:after {
		content: ""
	}

	.ibg:not(.icb, .ica),
	.ibg:before,
	.ibg:after {
		background: var(--svg)no-repeat center/100% 100%;
		mask: none
	}
}

.ri {
	width: 1em;
	height: 1em;
	-webkit-mask-image: var(--svg);
	mask-image: var(--svg);
	background-color: currentColor;
	display: inline-block;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat
}

.ri--star-fill {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='m12 18.26l-7.053 3.948l1.575-7.928L.588 8.792l8.027-.952L12 .5l3.385 7.34l8.027.952l-5.934 5.488l1.575 7.928z'/></svg>")
}

.ri--arrow-right-line {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='m16.172 11l-5.364-5.364l1.414-1.414L20 12l-7.778 7.778l-1.414-1.414L16.172 13H4v-2z'/></svg>")
}

.ri--search-line {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='m18.031 16.617l4.283 4.282l-1.415 1.415l-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9s9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617m-2.006-.742A6.98 6.98 0 0 0 18 11c0-3.867-3.133-7-7-7s-7 3.133-7 7s3.133 7 7 7a6.98 6.98 0 0 0 4.875-1.975z'/></svg>")
}

.ri--home-line {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M21 20a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9.49a1 1 0 0 1 .386-.79l8-6.223a1 1 0 0 1 1.228 0l8 6.223a1 1 0 0 1 .386.79zm-2-1V9.978l-7-5.444l-7 5.444V19z'/></svg>")
}

.ri--arrow-left-s-line {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='m10.828 12l4.95 4.95l-1.414 1.415L8 12l6.364-6.364l1.414 1.414z'/></svg>")
}

.ri--arrow-right-s-line {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='m13.172 12l-4.95-4.95l1.414-1.413L16 12l-6.364 6.364l-1.414-1.415z'/></svg>")
}

.ri--google-play-fill {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M3.61 1.814L13.793 12L3.611 22.186a1 1 0 0 1-.61-.92V2.735a1 1 0 0 1 .609-.921M14.5 12.707l2.302 2.302l-10.937 6.333zm3.199-3.198l2.807 1.626a1 1 0 0 1 0 1.73l-2.808 1.626L15.207 12zM5.865 2.658L16.803 8.99L14.5 11.293z'/></svg>")
}

.ri--apple-fill {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M11.673 7.222c-.876 0-2.232-.996-3.66-.96c-1.884.024-3.612 1.092-4.584 2.784c-1.956 3.396-.504 8.412 1.404 11.172c.936 1.344 2.04 2.856 3.504 2.808c1.404-.06 1.932-.912 3.636-.912c1.692 0 2.172.912 3.66.876c1.512-.024 2.472-1.368 3.396-2.724c1.068-1.56 1.512-3.072 1.536-3.156c-.036-.012-2.94-1.128-2.976-4.488c-.024-2.808 2.292-4.152 2.4-4.212c-1.32-1.932-3.348-2.148-4.056-2.196c-1.848-.144-3.396 1.008-4.26 1.008m3.12-2.832c.78-.936 1.296-2.244 1.152-3.54c-1.116.048-2.46.744-3.264 1.68c-.72.828-1.344 2.16-1.176 3.432c1.236.096 2.508-.636 3.288-1.572'/></svg>")
}

.ri--play-fill {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M19.376 12.416L8.777 19.482A.5.5 0 0 1 8 19.066V4.934a.5.5 0 0 1 .777-.416l10.599 7.066a.5.5 0 0 1 0 .832'/></svg>")
}

.ri--shield-check-fill {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='m12 1l8.217 1.826a1 1 0 0 1 .783.976v9.987a6 6 0 0 1-2.672 4.992L12 23l-6.328-4.219A6 6 0 0 1 3 13.79V3.802a1 1 0 0 1 .783-.976zm4.452 7.222l-4.95 4.949l-2.828-2.828l-1.414 1.414L11.503 16l6.364-6.364z'/></svg>")
}

.ri--emotion-happy-line {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16m-5-7h2a3 3 0 1 0 6 0h2a5 5 0 0 1-10 0m1-2a1.5 1.5 0 1 1 0-3a1.5 1.5 0 0 1 0 3m8 0a1.5 1.5 0 1 1 0-3a1.5 1.5 0 0 1 0 3'/></svg>")
}

.ri--emotion-unhappy-line {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16m-5-3a5 5 0 0 1 10 0h-2a3 3 0 1 0-6 0zm1-6a1.5 1.5 0 1 1 0-3a1.5 1.5 0 0 1 0 3m8 0a1.5 1.5 0 1 1 0-3a1.5 1.5 0 0 1 0 3'/></svg>")
}

.ri--arrow-up-line {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M13 7.828V20h-2V7.828l-5.364 5.364l-1.414-1.414L12 4l7.778 7.778l-1.414 1.414z'/></svg>")
}

.ri--moon-line {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M10 7a7 7 0 0 0 12 4.9v.1c0 5.523-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2h.1A6.98 6.98 0 0 0 10 7m-6 5a8 8 0 0 0 15.062 3.762A9 9 0 0 1 8.238 4.938A8 8 0 0 0 4 12'/></svg>")
}

.ri--sun-line {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M12 18a6 6 0 1 1 0-12a6 6 0 0 1 0 12m0-2a4 4 0 1 0 0-8a4 4 0 0 0 0 8M11 1h2v3h-2zm0 19h2v3h-2zM3.515 4.929l1.414-1.414L7.05 5.636L5.636 7.05zM16.95 18.364l1.414-1.414l2.121 2.121l-1.414 1.414zm2.121-14.85l1.414 1.415l-2.121 2.121l-1.414-1.414zM5.636 16.95l1.414 1.414l-2.121 2.121l-1.414-1.414zM23 11v2h-3v-2zM4 11v2H1v-2z'/></svg>")
}

.ri--arrow-left-line {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M7.828 11H20v2H7.828l5.364 5.364l-1.414 1.414L4 12l7.778-7.778l1.414 1.414z'/></svg>")
}

.ri--menu-line {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M3 4h18v2H3zm0 7h18v2H3zm0 7h18v2H3z'/></svg>")
}

.ri--close-line {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='m12 10.587l4.95-4.95l1.414 1.414l-4.95 4.95l4.95 4.95l-1.415 1.414l-4.95-4.95l-4.949 4.95l-1.414-1.415l4.95-4.95l-4.95-4.95L7.05 5.638z'/></svg>")
}

.ri--stack-line {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='m20.083 15.2l1.202.721a.5.5 0 0 1 0 .858l-8.77 5.262a1 1 0 0 1-1.03 0l-8.77-5.262a.5.5 0 0 1 0-.858l1.202-.721L12 20.05zm0-4.7l1.202.721a.5.5 0 0 1 0 .858L12 17.649l-9.285-5.57a.5.5 0 0 1 0-.858l1.202-.721L12 15.35zm-7.569-9.191l8.771 5.262a.5.5 0 0 1 0 .858L12 12.999L2.715 7.43a.5.5 0 0 1 0-.858l8.77-5.262a1 1 0 0 1 1.03 0M12 3.332L5.887 7L12 10.668L18.113 7z'/></svg>")
}

.ri--newspaper-line {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M16 20V4H4v15a1 1 0 0 0 1 1zm3 2H5a3 3 0 0 1-3-3V3a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v7h4v9a3 3 0 0 1-3 3m-1-10v7a1 1 0 1 0 2 0v-7zM6 6h6v6H6zm2 2v2h2V8zm-2 5h8v2H6zm0 3h8v2H6z'/></svg>")
}

.ri--file-user-line {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M15 4H5v16h14V8h-4zM3 2.992C3 2.444 3.447 2 3.999 2H16l5 5v13.993A1 1 0 0 1 20.007 22H3.993A1 1 0 0 1 3 21.008zm9 8.508a2.5 2.5 0 1 1 0-5a2.5 2.5 0 0 1 0 5M7.527 17a4.5 4.5 0 0 1 8.946 0z'/></svg>")
}

.ri--global-line {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m-2.29-2.333A17.9 17.9 0 0 1 8.027 13H4.062a8.01 8.01 0 0 0 5.648 6.667M10.03 13c.151 2.439.848 4.73 1.97 6.752A15.9 15.9 0 0 0 13.97 13zm9.908 0h-3.965a17.9 17.9 0 0 1-1.683 6.667A8.01 8.01 0 0 0 19.938 13M4.062 11h3.965A17.9 17.9 0 0 1 9.71 4.333A8.01 8.01 0 0 0 4.062 11m5.969 0h3.938A15.9 15.9 0 0 0 12 4.248A15.9 15.9 0 0 0 10.03 11m4.259-6.667A17.9 17.9 0 0 1 15.973 11h3.965a8.01 8.01 0 0 0-5.648-6.667'/></svg>")
}

.ri--arrow-down-s-line {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' d='m12 13.171l4.95-4.95l1.414 1.415L12 16L5.636 9.636L7.05 8.222z'/></svg>")
}

.hugeicons {
	width: 1em;
	height: 1em;
	-webkit-mask-image: var(--svg);
	mask-image: var(--svg);
	background-color: currentColor;
	display: inline-block;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat
}

.hugeicons--search-01 {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m17 17l4 4m-2-10a8 8 0 1 0-16 0a8 8 0 0 0 16 0'/></svg>")
}

.heroicons {
	width: 1em;
	height: 1em;
	-webkit-mask-image: var(--svg);
	mask-image: var(--svg);
	background-color: currentColor;
	display: inline-block;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat
}

.heroicons--star-solid {
	--svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='black' fill-rule='evenodd' d='M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006l5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527l1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354L7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273l-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434z' clip-rule='evenodd'/></svg>")
}

.ttl {
	text-wrap: auto
}

:is(div, section):has(>ins.adsbygoogle[data-ad-status="unfilled"]) {
	display: none !important;
}

.HgiAds {
	width: 100%;
	height: 252px
}

@media (min-width:356px) {
	.HgiAds {
		width: 100%;
		height: 312px
	}
}

@media (min-width:748px) {
	.HgiAds {
		width: 100%;
		height: 280px
	}
}

.HgiadsS {
	width: 100%;
	height: 252px
}

@media (min-width:356px) {
	.HgiadsS {
		width: 100%;
		height: 312px
	}
}

@media (min-width:748px) {
	.HgiadsS {
		width: 100%;
		height: 600px
	}
}

.frivlyz {
	display: inline-block;
	width: 100%;
	text-align: right;
	font-size: 11px;
	margin-bottom: 0.5rem !important;
	font-weight: 500;
	text-transform: uppercase;
	color: #c8c7c7
}