/* [project]/modules/Applications/votex/interface/src/app/globals.css [app-client] (css) */
*, :before, :after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, .5);
  --tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-ring-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, .5);
  --tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-ring-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow: 0 0 rgba(0, 0, 0, 0);
  --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}

*, :before, :after {
  box-sizing: border-box;
  border: 0 solid #e5e7eb;
}

:before, :after {
  --tw-content: "";
}

html, :host {
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  tab-size: 4;
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  line-height: 1.5;
}

body {
  line-height: inherit;
  margin: 0;
}

hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}

a {
  color: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp, pre {
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}

button, input, optgroup, select, textarea {
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}

button, select {
  text-transform: none;
}

button {
  -webkit-appearance: button;
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
}

input:where([type="button"]) {
  -webkit-appearance: button;
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
}

input:where([type="reset"]) {
  -webkit-appearance: button;
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
}

input:where([type="submit"]) {
  -webkit-appearance: button;
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
}

:-moz-focusring {
  outline: auto;
}

:-moz-ui-invalid {
  box-shadow: none;
}

progress {
  vertical-align: baseline;
}

::-webkit-inner-spin-button {
  height: auto;
}

::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

summary {
  display: list-item;
}

blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol, ul, menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

dialog {
  padding: 0;
}

textarea {
  resize: vertical;
}

input::-moz-placeholder {
  opacity: 1;
  color: #9ca3af;
}

textarea::-moz-placeholder {
  opacity: 1;
  color: #9ca3af;
}

input::placeholder, textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}

button, [role="button"] {
  cursor: pointer;
}

:disabled {
  cursor: default;
}

img, svg, video, canvas, audio, iframe, embed, object {
  vertical-align: middle;
  display: block;
}

img, video {
  max-width: 100%;
  height: auto;
}

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

:root {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --background: 0 0% 1%;
  --foreground: 30 20% 96%;
  --card: 20 8% 9%;
  --card-foreground: 30 20% 96%;
  --primary: 12 86% 51%;
  --primary-foreground: 0 0% 100%;
  --secondary: 0 0% 14%;
  --secondary-foreground: 0 0% 96%;
  --muted: 0 0% 13%;
  --muted-foreground: 24 8% 62%;
  --accent: 14 45% 18%;
  --accent-foreground: 23 100% 83%;
  --destructive: 358 78% 47%;
  --destructive-foreground: 0 0% 100%;
  --border: 0 0% 23%;
  --input: 0 0% 26%;
  --ring: 17 89% 55%;
}

* {
  box-sizing: border-box;
  border-color: hsl(var(--border));
}

html, body {
  background: #000;
  min-height: 100%;
  margin: 0;
}

html {
  scrollbar-gutter: stable;
}

body {
  color: hsl(var(--foreground));
}

button, input, select, textarea {
  font: inherit;
}

button {
  cursor: pointer;
}

button:disabled {
  cursor: not-allowed;
}

::selection {
  color: #fff;
  background: rgba(238, 51, 23, .32);
}

.container {
  width: 100%;
}

@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}

.sr-only {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.visible {
  visibility: visible;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.inset-0 {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.inset-x-auto {
  left: auto;
  right: auto;
}

.inset-y-0 {
  top: 0;
  bottom: 0;
}

.inset-y-auto {
  top: auto;
  bottom: auto;
}

.start-0:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 0;
}

.start-0:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 0;
}

.start-0:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 0;
}

.start-0:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 0;
}

.start-0:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 0;
}

.start-0:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 0;
}

.start-1\/2:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 50%;
}

.start-1\/2:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 50%;
}

.start-1\/2:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 50%;
}

.start-1\/2:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 50%;
}

.start-1\/2:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 50%;
}

.start-1\/2:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 50%;
}

.top-1\/2 {
  top: 50%;
}

.z-50 {
  z-index: 50;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.mb-1\.5 {
  margin-bottom: .375rem;
}

.mb-2 {
  margin-bottom: .5rem;
}

.me-2:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-right: .5rem;
}

.me-2:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-right: .5rem;
}

.me-2:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-right: .5rem;
}

.me-2:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-left: .5rem;
}

.me-2:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-left: .5rem;
}

.me-2:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-left: .5rem;
}

.ms-auto:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: auto;
}

.ms-auto:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: auto;
}

.ms-auto:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: auto;
}

.ms-auto:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-right: auto;
}

.ms-auto:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-right: auto;
}

.ms-auto:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-right: auto;
}

.mt-0\.5 {
  margin-top: .125rem;
}

.mt-1 {
  margin-top: .25rem;
}

.mt-1\.5 {
  margin-top: .375rem;
}

.mt-2 {
  margin-top: .5rem;
}

.mt-3 {
  margin-top: .75rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.block {
  display: block;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.\!table {
  display: table !important;
}

.table {
  display: table;
}

.\!grid {
  display: grid !important;
}

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.size-10 {
  width: 2.5rem;
  height: 2.5rem;
}

.size-14 {
  width: 3.5rem;
  height: 3.5rem;
}

.size-2 {
  width: .5rem;
  height: .5rem;
}

.size-3 {
  width: .75rem;
  height: .75rem;
}

.size-4 {
  width: 1rem;
  height: 1rem;
}

.size-6 {
  width: 1.5rem;
  height: 1.5rem;
}

.size-7 {
  width: 1.75rem;
  height: 1.75rem;
}

.h-10 {
  height: 2.5rem;
}

.h-11 {
  height: 2.75rem;
}

.h-16 {
  height: 4rem;
}

.h-48 {
  height: 12rem;
}

.h-8 {
  height: 2rem;
}

.h-9 {
  height: 2.25rem;
}

.h-96 {
  height: 24rem;
}

.h-\[760px\] {
  height: 760px;
}

.h-auto {
  height: auto;
}

.max-h-52 {
  max-height: 13rem;
}

.max-h-56 {
  max-height: 14rem;
}

.max-h-80 {
  max-height: 20rem;
}

.max-h-\[430px\] {
  max-height: 430px;
}

.min-h-0 {
  min-height: 0;
}

.min-h-24 {
  min-height: 6rem;
}

.min-h-80 {
  min-height: 20rem;
}

.min-h-\[calc\(100vh-4rem\)\] {
  min-height: calc(100vh - 4rem);
}

.w-\[calc\(100\%-2rem\)\] {
  width: calc(100% - 2rem);
}

.w-\[min\(100vw\,34rem\)\] {
  width: min(100vw, 34rem);
}

.w-full {
  width: 100%;
}

.min-w-0 {
  min-width: 0;
}

.max-w-\[1600px\] {
  max-width: 1600px;
}

.max-w-\[660px\] {
  max-width: 660px;
}

.max-w-lg {
  max-width: 32rem;
}

.flex-1 {
  flex: 1;
}

.shrink-0 {
  flex-shrink: 0;
}

.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

.animate-pulse {
  animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.animate-spin {
  animation: 1s linear infinite spin;
}

.cursor-pointer {
  cursor: pointer;
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.items-start {
  align-items: flex-start;
}

.items-center {
  align-items: center;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.gap-1 {
  gap: .25rem;
}

.gap-2 {
  gap: .5rem;
}

.gap-3 {
  gap: .75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-x-4 {
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}

.gap-y-1 {
  row-gap: .25rem;
}

.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.25rem * var(--tw-space-y-reverse));
}

.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.375rem * var(--tw-space-y-reverse));
}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.5rem * var(--tw-space-y-reverse));
}

.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.75rem * var(--tw-space-y-reverse));
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-y-auto {
  overflow-y: auto;
}

.truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.break-words {
  overflow-wrap: break-word;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-3xl {
  border-radius: 1.5rem;
}

.rounded-\[200px\] {
  border-radius: 200px;
}

.rounded-\[28px\] {
  border-radius: 28px;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-lg {
  border-radius: .5rem;
}

.rounded-xl {
  border-radius: .75rem;
}

.border {
  border-width: 1px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-e:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-right-width: 1px;
}

.border-e:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-right-width: 1px;
}

.border-e:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-right-width: 1px;
}

.border-e:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  border-left-width: 1px;
}

.border-e:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  border-left-width: 1px;
}

.border-e:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  border-left-width: 1px;
}

.border-s:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-left-width: 1px;
}

.border-s:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-left-width: 1px;
}

.border-s:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-left-width: 1px;
}

.border-s:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  border-right-width: 1px;
}

.border-s:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  border-right-width: 1px;
}

.border-s:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  border-right-width: 1px;
}

.border-t {
  border-top-width: 1px;
}

.border-\[\#568b60\]\/30 {
  border-color: rgba(86, 139, 96, .3);
}

.border-\[\#a64032\]\/40 {
  border-color: rgba(166, 64, 50, .4);
}

.border-\[\#c65a31\]\/30 {
  border-color: rgba(198, 90, 49, .3);
}

.border-\[\#d76834\]\/30 {
  border-color: rgba(215, 104, 52, .3);
}

.border-\[\#d96632\]\/20 {
  border-color: rgba(217, 102, 50, .2);
}

.border-\[\#dc6b32\]\/35 {
  border-color: rgba(220, 107, 50, .35);
}

.border-\[\#dc6b32\]\/45 {
  border-color: rgba(220, 107, 50, .45);
}

.border-\[\#df7740\]\/35 {
  border-color: rgba(223, 119, 64, .35);
}

.border-\[\#ef8a4f\]\/35 {
  border-color: rgba(239, 138, 79, .35);
}

.border-red-500\/20 {
  border-color: rgba(239, 68, 68, .2);
}

.border-transparent {
  border-color: rgba(0, 0, 0, 0);
}

.border-white\/10 {
  border-color: rgba(255, 255, 255, .1);
}

.border-white\/20 {
  border-color: rgba(255, 255, 255, .2);
}

.border-white\/25 {
  border-color: rgba(255, 255, 255, .25);
}

.border-white\/\[\.06\] {
  border-color: rgba(255, 255, 255, .06);
}

.border-white\/\[\.07\] {
  border-color: rgba(255, 255, 255, .07);
}

.bg-\[\#080706\] {
  --tw-bg-opacity: 1;
  background-color: rgba(8, 7, 6, var(--tw-bg-opacity, 1));
}

.bg-\[\#100b08\] {
  --tw-bg-opacity: 1;
  background-color: rgba(16, 11, 8, var(--tw-bg-opacity, 1));
}

.bg-\[\#120c09\] {
  --tw-bg-opacity: 1;
  background-color: rgba(18, 12, 9, var(--tw-bg-opacity, 1));
}

.bg-\[\#151515\] {
  --tw-bg-opacity: 1;
  background-color: rgba(21, 21, 21, var(--tw-bg-opacity, 1));
}

.bg-\[\#17100c\] {
  --tw-bg-opacity: 1;
  background-color: rgba(23, 16, 12, var(--tw-bg-opacity, 1));
}

.bg-\[\#18110d\] {
  --tw-bg-opacity: 1;
  background-color: rgba(24, 17, 13, var(--tw-bg-opacity, 1));
}

.bg-\[\#21120d\] {
  --tw-bg-opacity: 1;
  background-color: rgba(33, 18, 13, var(--tw-bg-opacity, 1));
}

.bg-\[\#23422a\] {
  --tw-bg-opacity: 1;
  background-color: rgba(35, 66, 42, var(--tw-bg-opacity, 1));
}

.bg-\[\#39231a\] {
  --tw-bg-opacity: 1;
  background-color: rgba(57, 35, 26, var(--tw-bg-opacity, 1));
}

.bg-\[\#3a1c11\] {
  --tw-bg-opacity: 1;
  background-color: rgba(58, 28, 17, var(--tw-bg-opacity, 1));
}

.bg-\[\#3b1814\] {
  --tw-bg-opacity: 1;
  background-color: rgba(59, 24, 20, var(--tw-bg-opacity, 1));
}

.bg-\[\#522515\] {
  --tw-bg-opacity: 1;
  background-color: rgba(82, 37, 21, var(--tw-bg-opacity, 1));
}

.bg-\[\#542618\] {
  --tw-bg-opacity: 1;
  background-color: rgba(84, 38, 24, var(--tw-bg-opacity, 1));
}

.bg-\[\#8e3824\] {
  --tw-bg-opacity: 1;
  background-color: rgba(142, 56, 36, var(--tw-bg-opacity, 1));
}

.bg-\[\#c84f2d\] {
  --tw-bg-opacity: 1;
  background-color: rgba(200, 79, 45, var(--tw-bg-opacity, 1));
}

.bg-\[\#cf5e2e\] {
  --tw-bg-opacity: 1;
  background-color: rgba(207, 94, 46, var(--tw-bg-opacity, 1));
}

.bg-\[\#d71920\] {
  --tw-bg-opacity: 1;
  background-color: rgba(215, 25, 32, var(--tw-bg-opacity, 1));
}

.bg-\[\#d96632\] {
  --tw-bg-opacity: 1;
  background-color: rgba(217, 102, 50, var(--tw-bg-opacity, 1));
}

.bg-\[\#d96632\]\/\[\.08\] {
  background-color: rgba(217, 102, 50, .08);
}

.bg-black\/15 {
  background-color: rgba(0, 0, 0, .15);
}

.bg-black\/20 {
  background-color: rgba(0, 0, 0, .2);
}

.bg-black\/25 {
  background-color: rgba(0, 0, 0, .25);
}

.bg-black\/70 {
  background-color: rgba(0, 0, 0, .7);
}

.bg-red-500\/5 {
  background-color: rgba(239, 68, 68, .05);
}

.bg-transparent {
  background-color: rgba(0, 0, 0, 0);
}

.bg-white\/10 {
  background-color: rgba(255, 255, 255, .1);
}

.bg-white\/5 {
  background-color: rgba(255, 255, 255, .05);
}

.bg-white\/\[\.018\] {
  background-color: rgba(255, 255, 255, .02);
}

.bg-white\/\[\.025\] {
  background-color: rgba(255, 255, 255, .024);
}

.bg-white\/\[\.035\] {
  background-color: rgba(255, 255, 255, .035);
}

.bg-white\/\[\.03\] {
  background-color: rgba(255, 255, 255, .03);
}

.bg-white\/\[\.04\] {
  background-color: rgba(255, 255, 255, .04);
}

.bg-white\/\[\.07\] {
  background-color: rgba(255, 255, 255, .07);
}

.bg-\[radial-gradient\(circle_at_top\,\#4b2315\,\#1a100c_65\%\)\] {
  background-image: radial-gradient(circle at top, #4b2315, #1a100c 65%);
}

.bg-gradient-to-l {
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}

.from-\[\#d71920\] {
  --tw-gradient-from: #d71920 var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(215, 25, 32, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-\[\#f2531d\] {
  --tw-gradient-to: #f2531d var(--tw-gradient-to-position);
}

.p-0 {
  padding: 0;
}

.p-2 {
  padding: .5rem;
}

.p-2\.5 {
  padding: .625rem;
}

.p-3 {
  padding: .75rem;
}

.p-4 {
  padding: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

.px-2 {
  padding-left: .5rem;
  padding-right: .5rem;
}

.px-2\.5 {
  padding-left: .625rem;
  padding-right: .625rem;
}

.px-3 {
  padding-left: .75rem;
  padding-right: .75rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.py-0\.5 {
  padding-top: .125rem;
  padding-bottom: .125rem;
}

.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.py-2 {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.py-2\.5 {
  padding-top: .625rem;
  padding-bottom: .625rem;
}

.py-3 {
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.pe-1:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  padding-right: .25rem;
}

.pe-1:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  padding-right: .25rem;
}

.pe-1:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  padding-right: .25rem;
}

.pe-1:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-left: .25rem;
}

.pe-1:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-left: .25rem;
}

.pe-1:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-left: .25rem;
}

.ps-3:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  padding-left: .75rem;
}

.ps-3:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  padding-left: .75rem;
}

.ps-3:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  padding-left: .75rem;
}

.ps-3:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-right: .75rem;
}

.ps-3:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-right: .75rem;
}

.ps-3:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-right: .75rem;
}

.text-center {
  text-align: center;
}

.text-start {
  text-align: start;
}

.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
}

.text-\[10px\] {
  font-size: 10px;
}

.text-\[11px\] {
  font-size: 11px;
}

.text-\[8px\] {
  font-size: 8px;
}

.text-\[9px\] {
  font-size: 9px;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-sm {
  font-size: .875rem;
  line-height: 1.25rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-xs {
  font-size: .75rem;
  line-height: 1rem;
}

.font-black {
  font-weight: 900;
}

.font-bold {
  font-weight: 700;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.uppercase {
  text-transform: uppercase;
}

.leading-5 {
  line-height: 1.25rem;
}

.leading-6 {
  line-height: 1.5rem;
}

.leading-none {
  line-height: 1;
}

.tracking-\[\.16em\] {
  letter-spacing: .16em;
}

.tracking-wider {
  letter-spacing: .05em;
}

.text-\[\#76675d\] {
  --tw-text-opacity: 1;
  color: rgba(118, 103, 93, var(--tw-text-opacity, 1));
}

.text-\[\#78695f\] {
  --tw-text-opacity: 1;
  color: rgba(120, 105, 95, var(--tw-text-opacity, 1));
}

.text-\[\#786a61\] {
  --tw-text-opacity: 1;
  color: rgba(120, 106, 97, var(--tw-text-opacity, 1));
}

.text-\[\#79685d\] {
  --tw-text-opacity: 1;
  color: rgba(121, 104, 93, var(--tw-text-opacity, 1));
}

.text-\[\#7e6e63\] {
  --tw-text-opacity: 1;
  color: rgba(126, 110, 99, var(--tw-text-opacity, 1));
}

.text-\[\#806f64\] {
  --tw-text-opacity: 1;
  color: rgba(128, 111, 100, var(--tw-text-opacity, 1));
}

.text-\[\#89776b\] {
  --tw-text-opacity: 1;
  color: rgba(137, 119, 107, var(--tw-text-opacity, 1));
}

.text-\[\#89786d\] {
  --tw-text-opacity: 1;
  color: rgba(137, 120, 109, var(--tw-text-opacity, 1));
}

.text-\[\#8d7a6d\] {
  --tw-text-opacity: 1;
  color: rgba(141, 122, 109, var(--tw-text-opacity, 1));
}

.text-\[\#8d7c70\] {
  --tw-text-opacity: 1;
  color: rgba(141, 124, 112, var(--tw-text-opacity, 1));
}

.text-\[\#907f72\] {
  --tw-text-opacity: 1;
  color: rgba(144, 127, 114, var(--tw-text-opacity, 1));
}

.text-\[\#958377\] {
  --tw-text-opacity: 1;
  color: rgba(149, 131, 119, var(--tw-text-opacity, 1));
}

.text-\[\#9bd5a6\] {
  --tw-text-opacity: 1;
  color: rgba(155, 213, 166, var(--tw-text-opacity, 1));
}

.text-\[\#9f8b7e\] {
  --tw-text-opacity: 1;
  color: rgba(159, 139, 126, var(--tw-text-opacity, 1));
}

.text-\[\#a58f80\] {
  --tw-text-opacity: 1;
  color: rgba(165, 143, 128, var(--tw-text-opacity, 1));
}

.text-\[\#a99487\] {
  --tw-text-opacity: 1;
  color: rgba(169, 148, 135, var(--tw-text-opacity, 1));
}

.text-\[\#a99586\] {
  --tw-text-opacity: 1;
  color: rgba(169, 149, 134, var(--tw-text-opacity, 1));
}

.text-\[\#aa9587\] {
  --tw-text-opacity: 1;
  color: rgba(170, 149, 135, var(--tw-text-opacity, 1));
}

.text-\[\#aa978b\] {
  --tw-text-opacity: 1;
  color: rgba(170, 151, 139, var(--tw-text-opacity, 1));
}

.text-\[\#aa988b\] {
  --tw-text-opacity: 1;
  color: rgba(170, 152, 139, var(--tw-text-opacity, 1));
}

.text-\[\#ab998d\] {
  --tw-text-opacity: 1;
  color: rgba(171, 153, 141, var(--tw-text-opacity, 1));
}

.text-\[\#ad9585\] {
  --tw-text-opacity: 1;
  color: rgba(173, 149, 133, var(--tw-text-opacity, 1));
}

.text-\[\#b54b32\] {
  --tw-text-opacity: 1;
  color: rgba(181, 75, 50, var(--tw-text-opacity, 1));
}

.text-\[\#b5a397\] {
  --tw-text-opacity: 1;
  color: rgba(181, 163, 151, var(--tw-text-opacity, 1));
}

.text-\[\#b8a397\] {
  --tw-text-opacity: 1;
  color: rgba(184, 163, 151, var(--tw-text-opacity, 1));
}

.text-\[\#b9aaa0\] {
  --tw-text-opacity: 1;
  color: rgba(185, 170, 160, var(--tw-text-opacity, 1));
}

.text-\[\#bb8d78\] {
  --tw-text-opacity: 1;
  color: rgba(187, 141, 120, var(--tw-text-opacity, 1));
}

.text-\[\#bca394\] {
  --tw-text-opacity: 1;
  color: rgba(188, 163, 148, var(--tw-text-opacity, 1));
}

.text-\[\#bca99c\] {
  --tw-text-opacity: 1;
  color: rgba(188, 169, 156, var(--tw-text-opacity, 1));
}

.text-\[\#c8b5a8\] {
  --tw-text-opacity: 1;
  color: rgba(200, 181, 168, var(--tw-text-opacity, 1));
}

.text-\[\#c8b8ac\] {
  --tw-text-opacity: 1;
  color: rgba(200, 184, 172, var(--tw-text-opacity, 1));
}

.text-\[\#c9907b\] {
  --tw-text-opacity: 1;
  color: rgba(201, 144, 123, var(--tw-text-opacity, 1));
}

.text-\[\#cdbbb0\] {
  --tw-text-opacity: 1;
  color: rgba(205, 187, 176, var(--tw-text-opacity, 1));
}

.text-\[\#d2c0b4\] {
  --tw-text-opacity: 1;
  color: rgba(210, 192, 180, var(--tw-text-opacity, 1));
}

.text-\[\#d5b6a1\] {
  --tw-text-opacity: 1;
  color: rgba(213, 182, 161, var(--tw-text-opacity, 1));
}

.text-\[\#d7c8bd\] {
  --tw-text-opacity: 1;
  color: rgba(215, 200, 189, var(--tw-text-opacity, 1));
}

.text-\[\#d86c35\] {
  --tw-text-opacity: 1;
  color: rgba(216, 108, 53, var(--tw-text-opacity, 1));
}

.text-\[\#d9c8bc\] {
  --tw-text-opacity: 1;
  color: rgba(217, 200, 188, var(--tw-text-opacity, 1));
}

.text-\[\#d9cabe\] {
  --tw-text-opacity: 1;
  color: rgba(217, 202, 190, var(--tw-text-opacity, 1));
}

.text-\[\#db713a\] {
  --tw-text-opacity: 1;
  color: rgba(219, 113, 58, var(--tw-text-opacity, 1));
}

.text-\[\#dd6d35\] {
  --tw-text-opacity: 1;
  color: rgba(221, 109, 53, var(--tw-text-opacity, 1));
}

.text-\[\#dfd0c4\] {
  --tw-text-opacity: 1;
  color: rgba(223, 208, 196, var(--tw-text-opacity, 1));
}

.text-\[\#e2763b\] {
  --tw-text-opacity: 1;
  color: rgba(226, 118, 59, var(--tw-text-opacity, 1));
}

.text-\[\#e4773c\] {
  --tw-text-opacity: 1;
  color: rgba(228, 119, 60, var(--tw-text-opacity, 1));
}

.text-\[\#e7c1a8\] {
  --tw-text-opacity: 1;
  color: rgba(231, 193, 168, var(--tw-text-opacity, 1));
}

.text-\[\#eadbd0\] {
  --tw-text-opacity: 1;
  color: rgba(234, 219, 208, var(--tw-text-opacity, 1));
}

.text-\[\#ed8247\] {
  --tw-text-opacity: 1;
  color: rgba(237, 130, 71, var(--tw-text-opacity, 1));
}

.text-\[\#ef9a87\] {
  --tw-text-opacity: 1;
  color: rgba(239, 154, 135, var(--tw-text-opacity, 1));
}

.text-\[\#f0b18a\] {
  --tw-text-opacity: 1;
  color: rgba(240, 177, 138, var(--tw-text-opacity, 1));
}

.text-\[\#f19a5e\] {
  --tw-text-opacity: 1;
  color: rgba(241, 154, 94, var(--tw-text-opacity, 1));
}

.text-\[\#f3a293\] {
  --tw-text-opacity: 1;
  color: rgba(243, 162, 147, var(--tw-text-opacity, 1));
}

.text-\[\#f8efe7\] {
  --tw-text-opacity: 1;
  color: rgba(248, 239, 231, var(--tw-text-opacity, 1));
}

.text-\[\#ffbd91\] {
  --tw-text-opacity: 1;
  color: rgba(255, 189, 145, var(--tw-text-opacity, 1));
}

.text-\[\#ffbf95\] {
  --tw-text-opacity: 1;
  color: rgba(255, 191, 149, var(--tw-text-opacity, 1));
}

.text-\[\#ffc097\] {
  --tw-text-opacity: 1;
  color: rgba(255, 192, 151, var(--tw-text-opacity, 1));
}

.text-\[\#ffc39d\] {
  --tw-text-opacity: 1;
  color: rgba(255, 195, 157, var(--tw-text-opacity, 1));
}

.text-red-300 {
  --tw-text-opacity: 1;
  color: rgba(252, 165, 165, var(--tw-text-opacity, 1));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}

.text-white\/50 {
  color: rgba(255, 255, 255, .5);
}

.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.shadow-\[0_0_10px_rgba\(207\,94\,46\,\.45\)\] {
  --tw-shadow: 0 0 10px rgba(207, 94, 46, .45);
  --tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.shadow-\[0_0_35px_rgba\(220\,107\,50\,\.25\)\] {
  --tw-shadow: 0 0 35px rgba(220, 107, 50, .25);
  --tw-shadow-colored: 0 0 35px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.shadow-\[0_10px_28px_rgba\(215\,25\,32\,\.24\)\] {
  --tw-shadow: 0 10px 28px rgba(215, 25, 32, .24);
  --tw-shadow-colored: 0 10px 28px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.outline-none {
  outline-offset: 2px;
  outline: 2px solid rgba(0, 0, 0, 0);
}

.outline {
  outline-style: solid;
}

.\!ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0)) !important;
}

.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
}

.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.backdrop-blur-\[4px\] {
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.\!transition {
  transition-property: color, background-color, border-color, -webkit-text-decoration-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter !important;
  transition-duration: .15s !important;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
}

.transition {
  transition-property: color, background-color, border-color, -webkit-text-decoration-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-colors {
  transition-property: color, background-color, border-color, -webkit-text-decoration-color, text-decoration-color, fill, stroke;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
  }
}

@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
  }
}

.running {
  animation-play-state: running;
}

.\!paused {
  animation-play-state: paused !important;
}

.paused {
  animation-play-state: paused;
}

.placeholder\:text-\[\#66584f\]::placeholder {
  --tw-text-opacity: 1;
  color: rgba(102, 88, 79, var(--tw-text-opacity, 1));
}

.placeholder\:text-\[\#6f6057\]::placeholder {
  --tw-text-opacity: 1;
  color: rgba(111, 96, 87, var(--tw-text-opacity, 1));
}

.placeholder\:text-white\/35::placeholder {
  color: rgba(255, 255, 255, .35);
}

.hover\:border-white\/\[\.06\]:hover {
  border-color: rgba(255, 255, 255, .06);
}

.hover\:bg-\[\#4b2b1d\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(75, 43, 29, var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#b94b2e\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(185, 75, 46, var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#e36a3b\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(227, 106, 59, var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#ed7b3e\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(237, 123, 62, var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#ef252d\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(239, 37, 45, var(--tw-bg-opacity, 1));
}

.hover\:bg-white\/10:hover {
  background-color: rgba(255, 255, 255, .1);
}

.hover\:bg-white\/15:hover {
  background-color: rgba(255, 255, 255, .15);
}

.hover\:bg-white\/5:hover {
  background-color: rgba(255, 255, 255, .05);
}

.hover\:bg-white\/\[\.025\]:hover {
  background-color: rgba(255, 255, 255, .024);
}

.hover\:bg-white\/\[\.028\]:hover {
  background-color: rgba(255, 255, 255, .027);
}

.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}

