html {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
}

* {
    margin: 0;
    padding: 0;
}

#wrapper {
    position: relative;
    overflow: hidden;
}

#info {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.info_header {
    display: block;
    text-align: left !important;
    font-size: 1.3em;
    margin-bottom: 1em;
}

#error {
    margin-top: 1em;
    color: red;
}

#video {
    z-index: 1;
    display: block;
    background-color: white;
}

#videoOverlay {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
}

#backgroundOverlay {
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("/torn.67491015.04ddc7a8.png");
    background-repeat: repeat-x;
    background-position-x: 0%;
    background-position-y: 107.5%;
}

#backgroundOverlay.normal {
    background-position-x: 0%;
    background-position-y: 107.5% !important;
}

#backgroundOverlay.less480 {
    background-position-x: 0%;
    background-position-y: 117.5% !important;
}

#backgroundOverlay.less300 {
    background-position-x: 0%;
    background-position-y: 125% !important;
}

#logo {
    z-index: 5;
    position: absolute;
    top: 5px;
    left: 5px;
}

#close {
    z-index: 5;
    position: absolute;
    top: 25px;
    right: 25px;
}

#menuWrapper {
    z-index: 4;
    position: relative;
    width: calc(100% - 100px);
    height: 55px;
    margin-top: -65px;
    margin-left: 50px;
    margin-right: 50px;
    padding: 0;
}

#menu {
    width: auto;
    height: 55px;
    list-style: none;
    margin: 0;
    margin-top: 3px;
    padding: 0;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

#menu>li.item {
    float: left;
    width: auto;
    height: auto;
    margin: 0;
    padding: 20px 20px 0 20px;
}

#menu>li.active {
    position: relative;
    font-size: 1.3rem;
    margin-top: -0.3rem;
}

#menu>li.selected {
    position: relative;
    font-size: 1.6rem !important;
    margin-top: -0.6rem !important;
}

#menu>li.selected>a>span.fix {
    display: none !important;
}

#menu>li.selected:after {
    content: "";
    height: 5px;
    width: 100%;
    position: absolute;
    top: 3.2rem;
    left: 0;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='162' height='3' viewBox='0 0 162 3' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.983216 1.11926C4.33625 0.870522 7.70896 0.724618 11.0877 0.682126C14.4499 0.627861 17.8044 0.615794 21.1512 0.645942C27.8449 0.69267 34.5233 0.855472 41.1632 0.915766L81.164 1.05746C87.8168 1.07856 94.4875 1.03484 101.15 0.968521L111.13 0.856977L121.124 0.766538C122.787 0.74845 124.463 0.727346 126.139 0.718302C127.815 0.709257 129.483 0.709255 131.154 0.70624C132.825 0.703225 134.481 0.706244 136.157 0.673082C137.833 0.63992 139.483 0.615799 141.146 0.537416L143.633 0.421345C144.465 0.377632 145.299 0.338438 146.133 0.306784C146.967 0.275129 147.802 0.251019 148.638 0.229916L151.141 0.165091L153.646 0.109319L156.105 0.0640996C156.929 0.0460112 157.76 0.021897 158.607 0.0113454C159.034 0.00380856 159.454 -0.00222202 159.925 0.000792722C160.048 0.000792722 160.168 0.000792354 160.332 0.00983656C160.455 0.0140265 160.578 0.0230899 160.7 0.0369681C160.794 0.0476877 160.887 0.0633251 160.977 0.0836961C161.087 0.219359 161.458 -0.06704 162 0.856977C161.91 1.65739 161.332 1.62724 161.324 1.7011C161.247 1.73205 161.166 1.75928 161.081 1.7825C161.015 1.80059 160.992 1.80511 160.953 1.81415L160.864 1.83375L160.726 1.85787L160.516 1.89103C160.388 1.90912 160.26 1.92268 160.158 1.93625C159.766 1.98247 159.36 1.93545 159.028 1.80547C158.695 1.67549 158.464 1.47317 158.384 1.24286C158.311 1.02552 158.377 0.799788 158.571 0.609904C158.766 0.420021 159.073 0.279669 159.434 0.216345H159.48L159.735 0.172635L159.823 0.154547C159.823 0.154547 159.822 0.154547 159.805 0.154547L159.748 0.168108C159.688 0.184992 159.63 0.20465 159.574 0.226898C159.574 0.291715 159.034 0.251015 158.945 1.03635C159.477 1.95133 159.815 1.65136 159.904 1.7825C159.969 1.79694 160.036 1.80853 160.104 1.81717C160.209 1.82923 160.181 1.81717 160.163 1.82621H159.943C159.582 1.82621 159.175 1.85034 158.763 1.86842C157.944 1.90611 157.108 1.94379 156.268 1.97544C155.846 1.99202 155.424 2.00559 154.989 2.01614L153.71 2.0493L151.215 2.11111L148.72 2.16386C147.886 2.18296 147.053 2.19703 146.223 2.20607C144.562 2.22567 142.884 2.20607 141.208 2.18346C139.532 2.16085 137.861 2.16386 136.19 2.18346C134.519 2.20305 132.864 2.23169 131.188 2.26787C127.861 2.34625 124.548 2.43368 121.208 2.53468C117.869 2.63567 114.533 2.72009 111.194 2.79093C109.525 2.81957 107.854 2.85122 106.186 2.87233L101.173 2.92509C97.8352 2.95524 94.4943 2.97634 91.1508 2.9884C87.8117 2.99593 84.4649 3.01553 81.1283 2.97634L61.1009 2.81806L51.086 2.73667L46.0786 2.69748C44.4077 2.6809 42.7522 2.67938 41.0685 2.64471C34.3672 2.5196 27.7144 2.2935 21.0643 2.17592C17.7379 2.11714 14.4115 2.08096 11.1133 2.11413C7.8299 2.13258 4.55037 2.25081 1.28769 2.46835C0.98512 2.48964 0.68054 2.4394 0.440732 2.32864C0.200925 2.21788 0.0454452 2.05564 0.00831925 1.87747C-0.0280067 1.70037 0.0555534 1.52198 0.240893 1.38091C0.426232 1.23985 0.698461 1.14747 0.998584 1.12378' fill='%23161616'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-size: cover;
}

