[data-snake-game] {
 position: relative;
 width: min(1600px, 100%);
 max-width: none;
 height: min(1200px, calc(100% - var(--modes-h)));
 flex: none;
 }

 #unity-container {
 --modes-h: 84px;
 flex-direction: column;
 min-width: 0;
 }

 .modes-strip {
 display: grid;
 grid-template-columns: repeat(8, minmax(max-content, 1fr));
 gap: 5px;
 flex: none;
 width: 100%;
 max-width: 1000px;
 margin-top: 10px;
 padding: 0 12px;
 }

 .mode-chip {
 display: flex;
 align-items: center;
 gap: 5px;
 height: 34px;
 padding: 0 6px;
 border: 1px solid #3a3a3a;
 border-radius: 17px;
 background: #262626;
 color: #e6e6e6;
 font: 700 12.5px/1 'Nunito', sans-serif;
 text-decoration: none;
 white-space: nowrap;
 overflow: hidden;
 transition: background-color .15s, border-color .15s;
 }

 a.mode-chip:hover {
 background: #4770ff;
 border-color: #829dfb;
 color: #fff;
 }

 .mode-chip:focus-visible {
 outline: 2px solid #fff;
 outline-offset: 2px;
 }

 .mode-chip.is-current {
 background: #1d4ef7;
 border-color: #97aeff;
 color: #fff;
 }
 
 .mode-chip i {
 flex: none;
 width: 22px;
 height: 22px;
 background: url(/game/images/menu_icons.png?v=6) no-repeat;
 background-size: 748px 22px;
 background-position: calc(var(--i) * -22px) 0;
 }

 .mode-chip span {
 overflow: hidden;
 text-overflow: ellipsis;
 }
 
 .nav-container>* {
 flex-shrink: 0;
 }

 .game-related-home .more-games {
 order: -1;
 }

 .game-related-home .menu-home {
 grid-template-rows: none;
 grid-auto-rows: auto;
 }

 body {
 padding: 0 !important;
 }

 html {
 height: 100%;
 -webkit-tap-highlight-color: transparent;
 }

 body {
 margin: 0;
 height: 100%;
 display: flex;
 align-items: center;
 justify-content: center;
 background-color: #161616;
 font-family: 'Nunito', sans-serif;
 font-weight: 500;
 }

 body>div {
 height: 100%;
 }

 #container {
 align-self: flex-start;
 }

 #unity-container {
 padding-left: 50px;
 }

 @media (max-width: 1264px) {
 #unity-container.ml-350 {
 --modes-h: 50px;
 }

 #unity-container.ml-350 .modes-strip {
 display: flex;
 overflow-x: auto;
 scrollbar-width: none;
 padding: 0 4px;
 }

 #unity-container.ml-350 .mode-chip {
 flex: none;
 font-size: 12px;
 }
 }

 @media (max-width: 914px) {
 #unity-container {
 --modes-h: 50px;
 }

 .modes-strip {
 display: flex;
 overflow-x: auto;
 scrollbar-width: none;
 padding: 0 4px;
 }

 .mode-chip {
 flex: none;
 font-size: 12px;
 }
 }

 .modes-strip::-webkit-scrollbar {
 display: none;
 }

 .modes-strip.more-right {
 -webkit-mask-image: linear-gradient(to right, #000 85%, transparent);
 mask-image: linear-gradient(to right, #000 85%, transparent);
 }

 @media (min-width: 900px) and (min-height: 600px) {
 [data-snake-game] {
 width: min(1600px, calc(100% - 32px));
 height: min(1200px, calc(100% - var(--modes-h) - 32px));
 }
 }

 @media (max-height: 500px) {
 #unity-container {
 --modes-h: 0px;
 }

 .modes-strip {
 display: none;
 }
 }