:root, * {
    box-sizing: border-box;
    text-decoration: none;
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    color: inherit;
}

* {
    -webkit-font-smoothing: antialiased; /* Chrome, Safari */
    -moz-osx-font-smoothing: grayscale; /* Firefox */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
}

*:not(.ardplayer-addon-jumpmark) {
    outline-color: #fff;
    outline-offset: 0.25rem;
}

@font-face {
    font-family: 'Mikado';
    font-weight: 500;
    src: url(/kikare-assets/fonts/mikado/MikadoWeb-Medium.woff2) format('woff2');
}

/** fallback for old games */
@font-face {
    font-family: 'ultramagnetic';
    src: url(/kikare-assets/fonts/mikado/MikadoWeb-Medium.woff2) format('woff2');
}

@font-face {
    font-family: 'ultramagnetic';
    font-weight: 500;
    src: url(/kikare-assets/fonts/mikado/MikadoWeb-Medium.woff2) format('woff2');
}

@font-face {
    font-family: 'Mikado';
    font-weight: bold;
    src: url(/kikare-assets/fonts/mikado/MikadoWeb-Bold.woff2) format('woff2');
}

@font-face {
    font-family: 'Mikado';
    src: url(/kikare-assets/fonts/mikado/MikadoWeb-Regular.woff2) format('woff2');
}

/** prevent img and link dragging */
a, img {
    user-select: none;
    -webkit-user-drag: none;


}

@font-face {
    font-family: kikons;
    font-style: normal;
    font-weight: bold;
    font-display: block;
    src: url('https://www.kika.de/resources/fonts/kika/kicons.woff') format('woff');
}

* {
    font-family: Mikado, Arial, sans-serif;
    font-variant-ligatures: none;
}

select {
    font-family: Arial, Helvetica, sans-serif;
}

body {
    background-color: #13314b;
    position: relative;
    font-variant-ligatures: none;
}

html.mouse-active a:focus,
html.mouse-active a:focus :first-child,
html.mouse-active button:focus,
html.mouse-active button:focus :first-child {
    outline: 0 !important;
}


input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}