#menu>li>a {
    color: black;
    text-decoration: none;
}

#paddleWrapper {
    position: relative;
    margin-top: -50px;
    max-width: 1280px;
    height: 55px;
    background-color: white;
}

#paddleWrapper>button {
    z-index: 5;
    background-color: transparent;
    border: none;
}

.paddle {
    position: absolute;
    top: 0;
    bottom: 0;
}

.paddle>img {
    opacity: 80%;
    height: 50px;
    margin-top: 5px;
}

.paddle.active>img {
    opacity: 100%;
}

.paddle.disabled>img {
    opacity: 30%;
}

#leftPaddle {
    left: 0;
    margin-right: 1px;
    padding: 0 11px;
}

#rightPaddle {
    right: 0;
    margin-left: 1px;
    padding: 0 11px;
}

.hidden {
    display: none;
}

@font-face {
    font-family: "MuseoSans";
    src: url("/MuseoSans-100.399bec24.8d36f5a0.woff2") format("woff2"), url("/MuseoSans-100.3ec40a7c.35ca521a.woff") format("woff");
    font-weight: 100;
}

@font-face {
    font-family: "MuseoSans";
    src: url("/MuseoSans-300.09321c0b.3d089a0a.woff2") format("woff2"), url("/MuseoSans-300.b06d0552.331da6f7.woff") format("woff");
    font-weight: 300;
}

@font-face {
    font-family: "MuseoSans";
    src: url("/MuseoSans-500.c8554e59.b9026241.woff2") format("woff2"), url("/MuseoSans-500.5607646c.33a57a2a.woff") format("woff");
    font-weight: 500;
}

@font-face {
    font-family: "MuseoSans";
    src: url("/MuseoSans-700.ce4e27e9.a48e8741.woff2") format("woff2"), url("/MuseoSans-700.efcf93f9.8a7b0454.woff") format("woff");
    font-weight: 700;
}

@font-face {
    font-family: "Museo";
    src: url("/Museo-100.73351f16.9356fb7e.woff2") format("woff2"), url("/Museo-100.359f09b0.a0d86d92.woff") format("woff");
    font-weight: 100;
}

@font-face {
    font-family: "Museo";
    src: url("/Museo-300.51d8543b.0a528719.woff2") format("woff2"), url("/Museo-300.65ad18c4.66445268.woff") format("woff");
    font-weight: 300;
}

@font-face {
    font-family: "Museo";
    src: url("/Museo-500.e5b78f31.888c3639.woff2") format("woff2"), url("/Museo-500.5f36d223.0c1b27c6.woff") format("woff");
    font-weight: 500;
}

@font-face {
    font-family: "Museo";
    src: url("/Museo-700.7435dbbc.95fe7a0c.woff2") format("woff2"), url("/Museo-700.8a05c5e6.ead1e98b.woff") format("woff");
    font-weight: 700;
}

