:root {
    color-scheme: dark;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --blue: #458588;
    --blue-d: #83a598;
    --purple: #b16286;
    --purple-d: #d3869b;
    --red: #cc241d;
    --red-l: #fb4934;
    --orange: #d65d0e;
    --orange-l: #fe8019;
    --yellow: #d79921;
    --yellow-l: #fabd2f;
    --green: #98971a;
    --green-d: #b8bb26;
    --aqua: #689d6a;
    --aqua-d: #8ec07c;
    --white: #fff;
    --gray: #928374;
    --gray-l: #a89984;
    --primary: #fe8019;
    --secondary: #458588;
    --success: #689d6a;
    --info: #fabd2f;
    --info-l: #d79921;
    --warning: #d79921;
    --danger: #cc241d;
    --light: #ebdbb2;
    --dark: #1d2021;
    --bg0: #282828;
    --bg0-h: #1d2021;
    --bg1: #3c3836;
    --bg2: #504945;
    --bg3: #665c54;
    --bg4: #7c6f64;
    --fg: #ebdbb2;
    --fg0: #fbf1c7;
    --fg1: #ebdbb2;
    --fg2: #d5c4a1;
    --fg3: #bdae93;
    --fg4: #a89984;
    background-color: var(--bg0);
    color: var(--fg);
}

h1,
h2,
h3 {
    color: var(--primary);
}

h4,
h5,
h6 {
    color: var(--secondary);
}

html {
    -webkit-text-size-adjust: 100%;
    background-color: var(--bg0);
    color: var(--fg);
}

body {
    color: var(--fg);
    background-color: var(--bg0);
    margin: 0px;
}

a {
    color: var(--info);
    text-decoration: underline;
    background-color: inherit;
}

a:hover {
    color: var(--info-l);
}

button.warning {
    color: var(--danger);
}

.btn-link {
    color: var(--info);
}

.btn-link:hover {
    color: var(--info-l);
}

.card {
    background-color: var(--bg1);
}

.boxShadow {
    box-shadow: 2px 2px 4px var(--bg0-h);
}

.sidebar {
    background-color: var(--grey);
}

.navbar {
    background-color: var(--bg0-h);
    box-shadow: 0px 0px 3px var(--bg0-h);
}

.card {
    background-color: var(--bg0-h);
}

.card-body {
    background-color: var(--bg0-h);
}

.card-title {
    color: var(--yellow-l);
}


/* For icons */

svg {
    fill: var(--primary);
}


/* svg {
    position: relative;
    size: 24px;
    width: 24px;
    height: 24px;
    fill: none;
    background-color: inherit;
    border: unset;
} */
button {
    background-color: inherit;
    color: inherit;
    outline: none;
}

button:hover {
    background-color: var(--primary);
}

button:active {
    background-color: white;
}

input:disabled {
    color: #ccc;
}

.btn-clear {}

.btn-clear:hover {
    background-color: var(--info);
}


/* button:disabled {
    color: #999;
}

button:not(:disabled):active {
    background-color: #ddd;
}

button:focus {
    border-color: #666;
} */
label {
    display: block;
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    -webkit-padding: 0.4em 0;
    padding: 0.4em;
    margin: 0 0 0.5em 0;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 2px;
}

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}


.boxShadow {
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
}

div {
    display: block;
}

form {
    margin: 0.2em 0.2em 0.2em 0.2em;
}

main {
    margin: auto;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    min-width: fit-content;
}


button:not(:disabled):active {
    background-color: #ddd;
}