.ardplayer {
    > * {
        font-family: Mikado, Arial, sans-serif !important;
    }

    .ardplayer-icon-info, .ardplayer-bottom-sheet-sharing .ardplayer-icon-arrowleft, .ardplayer-bottom-sheet-sharing .ardplayer-icon-arrowright {
        display: none !important;
    }

    --ardplayer-darkmode-color-primary-live: #e53519 !important;
    --ardplayer-darkmode-color-primary-live-transparent-30: rgba(255, 102, 112, .7);
    --ardplayer-darkmode-color-primary-live-transparent-50: rgba(255, 102, 112, .5);
    --ardplayer-darkmode-color-primary-base: #2d91ff;
    --ardplayer-darkmode-color-primary-base-transparent-30: rgba(45, 145, 255, .7);
    --ardplayer-darkmode-color-primary-base-transparent-50: rgba(45, 145, 255, .5);
    --ardplayer-darkmode-color-primary: var(--ardplayer-darkmode-color-primary-base);
    --ardplayer-darkmode-color-primary-transparent-30: var(--ardplayer-darkmode-color-primary-base-transparent-30);
    --ardplayer-darkmode-color-primary-transparent-50: var(--ardplayer-darkmode-color-primary-base-transparent-50);
    --ardplayer-darkmode-color-primary-dark-base: #13314b !important;
    --ardplayer-darkmode-color-primary-dark-base-transparent-30: rgba(0, 30, 80, .7);
    --ardplayer-darkmode-color-primary-dark-base-transparent-50: rgba(0, 30, 80, .5);
    --ardplayer-darkmode-color-primary-dark-base-transparent-90: rgba(0, 30, 80, .1);
    --ardplayer-darkmode-color-primary-dark-base-transparent-100: rgba(0, 30, 80, 0);
    --ardplayer-darkmode-color-primary-dark-live: #e53519 !important;
    --ardplayer-darkmode-color-primary-dark-live-transparent-30: rgba(72, 7, 30, .7);
    --ardplayer-darkmode-color-primary-dark-live-transparent-50: rgba(72, 7, 30, .5);
    --ardplayer-darkmode-color-primary-dark-live-transparent-90: rgba(72, 7, 30, .1);
    --ardplayer-darkmode-color-primary-dark-live-transparent-100: rgba(72, 7, 30, 0);
    --ardplayer-darkmode-color-primary-dark: var(--ardplayer-darkmode-color-primary-dark-base);
    --ardplayer-darkmode-color-primary-dark-transparent-30: var(--ardplayer-darkmode-color-primary-dark-base-transparent-30);
    --ardplayer-darkmode-color-primary-dark-transparent-50: var(--ardplayer-darkmode-color-primary-dark-base-transparent-50);
    --ardplayer-darkmode-color-primary-dark-transparent-90: var(--ardplayer-darkmode-color-primary-dark-base-transparent-90);
    --ardplayer-darkmode-color-primary-dark-transparent-100: var(--ardplayer-darkmode-color-primary-dark-base-transparent-100);
    --ardplayer-darkmode-color-secondary: #162034;
    --ardplayer-darkmode-color-secondary-transparent-30: rgba(22, 32, 52, .7);
    --ardplayer-darkmode-color-secondary-transparent-50: rgba(22, 32, 52, .5);
    --ardplayer-darkmode-color-tertiary-base: #0071ee;
    --ardplayer-darkmode-color-tertiary: var(--ardplayer-darkmode-color-tertiary-base);
    --ardplayer-darkmode-color-tertiary-dark: #003480;
    --ardplayer-darkmode-color-darkest: #000;
    --ardplayer-darkmode-color-dark: #494949;
    --ardplayer-darkmode-color-light: #c4c4c4;
    --ardplayer-darkmode-color-light-transparent-90: hsla(0, 0%, 77%, .1);
    --ardplayer-darkmode-color-lightest: #fff;
    --ardplayer-darkmode-color-lightest-transparent-30: hsla(0, 0%, 100%, .7);
    --ardplayer-darkmode-color-lightest-transparent-50: hsla(0, 0%, 100%, .5);
    --ardplayer-darkmode-color-ui-background-shim: linear-gradient(180deg, rgba(0, 14, 41, .9), rgba(0, 14, 41, 0) 20%, rgba(0, 14, 41, 0) 60%, rgba(0, 14, 41, .8));
    --ardplayer-darkmode-color-ui-background-shim-s: linear-gradient(180deg, rgba(0, 14, 41, .9), rgba(0, 14, 41, 0) 50%, rgba(0, 14, 41, 0) 0, rgba(0, 14, 41, .8));

    --ardplayer-color-primary-live: var(--ardplayer-darkmode-color-primary-live);
    --ardplayer-color-primary-live-transparent-30: var(--ardplayer-darkmode-color-primary-live-transparent-30);
    --ardplayer-color-primary-live-transparent-50: var(--ardplayer-darkmode-color-primary-live-transparent-50);
    --ardplayer-color-primary-base: var(--ardplayer-darkmode-color-primary-base);
    --ardplayer-color-primary-base-transparent-30: var(--ardplayer-darkmode-color-primary-base-transparent-30);
    --ardplayer-color-primary-base-transparent-50: var(--ardplayer-darkmode-color-primary-base-transparent-50);
    --ardplayer-color-primary: var(--ardplayer-color-primary-base);
    --ardplayer-color-primary-transparent-30: var(--ardplayer-color-primary-base-transparent-30);
    --ardplayer-color-primary-transparent-50: var(--ardplayer-color-primary-base-transparent-50);
    --ardplayer-color-primary-dark-base: var(--ardplayer-darkmode-color-primary-dark-base);
    --ardplayer-color-primary-dark-base-transparent-30: var(--ardplayer-darkmode-color-primary-dark-base-transparent-30);
    --ardplayer-color-primary-dark-base-transparent-50: var(--ardplayer-darkmode-color-primary-dark-base-transparent-50);
    --ardplayer-color-primary-dark-base-transparent-90: var(--ardplayer-darkmode-color-primary-dark-base-transparent-90);
    --ardplayer-color-primary-dark-base-transparent-100: var(--ardplayer-darkmode-color-primary-dark-base-transparent-100);
    --ardplayer-color-primary-dark-live: var(--ardplayer-darkmode-color-primary-dark-live);
    --ardplayer-color-primary-dark-live-transparent-30: var(--ardplayer-darkmode-color-primary-dark-live-transparent-30);
    --ardplayer-color-primary-dark-live-transparent-50: var(--ardplayer-darkmode-color-primary-dark-live-transparent-50);
    --ardplayer-color-primary-dark-live-transparent-90: var(--ardplayer-darkmode-color-primary-dark-live-transparent-90);
    --ardplayer-color-primary-dark-live-transparent-100: var(--ardplayer-darkmode-color-primary-dark-live-transparent-100);
    --ardplayer-color-primary-dark: var(--ardplayer-color-primary-dark-base);
    --ardplayer-color-primary-dark-transparent-30: var(--ardplayer-color-primary-dark-base-transparent-30);
    --ardplayer-color-primary-dark-transparent-50: var(--ardplayer-color-primary-dark-base-transparent-50);
    --ardplayer-color-primary-dark-transparent-90: var(--ardplayer-color-primary-dark-base-transparent-90);
    --ardplayer-color-primary-dark-transparent-100: var(--ardplayer-color-primary-dark-base-transparent-100);
    --ardplayer-color-secondary: var(--ardplayer-darkmode-color-secondary);
    --ardplayer-color-secondary-transparent-30: var(--ardplayer-darkmode-color-secondary-transparent-30);
    --ardplayer-color-secondary-transparent-50: var(--ardplayer-darkmode-color-secondary-transparent-50);
    --ardplayer-color-tertiary-base: var(--ardplayer-darkmode-color-tertiary-base);
    --ardplayer-color-tertiary: var(--ardplayer-color-tertiary-base);
    --ardplayer-color-tertiary-dark: var(--ardplayer-darkmode-color-tertiary-dark);
    --ardplayer-color-darkest: var(--ardplayer-darkmode-color-darkest);
    --ardplayer-color-dark: var(--ardplayer-darkmode-color-dark);
    --ardplayer-color-light: var(--ardplayer-darkmode-color-light);
    --ardplayer-color-light-transparent-90: var(--ardplayer-darkmode-color-light-transparent-90);
    --ardplayer-color-lightest: var(--ardplayer-darkmode-color-lightest);
    --ardplayer-color-lightest-transparent-30: var(--ardplayer-darkmode-color-lightest-transparent-30);
    --ardplayer-color-lightest-transparent-50: var(--ardplayer-darkmode-color-lightest-transparent-50);
    --ardplayer-color-ui-background-shim: var(--ardplayer-darkmode-color-ui-background-shim);
    --ardplayer-color-ui-background-shim-s: var(--ardplayer-darkmode-color-ui-background-shim-s);

}