*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}button{-webkit-appearance:none;border-radius:0;text-align:inherit;background:none;box-shadow:none;padding:0;cursor:pointer;border:none;color:inherit;font:inherit}:root{--color-bg: #5286a1;--color-screen-bg: #e6e6b5;--color-controller-bg: #d1d3d1;--color-boardRoad: #e6e6b5;--color-boardWall: #ed7700;--color-controllerLabel: #202e20;--color-btn-disabled: rgba(84, 83, 83, .9960784314);--color-dBtn: #2e2e2e;--color-dBtn-hover: #575757;--color-dBtn-active: #000000;--color-fDBtn: #008001;--color-fDBtn-hover: #00d400;--color-fDBtn-active: #007800;--color-fireBtn: #ff0000;--color-fireBtn-hover: #f76565;--color-fireBtn-active: #9e0303;--color-resetBtn: #2e2e2e;--color-resetBtn-hover: #575757;--color-resetBtn-active: #000000;--color-modalContentBg: #ebe1a0;--color-modalText: #202e20}[data-theme=dark]{--color-bg: #324e61;--color-screen-bg: #d6d6a9;--color-controller-bg: #b5b5b5;--color-boardRoad: #d6d6a9;--color-boardWall: #e07000;--color-controllerLabel: #202e20;--color-btn-disabled: rgba(84, 83, 83, .9960784314);--color-dBtn: #2e2e2e;--color-dBtn-hover: #575757;--color-dBtn-active: #000000;--color-fDBtn: #009100;--color-fDBtn-hover: #00b300;--color-fDBtn-active: #008700;--color-fireBtn: #ff0000;--color-fireBtn-hover: #f76565;--color-fireBtn-active: #9e0303;--color-resetBtn: #2e2e2e;--color-resetBtn-hover: #575757;--color-resetBtn-active: #000000;--color-modalContentBg: #ebe1a0;--color-modalText: #202e20}body{background-color:var(--color-bg);font-family:Inter,sans-serif}.sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.game{margin:0 auto}.game__screen{margin:0 auto;position:relative;width:80%;aspect-ratio:1/1;background-color:var(--color-screen-bg)}.game__controller{background-color:var(--color-controller-bg);margin:0 auto;width:80%;aspect-ratio:1/1;border-radius:0 0 100px 30px;box-shadow:0 2px 4px #0003}.modal{display:none;align-items:center;justify-content:center;position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006}.modal__content{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;background-color:var(--color-modalContentBg);padding:20px;border-radius:4px;width:70%;box-shadow:0 2px 4px #000}.modal__heading,.modal__para{display:inline-block;color:var(--color-modalText)}.modal__heading{font-size:clamp(1.4rem,.9rem + 2.4vw,2rem)}.modal__para{text-align:center;font-size:clamp(1rem,.84rem + .8vw,1.2rem)}.modal__button{margin-top:5px;padding:8px;border:1px solid black;border-radius:5px;box-shadow:0 2px 4px #0003;transition:transform .1s ease,box-shadow .2s ease}.modal__button:hover{box-shadow:0 4px 6px #0000004d}.modal__button:active{transform:scale(.97);box-shadow:0 2px 3px #00000040}.board__row{display:flex}.board__square{width:10%;aspect-ratio:1/1}.board__square--road{background-color:var(--color-boardRoad)}.board__square--boundary{background-color:var(--color-boardRoad);background-image:url("data:image/svg+xml,%3csvg%20width='90'%20height='90'%20xmlns='http://www.w3.org/2000/svg'%3e%3c!--%20Dark%20grey%20background%20--%3e%3crect%20width='90'%20height='90'%20fill='%235C5C5C'%20/%3e%3c!--%20Light%20grey%20square%20centered%20--%3e%3crect%20x='15'%20y='15'%20width='60'%20height='60'%20fill='%23CFCFCF'%20/%3e%3c/svg%3e");background-size:cover;background-repeat:repeat}.board__square--wall{background-color:var(--color-boardWall);background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20fill='%23964B00'%20height='800px'%20width='800px'%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20viewBox='0%200%20503.322%20503.322'%20xml:space='preserve'%3e%3cg%20transform='translate(1%201)'%3e%3cg%3e%3cpath%20d='M493.644-1H372.153H250.661H129.169H7.678C2.471-1-1,2.471-1,7.678v69.424v69.424v69.424v69.424v69.424v69.424v69.424%20c0,5.207,3.471,8.678,8.678,8.678h121.492h121.492h121.492h121.492c5.207,0,8.678-3.471,8.678-8.678V424.22v-69.424v-69.424%20v-69.424v-69.424V77.102V7.678C502.322,2.471,498.851-1,493.644-1z%20M372.153,415.542h-52.068v-52.068h52.068h52.068v52.068%20H372.153z%20M250.661,415.542h-52.068v-52.068h52.068h52.068v52.068H250.661z%20M129.169,415.542H77.102v-52.068h52.068h52.068v52.068%20H129.169z%20M16.356,415.542v-52.068h43.39v52.068H16.356z%20M129.169,85.78h52.068v52.068h-52.068H77.102V85.78H129.169z%20M250.661,85.78h52.068v52.068h-52.068h-52.068V85.78H250.661z%20M372.153,85.78h52.068v52.068h-52.068h-52.068V85.78H372.153z%20M484.966,85.78v52.068h-43.39V85.78H484.966z%20M484.966,207.271h-52.068h-52.068v-52.068h52.068h52.068V207.271z%20M484.966,276.695%20h-43.39v-52.068h43.39V276.695z%20M484.966,346.119h-52.068h-52.068v-52.068h52.068h52.068V346.119z%20M311.407,346.119h-52.068%20v-52.068h52.068h52.068v52.068H311.407z%20M189.915,346.119h-52.068v-52.068h52.068h52.068v52.068H189.915z%20M68.424,346.119H16.356%20v-52.068h52.068h52.068v52.068H68.424z%20M16.356,224.627h43.39v52.068h-43.39V224.627z%20M16.356,155.203h52.068h52.068v52.068%20H68.424H16.356V155.203z%20M189.915,155.203h52.068v52.068h-52.068h-52.068v-52.068H189.915z%20M311.407,155.203h52.068v52.068%20h-52.068h-52.068v-52.068H311.407z%20M424.22,276.695h-52.068h-52.068v-52.068h52.068h52.068V276.695z%20M250.661,276.695h-52.068%20v-52.068h52.068h52.068v52.068H250.661z%20M129.169,276.695H77.102v-52.068h52.068h52.068v52.068H129.169z%20M59.746,137.847h-43.39%20V85.78h43.39V137.847z%20M441.576,363.475h43.39v52.068h-43.39V363.475z%20M484.966,68.424h-52.068h-52.068V16.356h104.136V68.424z%20M363.475,68.424h-52.068h-52.068V16.356h104.136V68.424z%20M241.983,68.424h-52.068h-52.068V16.356h104.136V68.424z%20M16.356,16.356%20h104.136v52.068H68.424H16.356V16.356z%20M16.356,432.898h52.068h52.068v52.068H16.356V432.898z%20M137.847,432.898h52.068h52.068%20v52.068H137.847V432.898z%20M259.339,432.898h52.068h52.068v52.068H259.339V432.898z%20M484.966,484.966H380.831v-52.068h52.068%20h52.068V484.966z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-size:cover;background-repeat:repeat}.board__square--flag{background-color:var(--color-boardRoad);background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='10px'%20height='10px'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20opacity='0.5'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6.5%201.75C6.5%201.33579%206.16421%201%205.75%201C5.33579%201%205%201.33579%205%201.75V21.75C5%2022.1642%205.33579%2022.5%205.75%2022.5C6.16421%2022.5%206.5%2022.1642%206.5%2021.75V13.6V3.6V1.75Z'%20fill='%231C274C'/%3e%3cpath%20d='M13.3486%203.78947L13.1449%203.70801C11.5821%203.08288%209.8712%202.9258%208.22067%203.25591L6.5%203.60004V13.6L8.22067%2013.2559C9.8712%2012.9258%2011.5821%2013.0829%2013.1449%2013.708C14.8385%2014.3854%2016.7024%2014.5119%2018.472%2014.0695L18.6864%2014.0159C19.3115%2013.8597%2019.75%2013.298%2019.75%2012.6538V5.28673C19.75%204.50617%2019.0165%203.93343%2018.2592%204.12274C16.628%204.53055%2014.9097%204.41393%2013.3486%203.78947Z'%20fill='red'/%3e%3c/svg%3e");background-size:cover;background-repeat:repeat}.board__square--error{background-color:red}.bullet{background-color:var(--color-boardRoad);background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3csvg%20width='70px'%20height='70px'%20viewBox='0%200%2070%2070'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0'%20y='0'%20width='70'%20height='70'%20fill='none'%20stroke='none'/%3e%3ccircle%20cx='35'%20cy='35'%20r='16'%20fill='%23454500'/%3e%3c/svg%3e");background-size:cover;background-repeat:repeat}.tank{background-color:var(--color-boardRoad);background-image:url(/no_game/assets/tank-PlC8iGyL.svg);background-size:cover;background-repeat:repeat}.tank--up{transform:rotate(0)}.tank--down{transform:rotate(180deg)}.tank--left{transform:rotate(-90deg)}.tank--right{transform:rotate(90deg)}.controller{display:grid;grid-template-columns:repeat(14,1fr);grid-template-rows:repeat(12,1fr)}.controller__label{color:var(--color-controllerLabel);font-size:clamp(1rem,-1.15rem + 10.8vw,1.875rem)}.controller__label--move{grid-row:2/3;grid-column:2/9}.controller__label--fire{grid-row:2/3;grid-column:9/15}.controller__label--reset{grid-row:10/11;grid-column:6/9}.controller__theme-toggle{grid-row:10/12;grid-column:11/12}.controller__btn{width:100%;height:100%;border-radius:8px;box-shadow:0 2px 4px #0003;transition:background-color .2s ease,transform .1s ease,box-shadow .2s ease}.controller__btn:not(:disabled):hover{box-shadow:0 4px 6px #0000004d}.controller__btn:not(:disabled):active{transform:scale(.97);box-shadow:0 2px 3px #00000040}.controller__btn:disabled{background-color:gray;box-shadow:none}.controller__btn--dUp,.controller__btn--dDown,.controller__btn--dLeft,.controller__btn--dRight{background-color:var(--color-dBtn)}.controller__btn--dUp:not(:disabled):hover,.controller__btn--dDown:not(:disabled):hover,.controller__btn--dLeft:not(:disabled):hover,.controller__btn--dRight:not(:disabled):hover{background-color:var(--color-dBtn-hover)}.controller__btn--dUp:active,.controller__btn--dDown:active,.controller__btn--dLeft:active,.controller__btn--dRight:active{background-color:var(--color-dBtn-active)}.controller__btn--dUp{grid-row:4/6;grid-column:4/5}.controller__btn--dDown{grid-row:7/9;grid-column:4/5}.controller__btn--dLeft{grid-row:6/7;grid-column:2/4}.controller__btn--dRight{grid-row:6/7;grid-column:5/7}.controller__btn--fDUp,.controller__btn--fDDown,.controller__btn--fDLeft,.controller__btn--fDRight{background-color:var(--color-fDBtn)}.controller__btn--fDUp:not(:disabled):hover,.controller__btn--fDDown:not(:disabled):hover,.controller__btn--fDLeft:not(:disabled):hover,.controller__btn--fDRight:not(:disabled):hover{background-color:var(--color-fDBtn-hover)}.controller__btn--fDUp:not(:disabled):active,.controller__btn--fDDown:not(:disabled):active,.controller__btn--fDLeft:not(:disabled):active,.controller__btn--fDRight:not(:disabled):active{background-color:var(--color-fDBtn-active)}.controller__btn--fDUp{grid-row:4/6;grid-column:11/12}.controller__btn--fDDown{grid-row:7/9;grid-column:11/12}.controller__btn--fDLeft{grid-row:6/7;grid-column:9/11}.controller__btn--fDRight{grid-row:6/7;grid-column:12/14}.controller__btn--fire{background-color:var(--color-fireBtn);grid-row:6/7;grid-column:11/12}.controller__btn--fire:not(:disabled):hover{background-color:var(--color-fireBtn-hover)}.controller__btn--fire:not(:disabled):active{background-color:var(--color-fireBtn-active)}.controller__btn--reset{background-color:var(--color-resetBtn);grid-row:11/12;grid-column:7/9}.controller__btn--reset:hover{background-color:var(--color-resetBtn-hover)}.controller__btn--reset:active{background-color:var(--color-resetBtn-active)}main{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}.game-container{width:90%;max-width:450px;-webkit-user-select:none;user-select:none;touch-action:manipulation}