.hover\:brightness-110:hover {
  --tw-brightness: brightness(1.1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
}

.focus-visible\:ring-\[\#f2531d\]:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(242, 83, 29, var(--tw-ring-opacity, 1));
}

.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}

.disabled\:opacity-45:disabled {
  opacity: .45;
}

.disabled\:opacity-50:disabled {
  opacity: .5;
}

.data-\[state\=open\]\:animate-in[data-state="open"] {
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
  animation-name: enter;
  animation-duration: .15s;
}

.data-\[state\=closed\]\:animate-out[data-state="closed"] {
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
  animation-name: exit;
  animation-duration: .15s;
}

@media (prefers-reduced-motion: reduce) {
  .motion-reduce\:animate-none {
    animation: none;
  }
}

@media (min-width: 640px) {
  .sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1280px) {
  .xl\:grid-cols-\[minmax\(0\,1fr\)_340px\] {
    grid-template-columns: minmax(0, 1fr) 340px;
  }

  .xl\:p-6 {
    padding: 1.5rem;
  }
}

.rtl\:translate-x-1\/2:where([dir="rtl"], [dir="rtl"] *) {
  --tw-translate-x: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\[\&_svg\]\:size-4 svg {
  width: 1rem;
  height: 1rem;
}

/* [project]/modules/Applications/votex/interface/src/styles/votex.css [app-client] (css) */
@font-face {
  font-family: IRANSansX FaNum;
  src: url("/fonts/votex/iransansx/IRANSansXFaNum-Light.woff2") format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: IRANSansX;
  src: url("/fonts/votex/iransansx/IRANSansX-Light.woff2") format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: IRANSansX FaNum;
  src: url("/fonts/votex/iransansx/IRANSansXFaNum-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: IRANSansX;
  src: url("/fonts/votex/iransansx/IRANSansX-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: IRANSansX FaNum;
  src: url("/fonts/votex/iransansx/IRANSansXFaNum-Medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: IRANSansX;
  src: url("/fonts/votex/iransansx/IRANSansX-Medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: IRANSansX FaNum;
  src: url("/fonts/votex/iransansx/IRANSansXFaNum-DemiBold.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: IRANSansX;
  src: url("/fonts/votex/iransansx/IRANSansX-DemiBold.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: IRANSansX FaNum;
  src: url("/fonts/votex/iransansx/IRANSansXFaNum-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: IRANSansX;
  src: url("/fonts/votex/iransansx/IRANSansX-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: IRANSansX FaNum;
  src: url("/fonts/votex/iransansx/IRANSansXFaNum-ExtraBold.woff2") format("woff2");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

@font-face {
  font-family: IRANSansX;
  src: url("/fonts/votex/iransansx/IRANSansX-ExtraBold.woff2") format("woff2");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

@font-face {
  font-family: IRANSansX FaNum;
  src: url("/fonts/votex/iransansx/IRANSansXFaNum-Black.woff2") format("woff2");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

@font-face {
  font-family: IRANSansX;
  src: url("/fonts/votex/iransansx/IRANSansX-Black.woff2") format("woff2");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

@font-face {
  font-family: IRANSansX FaNum;
  src: url("/fonts/votex/iransansx/IRANSansXFaNum-ExtraBlack.woff2") format("woff2");
  font-style: normal;
  font-weight: 950;
  font-display: swap;
}

@font-face {
  font-family: IRANSansX;
  src: url("/fonts/votex/iransansx/IRANSansX-ExtraBlack.woff2") format("woff2");
  font-style: normal;
  font-weight: 950;
  font-display: swap;
}

.votex-app {
  --votex-canvas: #030303;
  --votex-surface: rgba(24, 24, 24, .94);
  --votex-surface-soft: rgba(255, 255, 255, .055);
  --votex-border: rgba(255, 255, 255, .22);
  --votex-border-soft: rgba(255, 255, 255, .1);
  --votex-text: #f7f4f1;
  --votex-muted: #a39c97;
  --votex-red: #d71920;
  --votex-orange: #f2531d;
  isolation: isolate;
  min-height: var(--votex-layout-height, 100vh);
  background: var(--votex-canvas);
  color: var(--votex-text);
  font-family: IRANSansX FaNum, Tahoma, Arial, ui-sans-serif, sans-serif;
  position: relative;
  overflow-x: hidden;
}

.votex-app.is-game-console {
  width: 100%;
  height: var(--votex-layout-height, 100dvh);
  min-height: 0;
  overflow: hidden;
}

.votex-app *, .votex-dialog, .votex-dialog * {
  font-family: IRANSansX FaNum, Tahoma, Arial, ui-sans-serif, sans-serif !important;
}

.votex-auth-shell {
  min-height: var(--votex-layout-height, 100vh);
  place-items: center;
  padding: 4rem 1.25rem;
  display: grid;
  overflow: hidden;
}

.votex-auth-orbit {
  z-index: -1;
  pointer-events: none;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 50%;
  position: fixed;
}

.votex-auth-orbit-one {
  width: 42rem;
  height: 42rem;
  top: -12rem;
}

.votex-auth-orbit-one:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: -23rem;
}

.votex-auth-orbit-one:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: -23rem;
}

.votex-auth-orbit-one:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: -23rem;
}

.votex-auth-orbit-one:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: -23rem;
}

.votex-auth-orbit-one:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: -23rem;
}

.votex-auth-orbit-one:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: -23rem;
}

.votex-auth-orbit-two {
  width: 32rem;
  height: 32rem;
  bottom: -14rem;
}

.votex-auth-orbit-two:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: -18rem;
}

.votex-auth-orbit-two:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: -18rem;
}

.votex-auth-orbit-two:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: -18rem;
}

.votex-auth-orbit-two:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: -18rem;
}

.votex-auth-orbit-two:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: -18rem;
}

.votex-auth-orbit-two:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: -18rem;
}

.votex-auth-card {
  background: linear-gradient(145deg, rgba(28, 28, 28, .97), rgba(7, 7, 7, .98));
  border: 1px solid rgba(255, 255, 255, .26);
  border-radius: 2rem;
  width: min(100%, 29rem);
  padding: 2rem;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2rem 6rem rgba(0, 0, 0, .7), inset 0 1px rgba(255, 255, 255, .06);
}

.votex-auth-card:before {
  content: "";
  background: linear-gradient(90deg, rgba(0, 0, 0, 0), #f2531d, rgba(0, 0, 0, 0));
  height: 1px;
  position: absolute;
  top: 0;
  bottom: auto;
  left: 15%;
  right: 15%;
}

.votex-auth-brand {
  justify-items: center;
  margin-bottom: 1.75rem;
  display: grid;
}

.votex-auth-brand > span, .votex-auth-verified {
  background: linear-gradient(145deg, #d71920, #f2531d);
  border-radius: 1.15rem;
  place-items: center;
  width: 3.25rem;
  height: 3.25rem;
  display: grid;
  box-shadow: 0 0 2.5rem rgba(242, 83, 29, .28);
}

.votex-auth-brand svg {
  width: 1.6rem;
}

.votex-auth-brand strong {
  letter-spacing: .22em;
  margin-top: .7rem;
  font-size: 1.25rem;
  font-family: IRANSansX, Arial, sans-serif !important;
}

.votex-auth-brand small {
  color: var(--votex-muted);
  margin-top: .25rem;
  font-size: .72rem;
}

.votex-auth-tabs {
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 999px;
  grid-template-columns: 1fr 1fr;
  gap: .3rem;
  padding: .3rem;
  display: grid;
}

.votex-auth-tabs button {
  color: #8f8a87;
  background: none;
  border: 0;
  border-radius: 999px;
  padding: .65rem;
  font-weight: 700;
}

.votex-auth-tabs button.is-active {
  color: #fff;
  background: rgba(255, 255, 255, .1);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06);
}

.votex-auth-heading {
  text-align: center;
  margin: 1.8rem 0 1.4rem;
}

.votex-auth-heading .votex-auth-verified {
  width: 2.75rem;
  height: 2.75rem;
  margin: 0 auto 1rem;
}

.votex-auth-heading h1 {
  margin: 0;
  font-size: 1.45rem;
  font-weight: 900;
}

.votex-auth-heading p {
  color: var(--votex-muted);
  margin: .65rem auto 0;
  font-size: .84rem;
  line-height: 1.9;
}

.votex-auth-heading b {
  color: #fff;
  font-weight: 700;
}

.votex-auth-form {
  gap: .8rem;
  display: grid;
}

.votex-auth-form > label {
  color: #d7d2cf;
  font-size: .8rem;
  font-weight: 700;
}

.votex-mobile-field {
  background: rgba(255, 255, 255, .043);
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 1rem;
  align-items: center;
  gap: .65rem;
  height: 3.35rem;
  padding: 0 1rem;
  transition: border-color .18s, box-shadow .18s;
  display: flex;
}

.votex-mobile-field:focus-within {
  border-color: #f2531d;
  box-shadow: 0 0 0 3px rgba(242, 83, 29, .12);
}

.votex-mobile-field svg {
  color: #8f8a87;
  width: 1.15rem;
}

.votex-mobile-field input {
  color: #fff;
  letter-spacing: .08em;
  text-align: left;
  background: none;
  border: 0;
  outline: 0;
  flex: 1;
  min-width: 0;
  font-family: IRANSansX FaNum, sans-serif;
  font-size: 1rem;
}

.votex-mobile-field input[autocomplete="name"] {
  text-align: right;
  letter-spacing: normal;
}

.votex-mobile-field input::placeholder {
  color: #5e5b59;
}

.votex-auth-submit {
  color: #fff;
  background: linear-gradient(100deg, #d71920, #f2531d);
  border: 0;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: .65rem;
  height: 3.35rem;
  margin-top: .35rem;
  font-weight: 800;
  transition: filter .18s, transform .18s;
  display: flex;
  box-shadow: 0 .8rem 2rem rgba(215, 25, 32, .22);
}

.votex-auth-submit:hover:not(:disabled) {
  filter: brightness(1.1);
  transform: translateY(-1px);
}

.votex-auth-submit:disabled {
  cursor: not-allowed;
  opacity: .48;
}

.votex-auth-submit svg {
  width: 1.15rem;
}

.votex-auth-error {
  color: #ff9d91;
  background: rgba(215, 25, 32, .09);
  border: 1px solid rgba(215, 25, 32, .34);
  border-radius: .75rem;
  margin: 0;
  padding: .65rem .8rem;
  font-size: .76rem;
  line-height: 1.7;
}

.votex-auth-switch {
  color: #8f8a87;
  text-align: center;
  margin: 1.4rem 0 0;
  font-size: .78rem;
}

.votex-auth-switch button, .votex-auth-secondary-actions button {
  color: #f47b50;
  background: none;
  border: 0;
  font-weight: 700;
}

.votex-otp-boxes {
  cursor: text;
  grid-template-columns: repeat(4, 1fr);
  gap: .7rem;
  display: grid;
  position: relative;
}

.votex-otp-boxes span {
  aspect-ratio: 1;
  background: rgba(255, 255, 255, .043);
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 1rem;
  place-items: center;
  font-size: 1.4rem;
  font-weight: 800;
  display: grid;
}

.votex-otp-boxes span.is-current {
  border-color: #f2531d;
  box-shadow: 0 0 0 3px rgba(242, 83, 29, .1);
}

.votex-otp-boxes input {
  opacity: 0;
  pointer-events: none;
  width: 1px;
  height: 1px;
  position: absolute;
}

.votex-auth-secondary-actions {
  flex-direction: column;
  align-items: center;
  gap: .65rem;
  margin-top: 1.25rem;
  font-size: .76rem;
  display: flex;
}

.votex-auth-secondary-actions button:disabled {
  color: #66615e;
  cursor: not-allowed;
}

.votex-auth-security {
  color: #625d5a;
  align-items: center;
  gap: .35rem;
  margin: 0;
  font-size: .7rem;
  display: flex;
  position: fixed;
  bottom: 1.2rem;
}

.votex-auth-security svg {
  width: .9rem;
}

.votex-auth-loading {
  color: #aaa39e;
  justify-items: center;
  font-size: .8rem;
  display: grid;
}

.votex-auth-spinner {
  border: 2px solid rgba(255, 255, 255, .14);
  border-top-color: #f2531d;
  border-radius: 50%;
  width: 2.3rem;
  height: 2.3rem;
  animation: .8s linear infinite votex-spin;
}

@keyframes votex-spin {
  to {
    transform: rotate(360deg);
  }
}

.votex-profile-actions {
  align-items: center;
  gap: .45rem;
  display: flex;
}

.votex-signout {
  width: 2.55rem;
  color: #ff9b8f !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@container votex-layout (width <= 520px) {
  .votex-auth-shell {
    padding: 1rem;
  }

  .votex-auth-card {
    border-radius: 1.5rem;
    padding: 1.4rem;
  }
}

.votex-ambient {
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(circle at 8% 7%, rgba(241, 75, 18, .12), rgba(0, 0, 0, 0) 24rem), radial-gradient(circle at 92% 12%, rgba(255, 177, 41, .11), rgba(0, 0, 0, 0) 26rem), radial-gradient(circle at 50% 90%, rgba(139, 24, 13, .14), rgba(0, 0, 0, 0) 34rem), #030303;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.votex-skip-link {
  z-index: 100;
  background: linear-gradient(135deg, var(--votex-red), var(--votex-orange));
  color: #fff;
  border-radius: 999px;
  padding: .65rem 1rem;
  font-size: .75rem;
  font-weight: 800;
  transition: transform .18s;
  position: fixed;
  top: .5rem;
  transform: translateY(-5rem);
}

.votex-skip-link:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 1rem;
}

.votex-skip-link:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 1rem;
}

.votex-skip-link:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 1rem;
}

.votex-skip-link:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 1rem;
}

.votex-skip-link:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 1rem;
}

.votex-skip-link:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 1rem;
}

.votex-skip-link:focus {
  transform: translateY(0);
}

.votex-frame {
  width: calc(100% - 84px);
  min-height: calc(var(--votex-layout-height, 100vh)  - 102px);
  background: rgba(0, 0, 0, .34);
  border: 1px solid rgba(255, 255, 255, .48);
  border-radius: 2rem;
  margin: 58px auto 44px;
  position: relative;
  overflow: visible;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .024), 0 24px 70px rgba(0, 0, 0, .44);
}

.votex-frame.is-management-home {
  width: 100%;
  min-height: var(--votex-layout-height, 100vh);
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding-top: 24px;
}

.votex-frame.is-management-home .votex-topbar {
  width: min(1180px, 100% - 3rem);
  margin: 0 auto;
}

.votex-frame.is-game-console {
  --votex-topbar-flow-height: 74px;
  width: 100%;
  height: var(--votex-layout-height, 100dvh);
  min-height: 0;
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  flex-direction: column;
  margin: 0;
  display: flex;
  overflow: hidden;
}

.votex-frame.is-game-console .votex-topbar {
  flex-shrink: 0;
  margin: 12px auto 0;
}

.votex-frame.is-game-console .votex-portal-nav {
  flex-shrink: 0;
  width: min(1180px, 100% - max(36px, min(8vw, 128px)));
  margin: 24px auto 0;
}

.votex-topbar {
  z-index: 35;
  border: 1px solid var(--votex-border-soft);
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
  direction: ltr;
  background: linear-gradient(rgba(31, 31, 31, .98), rgba(24, 24, 24, .98));
  border-radius: 2rem;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 1rem;
  width: min(1015px, 100% - 192px);
  min-height: 62px;
  margin: -32px auto 0;
  padding: 8px 12px;
  display: grid;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .36);
}

.votex-topbar-side {
  align-items: center;
  display: flex;
}

.votex-topbar-side-end {
  justify-content: flex-end;
}

.votex-topbar-side .votex-pill {
  min-width: 9.4rem;
}

.votex-topbar-title {
  direction: rtl;
  background: rgba(255, 255, 255, .035);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: .6rem;
  min-width: 11rem;
  min-height: 2.55rem;
  padding: .55rem 1.15rem;
  font-size: .82rem;
  font-weight: 900;
  display: flex;
}

.votex-topbar-title svg {
  color: #f35a23;
  width: 1rem;
}

.votex-pill, .votex-icon-action, .votex-primary-action {
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: .55rem;
  min-height: 2.65rem;
  padding: .65rem 1.15rem;
  font-size: .78rem;
  font-weight: 800;
  line-height: 1;
  transition: border-color .16s, background .16s, box-shadow .16s, transform .16s;
  display: inline-flex;
}

.votex-pill {
  color: #f3efec;
  direction: rtl;
  background: linear-gradient(rgba(255, 255, 255, .09), rgba(255, 255, 255, .043));
  border: 1px solid rgba(255, 255, 255, .067);
}

.votex-pill:hover, .votex-pill.is-active {
  background: rgba(244, 84, 31, .14);
  border-color: rgba(244, 84, 31, .46);
}

.votex-pill:active, .votex-primary-action:active {
  transform: translateY(1px);
}

.votex-pill svg, .votex-primary-action svg {
  width: 1.05rem;
  height: 1.05rem;
}

.votex-primary-action {
  color: #fff;
  background: linear-gradient(145deg, #cf1720 5%, #ed2e18 48%, #f0641b 100%);
  border: 0;
  box-shadow: 0 10px 24px rgba(215, 35, 22, .22);
}

.votex-primary-action:hover {
  box-shadow: 0 0 0 4px rgba(227, 47, 20, .1), 0 12px 30px rgba(229, 49, 20, .35);
}

.votex-primary-action:disabled {
  cursor: not-allowed;
  opacity: .38;
  box-shadow: none;
}

.votex-management {
  width: calc(100% - 5rem);
  margin: 2.35rem auto 3rem;
}

.votex-management-section {
  margin-top: 2.6rem;
}

.votex-create-section, .votex-management-section.is-running {
  width: min(409px, 100%);
}

.votex-create-section:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-right: auto;
}

.votex-create-section:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-right: auto;
}

.votex-create-section:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-right: auto;
}

.votex-management-section.is-running:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-right: auto;
}

.votex-management-section.is-running:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-right: auto;
}

.votex-management-section.is-running:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-right: auto;
}

.votex-create-section:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-left: auto;
}

.votex-create-section:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-left: auto;
}

.votex-create-section:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-left: auto;
}

.votex-management-section.is-running:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-left: auto;
}

.votex-management-section.is-running:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-left: auto;
}

.votex-management-section.is-running:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-left: auto;
}

.votex-section-heading {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1.25rem;
  display: flex;
}

.votex-section-heading h1, .votex-section-title h2 {
  color: #fff;
  margin: 0;
  font-size: 1.35rem;
  font-weight: 900;
}

.votex-create-card {
  color: #ddd6d1;
  background: linear-gradient(145deg, rgba(29, 29, 29, .98), rgba(19, 19, 19, .98));
  border: 1px dashed rgba(255, 255, 255, .38);
  border-radius: 1.25rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: 100%;
  min-height: 14rem;
  display: flex;
}

.votex-create-card:hover {
  background: rgba(244, 83, 31, .055);
  border-color: rgba(244, 83, 31, .72);
}

.votex-create-card > span {
  font-size: .96rem;
  font-weight: 600;
}

.votex-create-card .votex-primary-action {
  min-width: 8.4rem;
}

.votex-section-title {
  align-items: center;
  margin-bottom: 1.4rem;
  display: flex;
}

.votex-game-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
  display: grid;
}

.votex-management-section.is-running .votex-game-grid {
  grid-template-columns: 1fr;
}

.votex-game-card {
  color: #fff;
  text-align: start;
  background: linear-gradient(145deg, rgba(35, 35, 35, .92), rgba(16, 16, 16, .94));
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 1rem;
  min-width: 0;
  min-height: 13.9rem;
  padding: .95rem;
  display: block;
}

.votex-game-card:hover {
  border-color: rgba(244, 83, 31, .42);
  transform: translateY(-2px);
  box-shadow: 0 15px 28px rgba(0, 0, 0, .25);
}

.votex-game-card-head {
  grid-template-columns: 3.55rem minmax(0, 1fr) auto;
  align-items: start;
  gap: .85rem;
  display: grid;
}

.votex-game-card-icon {
  background: rgba(255, 255, 255, .09);
  border-radius: .8rem;
  width: 3.55rem;
  height: 3.55rem;
  display: block;
}

.votex-game-card-copy {
  min-width: 0;
}

.votex-game-card-copy strong, .votex-game-card-copy small {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}

.votex-game-card-copy strong {
  font-size: .86rem;
}

.votex-game-card-copy small {
  color: #f3efec;
  margin-top: .38rem;
  font-size: .73rem;
}

.votex-status-chip {
  color: #e1bd27;
  white-space: nowrap;
  background: rgba(122, 104, 0, .22);
  border-radius: 999px;
  align-items: center;
  gap: .4rem;
  padding: .42rem .65rem;
  font-size: .62rem;
  font-weight: 800;
  display: inline-flex;
}

.votex-status-chip svg {
  width: .9rem;
  height: .9rem;
}

.votex-status-chip.is-complete {
  color: #52cf70;
  background: rgba(27, 174, 62, .12);
}

.votex-status-chip.is-cancelled {
  color: #e34b51;
  background: rgba(215, 25, 32, .12);
}

.votex-game-card-meta {
  color: #a29b96;
  border-top: 1px dashed rgba(255, 255, 255, .14);
  gap: .5rem;
  margin-top: .9rem;
  padding-top: .8rem;
  font-size: .65rem;
  display: grid;
}

.votex-game-card-meta > span {
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  display: flex;
}

.votex-game-card-meta > span > span {
  align-items: center;
  gap: .45rem;
  display: flex;
}

.votex-game-card-meta strong {
  color: #f0ece9;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  overflow: hidden;
}

.votex-game-card-meta svg {
  width: .85rem;
  height: .85rem;
}

.votex-empty-row {
  color: #7f7975;
  text-align: center;
  border: 1px dashed rgba(255, 255, 255, .12);
  border-radius: 1rem;
  padding: 2rem;
  font-size: .78rem;
}

.votex-game-viewport {
  flex: 1;
  min-height: 0;
  position: relative;
  overflow: hidden;
}

.votex-game-bottom-dock {
  z-index: 30;
  width: calc(75% - 24px);
  margin: 0 auto max(12px, env(safe-area-inset-bottom));
  flex-shrink: 0;
  position: relative;
}

.votex-game-bottom-dock .votex-action-bar {
  padding: 0 .25rem .5rem;
}

.votex-game-bottom-dock .votex-event-ticker {
  margin: 0;
}

.votex-game-workspace {
  box-sizing: border-box;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 12px 16px;
  display: flex;
}

.votex-command-bar {
  flex-wrap: nowrap;
  justify-content: center;
  gap: .55rem;
  margin: 0;
  display: flex;
}

.votex-control-rail {
  scrollbar-width: none;
  justify-content: center;
  align-items: center;
  gap: .65rem;
  width: 100%;
  padding: .2rem;
  display: flex;
  overflow-x: auto;
}

.votex-control-rail::-webkit-scrollbar {
  display: none;
}

.votex-control-rail:has(.votex-night-review) {
  flex-direction: column-reverse;
  overflow: visible;
}

.votex-night-review {
  color: #f7f2ef;
  justify-items: center;
  gap: .7rem;
  width: min(100%, 35rem);
  display: grid;
}

.votex-night-review > p {
  background: rgba(42, 32, 29, .96);
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 999px;
  max-width: 100%;
  margin: 0;
  padding: .5rem 1rem;
  font-size: .8rem;
  font-weight: 800;
}

