@import url(https://fonts.googleapis.com/css2?family=Azeret + Mono:ital, wght@0, 100..900;1, 100..900&display=swap);
            :root {
                --col-bg: #7263FC;
                --col-bg-light: #ffdcae;
                --col-bg-lighter: #3e353a;
                --col-primary: #7f74f7;
                --col-primary-dark: #ff2700;
                --col-primary-light: #7263fc;
                --col-shadow: rgba(0, 0, 0, 0.25);
                --col-white: #fff;
            }
            * {
                box-sizing: border-box;
                margin:0 auto;
                line-height: 1;
            }
            body {
                background-color: var(--col-bg);
                font-family: "Azeret Mono", sans-serif;

            }
			
            .container {
                width: 100%;
                max-width: 640px;				
				display:flex;                
                height: 100vh;
            }
            #game-canvas {
                position: relative;
                justify-items: center;
				display:flex;
            }
            #game-ui {
                position: absolute;
                width: 100%;
                height: 100%;
                pointer-events: none;
                user-select: none;
                font-weight: 700;
                display: none;
                transform-origin: top left;
            }
            #game-score {
                position: absolute;
                width: 100%;
                border-bottom: 4px dashed #3e353a;
                font-size: 84px;
                font-weight: 900;
                padding-left: 16px;
                color: #a8b6ff;
            }
            #game-end-container {
                position: absolute;
                width: 100%;
                height: 100%;
                display: flex;
                align-items: center;
                justify-items: center;
                background-color: var(--col-shadow);
            }
            #game-end {
                text-align: center;
                padding: 32px 48px;
                background-color: var(--col-bg-lighter);
                border: 5px solid var(--col-primary);
                box-shadow: 0 4px 32px var(--col-shadow);
                border-radius: 32px;
                margin: 0 auto;
                pointer-events: initial;
                user-select: initial;
            }
            #game-end-title {
                font-weight: 700;
                font-size: 48px;
                color: #fff;
            }
            #more-games-link {
                margin-left: 10px;
            }			
            #game-end-link,
            #more-games-link {
                display: inline-block;
                color: var(--col-white);
                font-size: 24px;
                text-decoration: none;
                background-color: var(--col-primary-light);
                margin-top: 16px;
                padding: 16px;
                border-radius: 16px;
                box-shadow: 4px 4px 0 var(--col-shadow);
            }
            #game-end-link:hover,
            #more-games-link:hover {
                background-color: var(--col-primary);
                box-shadow: 6px 6px 0 var(--col-shadow);
            }

            #game-status {
                position: absolute;
                left: 0;
                right: 0;
                bottom: 0;
                height: 48px;
                background-color: var(--col-bg-lighter);
                display: flex;
                justify-content: space-between;
				
            }
            .game-status-item {margin: 0px;
                display: flex;
                line-height: 1;
                align-items: center;
                margin-right: 15px;
            }
            .game-status-label {
                color: #fff;
                font-size: 17px;
                margin-left: 24px;
                margin-right: 8px;
            }
            #game-highscore-value {
                color: #fff;
                font-weight: 700;
                font-size: 24px;
            }
            #game-next-fruit {
                width: 35px;
                height: 35px;
            }
            #more-games-logo {
                width: 200px;
                height: 48px;
            }