@layer reset,theme,base;@layer reset{*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}a,button{cursor:revert}ol,ul,menu,summary{list-style:none}ol{counter-reset:revert}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert;box-sizing:border-box}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert;box-sizing:border-box}::-webkit-details-marker{display:none}}@layer theme.theme{:root{--color-dark-slate-gray: hsl(178deg 41% 25%);--color-dark-slate-gray-light: hsl(178deg 41% 35%);--color-dark-slate-gray-dark: hsl(178deg 41% 15%);--color-teal-blue: hsl(196deg 36% 35%);--color-teal-blue-light: hsl(196deg 36% 45%);--color-teal-blue-dark: hsl(196deg 36% 25%);--color-eggshell: hsl(53deg 44% 88%);--color-metallic-sunburst: hsl(35deg 60% 35%);--color-maize-crayola: hsl(43deg 92% 63%)}}@layer base{body{background-color:var(--color-eggshell);font-family:Open Sans,sans-serif;font-size:1rem}.snake-game-container{margin-inline:auto;padding:1rem;text-align:center}.visually-hidden{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.snake-game-title{color:var(--color-dark-slate-gray);font-size:1.875rem;margin-block-end:1.875rem;text-align:center}.snake-game-canvas{background-color:var(--color-maize-crayola);border:.125rem dashed var(--color-metallic-sunburst);border-radius:.188rem;height:auto;max-width:100%;padding:.188rem}.snake-game-start-button-container,.snake-game-sound-button-container{display:flex;justify-content:center;margin-block-start:1.875rem}.snake-game-start-button,.snake-game-sound-button{background-color:var(--color-dark-slate-gray);border-radius:.188rem;color:var(--color-eggshell);padding-block:.625rem;padding-inline:1.5rem;transition:background-color 80ms ease,box-shadow 80ms ease,opacity .2s linear,scale .2s ease-in-out}:is(.snake-game-start-button,.snake-game-sound-button):disabled{opacity:.3;scale:.8}:is(.snake-game-start-button,.snake-game-sound-button):not(:disabled){cursor:pointer}@media(hover:hover){:is(.snake-game-start-button,.snake-game-sound-button):not(:disabled):hover{background-color:var(--color-metallic-sunburst)}}:is(.snake-game-start-button,.snake-game-sound-button):not(:disabled):focus-visible{outline:.125rem dashed var(--color-metallic-sunburst);outline-offset:.125rem}:is(.snake-game-start-button,.snake-game-sound-button):not(:disabled):active{box-shadow:0 0 .375rem #0000007f}}