.votex-night-review > p.votex-night-review-rule {
  color: #d5b7a5;
  text-align: center;
  background: none;
  border: 0;
  padding: 0;
  font-size: .75rem;
  font-weight: 500;
}

.votex-night-review-summary {
  direction: ltr;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: .6rem;
  max-width: 100%;
  display: flex;
}

.votex-night-review-summary strong {
  color: #f7ede8;
  text-overflow: ellipsis;
  white-space: nowrap;
  direction: rtl;
  background: #40312d;
  border-radius: 999px;
  max-width: 13rem;
  padding: .32rem .7rem;
  font-size: .72rem;
  overflow: hidden;
}

.votex-night-review-summary strong.is-kill-target {
  color: #fff1f2;
  background: #65101e;
}

.votex-night-review-summary strong.is-save-target {
  color: #e6fff0;
  background: #165333;
}

.votex-night-review-arrow {
  color: #f4a27d;
  width: 1.1rem;
}

.votex-night-review-no-target {
  color: #aaa09a;
  font-size: .8rem;
}

.votex-night-review-actions {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.votex-night-review-actions button {
  background: linear-gradient(110deg, #e93420, #f15a22);
  border-radius: 12px 7px;
  width: 100%;
  min-height: 2.5rem;
  font-size: .75rem;
  font-weight: 800;
  box-shadow: 0 8px 24px rgba(218, 58, 28, .22);
}

.votex-night-review-actions svg {
  width: .9rem;
  height: .9rem;
}

.votex-night-action-variants {
  border: 0;
  flex-wrap: wrap;
  justify-content: center;
  gap: .4rem;
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
}

.votex-night-action-variants legend {
  color: #b8a9a0;
  text-align: center;
  width: 100%;
  margin-bottom: .35rem;
  font-size: .75rem;
}

.votex-night-action-variants label {
  color: #e6dcd5;
  cursor: pointer;
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: .7rem;
  align-items: center;
  gap: .4rem;
  padding: .35rem .65rem;
  font-size: .75rem;
  display: inline-flex;
}

.votex-night-action-variants label:has(input:checked) {
  color: #fff;
  background: rgba(240, 100, 34, .15);
  border-color: #f28b57;
}

.votex-night-action-variants input {
  accent-color: #f2672d;
}

.votex-command-circle {
  color: #d9d0ca;
  background: rgba(24, 20, 18, .94);
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.75rem;
  min-width: 2.75rem;
  height: 2.75rem;
  transition: border-color .15s, background .15s, color .15s, transform .15s;
  display: inline-flex;
}

.votex-command-circle:hover:not(:disabled), .votex-command-circle.is-active {
  color: #fff;
  background: rgba(92, 38, 24, .92);
  border-color: rgba(240, 84, 35, .55);
  transform: translateY(-1px);
}

.votex-command-circle:disabled {
  cursor: not-allowed;
  opacity: .5;
}

.votex-command-circle svg {
  width: 1.05rem;
  height: 1.05rem;
}

.votex-continuation-action {
  direction: ltr;
  flex: none;
  justify-content: center;
  gap: .5rem;
  min-width: 9.5rem;
  height: 2.75rem;
}

.votex-recovery-status {
  color: #88817c;
  justify-content: center;
  align-items: center;
  gap: .45rem;
  min-height: 1.4rem;
  margin-bottom: .55rem;
  font-size: .64rem;
  display: flex;
}

.votex-game-stage {
  background: none;
  border-radius: 1.55rem;
  flex: 1;
  min-height: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.votex-status-bar {
  flex-wrap: wrap;
  justify-content: center;
  gap: .75rem;
  padding: .6rem 1rem 0;
  display: flex;
}

.votex-metric {
  background: rgba(36, 36, 36, .8);
  border: 1px solid rgba(255, 255, 255, .067);
  border-radius: 999px;
  align-items: center;
  gap: .7rem;
  min-width: 9.5rem;
  padding: .55rem .85rem;
  display: flex;
}

.votex-metric > svg {
  color: #f15b24;
  width: 1rem;
}

.votex-metric > div > div:first-child {
  color: #827b77;
  font-size: .6rem;
}

.votex-table-scroll {
  flex: 1;
  min-width: 0;
  min-height: 0;
  padding: 0;
  overflow: hidden;
}

.votex-table-ring {
  --votex-table-gutter: clamp(72px, 5.8vw, 112px);
  --votex-table-side-gutter: clamp(44px, 7.5vw, 144px);
  width: 100%;
  min-width: 0;
  height: 100%;
  margin: 0 auto;
  position: relative;
  container-type: size;
}

.votex-table-ring.is-god-room {
  --votex-table-side-gutter: 0px;
  width: 75%;
}

.votex-ring-glow {
  inset: var(--votex-table-gutter) var(--votex-table-side-gutter);
  border-radius: var(--votex-table-radius, 120px);
  background: linear-gradient(#080403, #080403) padding-box padding-box, linear-gradient(90deg, #ffa421 0%, #ff6b19 38%, #ee162f 100%) border-box;
  border: 10px solid rgba(0, 0, 0, 0);
  position: absolute;
  box-shadow: -26px 0 64px 12px rgba(255, 142, 21, .24), 26px 0 64px 12px rgba(226, 20, 40, .27), inset 0 0 75px rgba(76, 20, 12, .7);
}

.votex-ring-inner {
  border-radius: inherit;
  border: 1px solid rgba(255, 255, 255, .055);
  position: absolute;
  top: .6rem;
  bottom: .6rem;
  left: .6rem;
  right: .6rem;
}

.votex-table-direction {
  pointer-events: none;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  position: absolute;
  top: -10px;
  bottom: -10px;
  left: -10px;
  right: -10px;
  overflow: visible;
}

.votex-table-direction-arrow, .votex-table-direction-snake {
  fill: none;
  stroke: #fff3e5;
  stroke-width: 3.2px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.votex-table-direction-arrow {
  stroke: #fffaf0;
  filter: drop-shadow(0 0 5px #ffbc75);
}

.votex-table-direction-snake {
  stroke-width: 5px;
  filter: drop-shadow(0 0 5px #ffd199);
}

.votex-table-direction-still {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  .votex-table-direction-moving {
    display: none;
  }

  .votex-table-direction-still {
    display: initial;
  }
}

.votex-center-actions {
  z-index: 10;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: .75rem;
  width: min(560px, 80%);
  max-height: 85%;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  overflow-y: auto;
  transform: translate(-50%, -50%);
}

.votex-center-actions .votex-command-bar {
  margin-bottom: 0;
}

.votex-center-actions .votex-action-bar {
  width: auto;
  padding: 0;
}

.votex-center-actions .votex-action-row, .votex-center-actions .votex-action-buttons {
  flex-wrap: wrap;
  justify-content: center;
  gap: .75rem;
}

.votex-center-actions .votex-action-buttons:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: 0;
  margin-right: auto;
}

.votex-center-actions .votex-action-buttons:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: 0;
  margin-right: auto;
}

.votex-center-actions .votex-action-buttons:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: 0;
  margin-right: auto;
}

.votex-center-actions .votex-action-buttons:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-left: auto;
  margin-right: 0;
}

.votex-center-actions .votex-action-buttons:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-left: auto;
  margin-right: 0;
}

.votex-center-actions .votex-action-buttons:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-left: auto;
  margin-right: 0;
}

.votex-player {
  width: clamp(44px, var(--votex-seat-width, 8cqw), var(--votex-seat-max-width, 112px));
  color: #fff;
  text-align: center;
  border-radius: 1rem;
  outline: none;
  transition: transform .2s, opacity .2s;
  position: absolute;
  transform: translate(-50%, -50%);
}

.votex-player:hover {
  transform: translate(-50%, -50%)scale(1.05);
}

.votex-player {
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.votex-player.is-empty .votex-player-avatar {
  opacity: .95;
}

.votex-player.is-empty.is-unavailable {
  opacity: .24;
  pointer-events: none;
}

.votex-player.is-empty.is-unavailable .votex-player-name {
  display: none;
}

.votex-player.is-empty.is-invite-slot {
  cursor: pointer;
}

.votex-player.is-empty.is-invite-slot .votex-player-avatar {
  filter: drop-shadow(0 0 9px rgba(255, 114, 44, .25));
}

.votex-player.is-empty.is-invite-slot .votex-player-avatar:before {
  background: rgba(73, 39, 25, .65);
}

.votex-player.is-empty.is-invite-slot .votex-hex-glass path {
  fill: #492719;
  fill-opacity: .45;
}

.votex-player.is-empty.is-invite-slot .votex-hex-portrait-bg {
  fill: #211510;
}

.votex-player.is-empty.is-invite-slot .votex-hex-edge {
  stroke: #ffb47e;
  stroke-width: 6px;
  stroke-dasharray: 10 7;
  stroke-linecap: round;
}

.votex-player.is-empty.is-invite-slot .votex-hex-inner {
  stroke: #ffb47e;
  stroke-opacity: .14;
}

.votex-player.is-empty.is-invite-slot .votex-player-name {
  color: #ffcfad;
  background: #342017;
  border: 1px solid rgba(255, 180, 126, .2);
}

.votex-player.is-empty.is-invite-slot:hover .votex-player-avatar {
  filter: drop-shadow(0 0 12px rgba(255, 114, 44, .45));
}

.votex-player.is-empty:disabled {
  cursor: default;
}

.votex-player.is-dragging {
  opacity: .25;
  filter: saturate(.45);
  cursor: grabbing;
  z-index: 20;
}

.votex-player.is-dragging.is-drop-target {
  opacity: .55;
  filter: none;
}

.votex-player.is-vote-ineligible {
  opacity: .3;
}

.votex-god-vote-hint {
  color: #b8aaa0;
  text-align: right;
  width: 100%;
  margin: 0 0 4px;
  font-size: 12px;
}

.votex-seat-drag-layer {
  pointer-events: none;
  z-index: 10000;
  direction: ltr;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.votex-seat-drag-layer, .votex-seat-drag-layer * {
  pointer-events: none !important;
}

.votex-is-reordering, .votex-is-reordering * {
  cursor: grabbing !important;
}

.votex-player.is-empty.is-unavailable.is-drop-target {
  opacity: .75;
}

.votex-player.is-drop-target .votex-player-avatar {
  filter: drop-shadow(0 0 12px #ff7b38);
  opacity: 1;
}

.votex-player:focus-visible {
  box-shadow: 0 0 0 3px rgba(255, 133, 48, .8);
}

.votex-player.is-speaking {
  z-index: 5;
  transform: translate(-50%, -50%)scale(1.1);
}

.votex-player.is-highlighted {
  z-index: 6;
  transform: translate(-50%, -50%)scale(1.03);
}

.votex-player.is-highlighted:hover {
  transform: translate(-50%, -50%)scale(1.06);
}

.votex-player.is-speaking.is-highlighted, .votex-player.is-speaking.is-highlighted:hover {
  z-index: 7;
  transform: translate(-50%, -50%)scale(1.1);
}

.votex-player.is-inactive {
  opacity: .48;
  filter: grayscale();
}

.votex-player-avatar {
  aspect-ratio: 220 / 250;
  filter: drop-shadow(0 4px 5px rgba(0, 0, 0, .5));
  background: none;
  justify-content: center;
  align-items: center;
  width: 70%;
  height: auto;
  margin: 0 auto;
  padding: 0;
  display: flex;
  position: relative;
}

.votex-player-avatar:before {
  content: "";
  -webkit-backdrop-filter: blur(60px) saturate(105%);
  background: rgba(51, 49, 48, .9);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-mask: url("/assets/seat-glass-mask.svg") center / 100% 100% no-repeat;
  mask: url("/assets/seat-glass-mask.svg") center / 100% 100% no-repeat;
}

.votex-glass-hexagon {
  width: 100%;
  height: 100%;
  shape-rendering: geometricPrecision;
  position: relative;
  overflow: visible;
}

.votex-hex-active-edge {
  opacity: 0;
  transition: opacity .18s;
}

.votex-player-avatar.has-votes {
  filter: drop-shadow(0 0 10px rgba(255, 160, 40, .65));
}

.votex-player.is-highlighted .votex-player-avatar {
  filter: drop-shadow(-5px 2px 9px rgba(255, 166, 34, .3)) drop-shadow(5px 2px 9px rgba(243, 25, 67, .3));
  width: 78%;
}

.votex-player.is-highlighted .votex-player-avatar:before {
  -webkit-backdrop-filter: none;
  background: #fff;
}

.votex-player.is-highlighted .votex-hex-glass path {
  fill: #fff;
}

.votex-player.is-highlighted .votex-hex-portrait-bg {
  fill: #3b3633;
}

.votex-player.is-highlighted .votex-hex-edge {
  opacity: 0;
}

.votex-player.is-highlighted .votex-hex-active-edge {
  opacity: 1;
}

.votex-player.is-vote-yes .votex-player-avatar:before {
  background: #27c56b;
}

.votex-player.is-vote-no .votex-player-avatar:before {
  background: #ef334f;
}

.votex-player.is-vote-yes .votex-hex-glass path {
  fill: #27c56b;
}

.votex-player.is-vote-no .votex-hex-glass path {
  fill: #ef334f;
}

.votex-player.is-vote-yes .votex-hex-active-edge, .votex-player.is-vote-no .votex-hex-active-edge {
  opacity: 1;
}

.votex-player.is-vote-yes .votex-hex-active-edge {
  stroke: #27c56b;
}

.votex-player.is-vote-no .votex-hex-active-edge {
  stroke: #ef334f;
}

.votex-player.is-vote-yes .votex-player-avatar {
  filter: drop-shadow(0 0 12px rgba(39, 197, 107, .52));
}

.votex-player.is-vote-no .votex-player-avatar {
  filter: drop-shadow(0 0 12px rgba(239, 51, 79, .52));
}

.votex-player.is-highlighted .votex-hex-inner {
  stroke: #fff;
  stroke-opacity: 1;
  stroke-width: 2px;
}

.votex-player.is-vote-yes .votex-hex-inner {
  stroke: #27c56b;
}

.votex-player.is-vote-no .votex-hex-inner {
  stroke: #ef334f;
}

.votex-player.is-night-victim {
  z-index: 8;
  transform: translate(-50%, -50%)scale(1.08);
}

.votex-player.is-night-victim:hover {
  transform: translate(-50%, -50%)scale(1.1);
}

.votex-player.is-night-victim .votex-player-avatar {
  filter: drop-shadow(0 0 9px rgba(185, 0, 31, .95)) drop-shadow(0 0 24px rgba(137, 0, 24, .78)) drop-shadow(0 0 44px rgba(95, 0, 18, .52));
  width: 78%;
  animation: 2.2s ease-in-out infinite votex-night-victim-pulse;
}

.votex-player.is-night-victim .votex-player-avatar:before {
  background: #a2132d;
}

.votex-player.is-night-victim .votex-hex-glass path {
  fill: #a2132d;
}

.votex-player.is-night-victim .votex-hex-edge {
  opacity: 0;
}

.votex-player.is-night-victim .votex-hex-active-edge {
  opacity: 1;
  stroke: #ff173f;
  stroke-width: 14px;
}

.votex-player.is-night-victim .votex-hex-inner {
  stroke: #ffb7c4;
  stroke-opacity: .9;
}

.votex-player.is-highlighted.is-night-victim .votex-avatar-role {
  color: #fff0f1;
  background: #640d1f;
}

.votex-player.is-highlighted.is-night-victim .votex-player-name {
  color: #fff;
  background: linear-gradient(110deg, #750d20, #b71331);
  box-shadow: 0 0 18px rgba(180, 9, 43, .5);
}

.votex-player.is-night-protected {
  z-index: 8;
  transform: translate(-50%, -50%)scale(1.08);
}

.votex-player.is-night-protected:hover {
  transform: translate(-50%, -50%)scale(1.1);
}

.votex-player.is-night-protected .votex-player-avatar {
  filter: drop-shadow(0 0 11px rgba(22, 181, 93, .82)) drop-shadow(0 0 30px rgba(8, 106, 58, .55));
  width: 78%;
}

.votex-player.is-night-protected .votex-player-avatar:before {
  background: #13834b;
}

.votex-player.is-night-protected .votex-hex-glass path {
  fill: #13834b;
}

.votex-player.is-night-protected .votex-hex-edge {
  opacity: 0;
}

.votex-player.is-night-protected .votex-hex-active-edge {
  opacity: 1;
  stroke: #2ae782;
  stroke-width: 13px;
}

.votex-player.is-night-protected .votex-hex-inner {
  stroke: #c0ffda;
  stroke-opacity: .95;
}

.votex-player.is-highlighted.is-night-protected .votex-avatar-role {
  color: #e7fff0;
  background: #135633;
}

.votex-player.is-highlighted.is-night-protected .votex-player-name {
  color: #fff;
  background: linear-gradient(110deg, #12603a, #1fa96a);
  box-shadow: 0 0 18px rgba(24, 170, 88, .45);
}

.votex-player.is-night-eligible {
  z-index: 5;
  cursor: pointer;
  transform: translate(-50%, -50%)scale(.94);
}

.votex-player.is-night-eligible:hover {
  transform: translate(-50%, -50%)scale(1);
}

.votex-player.is-night-eligible .votex-player-avatar {
  filter: drop-shadow(0 0 8px rgba(255, 199, 153, .34));
}

.votex-player.is-night-eligible .votex-hex-edge {
  opacity: 1;
  stroke: #f4caa9;
  stroke-width: 6px;
  stroke-dasharray: 10 7;
  stroke-linecap: round;
}

.votex-player.is-night-ineligible {
  opacity: .3;
  filter: grayscale();
  cursor: not-allowed;
}

.votex-investigation-dialog {
  max-height: calc(var(--votex-layout-height, 100dvh)  - 2rem);
  text-align: center;
  gap: .9rem;
  padding: 1.5rem;
  transform: translate(-50%, -50%);
  width: min(27rem, calc(var(--votex-layout-width, 100vw)  - 2rem)) !important;
  height: auto !important;
  top: 50% !important;
  bottom: auto !important;
  left: 50% !important;
  right: auto !important;
}

.votex-investigation-dialog > p {
  color: #d5cbc6;
  line-height: 1.7;
}

.votex-investigation-finding {
  background: #302b29;
  border: 1px solid #5b514c;
  border-radius: 1rem;
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  padding: .9rem 1rem;
  display: flex;
}

.votex-investigation-finding strong {
  white-space: nowrap;
  border-radius: 999px;
  padding: .35rem .8rem;
}

.votex-investigation-finding strong.is-mafia {
  color: #ffe6e9;
  background: #641a29;
}

.votex-investigation-finding strong.is-innocent {
  color: #e2ffed;
  background: #185338;
}

.votex-investigation-instruction {
  font-weight: 800;
}

.votex-investigation-dialog > button {
  background: linear-gradient(110deg, #e93420, #f15a22);
  border-radius: 999px;
}

@keyframes votex-night-victim-pulse {
  50% {
    filter: drop-shadow(0 0 15px rgba(255, 16, 51, .98)) drop-shadow(0 0 32px rgba(180, 0, 31, .88)) drop-shadow(0 0 52px rgba(110, 0, 22, .6));
  }
}

@media (prefers-reduced-motion: reduce) {
  .votex-player.is-night-victim .votex-player-avatar {
    animation: none;
  }
}

.votex-player-initials {
  color: #eee7e2;
  background: radial-gradient(circle at 45% 30%, #514a46, #171514 68%);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 1.1rem;
  font-weight: 900;
  display: flex;
}

.votex-avatar-role {
  z-index: 2;
  color: #f4efeb;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: #343433;
  border: 0;
  border-radius: 999px;
  max-width: 110%;
  padding: .3em .8em;
  font-size: max(.5rem, min(.8cqw, .85rem));
  font-weight: 400;
  line-height: 1.4;
  position: absolute;
  bottom: 0;
  left: 50%;
  overflow: hidden;
  transform: translateX(-50%);
}

.votex-seat-number {
  background: rgba(30, 25, 24, .75);
  border: 1px solid rgba(255, 255, 255, .25);
  border-radius: 50%;
  place-items: center;
  width: 1rem;
  height: 1rem;
  font-size: .56rem;
  font-weight: 900;
  display: grid;
  position: absolute;
  bottom: 9%;
  left: 50%;
  transform: translateX(-50%);
}

.votex-player-name {
  color: #f4f0ed;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: rgba(39, 31, 28, .94);
  border-radius: 999px;
  max-width: 100%;
  margin-top: .45rem;
  padding: .42rem .65rem;
  font-size: max(.42rem, min(.8cqw, .72rem));
  font-weight: 800;
  overflow: hidden;
}

.votex-player.is-speaking .votex-player-name {
  color: #181514;
  background: #f7f5f3;
}

.votex-player.is-highlighted .votex-avatar-role {
  color: #fff;
  background: #8b7167;
  padding: .38em .9em;
  font-size: max(.56rem, min(.9cqw, .9rem));
  bottom: 1%;
}

.votex-player.is-highlighted .votex-player-name {
  color: #181514;
  background: #fff;
  margin-top: .5rem;
  padding-top: .58rem;
  padding-bottom: .58rem;
  font-size: max(.48rem, min(.88cqw, .78rem));
}

.votex-player.is-highlighted .votex-player-badge.is-speaking-status {
  display: none;
}

.votex-player-role {
  color: #eee5df;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: rgba(84, 67, 61, .92);
  border-radius: 999px;
  max-width: 100%;
  margin-top: .3rem;
  padding: .25rem .55rem;
  font-size: max(.38rem, min(.65cqw, .58rem));
  display: inline-block;
  overflow: hidden;
}

.votex-player-badge {
  color: #ffd4b8;
  background: rgba(91, 37, 22, .95);
  border-color: rgba(231, 118, 56, .4);
  margin-top: .25rem;
  font-size: .52rem;
}

.votex-player-badge.is-danger {
  color: #e89989;
  background: #3a1713;
  border-color: #7f3127;
}

.votex-no-players {
  color: #887f79;
  justify-content: center;
  align-items: center;
  font-size: .76rem;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.votex-action-bar {
  flex: none;
  padding: 0 1.25rem .9rem;
}

.votex-action-row {
  flex-wrap: wrap;
  align-items: center;
  gap: .75rem;
  display: flex;
}

.votex-action-buttons {
  flex-wrap: wrap;
  gap: .55rem;
  display: flex;
}

.votex-action-buttons:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: auto;
}

.votex-action-buttons:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: auto;
}

.votex-action-buttons:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: auto;
}

.votex-action-buttons:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-right: auto;
}

.votex-action-buttons:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-right: auto;
}

.votex-action-buttons:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-right: auto;
}

.votex-icon-action {
  color: #ddd5cf;
  background: rgba(255, 255, 255, .055);
  border: 1px solid rgba(255, 255, 255, .1);
  width: 2.65rem;
  padding: 0;
}

.votex-event-ticker {
  background: rgba(39, 39, 39, .94);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 999px;
  align-items: center;
  gap: .75rem;
  margin: .2rem 1.1rem 1rem;
  padding: .45rem .65rem;
  display: flex;
}

.votex-event-ticker > button {
  color: #fff;
  background: rgba(255, 255, 255, .06);
  border-radius: 999px;
  flex: none;
  align-items: center;
  gap: .4rem;
  padding: .5rem .75rem;
  font-size: .65rem;
  font-weight: 800;
  display: flex;
}

.votex-event-ticker > button svg {
  width: .9rem;
}

.votex-event-ticker > div {
  scrollbar-width: none;
  color: #c5bdb8;
  white-space: nowrap;
  gap: 1rem;
  min-width: 0;
  font-size: .65rem;
  display: flex;
  overflow-x: auto;
}

.votex-event-ticker > div::-webkit-scrollbar {
  display: none;
}

.votex-event-ticker > div span {
  flex: none;
  align-items: center;
  gap: .45rem;
  display: flex;
}

.votex-event-ticker i {
  background: #ed3d22;
  border-radius: 50%;
  width: .36rem;
  height: .36rem;
  display: block;
  box-shadow: 0 0 9px rgba(237, 61, 34, .6);
}

@container votex-layout (width >= 900px) and (aspect-ratio >= 8 / 5) {
  .votex-game-workspace {
    padding: 12px 16px;
  }

  .votex-command-bar {
    gap: .55rem;
    margin-bottom: .35rem;
  }

  .votex-recovery-status {
    min-height: 1.1rem;
    margin-bottom: .2rem;
  }

  .votex-status-bar {
    gap: .55rem;
    padding-top: .3rem;
  }

  .votex-metric {
    min-width: 9rem;
    padding: .45rem .75rem;
  }

  .votex-table-scroll {
    padding: 0;
  }

  .votex-action-bar {
    padding-bottom: .35rem;
  }

  .votex-day-flow-controls {
    gap: .5rem !important;
    padding: .4rem !important;
  }

  .votex-event-ticker {
    margin-top: .1rem;
    margin-bottom: .35rem;
    padding: .3rem .55rem;
  }
}

.votex-drawer-backdrop {
  z-index: 70;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background: rgba(0, 0, 0, .64);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.votex-control-drawer {
  width: min(36rem, var(--votex-layout-width, 100vw));
  background: radial-gradient(circle at top, #1c0e0b, #070707 42%);
  flex-direction: column;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: auto;
  right: 0;
  box-shadow: -24px 0 60px rgba(0, 0, 0, .48);
}

.votex-control-drawer:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-left: 1px solid rgba(255, 255, 255, .13);
}

.votex-control-drawer:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-left: 1px solid rgba(255, 255, 255, .13);
}

.votex-control-drawer:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-left: 1px solid rgba(255, 255, 255, .13);
}

.votex-control-drawer:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  border-right: 1px solid rgba(255, 255, 255, .13);
}

.votex-control-drawer:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  border-right: 1px solid rgba(255, 255, 255, .13);
}

.votex-control-drawer:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  border-right: 1px solid rgba(255, 255, 255, .13);
}

