@font-face {
	font-family:equilibrium;
	font-weight:400;
	font-style:normal;
	src:url(fonts/equilibrium.woff2) format("woff2"),url(fonts/equilibrium.woff) format("woff")
}
html,body,div,span,object,iframe,h1,h2,h3,p,img,ul,li,article,aside,footer,header,nav,section,audio,video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:0 0
}
article,aside,footer,header,nav,section {
	display:block
}
body {
	font:17px sans-serif;
	line-height:1.25;
	color:rgba(0,0,0,.75);
	overflow:hidden;
	background-color:#9bba5a;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	text-size-adjust:100%
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	text-decoration:none;
	color:rgba(0,0,0,.75);
	background-color:transparent
}
a:hover,a:active,a:focus {
	outline:0
}
a:active {
	color:rgba(0,0,0,.75)
}
a:link {
	-webkit-tap-highlight-color:transparent;
	tap-highlight-color:transparent
}
.adsbygoogle {
	display:inline-block
}
.ad.skyscraper1,.ad.skyscraper2,.ad.skyscraper1 .adsbygoogle,.ad.skyscraper2 .adsbygoogle {
	width:160px;
	height:600px
}
.ad.skyscraper1 {
	position:absolute;
	top:50%;
	margin-top:-300px;
	left:0
}
.ad.skyscraper2 {
	position:absolute;
	top:50%;
	margin-top:-300px;
	right:0
}
.ad.link-unit,.ad.link-unit .adsbygoogle {
	width:728px;
	height:15px
}
.ad.link-unit {
	position:absolute;
	left:50%;
	top:27px;
	margin-left:-364px
}
.content {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	overflow:hidden;
	-webkit-touch-callout:none;
	touch-callout:none
}
.mobile .gameswo,.mobile .content,.mobile .ad.skyscraper1,.mobile .ad.skyscraper2 {
	position:fixed
}
.alt {
	display:none
}
.error {
	text-align:center;
	padding:40px 20px;
	line-height:1.5
}
.error a {
	text-decoration:underline
}
.game {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-294px;
	margin-top:-235px;
	font-family:equilibrium,monospace;
	text-transform:uppercase;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
	-webkit-touch-callout:none;
	touch-callout:none;
	-webkit-tap-highlight-color:transparent;
	tap-highlight-color:transparent
}
.mobile .game {
	margin-top:-260px
}
.ipad .game {
	margin-top:-235px
}
.game .board {
	width:588px;
	height:420px;
	padding:2px;
	margin-left:-2px;
	margin-top:-2px;
	outline:4px solid rgba(0,0,0,.75);
	box-shadow:inset 0 0 60px rgba(48,80,0,.3);
	background-color:#ac6;
	cursor:pointer
}
.game.intro .board,.game.countdown .board {
	cursor:auto
}
.game nav {
	display:none;
	position:absolute;
	text-align:center;
	width:100%
}
.game nav h1 {
	margin:54px 0 6px 16px;
	font-size:144px;
	font-weight:400;
	line-height:1;
	text-transform:lowercase;
	pointer-events:none
}
.game p {
	font-size:34px
}
.game p.choose {
	pointer-events:none
}
.game nav p.level {
	display:inline-block;
	font-size:46px;
	padding:30px 14px 15px 18px;
	margin-top:32px;	
	line-height:1;
	border-radius:8px;
	cursor:pointer
}
body:not(.mobile) .game .info.share:hover,.game .info.share:active,body:not(.mobile) .game nav p.level:hover,.game nav p.level:active {
	background-color:rgba(0,0,0,.75);
	color:#ac6
}
.game h2 {
	display:none;
	position:absolute;
	font-size:120px;
	font-weight:400;
	text-align:center;
	line-height:.95;
	width:100%;
	margin:110px 0 0;
	pointer-events:none
}
.game.intro nav {
	display:block
}
.game.intro .info {
	visibility:hidden
}
.game.intro .cell:nth-child(103),.game.intro .cell:nth-child(87) {
	background-image:url(food.svg);
	background-size:100% 100%;
	opacity:.75;
	animation:spin 2s linear infinite
}
.game.countdown h2.countdown {
	display:block;
	font-size:184px;
	margin-top:150px
}
.game.ended.share .info.share,.game.ended h2.ended {
	display:block
}
.game.ended.best h2.ended {
	display:none
}
.game.ended.best h2.best {
	display:block
}
.game.paused .cell.snake,.game.ended .cell.snake {
	background-color:rgba(0,0,0,.3)
}
.game.paused .cell.food {
	animation-play-state:paused;
	opacity:.3
}
.game.ended .cell.food {
	animation:none;
	opacity:.3
}
.game .cell {
	float:left;
	width:28px;
	height:28px
}
.game .cell.snake {
	background-color:rgba(0,0,0,.75);
	border-radius:8px
}
.game .cell.food {
	background-image:url(food.svg);
	background-size:100% 100%;
	opacity:.75;
	animation:appear 200ms cubic-bezier(.5,1,0,1.6),spin 3.5s cubic-bezier(.2,.6,.4,1) 200ms
}
@keyframes appear {
	from {
	transform:scale(.1)
}
to {
	transform:scale(1)
}
}@keyframes spin {
	from {
	transform:rotate(0)
}
to {
	transform:rotate(360deg)
}
}.game .info {
	position:absolute;
	margin-top:20px
}
.game .info.left {
	left:0;
	margin-left:-7px;
	pointer-events:none
}
.game .info.share {
	display:none;
	left:50%;
	width:140px;
	text-align:center;
	cursor:pointer;
	animation:appear 200ms cubic-bezier(.5,1,0,1.6);
	border-radius:6px;
	padding:10px 0 2px 5px;
	margin:10px 0 0 -69px
}
html[lang=es] .game .info.share,html[lang=pt-BR] .game .info.share {
	width:200px;
	margin-left:-119px
}
.game .info.right {
	right:0;
	margin-right:-7px;
	pointer-events:none
}
.gameswo svg {
	border-color:rgba(0,0,0,.8)!important;
	transition:border-color .1s linear
}
.gameswo svg path {
	fill:rgba(0,0,0,.8)
}

