<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
    <head>
        <title>Игра | Unofficial</title>
        <style>
            @font-face {
                font-family: 'Rotonda';
                src: url('/file/fnt/rotonda_bold.ttf') format('truetype');
            }

            body {
                display: block;
                margin: 0;
                font-family: Rotonda, Tahoma, serif;
            }

            #main {
                background-image: url('/file/img/game_bg.jpg');
                background-repeat: repeat-x;
                background-size: contain;
                width: 100%;
            }

            .ratio {
                display: grid;
                max-width: 84vw;
                max-height: 84vw;
                margin-left: auto;
                margin-right: auto;
            }

            .ratio > * {
              grid-area: 1/1;
            }

            embed {
                position: relative;
                height: 100%; /* 495px */
                width: 100%; /* 815px */
            }

            .navbar {
                width: 100%;
                height: 24px;
                background-color: #059ddc;
                display: flex;
            }

            .navbar > div > a {
                margin-left: 2px;
                margin-right: 2px;
                text-decoration: none;
                font-size: 14px;
                vertical-align: middle;
                color: #ffffff;
            }

            .navbar > .left-links {
                display: flex;
                margin-left: 3px;
                padding: 2px;
            }

            .navbar > .right-links {
                display: flex;
                margin-left: auto;
            }
        </style>
    </head>
    <body>
        <div class="navbar">
            <div class="left-links">
                <a href="/">Правила</a>
                <a>|</a>
                <a href="/">Экскурсия</a>
                <a>|</a>
                <a href="/">Получить ШарарамКарту</a>
            </div>
            <div class="right-links">
                <a href="/">Сообщи Пину об ошибке</a>
                <a>|</a>
                <a href="/logout">Выход из игры</a>
            </div>
        </div>
        <div id="main">
            <div class="ratio">
                <svg viewBox="0 0 1.65 1"></svg>
                <div>
                    <embed wmode="transparent" type="application/x-shockwave-flash" src="/file/swf/base.swf" th:flashvars="${flashVars}">
                </div>
            </div>
        </div>
    </body>
</html>