.votex-control-drawer > header {
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  justify-content: space-between;
  align-items: center;
  padding: 1.4rem 1.5rem;
  display: flex;
}

.votex-control-drawer > header > div {
  align-items: center;
  gap: .65rem;
  display: flex;
}

.votex-control-drawer h2 {
  margin: 0;
  font-size: 1.3rem;
  font-weight: 900;
}

.votex-control-drawer > header button {
  color: #ddd5d0;
  border-radius: 50%;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
}

.votex-control-drawer > header button:hover {
  background: rgba(255, 255, 255, .08);
}

.votex-drawer-content {
  flex: 1;
  min-height: 0;
  padding: 1.25rem;
  overflow-y: auto;
}

.votex-drawer-content > * {
  margin-bottom: 1rem;
}

.votex-drawer-content section, .votex-drawer-content > div {
  background: rgba(24, 20, 18, .88) !important;
  border-color: rgba(255, 255, 255, .12) !important;
}

.votex-add-player-dialog {
  max-height: calc(var(--votex-layout-height, 100dvh)  - 40px);
  background: radial-gradient(at 70% 100%, rgba(123, 37, 28, .16), rgba(0, 0, 0, 0) 65%), linear-gradient(145deg, #201e1e, #121111 70%);
  border-radius: 20px;
  font-family: IRANSansX FaNum, Tahoma, sans-serif;
  overflow-y: auto;
  transform: translate(-50%, -50%);
  box-shadow: 0 32px 100px rgba(0, 0, 0, .6), 0 20px 70px rgba(237, 39, 16, .12);
  width: min(460px, calc(var(--votex-layout-width, 100vw)  - 32px)) !important;
  border: 1.5px solid rgba(220, 220, 220, .45) !important;
  top: 50% !important;
  bottom: auto !important;
  left: 50% !important;
  right: auto !important;
}

.votex-add-player-header {
  background: linear-gradient(110deg, #424140, #363333);
  justify-content: space-between;
  align-items: center;
  padding: 12px 18px;
  display: flex;
}

.votex-add-player-header h2 {
  font-size: 16px;
  font-weight: 800;
}

.votex-add-player-header button {
  place-items: center;
  display: grid;
}

.votex-add-player-header svg {
  width: 22px;
  height: 22px;
}

.votex-add-player-body {
  padding: 20px;
}

.votex-add-player-panel {
  background: linear-gradient(130deg, rgba(255, 255, 255, .027), rgba(255, 255, 255, .01));
  border: 1px solid rgba(255, 255, 255, .208);
  border-radius: 16px;
  padding: 16px;
}

.votex-add-player-panel h3 {
  font-size: 17px;
  font-weight: 800;
}

.votex-add-player-panel p {
  color: #ccc5c2;
  margin: 6px 0 16px;
  font-size: 13px;
  line-height: 1.7;
}

.votex-add-player-panel input {
  border-color: rgba(255, 255, 255, .25);
  height: 44px;
  padding: 0 16px;
  font-size: 14px;
}

.votex-add-player-actions {
  gap: 12px;
  margin-top: 20px;
  display: flex;
}

.votex-add-player-actions button {
  border-radius: 999px;
  flex: 1;
  height: 44px;
  font-size: 14px;
  font-weight: 800;
}

.votex-add-player-confirm {
  background: linear-gradient(#df080d, #ce4517);
  box-shadow: inset 0 1px rgba(255, 121, 120, .4);
}

.votex-add-player-confirm:hover {
  filter: brightness(1.1);
}

.votex-add-player-cancel {
  background: linear-gradient(140deg, #363434, #272626);
  border: 1px solid rgba(255, 255, 255, .19);
}

.votex-add-player-cancel:hover {
  background: #3d3938;
}

.votex-dialog {
  color: #f8f4f1 !important;
  background: radial-gradient(circle at 60% 20%, #2b2421, #151515 60%) !important;
  border: 1px solid rgba(255, 255, 255, .3) !important;
  border-radius: 1.2rem !important;
  font-family: IRANSansX FaNum, Tahoma, Arial, ui-sans-serif, sans-serif !important;
  box-shadow: 0 28px 90px rgba(0, 0, 0, .7) !important;
}

.votex-dialog input, .votex-dialog select, .votex-dialog textarea {
  color: #fff !important;
  background: rgba(255, 255, 255, .024) !important;
  border-color: rgba(255, 255, 255, .2) !important;
  border-radius: 999px !important;
}

.votex-dialog textarea {
  border-radius: 1rem !important;
}

.votex-session-expired-dialog {
  text-align: center;
  justify-items: center;
  gap: .85rem;
  display: grid;
  transform: translate(-50%, -50%);
  width: min(calc(var(--votex-layout-width, 100vw)  - 2rem), 27rem) !important;
  border-radius: 1.75rem !important;
  padding: 2rem !important;
  top: 50% !important;
  bottom: auto !important;
  left: 50% !important;
  right: auto !important;
}

.votex-session-expired-dialog h2 {
  font-size: 1.35rem;
  font-weight: 900;
}

.votex-session-expired-dialog p {
  color: var(--votex-muted);
  font-size: .95rem;
  line-height: 1.8;
}

.votex-session-expired-dialog button {
  width: 100%;
  margin-top: .5rem;
}

.votex-session-expired-icon {
  width: 3.5rem;
  height: 3.5rem;
  color: var(--votex-orange);
  background: rgba(242, 83, 29, .12);
  border: 1px solid rgba(242, 83, 29, .5);
  border-radius: 50%;
  place-items: center;
  display: grid;
  box-shadow: 0 0 2rem rgba(242, 83, 29, .15);
}

.votex-session-expired-icon svg {
  width: 1.65rem;
  height: 1.65rem;
}

.votex-required-profile-dialog {
  transform: translate(-50%, -50%);
  width: min(calc(var(--votex-layout-width, 100vw)  - 2rem), 31rem) !important;
  border-radius: 1.75rem !important;
  padding: 2rem !important;
  top: 50% !important;
  bottom: auto !important;
  left: 50% !important;
  right: auto !important;
}

.votex-required-profile-dialog > h2 {
  margin-top: .85rem;
  font-size: 1.35rem;
  font-weight: 900;
}

.votex-required-profile-dialog > p {
  color: var(--votex-muted);
  margin-top: .45rem;
  line-height: 1.8;
}

.votex-required-profile-icon {
  width: 3.4rem;
  height: 3.4rem;
  color: var(--votex-orange);
  background: rgba(242, 83, 29, .12);
  border: 1px solid rgba(242, 83, 29, .5);
  border-radius: 50%;
  place-items: center;
  display: grid;
}

.votex-required-profile-dialog form {
  gap: 1rem;
  margin-top: 1.4rem;
  display: grid;
}

.votex-required-profile-dialog form label {
  color: rgba(255, 255, 255, .78);
  gap: .5rem;
  font-size: .85rem;
  font-weight: 700;
  display: grid;
}

.votex-required-profile-dialog form small {
  color: var(--votex-muted);
  margin-top: -.45rem;
  font-size: .72rem;
}

.votex-required-profile-dialog form > div {
  grid-template-columns: 1fr 2fr;
  gap: .75rem;
  margin-top: .35rem;
  display: grid;
}

.votex-create-dialog {
  max-height: calc(var(--votex-layout-height, 100vh)  - 96px);
  overflow: hidden;
  background: linear-gradient(145deg, #1d1d1d, #121212) !important;
  border-radius: 16px !important;
}

.votex-create-dialog-header {
  background: linear-gradient(#454545, #282828);
  justify-content: space-between;
  align-items: center;
  height: 38px;
  padding: 0 14px;
  display: flex;
}

.votex-create-dialog-header h2 {
  font-size: 14px;
  font-weight: 800;
}

.votex-create-dialog-header button {
  place-items: center;
  width: 24px;
  height: 24px;
  display: grid;
}

.votex-create-dialog-header button svg {
  width: 20px;
  height: 20px;
}

.votex-create-tabs {
  background: linear-gradient(#303030, #242424);
  border-radius: 34px;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  gap: 8px;
  min-height: 68px;
  padding: 8px;
  display: grid;
}

.votex-create-tabs button {
  color: #fff;
  border-radius: 28px;
  height: 52px;
  font-size: 18px;
  font-weight: 800;
}

.votex-create-tabs button.is-active {
  color: #101010;
  background: #f7f7f7;
}

.votex-create-step {
  margin-top: 16px;
}

.votex-create-section-card {
  background: linear-gradient(135deg, rgba(39, 39, 39, .72), rgba(22, 22, 22, .76));
  border: 1px solid rgba(255, 255, 255, .32);
  border-radius: 16px;
  margin-top: 16px;
  padding: 16px;
}

.votex-create-section-card:first-child {
  margin-top: 0;
}

.votex-create-section-card h3 {
  margin: 0 0 16px;
  font-size: 18px;
  font-weight: 800;
}

.votex-create-field-grid {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  display: grid;
}

.votex-create-field-grid input, .votex-create-field-grid select {
  height: 46px;
  padding-left: 16px;
  padding-right: 16px;
}

.votex-scenario-cards {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

.votex-scenario-card {
  color: #fff;
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 16px;
  padding: 8px;
  position: relative;
  overflow: hidden;
}

.votex-scenario-card.is-selected {
  border-color: #fff;
}

.votex-scenario-card img {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 10px;
  width: 100%;
  height: 110px;
}

.votex-scenario-card > span {
  padding: 9px 4px 4px;
  font-size: 14px;
  font-weight: 600;
  display: block;
}

.votex-scenario-card > svg {
  color: #111;
  background: #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  padding: 3px;
  position: absolute;
  bottom: 10px;
}

.votex-scenario-card > svg:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 10px;
}

.votex-scenario-card > svg:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 10px;
}

.votex-scenario-card > svg:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 10px;
}

.votex-scenario-card > svg:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 10px;
}

.votex-scenario-card > svg:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 10px;
}

.votex-scenario-card > svg:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 10px;
}

.votex-role-groups {
  grid-template-columns: repeat(2, 1fr);
  gap: 24px 32px;
  display: grid;
}

.votex-role-groups h4 {
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 800;
}

.votex-role-groups > div > div {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.votex-role-groups span {
  background: rgba(255, 255, 255, .1);
  border-radius: 999px;
  align-items: center;
  gap: 7px;
  padding: 5px 12px;
  font-size: 12px;
  display: inline-flex;
}

.votex-role-groups span svg {
  width: 15px;
  height: 15px;
}

.votex-timing-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  display: grid;
}

.votex-readonly-field {
  border: 1px solid rgba(255, 255, 255, .24);
  border-radius: 999px;
  flex-direction: column;
  justify-content: center;
  min-height: 46px;
  padding: 5px 38px 5px 14px;
  display: flex;
  position: relative;
}

.votex-readonly-field small {
  color: rgba(255, 255, 255, .5);
  font-size: 10px;
}

.votex-readonly-field strong {
  font-size: 13px;
}

.votex-readonly-field svg {
  width: 16px;
  position: absolute;
  top: 14px;
}

.votex-readonly-field svg:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 14px;
}

.votex-readonly-field svg:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 14px;
}

.votex-readonly-field svg:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 14px;
}

.votex-readonly-field svg:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 14px;
}

.votex-readonly-field svg:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 14px;
}

.votex-readonly-field svg:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 14px;
}

.votex-advanced-grid {
  grid-template-columns: 1fr 1fr;
  gap: 18px 50px;
  display: grid;
}

.votex-advanced-grid > div, .votex-advanced-grid > button {
  color: inherit;
  text-align: start;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  font-size: 14px;
  display: flex;
}

.votex-guided-finalists {
  gap: 10px;
  margin-top: 20px;
  display: grid;
}

.votex-toggle {
  background: #323232;
  border-radius: 999px;
  flex: none;
  width: 50px;
  height: 28px;
  position: relative;
}

.votex-toggle i {
  background: #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 4px;
  left: 5px;
}

.votex-toggle.is-on {
  background: linear-gradient(90deg, #d71920, #f2531d);
}

.votex-toggle.is-on i {
  left: 25px;
}

.votex-create-warning {
  color: #d07855;
  margin-top: 12px;
  font-size: 12px;
}

.votex-create-footer {
  grid-template-columns: repeat(3, minmax(0, 210px));
  justify-content: space-between;
  gap: 24px;
  margin-top: 26px;
  display: grid;
}

.votex-create-footer button {
  height: 54px;
  font-size: 16px;
  font-weight: 800;
}

.votex-pre-game-actions {
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 14px;
  display: flex;
}

.votex-pre-game-actions button {
  color: #fff;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 999px;
  height: 46px;
  font-size: 13px;
  font-weight: 800;
  transition: filter .15s;
}

.votex-pre-game-actions .votex-command-circle {
  border-color: rgba(255, 255, 255, .12);
  width: 46px;
  min-width: 46px;
  padding: 0;
}

.votex-pre-game-actions .votex-continuation-action {
  min-width: 170px;
  padding: 0 22px;
}

.votex-pre-game-start {
  isolation: isolate;
  white-space: nowrap;
  background: linear-gradient(90deg, #e33722, #f66a29);
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: inline-flex;
  overflow: hidden;
}

.votex-pre-game-guide {
  background: linear-gradient(135deg, #332c29, #241e1c);
}

.votex-pre-game-actions button:hover:not(:disabled) {
  filter: brightness(1.15);
}

.votex-pre-game-actions button:disabled {
  cursor: not-allowed;
}

.votex-pre-game-start:disabled {
  opacity: .65;
}

.votex-guided-vote-dialog {
  text-align: center;
  background: #171211;
  border-radius: 24px;
  padding: 24px;
  transform: translate(-50%, -50%);
  width: min(430px, calc(var(--votex-layout-width, 100vw)  - 32px)) !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  top: 50% !important;
  bottom: auto !important;
  left: 50% !important;
  right: auto !important;
}

.votex-guided-vote-dialog h2 {
  font-size: 20px;
  font-weight: 900;
}

.votex-guided-vote-dialog p {
  color: #a99b92;
  margin-top: 8px;
  line-height: 1.8;
}

.votex-guided-candidate {
  background: rgba(255, 255, 255, .05);
  border-radius: 18px;
  flex-direction: column;
  gap: 5px;
  margin: 20px 0;
  padding: 18px;
  display: flex;
}

.votex-guided-candidate strong {
  font-size: 18px;
}

.votex-guided-candidate span {
  color: #998b82;
  font-size: 12px;
}

.votex-guided-vote-actions {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 22px;
  display: grid;
}

.votex-guided-vote-actions .is-yes {
  color: #fff;
  background: #18884b;
}

.votex-guided-vote-actions .is-no {
  color: #fff;
  background: #b72d3f;
}

.votex-guided-stage-banner {
  z-index: 25;
  color: #fff;
  background: rgba(22, 17, 15, .95);
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 999px;
  padding: .8rem 1.6rem;
  font-weight: 900;
  position: fixed;
  bottom: 7rem;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 14px 40px rgba(0, 0, 0, .533);
}

.votex-profile-dialog {
  max-height: calc(var(--votex-layout-height, 100dvh)  - 40px);
  color: #fff;
  background: radial-gradient(at 80% 80%, rgba(96, 39, 27, .16), rgba(0, 0, 0, 0) 65%), linear-gradient(135deg, #201e1e, #121111);
  border-radius: 22px;
  font-family: IRANSansX FaNum, Tahoma, Arial, sans-serif;
  overflow-y: auto;
  transform: translate(-50%, -50%);
  box-shadow: 0 24px 80px rgba(0, 0, 0, .6), 0 12px 42px rgba(239, 35, 21, .08);
  width: min(520px, calc(var(--votex-layout-width, 100vw)  - 32px)) !important;
  border: 1px solid rgba(220, 218, 215, .45) !important;
  top: 50% !important;
  bottom: auto !important;
  left: 50% !important;
  right: auto !important;
}

.votex-profile-dialog-header {
  z-index: 10;
  background: linear-gradient(110deg, #424140, #363333);
  justify-content: space-between;
  align-items: center;
  padding: 10px 18px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.votex-profile-dialog-header h2 {
  font-size: 16px;
}

.votex-profile-dialog-header button {
  color: #fff;
  width: 32px;
  height: 32px;
}

.votex-profile-dialog-header button svg {
  width: 22px;
  height: 22px;
}

.votex-profile-dialog-body {
  padding: 20px;
}

.votex-profile-identity {
  text-align: center;
}

.votex-profile-portrait-row {
  justify-content: center;
  align-items: center;
  gap: 24px;
  margin-bottom: 14px;
  display: flex;
}

.votex-profile-portrait {
  flex-shrink: 0;
  width: 104px;
  height: 118px;
}

.votex-profile-stat-orbit {
  background: linear-gradient(#1b1919, #1b1919) padding-box padding-box, linear-gradient(110deg, #ffae0d, #ff073b) border-box;
  border: 1.5px solid rgba(0, 0, 0, 0);
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 72px;
  height: 72px;
  display: flex;
}

.votex-profile-stat-orbit strong {
  font-size: 17px;
}

.votex-profile-stat-orbit span {
  max-width: 62px;
  font-size: 10px;
}

.votex-profile-status-pills {
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  margin-top: 12px;
  display: flex;
}

.votex-profile-status-pills > * {
  border-radius: 999px;
  padding: 5px 12px;
  font-size: 12px;
  color: #eee !important;
  background: #333130 !important;
  border: 0 !important;
}

.votex-profile-identity + section {
  text-align: center;
  margin: 14px 0;
}

.votex-profile-identity + section h3 {
  display: none;
}

.votex-profile-identity + section > div {
  justify-content: center;
}

.votex-profile-identity + section > div > span {
  border: 0;
  border-radius: 999px;
  padding: 5px 12px;
}

.votex-profile-identity + section > div > span[data-restriction] {
  color: #fa3737;
  background: rgba(81, 20, 15, .376);
}

.votex-profile-controls {
  border-top: 1px dashed rgba(255, 255, 255, .19);
  margin-top: 18px;
  padding-top: 16px;
}

.votex-profile-quick-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.votex-profile-dialog button:not(.votex-profile-more) {
  border-radius: 999px;
}

.votex-profile-quick-actions button {
  color: #fff;
  white-space: normal;
  background: linear-gradient(135deg, #393635, #2c2a29);
  border: 1px solid rgba(255, 255, 255, .094);
  min-height: 42px;
  font-size: 12px;
}

.votex-profile-quick-actions button:hover {
  background: #494442;
}

.votex-profile-more {
  color: #bfb8b5;
  text-underline-offset: 4px;
  margin: 12px auto 0;
  font-size: 12px;
  text-decoration: underline;
  display: block;
}

.votex-profile-editor {
  background: rgba(255, 255, 255, .016);
  border: 1px solid rgba(255, 255, 255, .125);
  border-radius: 16px;
  margin-top: 16px;
  padding: 14px;
}

.votex-profile-editor input, .votex-profile-editor select, .votex-profile-editor textarea {
  color: #fff;
  font-size: 13px;
  background: rgba(255, 255, 255, .016) !important;
  border-color: rgba(255, 255, 255, .19) !important;
}

.votex-profile-editor input, .votex-profile-editor select {
  border-radius: 999px;
  height: 40px;
}

.votex-profile-editor textarea {
  border-radius: 14px;
}

.votex-profile-editor button:not([data-variant]) {
  font-size: 12px;
}

.votex-profile-editor > button, .votex-profile-editor button:last-child {
  background: linear-gradient(#df080d, #ce4517);
}

.votex-profile-details {
  border-top: 1px dashed rgba(255, 255, 255, .19);
  margin-top: 14px;
  padding-top: 12px;
}

.votex-profile-details summary {
  cursor: pointer;
  color: #bdb7b4;
  font-size: 12px;
}

.votex-profile-details[open] summary {
  margin-bottom: 14px;
}

@container votex-layout (width <= 480px) {
  .votex-profile-dialog-body {
    padding: 16px;
  }

  .votex-profile-portrait-row {
    gap: 14px;
  }

  .votex-profile-stat-orbit {
    width: 64px;
    height: 64px;
  }
}

.votex-history-drawer {
  width: min(var(--votex-layout-width, 100vw), 503px) !important;
  background: #050505 !important;
  border-radius: 0 !important;
  box-shadow: -24px 0 70px rgba(0, 0, 0, .5) !important;
}

.votex-history-drawer:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-right: 0;
}

.votex-history-drawer:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-right: 0;
}

.votex-history-drawer:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-right: 0;
}

.votex-history-drawer:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  border-left: 0;
}

.votex-history-drawer:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  border-left: 0;
}

.votex-history-drawer:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  border-left: 0;
}

.votex-history-header {
  min-height: 124px;
  padding: 28px 28px 18px;
}

.votex-history-title {
  font-size: 30px;
  line-height: 1.35;
}

.votex-history-tabs {
  background: #242323;
  border-radius: 34px;
  grid-template-columns: 1fr 1fr;
  min-height: 68px;
  margin: 0 24px 24px;
  padding: 8px;
  display: grid;
}

.votex-history-tabs button {
  color: #f3efec;
  border-radius: 27px;
  min-height: 52px;
  font-size: 16px;
  font-weight: 800;
}

.votex-history-tabs button.is-active {
  color: #121212;
  background: #f8f8f8;
}

.votex-history-filters {
  background: rgba(255, 255, 255, .016);
  border: 1px solid rgba(255, 255, 255, .24);
  border-radius: 20px;
  margin: 0 24px 24px;
  padding: 16px;
}

.votex-history-filters h2 {
  margin: 0 0 14px;
  font-size: 17px;
  font-weight: 800;
}

.votex-history-scroll {
  padding: 0 24px 28px;
}

.votex-history-event {
  background: #1d1d1d;
  border-radius: 20px;
}

.votex-history-event > button {
  min-height: 40px;
  padding: 10px 13px;
}

@container votex-layout (width <= 1100px) {
  .votex-frame {
    width: calc(100% - 2rem);
    min-height: calc(var(--votex-layout-height, 100vh)  - 2rem);
    margin: 1rem auto;
  }

  .votex-frame.is-game-console {
    --votex-topbar-flow-height: 74px;
    height: var(--votex-layout-height, 100dvh);
  }

  .votex-topbar {
    width: calc(100% - 4rem);
    margin: -1rem auto 0;
  }

  .votex-game-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@container votex-layout (width <= 720px) {
  .votex-frame {
    width: 100%;
    min-height: var(--votex-layout-height, 100vh);
    border: 0;
    border-radius: 0;
    margin: 0;
  }

  .votex-frame.is-game-console {
    --votex-topbar-flow-height: 74px;
    height: var(--votex-layout-height, 100dvh);
  }

  .votex-topbar {
    border-radius: 0 0 1.2rem 1.2rem;
    grid-template-columns: auto 1fr auto;
    width: 100%;
    margin: 0;
    top: 0;
  }

  .votex-topbar-title {
    min-width: 0;
    font-size: .7rem;
  }

  .votex-topbar-side .votex-pill {
    width: 2.65rem;
    padding: 0;
    font-size: 0;
  }

  .votex-management {
    width: calc(100% - 2rem);
    margin-top: 3rem;
  }

  .votex-game-grid {
    grid-template-columns: 1fr;
  }

  .votex-event-ticker {
    border-radius: 1rem;
  }

  .votex-event-ticker > button {
    font-size: 0;
  }

  .votex-create-dialog {
    max-height: calc(var(--votex-layout-height, 100vh)  - 24px);
    top: 12px;
  }

  .votex-create-dialog-body {
    max-height: calc(var(--votex-layout-height, 100vh)  - 62px);
    padding: 14px;
  }

  .votex-create-tabs button {
    font-size: 13px;
  }

  .votex-create-field-grid, .votex-role-groups, .votex-timing-grid, .votex-advanced-grid {
    grid-template-columns: 1fr;
  }

  .votex-scenario-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .votex-create-footer {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .votex-history-header {
    min-height: 92px;
    padding: 20px 18px 12px;
  }

  .votex-history-title {
    font-size: 24px;
  }

  .votex-history-tabs, .votex-history-filters {
    margin-left: 12px;
    margin-right: 12px;
  }

  .votex-history-scroll {
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .votex-app *, .votex-app :before, .votex-app :after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}

.votex-player-portal {
  min-height: var(--votex-layout-height, 100dvh);
  color: #fff;
  padding: 24px max(18px, min(4vw, 64px)) 56px;
  overflow-y: auto;
}

.votex-player-portal.is-game-console {
  padding: 0;
  overflow: hidden;
}

.votex-portal-nav {
  z-index: 2;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: rgba(25, 23, 22, .88);
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 22px;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 20px;
  width: min(1180px, 100%);
  min-height: 68px;
  margin: 0 auto;
  padding: 10px 18px;
  display: grid;
  position: relative;
}

.votex-header-brand, .votex-header-account-actions, .votex-portal-nav strong, .votex-portal-nav nav, .votex-portal-nav button {
  align-items: center;
  display: flex;
}

.votex-header-brand {
  gap: 16px;
  min-width: 0;
}

.votex-header-account-actions {
  justify-self: end;
  gap: 8px;
}

.votex-portal-nav .votex-header-wallet {
  color: #fff1e7;
  white-space: nowrap;
  background: rgba(255, 119, 43, .09);
  border: 1px solid rgba(255, 145, 71, .24);
  gap: 6px;
  min-height: 40px;
  padding: 7px 11px;
  font-size: 12px;
  font-weight: 800;
}

.votex-portal-nav .votex-header-wallet:hover {
  background: rgba(255, 119, 43, .16);
  border-color: rgba(255, 145, 71, .5);
}

.votex-portal-nav .votex-header-wallet svg {
  color: #ff9a5f;
  width: 16px;
  height: 16px;
}

.votex-header-wallet-full, .votex-header-wallet-compact {
  font-variant-numeric: tabular-nums;
  direction: ltr;
}

.votex-header-wallet-compact {
  display: none;
}

.votex-portal-nav .votex-header-wallet small {
  color: #cfaa94;
  font-size: 10px;
  font-weight: 600;
}

.votex-portal-nav strong {
  gap: 10px;
  font-size: 18px;
}

.votex-portal-nav strong svg {
  color: #ff5a24;
}

.votex-portal-nav nav {
  justify-self: center;
  gap: 6px;
}

.votex-portal-nav button {
  color: rgba(255, 255, 255, .7);
  cursor: pointer;
  font: inherit;
  background: none;
  border: 0;
  border-radius: 999px;
  gap: 7px;
  padding: 10px 15px;
}

.votex-portal-nav button:hover, .votex-portal-nav button.is-active {
  color: #fff;
  background: rgba(255, 255, 255, .1);
}

.votex-portal-nav svg {
  width: 18px;
  height: 18px;
}

.votex-account-menu {
  position: relative;
}

.votex-notification-menu {
  flex: none;
  position: relative;
}

.votex-portal-nav .votex-notification-trigger {
  color: #e9ddd5;
  background: rgba(255, 255, 255, .043);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 50%;
  place-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  display: grid;
  position: relative;
}

.votex-portal-nav .votex-notification-trigger:hover, .votex-portal-nav .votex-notification-trigger[aria-expanded="true"] {
  background: rgba(255, 126, 50, .13);
  border-color: rgba(255, 126, 50, .45);
}

.votex-portal-nav .votex-notification-trigger svg {
  width: 19px;
  height: 19px;
  color: inherit;
}

.votex-notification-dot {
  top: 5px;
  background: #ff832c;
  border: 2px solid #211c1a;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  position: absolute;
  box-shadow: 0 0 9px rgba(255, 123, 41, .75);
}

.votex-notification-dot:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 6px;
}

.votex-notification-dot:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 6px;
}

.votex-notification-dot:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  left: 6px;
}

.votex-notification-dot:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 6px;
}

.votex-notification-dot:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 6px;
}

.votex-notification-dot:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  right: 6px;
}