.mute {
	position:absolute;
	width:38px;
	height:38px;
	right:15px;
	right:calc(15px + env(safe-area-inset-right));
	top:15px;
	top:calc(15px + env(safe-area-inset-top));
	opacity:.5;
	cursor:pointer;
	-webkit-user-select:none;
	user-select:none;
	-webkit-transition:opacity .1s linear;
	-moz-transition:opacity .1s linear;
	transition:opacity .1s linear
}
body:not(.mobile) .mute:hover {
	opacity:1
}
.ad {
	outline:1px solid rgba(0,0,0,.75);
	background-color:rgba(0,0,0,.75);
	overflow:hidden
}
.adsbygoogle {
	display:inline-block
}
.ad.skyscraper1,.ad.skyscraper2,.ad.skyscraper1 .adsbygoogle,.ad.skyscraper2 .adsbygoogle {
	width:160px;
	height:600px
}
.ad.skyscraper1 {
	position:absolute;
	top:50%;
	margin-top:-300px;
	left:0
}
.ad.skyscraper2 {
	position:absolute;
	top:50%;
	margin-top:-300px;
	right:0
}
.ad.mobile,.ad.mobile .adsbygoogle {
	display:block;
	width:100%;
	height:50px
}
.ad.mobile {
	position:fixed;
	bottom:0;
	bottom:env(safe-area-inset-bottom);
	width:100%;
	margin:0;
	overflow:hidden
}
.ad.mobile .adsbygoogle {
	margin:0 auto
}
.cookies {
	position:fixed;
	box-sizing:border-box;
	display:table;
	background-color:#fff;
	color:#000;
	width:100%;
	bottom:0;
	text-align:left;
	padding:40px;
	padding-bottom:calc(40px + env(safe-area-inset-bottom));
	padding-left:calc(40px + env(safe-area-inset-left));
	padding-right:calc(40px + env(safe-area-inset-right));
	font-size:17px;
	line-height:1.3;
	user-select:none
}
.cookies p {
	display:table-cell;
	margin:0;
	padding-right:20px;
	vertical-align:top
}
.cookies a {
	color:#666;
	text-decoration:underline;
	white-space:nowrap
}
.cookies button {
	display:table-cell;
	padding:12px 20px;
	border:0;
	font:inherit;
	font-weight:700;
	color:#fff;
	background-color:#2b331b;
	cursor:pointer;
	outline:0;
	cursor:pointer;
	user-select:none;
	-webkit-touch-callout:none;
	-webkit-tap-highlight-color:transparent;
	border-radius:6px;
	white-space:nowrap
}
body.cookies-consent .cookies {
	display:none
}
@media(min-width:1261px) {
	.ad.skyscraper1 {
	margin-left:110px
}
.ad.skyscraper2 {
	margin-right:110px
}
}@media(max-height:800px) and (max-width:1260px) {
	.ad.skyscraper1,.ad.skyscraper2 {
	margin-top:-270px
}
}@media(max-height:660px) and (max-width:1260px) {
	body:not(.mobile) .gameswo {
	display:none!important
}
body:not(.mobile) .mute {
	display:none
}
.ad.skyscraper1,.ad.skyscraper2 {
	margin-top:-300px
}
}@media(max-width:940px),(max-height:530px) {
	.game {
	transform:scale(.5);
	margin-top:-222px
}
.mobile .game {
	margin-top:-248px
}
.ipad .game {
	margin-top:-222px
}
}@media(max-height:550px) {
	.privacy {
	display:none
}
}@media(max-width:640px),(max-height:530px) {
	.ad.skyscraper1,.ad.skyscraper2,.privacy {
	display:none
}
body:not(.mobile) .gameswo {
	display:block!important
}
body:not(.mobile) .mute {
	display:block
}
.cookies {
	display:block;
	font-size:15px;
	padding:18px;
	padding-bottom:calc(18px + env(safe-area-inset-bottom));
	padding-left:calc(18px + env(safe-area-inset-left));
	padding-right:calc(18px + env(safe-area-inset-right))
}
.cookies p {
	display:block;
	padding-right:0
}
.cookies button {
	display:block;
	width:100%;
	margin-top:18px
}
}@media(max-width:440px) and (max-height:420px) {
	body:not(.mobile) .gameswo {
	display:none!important
}
body:not(.mobile) .mute {
	display:none
}
}