@font-face {
    font-family: "Museo";
    src: url("/Museo-900.b5bf2a4d.e996db49.woff2") format("woff2"), url("/Museo-900.9d92d1f8.0a2fcfa7.woff") format("woff");
    font-weight: 900;
}

* {
    font-family: "Museo", Verdana, sans-serif;
}

@media screen and (min-width: 1441px) {
    html {
        font-size: 18px;
    }
}

@media screen and (max-width: 1440px) {
    html {
        font-size: 17px;
    }
}

@media screen and (max-width: 1080px) {
    html {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    html {
        font-size: 15px;
    }

    #logo {
        max-width: 120px;
        top: 15px;
        left: 15px;
    }

    #close {
        top: 30px;
        right: 30px;
        width: 40px;
    }

    .paddle>img {
        height: 40px;
    }

    #menuWrapper {
        max-width: 100% !important;
        margin-top: -75px;
    }
}

/* Enforce landscape for mobiles and tablets till max-width used for desktop also */
@media screen and (min-width: 320px) and (max-width: 1280px) and (orientation: portrait) {
    html {
        /* -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        transform-origin: right top;
        position: absolute;
        top: 100%;
        right: 0; */
    }



    #videoOverlay {
        left: 0 !important;
        top: 0;
        /* transform: translateX(-50%); */
    }

    #videoOverlay img {
        height: 100%;
        width: 100%;
    }



}

#videoWrapper.protanopia video {
    /* Ch 23+, Saf 6.0+, BB 10.0+ */
    /* filter: grayscale(100%); */
    -webkit-filter: url(/filters.58c47948.b9106ef3.svg#protanopia);
    filter: url(/filters.58c47948.b9106ef3.svg#protanopia);
}

#videoWrapper.deuteranopia video {
    /* Ch 23+, Saf 6.0+, BB 10.0+ */
    /* filter: grayscale(100%); */
    -webkit-filter: url(/filters.58c47948.b9106ef3.svg#deuteranopia);
    filter: url(/filters.58c47948.b9106ef3.svg#deuteranopia);
}

#videoWrapper.tritanopia video {
    /* Ch 23+, Saf 6.0+, BB 10.0+ */
    /* filter: grayscale(100%); */
    -webkit-filter: url(/filters.58c47948.b9106ef3.svg#tritanopia);
    filter: url(/filters.58c47948.b9106ef3.svg#tritanopia);
}

#videoWrapper.achromatopsia video {
    /* Ch 23+, Saf 6.0+, BB 10.0+ */
    /* filter: grayscale(100%); */
    -webkit-filter: url(/filters.58c47948.b9106ef3.svg#achromatopsia);
    filter: url(/filters.58c47948.b9106ef3.svg#achromatopsia);
}

#video {
    /* -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); */
    /* height for mob without navbar, fallback */
    height: 100vh;
    height: 100svh;
}

#video {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

#wrapper {
    height: 100vh;
    height: 100svh;
}

#backgroundOverlay {
    left: 0 !important;
    bottom: 0;
    top: auto;
    width: 100%;
    height: 110px;
}

#videoOverlay {
    width: 100%;
    height: 100%;
    left: 0 !important;
}

#videoOverlay img {
    width: 100%;
    height: 100%;
}

#paddleWrapper {
    max-width: 100%;
}

#close {
    -webkit-filter: drop-shadow(2px 0px 0 #ffffff) drop-shadow(0px 2px 0 #ffffff) drop-shadow(-2px -0px 0 #ffffff) drop-shadow(-0px -2px 0 #ffffff);
    filter: drop-shadow(2px 0px 0 #ffffff) drop-shadow(0px 2px 0 #ffffff) drop-shadow(-2px -0px 0 #ffffff) drop-shadow(-0px -2px 0 #ffffff);
}

#videoWarning {
    position: fixed;
    top: 0;
    left: 0;
    height: 100svh;
    width: 100%;
    z-index: 3;
    align-items: center;
    justify-content: center;
    display: none;
}

#videoWarning.show {
    display: flex;
}

#videoWarning.show~#logo {
    top: 15px;
    left: 15px;
}

#videoWarning p {
    width: calc(100% - 20px);
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, .75);
    height: calc(100% - 20px);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px;
    box-sizing: border-box;
    font-size: 20px;
    font-weight: 900;
}

.achromatopsia.showFilter video {
    filter: grayscale(100%) !important;
    -webkit-filter: grayscale(100%) !important;
}


/*# sourceMappingURL=/styles.232e618f.css.map */