.votex-notification-dropdown {
  z-index: 90;
  top: calc(100% + 12px);
  width: min(370px, calc(var(--votex-layout-width, 100vw)  - 36px));
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
  background: rgba(27, 24, 23, .98);
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 17px;
  position: absolute;
  overflow: hidden;
  box-shadow: 0 24px 65px rgba(0, 0, 0, .55);
}

.votex-notification-dropdown:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 0;
}

.votex-notification-dropdown:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 0;
}

.votex-notification-dropdown:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 0;
}

.votex-notification-dropdown:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

.votex-notification-dropdown:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

.votex-notification-dropdown:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

.votex-notification-heading {
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 15px 17px;
  display: flex;
}

.votex-notification-heading strong {
  font-size: 15px;
}

.votex-notification-heading span {
  color: #ffab71;
  background: rgba(255, 121, 42, .12);
  border-radius: 99px;
  padding: 4px 9px;
  font-size: 11px;
  font-weight: 800;
}

.votex-notification-scroll {
  max-height: min(390px, calc(var(--votex-layout-height, 100dvh)  - 175px));
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 7px;
  overflow-y: auto;
}

.votex-notification-scroll::-webkit-scrollbar {
  display: none;
}

.votex-notification-empty {
  color: #a99b93;
  text-align: center;
  margin: 0;
  padding: 28px 15px;
  font-size: 12px;
}

.votex-notification-item {
  border-radius: 12px;
  align-items: flex-start;
  gap: 11px;
  padding: 13px 10px;
  display: flex;
}

.votex-notification-item + .votex-notification-item {
  border-top: 1px solid rgba(255, 255, 255, .07);
}

.votex-notification-item-icon {
  color: #ff9856;
  background: rgba(255, 117, 43, .12);
  border-radius: 11px;
  flex: 0 0 34px;
  place-items: center;
  width: 34px;
  height: 34px;
  display: grid;
}

.votex-notification-item-icon svg {
  width: 17px;
  height: 17px;
}

.votex-notification-item-content {
  flex: 1;
  min-width: 0;
}

.votex-notification-item-content strong {
  color: #f5ece6;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  display: block;
  overflow: hidden;
}

.votex-notification-item-content small {
  color: #aa9a90;
  margin-top: 4px;
  font-size: 11px;
  display: block;
}

.votex-notification-actions {
  gap: 7px;
  margin-top: 11px;
  display: flex;
}

.votex-portal-nav .votex-notification-actions button {
  color: #d8ccc4;
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 9px;
  justify-content: center;
  gap: 5px;
  min-height: 30px;
  padding: 5px 10px;
  font-size: 11px;
  font-weight: 800;
  display: inline-flex;
}

.votex-portal-nav .votex-notification-actions button.is-accept {
  color: #fff;
  background: linear-gradient(90deg, #de2b29, #f66a2e);
  border-color: #e94c29;
}

.votex-portal-nav .votex-notification-actions button:disabled {
  opacity: .55;
  cursor: wait;
}

.votex-portal-nav .votex-notification-actions svg {
  width: 13px;
  height: 13px;
  color: inherit;
}

.votex-portal-nav .votex-account-trigger {
  max-width: 220px;
  padding: 5px 9px 5px 12px;
}

.votex-header-avatar {
  -o-object-fit: cover;
  object-fit: cover;
  background: #2a2523;
  border: 2px solid rgba(255, 255, 255, .82);
  border-radius: 50%;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
}

.votex-header-avatar.is-placeholder {
  color: #fff;
  background: linear-gradient(145deg, #f1872f, #d9212d);
  place-items: center;
  font-size: 14px;
  font-weight: 900;
  display: grid;
}

.votex-account-name {
  color: rgba(255, 255, 255, .9);
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 120px;
  font-size: 13px;
  font-weight: 800;
  overflow: hidden;
}

.votex-portal-nav .votex-account-chevron {
  width: 14px;
  height: 14px;
  transition: transform .18s;
}

.votex-portal-nav .votex-account-chevron.is-open {
  transform: rotate(180deg);
}

.votex-account-dropdown {
  z-index: 80;
  top: calc(100% + 9px);
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
  background: rgba(25, 23, 22, .98);
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 16px;
  width: 190px;
  padding: 6px;
  position: absolute;
  box-shadow: 0 20px 55px rgba(0, 0, 0, .5);
}

.votex-account-dropdown:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 0;
}

.votex-account-dropdown:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 0;
}

.votex-account-dropdown:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 0;
}

.votex-account-dropdown:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

.votex-account-dropdown:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

.votex-account-dropdown:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 0;
}

.votex-portal-nav .votex-account-dropdown button {
  color: rgba(255, 255, 255, .82);
  border-radius: 11px;
  justify-content: flex-start;
  width: 100%;
  padding: 10px 12px;
  font-size: 13px;
}

.votex-portal-nav .votex-account-dropdown button.is-signout {
  color: #ff9881;
}

.votex-portal-nav .votex-header-back {
  color: #fff;
  background: rgba(255, 255, 255, .07);
  flex: 0 0 42px;
  justify-content: center;
  width: 42px;
  height: 42px;
  padding: 0;
}

.votex-portal-nav.is-room-header {
  z-index: 75;
}

.votex-header-room-code {
  color: rgba(255, 255, 255, .88);
  white-space: nowrap;
  direction: rtl;
  background: rgba(255, 255, 255, .055);
  border-radius: 999px;
  align-items: center;
  gap: 7px;
  padding: 9px 15px;
  font-size: 12px;
  font-weight: 900;
  display: inline-flex;
}

.votex-header-room-code svg {
  color: #ff6d2d;
}

.votex-portal-content {
  z-index: 1;
  width: min(1180px, 100%);
  margin: 0 auto;
  position: relative;
}

.votex-portal-heading {
  justify-content: space-between;
  align-items: end;
  gap: 20px;
  padding: 64px 8px 34px;
  display: flex;
}

.votex-portal-heading span, .votex-room-title > span {
  color: #ff7a35;
  font-size: 13px;
  font-weight: 800;
}

.votex-portal-heading h1, .votex-room-title h1 {
  margin: 8px 0;
  font-size: max(30px, min(4vw, 50px));
  line-height: 1.15;
}

.votex-portal-heading p, .votex-room-title p {
  color: rgba(255, 255, 255, .55);
  margin: 0;
}

.votex-player-section {
  margin: 16px 0 42px;
}

.votex-player-section h2 {
  align-items: center;
  gap: 10px;
  margin: 0 0 16px;
  font-size: 20px;
  display: flex;
}

.votex-player-section h2 small {
  background: rgba(255, 255, 255, .1);
  border-radius: 50%;
  place-items: center;
  min-width: 26px;
  height: 26px;
  font-size: 12px;
  display: grid;
}

.votex-player-game-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

.votex-player-game-card, .votex-profile-page form, .votex-room-notice {
  background: linear-gradient(145deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .024));
  border: 1px solid rgba(255, 255, 255, .12);
  box-shadow: 0 20px 60px rgba(0, 0, 0, .25);
}

.votex-player-game-card {
  border-radius: 24px;
  padding: 22px;
}

.votex-player-game-card h3 {
  margin: 15px 0 6px;
  font-size: 21px;
}

.votex-player-game-card p {
  color: rgba(255, 255, 255, .5);
  min-height: 22px;
  margin: 0 0 20px;
  font-size: 13px;
}

.votex-game-card-code {
  color: #ff9b56;
  direction: ltr;
  background: rgba(255, 91, 28, .12);
  border-radius: 99px;
  padding: 6px 10px;
  font: 700 12px / 1 monospace;
  display: inline-flex;
}

.votex-capacity {
  background: rgba(255, 255, 255, .1);
  border-radius: 99px;
  height: 5px;
  margin-bottom: 9px;
  overflow: hidden;
}

.votex-capacity span {
  border-radius: inherit;
  background: linear-gradient(90deg, #ff9f1c, #ff2838);
  height: 100%;
  display: block;
}

.votex-card-meta {
  color: rgba(255, 255, 255, .65);
  justify-content: space-between;
  margin-bottom: 20px;
  font-size: 12px;
  display: flex;
}

.votex-player-game-card > button {
  width: 100%;
}

.votex-portal-empty {
  color: rgba(255, 255, 255, .45);
  text-align: center;
  border: 1px dashed rgba(255, 255, 255, .14);
  border-radius: 20px;
  padding: 34px;
}

.votex-player-room {
  padding-top: 0;
}

.votex-room-title {
  text-align: center;
  margin: 38px 0 24px;
}

.votex-room-notice {
  color: #b6efc8;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  gap: 9px;
  padding: 14px;
  display: flex;
}

.votex-room-notice svg {
  width: 18px;
}

.votex-room-members {
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 14px;
  margin-top: 24px;
  display: grid;
}

.votex-room-member {
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  padding: 22px 12px;
  display: flex;
  position: relative;
}

.votex-room-member.is-self {
  border-color: rgba(255, 111, 39, .7);
  box-shadow: 0 0 28px rgba(255, 62, 30, .12);
}

.votex-room-member strong {
  margin: 11px 0 4px;
}

.votex-room-member span {
  color: rgba(255, 255, 255, .45);
  font-size: 12px;
}

.votex-room-member em {
  color: #fff;
  background: #e84721;
  border-radius: 99px;
  padding: 4px 7px;
  font-size: 10px;
  font-style: normal;
  position: absolute;
  top: 10px;
  left: 10px;
}

.votex-user-avatar {
  -o-object-fit: cover;
  object-fit: cover;
  background: #282321;
  border: 3px solid #fff;
  border-radius: 50%;
  width: 76px;
  height: 76px;
}

.votex-user-avatar.is-placeholder {
  place-items: center;
  font-size: 27px;
  font-weight: 900;
  display: grid;
}

.votex-profile-page {
  width: min(660px, 100%);
  margin: 0 auto;
}

.votex-profile-page form {
  border-radius: 28px;
  gap: 20px;
  padding: 28px;
  display: grid;
}

.votex-profile-page form > label {
  color: rgba(255, 255, 255, .7);
  gap: 9px;
  font-size: 13px;
  font-weight: 700;
  display: grid;
}

.votex-avatar-picker {
  justify-items: center;
  margin-bottom: 8px;
}

.votex-avatar-picker .votex-user-avatar {
  width: 110px;
  height: 110px;
}

.votex-avatar-picker > span {
  color: #ff8750;
  cursor: pointer;
  align-items: center;
  gap: 6px;
  display: flex;
}

.votex-avatar-picker input {
  opacity: 0;
  width: 1px;
  height: 1px;
  position: absolute;
}

.votex-profile-incomplete {
  justify-items: center;
  gap: 14px;
  margin-top: 72px;
  display: grid;
}

.votex-profile-incomplete h1 {
  margin: 0;
  font-size: 25px;
}

.votex-profile-incomplete p {
  margin: 0;
}

.votex-public-profile {
  background: #100f0f;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 26px;
  margin: 34px 0 60px;
  overflow: hidden;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .25);
}

.votex-public-cover {
  background: radial-gradient(at 25% 15%, rgba(252, 120, 37, .42), rgba(0, 0, 0, 0) 42%), radial-gradient(at 80% 80%, rgba(225, 35, 55, .28), rgba(0, 0, 0, 0) 40%), linear-gradient(120deg, #32221b, #1b1413 56%, #281718);
  height: max(200px, min(24vw, 285px));
  position: relative;
  overflow: hidden;
}

.votex-public-cover:after {
  content: "";
  opacity: .2;
  background: repeating-linear-gradient(115deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 85px, rgba(255, 255, 255, .16) 86px, rgba(0, 0, 0, 0) 87px);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.votex-public-cover img {
  -o-object-fit: cover;
  object-fit: cover;
}

.votex-public-cover-shade {
  z-index: 1;
  background: linear-gradient(0deg, rgba(16, 15, 15, .9), rgba(0, 0, 0, 0) 65%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.votex-public-identity {
  align-items: flex-end;
  gap: 24px;
  min-height: 110px;
  padding: 0 34px 24px;
  display: flex;
  position: relative;
}

.votex-public-avatar {
  z-index: 2;
  flex: 0 0 128px;
  margin-top: -55px;
  position: relative;
}

.votex-public-avatar .votex-user-avatar {
  border: 5px solid #100f0f;
  width: 128px;
  height: 128px;
  box-shadow: 0 12px 35px rgba(0, 0, 0, .42);
}

.votex-public-person {
  flex: 1;
  min-width: 0;
}

.votex-public-eyebrow {
  color: #ff9b59;
  letter-spacing: .025em;
  font-size: 11px;
  font-weight: 900;
}

.votex-public-person h1 {
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 3px 0 0;
  font-size: max(25px, min(3vw, 36px));
  line-height: 1.2;
  overflow: hidden;
}

.votex-public-person p {
  color: #cbbcb4;
  width: -moz-fit-content;
  width: fit-content;
  margin: 4px 0 9px;
  font-size: 14px;
  font-weight: 700;
}

.votex-public-person small {
  color: #8e8581;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  display: flex;
}

.votex-public-person small svg {
  width: 14px;
  height: 14px;
}

.votex-public-edit {
  flex: none;
  gap: 8px;
  margin-bottom: 4px;
  background: rgba(255, 255, 255, .07) !important;
  border-color: rgba(255, 255, 255, .18) !important;
  border-radius: 999px !important;
}

.votex-public-edit svg {
  width: 16px;
  height: 16px;
}

.votex-public-stat-strip {
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 17px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  margin: 0 34px;
  display: grid;
  overflow: hidden;
}

.votex-public-stat-strip > div {
  background: #1b1918;
  justify-items: center;
  gap: 3px;
  padding: 16px 9px;
  display: grid;
}

.votex-public-stat-strip strong {
  font-size: 22px;
  line-height: 1;
}

.votex-public-stat-strip span {
  color: #a9a09a;
  font-size: 11px;
}

.votex-public-tabs {
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  gap: 26px;
  margin: 24px 34px 0;
  display: flex;
}

.votex-public-tabs button {
  color: #a59b95;
  cursor: pointer;
  min-width: 75px;
  font: inherit;
  background: none;
  border: 0;
  padding: 12px 0 16px;
  font-size: 14px;
  font-weight: 800;
  position: relative;
}

.votex-public-tabs button.is-active {
  color: #fff;
}

.votex-public-tabs button.is-active:after {
  content: "";
  background: linear-gradient(90deg, #ff9e25, #f23430);
  border-radius: 999px;
  height: 3px;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
}

.votex-public-section {
  min-height: 260px;
  padding: 26px 34px 36px;
}

.votex-public-section h2 {
  margin: 0 0 18px;
  font-size: 18px;
}

.votex-public-games {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.votex-public-game {
  background: rgba(255, 255, 255, .035);
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 17px;
  align-items: center;
  gap: 14px;
  min-width: 0;
  min-height: 95px;
  padding: 16px;
  display: flex;
}

.votex-public-game-icon {
  color: #ff9b45;
  background: linear-gradient(145deg, rgba(255, 151, 35, .25), rgba(230, 39, 51, .2));
  border-radius: 14px;
  flex: 0 0 45px;
  place-items: center;
  width: 45px;
  height: 45px;
  display: grid;
}

.votex-public-game-icon svg {
  width: 21px;
}

.votex-public-game > div:nth-child(2) {
  flex: 1;
  min-width: 0;
}

.votex-public-game span {
  color: #9f928a;
  font-size: 10px;
}

.votex-public-game h3 {
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 3px 0;
  font-size: 14px;
  overflow: hidden;
}

.votex-public-game small {
  color: #d8a17c;
  font-size: 11px;
}

.votex-public-game button {
  color: #fff;
  cursor: pointer;
  font: inherit;
  background: rgba(255, 255, 255, .08);
  border: 0;
  border-radius: 999px;
  flex: none;
  padding: 8px 12px;
  font-size: 11px;
}

.votex-public-stats-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.votex-public-stats-grid > div {
  background: rgba(255, 255, 255, .035);
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 17px;
  justify-items: start;
  gap: 10px;
  min-height: 140px;
  padding: 20px;
  display: grid;
}

.votex-public-stats-grid svg {
  color: #fa823c;
  width: 20px;
}

.votex-public-stats-grid strong {
  font-size: 30px;
  line-height: 1;
}

.votex-public-stats-grid span, .votex-public-stats-note {
  color: #a79c96;
  font-size: 12px;
}

.votex-public-stats-note {
  margin-top: 16px;
}

.votex-cover-picker {
  gap: 10px;
  display: grid;
}

.votex-cover-picker-preview {
  background: linear-gradient(120deg, #61301d, #1e1717 60%, #61202c);
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 18px;
  height: 175px;
  display: block;
  position: relative;
  overflow: hidden;
}

.votex-cover-picker-preview img {
  -o-object-fit: cover;
  object-fit: cover;
}

.votex-cover-picker > span:last-child {
  color: #ff9255;
  cursor: pointer;
  align-items: center;
  gap: 7px;
  display: flex;
}

.votex-cover-picker > span:last-child svg {
  width: 17px;
}

.votex-cover-picker input {
  opacity: 0;
  width: 1px;
  height: 1px;
  position: absolute;
}

.votex-profile-form-actions {
  gap: 10px;
  display: flex;
}

.votex-profile-form-actions button:last-child {
  flex: 1;
}

.votex-unified-heading-actions {
  align-items: center;
  gap: 10px;
  display: flex;
}

.votex-unified-tabs {
  margin: 0 8px 24px;
}

.votex-unified-card-top {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.votex-game-relation {
  color: rgba(255, 255, 255, .66);
  background: rgba(255, 255, 255, .07);
  border-radius: 99px;
  align-items: center;
  gap: 5px;
  padding: 6px 9px;
  font-size: 11px;
  font-weight: 800;
  display: inline-flex;
}

.votex-game-relation svg {
  width: 14px;
  height: 14px;
}

.votex-game-relation.is-owner {
  color: #ffb15f;
  background: rgba(255, 126, 33, .13);
}

.votex-game-relation.is-member {
  color: #b9edc7;
  background: rgba(66, 177, 101, .13);
}

.votex-game-relation.is-open {
  color: #c9c1ba;
}

.votex-player-game-card.is-owner {
  border-color: rgba(255, 113, 42, .25);
}

.votex-player-game-card > button svg {
  width: 17px;
  height: 17px;
}

.votex-pinned-game {
  margin: 0 8px 30px;
}

.votex-games-section-heading {
  justify-content: space-between;
  align-items: end;
  gap: 16px;
  margin-bottom: 14px;
  display: flex;
}

.votex-games-section-heading h2 {
  margin: 2px 0 0;
  font-size: 22px;
}

.votex-section-kicker {
  color: #ff965c;
  font-size: 12px;
  font-weight: 800;
}

.votex-one-game-note {
  color: #897e79;
  font-size: 12px;
}

.votex-pinned-empty {
  color: #b7aaa4;
  background: rgba(255, 255, 255, .024);
  border: 1px dashed rgba(255, 255, 255, .18);
  border-radius: 22px;
  align-items: center;
  gap: 18px;
  min-height: 122px;
  padding: 23px 28px;
  display: flex;
}

.votex-pinned-empty > span {
  color: #ff9456;
  background: rgba(255, 113, 45, .08);
  border: 1px solid rgba(255, 125, 55, .25);
  border-radius: 17px;
  flex: 0 0 56px;
  place-items: center;
  width: 56px;
  height: 56px;
  display: grid;
}

.votex-pinned-empty svg {
  width: 25px;
  height: 25px;
}

.votex-pinned-empty strong {
  color: #f3eae5;
  font-size: 17px;
  display: block;
}

.votex-pinned-empty p {
  color: #968a84;
  margin: 5px 0 0;
  font-size: 13px;
}

.votex-pinned-invitation {
  background: linear-gradient(110deg, rgba(85, 38, 25, .92), rgba(39, 27, 23, .97) 60%, rgba(75, 35, 28, .88));
  border: 1px solid rgba(255, 126, 47, .72);
  border-radius: 22px;
  align-items: center;
  gap: 18px;
  min-height: 142px;
  padding: 23px 26px;
  display: flex;
  box-shadow: 0 17px 48px rgba(153, 55, 24, .2), inset 3px 0 #ff8736;
}

.votex-pinned-invitation-icon {
  color: #ffa365;
  background: rgba(255, 135, 54, .14);
  border: 1px solid rgba(255, 151, 75, .35);
  border-radius: 17px;
  flex: 0 0 58px;
  place-items: center;
  width: 58px;
  height: 58px;
  display: grid;
}

.votex-pinned-invitation-icon svg {
  width: 27px;
  height: 27px;
}

.votex-pinned-invitation-main {
  flex: 1;
  min-width: 0;
}

.votex-pinned-invitation-main > span {
  color: #ffa365;
  font-size: 12px;
  font-weight: 800;
}

.votex-pinned-invitation-main h3 {
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 4px 0 6px;
  font-size: 20px;
  overflow: hidden;
}

.votex-pinned-invitation-main p {
  color: #c7b6ab;
  margin: 0;
  font-size: 12px;
}

.votex-pinned-invitation-actions {
  align-items: center;
  gap: 9px;
  display: flex;
}

.votex-pinned-invitation-actions button {
  white-space: nowrap;
  border-radius: 999px;
  min-height: 40px;
  font-size: 12px;
}

.votex-pinned-invitation-actions button:first-child {
  background: linear-gradient(90deg, #e32b29, #f56429);
}

.votex-pinned-invitation-actions button:last-child {
  color: #e7d7cd;
  background: rgba(255, 255, 255, .06);
  border-color: rgba(255, 255, 255, .23);
}

.votex-games-list {
  gap: 12px;
  display: grid;
}

.votex-game-list-row {
  background: linear-gradient(120deg, #211b18, #181615 60%, #1b1817);
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 21px;
  grid-template-columns: minmax(215px, 1.1fr) minmax(0, 2fr) auto;
  align-items: center;
  gap: 22px;
  min-height: 148px;
  padding: 19px 22px;
  display: grid;
  box-shadow: 0 12px 36px rgba(0, 0, 0, .16);
}

.votex-game-list-row.is-featured {
  isolation: isolate;
  background: linear-gradient(115deg, #48291c, #2a1d18 45%, #301c19);
  border-color: rgba(255, 119, 47, .72);
  animation: 3.2s ease-in-out infinite votex-current-game-glow;
  position: relative;
  box-shadow: inset 3px 0 #f5662e, 0 20px 54px rgba(176, 59, 25, .2);
}

.votex-game-list-row.is-featured:after {
  z-index: -1;
  content: "";
  pointer-events: none;
  border: 1px solid rgba(255, 111, 47, .6);
  border-radius: 25px;
  animation: 3.2s ease-out infinite votex-current-game-outline;
  position: absolute;
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
}

@keyframes votex-current-game-glow {
  50% {
    border-color: rgba(255, 170, 75, .95);
    box-shadow: inset 3px 0 #ff9342, 0 22px 60px rgba(220, 74, 29, .32);
  }
}

@keyframes votex-current-game-outline {
  0% {
    opacity: .55;
    transform: scale(1);
  }

  60%, 100% {
    opacity: 0;
    transform: scale(1.015, 1.08);
  }
}

@media (prefers-reduced-motion: reduce) {
  .votex-game-list-row.is-featured, .votex-game-list-row.is-featured:after {
    animation: none;
  }
}

.votex-game-list-main {
  min-width: 0;
}

.votex-game-list-title {
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  display: flex;
}

.votex-game-list-main h3 {
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 10px 0 12px;
  font-size: 19px;
  line-height: 1.25;
  overflow: hidden;
}

.votex-game-list-players {
  align-items: center;
  gap: 12px;
  min-height: 32px;
  display: flex;
}

.votex-game-list-avatars {
  align-items: center;
  display: flex;
}

.votex-game-list-avatars:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  padding-left: 5px;
}

.votex-game-list-avatars:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  padding-left: 5px;
}

.votex-game-list-avatars:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  padding-left: 5px;
}

.votex-game-list-avatars:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-right: 5px;
}

.votex-game-list-avatars:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-right: 5px;
}

.votex-game-list-avatars:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  padding-right: 5px;
}

.votex-game-list-avatars > * + :not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: -9px;
}

.votex-game-list-avatars > * + :not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: -9px;
}

.votex-game-list-avatars > * + :not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: -9px;
}

.votex-game-list-avatars > * + :-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-right: -9px;
}

.votex-game-list-avatars > * + :-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-right: -9px;
}