/**/

@keyframes gameswo-anim {
	to {
	background-position:0 400%
}
}@keyframes fade-anim {
	0% {
	opacity:0
}
40% {
	opacity:0
}
50% {
	opacity:1
}
60% {
	opacity:0
}
100% {
	opacity:0
}
}@keyframes fade-mid-anim {
	0% {
	opacity:.5
}
40% {
	opacity:.5
}
50% {
	opacity:1
}
60% {
	opacity:.5
}
100% {
	opacity:.5
}
}.gameswo {
	position:absolute;
	display:block;
	left:15px;
	left:calc(15px + env(safe-area-inset-left));
	top:15px;
	top:calc(15px + env(safe-area-inset-top));
	width:44px;
	height:44px;
	margin:0;
	padding:0;
	z-index:100
}
.gameswo .title {
	display:none
}
.gameswo svg {
	position:absolute;
	left:0;
	top:0;
	z-index:100;
	border-radius:50%;
	border:2px solid #fff;
	margin:0;
	padding:0;
	box-sizing:content-box;
	pointer-events:none
}
.mobile .gameswo svg {
	animation:fade-mid-anim 5s infinite ease-in-out
}
.gameswo .disc {
	position:absolute;
	display:block;
	width:44px;
	height:44px;
	background-color:#9fc;
	background-image:linear-gradient(to bottom,#9fc 0%,#9cf 25%,#f9c 50%,#fc9 75%,#9fc 100%);
	background-size:100% 400%;
	border-radius:50%;
	pointer-events:none;
	animation:gameswo-anim 8s infinite linear;
	opacity:0;
	will-change:opacity;
	transition:opacity .2s ease-out
}
.mobile .gameswo .disc {
	animation:gameswo-anim 8s infinite linear,fade-anim 5s infinite ease-in-out
}
body:not(.mobile) .gameswo:hover .disc {
	opacity:1
}
.gameswo:active {
	margin-top:1px
}
@font-face {
	font-family:"Equilibrium";
	font-weight:normal;
	font-style:normal;
	src:url(fonts/equilibrium.woff2) format("woff2"),url(fonts/equilibrium.woff) format("woff")
}
html,body,div,span,object,iframe,h1,h2,h3,p,img,ul,li,article,aside,footer,header,nav,section,audio,video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
}
article,aside,footer,header,nav,section {
	display:block
}
body {
	font:17px sans-serif;
	line-height:1.25;
	color:rgba(0,0,0,0.75);
	overflow:hidden;
	background-color:#9bba5a;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	text-size-adjust:100%
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	text-decoration:none;
	color:rgba(0,0,0,0.75);
	background-color:transparent
}
a:hover,a:active,a:focus {
	outline:0
}
a:active {
	color:rgba(0,0,0,0.75)
}
a:link {
	-webkit-tap-highlight-color:transparent;
	tap-highlight-color:transparent
}
.adsbygoogle {
	display:inline-block
}
.ad.skyscraper1,.ad.skyscraper2,.ad.skyscraper1 .adsbygoogle,.ad.skyscraper2 .adsbygoogle {
	width:160px;
	height:600px
}
.ad.skyscraper1 {
	position:absolute;
	top:50%;
	margin-top:-300px;
	left:0
}
.ad.skyscraper2 {
	position:absolute;
	top:50%;
	margin-top:-300px;
	right:0
}
.ad.link-unit,.ad.link-unit .adsbygoogle {
	width:728px;
	height:15px
}
.ad.link-unit {
	position:absolute;
	left:50%;
	top:27px;
	margin-left:-364px
}
.content {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	overflow:hidden;
	-webkit-touch-callout:none;
	touch-callout:none
}
.mobile .gameswo,.mobile .content,.mobile .ad.skyscraper1,.mobile .ad.skyscraper2 {
	position:fixed
}
.alt {
	display:none
}
.error {
	text-align:center;
	padding:40px 20px;
	line-height:1.5
}
.error a {
	text-decoration:underline
}
.game {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-294px;
	margin-top:-235px;
	font-family:"Equilibrium",monospace;
	text-transform:uppercase;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
	-webkit-touch-callout:none;
	touch-callout:none;
	-webkit-tap-highlight-color:transparent;
	tap-highlight-color:transparent
}
.mobile .game {
	margin-top:-260px
}
.ipad .game {
	margin-top:-235px
}
.game .board {
	width:588px;
	height:420px;
	padding:2px;
	margin-left:-2px;
	margin-top:-2px;
	outline:4px solid rgba(0,0,0,0.75);
	box-shadow:inset 0 0 60px rgba(48,80,0,0.3);
	background-color:#ac6;
	cursor:pointer
}
.game.intro .board,.game.countdown .board {
	cursor:auto
}
.game nav {
	display:none;
	position:absolute;
	text-align:center;
	width:100%
}
.game nav h1 {
	margin:54px 0 6px 16px;
	font-size:144px;
	font-weight:normal;
	line-height:1;
	text-transform:lowercase;
	pointer-events:none
}
.game p {
	font-size:34px
}
.game p.choose {
	pointer-events:none
}
.game nav p.level {
	display:inline-block;
	font-size:46px;
	padding:30px 14px 15px 18px;
	margin-top:32px;	
	line-height:1;
	border-radius:8px;
	cursor:pointer
}
body:not(.mobile) .game .info.share:hover,.game .info.share:active,body:not(.mobile) .game nav p.level:hover,.game nav p.level:active {
	background-color:rgba(0,0,0,0.75);
	color:#ac6
}
.game h2 {
	display:none;
	position:absolute;
	font-size:120px;
	font-weight:normal;
	text-align:center;
	line-height:.95;
	width:100%;
	margin:110px 0 0 0;
	pointer-events:none
}
.game.intro nav {
	display:block
}
.game.intro .info {
	visibility:hidden
}
.game.intro .cell:nth-child(103),.game.intro .cell:nth-child(87) {
	background-image:url(food.svg);
	background-size:100% 100%;
	opacity:.75;
	animation:spin 2s linear infinite
}
.game.countdown h2.countdown {
	display:block;
	font-size:184px;
	margin-top:150px
}
.game.ended.share .info.share,.game.ended h2.ended {
	display:block
}
.game.ended.best h2.ended {
	display:none
}
.game.ended.best h2.best {
	display:block
}
.game.paused .cell.snake,.game.ended .cell.snake {
	background-color:rgba(0,0,0,0.3)
}
.game.paused .cell.food {
	animation-play-state:paused;
	opacity:.3
}
.game.ended .cell.food {
	animation:none;
	opacity:.3
}
.game .cell {
	float:left;
	width:28px;
	height:28px
}
.game .cell.snake {
	background-color:rgba(0,0,0,0.75);
	border-radius:8px
}
.game .cell.food {
	background-image:url(food.svg);
	background-size:100% 100%;
	opacity:.75;
	animation:appear 200ms cubic-bezier(0.5,1,0,1.6),spin 3.5s cubic-bezier(0.2,0.6,0.4,1) 200ms
}
@keyframes appear {
	from {
	transform:scale(0.1)
}
to {
	transform:scale(1)
}
}@keyframes spin {
	from {
	transform:rotate(0)
}
to {
	transform:rotate(360deg)
}
}.game .info {
	position:absolute;
	margin-top:20px
}
.game .info.left {
	left:0;
	margin-left:-7px;
	pointer-events:none
}
.game .info.share {
	display:none;
	left:50%;
	width:140px;
	text-align:center;
	cursor:pointer;
	animation:appear 200ms cubic-bezier(0.5,1,0,1.6);
	border-radius:6px;
	padding:10px 0 2px 5px;
	margin:10px 0 0 -69px
}
html[lang=es] .game .info.share,html[lang=pt-BR] .game .info.share {
	width:200px;
	margin-left:-119px
}
.game .info.right {
	right:0;
	margin-right:-7px;
	pointer-events:none
}
.gameswo svg {
	border-color:rgba(0,0,0,0.8) !important;
	transition:border-color .1s linear
}
.gameswo svg path {
	fill:rgba(0,0,0,0.8)
}
.mute {
	position:absolute;
	width:38px;
	height:38px;
	right:15px;
	right:calc(15px + env(safe-area-inset-right));
	top:15px;
	top:calc(15px + env(safe-area-inset-top));
	opacity:.5;
	cursor:pointer;
	-webkit-user-select:none;
	user-select:none;
	-webkit-transition:opacity .1s linear;
	-moz-transition:opacity .1s linear;
	transition:opacity .1s linear
}
body:not(.mobile) .mute:hover {
	opacity:1
}
.ad {
	outline:1px solid rgba(0,0,0,0.75);
	background-color:rgba(0,0,0,0.75);
	overflow:hidden
}
.adsbygoogle {
	display:inline-block
}
.ad.skyscraper1,.ad.skyscraper2,.ad.skyscraper1 .adsbygoogle,.ad.skyscraper2 .adsbygoogle {
	width:160px;
	height:600px
}
.ad.skyscraper1 {
	position:absolute;
	top:50%;
	margin-top:-300px;
	left:0
}
.ad.skyscraper2 {
	position:absolute;
	top:50%;
	margin-top:-300px;
	right:0
}
.ad.mobile,.ad.mobile .adsbygoogle {
	display:block;
	width:100%;
	height:50px
}
.ad.mobile {
	position:fixed;
	bottom:0;
	bottom:env(safe-area-inset-bottom);
	width:100%;
	margin:0;
	overflow:hidden
}
.ad.mobile .adsbygoogle {
	margin:0 auto
}
.cookies {
	position:fixed;
	box-sizing:border-box;
	display:table;
	background-color:#fff;
	color:#000;
	width:100%;
	bottom:0;
	text-align:left;
	padding:40px;
	padding-bottom:calc(40px + env(safe-area-inset-bottom));
	padding-left:calc(40px + env(safe-area-inset-left));
	padding-right:calc(40px + env(safe-area-inset-right));
	font-size:17px;
	line-height:1.3;
	user-select:none
}
.cookies p {
	display:table-cell;
	margin:0;
	padding-right:20px;
	vertical-align:top
}
.cookies a {
	color:#666;
	text-decoration:underline;
	white-space:nowrap
}
.cookies button {
	display:table-cell;
	padding:12px 20px;
	border:0;
	font:inherit;
	font-weight:bold;
	color:#fff;
	background-color:#2b331b;
	cursor:pointer;
	outline:0;
	cursor:pointer;
	user-select:none;
	-webkit-touch-callout:none;
	-webkit-tap-highlight-color:transparent;
	border-radius:6px;
	white-space:nowrap
}
body.cookies-consent .cookies {
	display:none
}
@media(min-width:1261px) {
	.ad.skyscraper1 {
	margin-left:110px
}
.ad.skyscraper2 {
	margin-right:110px
}
}@media(max-height:800px) and (max-width:1260px) {
	.ad.skyscraper1,.ad.skyscraper2 {
	margin-top:-270px
}
}@media(max-height:660px) and (max-width:1260px) {
	body:not(.mobile) .gameswo {
	display:none !important
}
body:not(.mobile) .mute {
	display:none
}
.ad.skyscraper1,.ad.skyscraper2 {
	margin-top:-300px
}
}@media(max-width:940px),(max-height:530px) {
	.game {
	transform:scale(0.5);
	margin-top:-222px
}
.mobile .game {
	margin-top:-248px
}
.ipad .game {
	margin-top:-222px
}
}@media(max-height:550px) {
	.privacy {
	display:none
}
}@media(max-width:640px),(max-height:530px) {
	.ad.skyscraper1,.ad.skyscraper2,.privacy {
	display:none
}
body:not(.mobile) .gameswo {
	display:block !important
}
body:not(.mobile) .mute {
	display:block
}
.cookies {
	display:block;
	font-size:15px;
	padding:18px;
	padding-bottom:calc(18px + env(safe-area-inset-bottom));
	padding-left:calc(18px + env(safe-area-inset-left));
	padding-right:calc(18px + env(safe-area-inset-right))
}
.cookies p {
	display:block;
	padding-right:0
}
.cookies button {
	display:block;
	width:100%;
	margin-top:18px
}
}@media(max-width:440px) and (max-height:420px) {
	body:not(.mobile) .gameswo {
	display:none !important
}
body:not(.mobile) .mute {
	display:none
}
}

/*闪耀提示*/
.shake-red{background-color:red;color:#FFF;transition:all .2s ease-in .1s;}

.user{
	position:absolute;
	width:80%;	
	left:10%;
	left:calc(10% + env(safe-area-inset-left));
	top:22px;
	top:calc(22px + env(safe-area-inset-top));
	opacity:.5;
	cursor:pointer;
}
#info{	
	position:absolute;
	font-size:40px;
	font-weight:400;
	text-align:center;
	line-height:.95;
	width:100%;
	margin:20px 0 0;
	pointer-events:none
}