@import "./assets/fonts/Jura.css";

/* client/App.css */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html,
body {
  width: 100dvw;
  height: 100dvh;
  overflow: hidden;
}
body {
  background:
    #161616 linear-gradient(
      135deg,
      #161616,
      #222222) center / contain no-repeat !important;
  font-family: "Jura", sans-serif;
  color: #fefaf0;
  cursor: default;
}
:not(.selectable) {
  user-select: none;
  -webkit-user-select: none;
}
:focus {
  outline: none !important;
}
input,
button,
textarea {
  font: inherit;
  text-align: inherit;
  transition: all 300ms ease;
}
input[type=text] {
  display: block;
  padding: 10px;
  border: unset;
  border-bottom: 1px solid #ffffff;
  background-color: transparent;
  color: #ffffff;
}
input[type=text]:focus {
  border-color: #ffa500;
  background-color: rgba(255, 165, 0, 0.1);
}
button {
  padding: 10px;
  border: unset;
  border-radius: 4px;
  background-color: #ffa500;
  cursor: pointer;
}
button:disabled {
  filter: grayscale(1);
}
button:not(:disabled):hover {
  filter: brightness(1.1);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

/* fakecss:/var/www/irt.maxqnei.com/client/components/SocketStatus.esbuild-svelte-fake-css */
.socket-status.svelte-sutsf5 {
  position: fixed;
  z-index: 1024;
  right: 0;
  bottom: 0;
  padding: 8px;
  pointer-events: none;
}
.socket-status.svelte-sutsf5 > div:where(.svelte-sutsf5) {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: lightgoldenrodyellow;
  transition: all 500ms;
}
.socket-status.connected.svelte-sutsf5 > div:where(.svelte-sutsf5) {
  background-color: yellowgreen;
}
.socket-status.svelte-sutsf5:not(.connected) > div:where(.svelte-sutsf5) {
  background-color: tomato;
}

/* fakecss:/var/www/irt.maxqnei.com/client/components/Auth.esbuild-svelte-fake-css */
input.svelte-1mubhrh {
  width: 320px;
}
.block-auth.svelte-1mubhrh {
  position: fixed;
  top: 0;
  left: 0;
  width: 100dvw;
  height: 100dvh;
  display: grid;
  justify-content: center;
  align-content: center;
  transition: all 300ms ease;
}
.block-content.svelte-1mubhrh {
  display: grid;
  grid-gap: 8px;
  padding: 20px;
  background-color: rgba(120, 120, 120, 0.5);
  text-align: center;
}
.block-auth.svelte-1mubhrh:not(.show) {
  pointer-events: none;
  opacity: 0;
  transform: scale(0.9);
  transform-origin: center;
}

/* fakecss:/var/www/irt.maxqnei.com/client/components/Lobby.esbuild-svelte-fake-css */
input.svelte-diwg5m {
  width: 120px;
}
.block-room.svelte-diwg5m {
  position: fixed;
  top: 0;
  left: 0;
  width: 100dvw;
  height: 100dvh;
  display: grid;
  grid-template-columns: max-content max-content;
  grid-gap: 10px;
  justify-content: center;
  align-content: center;
  transition: all 300ms ease;
}
.block-content.svelte-diwg5m {
  align-self: flex-start;
  display: grid;
  grid-gap: 8px;
  padding: 20px;
  background-color: rgba(120, 120, 120, 0.5);
}
.block-room.svelte-diwg5m:not(.show) {
  pointer-events: none;
  opacity: 0;
  transform: scale(0.9);
  transform-origin: center;
}
.user.svelte-diwg5m {
  grid-template-columns: max-content 1fr max-content;
  align-items: center;
}
.user.svelte-diwg5m button:where(.svelte-diwg5m) {
  text-align: center;
}

/* fakecss:/var/www/irt.maxqnei.com/client/components/Play.esbuild-svelte-fake-css */
.block-play.svelte-1qxv27s {
  position: fixed;
  top: 0;
  left: 0;
  width: 100dvw;
  height: 100dvh;
  display: grid;
  justify-content: center;
  align-content: center;
  transition: all 300ms ease;
}
.play.svelte-1qxv27s {
  display: grid;
  grid-gap: 8px;
  padding: 20px;
  background-color: rgba(120, 120, 120, 0.5);
  text-align: center;
}
.block-play.svelte-1qxv27s:not(.show) {
  pointer-events: none;
  opacity: 0;
  transform: scale(0.9);
  transform-origin: center;
}