/**
* Elements
*/
/**
* Text
*/
/**
* Layouts
*/
.container.svelte-q3y99o {
  width: 100%;
  flex-grow: 1;
}

.viewport.svelte-q3y99o {
  width: 100%;
  height: 100%;
}
.viewport[data-alignment=center-end].svelte-q3y99o {
  transform-origin: center bottom;
}

.view.svelte-q3y99o {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.view[data-alignment=bottom].svelte-q3y99o {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.view[data-alignment=center-end].svelte-q3y99o {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}
.view[data-alignment=center].svelte-q3y99o {
  display: flex;
  justify-content: center;
  align-items: center;
}/**
* Elements
*/
/**
* Text
*/
/**
* Layouts
*/
.container.svelte-1ov378f {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

canvas.svelte-1ov378f {
  position: absolute;
  width: 100%;
  height: 100%;
}/**
* Elements
*/
/**
* Text
*/
/**
* Layouts
*/
.container.svelte-khir58 {
  position: absolute;
  left: 0;
  top: 0;
}

.progress.svelte-khir58 {
  width: 50rem;
  height: 50rem;
  position: absolute;
  transform: translate(-50%, -100%);
}

.bomb.svelte-khir58 {
  position: absolute;
  transform: translate(-50%, -50%);
}/**
* Elements
*/
/**
* Text
*/
/**
* Layouts
*/
.container.svelte-rf1c94 {
  position: absolute;
  transform: translate(-50%, -50%);
  height: 180rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.player-position.svelte-rf1c94 {
  position: relative;
  flex-grow: 1;
}

.local-indicator.svelte-rf1c94 {
  position: absolute;
  top: -12rem;
  transform: translate(-50%, -100%);
}

.player.svelte-rf1c94 {
  position: absolute;
  bottom: 0;
  transform: translate(-50%, 0);
}

.tombstone.svelte-rf1c94 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.platform.svelte-rf1c94 {
  border: var(--border-size) solid var(--border-color);
  height: 41rem;
  padding: 6rem 24rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  font-variant: all-small-caps;
  min-width: 200rem;
}
.platform.local.svelte-rf1c94 {
  background-color: var(--color-localBombPlatformBackground);
  color: var(--color-localBombPlatformFontColor);
}/**
* Elements
*/
/**
* Text
*/
/**
* Layouts
*/
.top-spacing.svelte-wrrswl {
  min-height: 60rem;
}

.player-center.svelte-wrrswl {
  position: relative;
}

.bomb-warning.svelte-wrrswl {
  border: var(--border-size) solid var(--border-color);
  position: absolute;
  top: 60rem;
  width: 320rem;
  translate: -50%;
  padding: 14rem 18rem;
  background-color: var(--color-bombWarningBackground);
  display: flex;
  align-items: center;
  gap: 8rem;
  font-size: 22rem;
  font-weight: 700;
}/**
* Elements
*/
/**
* Text
*/
/**
* Layouts
*/
.container.svelte-1y862u1 {
  position: relative;
  overflow-x: visible;
  overflow-y: hidden;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 20rem;
  padding-right: 20rem;
}/**
* Elements
*/
/**
* Text
*/
/**
* Layouts
*/
.race-track.svelte-1sl5zc5 {
  transition: left 0.5s linear;
  height: 100%;
  position: absolute;
  left: 0;
  display: flex;
  gap: 160rem;
}

.race-track-line.svelte-1sl5zc5 {
  height: 106%;
  width: 3rem;
  background-color: black;
  transform: rotate(20deg) translate(-100%, -6%);
  transform-origin: bottom;
  opacity: 0.3;
}
.race-track-line.svelte-1sl5zc5 .text:where(.svelte-1sl5zc5) {
  position: relative;
  bottom: 34rem;
  font-size: 24rem;
  font-style: italic;
  font-weight: 700;
  line-height: normal;
  font-variant: all-small-caps;
}

.counter-rotate.svelte-1sl5zc5 {
  transform: rotate(-20deg);
  position: relative;
}

.player-parent.svelte-1sl5zc5 {
  transition: left 0.5s linear;
  position: absolute;
  height: 106%;
  transform: rotate(20deg) translate(0, -6%);
  transform-origin: bottom;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.player-tape.svelte-1sl5zc5 {
  border: var(--border-size) solid var(--border-color);
  position: absolute;
  left: 40rem;
  bottom: 14rem;
  transition: width 0.5s linear;
  border-radius: var(--border-size);
  height: 36rem;
  padding-left: 10rem;
  padding-right: 20rem;
  display: flex;
  align-items: center;
  background-color: white;
  display: none;
}
.player-tape.svelte-1sl5zc5 .tape-center:where(.svelte-1sl5zc5) {
  background-color: #f1f1f1;
  height: 22rem;
  flex-grow: 1;
}

.player.svelte-1sl5zc5 {
  transition: left 0.5s linear;
  left: 0rem;
  position: relative;
  display: flex;
  align-items: center;
  gap: 6rem;
}

.player-stats.svelte-1sl5zc5 {
  opacity: 0.4;
  font-size: 14rem;
  white-space: nowrap;
}
.player-stats.svelte-1sl5zc5 .wpm:where(.svelte-1sl5zc5) {
  font-weight: 700;
  font-variant: all-caps;
}

.passage.svelte-1sl5zc5 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 26rem;
  line-height: 150%;
  max-width: 800rem;
  bottom: 50rem;
}/**
* Elements
*/
/**
* Text
*/
/**
* Layouts
*/
.container.svelte-1j9ffkn {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  width: 200rem;
}
.container.squeeze.svelte-1j9ffkn {
  width: 140rem;
}

.placed-blocks.svelte-1j9ffkn {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}

.block.svelte-1j9ffkn {
  border: var(--border-size) solid var(--border-color);
  position: relative;
  height: 51rem;
  padding: 8rem 32rem;
  margin-bottom: -3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  font-variant: all-small-caps;
}

.squeeze.svelte-1j9ffkn .block:where(.svelte-1j9ffkn) {
  font-size: 12rem;
  padding: 8rem 24rem;
  color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.gradient {
  position: absolute;
  top: -3rem;
  left: 0;
  right: 0;
  transform: translateY(-100%);
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
}

.delete-indicator.svelte-1j9ffkn {
  position: absolute;
  top: 0rem;
  right: -18rem;
  width: 18rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: height 0.5s ease-in-out;
}
.delete-indicator.svelte-1j9ffkn .horizontal:where(.svelte-1j9ffkn) {
  width: 100%;
  height: 3rem;
  background-color: var(--color-towerDeleteIndicator);
}
.delete-indicator.svelte-1j9ffkn .vertical:where(.svelte-1j9ffkn) {
  width: 3rem;
  flex: 1;
  background-color: var(--color-towerDeleteIndicator);
}

.medal-position.svelte-1j9ffkn {
  position: relative;
}

.score.svelte-1j9ffkn {
  font-size: 2rem;
  font-weight: 600;
  position: absolute;
  bottom: 6rem;
  left: calc(50% + 30rem);
}

.medal.svelte-1j9ffkn {
  position: absolute;
  bottom: 0;
  left: 50%;
  translate: -50%;
}/**
* Elements
*/
/**
* Text
*/
/**
* Layouts
*/
.container.svelte-1d57eu1 {
  display: flex;
  justify-content: center;
  flex-direction: column-reverse;
  align-items: center;
}

.next-word.svelte-1d57eu1 {
  border: var(--border-size) solid var(--border-color);
  border-style: dashed;
  margin-bottom: -3rem;
  font-size: 24rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  font-variant: all-small-caps;
  position: relative;
  width: 200rem;
  height: 51rem;
  padding: 8rem 32rem;
  display: flex;
  justify-content: center;
  align-items: center;
}/**
* Elements
*/
/**
* Text
*/
/**
* Layouts
*/
.towers.svelte-12fuag0 {
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
  gap: 50rem;
}

.floor.svelte-12fuag0 {
  position: relative;
  left: -200vw;
  width: 400vw;
  min-height: 12rem;
  background-color: var(--color-towerFloor);
}

.next-word-position.svelte-12fuag0 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100rem;
}

.line.svelte-12fuag0 {
  position: absolute;
  left: -500vw;
  width: 1000vw;
  height: 3rem;
  background-color: var(--color-towerFloor);
}

.end-anim-counter.svelte-12fuag0 {
  z-index: 101;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 7rem;
  font-weight: 600;
}
.end-anim-counter.svelte-12fuag0 > div:where(.svelte-12fuag0) {
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
}/**
* Elements
*/
/**
* Text
*/
/**
* Layouts
*/
.buffer.svelte-1wj3g2d {
  display: flex;
  gap: 10rem;
  min-height: 34rem;
}

.pending-word-container.svelte-1wj3g2d {
  position: relative;
  min-height: 34rem;
}

.pending-word.svelte-1wj3g2d {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

.letter.svelte-1wj3g2d {
  border: var(--border-size) solid var(--border-color);
  display: flex;
  min-width: 34rem;
  min-height: 34rem;
  justify-content: center;
  align-items: center;
  font-size: 22rem;
  font-weight: 700;
  font-variant: all-small-caps;
}
.letter.completed.svelte-1wj3g2d {
  background-color: var(--color-wordFinderWordCompletedBackground);
  color: var(--color-wordFinderWordCompletedText);
}/**
* Elements
*/
/**
* Text
*/
/**
* Layouts
*/
.player-container.svelte-97rtuq {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  min-width: 150rem;
}

.avatar-container.svelte-97rtuq {
  max-width: 100rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.horizontal.svelte-97rtuq {
  display: flex;
  align-items: center;
  gap: 10rem;
}

.player-score.svelte-97rtuq {
  border: var(--border-size) solid var(--border-color);
  display: flex;
  min-width: 34rem;
  min-height: 34rem;
  justify-content: center;
  align-items: center;
  font-size: 22rem;
  font-weight: 700;
  font-variant: all-small-caps;
}/**
* Elements
*/
/**
* Text
*/
/**
* Layouts
*/
.outer-container.svelte-c8ywn4 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.container.svelte-c8ywn4 {
  padding-top: 60rem;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 25rem;
}

.box.svelte-c8ywn4 {
  border: var(--border-size) solid var(--border-color);
  position: relative;
  padding: 30rem;
  background-color: var(--color-wordFinderBackground);
}

.words-left.svelte-c8ywn4 {
  position: absolute;
  bottom: -24rem;
  right: 0;
  transform: translate(0, 100%);
  font-size: 16rem;
  font-weight: 700;
  font-variant: all-small-caps;
}

.inner-container.svelte-c8ywn4 {
  position: relative;
}

.completion-grid-parent.svelte-c8ywn4 {
  position: absolute;
  inset: 0;
  display: grid;
  -moz-column-gap: 10rem;
       column-gap: 10rem;
  row-gap: 10rem;
  grid-template-columns: repeat(16, 34rem);
  grid-template-rows: repeat(10, 34rem);
}

.completion-boxes.svelte-c8ywn4 {
  z-index: 0;
}

.completion-box.svelte-c8ywn4 {
  margin: -5rem;
  border: var(--border-size) solid var(--border-color);
}

.letter-grid-parent.svelte-c8ywn4 {
  position: relative;
  display: flex;
  gap: 10rem;
  pointer-events: none;
}

.letter-column.svelte-c8ywn4 {
  display: flex;
  flex-direction: column;
  gap: 10rem;
}

.letter.svelte-c8ywn4 {
  border: var(--border-size) solid var(--border-color);
  display: flex;
  min-width: 34rem;
  min-height: 34rem;
  justify-content: center;
  align-items: center;
  font-size: 22rem;
  font-weight: 700;
  font-variant: all-small-caps;
}
.letter.completed.svelte-c8ywn4 {
  background-color: var(--color-wordFinderWordCompletedBackground);
  color: var(--color-wordFinderWordCompletedText);
}/**
* Elements
*/
/**
* Text
*/
/**
* Layouts
*/
.outer-container.svelte-1twe06n {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
}

.player-container.svelte-1twe06n {
  display: flex;
  gap: 12rem;
}

.words.svelte-1twe06n {
  position: relative;
  margin-top: 100rem;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 20rem;
  align-items: center;
}

.word.svelte-1twe06n {
  position: relative;
  display: flex;
  gap: 4rem;
  transition: opacity 0.4s;
}
.word.hidden.svelte-1twe06n {
  opacity: 0;
}

.completed-word.svelte-1twe06n {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  gap: 4rem;
}

.letter.svelte-1twe06n {
  border: var(--border-size) solid var(--border-color);
  display: flex;
  min-height: 34rem;
  max-height: 34rem;
  min-width: 34rem;
  max-width: 34rem;
  justify-content: center;
  align-items: center;
  font-size: 22rem;
  font-weight: 700;
  font-variant: all-small-caps;
}
.letter.completed.svelte-1twe06n {
  background-color: var(--color-wordFinderWordCompletedBackground);
  color: var(--color-wordFinderWordCompletedText);
}/**
* Elements
*/
/**
* Text
*/
/**
* Layouts
*/
.container.svelte-1kd9ls2 {
  position: absolute;
  width: 70rem;
  height: 120rem;
  display: flex;
  flex-direction: column;
  justify-content: end;
  transform: translate(0, -100%);
}

.medal.svelte-1kd9ls2 {
  position: absolute;
  transform: scale(0.8);
  bottom: 2rem;
  left: 80rem;
}/**
* Elements
*/
/**
* Text
*/
/**
* Layouts
*/
.container.svelte-nunbq6 {
  display: flex;
  gap: 30rem;
}

.column.svelte-nunbq6 {
  display: flex;
  flex-direction: column;
  gap: 20rem;
}
.column.end.svelte-nunbq6 {
  align-self: stretch;
}

.platform.svelte-nunbq6 {
  position: relative;
  width: 213rem;
  font-size: 25rem;
  font-weight: 700;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.platform.svelte-nunbq6 .top:where(.svelte-nunbq6) {
  border: var(--border-size) solid var(--border-color);
  min-height: 80rem;
  background-color: var(--color-dropPlatformsPlatformBackground);
  flex-grow: 1;
}
.platform.svelte-nunbq6 .bottom:where(.svelte-nunbq6) {
  border: var(--border-size) solid var(--border-color);
  border-top: none;
  background-color: var(--color-dropPlatformsPlatformShadow);
  height: 32rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.platform.disabled.svelte-nunbq6 .text:where(.svelte-nunbq6) {
  opacity: 0.2;
}
.platform.typeable.svelte-nunbq6 .top:where(.svelte-nunbq6) {
  background-color: var(--color-dropPlatformsTypeablePlatformBackground);
}
.platform.typeable.svelte-nunbq6 .bottom:where(.svelte-nunbq6) {
  background-color: var(--color-dropPlatformsTypeablePlatformShadow);
}
.platform.dropped.svelte-nunbq6 .top:where(.svelte-nunbq6) {
  background-color: var(--color-dropPlatformsDroppedPlatformBackground);
}
.platform.dropped.svelte-nunbq6 .bottom:where(.svelte-nunbq6) {
  background-color: var(--color-dropPlatformsDroppedPlatformShadow);
}
.platform.start.svelte-nunbq6 {
  align-self: stretch;
}
.platform.end.svelte-nunbq6 {
  background-color: var(--color-dropPlatformsEndBackground);
  align-self: stretch;
  height: 100%;
}
.platform.svelte-nunbq6 .inner-outline:where(.svelte-nunbq6) {
  border: var(--border-size) solid var(--border-color);
  position: absolute;
  inset: calc(-1 * var(--border-size));
  border-color: var(--color-dropPlatformsActive);
}
.platform.svelte-nunbq6 .outer-outline:where(.svelte-nunbq6) {
  border: var(--border-size) solid var(--border-color);
  position: absolute;
  inset: calc(-2 * var(--border-size));
}/**
* Elements
*/
/**
* Text
*/
/**
* Layouts
*/
.container.svelte-tl83yi {
  position: absolute;
  left: 0;
}/**
* Elements
*/
/**
* Text
*/
/**
* Layouts
*/
/* (unused) .asteroids {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}*/