@charset "UTF-8";@layer reset{*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body{overflow:hidden}@media print{body{overflow:visible;padding:3rem;background:#fff;color:#000}body *{display:none}body:before{display:block;content:"🖨️ Printing? Bold move.\a Are you a QA engineer?\a A curious developer?\aOr just a very confused printer enthusiast?\a\a Either way – this website is 100% unprintable.\aPlease return to the digital realm where it actually makes sense. 😄\a\a Cheers,\a Dmytro";font-size:1rem;white-space:pre-wrap}}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul,ol{list-style:none;margin:0;padding:0}body{min-block-size:100vh;line-height:1.6}h1,h2,h3,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}p,li{text-wrap:pretty}img,picture{max-inline-size:100%;display:block}input,button,textarea,select{font:inherit}}@layer base{:root{--color-dark: #131010;--color-light: #fff0dc;--color-dark-900: var(--color-dark);--color-dark-800: color-mix( in oklab, var(--color-dark), var(--color-light) 10% );--color-dark-700: color-mix( in oklab, var(--color-dark), var(--color-light) 20% );--color-dark-600: color-mix( in oklab, var(--color-dark), var(--color-light) 30% );--color-dark-500: color-mix( in oklab, var(--color-dark), var(--color-light) 40% );--color-light-100: var(--color-light);--color-light-200: color-mix( in oklab, var(--color-light), var(--color-dark) 10% );--color-light-300: color-mix( in oklab, var(--color-light), var(--color-dark) 20% );--color-light-400: color-mix( in oklab, var(--color-light), var(--color-dark) 30% );--color-light-500: color-mix( in oklab, var(--color-light), var(--color-dark) 40% );--color-blue: #088395;--color-blue-dark: #0d151a;--color-purple: #864879;--color-purple-dark: #161425;--color-green: #8fa31e;--color-green-dark: #1b1c15;--color-yellow: #fed16a;--theme-color: var(--color-blue);--theme-color-dark: var(--color--blue-dark);--theme-color-light: var(--color-light);--theme-color-100: color-mix( in oklab, var(--theme-color), var(--color-light) 80% );--theme-color-200: color-mix( in oklab, var(--theme-color), var(--color-light) 64% );--theme-color-300: color-mix( in oklab, var(--theme-color), var(--color-light) 48% );--theme-color-400: color-mix( in oklab, var(--theme-color), var(--color-light) 32% );--theme-color-500: var(--theme-color);--theme-color-600: color-mix( in oklab, var(--theme-color), var(--color-dark) 32% );--theme-color-700: color-mix( in oklab, var(--theme-color), var(--color-dark) 48% );--theme-color-800: color-mix( in oklab, var(--theme-color), var(--color-dark) 64% );--theme-color-900: color-mix( in oklab, var(--theme-color), var(--color-dark) 80% );--theme-color-dark-900: var(--theme-color-dark);--theme-color-dark-800: color-mix( in oklab, var(--theme-color-dark), var(--theme-color-light) 10% );--theme-color-dark-700: color-mix( in oklab, var(--theme-color-dark), var(--theme-color-light) 20% );--theme-color-dark-600: color-mix( in oklab, var(--theme-color-dark), var(--theme-color-light) 30% );--theme-color-dark-500: color-mix( in oklab, var(--theme-color-dark), var(--theme-color-light) 40% );--theme-color-light-100: var(--theme-color-light);--theme-color-light-200: color-mix( in oklab, var(--theme-color-light), var(--theme-color-dark) 10% );--theme-color-light-300: color-mix( in oklab, var(--theme-color-light), var(--theme-color-dark) 20% );--theme-color-light-400: color-mix( in oklab, var(--theme-color-light), var(--theme-color-dark) 30% );--theme-color-light-500: color-mix( in oklab, var(--theme-color-light), var(--theme-color-dark) 40% );font-family:Plus Jakarta Sans,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background:var(--theme-color-dark);color:var(--theme-color-light);transition:background-color .3s ease,color .3s ease;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=blue]{--theme-color: var(--color-blue);--theme-color-dark: var(--color-blue-dark)}:root[data-theme=purple]{--theme-color: var(--color-purple);--theme-color-dark: var(--color-purple-dark)}:root[data-theme=green]{--theme-color: var(--color-green);--theme-color-dark: var(--color-green-dark)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}}@layer layout{.container{--grid-width: 100%;--grid-height: 100%;--heading-weight: 700}.wrapper{width:100%;max-inline-size:calc(var(--grid-width));margin-inline:auto}}.intro-grid{--grid-gap: 1px;--grid-cell-max: 40px;width:100%;height:100%;min-height:345px;position:relative;display:flex;align-items:center;justify-content:center}.intro-grid__wrapper{position:relative;width:var(--grid-width);height:var(--grid-height)}.intro-grid__content{position:relative;width:100%;height:100%;z-index:1}.intro-grid__content>*{--x: 0;--y: 0;--w: 1;--h: 1;--step: calc(var(--grid-cell) + var(--grid-gap));position:absolute;top:0;left:0;width:calc(var(--w) * (var(--step)) - var(--grid-gap));height:calc(var(--h) * (var(--step)) - var(--grid-gap));background:var(--theme-color-dark);display:flex;align-items:center;justify-content:center;transform:translate(calc(var(--x) * var(--step) + var(--grid-gap)),calc(var(--y) * var(--step) + var(--grid-gap)));transition:background-color .3s ease,color .3s ease}.intro-grid__lines{position:absolute;width:100%;height:100%;inset:0;pointer-events:none;z-index:0}.intro-grid__line{--x: 0;--y: 0;position:absolute;top:0;left:0;display:block;background:var(--theme-color-dark-700);transition:background-color .3s ease;transform:translate(calc(var(--x) * (var(--grid-cell) + var(--grid-gap))),calc(var(--y) * (var(--grid-cell) + var(--grid-gap))))}.intro-grid__line--horizontal{height:var(--grid-gap);width:100%}.intro-grid__line--vertical{width:var(--grid-gap);height:100%}.theme-picker{display:none;background:transparent;gap:var(--grid-gap);cursor:url(/color-picker.svg) 0 20,auto;touch-action:manipulation}@media (min-height: 600px){.theme-picker{--w: 3;--h: 1;--x: calc(var(--grid-cols) - var(--w) - 1);--y: calc((var(--grid-rows)) / 2 + 3);display:flex}}@media (min-width: 600px){.theme-picker{--x: calc(var(--grid-cols) / 2 + 3);--y: calc((var(--grid-rows)) / 2 + 3)}}@media (min-width: 1024px){.theme-picker{--y: calc((var(--grid-rows)) / 2 + 5)}}@media (min-width: 1280px){.theme-picker{--x: calc(var(--grid-cols) / 2 + 4)}}.theme-picker__button{cursor:inherit;background:none;border:0;appearance:none;height:100%;position:relative;flex-grow:1;flex-shrink:0;padding:0;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;background-color:var(--background-dark)}.theme-picker__button span{display:block;position:absolute;width:40%;height:40%;font-size:0;line-height:0;overflow:hidden;aspect-ratio:1/1;border-radius:50%;background-color:var(--background);transition:transform .3s ease,border-radius .3s ease;transform-style:preserve-3d;isolation:isolate;contain:paint;will-change:transform,border-radius}@media (hover: hover) and (pointer: fine){.theme-picker__button:hover span{border-radius:0;transform:rotate(0)}}.theme-picker__button--active span{border-radius:0;transform:rotate(45deg) scale(.9)}.ufo-orbit *{transition:fill .3s ease,stroke .3s ease}.ufo-animation{--w: 4;--h: 4;--x: calc(var(--grid-cols) - var(--w));--y: 0;display:none}@media (min-height: 600px){.ufo-animation{display:flex;overflow:hidden}}@media (min-width: 600px){.ufo-animation{--w: 4;--h: 4}}.ufo-animation__orbit{width:100%;height:100%;position:relative;z-index:2;isolation:isolate;contain:paint;will-change:transform}.ufo-animation__rooftops{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);z-index:1}.ufo-animation__rooftops *:not([id*=animation-windows]){transition:fill .3s ease,opacity .3s ease}.heading{--w: calc(var(--grid-cols) - 2);--h: 4;--x: calc((var(--grid-cols) - var(--w)) / 2);--y: calc((var(--grid-rows) - var(--h)) / 2);container-type:inline-size;flex-direction:column;text-align:center;padding:2cqw;-webkit-user-select:none;user-select:none}@media (min-width: 600px){.heading{--w: 12;padding:2cqw 3cqw}}@media (min-width: 1024px){.heading{--h: 6}}.heading__title{position:relative;font-size:clamp(1.5rem,3.5vw,9cqw);font-variation-settings:"wght" var(--heading-weight);transition:font-variation-settings .3s ease}.heading__description{position:relative;opacity:.8;font-size:clamp(.7rem,2vw,4cqw);margin-top:min(5%,.75rem)}.heading__links{margin-top:min(5%,.75rem);display:flex;justify-content:center;gap:10%;opacity:.8;font-size:clamp(.7rem,2vw,3.5cqw)}.heading__links a{color:var(--theme-color-light);text-decoration-color:var(--theme-color-dark-600);transition:text-decoration-color .3s ease}.weight-editor{display:none}@media (min-height: 600px){.weight-editor{--w: 3;--h: 1;--x: 1;--y: calc(var(--grid-rows) / 2 - 4);display:flex}}@media (min-width: 600px){.weight-editor{--x: calc(var(--grid-cols) / 2 - 6);--y: calc((var(--grid-rows)) / 2 - 4)}}@media (min-width: 1024px){.weight-editor{--y: calc((var(--grid-rows)) / 2 - 6)}}@media (min-width: 1280px){.weight-editor{--x: calc(var(--grid-cols) / 2 - 7)}}.weight-editor__wrapper{display:flex;align-items:center;flex-direction:row;gap:10px;padding:0 10px}@media (min-width: 1280px){.weight-editor__wrapper{gap:10%;padding:0 10%}}.weight-editor__icon{width:20%;aspect-ratio:1/1;flex-shrink:0;display:flex;align-items:center;justify-content:center;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:max(.9rem,.7vw);font-weight:700;color:var(--theme-color-dark-500)}.weight-editor__slider{width:100%;height:max(2px,.1vw);background-color:var(--theme-color-500);appearance:none;border-radius:10px;transition:background-color .3s ease;cursor:grab;touch-action:manipulation}.weight-editor__slider:active{cursor:grabbing}.weight-editor__slider:focus{outline:none}.weight-editor__slider::-webkit-slider-thumb{appearance:none;width:max(10px,.6vw);height:max(10px,.6vw);background:var(--theme-color-500);border:0;border-radius:50%;transition:background-color .3s ease,transform .3s ease}.weight-editor__slider::-webkit-slider-thumb:hover,.weight-editor__slider::-webkit-slider-thumb:focus-visible{transform:scale(1.2)}.weight-editor__slider::-moz-range-thumb{appearance:none;width:13px;height:13px;background:var(--theme-color-500);border:0;border-radius:50%;transition:background-color .3s ease}.weight-editor__slider::-moz-range-thumb:hover,.weight-editor__slider::-moz-range-thumb:focus-visible{transform:scale(1.2)}.bezier-value{display:none}@media (min-height: 600px) and (min-width: 1024px){.bezier-value{--w: 1;--h: 3;--x: calc(var(--grid-cols) - var(--w) - 1);--y: calc(var(--grid-rows) - var(--h) - 1);display:flex}}@media (min-width: 1280px){.bezier-value{--x: calc(var(--grid-cols) - var(--w) - 2);--y: calc(var(--grid-rows) - var(--h) - 2)}}.bezier-value__content{display:flex;width:100%;height:100%;padding:7px;font-size:max(.5rem,.4vw);writing-mode:tb-rl;transform:rotate(-180deg);text-wrap:balance;align-items:center;color:var(--theme-color-light-500);-webkit-user-select:none;user-select:none;overflow:hidden;font-variation-settings:"wght" var(--heading-weight);transition:font-variation-settings .3s ease,color .3s ease}.bezier-editor{display:none}@media (min-height: 600px) and (min-width: 1024px){.bezier-editor{--w: 3;--h: 3;--x: calc(var(--grid-cols) - var(--w) - 2);--y: calc(var(--grid-rows) - var(--h) - 1);display:flex;position:relative}}@media (min-width: 1280px){.bezier-editor{--x: calc(var(--grid-cols) - var(--w) - 3);--y: calc(var(--grid-rows) - var(--h) - 2)}}.bezier-editor__wrapper{position:relative;width:100%;height:100%;z-index:2}.bezier-editor__content{width:calc(100% + 2px);height:calc(100% + 2px);transform:translate(-1px,-1px)}.bezier-editor__content:before{content:"";display:block;position:absolute;inset:0;width:100%;height:100%;background-image:linear-gradient(var(--theme-color-dark-700) .5px,transparent .5px,transparent calc(100% - .5px),var(--theme-color-dark-700) calc(100% - .5px)),linear-gradient(90deg,var(--theme-color-dark-700) .5px,transparent .5px,transparent calc(100% - .5px),var(--theme-color-dark-700) calc(100% - .5px));background-size:5.5555555556% 5.5555555556%;border:.5px solid var(--theme-color-dark-700);transition:background-image .3s ease,border-color .3s ease}.bezier-editor__svg{display:block;width:calc(100% + 20px);height:calc(100% + 20px);transform:translate(-10px,-10px);color:var(--theme-color-500);transition:stroke .3s ease,fill .3s ease,color .3s ease}.bezier-editor__svg *{vector-effect:non-scaling-stroke;stroke-width:1;stroke:currentColor}.bezier-editor__svg circle{fill:currentColor}.bezier-editor__grid{stroke:none}.bezier-editor__handle{fill:currentColor;cursor:grab}.bezier-editor__handle:active{cursor:grabbing}.browser{--w: 4;--h: 4;display:none;padding:max(10px,.6vw)}@media (min-height: 600px) and (min-width: 1024px){.browser{--x: 1;--y: 1;display:flex}}@media (min-width: 768px) and (min-height: 800px){.browser{--x: 1;--y: 1}}@media (min-width: 1280px) and (min-height: 800px){.browser{--w: 4;--h: 4;--x: 1;--y: 1}}@media (min-width: 1440px){.browser{--x: 1;--y: 1}}.browser:before{content:"";display:block;position:absolute;inset:0;background-image:radial-gradient(var(--theme-color-dark-800) 1px,transparent 0);background-size:3% 3%;background-position:calc(-3% + 1px) calc(-3% + 1px);transition:background-image .3s ease}.browser__container{position:relative;display:flex;width:80%;min-width:60%;max-width:100%;align-items:center;justify-content:center;aspect-ratio:1/1;border:1px solid var(--theme-color-500);background:var(--theme-color-dark);transition:border-color .3s ease,width .3s ease}@media (min-width: 1440px){.browser__container{min-width:50%;width:70%}}.browser__window{--gap: max(5px, .2vw);container-type:inline-size;container-name:browser-window;display:flex;flex-direction:column;width:100%;height:100%;padding:var(--gap);-webkit-user-select:none;user-select:none;overflow:hidden}.browser__controls{display:flex;padding:max(3px,2%) var(--gap) 0;gap:var(--gap);flex-shrink:0}.browser__controls span{display:block;width:max(5px,.2vw);height:max(5px,.2vw);border-radius:50%;background-color:var(--theme-color-500);transition:background-color .3s ease}.browser__content{padding:var(--gap);flex-grow:1;display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--gap) * 2);-webkit-user-select:none;user-select:none;pointer-events:none;font-family:Flow Block,system-ui}.browser__content h3{font-size:max(.3rem,.27vw);line-height:max(.3rem,.27vw);margin:0 0 3px;opacity:.8;color:var(--theme-color-500);transition:color .3s ease}.browser__content p{font-size:max(.2rem,.2vw);line-height:max(.25rem,.2vw);margin:.2vw 0 0;opacity:.2}.browser__content>article{grid-column:1/4}@container browser-window (min-width: 120px){.browser__content>article{grid-column:1/3}}.browser__content>article figure{position:relative;display:block;background-color:var(--color-dark);margin:0 0 5%}.browser__content>article figure:before{content:"";display:block;position:absolute;inset:0;background:var(--color-light);opacity:.03}.browser__content>article figure .image{position:relative;display:block;width:100%;height:auto}.browser__content>article figure .image *{transition:fill .3s ease,opacity .3s ease}.browser__content>article p{column-gap:var(--gap)}@container browser-window (min-width: 100px){.browser__content>article p{columns:2}}.browser__content>aside{grid-column:3/4}.browser__content>aside article{margin-bottom:8px}.browser__resize-handler{position:absolute;width:max(9px,.5vw);height:max(9px,.5vw);background:var(--color-dark);border:1px solid var(--theme-color-500);border-radius:10%;transition:border-color .3s ease}.browser__resize-handler.tl{top:0;left:0;transform:translate(-50%,-50%);cursor:nwse-resize}.browser__resize-handler.tl:active{cursor:nwse-resize}.browser__resize-handler.tr{top:0;right:0;transform:translate(50%,-50%);cursor:nesw-resize}.browser__resize-handler.tr:active{cursor:nesw-resize}.browser__resize-handler.bl{bottom:0;left:0;transform:translate(-50%,50%);cursor:nesw-resize}.browser__resize-handler.bl:active{cursor:nesw-resize}.browser__resize-handler.br{bottom:0;right:0;transform:translate(50%,50%);cursor:nwse-resize}.browser__resize-handler.br:active{cursor:nwse-resize}.game-character{display:none;background-color:transparent;isolation:isolate;contain:paint;will-change:transform}@media (min-height: 600px){.game-character{--w: 1;--h: 1;--x: calc(var(--grid-cols) - var(--w) - 3);--y: calc(var(--grid-rows) - var(--h) - 2);display:block}}@media (min-width: 1024px){.game-character{--x: 1;--y: calc(var(--grid-rows) - var(--h) - 2)}}.game-character--transition{transition:transform var(--move-duration, .3s) var(--easing-function)}.game-character__wrapper{width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;transform:rotate(var(--rotate, 0deg))}.game-character__img{width:100%;height:100%;background-image:url(/astronaut-sprite.png);background-repeat:no-repeat;background-size:500% 300%;--col: 0;--row: 0;--idle-duration: 1s;background-position:calc(var(--col) * 25%) calc(var(--row) * 50%);opacity:1;transition:opacity 1s ease}.game-character__img--idle{animation:idle var(--idle-duration) steps(1,end) infinite}.game-character__img--moving{--row: 1}.game-character__img--moving[data-moving-variant="1"]{--col: 0}.game-character__img--moving[data-moving-variant="2"]{--col: 1}.game-character__img--moving[data-moving-variant="3"]{--col: 2}.game-character__img--moving[data-moving-variant="4"]{--col: 3}.game-character__img--moving[data-moving-variant="5"]{--col: 4}.game-character__img--falling{--row: 2;opacity:0;animation:fall 1s forwards}@keyframes idle{0%,49%{--col: 0;--row: 0}50%,to{--col: 1;--row: 0}}@keyframes fall{0%{transform:scale(1)}to{transform:scale(.5)}}.draggable{--w: 1;--h: 1;--x: 3;--y: 1;display:none}@media (min-height: 600px){.draggable{display:block;touch-action:none;-webkit-user-select:none;user-select:none;cursor:move;background:url(/gifs/grain.gif) center/cover;opacity:.1}}@media (min-width: 1024px){.draggable{--x: calc(var(--grid-cols) / 2 + 10);--y: calc(var(--grid-rows) / 2 - 2)}}@media (min-width: 1280px){.draggable{--x: calc(var(--grid-cols) / 2 + 11)}}.draggable--blocked{cursor:default;-webkit-user-select:none;user-select:none;pointer-events:none}.game-portal{--w: 1;--h: 1;--x: 2;--y: 2;--portal-duration: 3s;display:none}@media (min-height: 600px){.game-portal{display:flex;color:var(--theme-color-600)}}@media (min-width: 1024px){.game-portal{--x: calc(var(--grid-cols) / 2 + 9);--y: calc(var(--grid-rows) / 2 - 1)}}@media (min-width: 1280px){.game-portal{--x: calc(var(--grid-cols) / 2 + 10)}}.game-portal-svg{display:block;inline-size:100%;block-size:100%}.game-portal-item{transform-origin:50% 50%;transform:scale(var(--portal-scale));transition:transform-origin .5s;animation:pulse 1s ease-in-out infinite alternate;will-change:transform,transform-origin,opacity}.game-portal-item--up{transform-origin:50% 60%}.game-portal-item--down{transform-origin:50% 40%}.game-portal-item--left{transform-origin:60% 50%}.game-portal-item--right{transform-origin:40% 50%}.game-portal-item--end{transform-origin:50% 50%}.game-portal-item[data-i="0"]{--portal-scale: .9}.game-portal-item[data-i="1"]{--portal-scale: .7;animation-delay:.2s}.game-portal-item[data-i="2"]{--portal-scale: .5;animation-delay:.4s}.game-portal-item[data-i="3"]{--portal-scale: .3;animation-delay:.6s}.game-portal-item[data-i="4"]{--portal-scale: .1;animation-delay:.8s}@keyframes pulse{0%{opacity:1}to{opacity:.5}}.game-static-block{--w: 1;--h: 1;display:none}@media (min-height: 600px){.game-static-block{display:block;background:url(/gifs/grain.gif) center/cover;opacity:.1}}.game-static-block--1{--x: 1;--y: 1}@media (min-width: 1024px){.game-static-block--1{--x: calc(var(--grid-cols) / 2 + 8);--y: calc(var(--grid-rows) / 2 - 2)}}@media (min-width: 1280px){.game-static-block--1{--x: calc(var(--grid-cols) / 2 + 9)}}.game-static-block--2{--x: 1;--y: 2}@media (min-width: 1024px){.game-static-block--2{--x: calc(var(--grid-cols) / 2 + 8);--y: calc(var(--grid-rows) / 2 - 1)}}@media (min-width: 1280px){.game-static-block--2{--x: calc(var(--grid-cols) / 2 + 9)}}.game-static-block--3{--x: 2;--y: 1}@media (min-width: 1024px){.game-static-block--3{--x: calc(var(--grid-cols) / 2 + 9);--y: calc(var(--grid-rows) / 2 - 2)}}@media (min-width: 1280px){.game-static-block--3{--x: calc(var(--grid-cols) / 2 + 10)}}.game-control{--w: 1;--h: 1;display:none}@media (min-height: 600px){.game-control{display:block}}.game-control__wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:transparent;padding:10%;-webkit-user-select:none;user-select:none}.game-control--a{--x: calc(var(--grid-cols) - var(--w) - 3);--y: calc(var(--grid-rows) - var(--h) - 1)}@media (min-width: 1024px){.game-control--a{--x: 1;--y: calc(var(--grid-rows) - var(--h) - 1)}}.game-control--w{--x: calc(var(--grid-cols) - var(--w) - 2);--y: calc(var(--grid-rows) - var(--h) - 2)}@media (min-width: 1024px){.game-control--w{--x: 2;--y: calc(var(--grid-rows) - var(--h) - 2)}}.game-control--s{--x: calc(var(--grid-cols) - var(--w) - 2);--y: calc(var(--grid-rows) - var(--h) - 1)}@media (min-width: 1024px){.game-control--s{--x: 2;--y: calc(var(--grid-rows) - var(--h) - 1)}}.game-control--d{--x: calc(var(--grid-cols) - var(--w) - 1);--y: calc(var(--grid-rows) - var(--h) - 1)}@media (min-width: 1024px){.game-control--d{--x: 3;--y: calc(var(--grid-rows) - var(--h) - 1)}}.game-control__button{appearance:none;display:block;width:100%;height:100%;background:var(--theme-color-600);border-width:max(2px,.17vw) max(3px,.22vw) max(4px,.28vw);border-style:solid;border-color:var(--theme-color-600) var(--theme-color-700) var(--theme-color-800);color:var(--color-light);cursor:pointer;padding:0;font-size:max(.5rem,.4vw);line-height:normal;border-radius:10%;touch-action:manipulation;transition:color .3s ease,border-color .3s ease}.game-control__button:active,.game-control__button--pressed{transform:scale(.95)}.game-control__button span{display:block;width:100%;height:100%;text-align:left;background-color:var(--theme-color-500);border-radius:10%;padding:10% 0 0 20%;color:var(--color-dark-900);transition:color .3s ease,background-color .3s ease}.tv{display:none}@media (min-height: 600px){.tv{--w: 3;--h: 3;--x: 1;--y: calc(var(--grid-rows) - var(--h) - 1);display:block}}@media (min-width: 1024px){.tv{--x: calc(var(--grid-cols) / 2 - 12);--y: calc(var(--grid-rows) / 2 - 1)}}@media (min-width: 1280px){.tv{--x: calc(var(--grid-cols) / 2 - 13)}}.tv__wrapper{width:100%;height:100%;padding:10%;display:flex;justify-content:center;align-items:center;cursor:pointer}.tv__svg{display:block;width:100%;height:auto}.tv__svg *{transition:fill .3s ease}.intro{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100svh;min-width:360px;min-height:300px;padding:1rem;overflow:hidden}@media (min-width: 1280px){.intro{padding:2rem}}