.votex-game-list-avatars > * + :is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-right: -9px;
}

.votex-game-list-avatars .votex-user-avatar, .votex-game-list-more {
  color: #f5e7dd;
  background: #3d302b;
  border: 2px solid #211b18;
  border-radius: 50%;
  flex: 0 0 29px;
  place-items: center;
  width: 29px;
  height: 29px;
  font-size: 10px;
  font-weight: 800;
  display: grid;
}

.votex-game-list-row.is-featured .votex-game-list-avatars .votex-user-avatar, .votex-game-list-row.is-featured .votex-game-list-more {
  border-color: #3e261c;
}

.votex-game-list-players > span {
  color: #d9c6bb;
  align-items: center;
  gap: 5px;
  font-size: 13px;
  display: inline-flex;
}

.votex-game-list-players > span svg {
  color: #fb8146;
  width: 15px;
  height: 15px;
}

.votex-game-list-details {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 17px 24px;
  min-width: 0;
  display: grid;
}

.votex-game-list-details > span {
  -moz-column-gap: 8px;
  grid-template-columns: 16px minmax(0, 1fr);
  column-gap: 8px;
  min-width: 0;
  display: grid;
}

.votex-game-list-details svg {
  color: #fb8146;
  grid-row: span 2;
  width: 16px;
  height: 16px;
  margin-top: 2px;
}

.votex-game-list-details small {
  color: #8f827c;
  font-size: 11px;
}

.votex-game-list-details strong {
  color: #e8ded8;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 800;
  overflow: hidden;
}

.votex-game-list-end {
  justify-items: end;
  gap: 17px;
  display: grid;
}

.votex-game-list-live {
  color: #ff924f;
  display: none;
}

.votex-game-list-row.is-featured .votex-game-list-live {
  background: rgba(255, 112, 43, .13);
  border-radius: 50%;
  place-items: center;
  width: 27px;
  height: 27px;
  display: inline-grid;
}

.votex-game-list-live svg {
  width: 16px;
  height: 16px;
}

.votex-game-list-end button {
  white-space: nowrap;
}

.votex-game-list-end button svg {
  width: 16px;
  height: 16px;
}

@container votex-layout (width <= 1060px) {
  .votex-game-list-row {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .votex-game-list-details {
    border-top: 1px solid rgba(255, 255, 255, .09);
    grid-area: 2 / 1 / auto / -1;
    padding-top: 17px;
  }

  .votex-game-list-end {
    grid-area: 1 / 2;
  }
}

@container votex-layout (width <= 620px) {
  .votex-one-game-note {
    display: none;
  }

  .votex-pinned-game {
    margin-left: 0;
    margin-right: 0;
  }

  .votex-game-list-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    padding: 19px;
  }

  .votex-game-list-details {
    grid-row: auto;
    gap: 15px 12px;
  }

  .votex-game-list-end {
    grid-area: auto / 1;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .votex-pinned-empty {
    padding: 18px;
  }

  .votex-pinned-invitation {
    flex-wrap: wrap;
    gap: 12px;
    padding: 18px;
  }

  .votex-pinned-invitation-icon {
    flex-basis: 46px;
    width: 46px;
    height: 46px;
  }

  .votex-pinned-invitation-actions {
    width: 100%;
  }

  .votex-pinned-invitation-actions button {
    flex: 1;
  }
}

.votex-portal-content.is-player-game-console {
  flex-direction: column;
  flex: 1;
  width: 100%;
  max-width: none;
  min-height: 0;
  display: flex;
}

.votex-player-table-room {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  padding: 0;
  display: flex;
  position: relative;
}

.votex-player-table-stage {
  width: 100%;
  height: 100%;
}

.votex-player-table-stage .votex-table-scroll {
  width: 100%;
}

.votex-player-readonly {
  pointer-events: none;
}

.votex-player-readonly.is-invite-slot {
  pointer-events: auto;
}

.votex-player-room-center {
  width: min(640px, 80%);
  overflow: visible;
}

.votex-room-status {
  background: rgba(26, 18, 13, .94);
  border: 1px solid rgba(255, 164, 83, .16);
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  width: min(640px, 100%);
  min-height: 74px;
  padding: 14px 22px;
  display: flex;
}

.votex-room-status-phase {
  color: #ffb777;
  white-space: nowrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.votex-room-status-phase svg {
  width: 22px;
  height: 22px;
}

.votex-room-status-activity {
  text-align: right;
  color: #e6ddd7;
  flex: 1;
  gap: 4px;
  font-size: 14px;
  display: grid;
}

.votex-room-status small {
  color: #aa9486;
  font-size: 11px;
}

.votex-room-status-clock {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  display: flex;
}

.votex-room-status-clock svg {
  color: #c09c85;
  width: 18px;
  height: 18px;
}

.votex-room-status-clock strong {
  font-variant-numeric: tabular-nums;
  font-size: 27px;
  line-height: 1;
}

.votex-room-status-clock small {
  flex-basis: 100%;
}

.votex-room-status.is-night {
  background: rgba(23, 20, 31, .94);
  border-color: rgba(165, 156, 225, .2);
}

.votex-public-history-heading {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.votex-public-history-heading button {
  color: #c3b7af;
  background: rgba(255, 255, 255, .06);
  border-radius: 50%;
  place-items: center;
  width: 34px;
  height: 34px;
  display: grid;
}

.votex-public-history-heading svg {
  width: 18px;
  height: 18px;
}

.votex-public-history-list {
  max-height: 360px;
  overflow-y: auto;
}

.votex-public-history p {
  border-bottom: 1px solid rgba(255, 255, 255, .07);
  justify-content: space-between;
  gap: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.votex-public-history time {
  color: #ad9e94;
  white-space: nowrap;
  font-size: 12px;
}

.votex-player-control-foundation {
  background: rgba(18, 14, 12, .88);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 18px;
  width: min(640px, 100%);
  height: 54px;
  box-shadow: inset 0 1px rgba(255, 255, 255, .024);
}

.votex-player-empty-dock .votex-event-ticker {
  min-height: 51px;
}

.votex-player-empty-dock .votex-event-ticker > div {
  flex: 1;
}

.votex-god-management {
  width: min(1180px, 100% - 3rem);
  margin-top: 0;
}

.votex-god-heading {
  padding-top: 50px;
}

.votex-management-tabs {
  background: rgba(255, 255, 255, .035);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 999px;
  gap: 5px;
  padding: 5px;
  display: inline-flex;
}

.votex-management-tabs button {
  color: rgba(255, 255, 255, .58);
  cursor: pointer;
  font: inherit;
  background: none;
  border: 0;
  border-radius: 999px;
  align-items: center;
  gap: 9px;
  padding: 10px 18px;
  font-weight: 800;
  display: flex;
}

.votex-management-tabs button.is-active {
  color: #fff;
  background: rgba(255, 255, 255, .11);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .2);
}

.votex-management-tabs small {
  background: rgba(255, 255, 255, .1);
  border-radius: 50%;
  place-items: center;
  min-width: 23px;
  height: 23px;
  font-size: 11px;
  display: grid;
}

.votex-god-management .votex-management-section {
  margin-top: 24px;
}

.votex-god-management .votex-management-section.is-running, .votex-god-management .votex-management-section.is-finished {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.votex-god-management .votex-section-title {
  display: none;
}

.votex-god-management .votex-game-grid, .votex-god-management .votex-management-section.is-running .votex-game-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.votex-god-management .votex-game-card {
  background: linear-gradient(145deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .024));
  border-color: rgba(255, 255, 255, .12);
  border-radius: 24px;
  min-height: 0;
  padding: 20px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .22);
}

.votex-god-management .votex-game-card-icon {
  background: linear-gradient(145deg, rgba(255, 137, 43, .28), rgba(231, 31, 46, .14));
}

.votex-god-management .votex-game-card-meta {
  margin-top: 18px;
  padding-top: 14px;
}

@container votex-layout (width <= 800px) {
  .votex-public-profile {
    margin-top: 20px;
  }

  .votex-public-identity {
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 12px;
    padding: 0 18px 20px;
  }

  .votex-public-avatar {
    flex-basis: 94px;
    margin-top: -35px;
  }

  .votex-public-avatar .votex-user-avatar {
    width: 94px;
    height: 94px;
  }

  .votex-public-person {
    padding-top: 11px;
  }

  .votex-public-edit {
    justify-content: center;
    width: 100%;
  }

  .votex-public-stat-strip, .votex-public-tabs {
    margin-left: 18px;
    margin-right: 18px;
  }

  .votex-public-section {
    padding-left: 18px;
    padding-right: 18px;
  }

  .votex-public-games {
    grid-template-columns: 1fr;
  }

  .votex-public-stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .votex-player-game-grid {
    grid-template-columns: 1fr;
  }

  .votex-portal-nav {
    align-items: flex-start;
  }

  .votex-frame.is-game-console .votex-portal-nav {
    width: min(1180px, 100% - max(36px, min(8vw, 128px)));
  }

  .votex-portal-nav {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .votex-portal-nav nav {
    grid-area: 2 / 1 / auto / -1;
    justify-content: center;
    justify-self: center;
  }

  .votex-header-account-actions {
    grid-area: 1 / 2;
  }

  .votex-portal-nav.is-room-header .votex-header-room-code {
    display: none;
  }

  .votex-portal-nav strong {
    padding-top: 8px;
  }

  .votex-portal-nav nav {
    flex-wrap: wrap;
    justify-content: center;
  }

  .votex-portal-nav button {
    padding: 8px 10px;
    font-size: 12px;
  }

  .votex-account-name {
    max-width: 84px;
  }

  .votex-portal-nav .votex-account-trigger {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .votex-header-avatar {
    flex-basis: 32px;
    width: 32px;
    height: 32px;
  }

  .votex-portal-heading {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 42px;
  }

  .votex-unified-heading-actions {
    flex-wrap: wrap;
    width: 100%;
  }

  .votex-table-ring.is-god-room {
    width: 92%;
  }

  .votex-game-bottom-dock {
    width: calc(92% - 30px);
  }

  .votex-god-management .votex-game-grid, .votex-god-management .votex-management-section.is-running .votex-game-grid {
    grid-template-columns: 1fr;
  }
}

.votex-social-page {
  width: min(1180px, 100%);
  margin: 34px auto 80px;
}

.votex-social-heading-icon {
  color: #ff773a;
  width: 48px;
  height: 48px;
}

.votex-leaderboard-head, .votex-leaderboard-row {
  text-align: right;
  grid-template-columns: minmax(0, 1fr) 140px 140px;
  align-items: center;
  gap: 16px;
  padding: 15px 25px;
  display: grid;
}

.votex-leaderboard-head {
  color: #a89a93;
  font-size: 13px;
}

.votex-leaderboard-row {
  color: #fff;
  cursor: pointer;
  background: #1c1918;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 18px;
  width: 100%;
  margin-bottom: 9px;
}

.votex-leaderboard-row:hover {
  background: #28201c;
  border-color: #f85e29;
}

.votex-leaderboard-person {
  align-items: center;
  gap: 16px;
  min-width: 0;
  display: flex;
}

.votex-leaderboard-person > b {
  color: #ff843b;
  width: 48px;
  font-size: 18px;
}

.votex-leaderboard-person .votex-user-avatar {
  border-radius: 50%;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
}

.votex-leaderboard-person > span:last-child {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.votex-leaderboard-person small {
  color: #9f928d;
}

.votex-leaderboard-elo {
  font-size: 24px;
}

.votex-load-more {
  margin: 25px auto;
  display: flex;
}

.votex-soon-page {
  text-align: center;
  align-content: center;
  justify-items: center;
  min-height: 60vh;
  display: grid;
}

.votex-soon-icon {
  background: linear-gradient(135deg, #f58a25, #e32b33);
  border-radius: 28px;
  place-items: center;
  width: 100px;
  height: 100px;
  display: grid;
}

.votex-soon-icon svg {
  width: 50px;
  height: 50px;
}

.votex-soon-page > span {
  color: #ff8a4e;
  margin-top: 24px;
}

.votex-soon-page h1 {
  margin: 6px 0;
  font-size: max(44px, min(7vw, 80px));
}

.votex-soon-page p {
  color: #a89a93;
}

.votex-wallet-grid {
  grid-template-columns: 1fr 1fr;
  gap: 22px;
  display: grid;
}

.votex-wallet-balance, .votex-wallet-charge, .votex-wallet-history {
  background: #1a1716;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 25px;
  padding: 30px;
}

.votex-wallet-balance {
  background: radial-gradient(circle at 20% 20%, rgba(255, 115, 30, .32), rgba(0, 0, 0, 0) 48%), linear-gradient(140deg, #3b2119, #191615);
  flex-direction: column;
  justify-content: space-between;
  min-height: 285px;
  display: flex;
}

.votex-wallet-balance > span {
  align-items: center;
  gap: 10px;
  display: flex;
}

.votex-wallet-balance > strong {
  font-size: max(35px, min(5vw, 62px));
  line-height: 1.2;
}

.votex-wallet-balance small {
  font-size: 18px;
}

.votex-wallet-balance p, .votex-wallet-charge p {
  color: #bcaaa0;
}

.votex-wallet-charge {
  align-content: start;
  gap: 15px;
  display: grid;
}

.votex-wallet-charge h2, .votex-wallet-charge p {
  margin: 0;
}

.votex-wallet-charge label {
  gap: 9px;
  display: grid;
}

.votex-wallet-amount-input {
  align-items: center;
  gap: 10px;
  display: flex;
}

.votex-wallet-amount-input input {
  font-variant-numeric: tabular-nums;
  flex: 1;
  min-width: 0;
}

.votex-wallet-amount-input em {
  color: #cab8aa;
  white-space: nowrap;
  font-size: 13px;
  font-style: normal;
}

.votex-wallet-sandbox {
  color: #ff9b64;
  background: #453027;
  border-radius: 99px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 6px 12px;
  font-size: 12px;
}

.votex-wallet-history {
  margin-top: 22px;
}

.votex-wallet-history > div {
  border-top: 1px solid rgba(255, 255, 255, .09);
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 16px 0;
  display: flex;
}

.votex-wallet-history > div > span {
  grid-template-columns: 18px auto;
  gap: 5px 9px;
  display: grid;
}

.votex-wallet-history > div small {
  color: #9d8f89;
  grid-column: 2;
}

.votex-wallet-history .is-credit {
  color: #78d5a0;
}

.votex-wallet-history .is-debit {
  color: #ff9980;
}

.votex-public-competitive {
  grid-template-columns: 1.4fr repeat(3, 1fr);
  gap: 10px;
  margin: 0 34px 18px;
  display: grid;
}

.votex-public-competitive > div {
  background: #231e1b;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 16px;
  align-content: center;
  gap: 5px;
  min-height: 95px;
  padding: 15px 20px;
  display: grid;
}

.votex-public-competitive .is-elo {
  background: linear-gradient(110deg, #59301c, #2a1e1a);
  border-color: rgba(255, 130, 35, .5);
  position: relative;
}

.votex-public-competitive .is-elo svg {
  color: #ffa54f;
  position: absolute;
  top: 20px;
  left: 19px;
}

.votex-public-competitive span {
  color: #c8b8ae;
  font-size: 12px;
}

.votex-public-competitive strong {
  font-size: 26px;
}

.votex-access-options {
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  display: grid;
}

.votex-access-options button {
  color: #fff;
  text-align: right;
  background: #24201e;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 18px;
  gap: 8px;
  min-height: 120px;
  padding: 18px;
  display: grid;
}

.votex-access-options button.is-active {
  background: #3c281f;
  border-color: #fa7132;
}

.votex-access-options button span, .votex-ticket-price small {
  color: #b7a8a0;
  font-size: 12px;
}

.votex-ticket-price {
  gap: 8px;
  display: grid;
}

.votex-ticket-price input {
  color: #fff;
  background: #231e1c;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 10px;
  width: 100%;
  padding: 12px;
}

.votex-create-dialog {
  max-height: calc(var(--votex-layout-height, 100dvh)  - 32px);
  background: #1a1716 !important;
  border-radius: 18px !important;
}

.votex-create-dialog-header {
  background: #262322;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  height: 48px;
  padding-left: 20px;
  padding-right: 20px;
}

.votex-create-dialog-body {
  max-height: calc(var(--votex-layout-height, 100dvh)  - 80px);
  padding: 18px 22px 20px;
  overflow-y: auto;
}

.votex-create-progress {
  color: #aa9c94;
  gap: 10px;
  font-size: 12px;
  display: grid;
}

.votex-create-progress > span {
  justify-content: space-between;
  gap: 12px;
  display: flex;
}

.votex-create-progress strong {
  color: #f4ece8;
  font-size: 13px;
}

.votex-create-progress > div {
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  display: grid;
}

.votex-create-progress i {
  background: #403733;
  border-radius: 999px;
  height: 3px;
}

.votex-create-progress i.is-active {
  background: linear-gradient(90deg, #fa9138, #e8222e);
}

.votex-create-step, .votex-create-access {
  margin-top: 20px;
}

.votex-create-mode {
  gap: 14px;
  margin-top: 20px;
  display: grid;
}

.votex-create-mode h3 {
  margin: 0;
  font-size: 15px;
  font-weight: 800;
}

.votex-mode-options {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.votex-mode-options button {
  text-align: start;
  background: #25211f;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 13px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  min-height: 112px;
  padding: 16px;
  display: flex;
}

.votex-mode-options button svg {
  color: #ef7135;
  width: 22px;
  height: 22px;
}

.votex-mode-options button strong {
  font-size: 14px;
}

.votex-mode-options button small {
  color: #b6a69e;
  font-size: 11px;
  line-height: 1.5;
}

.votex-mode-options button.is-active {
  background: #34241e;
  border-color: #f47439;
}

.votex-mode-options button:disabled {
  opacity: .48;
  cursor: not-allowed;
}

.votex-invite-dialog .votex-add-player-body {
  gap: 14px;
  display: grid;
}

.votex-invite-dialog .votex-add-player-panel {
  background: linear-gradient(140deg, #2a2523, #211e1c);
  border-color: rgba(255, 255, 255, .1);
}

.votex-invite-dialog .votex-add-player-panel p {
  margin-bottom: 14px;
}

.votex-invite-search {
  background: #171514;
  border: 1px solid rgba(255, 255, 255, .17);
  border-radius: 13px;
  align-items: center;
  gap: 9px;
  height: 46px;
  padding-left: 13px;
  padding-right: 13px;
  transition: border-color .18s, box-shadow .18s;
  display: flex;
}

.votex-invite-search:focus-within {
  border-color: #f36e32;
  box-shadow: 0 0 0 2px rgba(243, 110, 50, .14);
}

.votex-invite-search > svg {
  color: #ab9690;
  flex: none;
  width: 17px;
  height: 17px;
}

.votex-invite-search input {
  width: 100%;
  height: 100%;
  box-shadow: none;
  color: #fff;
  background: none;
  border: 0;
  outline: 0;
  padding: 0;
  font-size: 14px;
}

.votex-invite-search input:focus {
  box-shadow: none;
  border: 0;
  outline: 0;
}

.votex-invite-search input::placeholder {
  color: #796e69;
}

.votex-invite-search .votex-invite-search-loading {
  color: #ef7135;
  width: 15px;
  height: 15px;
}

.votex-invite-results {
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  gap: 5px;
  height: 224px;
  padding-left: 2px;
  padding-right: 2px;
  display: flex;
  overflow-y: auto;
}

.votex-invite-results::-webkit-scrollbar {
  display: none;
}

.votex-invite-empty {
  color: #968780;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 100%;
  display: flex;
}

.votex-invite-empty svg {
  color: #78665e;
  width: 24px;
  height: 24px;
}

.votex-invite-empty span {
  max-width: 250px;
  font-size: 12px;
  line-height: 1.7;
}

.votex-invite-results button {
  text-align: start;
  background: rgba(255, 255, 255, .035);
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 11px;
  flex: none;
  align-items: center;
  gap: 10px;
  min-height: 50px;
  padding: 7px 10px;
  transition: border-color .18s, background .18s, transform .18s;
  display: flex;
}

.votex-invite-results button:hover {
  background: rgba(239, 113, 53, .12);
  border-color: rgba(239, 113, 53, .6);
  transform: translateY(-1px);
}

.votex-invite-results button:focus-visible {
  background: rgba(239, 113, 53, .12);
  border-color: rgba(239, 113, 53, .6);
  transform: translateY(-1px);
}

.votex-invite-results button > span {
  background: #42312a;
  border-radius: 50%;
  flex: none;
  place-items: center;
  width: 36px;
  height: 36px;
  display: grid;
  overflow: hidden;
}

.votex-invite-results button img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 36px;
  height: 36px;
}

.votex-invite-results button strong {
  flex: 1;
  gap: 2px;
  font-size: 12px;
  display: grid;
}

.votex-invite-results button small {
  color: #aa9990;
  text-align: right;
  font-size: 11px;
  font-weight: 400;
}

@container votex-layout (width <= 620px) {
  .votex-mode-options {
    grid-template-columns: 1fr;
  }

  .votex-invitations article {
    flex-wrap: wrap;
  }

  .votex-invitations article > div {
    flex-basis: 100%;
  }
}

.votex-create-access {
  gap: 14px;
  display: grid;
}

.votex-create-access h3, .votex-create-scenario-section h3 {
  margin: 0;
  font-size: 15px;
  font-weight: 800;
}

.votex-access-options {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.votex-access-options button {
  background: #25211f;
  border-color: rgba(255, 255, 255, .11);
  border-radius: 13px;
  gap: 4px;
  min-height: 82px;
  padding: 12px;
}

.votex-access-options button strong {
  font-size: 13px;
}

.votex-access-options button span {
  color: #afa29b;
  font-size: 11px;
  line-height: 1.45;
}

.votex-access-options button.is-active {
  background: #34241e;
  border-color: #f47439;
  box-shadow: inset 0 0 0 1px rgba(244, 116, 57, .15);
}

.votex-ticket-setting {
  background: rgba(255, 255, 255, .024);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 13px;
  overflow: hidden;
}

.votex-ticket-toggle {
  text-align: start;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  width: 100%;
  padding: 13px 15px;
  display: flex;
}

.votex-ticket-toggle > span:first-child {
  gap: 4px;
  display: grid;
}

.votex-ticket-toggle strong {
  font-size: 13px;
}

.votex-ticket-toggle small {
  color: #b7a8a0;
  font-size: 11px;
  font-weight: 400;
}

.votex-ticket-price {
  border-top: 1px solid rgba(255, 255, 255, .08);
  grid-template-columns: 1fr minmax(160px, 210px);
  align-items: center;
  gap: 6px 12px;
  padding: 12px 15px;
  font-size: 13px;
  font-weight: 700;
  display: grid;
}

.votex-ticket-input {
  align-items: center;
  gap: 7px;
  min-width: 0;
  display: flex;
}

.votex-ticket-price input {
  text-align: center;
  font-variant-numeric: tabular-nums;
  border-radius: 9px;
  min-width: 0;
  height: 38px;
  padding: 7px 10px;
}

.votex-ticket-input em {
  color: #cab8aa;
  white-space: nowrap;
  font-size: 11px;
  font-style: normal;
}

.votex-ticket-price .votex-ticket-error {
  color: #ff9e82;
  grid-column: 1 / -1;
  font-size: 11px;
  font-weight: 500;
}

.votex-create-field {
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  display: grid;
}

.votex-create-field input {
  border-radius: 10px;
  height: 43px;
}

.votex-create-scenario-section {
  gap: 10px;
  margin-top: 18px;
  display: grid;
}

.votex-scenario-cards {
  grid-template-columns: 1fr;
  gap: 8px;
}

.votex-scenario-card {
  text-align: start;
  border-color: rgba(255, 255, 255, .11);
  border-radius: 12px;
  align-items: center;
  gap: 12px;
  min-height: 72px;
  padding: 8px 12px;
  display: flex;
}

.votex-scenario-card.is-selected {
  background: #30231e;
  border-color: #ee743e;
}

.votex-scenario-card img {
  border-radius: 8px;
  flex: none;
  width: 54px;
  height: 54px;
}

.votex-scenario-card > span {
  flex: 1;
  gap: 3px;
  padding: 0;
  font-size: 13px;
  display: grid;
}

.votex-scenario-card > span small {
  color: #a9988e;
  font-size: 11px;
}

.votex-scenario-card > svg {
  flex: none;
  position: static;
}

.votex-create-disclosure {
  background: rgba(255, 255, 255, .024);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 12px;
  margin-top: 12px;
}

.votex-create-disclosure > summary {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 12px 14px;
  font-size: 12px;
  font-weight: 700;
  list-style: none;
  display: flex;
}

.votex-create-disclosure > summary::-webkit-details-marker {
  display: none;
}

.votex-create-disclosure > summary > span {
  align-items: center;
  gap: 7px;
  display: inline-flex;
}

.votex-create-disclosure > summary svg {
  color: #a9988e;
  width: 15px;
  height: 15px;
}

.votex-create-disclosure > summary > svg {
  transform: rotate(90deg);
}

.votex-create-disclosure[open] > summary > svg {
  transform: rotate(-90deg);
}

.votex-create-locked-note {
  color: #a9988e;
  margin: 0;
  padding: 0 14px 12px;
  font-size: 11px;
}

.votex-create-disclosure .votex-role-groups, .votex-create-disclosure .votex-timing-grid, .votex-create-disclosure .votex-advanced-grid {
  padding: 0 14px 14px;
}

.votex-role-groups {
  gap: 12px;
}

.votex-role-groups h4 {
  margin-bottom: 6px;
  font-size: 12px;
}

.votex-role-groups > div > div {
  gap: 5px;
}

.votex-role-groups span {
  padding: 4px 8px;
  font-size: 11px;
}

.votex-create-review-summary {
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 13px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
  overflow: hidden;
}

.votex-create-review-summary > div {
  background: rgba(255, 255, 255, .024);
  gap: 4px;
  min-width: 0;
  padding: 12px 14px;
  display: grid;
}

.votex-create-review-summary > div:nth-child(2n):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-left: 1px solid rgba(255, 255, 255, .08);
}

.votex-create-review-summary > div:nth-child(2n):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-left: 1px solid rgba(255, 255, 255, .08);
}

.votex-create-review-summary > div:nth-child(2n):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-left: 1px solid rgba(255, 255, 255, .08);
}

.votex-create-review-summary > div:nth-child(2n):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  border-right: 1px solid rgba(255, 255, 255, .08);
}

.votex-create-review-summary > div:nth-child(2n):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  border-right: 1px solid rgba(255, 255, 255, .08);
}

.votex-create-review-summary > div:nth-child(2n):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  border-right: 1px solid rgba(255, 255, 255, .08);
}

.votex-create-review-summary > div:nth-child(n+3) {
  border-top: 1px solid rgba(255, 255, 255, .08);
}

.votex-create-review-summary small {
  color: #a99b92;
  font-size: 11px;
}

.votex-create-review-summary strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  overflow: hidden;
}

.votex-create-vote {
  text-align: start;
  background: rgba(255, 255, 255, .024);
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 13px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin-top: 12px;
  padding: 12px 14px;
  display: flex;
}

.votex-create-vote > span:first-child {
  gap: 4px;
  display: grid;
}

.votex-create-vote strong {
  font-size: 13px;
}

.votex-create-vote small {
  color: #a99b92;
  font-size: 11px;
}

.votex-timing-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.votex-readonly-field {
  border-radius: 9px;
  min-height: 40px;
  padding: 6px 10px;
}

.votex-advanced-grid {
  gap: 10px 20px;
}

.votex-advanced-grid > div {
  font-size: 12px;
}

.votex-fixed-status {
  color: #a89b94;
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  gap: 5px;
  min-width: 64px;
  padding: 4px 7px;
  font-size: 11px;
  display: inline-flex;
}

.votex-fixed-status.is-on {
  color: #a8d5b5;
  border-color: rgba(113, 174, 136, .25);
}

.votex-fixed-status svg {
  width: 11px;
  height: 11px;
}

.votex-create-footer {
  border-top: 1px solid rgba(255, 255, 255, .08);
  justify-content: space-between;
  gap: 12px;
  margin-top: 20px;
  padding-top: 15px;
  display: flex;
}

.votex-create-footer button {
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-width: 132px;
  height: 42px;
  font-size: 13px;
  display: inline-flex;
}

.votex-create-submit {
  box-shadow: 0 7px 22px rgba(213, 55, 25, .2);
  background: linear-gradient(100deg, #e33724, #f26b29) !important;
}

.votex-create-submit:disabled {
  opacity: .45;
  box-shadow: none;
}

.votex-create-secondary {
  background: rgba(255, 255, 255, .04) !important;
  border-color: rgba(255, 255, 255, .2) !important;
}

@container votex-layout (width <= 750px) {
  .votex-create-dialog {
    max-height: calc(var(--votex-layout-height, 100dvh)  - 20px);
    top: 50%;
  }

  .votex-create-dialog-body {
    max-height: calc(var(--votex-layout-height, 100dvh)  - 68px);
    padding: 16px;
  }

  .votex-access-options {
    grid-template-columns: 1fr;
  }

  .votex-access-options button {
    min-height: 54px;
  }

  .votex-ticket-price, .votex-create-review-summary {
    grid-template-columns: 1fr;
  }

  .votex-create-review-summary > div:nth-child(2n):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-left: 0;
  }

  .votex-create-review-summary > div:nth-child(2n):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-left: 0;
  }

  .votex-create-review-summary > div:nth-child(2n):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-left: 0;
  }

  .votex-create-review-summary > div:nth-child(2n):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-right: 0;
  }

  .votex-create-review-summary > div:nth-child(2n):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-right: 0;
  }

  .votex-create-review-summary > div:nth-child(2n):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-right: 0;
  }

  .votex-create-review-summary > div + div {
    border-top: 1px solid rgba(255, 255, 255, .08);
  }

  .votex-timing-grid, .votex-advanced-grid {
    grid-template-columns: 1fr;
  }
}

