/* /Components/HandPortrait.razor.rz.scp.css */
hand-portrait[b-uh71bqv9xr] {
  display: block;
  width: 100%;
  height: 100%;
}
hand-portrait[b-uh71bqv9xr]  svg {
  display: block;
  width: 100%;
  height: 100%;
}
/* /Components/LeaderboardPanel.razor.rz.scp.css */
leaderboard-panel[b-m5yo603ion] {
  display: block;
}
leaderboard-panel h3[b-m5yo603ion] {
  margin: 0 0 6px;
  font-family: 'Fredoka', 'DM Sans', system-ui, sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #5A6B7F;
}
leaderboard-panel h3 + ol[b-m5yo603ion],
leaderboard-panel h3 + p[b-m5yo603ion] {
  margin-bottom: 14px;
}
.leaderboard__rows[b-m5yo603ion] {
  margin: 0;
  padding: 0;
  list-style: none;
}
.leaderboard__rows li[b-m5yo603ion] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 8px;
  border-radius: 8px;
}
.leaderboard__rows strong[b-m5yo603ion] {
  font-family: 'Fredoka', 'DM Sans', system-ui, sans-serif;
  font-size: 18px;
}
.leaderboard__row--you[b-m5yo603ion] {
  background: #FFF8E6;
}
.leaderboard__rank[b-m5yo603ion] {
  width: 26px;
  height: 26px;
  border: 2px solid var(--team-colour);
  border-radius: 50%;
  color: var(--team-colour);
  font-size: 13px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.leaderboard__rank--team[b-m5yo603ion] {
  background: var(--team-colour);
  color: #fff;
}
.leaderboard__name[b-m5yo603ion] {
  flex: 1;
  font-weight: 500;
}
.leaderboard__empty[b-m5yo603ion] {
  color: #8E9BB0;
  font-size: 13px;
}
/* /Components/PlayerCard.razor.rz.scp.css */
player-card[b-fr09zculg3] {
  display: inline-flex;
  flex-direction: column;
  gap: 4px;
}
.player-card__name[b-fr09zculg3] {
  padding: 6px 14px;
  border: 1.5px solid #1A2332;
  border-radius: 10px;
  background: #fff;
  font-size: 18px;
  font-weight: 500;
}
.player-card__body[b-fr09zculg3] {
  display: flex;
  gap: 10px;
  padding: 8px;
  border: 1.5px solid #1A2332;
  border-radius: 10px;
  background: #fff;
}
.player-card__hand[b-fr09zculg3] {
  width: 84px;
  height: 84px;
  padding: 6px;
  border: 1.5px solid #1A2332;
  border-radius: 8px;
  background: #DDEFF8;
}
.player-card__detail[b-fr09zculg3] {
  display: flex;
  align-items: center;
  gap: 8px;
}
/* /Components/WardrobePanel.razor.rz.scp.css */
wardrobe-panel[b-e264zlhi1z] {
  display: block;
}
.wardrobe__loading[b-e264zlhi1z] {
  margin: 0;
  color: #5A6B7F;
  font-family: 'Fredoka', 'DM Sans', system-ui, sans-serif;
  font-size: 16px;
  text-align: center;
}
.wardrobe__top[b-e264zlhi1z] {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 12px;
}
.wardrobe__preview[b-e264zlhi1z] {
  width: 96px;
  height: 96px;
  flex-shrink: 0;
  border-radius: 12px;
  background: #FFF8E6;
}
.wardrobe__heading[b-e264zlhi1z] {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.wardrobe__heading h3[b-e264zlhi1z] {
  margin: 0;
  font-family: 'Fredoka', 'DM Sans', system-ui, sans-serif;
  font-size: 22px;
  font-weight: 600;
}
.wardrobe__coins[b-e264zlhi1z],
.wardrobe__price[b-e264zlhi1z] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #C08A00;
  font-weight: 600;
}
.wardrobe__coins[b-e264zlhi1z] {
  font-size: 18px;
}
.wardrobe__coins img[b-e264zlhi1z] {
  width: 22px;
  height: auto;
}
.wardrobe__price[b-e264zlhi1z] {
  font-size: 14px;
}
.wardrobe__price img[b-e264zlhi1z] {
  width: 16px;
  height: auto;
}
.wardrobe__owned[b-e264zlhi1z] {
  color: #8E9BB0;
  font-size: 14px;
}
.wardrobe__colours-label[b-e264zlhi1z] {
  margin: 0 0 6px;
  color: #5A6B7F;
  font-size: 13px;
}
.wardrobe__colours[b-e264zlhi1z] {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 14px;
}
.wardrobe__colour[b-e264zlhi1z] {
  position: relative;
  width: 27px;
  height: 27px;
  padding: 0;
  border: 2px solid var(--colour-shade);
  border-radius: 50%;
  background: var(--colour-skin);
  cursor: pointer;
}
.wardrobe__colour--chosen[b-e264zlhi1z] {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #1A2332;
}
.wardrobe__colour:disabled[b-e264zlhi1z] {
  cursor: wait;
}
.wardrobe__colour[b-e264zlhi1z]  .wardrobe__colour-spinner {
  position: absolute;
  inset: 0;
  margin: auto;
  font-size: 14px;
}
.wardrobe__textures[b-e264zlhi1z] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 14px;
}
.wardrobe__texture[b-e264zlhi1z] {
  position: relative;
  width: 44px;
  height: 44px;
  padding: 3px;
  border: 2px solid #E2E7ED;
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
}
.wardrobe__texture--chosen[b-e264zlhi1z] {
  border-color: #1A2332;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #1A2332;
}
.wardrobe__texture:disabled[b-e264zlhi1z] {
  cursor: wait;
}
.wardrobe__texture[b-e264zlhi1z]  .wardrobe__texture-spinner {
  position: absolute;
  inset: 0;
  margin: auto;
  font-size: 14px;
}
.wardrobe__features[b-e264zlhi1z] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.wardrobe__feature[b-e264zlhi1z] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 8px 8px 10px;
  border: 2px solid #E2E7ED;
  border-radius: 12px;
  text-align: center;
}
.wardrobe__feature--wearing[b-e264zlhi1z] {
  border-color: #0D7C5F;
  background: #E8F5F0;
}
.wardrobe__icon[b-e264zlhi1z] {
  width: 56px;
  height: 56px;
}
.wardrobe__icon[b-e264zlhi1z]  feature-icon,
.wardrobe__icon[b-e264zlhi1z]  svg {
  display: block;
  width: 100%;
  height: 100%;
}
.wardrobe__name[b-e264zlhi1z] {
  font-size: 14px;
  font-weight: 600;
}
.wardrobe__button[b-e264zlhi1z] {
  position: relative;
  min-width: 96px;
  margin-top: 6px;
  padding: 6px 12px;
  border: 2px solid #1A2332;
  border-radius: 10px;
  background: #fff;
  color: #1A2332;
  font-family: 'Fredoka', 'DM Sans', system-ui, sans-serif;
  font-size: 15px;
  font-weight: 600;
  box-shadow: 0 3px 0 #1A2332;
  cursor: pointer;
}
.wardrobe__button--buy[b-e264zlhi1z] {
  background: #0D7C5F;
  color: #fff;
}
.wardrobe__button:active[b-e264zlhi1z] {
  transform: translateY(2px);
  box-shadow: 0 1px 0 #1A2332;
}
.wardrobe__button:disabled[b-e264zlhi1z] {
  opacity: 0.6;
  cursor: wait;
}
.wardrobe__button[aria-busy="true"][b-e264zlhi1z] {
  opacity: 1;
}
.wardrobe__button[aria-busy="true"] .wardrobe__button-label[b-e264zlhi1z] {
  visibility: hidden;
}
.wardrobe__button[b-e264zlhi1z]  .wardrobe__button-spinner {
  position: absolute;
  inset: 0;
  margin: auto;
  font-size: 18px;
}
.wardrobe__message[b-e264zlhi1z] {
  height: 2.6em;
  margin: 0;
  font-family: 'Fredoka', 'DM Sans', system-ui, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
}
.wardrobe__message-text[b-e264zlhi1z] {
  display: block;
  animation: wardrobe-fade-in-b-e264zlhi1z 0.35s ease-out;
}
@keyframes wardrobe-fade-in-b-e264zlhi1z {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
/* /Games/PlaygroundPickup/PlaygroundPickupScreen.razor.rz.scp.css */
.pickup__top[b-lwa7tq98q2] {
  position: absolute;
  top: 16px;
  left: 16px;
  right: 88px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  pointer-events: none !important;
}
.pickup__top > *[b-lwa7tq98q2] {
  pointer-events: auto;
}
.pickup__timer[b-lwa7tq98q2] {
  display: flex;
  flex-direction: column;
  padding: 6px 12px;
  border: 1.5px solid #1A2332;
  border-radius: 8px;
}
.pickup__timer span[b-lwa7tq98q2] {
  font-size: 12px;
}
.pickup__timer strong[b-lwa7tq98q2] {
  font-family: "DM Mono", ui-monospace, monospace;
  font-size: 30px;
  font-weight: 500;
  color: #4B8B2B;
  line-height: 1.1;
}
.pickup__timer--low[b-lwa7tq98q2] {
  color: #E85D3A !important;
  animation: pickup-pulse-b-lwa7tq98q2 0.8s ease-in-out infinite;
}
.pickup__tally[b-lwa7tq98q2] {
  display: flex;
  gap: 12px;
  padding: 8px 14px 8px 8px;
  border: 1.5px solid #1A2332;
  border-radius: 10px;
  background: #fff;
}
.pickup__tally dl[b-lwa7tq98q2] {
  display: grid;
  grid-template-columns: repeat(3, auto);
  column-gap: 28px;
  row-gap: 4px;
  margin: 0;
  align-content: center;
}
.pickup__tally-bin[b-lwa7tq98q2] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  border: 1.5px solid #1A2332;
  border-radius: 8px;
  background: #DDF0D0;
  color: #2E5E1E;
  font-size: 30px;
}
.pickup__tally-row[b-lwa7tq98q2] {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  font-size: 15px;
}
.pickup__tally-row dt[b-lwa7tq98q2] {
  font-weight: 400;
}
.pickup__tally-row dd[b-lwa7tq98q2] {
  margin: 0;
  font-weight: 600;
}
.pickup__exit[b-lwa7tq98q2] {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 56px;
  height: 56px;
  border: 1.5px solid #1A2332;
  border-radius: 12px;
  background: #fff;
  color: #1A2332;
  font-size: 22px;
  cursor: pointer;
}
.pickup__feedback[b-lwa7tq98q2] {
  position: absolute;
  left: 50%;
  bottom: 92px;
  padding: 10px 20px;
  transform: translateX(-50%);
  border: 2px solid #1A2332;
  border-radius: 999px;
  background: #fff;
  font-family: 'Fredoka', 'DM Sans', system-ui, sans-serif;
  font-size: 20px;
  font-weight: 600;
  box-shadow: 0 4px 0 rgba(26, 35, 50, 0.3);
}
.pickup__feedback--good[b-lwa7tq98q2] {
  background: #E6F6DA;
  color: #2E5E1E;
}
.pickup__feedback--bad[b-lwa7tq98q2] {
  background: #FFF0EC;
  color: #9A3412;
}
.pickup__panel[b-lwa7tq98q2] {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 400px;
  max-width: calc(100% - 32px);
  padding: 28px;
  transform: translate(-50%, -50%);
  border: 2px solid #1A2332;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 8px 0 rgba(26, 35, 50, 0.35);
  text-align: center;
  animation: pickup-panel-in-b-lwa7tq98q2 0.35s cubic-bezier(0.2, 1.4, 0.4, 1);
}
.pickup__panel h2[b-lwa7tq98q2] {
  margin: 0 0 8px;
  font-family: 'Fredoka', 'DM Sans', system-ui, sans-serif;
  font-size: 30px;
  font-weight: 600;
}
.pickup__panel p[b-lwa7tq98q2] {
  margin: 0 0 20px;
  color: #5A6B7F;
  font-size: 16px;
}
.pickup__result[b-lwa7tq98q2] {
  font-size: 22px !important;
  color: #1A2332 !important;
}
.pickup__panel-actions[b-lwa7tq98q2] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.pickup__button[b-lwa7tq98q2] {
  padding: 12px 20px;
  border: 2px solid #1A2332;
  border-radius: 12px;
  background: #0D7C5F;
  color: #fff;
  font-family: 'Fredoka', 'DM Sans', system-ui, sans-serif;
  font-size: 20px;
  font-weight: 600;
  box-shadow: 0 4px 0 #1A2332;
  cursor: pointer;
}
.pickup__button:active[b-lwa7tq98q2] {
  transform: translateY(3px);
  box-shadow: 0 1px 0 #1A2332;
}
.pickup__button--quiet[b-lwa7tq98q2] {
  background: #fff;
  color: #1A2332;
}
.pickup__tally-bump[b-lwa7tq98q2] {
  display: inline-block;
  color: #2E8B3A;
  animation: pickup-bump-b-lwa7tq98q2 0.45s cubic-bezier(0.2, 1.6, 0.4, 1);
}
.pickup__hint[b-lwa7tq98q2] {
  position: absolute;
  left: 50%;
  bottom: 28px;
  padding: 10px 20px;
  transform: translateX(-50%);
  border: 2px solid #1A2332;
  border-radius: 999px;
  background: #FFF6D8;
  font-family: 'Fredoka', 'DM Sans', system-ui, sans-serif;
  font-size: 19px;
  font-weight: 500;
  white-space: nowrap;
  box-shadow: 0 4px 0 rgba(26, 35, 50, 0.3);
  pointer-events: none !important;
  animation: pickup-hint-in-b-lwa7tq98q2 0.3s ease-out;
}
.pickup__drop[b-lwa7tq98q2] {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  padding: 7px 14px;
  border: 2px solid #1A2332;
  border-radius: 999px;
  background: #fff;
  color: #1A2332;
  font-family: 'Fredoka', 'DM Sans', system-ui, sans-serif;
  font-size: 17px;
  font-weight: 600;
  white-space: nowrap;
  box-shadow: 0 3px 0 #1A2332;
  cursor: pointer;
  visibility: hidden;
  transform-origin: 0 0;
  animation: pickup-drop-in-b-lwa7tq98q2 0.3s cubic-bezier(0.2, 1.5, 0.4, 1);
}
.pickup__drop i[b-lwa7tq98q2] {
  color: #E85D3A;
}
.pickup__drop:active[b-lwa7tq98q2] {
  transform: translateY(2px);
  box-shadow: 0 1px 0 #1A2332;
}
.pickup__countdown[b-lwa7tq98q2] {
  position: absolute;
  left: 50%;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 180px;
  transform: translate(-50%, -50%);
  border: 4px solid #1A2332;
  border-radius: 50%;
  background: #FFE27A;
  box-shadow: 0 10px 0 rgba(26, 35, 50, 0.35);
  font-family: 'Fredoka', 'DM Sans', system-ui, sans-serif;
  font-size: 84px;
  font-weight: 700;
  color: #1A2332;
  pointer-events: none !important;
  animation: pickup-count-b-lwa7tq98q2 0.7s cubic-bezier(0.2, 1.5, 0.4, 1);
}
@keyframes pickup-panel-in-b-lwa7tq98q2 {
  from {
    transform: translate(-50%, -50%) scale(0.7);
    opacity: 0;
  }
  to {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}
@keyframes pickup-count-b-lwa7tq98q2 {
  0% {
    transform: translate(-50%, -50%) scale(0.3);
  }
  40% {
    transform: translate(-50%, -50%) scale(1.1);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes pickup-bump-b-lwa7tq98q2 {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(1.8);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes pickup-hint-in-b-lwa7tq98q2 {
  from {
    transform: translate(-50%, 20px);
    opacity: 0;
  }
  to {
    transform: translateX(-50%);
    opacity: 1;
  }
}
@keyframes pickup-drop-in-b-lwa7tq98q2 {
  from {
    scale: 0.5;
    opacity: 0;
  }
  to {
    scale: 1;
    opacity: 1;
  }
}
@keyframes pickup-pulse-b-lwa7tq98q2 {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
}
/* /Games/WrongGroupChat/WrongGroupChatScreen.razor.rz.scp.css */
wrong-group-chat[b-0zoofbtnyb] {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% / var(--play-scale, 1));
  height: calc(100% / var(--play-scale, 1));
  transform: scale(var(--play-scale, 1));
  transform-origin: 0 0;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  gap: 18px;
  padding: 12px 18px;
  overflow: hidden;
  background: radial-gradient(ellipse at 15% 40%, #253151, #090e19 75%);
  color: #edf0f8;
  font-family: Arial, sans-serif;
  line-height: 1.45;
}
wrong-group-chat *[b-0zoofbtnyb] {
  box-sizing: border-box;
}
wrong-group-chat h1[b-0zoofbtnyb],
wrong-group-chat h2[b-0zoofbtnyb],
wrong-group-chat p[b-0zoofbtnyb] {
  margin: 0;
}
wrong-group-chat button[b-0zoofbtnyb] {
  font: inherit;
  color: inherit;
  cursor: pointer;
}
wrong-group-chat button:focus-visible[b-0zoofbtnyb],
wrong-group-chat [tabindex]:focus-visible[b-0zoofbtnyb] {
  outline: 3px solid #ffe0a5;
  outline-offset: 4px;
}
wrong-group-chat [hidden][b-0zoofbtnyb] {
  display: none !important;
}
.chat__brand[b-0zoofbtnyb] {
  width: 170px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 14px;
  overflow: auto;
}
.chat__brand h1[b-0zoofbtnyb] {
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.5px;
  line-height: 1.15;
}
.chat__brand h1 span[b-0zoofbtnyb] {
  color: #81edf0;
}
.chat__wallet[b-0zoofbtnyb] {
  align-self: flex-start;
  font-size: 14px;
  color: #d0efd9;
}
.chat__settings[b-0zoofbtnyb] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.chat__settings button[b-0zoofbtnyb] {
  min-height: 34px;
  padding: 6px 10px;
  border: 1px solid #46536a;
  border-radius: 8px;
  background: #161e2d;
  font-size: 12px;
  text-align: left;
}
.chat__workspace[b-0zoofbtnyb] {
  height: 100%;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(230px, 0.9fr) minmax(360px, 1.1fr);
  gap: 18px;
  align-items: stretch;
}
.chat__coach-column[b-0zoofbtnyb] {
  height: 100%;
  min-height: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.chat__goal[b-0zoofbtnyb] {
  color: #f2dbb4;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
}
.chat__cue[b-0zoofbtnyb] {
  min-height: 24px;
  padding: 3px 0;
  color: #bde9e5;
  font-size: 14px;
  line-height: 1.35;
}
.chat__scene-card[b-0zoofbtnyb] {
  position: relative;
  isolation: isolate;
  flex: 1;
  min-height: 90px;
  display: flex;
  flex-direction: column;
  margin: 0;
  border: 1px solid #52617e;
  border-radius: 20px;
  overflow: hidden;
  background: #142032;
  box-shadow: 0 20px 60px #0005;
}
.chat__scene-card[b-0zoofbtnyb]::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  border-radius: inherit;
  background: repeating-linear-gradient(45deg, #dce4f708 0 1px, transparent 1px 4px), #121b2b66;
  transition: opacity 250ms ease;
}
.chat__scene-card figcaption[b-0zoofbtnyb] {
  padding: 6px 10px;
  color: #cfdae8;
  font-size: 15px;
  text-align: center;
}
.chat__scene[b-0zoofbtnyb] {
  flex: 1;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.chat__scene-picture[b-0zoofbtnyb] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 10px;
  animation: chat-scene-in-b-0zoofbtnyb 300ms ease-out;
}
.chat__preload[b-0zoofbtnyb] {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.chat__phone[b-0zoofbtnyb] {
  height: 100%;
  min-height: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: 8px 12px;
  border: 2px solid #7e7393;
  border-radius: 28px;
  background: linear-gradient(110deg, #03050a, #15191f);
  box-shadow: 0 0 0 3px #191b25, 0 0 0 4px #4a4357, 0 24px 60px #000b, 0 0 60px #985cf413;
  overflow: hidden;
}
.chat__chat-header[b-0zoofbtnyb] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 4px 2px 8px;
  border-bottom: 1px solid #343746;
}
.chat__chat-header h2[b-0zoofbtnyb] {
  margin: 0 0 3px;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
}
.chat__chat-header p[b-0zoofbtnyb] {
  color: #b8b6c9;
  font-size: 10px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}
.chat__avatar[b-0zoofbtnyb] {
  flex-shrink: 0;
  display: grid;
  place-items: center;
  width: 39px;
  height: 39px;
  border: 1px solid #aa9bcb;
  border-radius: 13px;
  background: linear-gradient(135deg, #625193, #274a63);
  font-size: 13px;
  font-weight: 700;
}
.chat__online-dot[b-0zoofbtnyb] {
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  margin-left: auto;
  border-radius: 50%;
  background: #95edc5;
  box-shadow: 0 0 12px #95edc5;
}
.chat__feed[b-0zoofbtnyb] {
  flex: 1;
  min-height: 60px;
  padding: 8px 2px;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #6d6084 #15191f;
}
.chat__bubble[b-0zoofbtnyb] {
  margin: 0 20px 12px 0;
  padding: 12px 14px;
  border: 1px solid #3e4456;
  border-radius: 15px 15px 15px 4px;
  background: linear-gradient(140deg, #292d3a, #222630);
  box-shadow: 0 4px 12px #0003;
}
.chat__bubble--me[b-0zoofbtnyb] {
  margin: 0 0 12px 20px;
  border-color: #6e5888;
  border-radius: 15px 15px 4px 15px;
  background: linear-gradient(135deg, #413153, #2e2846);
}
.chat__bubble--me .chat__sender[b-0zoofbtnyb] {
  color: #dac0ff;
}
.chat__bubble--draft[b-0zoofbtnyb] {
  border: 1px solid #bc8deb;
  background: #30233f;
  box-shadow: 0 0 16px #aa60ff20;
}
.chat__sender[b-0zoofbtnyb] {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 7px;
  color: #81edf0;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.2px;
}
.chat__portrait[b-0zoofbtnyb] {
  display: block;
  width: 30px;
  height: 30px;
}
.chat__portrait img[b-0zoofbtnyb] {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.chat__message-body[b-0zoofbtnyb] {
  color: #f0eff6;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.015em;
  overflow-wrap: anywhere;
}
.chat__word-focus[b-0zoofbtnyb] {
  padding: 1px 3px;
  border-radius: 3px;
  background: #59436c;
  color: #fff4d5;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.chat__actions-panel[b-0zoofbtnyb] {
  flex-shrink: 0;
  max-height: 70%;
  padding: 8px 0 2px;
  border-top: 1px solid #4b425d;
  overflow: auto;
}
.chat__action-title[b-0zoofbtnyb] {
  margin: 0 0 6px;
  color: #d3b3f1;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
}
.chat__coach[b-0zoofbtnyb] {
  margin: 0 0 8px;
  padding: 10px 12px;
  border: 1px solid #86b9aa;
  border-radius: 14px;
  background: #172331;
  color: #eff5f2;
  font-size: 17px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.chat__coach h2[b-0zoofbtnyb] {
  margin: 0 0 4px;
  color: #aee8d0;
  font-size: 18px;
  font-weight: 700;
}
.chat__coach p[b-0zoofbtnyb] {
  margin: 8px 0;
}
.chat__checklist[b-0zoofbtnyb] {
  margin: 6px 0;
  padding-left: 22px;
}
.chat__checklist li[b-0zoofbtnyb] {
  margin: 4px 0;
}
.chat__feedback[b-0zoofbtnyb] {
  padding: 10px;
  border-left: 3px solid #f1d69a;
  color: #fff1ca;
}
.chat__feedback--good[b-0zoofbtnyb] {
  border-left-color: #95edc5;
  color: #d3f0b9;
}
.chat__explanation[b-0zoofbtnyb] {
  margin-top: 10px;
  font-size: 15px;
  color: #d2dcec;
}
.chat__explanation summary[b-0zoofbtnyb] {
  padding: 7px;
  color: #93e3e4;
  cursor: pointer;
}
.chat__explanation p[b-0zoofbtnyb] {
  padding: 6px;
  line-height: 1.45;
}
.chat__explanation mark[b-0zoofbtnyb] {
  padding: 0 2px;
  border-radius: 2px;
  background: #d7e9ba;
  color: #16252a;
}
.chat__actions[b-0zoofbtnyb] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.chat__choice[b-0zoofbtnyb] {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 38px;
  padding: 7px 10px;
  border: 1px solid #68728d;
  border-radius: 10px;
  background: linear-gradient(140deg, #343b51, #202739);
  box-shadow: inset 0 1px #ffffff14;
  text-align: left;
  transition: background 0.15s, border-color 0.15s;
}
.chat__choice:hover[b-0zoofbtnyb],
.chat__choice:focus-visible[b-0zoofbtnyb] {
  border-color: #96e9e7;
  box-shadow: 0 0 0 2px #96e9e733;
  outline: 2px solid #96e9e7;
  outline-offset: 2px;
}
.chat__choice--chosen[b-0zoofbtnyb] {
  border-color: #c2f9f3;
  background: #4b6071;
}
.chat__key[b-0zoofbtnyb] {
  flex-shrink: 0;
  display: grid;
  place-items: center;
  width: 25px;
  height: 27px;
  border: 1px solid #70839b;
  border-radius: 5px;
  background: #111b2b88;
  color: #c1d8e5;
  font: 12px monospace;
}
.chat__choice-label[b-0zoofbtnyb] {
  font-size: 16px;
  line-height: 1.4;
}
.chat__send[b-0zoofbtnyb] {
  min-height: 38px;
  padding: 7px;
  border: 1px solid #a9e6d4;
  border-radius: 10px;
  background: #27535b;
  color: #fff;
  font-weight: 700;
}
.chat__send:disabled[b-0zoofbtnyb] {
  opacity: 0.45;
  cursor: default;
}
.chat__controls[b-0zoofbtnyb] {
  margin-top: 6px;
  color: #aab8cc;
  font-size: 11px;
  line-height: 1.8;
}
wrong-group-chat[data-focus="outcome"] .chat__scene-card[b-0zoofbtnyb] {
  border-color: #a8e7cf;
  box-shadow: 0 0 0 2px #a8e7cf33;
}
wrong-group-chat[data-focus="outcome"] .chat__scene-card[b-0zoofbtnyb]::after {
  opacity: 0;
}
wrong-group-chat[data-focus="build"] .chat__bubble--draft[b-0zoofbtnyb] {
  border-color: #d5b5fb;
  box-shadow: 0 0 0 2px #ac8cd12b;
}
wrong-group-chat[data-focus="build"] .chat__actions-panel[b-0zoofbtnyb] {
  border-top-color: #cfa4ff;
}
wrong-group-chat.chat--large .chat__message-body[b-0zoofbtnyb] {
  font-size: 21px;
}
wrong-group-chat.chat--large .chat__choice-label[b-0zoofbtnyb] {
  font-size: 19px;
}
wrong-group-chat.chat--large .chat__coach[b-0zoofbtnyb] {
  font-size: 20px;
}
@keyframes chat-scene-in-b-0zoofbtnyb {
  from {
    opacity: 0.65;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  wrong-group-chat *[b-0zoofbtnyb] {
    transition: none !important;
    animation: none !important;
  }
}
/* /Layouts/PlayLayout.razor.rz.scp.css */
play-layout[b-kvfmwrju2l] {
  position: fixed;
  inset: 0;
  display: block;
  overflow: hidden;
  background: #3f4f35;
  color: #1A2332;
  font-family: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --play-scale: 1;
}
@media (max-width: 780px) {
  play-layout[b-kvfmwrju2l] {
    --play-scale: 0.88;
  }
}
@media (min-width: 1700px) and (min-height: 950px) {
  play-layout[b-kvfmwrju2l] {
    --play-scale: 1.25;
  }
}
@media (min-width: 2200px) and (min-height: 1250px) {
  play-layout[b-kvfmwrju2l] {
    --play-scale: 1.6;
  }
}
/* /Pages/PlayGame.razor.rz.scp.css */
.play-game__message[b-zuvverxq4t] {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: #fff;
  font-family: 'Fredoka', 'DM Sans', system-ui, sans-serif;
  font-size: 22px;
}
.play-game__message a[b-zuvverxq4t] {
  color: #fff;
  font-size: 16px;
}
/* /Pages/PlayHub.razor.rz.scp.css */
.play-hub__loading[b-zx5ekq7luk] {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: 'Fredoka', 'DM Sans', system-ui, sans-serif;
  font-size: 24px;
}
.play-hub__card[b-zx5ekq7luk] {
  position: absolute;
  top: 16px;
  left: 16px;
}
.play-hub__coins[b-zx5ekq7luk] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border: 1.5px solid #1A2332;
  border-radius: 8px;
  color: #C08A00;
  font-size: 20px;
  font-weight: 600;
}
.play-hub__coins img[b-zx5ekq7luk] {
  width: 26px;
  height: auto;
}
.play-hub__detail[b-zx5ekq7luk] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.play-hub__time[b-zx5ekq7luk] {
  padding: 2px 10px;
  border: 1.5px solid #1A2332;
  border-radius: 8px;
  font-family: "DM Mono", monospace;
  font-size: 18px;
  font-weight: 500;
  color: #0D7C5F;
  text-align: center;
}
.play-hub__time--low[b-zx5ekq7luk] {
  color: #E85D3A;
}
.play-hub__team[b-zx5ekq7luk] {
  display: inline-block;
  margin-top: 6px;
  padding: 2px 10px;
  border-radius: 10px;
  background: var(--team-colour);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}
.play-hub__corner[b-zx5ekq7luk] {
  position: absolute;
  top: 16px;
  right: 16px;
  display: flex;
  gap: 10px;
}
.play-hub__button[b-zx5ekq7luk] {
  width: 48px;
  height: 48px;
  border: 1.5px solid #1A2332;
  border-radius: 10px;
  background: #fff;
  color: #1A2332;
  font-size: 20px;
  cursor: pointer;
}
.play-hub__button--on[b-zx5ekq7luk] {
  background: #E09F1F;
  color: #fff;
}
.play-hub__panel[b-zx5ekq7luk] {
  position: absolute;
  top: 76px;
  right: 16px;
  width: 280px;
  max-height: calc(100% - 200px);
  overflow: auto;
  padding: 14px;
  border: 2px solid #1A2332;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 6px 0 rgba(26, 35, 50, 0.35);
}
.play-hub__panel--wide[b-zx5ekq7luk] {
  width: 320px;
}
.play-hub__banner[b-zx5ekq7luk] {
  position: absolute;
  top: 16px;
  left: 50%;
  max-width: calc(100% - 520px);
  min-width: 280px;
  padding: 10px 18px;
  transform: translateX(-50%);
  border: 2px solid #1A2332;
  border-radius: 14px;
  background: #FFF6D8;
  font-family: 'Fredoka', 'DM Sans', system-ui, sans-serif;
  font-size: 17px;
  font-weight: 500;
  text-align: center;
}
.play-hub__banner--notice[b-zx5ekq7luk] {
  background: #fff;
}
.play-hub__lock[b-zx5ekq7luk] {
  padding: 10px 16px;
  color: #8E9BB0;
  font-size: 20px;
}
.play-hub__entrance[b-zx5ekq7luk] {
  position: absolute;
  left: 50%;
  bottom: 28px;
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 320px;
  padding: 12px 14px 12px 18px;
  transform: translateX(-50%);
  border: 2px solid #1A2332;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 6px 0 rgba(26, 35, 50, 0.35);
}
.play-hub__entrance-icon[b-zx5ekq7luk] {
  font-size: 30px;
}
.play-hub__entrance-text[b-zx5ekq7luk] {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.play-hub__entrance-text strong[b-zx5ekq7luk] {
  font-family: 'Fredoka', 'DM Sans', system-ui, sans-serif;
  font-size: 20px;
  font-weight: 600;
}
.play-hub__entrance-text span[b-zx5ekq7luk] {
  color: #5A6B7F;
  font-size: 13px;
}
.play-hub__play[b-zx5ekq7luk] {
  padding: 10px 22px;
  border: 2px solid #1A2332;
  border-radius: 12px;
  background: #0D7C5F;
  color: #fff;
  font-family: 'Fredoka', 'DM Sans', system-ui, sans-serif;
  font-size: 18px;
  font-weight: 600;
  box-shadow: 0 4px 0 #1A2332;
  cursor: pointer;
}
.play-hub__play:active[b-zx5ekq7luk] {
  transform: translateY(3px);
  box-shadow: 0 1px 0 #1A2332;
}
/* /Pages/PlayLanding.razor.rz.scp.css */
play-landing[b-8211v06s8w] {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% / var(--play-scale, 1));
  height: calc(100% / var(--play-scale, 1));
  transform: scale(var(--play-scale, 1));
  transform-origin: 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: linear-gradient(rgba(12, 22, 18, 0.45), rgba(12, 22, 18, 0.45)), url("/play/maps/lake.png") center / cover;
  overflow-y: auto;
}
.play-landing__card[b-8211v06s8w] {
  width: 420px;
  max-width: 100%;
  padding: 32px;
  border: 2px solid #1A2332;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 8px 0 rgba(26, 35, 50, 0.35);
  text-align: center;
}
.play-landing__card h1[b-8211v06s8w] {
  margin: 8px 0 4px;
  font-family: 'Fredoka', 'DM Sans', system-ui, sans-serif;
  font-size: 32px;
  font-weight: 600;
  color: #1A2332;
}
.play-landing__logo[b-8211v06s8w] {
  height: 64px;
  width: auto;
}
.play-landing__note[b-8211v06s8w] {
  margin: 0 0 20px;
  color: #5A6B7F;
  font-size: 15px;
}
.play-landing__form[b-8211v06s8w] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: left;
}
.play-landing__form label[b-8211v06s8w] {
  font-size: 14px;
  font-weight: 600;
}
.play-landing__form input[b-8211v06s8w] {
  padding: 14px 16px;
  border: 2px solid #D0D7E0;
  border-radius: 12px;
  font-family: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: 18px;
}
.play-landing__form input:focus[b-8211v06s8w] {
  outline: none;
  border-color: #0D7C5F;
  box-shadow: 0 0 0 4px #E8F5F0;
}
.play-landing__button[b-8211v06s8w] {
  position: relative;
  margin-top: 12px;
  padding: 14px 20px;
  border: 2px solid #1A2332;
  border-radius: 12px;
  background: #0D7C5F;
  color: #fff;
  font-family: 'Fredoka', 'DM Sans', system-ui, sans-serif;
  font-size: 20px;
  font-weight: 600;
  box-shadow: 0 4px 0 #1A2332;
  cursor: pointer;
}
.play-landing__button:active[b-8211v06s8w] {
  transform: translateY(3px);
  box-shadow: 0 1px 0 #1A2332;
}
.play-landing__button:disabled[b-8211v06s8w] {
  opacity: 0.6;
  cursor: wait;
}
.play-landing__button[aria-busy="true"][b-8211v06s8w] {
  opacity: 1;
}
.play-landing__button[aria-busy="true"] .play-landing__button-label[b-8211v06s8w] {
  visibility: hidden;
}
.play-landing__button--small[b-8211v06s8w] {
  margin: 0;
  padding: 8px 16px;
  font-size: 16px;
}
.play-landing__sessions[b-8211v06s8w] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0 0 8px;
  padding: 0;
  list-style: none;
}
.play-landing__sessions li[b-8211v06s8w] {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  align-items: center;
  column-gap: 12px;
  padding: 12px 14px;
  border: 2px solid #E2E7ED;
  border-radius: 12px;
  text-align: left;
}
.play-landing__sessions li .play-landing__button[b-8211v06s8w] {
  grid-column: 2;
  grid-row: 1 / span 2;
}
.play-landing__session-name[b-8211v06s8w] {
  font-weight: 600;
}
.play-landing__session-teacher[b-8211v06s8w] {
  color: #8E9BB0;
  font-size: 13px;
}
.play-landing__divider[b-8211v06s8w] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 16px 0 8px;
  color: #8E9BB0;
  font-size: 13px;
}
.play-landing__divider[b-8211v06s8w]::before,
.play-landing__divider[b-8211v06s8w]::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #E2E7ED;
}
.play-landing__link[b-8211v06s8w] {
  margin-top: 16px;
  padding: 0;
  border: 0;
  background: none;
  color: #5A6B7F;
  font-size: 13px;
  text-decoration: underline;
  cursor: pointer;
}
.play-landing__button[b-8211v06s8w]  .play-landing__button-spinner {
  position: absolute;
  inset: 0;
  margin: auto;
  font-size: 28px;
}
.play-landing__button--small[b-8211v06s8w]  .play-landing__button-spinner {
  font-size: 20px;
}
.play-landing__problem[b-8211v06s8w] {
  height: 2.8em;
  margin: 18px 0 0;
  color: #1A2332;
  font-family: 'Fredoka', 'DM Sans', system-ui, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
}
.play-landing__problem-text[b-8211v06s8w] {
  display: block;
  animation: play-landing-fade-in-b-8211v06s8w 0.35s ease-out;
}
@keyframes play-landing-fade-in-b-8211v06s8w {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
/* /Pages/PlayResults.razor.rz.scp.css */
play-results[b-wtoifyhcke] {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% / var(--play-scale, 1));
  height: calc(100% / var(--play-scale, 1));
  transform: scale(var(--play-scale, 1));
  transform-origin: 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: linear-gradient(rgba(12, 22, 18, 0.45), rgba(12, 22, 18, 0.45)), url("/play/maps/lake.png") center / cover;
  overflow-y: auto;
}
.play-results__card[b-wtoifyhcke] {
  width: 460px;
  max-width: 100%;
  margin: auto;
  padding: 28px 32px 32px;
  border: 2px solid #1A2332;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 8px 0 rgba(26, 35, 50, 0.35);
  text-align: center;
}
.play-results__card h1[b-wtoifyhcke] {
  margin: 4px 0;
  font-family: 'Fredoka', 'DM Sans', system-ui, sans-serif;
  font-size: 28px;
  font-weight: 600;
}
.play-results__hand[b-wtoifyhcke] {
  width: 120px;
  height: 120px;
  margin: 0 auto;
}
.play-results__note[b-wtoifyhcke] {
  margin: 0 0 18px;
  color: #5A6B7F;
}
.play-results__stats[b-wtoifyhcke] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 14px;
}
.play-results__stats div[b-wtoifyhcke] {
  padding: 10px 6px;
  border: 2px solid #E2E7ED;
  border-radius: 12px;
}
.play-results__stats strong[b-wtoifyhcke] {
  display: block;
  font-family: 'Fredoka', 'DM Sans', system-ui, sans-serif;
  font-size: 28px;
  color: #0D7C5F;
}
.play-results__stats span[b-wtoifyhcke] {
  color: #5A6B7F;
  font-size: 12px;
}
.play-results__coins[b-wtoifyhcke] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 14px;
  padding: 10px;
  border-radius: 12px;
  background: #FFF6D8;
  font-family: 'Fredoka', 'DM Sans', system-ui, sans-serif;
  font-size: 22px;
  font-weight: 600;
  color: #A87400;
}
.play-results__coins img[b-wtoifyhcke] {
  width: 40px;
  height: auto;
}
.play-results__coins small[b-wtoifyhcke] {
  display: block;
  font-family: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #5A6B7F;
}
.play-results__coins span[b-wtoifyhcke] {
  text-align: left;
}
.play-results__team[b-wtoifyhcke] {
  margin: 0 0 14px;
  color: var(--team-colour);
  font-weight: 600;
}
.play-results__leaderboard[b-wtoifyhcke] {
  margin-bottom: 18px;
  text-align: left;
}
.play-results__button[b-wtoifyhcke] {
  display: inline-block;
  padding: 12px 40px;
  border: 2px solid #1A2332;
  border-radius: 12px;
  background: #0D7C5F;
  color: #fff;
  font-family: 'Fredoka', 'DM Sans', system-ui, sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 4px 0 #1A2332;
}
/* /World/WorldView.razor.rz.scp.css */
world-view[b-43cjmxf9q7] {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  touch-action: none;
  user-select: none;
}
world-view canvas[b-43cjmxf9q7] {
  display: block;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
.world-view__overlay[b-43cjmxf9q7] {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% / var(--play-scale, 1));
  height: calc(100% / var(--play-scale, 1));
  transform: scale(var(--play-scale, 1));
  transform-origin: 0 0;
  pointer-events: none;
}
.world-view__overlay[b-43cjmxf9q7] >  * {
  pointer-events: auto;
}
.world-view__stick[b-43cjmxf9q7] {
  position: absolute;
  left: 28px;
  bottom: 28px;
  width: 116px;
  height: 116px;
  border: 2px solid rgba(255, 255, 255, 0.75);
  border-radius: 50%;
  background: rgba(26, 35, 50, 0.35);
  transform: scale(var(--play-scale, 1));
  transform-origin: 0 100%;
  touch-action: none;
}
@media (hover: hover) and (pointer: fine) {
  .world-view__stick[b-43cjmxf9q7] {
    display: none;
  }
}
.world-view__knob[b-43cjmxf9q7] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 52px;
  height: 52px;
  margin: -26px 0 0 -26px;
  border: 1.5px solid #1A2332;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 0 rgba(26, 35, 50, 0.25);
  pointer-events: none;
  transition: translate 0.15s ease-out;
}
.world-view__stick--held .world-view__knob[b-43cjmxf9q7] {
  transition: none;
}