.snake{--snake-color-cell:#e7e7e7;--snake-color-snake:#afaea7;--snake-color-food:#282828;--snake-arrow:url(/static/icons/arrow-down.svg);--snake-tile:5px;--snake-cell-step:calc(var(--snake-tile) * 2);--snake-cols:36;--snake-rows:51;--snake-board-width:358px;--snake-curtain-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Crect width='8' height='8' fill='white'/%3E%3C/svg%3E");grid-template-columns:minmax(0, var(--about-main-width)) var(--about-chrome-width);color:#282828;align-items:start;column-gap:0;padding-top:20px;padding-bottom:20px;display:grid;position:relative;overflow:hidden}@media screen and (width<=1199px){.snake{grid-template-rows:auto auto auto auto;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;padding-top:60px;padding-bottom:0;overflow:visible}}.snake__main{grid-template-columns:minmax(120px, 1fr) minmax(0, var(--snake-board-width));box-sizing:border-box;width:100%;min-width:0;padding-right:var(--about-col-gap);grid-template-rows:auto auto;align-items:start;display:grid}@media screen and (width<=1199px){.snake__main{padding-right:0;display:contents}}.snake__chrome{flex-direction:column;align-self:stretch;align-items:flex-start;width:100%;min-width:0;display:flex;position:relative}@media screen and (width<=1199px){.snake__chrome{display:contents}}.snake__status{z-index:1;grid-area:1/1;max-width:125px;margin-right:20px;display:grid}@media screen and (width<=1199px){.snake__status{grid-area:1/1;align-self:start;max-width:168px;margin-right:0}}.snake__phase{visibility:hidden;grid-area:1/1}.snake__phase[data-current]{visibility:visible}.snake__subtitle{margin-top:10px}.snake__clock{z-index:1;width:max-content;position:absolute;top:0;right:0}@media screen and (width<=1199px){.snake__clock{display:none}}.snake__dot{background-color:#0000;border:1px solid;border-radius:50%;flex-shrink:0;width:10px;height:10px}.snake__actions{flex-direction:column;gap:10px;width:max-content;display:flex}@media screen and (width<=1199px){.snake__actions{flex-shrink:0;grid-area:1/2;justify-self:end;padding-top:4px}}.snake__action{position:relative}.snake__action:before{content:"";width:100%;min-width:42px;height:100%;min-height:42px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.snake__action{text-align:left;align-items:center;gap:10px;display:flex}.snake__action[aria-pressed=true] .snake__dot{background-color:currentColor}@media (any-hover:hover),(hover:hover) and (pointer:fine){.snake__action:not(:disabled):hover .snake__dot{background-color:currentColor}}.snake__action:active .snake__dot,.snake__action:focus-visible .snake__dot{background-color:currentColor}.snake__pad{grid-template-rows:auto auto auto;grid-template-columns:auto auto auto;place-items:center;gap:10px;width:max-content;margin-top:140px;display:grid}@media (width<=1680px){.snake__pad{margin-top:auto;margin-bottom:auto}}@media screen and (width<=1199px){.snake__pad{margin-top:28px;margin-bottom:0;grid-area:3/1/auto/-1;place-self:start center;width:191px;margin-inline:auto;display:block}}.snake__pad-label--up{grid-area:1/2}.snake__pad-label--left{text-align:right;grid-area:2/1;align-self:end;width:33px;margin-bottom:4px}.snake__pad-label--right{text-align:right;grid-area:2/3;align-self:end;width:41px;margin-bottom:4px}.snake__pad-label--down{grid-area:3/2}@media screen and (width<=1199px){.snake__pad-label{display:none}}.snake__pad-arrows{grid-area:2/2;grid-template-rows:21px 21px;grid-template-columns:21px 21px 21px;gap:4px;display:grid}@media screen and (width<=1199px){.snake__pad-arrows{grid-template-rows:37px 37px;grid-template-columns:61px 61px 61px}}.snake__pad-arrow{position:relative}.snake__pad-arrow:before{content:"";width:100%;min-width:42px;height:100%;min-height:42px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.snake__pad-arrow{touch-action:manipulation;user-select:none;width:21px;height:21px;display:block}@media screen and (width<=1199px){.snake__pad-arrow{background-color:var(--snake-color-cell);justify-content:center;align-items:center;width:61px;height:37px;display:flex}}.snake__pad-arrow-icon{background:var(--snake-arrow) center/contain no-repeat;width:21px;height:21px;display:block}@media screen and (width<=1199px){.snake__pad-arrow-icon{border-inline:6px solid #0000;border-block-start:10px solid var(--snake-color-food);background:0 0;width:0;height:0}}.snake__pad-arrow--up{grid-area:1/2}.snake__pad-arrow--up .snake__pad-arrow-icon{transform:rotate(180deg)}.snake__pad-arrow--left{grid-area:2/1}.snake__pad-arrow--left .snake__pad-arrow-icon{transform:rotate(90deg)}.snake__pad-arrow--down{grid-area:2/2}.snake__pad-arrow--right{grid-area:2/3}.snake__pad-arrow--right .snake__pad-arrow-icon{transform:rotate(-90deg)}.snake__stats{flex-direction:column;gap:10px;width:178px;margin-top:auto;display:flex}@media screen and (width<=1199px){.snake__stats{grid-area:4/1/auto/-1;align-self:start;width:100%;max-width:none;margin-top:40px}}.snake__stat{justify-content:space-between;align-items:center;gap:10px;display:flex}.snake__stat-label{opacity:.5}.snake__field{width:100%;min-width:0;max-width:var(--snake-board-width);grid-area:1/2/-1;position:relative}@media screen and (width<=1199px){.snake__field{grid-area:2/1/auto/-1;max-width:none;margin-top:16px;margin-left:0}}.snake__board{background-color:var(--inner-page-snake-bg,#f3f3f3);width:100%;height:auto;display:block}.snake__curtain{background-color:var(--inner-page-snake-bg,#f3f3f3);clip-path:inset(100% 0% 0%);pointer-events:none;position:absolute;inset:0}.snake__curtain:after{content:"";background-color:var(--snake-color-snake);-webkit-mask-image:var(--snake-curtain-mask);mask-image:var(--snake-curtain-mask);-webkit-mask-size:calc(100% / var(--snake-cols)) calc(100% / var(--snake-rows));mask-size:calc(100% / var(--snake-cols)) calc(100% / var(--snake-rows));position:absolute;inset:0;-webkit-mask-repeat:repeat;mask-repeat:repeat}.snake__scroll-top{position:relative}.snake__scroll-top:before{content:"";width:100%;min-width:42px;height:100%;min-height:42px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.snake__scroll-top{z-index:1;text-align:left;grid-area:2/1;align-self:end;align-items:center;gap:10px;width:max-content;display:inline-flex}@media screen and (width<=1199px){.snake__scroll-top{display:none}}.snake__scroll-top-icon{border-block-end:10px solid;border-inline:5px solid #0000;width:0;height:0}.snake__copy{z-index:1;width:max-content;position:absolute;bottom:0;right:0}@media screen and (width<=1199px){.snake__copy{display:none}}