.votex-game-list-toolbar {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
  display: flex;
}

.votex-game-list-toolbar > h2 {
  margin: 0;
}

.votex-games-heading {
  align-items: center;
  padding: 36px 0 26px;
}

.votex-games-heading h1 {
  color: #f7f4f1;
  margin: 0;
  font-size: max(28px, min(3vw, 36px));
  font-weight: 700;
  line-height: 1.5;
}

.votex-pinned-game {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 32px;
}

.votex-games-section-heading {
  align-items: center;
  margin-bottom: 16px;
}

.votex-games-section-heading h2, .votex-game-list-toolbar > h2 {
  color: #eee8e2;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-size: max(18px, min(1.7vw, 20px));
  font-weight: 600;
  line-height: 1.6;
  display: flex;
}

.votex-games-section-heading h2:before, .votex-game-list-toolbar > h2:before {
  content: "";
  background: #f36e32;
  border-radius: 3px;
  flex: none;
  width: 3px;
  height: 18px;
}

.votex-game-list-toolbar > h2 small {
  color: #a99b94;
  background: rgba(255, 255, 255, .035);
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 8px;
  min-width: 25px;
  height: 25px;
  padding-left: 7px;
  padding-right: 7px;
  font-size: 11px;
  font-weight: 500;
}

@container votex-layout (width <= 600px) {
  .votex-games-heading {
    flex-direction: row;
    align-items: center;
    gap: 12px;
    padding-top: 26px;
    padding-bottom: 22px;
  }

  .votex-games-heading .votex-unified-heading-actions {
    flex: none;
  }
}

.votex-code-entry {
  background: rgba(255, 255, 255, .024);
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 14px;
  align-items: center;
  gap: 8px;
  width: 370px;
  max-width: 100%;
  margin: 0;
  padding: 5px 10px 5px 5px;
  transition: border-color .18s;
  display: flex;
}

.votex-code-entry:focus-within {
  border-color: rgba(243, 110, 50, .6);
}

.votex-code-entry > svg {
  color: #a99b94;
  flex: none;
  width: 17px;
  height: 17px;
}

.votex-code-entry input {
  min-width: 0;
  height: 34px;
  box-shadow: none;
  background: none;
  border: 0;
  flex: 1;
  padding: 0 4px;
  font-size: 12px;
}

.votex-code-entry input:focus-visible {
  box-shadow: none;
  outline: none;
}

.votex-code-entry button {
  flex: none;
  height: 34px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 12px;
}

@container votex-layout (width <= 600px) {
  .votex-code-entry {
    width: 100%;
  }
}

.votex-game-preview {
  width: min(520px, calc(var(--votex-layout-width, 100vw)  - 30px));
  max-width: none;
  max-height: calc(var(--votex-layout-height, 100dvh)  - 30px);
  padding: 0;
  overflow: hidden;
  transform: translate(-50%, -50%);
  top: 50% !important;
  bottom: auto !important;
  left: 50vw !important;
  right: auto !important;
}

.votex-game-preview-header {
  background: #262322;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  min-height: 48px;
  padding: 0 20px;
  display: flex;
}

.votex-game-preview-header [role="heading"] {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 800;
  overflow: hidden;
}

.votex-game-preview-header button {
  color: #eee;
  flex: none;
  place-items: center;
  width: 28px;
  height: 28px;
  display: grid;
}

.votex-game-preview-header button svg {
  width: 19px;
  height: 19px;
}

.votex-game-preview-body {
  max-height: calc(var(--votex-layout-height, 100dvh)  - 78px);
  padding: 20px 22px 22px;
  overflow-y: auto;
}

.votex-game-preview-body > [data-radix-dialog-description] {
  color: #bbaea7;
  font-size: 13px;
}

.votex-preview-facts {
  gap: 10px;
  margin: 18px 0;
  display: grid;
}

.votex-preview-facts span {
  background: #27201d;
  border-radius: 10px;
  justify-content: space-between;
  padding: 12px;
  display: flex;
}

.votex-invitation-title {
  align-items: center;
  gap: 13px;
  display: flex;
}

.votex-invitation-title > span {
  color: #ff9a5f;
  background: rgba(255, 122, 43, .12);
  border: 1px solid rgba(255, 137, 56, .32);
  border-radius: 13px;
  flex: 0 0 46px;
  place-items: center;
  width: 46px;
  height: 46px;
  display: grid;
}

.votex-invitation-title > span svg {
  width: 22px;
  height: 22px;
}

.votex-invitation-title strong {
  color: #fff;
  font-size: 18px;
  display: block;
}

.votex-invitation-title [data-radix-dialog-description] {
  color: #bbaea7;
  margin-top: 4px;
  font-size: 12px;
}

.votex-invitation-payment {
  background: rgba(255, 111, 35, .09);
  border: 1px solid rgba(255, 133, 51, .3);
  border-radius: 13px;
  padding: 16px;
}

.votex-invitation-payment > div {
  align-items: center;
  gap: 8px;
  display: flex;
}

.votex-invitation-payment > div > svg {
  color: #ff965b;
  width: 18px;
  height: 18px;
}

.votex-invitation-payment > div strong {
  color: #fff;
  font-size: 16px;
}

.votex-invitation-payment > div strong:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: auto;
}

.votex-invitation-payment > div strong:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: auto;
}

.votex-invitation-payment > div strong:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: auto;
}

.votex-invitation-payment > div strong:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-right: auto;
}

.votex-invitation-payment > div strong:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-right: auto;
}

.votex-invitation-payment > div strong:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-right: auto;
}

.votex-invitation-payment p {
  color: #ebc3aa;
  margin: 12px 0 0;
  font-size: 12px;
  line-height: 1.7;
}

.votex-invitation-payment small {
  color: #ad9b90;
  align-items: center;
  gap: 6px;
  margin-top: 9px;
  display: flex;
}

.votex-invitation-payment small svg {
  width: 14px;
  height: 14px;
}

.votex-invitation-payment p.is-insufficient {
  color: #ff9a89;
  font-weight: 700;
}

.votex-invitation-dialog .votex-preview-actions {
  justify-content: space-between;
}

.votex-invitation-dialog .votex-preview-actions button:last-child {
  background: linear-gradient(90deg, #e12d29, #f3642a);
}

.votex-preview-actions, .votex-request-row > div {
  gap: 10px;
  display: flex;
}

.votex-preview-actions {
  margin-top: 20px;
}

.votex-preview-exit {
  color: #ff9b87;
  text-underline-offset: 4px;
  margin-top: 15px;
  padding: 8px 0;
  text-decoration: underline;
}

.votex-request-row {
  border-top: 1px solid rgba(255, 255, 255, .1);
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  padding: 12px 0;
  display: flex;
}

.votex-request-row > span {
  gap: 3px;
  display: grid;
}

.votex-request-row small {
  color: #a89992;
}

@container votex-layout (width <= 750px) {
  .votex-wallet-grid, .votex-access-options {
    grid-template-columns: 1fr;
  }

  .votex-public-competitive {
    grid-template-columns: 1fr 1fr;
    margin-left: 15px;
    margin-right: 15px;
  }

  .votex-leaderboard-head, .votex-leaderboard-row {
    grid-template-columns: minmax(0, 1fr) 70px;
  }

  .votex-leaderboard-head span:last-child, .votex-leaderboard-row > span:last-child, .votex-header-wallet-full {
    display: none;
  }

  .votex-header-wallet-compact {
    display: inline;
  }

  .votex-portal-nav .votex-header-wallet small {
    display: none;
  }

  .votex-portal-nav .votex-header-wallet {
    padding-left: 8px;
    padding-right: 8px;
  }
}

.votex-dev-voting {
  color: #f8eee8;
  width: min(960px, 100%);
  margin: 36px auto 90px;
}

.votex-dev-voting-heading {
  justify-content: space-between;
  align-items: end;
  gap: 24px;
  margin-bottom: 26px;
  display: flex;
}

.votex-dev-voting-heading > div:first-child > span {
  color: #ff965b;
  font-size: 12px;
  font-weight: 800;
}

.votex-dev-voting-heading h1 {
  margin: 5px 0 8px;
  font-size: max(30px, min(4vw, 46px));
}

.votex-dev-voting-heading p {
  color: #afa19a;
  margin: 0;
  font-size: 14px;
}

.votex-dev-voting-heading > div:last-child {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.votex-dev-voting-heading button svg, .votex-dev-voter-actions button svg {
  width: 16px;
  height: 16px;
}

.votex-dev-voting-summary {
  background: linear-gradient(110deg, #352118, #211b18);
  border: 1px solid rgba(255, 120, 52, .33);
  border-radius: 20px;
  align-items: center;
  gap: 15px;
  padding: 20px 23px;
  display: flex;
}

.votex-dev-voting-summary > svg {
  color: #ff8a4a;
  width: 30px;
  height: 30px;
}

.votex-dev-voting-summary > div {
  gap: 3px;
  display: grid;
}

.votex-dev-voting-summary strong {
  font-size: 19px;
}

.votex-dev-voting-summary span {
  color: #c4b2a8;
  font-size: 13px;
}

.votex-dev-voting-summary > b {
  color: #ffae78;
  white-space: nowrap;
}

.votex-dev-voting-summary > b:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: auto;
}

.votex-dev-voting-summary > b:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: auto;
}

.votex-dev-voting-summary > b:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: auto;
}

.votex-dev-voting-summary > b:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-right: auto;
}

.votex-dev-voting-summary > b:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-right: auto;
}

.votex-dev-voting-summary > b:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-right: auto;
}

.votex-dev-voting-prompt {
  margin: 26px 0 14px;
  font-size: 22px;
  font-weight: 800;
}

.votex-dev-voters {
  gap: 9px;
  display: grid;
}

.votex-dev-voter {
  background: #211b18;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 12px 16px;
  display: flex;
}

.votex-dev-voter-person, .votex-dev-voter-actions {
  align-items: center;
  gap: 10px;
  display: flex;
}

.votex-dev-voter-person > div {
  gap: 2px;
  display: grid;
}

.votex-dev-voter-person small {
  color: #988a82;
}

.votex-dev-voter-avatar {
  background: #40312a;
  border: 1px solid rgba(255, 150, 86, .35);
  border-radius: 50%;
  flex: 0 0 42px;
  place-items: center;
  width: 42px;
  height: 42px;
  font-weight: 900;
  display: grid;
  overflow: hidden;
}

.votex-dev-voter-avatar img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.votex-dev-voter > span.is-yes {
  color: #7bd0a2;
}

.votex-dev-voter > span.is-no {
  color: #ff988f;
}

.votex-dev-voting-message {
  background: #211b18;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 18px;
  justify-items: start;
  gap: 14px;
  margin-top: 20px;
  padding: 24px;
  display: grid;
}

.votex-dev-voting-message p {
  margin: 0;
}

@container votex-layout (width <= 680px) {
  .votex-dev-voting {
    margin-top: 24px;
  }

  .votex-dev-voting-heading {
    flex-direction: column;
    align-items: start;
  }

  .votex-dev-voter {
    flex-direction: column;
    align-items: stretch;
  }

  .votex-dev-voter-actions {
    flex-wrap: wrap;
  }
}

.votex-app .votex-latin-digits, .votex-dialog .votex-latin-digits {
  font-family: IRANSansX, Tahoma, Arial, sans-serif !important;
}

.votex-friend-button {
  color: #e9dfd7;
  box-shadow: none;
  background: rgba(255, 255, 255, .035);
  border-color: rgba(255, 255, 255, .16);
}

.votex-friend-button:not(:disabled):hover {
  background: rgba(243, 110, 50, .06);
  border-color: rgba(243, 110, 50, .5);
}

.votex-friend-button:disabled {
  opacity: .7;
}

.votex-toast-stack {
  bottom: max(24px, env(safe-area-inset-bottom));
  z-index: 200;
  width: min(380px, calc(var(--votex-layout-width, 100vw)  - 32px));
  pointer-events: none;
  flex-direction: column;
  gap: 10px;
  display: flex;
  position: fixed;
}

.votex-toast-stack:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 24px;
}

.votex-toast-stack:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 24px;
}

.votex-toast-stack:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  right: 24px;
}

.votex-toast-stack:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 24px;
}

.votex-toast-stack:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 24px;
}

.votex-toast-stack:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  left: 24px;
}

.votex-toast {
  --toast-accent: #f58448;
  border: 1px solid rgba(255, 255, 255, .1);
  color: #f1e9e2;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  pointer-events: auto;
  background: rgba(27, 23, 21, .97);
  border-radius: 14px;
  align-items: center;
  gap: 12px;
  padding: 13px 14px;
  animation: .22s ease-out votex-toast-enter;
  display: flex;
  box-shadow: 0 12px 36px rgba(0, 0, 0, .32);
}

.votex-toast:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-left: 3px solid var(--toast-accent);
}

.votex-toast:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-left: 3px solid var(--toast-accent);
}

.votex-toast:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  border-left: 3px solid var(--toast-accent);
}

.votex-toast:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  border-right: 3px solid var(--toast-accent);
}

.votex-toast:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  border-right: 3px solid var(--toast-accent);
}

.votex-toast:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  border-right: 3px solid var(--toast-accent);
}

.votex-toast, .votex-toast * {
  font-family: IRANSansX FaNum, Tahoma, sans-serif;
}

.votex-toast.is-error {
  --toast-accent: #f0716b;
}

.votex-toast-icon {
  width: 32px;
  height: 32px;
  color: var(--toast-accent);
  background: rgba(243, 110, 50, .09);
  border-radius: 10px;
  flex: none;
  place-items: center;
  display: grid;
}

.votex-toast.is-error .votex-toast-icon {
  background: rgba(240, 113, 107, .09);
}

.votex-toast-icon svg {
  width: 18px;
  height: 18px;
}

.votex-toast p {
  overflow-wrap: anywhere;
  text-align: right;
  flex: 1;
  min-width: 0;
  margin: 0;
  font-size: 13px;
  line-height: 1.9;
}

.votex-toast-close {
  color: #a99b94;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 8px;
  flex: none;
  place-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  display: grid;
}

.votex-toast-close:hover {
  color: #fff;
  background: rgba(255, 255, 255, .06);
}

.votex-toast-close:focus-visible {
  outline: 2px solid var(--toast-accent);
  outline-offset: 2px;
}

.votex-toast-close svg {
  width: 15px;
  height: 15px;
}

body {
  container: votex-layout / inline-size;
}

.votex-game-canvas-viewport {
  flex-direction: column;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.votex-game-fit-region {
  flex: 1;
  min-height: 0;
  position: relative;
}

.votex-room-floating-start {
  z-index: 41;
  direction: ltr;
  align-items: center;
  gap: 8px;
  display: flex;
  position: absolute;
  top: 20px;
  left: 24px;
}

.votex-room-back, .votex-room-utility {
  color: #f3eeea;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: rgba(27, 24, 23, .82);
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 50%;
  place-items: center;
  width: 46px;
  height: 46px;
  padding: 0;
  transition: background .18s, border-color .18s, transform .18s;
  display: grid;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .25);
}

.votex-room-back:hover, .votex-room-utility:hover {
  background: rgba(53, 40, 34, .94);
  border-color: rgba(255, 170, 116, .5);
  transform: translateY(-2px);
}

.votex-room-back:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #ffad77;
}

.votex-room-utility:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #ffad77;
}

.votex-room-back svg, .votex-room-utility svg {
  width: 21px;
  height: 21px;
}

.votex-room-reveal-roles {
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.votex-room-reveal-roles.is-revealing {
  color: #ffd0a8;
  background: rgba(93, 46, 27, .94);
  border-color: rgba(255, 173, 119, .7);
  box-shadow: 0 0 0 3px rgba(255, 112, 52, .11), 0 8px 24px rgba(0, 0, 0, .25);
}

.votex-game-native-dock {
  z-index: 30;
  padding: 8px 24px max(16px, env(safe-area-inset-bottom));
  flex: none;
  position: relative;
}

.votex-game-native-dock:empty {
  display: none;
}

.votex-game-native-dock .votex-game-bottom-dock {
  width: min(1180px, 100%);
  margin: 0 auto;
}

.votex-game-native-dock .votex-event-ticker {
  background: linear-gradient(110deg, #211b18, #292421);
  border-color: rgba(255, 173, 113, .12);
  border-radius: 18px;
  gap: 12px;
  min-height: 56px;
  padding: 6px 8px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, .18);
}

.votex-game-native-dock .votex-event-ticker > button {
  border-radius: 12px;
  gap: 8px;
  min-height: 40px;
  padding: 8px 14px;
  font-size: 13px;
}

.votex-game-native-dock .votex-event-ticker > button svg {
  width: 18px;
  height: 18px;
}

.votex-game-native-dock .votex-event-ticker > div {
  flex: 1;
  gap: 18px;
  font-size: 13px;
  line-height: 1.8;
}

.votex-game-native-dock .votex-event-ticker i {
  flex: none;
  width: 5px;
  height: 5px;
}

@media (max-width: 600px) {
  .votex-game-native-dock {
    padding: 6px 12px max(12px, env(safe-area-inset-bottom));
  }

  .votex-game-native-dock .votex-event-ticker {
    border-radius: 16px;
    gap: 8px;
    min-height: 52px;
    padding: 5px 6px;
  }

  .votex-game-native-dock .votex-event-ticker > button {
    padding: 8px 10px;
    font-size: 12px;
  }

  .votex-game-native-dock .votex-event-ticker > div {
    font-size: 12px;
  }
}

.votex-game-canvas {
  --votex-layout-width: 1600px;
  --votex-layout-height: 1000px;
  width: 1600px;
  height: 1000px;
  transform: translate(-50%, -50%) scale(var(--votex-canvas-scale));
  transform-origin: center;
  flex-direction: column;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  container: votex-layout / size;
}

.votex-game-canvas .votex-frame.is-game-console {
  flex: 1;
  width: 100%;
  height: auto;
  min-height: 0;
}

.votex-game-canvas .votex-frame.is-game-console .votex-portal-nav {
  width: 1180px;
  margin-top: 24px;
}

.votex-game-canvas .votex-table-ring {
  --votex-table-gutter: 120px;
  --votex-table-side-gutter: 120px;
}

.votex-game-canvas .votex-table-ring.is-god-room {
  --votex-table-side-gutter: 0px;
  width: 88%;
}

.votex-game-canvas .votex-player {
  width: clamp(52px, calc(var(--votex-seat-width, 8cqw) * 1.18), calc(var(--votex-seat-max-width, 112px) * 1.18));
}

.votex-game-canvas .votex-game-bottom-dock {
  width: calc(75% - 24px);
  margin-bottom: 24px;
}

.votex-game-portal {
  pointer-events: none;
  z-index: 50;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.votex-game-portal > * {
  pointer-events: auto;
}

.votex-game-portal [role="dialog"] {
  max-height: 940px;
}

.votex-game-portal .votex-game-preview {
  left: 800px !important;
}

@keyframes votex-toast-enter {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@container votex-layout (width <= 600px) {
  .votex-toast-stack {
    left: 16px;
    right: 16px;
    bottom: max(16px, env(safe-area-inset-bottom));
    width: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .votex-toast {
    animation: none;
  }
}

.votex-room-layout-toolbar {
  z-index: 41;
  direction: ltr;
  gap: 8px;
  margin: 0;
  display: flex;
  position: absolute;
  top: 20px;
  right: 24px;
}

.votex-room-layout-toolbar button[aria-pressed="true"] {
  color: #ffd0a8;
  background: rgba(93, 46, 27, .94);
  border-color: rgba(255, 173, 119, .7);
  box-shadow: 0 0 0 3px rgba(255, 112, 52, .11), 0 8px 24px rgba(0, 0, 0, .25);
}

.votex-game-canvas-viewport.is-grid-layout .votex-game-fit-region {
  --votex-grid-top-space: 52px;
  overflow: clip;
}

.votex-game-canvas.is-grid-layout {
  --votex-layout-width: 100vw;
  --votex-layout-height: 100dvh;
  left: 50%;
  top: var(--votex-grid-top-space, 0px);
  width: 100%;
  height: auto;
  min-height: 0;
  transform: translateX(-50%) scale(var(--votex-canvas-scale));
  transform-origin: top;
  position: absolute;
  container: votex-layout / inline-size;
}

.votex-game-canvas.is-grid-layout .votex-frame.is-game-console {
  height: auto;
  overflow: visible;
}

.votex-game-canvas.is-grid-layout .votex-game-viewport, .votex-game-canvas.is-grid-layout .votex-game-workspace, .votex-game-canvas.is-grid-layout .votex-game-stage, .votex-game-canvas.is-grid-layout .votex-player-table-room {
  flex: none;
  height: auto;
  min-height: 0;
  overflow: visible;
}

.votex-game-canvas.is-grid-layout .votex-game-workspace {
  padding: 8px 20px 24px;
}

.votex-game-canvas.is-grid-layout .votex-table-scroll {
  height: auto;
  overflow: visible;
}

.votex-game-canvas.is-grid-layout .votex-table-ring.is-grid {
  direction: ltr;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: start;
  gap: 24px 20px;
  width: min(1080px, 100%);
  height: auto;
  min-height: 0;
  display: grid;
  container-type: inline-size;
}

.votex-table-ring.is-grid > .votex-player, .votex-table-ring.is-grid > .votex-ring-glow {
  direction: rtl;
}

.votex-table-ring.is-grid .votex-ring-glow {
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  order: 2;
  grid-column: 1 / -1;
  margin-top: 8px;
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
}

.votex-table-ring.is-grid .votex-ring-inner {
  display: none;
}

.votex-table-ring.is-grid .votex-center-actions {
  width: 100%;
  max-height: none;
  margin: 0 auto;
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  overflow: visible;
  transform: none;
}

.votex-game-canvas.is-grid-layout .votex-player {
  order: 1;
  justify-self: center;
  width: min(160px, 100%);
  position: relative;
  transform: none;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
}

.votex-game-canvas.is-grid-layout .votex-player:hover, .votex-game-canvas.is-grid-layout .votex-player.is-highlighted, .votex-game-canvas.is-grid-layout .votex-player.is-speaking, .votex-game-canvas.is-grid-layout .votex-player.is-night-victim, .votex-game-canvas.is-grid-layout .votex-player.is-night-protected, .votex-game-canvas.is-grid-layout .votex-player.is-night-eligible {
  transform: none;
}

.votex-game-canvas.is-grid-layout .votex-player.is-speaking.is-highlighted, .votex-game-canvas.is-grid-layout .votex-player.is-speaking.is-highlighted:hover {
  transform: scale(1.06);
}

.votex-game-canvas.is-grid-layout .votex-player-name {
  margin-top: 8px;
  padding: 8px 6px;
  font-size: 12px;
}

.votex-game-canvas.is-grid-layout .votex-avatar-role {
  font-size: 10px;
}

.votex-game-canvas.is-grid-layout .votex-game-bottom-dock {
  width: min(1080px, 100% - 40px);
  margin: 0 auto 24px;
}

@container votex-layout (width <= 1100px) {
  .votex-game-canvas.is-grid-layout .votex-table-ring.is-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px 16px;
  }
}

@container votex-layout (width <= 600px) {
  .votex-game-canvas.is-grid-layout .votex-table-ring.is-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px 12px;
  }

  .votex-game-canvas.is-grid-layout .votex-game-workspace {
    padding-left: 16px;
    padding-right: 16px;
  }

  .votex-game-canvas.is-grid-layout .votex-player-name {
    padding: 6px 3px;
    font-size: 10px;
  }

  .votex-game-canvas.is-grid-layout .votex-avatar-role {
    font-size: 8px;
  }

  .votex-game-canvas.is-grid-layout .votex-room-status {
    flex-wrap: wrap;
    gap: 10px;
    padding: 13px;
  }

  .votex-game-canvas.is-grid-layout .votex-room-status-phase {
    font-size: 13px;
  }

  .votex-game-canvas.is-grid-layout .votex-room-status-activity {
    font-size: 12px;
  }

  .votex-game-canvas.is-grid-layout .votex-room-status-clock strong {
    font-size: 24px;
  }

  .votex-game-canvas.is-grid-layout .votex-game-bottom-dock {
    width: calc(100% - 32px);
  }
}

.votex-mobile-topbar {
  z-index: 40;
  align-items: center;
  gap: 12px;
  min-height: 60px;
  padding: 12px 16px;
  display: flex;
  position: relative;
}

.votex-mobile-topbar > strong {
  align-items: center;
  gap: 8px;
  font-size: 18px;
  display: flex;
}

.votex-mobile-topbar > strong svg {
  color: #ff7134;
  width: 21px;
}

.votex-mobile-topbar button {
  background: rgba(255, 255, 255, .043);
  border-radius: 12px;
  place-items: center;
  min-width: 38px;
  min-height: 38px;
  display: grid;
}

.votex-mobile-topbar svg {
  width: 20px;
  height: 20px;
}

.votex-mobile-topbar-actions {
  align-items: center;
  gap: 8px;
  display: flex;
}

.votex-mobile-topbar-actions:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: auto;
}

.votex-mobile-topbar-actions:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: auto;
}