button:focus {
    border-color: #666;
}
@media(min-width: 992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media(min-width: 768px){.container,.container-md,.container-sm{max-width:720px}}@media(min-width: 576px){.container,.container-sm{max-width:540px}}
.card.svelte-iimygf{size:10rem;position:relative;margin:12px auto;background-color:inherit;min-width:0;word-wrap:break-word;background-clip:border-box;border:1px solid rgba(0, 0, 0, 0.125);border-radius:0.25rem;transition:0.3s all ease-in-out}.card.svelte-iimygf:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}h5.svelte-iimygf{font-size:1rem;display:block;margin-block-start:1.67em;margin-block-end:1.67em;margin-inline-start:0px;margin-inline-end:0px}.high-contrast.svelte-iimygf{color:white;text-shadow:-1px 1px 0 #000, 1px 1px 0 #000, 1px -1px 0 #000,
            -1px -1px 0 #000;-webkit-font-smoothing:antialiased}.card-title.svelte-iimygf{margin-bottom:0.5rem}.card-body.svelte-iimygf{background-color:transparent;fill:none;text-align:left;padding:1rem 1rem;position:absolute;top:0;left:0;width:auto;height:auto;min-width:0;word-wrap:normal;border:1px solid rgba(0, 0, 0, 0.125);border-radius:0.25rem}
.card-grid.svelte-1p30mtj{display:grid;grid-column-gap:12px;grid-auto-flow:row;grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));overflow:hidden}
.gameplayer.svelte-w7i3g0.svelte-w7i3g0{position:relative;width:100%;height:100%}.fullscreen.svelte-w7i3g0 .game-overlay.svelte-w7i3g0{position:fixed;display:flex;top:0;left:0;z-index:2;cursor:pointer}.game.svelte-w7i3g0.svelte-w7i3g0{position:relative;width:100% auto;height:100% auto;transition-property:width, height, top, left, right, bottom;transition:all 240ms ease-in-out}.fullscreen.svelte-w7i3g0 .game.svelte-w7i3g0{position:fixed;top:0;left:0;width:100vw;height:100vh}.fullscreen.svelte-w7i3g0.svelte-w7i3g0{position:fixed;top:0;left:0;width:100vw;height:100vh}
.form-inline.svelte-13ozkwa.svelte-13ozkwa{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.form-control.svelte-13ozkwa.svelte-13ozkwa{display:block;width:100%;height:calc(1.5em + 0.75rem + 2px);padding:0.375rem 0.75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:0.25rem;transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}@media(min-width: 576px){.form-inline.svelte-13ozkwa .form-control.svelte-13ozkwa{display:inline-block;width:auto;vertical-align:middle}}input.svelte-13ozkwa.svelte-13ozkwa{overflow:visible}button.svelte-13ozkwa.svelte-13ozkwa,input.svelte-13ozkwa.svelte-13ozkwa{margin:0;font-family:inherit;font-size:inherit;line-height:inherit;box-sizing:border-box}
.sidebar{padding:0;margin:0;z-index:2;position:fixed;display:flex;transition:transform 0.3s ease-out;-webkit-transition:-webkit-transform 0.3s ease-out;will-change:transform;overflow:auto;position:fixed;background-color:var(--bg0-h);transition:width 200ms ease}.sidebar-nav{padding:0;margin:0;list-style:none;height:100%;display:flex;align-items:center}.sidebar:hover .link-text{display:block}.nav-item{width:100%}.nav-link{display:flex;align-items:center;height:5rem;text-decoration:none}.link-text{display:none;margin-left:1rem}.nav-link svg{min-width:2rem;margin:0 1.5rem}@media only screen and (min-width: 600px){.sidebar{top:0;width:5rem;height:100vh}.sidebar:hover{width:12rem}.sidebar:hover .link-text{display:inline;transition:opacity 200ms}.sidebar-nav{flex-direction:column}.nav-link{justify-content:center}main{margin:1rem;margin-left:7rem}}@media only screen and (max-width: 600px){.sidebar{bottom:0;width:100vw;height:5rem}.sidebar:hover .link-text{display:none}.sidebar-nav{justify-content:center;flex-direction:row}.nav-item{justify-content:center}.nav-link{justify-content:center}main{margin:0}}
.navbar.svelte-gamjmg{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:0.5rem 1rem}.sticky-top.svelte-gamjmg{position:-webkit-sticky;position:sticky;top:0;z-index:1020}