.votex-mobile-topbar-actions:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: auto;
}

.votex-mobile-topbar-actions:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-right: auto;
}

.votex-mobile-topbar-actions:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-right: auto;
}

.votex-mobile-topbar-actions:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-right: auto;
}

.votex-mobile-room-code {
  color: #96887f;
  font-size: 12px;
}

.votex-mobile-main-nav {
  bottom: 0;
  padding: 10px 8px max(10px, env(safe-area-inset-bottom));
  z-index: 60;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: rgba(24, 20, 18, .97);
  border-top: 1px solid rgba(255, 255, 255, .08);
  display: flex;
  position: fixed;
  left: 0;
  right: 0;
}

.votex-mobile-main-nav button {
  color: #8f847d;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 5px;
  padding: 5px 2px;
  font-size: 10px;
  display: flex;
}

.votex-mobile-main-nav svg {
  width: 21px;
  height: 21px;
}

.votex-mobile-main-nav .is-active {
  color: #ffb788;
  background: rgba(255, 113, 52, .09);
}

.votex-app:has(.votex-mobile-main-nav) {
  padding-bottom: 90px;
}

.votex-navigation-sidebar {
  flex-direction: column;
  gap: 20px;
  overflow-y: auto;
  background: #191512 !important;
  border-radius: 24px 0 0 24px !important;
  width: min(340px, 90vw) !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  padding: 24px !important;
  display: flex !important;
  position: fixed !important;
  top: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  right: 0 !important;
  transform: none !important;
}

.votex-sidebar-heading {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.votex-sidebar-heading button {
  background: rgba(255, 255, 255, .06);
  border-radius: 12px;
  place-items: center;
  width: 36px;
  height: 36px;
  display: grid;
}

.votex-sidebar-heading svg {
  width: 19px;
}

.votex-sidebar-profile {
  text-align: right;
  align-items: center;
  gap: 12px;
  display: flex;
}

.votex-sidebar-profile > span, .votex-sidebar-profile img {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 18px;
  flex: none;
  width: 52px;
  height: 52px;
}

.votex-sidebar-profile > span {
  background: linear-gradient(135deg, #ff7929, #d72135);
  place-items: center;
  font-size: 23px;
  display: grid;
}

.votex-sidebar-profile > div {
  gap: 5px;
  display: grid;
}

.votex-sidebar-profile small {
  color: #9e8f84;
  font-size: 12px;
}

.votex-sidebar-wallet {
  text-align: right;
  background: #2a1e17;
  border: 1px solid rgba(255, 150, 83, .17);
  border-radius: 18px;
  align-items: center;
  gap: 14px;
  padding: 16px;
  display: flex;
}

.votex-sidebar-wallet > svg {
  color: #ffad75;
  width: 24px;
}

.votex-sidebar-wallet span {
  color: #af9b8c;
  gap: 6px;
  font-size: 12px;
  display: grid;
}

.votex-sidebar-wallet strong {
  color: #ffe5d3;
  font-size: 19px;
}

.votex-sidebar-wallet small {
  font-size: 11px;
}

.votex-sidebar-room {
  color: #ae9b8c;
  align-items: center;
  gap: 12px;
  font-size: 12px;
  display: flex;
}

.votex-sidebar-room svg {
  color: #ff9d61;
  width: 18px;
}

.votex-navigation-sidebar nav {
  gap: 6px;
  display: grid;
}

.votex-navigation-sidebar nav button, .votex-sidebar-extra, .votex-sidebar-signout {
  text-align: right;
  color: #cfc0b5;
  border-radius: 13px;
  align-items: center;
  gap: 12px;
  padding: 13px;
  display: flex;
}

.votex-navigation-sidebar nav svg, .votex-sidebar-extra svg, .votex-sidebar-signout svg {
  width: 20px;
}

.votex-navigation-sidebar nav .is-active {
  color: #ffb786;
  background: #382218;
}

.votex-sidebar-signout {
  color: #e98980;
  margin-top: auto;
}

@media (max-width: 1199px), (pointer: coarse) {
  .votex-room-floating-start {
    top: 12px;
    left: 12px;
  }

  .votex-room-back, .votex-room-utility {
    width: 40px;
    height: 40px;
  }

  .votex-room-layout-toolbar {
    top: 12px;
    right: 12px;
  }

  .votex-mobile-topbar.is-room .votex-mobile-room-code {
    display: none;
  }

  .votex-game-canvas.is-grid-layout .votex-game-workspace {
    padding-top: 8px;
  }
}

.votex-game-canvas .votex-player .votex-player-name, .votex-game-canvas .votex-player.is-highlighted .votex-player-name {
  width: max(100%, calc(128px * var(--votex-label-scale)));
  max-width: none;
  margin: calc(6px * var(--votex-label-scale)) 0 0;
  padding: calc(5px * var(--votex-label-scale)) calc(8px * var(--votex-label-scale));
  font-size: calc(13px * var(--votex-label-scale));
  white-space: normal;
  overflow-wrap: anywhere;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.5;
  display: -webkit-box;
}

.votex-game-canvas .votex-player .votex-avatar-role, .votex-game-canvas .votex-player.is-highlighted .votex-avatar-role, .votex-game-canvas .votex-player-role {
  font-size: calc(11px * var(--votex-label-scale));
  padding: calc(3px * var(--votex-label-scale)) calc(7px * var(--votex-label-scale));
  max-width: max(110%, calc(120px * var(--votex-label-scale)));
  line-height: 1.4;
}

.votex-game-canvas .votex-player-badge {
  font-size: calc(11px * var(--votex-label-scale));
  padding: calc(2px * var(--votex-label-scale)) calc(6px * var(--votex-label-scale));
  margin-top: calc(4px * var(--votex-label-scale));
  line-height: 1.4;
}

.votex-game-canvas .votex-seat-number {
  font-size: calc(10px * var(--votex-label-scale));
  width: calc(18px * var(--votex-label-scale));
  height: calc(18px * var(--votex-label-scale));
}

.votex-game-canvas.is-grid-layout .votex-player-name, .votex-game-canvas.is-grid-layout .votex-player.is-highlighted .votex-player-name {
  width: 100%;
}

.votex-center-actions {
  --room-accent: #ff9c53;
  --room-accent-rgb: 255, 156, 83;
  border: 1px solid rgba(var(--room-accent-rgb), .13);
  background: linear-gradient(135deg, rgba(var(--room-accent-rgb), .035), transparent 65%), rgba(26, 22, 20, .94);
  isolation: isolate;
  border-radius: 20px 10px;
  gap: 0;
  padding: 12px 16px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .2);
}

.votex-center-actions:before {
  content: "";
  background: var(--room-accent);
  opacity: .45;
  pointer-events: none;
  width: 24px;
  height: 2px;
  position: absolute;
  top: 0;
  right: 24px;
}

.votex-center-actions:has(.votex-room-status.is-night) {
  --room-accent: #b4a2ef;
  --room-accent-rgb: 180, 162, 239;
}

.votex-table-ring.is-grid .votex-center-actions {
  width: min(560px, 100%);
}

.votex-room-status, .votex-room-status.is-night {
  background: none;
  border: 0;
  border-radius: 0;
  flex-wrap: nowrap;
  grid-template-columns: 64px minmax(0, 1fr) 80px;
  align-items: center;
  gap: 14px;
  width: 100%;
  min-height: 80px;
  padding: 0;
  display: grid;
}

.votex-room-status.has-no-clock {
  grid-template-columns: 64px minmax(0, 1fr);
}

.votex-room-status-phase {
  color: var(--room-accent);
  flex-direction: column;
  justify-content: center;
  gap: 7px;
  font-size: 12px;
}

.votex-room-status.is-night .votex-room-status-phase {
  color: var(--room-accent);
}

.votex-phase-emblem {
  background: rgba(var(--room-accent-rgb), .1);
  clip-path: polygon(50% 0, 94% 23%, 94% 77%, 50% 100%, 6% 77%, 6% 23%);
  place-items: center;
  width: 48px;
  height: 52px;
  display: grid;
  position: relative;
}

.votex-phase-emblem:before {
  content: "";
  clip-path: inherit;
  background: #211c18;
  position: absolute;
  top: 3px;
  bottom: 3px;
  left: 3px;
  right: 3px;
}

.votex-phase-emblem svg {
  stroke-width: 1.5px;
  width: 26px;
  height: 26px;
  position: relative;
}

.votex-room-status-activity {
  gap: 8px;
  min-width: 0;
  font-size: 15px;
  line-height: 1.8;
}

.votex-room-status-activity > span {
  overflow-wrap: anywhere;
  color: #f2e9e2;
  align-items: center;
  gap: 8px;
  display: flex;
}

.votex-room-status-activity > span svg {
  width: 19px;
  height: 19px;
  color: var(--room-accent);
  opacity: .8;
  flex: none;
}

.votex-status-signal {
  color: var(--room-accent);
  align-items: center;
  gap: 7px;
  display: flex;
}

.votex-status-signal svg {
  width: 14px;
  height: 14px;
}

.votex-room-status .votex-status-signal small {
  color: #b8aaa0;
  font-size: 12px;
}

.votex-room-status-clock {
  width: 80px;
  height: 80px;
  color: var(--room-accent);
  place-items: center;
  gap: 0;
  display: grid;
  position: relative;
}

.votex-room-status-clock .votex-clock-dial {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: visible;
  transform: rotate(-90deg);
}

.votex-clock-dial circle {
  fill: none;
}

.votex-clock-track {
  stroke: rgba(var(--room-accent-rgb), .1);
  stroke-width: 2px;
}

.votex-clock-progress {
  stroke: var(--room-accent);
  stroke-width: 2px;
  stroke-linecap: round;
}

.votex-room-status-clock > div {
  justify-items: center;
  gap: 7px;
  display: grid;
}

.votex-room-status-clock strong {
  color: #fff2e6;
  letter-spacing: 1px;
  font-variant-numeric: tabular-nums;
  font-size: 22px;
}

.votex-room-status-clock small {
  color: #aa9587;
  font-size: 8px;
}

.votex-room-status.is-urgent .votex-room-status-clock {
  color: #ff654e;
}

.votex-room-status.is-urgent .votex-clock-progress {
  stroke: #ff654e;
}

.votex-room-status.is-expired .votex-room-status-clock strong {
  color: #ff8975;
}

.votex-center-actions > .votex-control-rail {
  border-top: 1px solid rgba(255, 255, 255, .06);
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
  margin-top: 10px;
  padding: 10px 0 0;
  position: relative;
  overflow: visible;
}

.votex-center-actions .votex-control-rail > .votex-action-bar {
  flex: 1;
  min-width: 0;
}

.votex-center-actions .votex-continuation-action {
  width: 100%;
  min-width: 0;
  height: 44px;
  box-shadow: none;
  border-radius: 12px 7px;
  font-size: 13px;
}

.votex-center-actions .votex-command-bar {
  gap: 8px;
}

.votex-center-actions .votex-command-bar:empty {
  display: none;
}

.votex-center-actions .votex-command-circle {
  color: #c2b7b0;
  background: rgba(255, 255, 255, .035);
  border-color: rgba(255, 255, 255, .09);
  border-radius: 12px 7px;
  width: 44px;
  min-width: 44px;
  height: 44px;
}

.votex-center-actions .votex-command-circle:hover {
  color: var(--room-accent);
  background: rgba(var(--room-accent-rgb), .12);
}

.votex-center-actions .votex-night-review {
  width: 100%;
}

@container votex-layout (width <= 600px) {
  .votex-game-canvas.is-grid-layout .votex-center-actions {
    border-radius: 18px 8px;
    padding: 12px;
  }

  .votex-game-canvas.is-grid-layout .votex-room-status {
    grid-template-columns: 58px minmax(0, 1fr) 72px;
    gap: 10px;
    min-height: 80px;
    padding: 0;
  }

  .votex-game-canvas.is-grid-layout .votex-room-status.has-no-clock {
    grid-template-columns: 58px minmax(0, 1fr);
  }

  .votex-game-canvas.is-grid-layout .votex-phase-emblem {
    width: 44px;
    height: 48px;
  }

  .votex-game-canvas.is-grid-layout .votex-phase-emblem svg {
    width: 25px;
    height: 25px;
  }

  .votex-game-canvas.is-grid-layout .votex-room-status-phase {
    gap: 6px;
    font-size: 11px;
  }

  .votex-game-canvas.is-grid-layout .votex-room-status-activity {
    gap: 6px;
    font-size: 12px;
  }

  .votex-game-canvas.is-grid-layout .votex-room-status-activity > span svg {
    display: none;
  }

  .votex-game-canvas.is-grid-layout .votex-room-status-clock {
    width: 72px;
    height: 72px;
  }

  .votex-game-canvas.is-grid-layout .votex-room-status-clock strong {
    font-size: 18px;
  }

  .votex-game-canvas.is-grid-layout .votex-room-status-clock small {
    font-size: 7px;
  }
}

.votex-representative-panel {
  color: #f8f5f2;
  background: linear-gradient(135deg, rgba(39, 28, 23, .94), rgba(18, 15, 14, .96));
  border: 1px solid rgba(255, 131, 60, .28);
  border-radius: 1.2rem;
  gap: .7rem;
  width: min(100%, 38rem);
  padding: .9rem 1rem;
  display: grid;
  box-shadow: 0 16px 42px rgba(0, 0, 0, .32);
}

.votex-introduction-panel p {
  color: #c9b8ad;
  margin: 0;
  font-size: .83rem;
  line-height: 1.8;
}

.votex-introduction-turn {
  background: rgba(244, 163, 94, .07);
  border: 1px solid rgba(244, 163, 94, .28);
  border-radius: .8rem;
  gap: .25rem;
  padding: .65rem .8rem;
  display: grid;
}

.votex-introduction-turn strong {
  color: #f4a35e;
  font-size: .9rem;
}

.votex-introduction-turn span {
  color: #f8f5f2;
  font-size: .82rem;
}

.votex-introduction-private {
  text-align: center;
  gap: .25rem;
  display: grid;
}

.votex-introduction-private span {
  font-size: .8rem;
}

.votex-progress-actions {
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
  gap: 8px;
  display: grid;
}

.votex-progress-actions.has-previous {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.votex-progress-actions > .votex-primary-action {
  white-space: normal;
  width: 100%;
  min-width: 0;
  height: auto;
  min-height: 44px;
  padding: 10px 12px;
  line-height: 1.5;
}

.votex-primary-action.votex-secondary-action {
  color: #f5e9df;
  background: linear-gradient(145deg, #39302b, #4b3b32);
  border: 1px solid rgba(255, 225, 205, .18);
  box-shadow: 0 8px 20px rgba(0, 0, 0, .18);
}

.votex-primary-action.votex-secondary-action:hover {
  background: linear-gradient(145deg, #45382f, #5a4538);
  border-color: rgba(255, 225, 205, .36);
  box-shadow: 0 0 0 4px rgba(255, 205, 164, .06), 0 10px 24px rgba(0, 0, 0, .22);
}

.votex-primary-action.votex-secondary-action:disabled {
  box-shadow: none;
}

.votex-representative-heading {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: .4rem .8rem;
  display: flex;
}

.votex-representative-heading strong {
  font-size: 1rem;
}

.votex-representative-heading span {
  color: #b8a9a0;
  font-size: .82rem;
}

.votex-representative-delegates {
  flex-wrap: wrap;
  gap: .4rem;
  display: flex;
}

.votex-representative-delegates span {
  color: #eee1d9;
  background: rgba(255, 255, 255, .075);
  border-radius: 99px;
  padding: .22rem .6rem;
  font-size: .75rem;
}

.votex-player.is-representative-picked, .votex-player.is-representative-picked:hover {
  z-index: 9;
  transform: translate(-50%, -50%)scale(1.09);
}

.votex-player.is-representative-picked .votex-player-avatar {
  filter: drop-shadow(0 0 14px rgba(255, 255, 255, .65));
}

.votex-player.is-representative-picked .votex-hex-active-edge {
  stroke: #fff;
  stroke-width: 9px;
}

.votex-player.is-representative-picked .votex-player-name {
  color: #fff;
  background: #302824;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .34);
}

.votex-player.is-cover-accused, .votex-player.is-cover-accused:hover {
  z-index: 10;
  opacity: 1;
  transform: translate(-50%, -50%)scale(1.12);
}

.votex-player.is-cover-accused .votex-player-avatar {
  filter: drop-shadow(0 0 18px rgba(255, 170, 81, .8));
}

.votex-player.is-cover-accused .votex-hex-active-edge {
  opacity: 1;
  stroke: #ffb65f;
  stroke-width: 11px;
}

.votex-player.is-cover-accused .votex-hex-inner {
  stroke: #ffe1b4;
  stroke-opacity: 1;
  stroke-width: 2.5px;
}

.votex-player.is-cover-accused .votex-player-name {
  color: #fff3df;
  background: #513018;
  box-shadow: inset 0 0 0 1px rgba(255, 182, 95, .85), 0 0 14px rgba(255, 151, 54, .2);
}

.votex-player-badge.is-cover-target {
  color: #fff0dc;
  background: #70401e;
  border-color: rgba(255, 182, 95, .65);
}

.votex-game-canvas.is-grid-layout .votex-player.is-cover-accused, .votex-game-canvas.is-grid-layout .votex-player.is-cover-accused:hover {
  transform: scale(1.08);
}

.votex-game-canvas.is-grid-layout .votex-player.is-representative-picked, .votex-game-canvas.is-grid-layout .votex-player.is-representative-picked:hover {
  transform: scale(1.06);
}

.votex-player.is-god-choice, .votex-player.is-god-choice:hover {
  z-index: 11;
  transform: translate(-50%, -50%)scale(1.09);
}

.votex-player.is-god-choice .votex-player-avatar {
  filter: drop-shadow(0 0 14px rgba(39, 197, 107, .65));
}

.votex-player.is-god-choice .votex-player-avatar:before {
  background: #27c56b;
}

.votex-player.is-god-choice .votex-hex-glass path {
  fill: #27c56b;
}

.votex-player.is-god-choice .votex-hex-edge {
  opacity: 0;
}

.votex-player.is-god-choice .votex-hex-active-edge {
  opacity: 1;
  stroke: #27c56b;
  stroke-width: 11px;
}

.votex-player.is-god-choice .votex-hex-inner {
  stroke: #b9f4cc;
  stroke-opacity: 1;
  stroke-width: 2.5px;
}

.votex-player.is-god-choice .votex-player-name {
  color: #f4fff7;
  background: #17412a;
  box-shadow: inset 0 0 0 1px rgba(129, 228, 163, .5);
}

.votex-game-canvas.is-grid-layout .votex-player.is-god-choice, .votex-game-canvas.is-grid-layout .votex-player.is-god-choice:hover {
  transform: scale(1.06);
}

.votex-representative-picked {
  color: #b8a9a0;
  background: rgba(255, 255, 255, .035);
  border: 1px solid rgba(255, 255, 255, .17);
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  min-height: 2.65rem;
  padding: .4rem .7rem;
  font-size: .82rem;
  display: flex;
}

.votex-representative-picked strong {
  color: #f4a35e;
}

.votex-representative-picked:has(svg) {
  color: #fff;
  border-color: rgba(255, 255, 255, .48);
}

.votex-representative-picked svg {
  width: 1rem;
  height: 1rem;
}

.votex-representative-round-info {
  color: #e5d9d1;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .45rem;
  font-size: .8rem;
  display: flex;
}

.votex-representative-round-info small {
  color: #ae9e94;
}

.votex-representative-modifiers {
  gap: .55rem;
  display: grid;
}

.votex-representative-modifier-target {
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  font-size: .82rem;
  display: flex;
}

.votex-representative-modifier-target > span {
  color: #b8a9a0;
}

.votex-representative-modifier-target > strong {
  color: #fff4eb;
  text-align: end;
}

.votex-representative-modifier-options {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .5rem;
  display: grid;
}

.votex-representative-modifier-options button {
  color: #f6eee8;
  cursor: pointer;
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(255, 255, 255, .17);
  border-radius: .7rem;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  min-height: 2.7rem;
  padding: .45rem .7rem;
  display: flex;
}

.votex-representative-modifier-options button:hover:not(:disabled) {
  background: rgba(255, 130, 67, .12);
  border-color: rgba(255, 154, 95, .62);
}

.votex-representative-modifier-options button:disabled {
  opacity: .42;
  cursor: not-allowed;
}

.votex-representative-modifier-options button[aria-pressed="true"] {
  color: #fff;
  background: rgba(239, 103, 39, .22);
  border-color: #f2b080;
  box-shadow: inset 0 0 0 1px rgba(242, 176, 128, .35);
}

.votex-representative-modifier-options b {
  font-size: 1.05rem;
  line-height: 1;
}

.votex-representative-modifier-options span {
  font-size: .8rem;
  font-weight: 700;
}

.votex-representative-select {
  color: #fff;
  width: 100%;
  min-height: 2.65rem;
  font: inherit;
  background: #211a18;
  border: 1px solid rgba(255, 255, 255, .17);
  border-radius: .75rem;
  padding: .4rem .7rem;
}

.votex-namayandeh-day-actions {
  gap: .55rem;
  width: min(100%, 38rem);
  margin: 0 auto;
  display: grid;
}

.votex-namayandeh-day-actions > strong {
  color: #f5e7df;
  font-size: .85rem;
}

.votex-namayandeh-day-actions select {
  min-width: 0;
}

.votex-namayandeh-day-actions .votex-primary-action {
  width: 100%;
}

.votex-ranger-role-choices {
  flex-wrap: wrap;
  gap: .45rem;
  margin: .75rem 0;
  display: flex;
}

.votex-ranger-role-choices button {
  color: #f7efe9;
  font: inherit;
  cursor: pointer;
  background: rgba(255, 255, 255, .07);
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 999px;
  padding: .35rem .8rem;
}

.votex-ranger-role-choices button.is-selected {
  color: #201916;
  background: #fff;
  border-color: #fff;
}

.votex-bazpors-interrogation {
  gap: .8rem;
  display: grid;
}

.votex-bazpors-clock {
  color: #ffc48f;
  font-variant-numeric: tabular-nums;
  background: rgba(255, 120, 40, .11);
  border: 1px solid rgba(255, 139, 60, .38);
  border-radius: 999px;
  width: -moz-fit-content;
  width: fit-content;
  padding: .35rem .8rem;
}

/*# sourceMappingURL=modules_Applications_votex_interface_src_1c1e1b7f._.css.map*/