:root{--text-font-family:"Poppins";--text-font-weight:normal;--text-size-header-1:max(12px, calc(20px * var(--scale-size)));--text-size-header-2:max(12px, calc(18px * var(--scale-size)));--text-size:max(12px, calc(18px * var(--scale-size)));--text-size-small:max(12px, calc(14px * var(--scale-size)));--text-size-very-small:max(12px, calc(12px * var(--scale-size)))}html,body,#root-element{width:100dvw;height:100dvh;margin:var(--size-0);padding:var(--size-0);color:var(--color-text);background-color:var(--color-background-primary);flex-direction:column;display:flex;overflow:hidden}*{font-size:var(--text-size);font-family:var(--text-font-family);box-sizing:border-box;font-weight:var(--text-font-weight);transition:color .1s linear,background .2s linear}::-webkit-scrollbar-track{background:var(--color-background-primary);z-index:1}::-webkit-scrollbar{width:calc(18px * var(--scale-size));background:var(--color-background-secondary)}::-webkit-scrollbar-thumb{background:var(--color-background-secondary);border:var(--size-1) solid transparent;border-radius:var(--border-radius-4);background-clip:padding-box}[data-theme=light] ::-webkit-scrollbar-thumb{background:var(--color-background-button)}::-webkit-scrollbar-corner{background:var(--color-background-primary)}* .scrollbar-small::-webkit-scrollbar{width:var(--size-12);height:var(--size-12)}* .scrollbar-very-small::-webkit-scrollbar{width:var(--size-6);height:var(--size-6)}* .scrollbar-disabled{scrollbar-width:none}* .scrollbar-disabled::-webkit-scrollbar{display:none}* .scrollbar-left{direction:rtl}* .scrollbar-left>*{direction:ltr}* .scrollbar-on-hover::-webkit-scrollbar{background-color:#0000}* .scrollbar-on-hover::-webkit-scrollbar-track{background-color:#0000}* .scrollbar-on-hover::-webkit-scrollbar-thumb{background-color:#0000}* .scrollbar-on-hover:hover::-webkit-scrollbar{background-color:var(--color-background-secondary)}* .scrollbar-on-hover:hover::-webkit-scrollbar-track{background-color:var(--color-background-primary)}* .scrollbar-on-hover:hover::-webkit-scrollbar-thumb{background-color:var(--color-background-secondary)}[data-theme=light] * .scrollbar-on-hover:hover::-webkit-scrollbar-thumb{background-color:var(--color-background-button)}h1,h2,h3,h4,h5,h6{text-overflow:ellipsis;margin:0;overflow:hidden}h1{font-size:var(--text-size-header-1);font-family:var(--text-font-family-header);font-weight:700}h2{font-size:var(--text-size-header-2);text-transform:uppercase}p,pre,code{margin:0}pre,code{font-size:var(--text-size-small);margin:0}a,.text{color:var(--color-text)}.row{flex-direction:row;display:flex}.column{flex-direction:column;display:flex}.flex,.fill{flex:1}.divider-horizontal{height:var(--size-1);min-height:var(--size-1);background-color:var(--color-background-divider);width:100%}.divider-vertical{height:100%;width:var(--size-1);min-width:var(--size-1);background-color:var(--color-background-divider)}:root{--user-scale-size:1;--responsive-scale-minimum-size:.5;--responsive-scale-maximum-size:20;--responsive-scale-size:1;--scale-size:calc(var(--user-scale-size) * var(--responsive-scale-size));--size-max:calc(999px * var(--scale-size));--size-0:calc(0px * var(--scale-size));--size-0-5:calc(.5px * var(--scale-size));--size-1:calc(1px * var(--scale-size));--size-2:calc(2px * var(--scale-size));--size-4:calc(4px * var(--scale-size));--size-8:calc(8px * var(--scale-size));--size-16:calc(16px * var(--scale-size));--size-32:calc(32px * var(--scale-size));--size-64:calc(64px * var(--scale-size));--size-128:calc(128px * var(--scale-size));--size-256:calc(256px * var(--scale-size));--size-512:calc(512px * var(--scale-size));--size-1024:calc(1024px * var(--scale-size));--size-6:calc(6px * var(--scale-size));--size-12:calc(12px * var(--scale-size));--size-24:calc(24px * var(--scale-size));--size-48:calc(48px * var(--scale-size));--size-96:calc(96px * var(--scale-size));--size-192:calc(192px * var(--scale-size));--size-384:calc(384px * var(--scale-size));--size-768:calc(768px * var(--scale-size));--size-1536:calc(1536px * var(--scale-size));--size-button-large:var(--size-64);--size-button:var(--size-48);--size-button-small:calc(38px * var(--scale-size));--size-button-very-small:calc(var(--size-24));--size-button-icon-large:var(--size-48);--size-button-icon:calc(28px * var(--scale-size));--size-button-icon-small:calc(20px * var(--scale-size));--size-button-icon-very-small:var(--size-16);--size-button-gap-large:var(--size-8);--size-button-gap:var(--size-8);--size-button-gap-small:var(--size-6);--size-button-gap-very-small:var(--size-4);--button-shadow-height:var(--size-0-5);--border-radius-4:var(--size-4);--border-radius-8:var(--size-8)}@media (height>=900px){:root{--responsive-scale-size:clamp(var(--responsive-scale-minimum-size), tan(atan2(100dvh, 900px)), var(--responsive-scale-maximum-size))}}@media (height<=400px){:root{--responsive-scale-size:clamp(var(--responsive-scale-minimum-size), tan(atan2(100dvh, 400px)), var(--responsive-scale-maximum-size))}}:root{--hue-angle-base:225deg;--hue-angle-accent:90deg;--chroma-base:0%;--chroma-accent:45%;--alpha-base:1;--color-base-0:oklch(0% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-0:oklch(0% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-1:oklch(1% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-1:oklch(1% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-2:oklch(2% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-2:oklch(2% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-3:oklch(3% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-3:oklch(3% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-4:oklch(4% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-4:oklch(4% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-5:oklch(5% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-5:oklch(5% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-6:oklch(6% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-6:oklch(6% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-7:oklch(7% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-7:oklch(7% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-8:oklch(8% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-8:oklch(8% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-9:oklch(9% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-9:oklch(9% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-10:oklch(10% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-10:oklch(10% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-11:oklch(11% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-11:oklch(11% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-12:oklch(12% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-12:oklch(12% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-13:oklch(13% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-13:oklch(13% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-14:oklch(14% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-14:oklch(14% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-15:oklch(15% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-15:oklch(15% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-16:oklch(16% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-16:oklch(16% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-17:oklch(17% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-17:oklch(17% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-18:oklch(18% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-18:oklch(18% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-19:oklch(19% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-19:oklch(19% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-20:oklch(20% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-20:oklch(20% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-21:oklch(21% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-21:oklch(21% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-22:oklch(22% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-22:oklch(22% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-23:oklch(23% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-23:oklch(23% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-24:oklch(24% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-24:oklch(24% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-25:oklch(25% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-25:oklch(25% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-26:oklch(26% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-26:oklch(26% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-27:oklch(27% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-27:oklch(27% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-28:oklch(28% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-28:oklch(28% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-29:oklch(29% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-29:oklch(29% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-30:oklch(30% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-30:oklch(30% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-31:oklch(31% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-31:oklch(31% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-32:oklch(32% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-32:oklch(32% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-33:oklch(33% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-33:oklch(33% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-34:oklch(34% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-34:oklch(34% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-35:oklch(35% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-35:oklch(35% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-36:oklch(36% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-36:oklch(36% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-37:oklch(37% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-37:oklch(37% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-38:oklch(38% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-38:oklch(38% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-39:oklch(39% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-39:oklch(39% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-40:oklch(40% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-40:oklch(40% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-41:oklch(41% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-41:oklch(41% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-42:oklch(42% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-42:oklch(42% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-43:oklch(43% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-43:oklch(43% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-44:oklch(44% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-44:oklch(44% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-45:oklch(45% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-45:oklch(45% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-46:oklch(46% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-46:oklch(46% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-47:oklch(47% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-47:oklch(47% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-48:oklch(48% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-48:oklch(48% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-49:oklch(49% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-49:oklch(49% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-50:oklch(50% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-50:oklch(50% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-51:oklch(51% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-51:oklch(51% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-52:oklch(52% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-52:oklch(52% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-53:oklch(53% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-53:oklch(53% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-54:oklch(54% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-54:oklch(54% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-55:oklch(55% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-55:oklch(55% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-56:oklch(56% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-56:oklch(56% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-57:oklch(57% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-57:oklch(57% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-58:oklch(58% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-58:oklch(58% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-59:oklch(59% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-59:oklch(59% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-60:oklch(60% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-60:oklch(60% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-61:oklch(61% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-61:oklch(61% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-62:oklch(62% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-62:oklch(62% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-63:oklch(63% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-63:oklch(63% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-64:oklch(64% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-64:oklch(64% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-65:oklch(65% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-65:oklch(65% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-66:oklch(66% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-66:oklch(66% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-67:oklch(67% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-67:oklch(67% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-68:oklch(68% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-68:oklch(68% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-69:oklch(69% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-69:oklch(69% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-70:oklch(70% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-70:oklch(70% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-71:oklch(71% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-71:oklch(71% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-72:oklch(72% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-72:oklch(72% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-73:oklch(73% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-73:oklch(73% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-74:oklch(74% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-74:oklch(74% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-75:oklch(75% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-75:oklch(75% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-76:oklch(76% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-76:oklch(76% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-77:oklch(77% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-77:oklch(77% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-78:oklch(78% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-78:oklch(78% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-79:oklch(79% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-79:oklch(79% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-80:oklch(80% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-80:oklch(80% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-81:oklch(81% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-81:oklch(81% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-82:oklch(82% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-82:oklch(82% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-83:oklch(83% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-83:oklch(83% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-84:oklch(84% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-84:oklch(84% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-85:oklch(85% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-85:oklch(85% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-86:oklch(86% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-86:oklch(86% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-87:oklch(87% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-87:oklch(87% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-88:oklch(88% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-88:oklch(88% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-89:oklch(89% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-89:oklch(89% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-90:oklch(90% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-90:oklch(90% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-91:oklch(91% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-91:oklch(91% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-92:oklch(92% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-92:oklch(92% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-93:oklch(93% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-93:oklch(93% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-94:oklch(94% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-94:oklch(94% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-95:oklch(95% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-95:oklch(95% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-96:oklch(96% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-96:oklch(96% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-97:oklch(97% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-97:oklch(97% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-98:oklch(98% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-98:oklch(98% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-99:oklch(99% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-99:oklch(99% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--color-base-100:oklch(100% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-accent-100:oklch(100% var(--chroma-accent) var(--hue-angle-accent) / var(--alpha-base));--gold-gradient:linear-gradient(90deg, #7c5505 5%, #ce9914 23%, #f3e4a2 45%, #eecb4c 60%, #f0d878 70%, #aa780d 85%, #7c5505 100%);--bifrost-gradient:linear-gradient(90deg, #ff595e 0%, #ffca3a 20%, #8ac926 40%, #1982c4 60%, #6a4c93 80%, #ff595e 100%);--silver-gradient:linear-gradient(90deg, #4a4d52 5%, #8a909a 23%, #f0f3f6 45%, #c4cbd4 60%, #e6ebf0 70%, #787e88 85%, #4a4d52 100%);--bronze-gradient:linear-gradient(90deg, #5e2c14 5%, sienna 23%, #f8cfb4 45%, #cd7f32 60%, #eeb997 70%, #8c431d 85%, #5e2c14 100%);--color-background-primary:var(--color-primary-1);--color-background-secondary:var(--color-primary-2);--color-background-button:var(--color-primary-3);--color-background-button-disabled:var(--color-primary-1);--color-background-button-outline:var(--color-primary-4);--color-background-button-action:var(--color-accent-3);--button-shadow-color:color-mix(in srgb, var(--color-min) 10%, transparent);--color-background-danger:var(--red-1);--color-background-confirm:var(--green-1);--color-background-divider:var(--color-primary-4);--color-background-input:var(--color-primary-1);--color-border-input:var(--color-primary-4);--color-text:var(--color-contrast-1);--color-text-action:var(--color-accent-contrast-1);--color-text-secondary:var(--color-contrast-2);--color-text-disabled:var(--color-primary-4);--color-text-danger:var(--red-2);--color-text-success:var(--green-2);--color-button-stitched:var(--color-background-divider)}:root,[data-theme=dark]{--color-max:var(--color-base-0);--color-min:var(--color-base-100);--color-primary-1:var(--color-base-18);--color-primary-2:var(--color-base-24);--color-primary-3:var(--color-base-30);--color-primary-4:var(--color-base-39);--color-accent-1:var(--color-accent-100);--color-accent-2:var(--color-accent-98);--color-accent-3:var(--color-accent-94);--color-accent-4:var(--color-accent-75);--color-contrast-1:var(--color-base-100);--color-contrast-2:var(--color-base-81);--color-contrast-3:var(--color-base-68);--color-contrast-4:var(--color-base-53);--color-accent-contrast-1:var(--color-base-30);--color-accent-contrast-2:var(--color-base-30);--color-accent-contrast-3:var(--color-base-34);--color-accent-contrast-4:var(--color-base-40);--red-1:#512929;--red-2:#ef4f4f;--green-1:#295129;--green-2:#398339}[data-theme=light]{--color-max:var(--color-base-100);--color-min:var(--color-base-0);--color-primary-1:var(--color-base-100);--color-primary-2:var(--color-base-98);--color-primary-3:var(--color-base-94);--color-primary-4:var(--color-base-75);--color-contrast-1:var(--color-base-30);--color-contrast-2:var(--color-base-30);--color-contrast-3:var(--color-base-34);--color-contrast-4:var(--color-base-40);--red-1:#ff6e6e;--red-2:#b63535;--green-1:#56e756;--green-2:#2c972c}#loading-element{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#loading-element img{width:auto;height:auto;animation:3s ease-in-out infinite loading-fade-in-out}@keyframes loading-fade-in-out{0%,to{opacity:1}50%{opacity:.5}}.application{z-index:0;flex-direction:column;height:100%;display:flex;position:relative}.application .application-content-container{flex-direction:row;flex:1;display:flex;position:relative;overflow:hidden}.application .application-content-container .application-content{z-index:0;flex-direction:column;flex:1;width:100%;height:100%;display:flex;position:relative}.application .application-content-container .application-content #loading-element{display:none}.application .application-content-container .application-content .background{z-index:-1;pointer-events:none;background-color:var(--color-background-primary);position:absolute;inset:0}.application .application-content-container .application-content .input-visualizer-modal{z-index:2}.application .application-content-container .application-content .application-floating-controls{top:var(--size-4);right:var(--size-4);z-index:100;gap:var(--size-2);display:flex;position:absolute}.input-visualizer-modal{z-index:2}.input-visualizer-modal .input-visualizer-wrapper{bottom:var(--size-4);align-items:center;gap:var(--size-4);pointer-events:none;flex-direction:row;display:flex;position:absolute;left:50%;transform:translate(-50%)}.background-texture-paper{--background-texture-scale:34%;--background-texture-opacity:.1;--background-texture-image-url:url(/images/textures/paper-2-roughness-light.png);z-index:0;position:relative}.background-texture-paper:before{content:"";background-image:var(--background-texture-image-url);background-repeat:repeat;background-size:var(--background-texture-scale);background-blend-mode:soft-light;opacity:var(--background-texture-opacity);pointer-events:none;z-index:-1;background-position:50%;position:absolute;inset:0}[data-theme=light] .background-texture-paper:before{filter:invert()brightness(150%)}@font-face{font-family:Norse;src:url(/fonts/norse/norse.otf)}@font-face{font-family:NorseBold;src:url(/fonts/norse/norse-bold.otf)}@font-face{font-family:Poppins;src:url(/fonts/poppins/poppins-regular.ttf)}@font-face{font-family:PoppinsBold;src:url(/fonts/poppins/poppins-bold.ttf)}@font-face{font-family:AnnieUseYourTelescope;src:url(/fonts/annie-use-your-telescope/annie-use-your-telescope-regular.ttf)}:root{--text-font-family-header:"AnnieUseYourTelescope";--text-font-family:"AnnieUseYourTelescope";--text-size-header-1:max(16px, calc(26px * var(--scale-size)));--text-size-header-2:max(16px, calc(22px * var(--scale-size)));--text-size:max(16px, calc(22px * var(--scale-size)));--text-size-small:max(16px, calc(18px * var(--scale-size)));--text-size-very-small:max(16px, calc(16px * var(--scale-size)));--text-font-weight:bold;--button-shadow-color:var(--color-primary-4);--button-shadow-height:var(--size-2)}:root .button,:root .button:hover{box-shadow:var(--size-0) var(--button-shadow-height) var(--size-0) var(--size-0) var(--button-shadow-color)}:root .button:active{transform:translate(0, var(--button-shadow-height));box-shadow:var(--size-0) var(--size-0) var(--size-0) var(--size-0) var(--button-shadow-color)}:root .button.button-action{--button-shadow-color:var(--color-accent-4)}:root .button.button-very-small{--button-shadow-height:var(--size-2)}:root .button.button-basic,:root .button.button-flat,:root .button.button-list,:root .button.button-stitched,:root .button.button-disabled,:root .button.button-basic:hover,:root .button.button-flat:hover,:root .button.button-list:hover,:root .button.button-stitched:hover,:root .button.button-disabled:hover{box-shadow:none}:root .button.button-basic:active,:root .button.button-flat:active,:root .button.button-list:active,:root .button.button-stitched:active,:root .button.button-disabled:active{box-shadow:none;transform:none}.button{z-index:0;--button-scoped-border-radius:var(--border-radius-8);--button-icon-size:var(--size-button-icon);justify-content:center;align-items:center;gap:var(--size-button-gap);height:var(--size-button);padding:var(--size-0) var(--size-16);color:var(--color-text);background:var(--color-background-button);border-radius:var(--button-scoped-border-radius);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-text-decoration-color:var(--color-text);text-decoration-color:var(--color-text);box-shadow:var(--size-0) var(--button-shadow-height) var(--size-0) var(--size-0) var(--button-shadow-color);border:none;text-decoration:none;transition:box-shadow 50ms linear,transform 50ms linear;display:flex;position:relative}.button svg{height:var(--button-icon-size);flex-shrink:0;width:auto}.button.button-selected,.button.selected,.button[aria-selected=true]{outline-offset:var(--size-0);outline:var(--size-2) solid var(--color-text)}.button:focus-visible{outline-offset:calc(-1 * var(--size-2));outline:var(--size-2) solid var(--color-text)}.button:hover{box-shadow:var(--size-0) var(--button-shadow-height) var(--size-0) var(--size-0) var(--button-shadow-color)}.button:hover .button-tooltip{opacity:1;visibility:visible}.button:active{transform:translate(0, var(--button-shadow-height));box-shadow:var(--size-0) var(--size-0) var(--size-0) var(--size-0) var(--button-shadow-color)}.button.button-disabled{color:var(--color-text-disabled);background:var(--color-background-button-disabled);pointer-events:none;box-shadow:var(--size-0) var(--size-0) var(--size-0) var(--size-0) color-mix(in srgb, var(--color-min) 10%, transparent);cursor:initial}.button.button-disabled svg{color:var(--color-text-disabled)}.button.button-disabled:hover{box-shadow:none}.button.button-disabled:hover .button-tooltip{opacity:0;visibility:hidden}.button.button-stitched{color:var(--color-button-stitched);border:var(--size-2) dashed currentColor;background-color:var(--color-background-secondary);box-shadow:none}.button.button-stitched svg{color:currentColor}.button.button-stitched:hover,.button.button-stitched:active{box-shadow:none}.button.button-basic{border-radius:var(--size-0);box-shadow:none;background-color:#0000}.button.button-basic:hover{box-shadow:none}.button.button-basic:active{box-shadow:none;transform:none}.button.button-flat{box-shadow:none;background-color:#0000}.button.button-flat:hover{background-color:color-mix(in srgb, var(--color-min) 4%, transparent)}.button.button-action{color:var(--color-text-action);background:var(--color-background-button-action)}.button.button-square,.button.button-round{aspect-ratio:1;flex-shrink:0;width:auto;padding:0}.button.button-round{border-radius:calc(999px * var(--scale-size))}.button.button-tall{aspect-ratio:1/2;width:auto;height:calc(var(--size-button) * 2);flex-shrink:0;padding:0}.button.button-tall.button-large{height:calc(var(--size-button-large) * 2)}.button.button-tall.button-small{height:calc(var(--size-button-small) * 2)}.button.button-tall.button-very-small{height:calc(var(--size-button-very-small) * 2)}.button.button-list:not(.button-confirming){justify-content:flex-start}.button.button-list{border-radius:var(--size-0);width:100%;box-shadow:none;white-space:nowrap;text-overflow:ellipsis;background-color:#0000;flex-shrink:0}.button.button-list svg{height:var(--size-24);width:auto}.button.button-list:hover:not(.button-confirming){background:var(--color-background-button)}.button.button-list:hover{box-shadow:none}.button.button-list:active:not(.button-confirming){background:var(--color-background-button-outline)}.button.button-list:active{box-shadow:none}.button.button-large{--button-icon-size:var(--size-button-icon-large);height:var(--size-button-large);gap:var(--size-button-gap-large)}.button.button-large svg{height:var(--button-icon-size)}.button.button-small{--button-icon-size:var(--size-button-icon-small);height:var(--size-button-small);gap:var(--size-button-gap-small);font-size:var(--text-size-small)}.button.button-small svg{height:var(--button-icon-size)}.button.button-very-small{--button-icon-size:var(--size-button-icon-very-small);height:var(--size-button-very-small);gap:var(--size-button-gap-very-small);font-size:var(--text-size-very-small)}.button.button-very-small svg{height:var(--button-icon-size)}.button.button-danger{background-color:var(--color-background-danger)}.button.button-loading .button-content{animation:1s ease-in-out infinite button-loading-animation}.button.button-pill{border-radius:calc(999px * var(--scale-size))}.button .button-tooltip{z-index:10;pointer-events:none;gap:var(--size-6);background-color:var(--color-background-primary);border:var(--size-1) solid var(--color-border-input);border-radius:var(--border-radius-8);padding:var(--size-6) var(--size-12);max-width:var(--size-256);font-size:var(--text-size-small);color:var(--color-text);text-align:center;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;position:absolute}.button .button-tooltip svg{height:calc(20px * var(--scale-size))}.button .button-tooltip.button-tooltip-top{bottom:calc(100% + var(--size-8));left:50%;transform:translate(-50%)}.button .button-tooltip.button-tooltip-bottom{top:calc(100% + var(--size-8));left:50%;transform:translate(-50%)}.button .button-tooltip.button-tooltip-left{right:calc(100% + var(--size-8));top:50%;transform:translateY(-50%)}.button .button-tooltip.button-tooltip-right{left:calc(100% + var(--size-8));top:50%;transform:translateY(-50%)}@keyframes button-loading-animation{0%,to{opacity:.2}50%{opacity:.5}}@keyframes animation-wrapper-dance{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(calc(var(--size-2) * -1)) rotate(-3.5deg)}50%{transform:translateY(0)rotate(0)}75%{transform:translateY(calc(var(--size-2) * -1)) rotate(3.5deg)}}@keyframes animation-wrapper-dance-snap{0%,to{transform:rotate(-3.5deg)}50%{transform:rotate(3.5deg)}}@keyframes animation-wrapper-hop{0%,to{transform:translateY(0)rotate(0)}30%{transform:translateY(calc(var(--size-8) * -1)) rotate(-6deg)}55%{transform:translateY(calc(var(--size-4) * -1)) rotate(-3deg)}75%{transform:translateY(0)rotate(1deg)}}@keyframes animation-wrapper-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--size-6) * -1))}}@keyframes animation-wrapper-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.animation-wrapper{animation-duration:var(--animation-wrapper-duration,1.2s);animation-delay:var(--animation-wrapper-delay,0s);transform-origin:bottom;justify-content:center;align-items:center;transition:transform .25s ease-out;animation-timing-function:ease-in-out;animation-iteration-count:1;animation-play-state:paused;animation-fill-mode:forwards;display:inline-flex}.animation-wrapper:not(.animation-wrapper_playing){animation:none!important}.animation-wrapper.animation-wrapper_playing{animation-play-state:running}.animation-wrapper.animation-wrapper_paused{animation-play-state:paused!important}.animation-wrapper.animation-wrapper_looping{animation-iteration-count:infinite}.animation-wrapper.animation-wrapper_trigger-on-hover{animation-play-state:paused}.animation-wrapper.animation-wrapper_trigger-on-hover:hover{animation-play-state:running}.animation-wrapper.animation-wrapper_dance{animation-name:animation-wrapper-dance;animation-duration:var(--animation-wrapper-duration,1.2s)}.animation-wrapper.animation-wrapper_dance-snap{animation-name:animation-wrapper-dance-snap;animation-duration:var(--animation-wrapper-duration,1.2s);transition:none;animation-timing-function:step-end}.animation-wrapper.animation-wrapper_hop{animation-name:animation-wrapper-hop;animation-duration:var(--animation-wrapper-duration,.8s)}.animation-wrapper.animation-wrapper_bounce{animation-name:animation-wrapper-bounce;animation-duration:var(--animation-wrapper-duration,.8s)}.animation-wrapper.animation-wrapper_pulse{animation-name:animation-wrapper-pulse;animation-duration:var(--animation-wrapper-duration,1s)}.visual-effect{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.visual-effect canvas{pointer-events:none;width:100%;height:100%;display:block}.particle-system{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.drawing-preview-animated{--drawing-preview-size:10dvh;z-index:0;width:auto;height:var(--drawing-preview-size);aspect-ratio:1;position:absolute}.drawing-preview-animated.drawing-preview-animated-paused,.drawing-preview-animated.drawing-preview-animated-paused .drawing-preview-animated-author{animation-play-state:paused!important}.drawing-preview-animated.drawing-preview-animated-left{left:var(--size-16);animation-name:drawing-preview-slide-left;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:both}.drawing-preview-animated.drawing-preview-animated-right{right:var(--size-16);animation-name:drawing-preview-slide-right;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:both}.drawing-preview-animated .drawing-preview-animated-image{object-fit:contain;width:100%;height:100%;transform:rotate(var(--drawing-preview-rotation,0deg));-webkit-user-select:none;user-select:none}.drawing-preview-animated .drawing-preview-animated-author{right:calc(-1 * var(--size-8));bottom:calc(-1 * var(--size-8));z-index:1;aspect-ratio:1;width:auto;height:50%;position:absolute}.drawing-preview-animated .drawing-preview-animated-author .drawing-preview-animated-author-image{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%}@keyframes drawing-preview-slide-left{0%{opacity:0;transform:translateX(calc(-100% - var(--size-32)))}15%{opacity:1;transform:translate(0)}85%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateX(calc(-100% - var(--size-32)))}}@keyframes drawing-preview-slide-right{0%{opacity:0;transform:translateX(calc(100% + var(--size-32)))}15%{opacity:1;transform:translate(0)}85%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateX(calc(100% + var(--size-32)))}}.drawing-previews-animated{z-index:0;position:absolute;inset:0;overflow:hidden}.home-page{z-index:0;flex-direction:column;height:100%;display:flex;position:relative}.home-page .home-page-sparkles{z-index:0;pointer-events:none;position:absolute;inset:0}.home-page .home-page-drawing-previews{z-index:0;position:absolute;inset:0}.home-page .home-page-header{z-index:1;justify-content:space-between;align-items:center;gap:var(--size-4);padding:var(--size-4);flex-direction:row;display:flex;position:relative}.home-page .home-page-container{z-index:1;gap:var(--size-16);min-height:0;padding-bottom:var(--size-16);flex-direction:column;flex:1;display:flex;position:relative}.home-page .home-page-container .home-page-logo-viewport{width:100%;max-width:calc(15 * var(--size-48));min-height:var(--size-128);padding:0 var(--size-16);flex-direction:column;flex:1;justify-content:center;align-items:center;margin:auto;display:flex;position:relative;overflow:hidden;container-type:size}.home-page .home-page-container .home-page-logo-viewport .home-page-logo-container{width:max(min(80cqw, 120.471cqh), var(--size-192));min-height:var(--size-128);aspect-ratio:1024/680;justify-content:center;align-items:center;display:flex;position:relative}.home-page .home-page-container .home-page-logo-viewport .home-page-logo-container .home-page-logo-image{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;max-width:100%;height:100%;min-height:0;max-height:100%}[data-theme=light] .home-page .home-page-container .home-page-logo-viewport .home-page-logo-container .home-page-logo-image{filter:invert()}.home-page .home-page-container{--logo-icons-width-min:var(--size-64);--logo-icons-width:max(var(--logo-icons-width-min), min(20dvh, 30dvw))}.home-page .home-page-container .home-page-logo-character{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;translate:-50% -50%}.home-page .home-page-container .home-page-logo-character .home-page-logo-character-image{object-fit:contain;width:100%;height:auto}.home-page .home-page-container .home-page-logo-star{width:var(--logo-icons-width);top:15%;left:30%}.home-page .home-page-container .home-page-logo-star .home-page-logo-character-image{transform:rotate(22.5deg)}.home-page .home-page-container .home-page-logo-edamame{width:var(--logo-icons-width);bottom:19%;left:20%;translate:-50% 50%}.home-page .home-page-container .home-page-logo-edamame .home-page-logo-character-image{transform:rotate(-18deg)}.home-page .home-page-container .home-page-logo-tomato{width:var(--logo-icons-width);bottom:18%;right:18%;translate:50% 50%}.home-page .home-page-container .home-page-logo-tomato .home-page-logo-character-image{transform:rotate(-7.5deg)}.home-page .home-page-footer{z-index:1;justify-content:center;align-items:center;gap:var(--size-4);padding:var(--size-16);padding-top:var(--size-0);flex-direction:row;display:flex;position:relative}.home-page .home-page-footer .home-page-controls-container{justify-content:center;align-items:stretch;gap:var(--size-8);width:100%;max-width:var(--size-512);flex-direction:column;display:flex}.home-page .home-page-footer .home-page-controls-container .home-page-play-button,.home-page .home-page-footer .home-page-controls-container .home-page-how-to-play-button{width:100%}.border-gradient-animated-wrapper{z-index:0;position:relative}.border-gradient-animated-wrapper.border-gradient-animated_button-wrapping:active:not(:has(.button.button-disabled,.button:disabled)) .border-gradient-animated{transform:translate(0, var(--button-shadow-height))}.border-gradient-animated-wrapper.border-gradient-animated_button-wrapping:has(.button:active) .border-gradient-animated{transform:translate(0, var(--button-shadow-height))}.border-gradient-animated-wrapper.border-gradient-animated_button-wrapping .border-gradient-animated{transition:transform 50ms linear,opacity .3s ease-in-out}.border-gradient-animated-wrapper .border-gradient-animated{top:calc(-1 * var(--border-gradient-animated-padding));right:calc(-1 * var(--border-gradient-animated-padding));bottom:calc(-1 * var(--border-gradient-animated-padding));left:calc(-1 * var(--border-gradient-animated-padding));z-index:-1;padding:var(--border-gradient-animated-padding);border-radius:var(--border-radius-8);background:var(--gold-gradient);opacity:0;pointer-events:none;animation:4s linear infinite border-gradient-animated-shine;animation-delay:calc(-1 * var(--border-gradient-animated-animation-offset,0s));background-size:200%;transition:opacity .3s ease-in-out;position:absolute}.border-gradient-animated-wrapper .border-gradient-animated.border-gradient-animated_bifrost{background:var(--bifrost-gradient);background-size:200%}.border-gradient-animated-wrapper .border-gradient-animated.border-gradient-animated_gold{background:var(--gold-gradient);background-size:200%}.border-gradient-animated-wrapper .border-gradient-animated.border-gradient-animated_silver{background:var(--silver-gradient);background-size:200%}.border-gradient-animated-wrapper .border-gradient-animated.border-gradient-animated_bronze{background:var(--bronze-gradient);background-size:200%}.border-gradient-animated-wrapper .border-gradient-animated.border-gradient-animated_visible{opacity:1;pointer-events:auto}@keyframes border-gradient-animated-shine{to{background-position:200%}}.modal{z-index:1;padding:var(--size-32);flex-direction:column;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden auto}.modal-background{background-color:color-mix(in srgb, var(--color-max) 50%, transparent);-webkit-backdrop-filter:blur(var(--size-4));backdrop-filter:blur(var(--size-4))}.modal:not(.modal-background){pointer-events:none}:where(.modal:not(.modal-background))>*{pointer-events:initial}@media (width<=768px){.modal{padding:var(--size-16)}}.modal-image-viewer-modal{padding:var(--size-4);-webkit-backdrop-filter:blur(var(--size-16));backdrop-filter:blur(var(--size-16))}.modal-image-viewer{align-items:center;gap:var(--size-4);-webkit-user-select:none;user-select:none;flex-direction:column;width:100%;height:100%;display:flex}.modal-image-viewer .modal-image-viewer-display{cursor:pointer;flex-direction:column;flex:1;width:100%;display:flex;position:relative;overflow:hidden}.modal-image-viewer .modal-image-viewer-display .modal-image-viewer-display-image{cursor:pointer;max-width:100%;height:100%;max-height:100%;margin:auto;overflow:auto hidden}.modal-image-viewer .modal-image-viewer-display .modal-image-viewer-display-image .modal-image-viewer-image{object-fit:contain;height:100%}.modal-image-viewer .modal-image-viewer-display .modal-image-viewer-display-image .modal-image-viewer-image.pixelated{image-rendering:pixelated}.modal-image-viewer .modal-image-viewer-display .modal-image-viewer-display-image .modal-image-viewer-element{object-fit:contain;height:100%}.modal-image-viewer .modal-image-viewer-display .modal-image-viewer-display-image .modal-image-viewer-element.pixelated,.modal-image-viewer .modal-image-viewer-display .modal-image-viewer-display-image .modal-image-viewer-element.pixelated canvas,.modal-image-viewer .modal-image-viewer-display .modal-image-viewer-display-image .modal-image-viewer-element.pixelated img{image-rendering:pixelated}.modal-image-viewer .modal-image-viewer-display .modal-image-viewer-display-image-width-based{width:100%;height:auto;overflow:hidden auto}.modal-image-viewer .modal-image-viewer-display .modal-image-viewer-display-image-width-based .modal-image-viewer-image,.modal-image-viewer .modal-image-viewer-display .modal-image-viewer-display-image-width-based .modal-image-viewer-element{width:100%;height:auto}.modal-image-viewer .modal-image-viewer-display .modal-image-viewer-tabs{bottom:var(--size-0);gap:var(--size-4);padding:var(--size-4);z-index:2;flex-direction:row;display:flex;position:absolute;left:50%;transform:translate(-50%)}.modal-image-viewer-controls{justify-content:center;align-items:center;gap:var(--size-4);flex-direction:row;flex-shrink:0;width:100%;max-width:480px;display:flex}.modal-image-viewer-controls .download-button{justify-content:center;align-items:center;gap:var(--size-4);flex-direction:row;flex:1;display:flex}.textarea-component{height:var(--size-button);min-height:var(--size-button);min-width:var(--size-0);border-radius:var(--border-radius-8);border:var(--size-1) solid var(--color-border-input);padding:var(--size-6) var(--size-16);color:var(--color-text);background:var(--color-background-input);max-height:var(--size-256);box-sizing:border-box;resize:none}.textarea-component.textarea-small{height:var(--size-button-small);min-height:var(--size-button-small);padding:calc(6px * var(--scale-size)) var(--size-12);font-size:var(--text-size-small)}.textarea-component.textarea-very-small{height:var(--size-button-very-small);min-height:var(--size-button-very-small);padding:calc(2px * var(--scale-size)) var(--size-8);font-size:var(--text-size-very-small)}.textarea-component:disabled{color:var(--color-text-disabled);background:var(--color-background-button-disabled);pointer-events:none}.textarea-component:disabled::placeholder,.textarea-component::placeholder{color:var(--color-text-disabled)}.modal-share{width:var(--size-384);max-width:100%;height:var(--size-512);background-color:var(--color-background-secondary);border-radius:var(--border-radius-8);border:var(--size-1) solid var(--color-border-input);z-index:0;flex-direction:column;max-height:100%;margin:auto;display:flex;position:relative}.modal-share .modal-share-header{flex-direction:column;display:flex;position:relative}.modal-share .modal-share-header .modal-share-row{align-items:center;gap:var(--size-4);padding:var(--size-4);flex-direction:row;display:flex}.modal-share .modal-share-header .modal-share-row .modal-share-title{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-share .modal-share-form{gap:var(--size-16);padding:var(--size-16);flex-direction:column;flex:1;display:flex}.modal-share .modal-share-form .modal-share-group{align-items:center;gap:var(--size-16);flex-direction:column;flex:1;width:100%;display:flex}.modal-share .modal-share-form .modal-share-group .modal-share-qr-container{width:100%;height:var(--size-256);min-height:var(--size-128);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden;container-type:size}.modal-share .modal-share-form .modal-share-group .modal-share-qr-container .modal-share-qr-card{aspect-ratio:1;border-radius:var(--border-radius-8);width:100cqmin;height:100cqmin;padding:var(--size-4);background-color:#fff;justify-content:center;align-items:center;margin:auto;display:flex;overflow:hidden}.modal-share .modal-share-form .modal-share-group .modal-share-qr-container .modal-share-qr-card .modal-share-qr-code{aspect-ratio:1;object-fit:contain;width:100%;height:100%;display:block}.modal-share .modal-share-form .modal-share-group .modal-share-link-row{border-radius:var(--border-radius-8);width:100%;box-shadow:var(--size-0) var(--size-0) var(--size-0) var(--size-0) color-mix(in srgb, var(--color-min) 10%, transparent);flex-direction:row;align-self:stretch;align-items:stretch;transition:box-shadow .2s linear;display:flex}.modal-share .modal-share-form .modal-share-group .modal-share-link-row .modal-share-url-textarea{border-radius:var(--border-radius-8) 0 0 var(--border-radius-8);word-break:break-all;overflow-wrap:anywhere;min-width:0;max-height:var(--size-64);flex:1}.modal-share .modal-share-form .modal-share-group .modal-share-link-row .modal-share-url-textarea:disabled{color:var(--color-text);pointer-events:auto;-webkit-user-select:all;user-select:all}.modal-share .modal-share-form .modal-share-group .modal-share-link-row .modal-share-url-textarea:focus-visible{outline:none}.modal-share .modal-share-form .modal-share-group .modal-share-link-row .modal-share-copy-button{justify-content:center;align-items:center;gap:var(--size-8);white-space:nowrap;height:auto;min-height:var(--size-button-small);border-radius:0 var(--border-radius-8) var(--border-radius-8) 0;border:var(--size-1) solid var(--color-border-input);border-left:none;flex-direction:row;align-self:stretch;display:flex}.modal-share .modal-share-form .modal-share-group .modal-share-link-row .modal-share-copy-button:hover{box-shadow:none}.modal-share .modal-share-form .modal-share-group .modal-share-link-row:has(.modal-share-url-textarea:focus-visible){outline:var(--size-2) solid var(--color-text-secondary)}.modal-share .modal-share-form .modal-share-group .modal-share-link-row:hover{box-shadow:var(--size-0) var(--size-0-5) var(--size-0-5) var(--size-0-5) color-mix(in srgb, var(--color-min) 10%, transparent)}.drawing-canvas{aspect-ratio:1;border:var(--size-1) solid var(--color-background-divider);border-radius:var(--border-radius-8);cursor:crosshair;width:100cqmin;height:100cqmin;image-rendering:pixelated;touch-action:none}.drawing-canvas.disabled{cursor:default;touch-action:auto}.drawing-canvas-controls{flex-flow:wrap;justify-content:center;align-items:center;max-width:100%;display:flex}.drawing-canvas-controls .controls-section{align-items:center;gap:var(--size-4);max-width:100%;padding:var(--size-4);flex-direction:row;display:flex;overflow:auto hidden}.drawing-canvas-controls .controls-section>*{flex-shrink:0}.drawing-canvas-controls .randomize-drawing-button svg{transform-origin:50%;transition:transform .3s ease-in-out}.drawing-canvas-controls .divider-vertical{height:var(--size-16)}.drawing-canvas-controls .divider-horizontal{width:var(--size-16)}.drawing-canvas-controls.drawing-canvas-controls-vertical{place-content:center;align-items:center;gap:var(--size-4);flex-flow:column wrap;flex-shrink:0;max-height:100%;display:flex;overflow:visible}.drawing-canvas-controls.drawing-canvas-controls-vertical .controls-section{place-content:center;align-items:center;gap:var(--size-4);max-height:100%;padding:var(--size-4);flex-flow:column wrap;display:flex;overflow:visible}.drawing-canvas-controls.drawing-canvas-controls-vertical .controls-section>*{flex-shrink:0}.drawing-canvas-controls.drawing-canvas-controls-vertical .divider-horizontal{width:var(--size-16);height:var(--size-1);flex-shrink:0}.drawing-canvas-controls .color-button,.drawing-canvas-controls .brush-size-button,.drawing-canvas-controls .eraser-button{justify-content:center;align-items:center;transition:transform .15s,border-color .15s;display:flex;overflow:hidden}.drawing-canvas-controls .color-swatch-indicator{width:100%;height:100%}.drawing-canvas-controls .brush-size-indicator{background-color:currentColor;border-radius:50%;display:inline-block}.drawing-canvas-controls .brush-size-indicator.brush-size-indicator-small{width:10%;height:10%}.drawing-canvas-controls .brush-size-indicator.brush-size-indicator-medium{width:30%;height:30%}.drawing-canvas-controls .brush-size-indicator.brush-size-indicator-large{width:60%;height:60%}.drawing-canvas-viewport{width:100%;max-width:calc(15 * var(--size-48));min-height:var(--size-128);padding:0 var(--size-16);flex-direction:column;flex:1;align-items:center;margin:auto;display:flex;position:relative;overflow:hidden;container-type:size}.drawing-canvas-viewport .drawing-canvas{background-color:var(--color-background-secondary);margin:auto}.lobby-page{flex-direction:column;height:100%;display:flex}.lobby-page .lobby-page-header{justify-content:space-between;align-items:start;gap:var(--size-4);padding:var(--size-4);flex-direction:row;display:flex;position:relative}.lobby-page .lobby-page-header .button-small{margin:calc(5px * var(--scale-size)) var(--size-0)}.lobby-page .lobby-page-header .lobby-page-players-list{z-index:1;justify-content:start;align-items:center;gap:var(--size-2);padding:0 var(--size-16) var(--size-16) 0;flex-direction:row;margin:0 auto;display:flex;overflow:auto}.lobby-page .lobby-page-header .lobby-page-players-list .border-gradient-animated-wrapper{margin:var(--size-2);display:flex}.lobby-page .lobby-page-header .lobby-page-players-list .border-gradient-animated-wrapper:has(.border-gradient-animated_visible) .lobby-page-player-avatar-button{box-shadow:none}.lobby-page .lobby-page-header .lobby-page-players-list .border-gradient-animated-wrapper .lobby-page-player-avatar-button{margin:0;overflow:hidden}.lobby-page .lobby-page-header .lobby-page-players-list .lobby-page-player-avatar-button{margin:var(--size-2);overflow:hidden}.lobby-page .lobby-page-header .lobby-page-players-list .lobby-page-player-avatar-button.button-selected{outline-color:var(--color-background-confirm)}.lobby-page .lobby-page-header .lobby-page-players-list .lobby-page-player-avatar-button .drawing-canvas{background-color:var(--color-background-secondary);border-radius:var(--border-radius-8);pointer-events:none;width:100%;height:100%}.lobby-page .lobby-page-container{gap:var(--size-16);min-height:0;padding-bottom:var(--size-16);flex-direction:column;flex:1;display:flex;position:relative}.lobby-page .lobby-page-container.lobby-page-container-wider-than-tall{justify-content:center;align-items:center;gap:var(--size-16);padding:var(--size-4) var(--size-16);flex-direction:row;display:flex;overflow:hidden}.lobby-page .lobby-page-container.lobby-page-container-wider-than-tall .drawing-canvas-viewport{width:auto;min-width:0;height:100%;min-height:0;max-width:calc(15 * var(--size-48));max-height:calc(15 * var(--size-48));aspect-ratio:1;flex:0 auto;justify-content:center;margin:0;padding:0;display:flex}.lobby-page .lobby-page-container.lobby-page-container-wider-than-tall .drawing-canvas-viewport .drawing-canvas{aspect-ratio:1;width:100cqmin;max-width:100%;height:100cqmin;max-height:100%;margin:0}.lobby-page .lobby-page-container.lobby-page-container-wider-than-tall .drawing-canvas-controls{flex-shrink:0;max-height:100%}.lobby-page .lobby-page-container .lobby-page-canvas-placeholder-overlay{inset:var(--size-0);padding:var(--size-16);text-align:center;-webkit-user-select:none;user-select:none;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.lobby-page .lobby-page-footer{justify-content:center;align-items:center;gap:var(--size-4);padding:var(--size-16);padding-top:var(--size-0);flex-direction:row;display:flex;position:relative}.lobby-page .lobby-page-footer .lobby-page-controls-container{justify-content:center;align-items:center;gap:var(--size-4);width:100%;max-width:var(--size-512);flex-direction:row;display:flex}.lobby-page .lobby-page-footer .lobby-page-controls-container .lobby-page-ready-button,.lobby-page .lobby-page-footer .lobby-page-controls-container .lobby-page-start-game-button{flex:1}.loading-drawing{transform-origin:50%;animation:1s ease-in-out infinite alternate pivot-drawing-animation}@keyframes pivot-drawing-animation{0%{transform:rotate(-8deg)}to{transform:rotate(8deg)}}.card-background-stack-scoped{border-radius:var(--border-radius-8);box-sizing:content-box;display:inline-flex;position:relative}.card-background-stack-scoped .card-background-stack-remaining-cards{bottom:var(--card-spacing,1px);right:var(--card-spacing,--card-border-width);box-sizing:content-box;border-radius:inherit;border:var(--card-border-width) solid var(--color-background-divider);background:var(--color-background-secondary);z-index:-1;width:100%;height:100%;transition:all .2s;position:absolute}.phase-announcement-modal{padding:var(--size-16);-webkit-backdrop-filter:blur(var(--size-16));backdrop-filter:blur(var(--size-16));-webkit-user-select:none;user-select:none;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;display:flex}.phase-announcement-modal.is-entering{animation:.2s ease-out forwards phase-announcement-backdrop-enter}.phase-announcement-modal.is-entering .phase-announcement-card{animation:.25s cubic-bezier(.16,1,.3,1) .1s both phase-announcement-content-enter}.phase-announcement-modal.is-dismissing{pointer-events:none;animation:.2s ease-in .1s forwards phase-announcement-backdrop-exit}.phase-announcement-modal.is-dismissing .phase-announcement-card{animation:.18s cubic-bezier(.4,0,1,1) forwards phase-announcement-content-exit}.phase-announcement-container{cursor:pointer;flex-direction:column;flex:auto;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex}.phase-announcement-card{width:100%;max-width:var(--size-512);padding:var(--size-24);justify-content:center;align-items:center;gap:var(--size-20);box-sizing:border-box;will-change:transform, opacity;flex-direction:column;margin:auto;display:flex}.phase-announcement-card .phase-announcement-image-container{width:100%;max-width:var(--size-384);max-height:var(--size-320);border-radius:var(--border-radius-8);justify-content:center;align-items:center;display:flex;overflow:hidden}.phase-announcement-card .phase-announcement-image-container .phase-announcement-image{object-fit:contain;border-radius:var(--border-radius-8);width:100%;max-width:100%;height:100%;min-height:0;max-height:100%}[data-theme=light] .phase-announcement-card .phase-announcement-image-container .phase-announcement-image{filter:invert()}.phase-announcement-card .phase-announcement-text-container{text-align:center;align-items:center;gap:var(--size-8);flex-direction:column;width:100%;display:flex}@keyframes phase-announcement-backdrop-enter{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(var(--size-16));backdrop-filter:blur(var(--size-16))}}@keyframes phase-announcement-backdrop-exit{0%{opacity:1;-webkit-backdrop-filter:blur(var(--size-16));backdrop-filter:blur(var(--size-16))}to{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}}@keyframes phase-announcement-content-enter{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes phase-announcement-content-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}.game-page{flex-direction:column;height:100%;display:flex}.game-page .game-page-header{justify-content:space-between;align-items:start;gap:var(--size-4);padding:var(--size-4);flex-direction:row;display:flex;position:relative}.game-page .game-page-header .button-small{margin:calc(5px * var(--scale-size)) var(--size-0)}.game-page .game-page-header .game-page-players-list{z-index:1;justify-content:start;align-items:center;gap:var(--size-2);padding:0 var(--size-16) var(--size-16) 0;flex-direction:row;margin:0 auto;display:flex;overflow:auto}.game-page .game-page-header .game-page-players-list .game-page-player-avatar-wrapper{gap:var(--size-2);display:inline-flex;position:relative}.game-page .game-page-header .game-page-players-list .game-page-player-avatar-wrapper .game-page-player-avatar-stack{margin:var(--size-2)}.game-page .game-page-header .game-page-players-list .game-page-player-avatar-wrapper .game-page-player-avatar-stack .game-page-player-avatar-button{margin:0;overflow:hidden}.game-page .game-page-header .game-page-players-list .game-page-player-avatar-wrapper .game-page-player-avatar-stack .game-page-player-avatar-button.button-selected{outline-color:var(--color-background-confirm)}.game-page .game-page-header .game-page-players-list .game-page-player-avatar-wrapper .game-page-player-avatar-stack .game-page-player-avatar-button .drawing-canvas{background-color:var(--color-background-secondary);border-radius:var(--border-radius-8);pointer-events:none;width:100%;height:100%}.game-page .game-page-header .game-page-players-list .game-page-player-avatar-wrapper .game-page-player-queue-status-button{right:calc(-1 * var(--size-8));bottom:calc(-1 * var(--size-8));z-index:1;position:absolute}.game-page .game-page-container{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.game-page .game-page-container .game-page-prompt{justify-content:center;align-items:center;gap:var(--size-4);width:100%;max-height:var(--size-128);flex-direction:row;flex-shrink:0;display:flex;position:relative;overflow-y:auto}.game-page .game-page-container .game-page-prompt .game-page-reference-prompt-banner{gap:var(--size-1);width:100%;max-width:var(--size-512);text-align:center;margin:auto}.game-page .game-page-container .game-page-prompt .game-page-reference-prompt-banner .game-page-reference-label{overflow-wrap:break-word;width:100%;max-width:100%}.game-page .game-page-container .game-page-turn-section{align-items:center;gap:var(--size-4);width:100%;max-width:var(--size-512);padding:var(--size-16);flex-direction:column;margin:auto;display:flex;overflow:auto}.game-page .game-page-container .game-page-turn-section.game-page-drawing-section{gap:var(--size-16);width:100%;max-width:none;min-height:0;padding-bottom:var(--size-16);flex-direction:column;flex:1;display:flex;position:relative}.game-page .game-page-container .game-page-turn-section.game-page-drawing-section.game-page-drawing-section-wider-than-tall{justify-content:center;align-items:center;gap:var(--size-16);flex-direction:row;overflow:hidden}.game-page .game-page-container .game-page-turn-section.game-page-drawing-section.game-page-drawing-section-wider-than-tall .drawing-canvas-viewport{width:auto;height:100%;max-width:calc(15 * var(--size-48));max-height:calc(15 * var(--size-48));aspect-ratio:1;flex:0 auto;justify-content:center;min-width:0;min-height:0;margin:0;padding:0}.game-page .game-page-container .game-page-turn-section.game-page-drawing-section.game-page-drawing-section-wider-than-tall .drawing-canvas-viewport .drawing-canvas{aspect-ratio:1;width:100cqmin;max-width:100%;height:100cqmin;max-height:100%;margin:0}.game-page .game-page-container .game-page-turn-section.game-page-drawing-section.game-page-drawing-section-wider-than-tall .drawing-canvas-controls{flex-shrink:0;max-height:100%}.game-page .game-page-container .game-page-turn-section.game-page-drawing-section .game-page-canvas-placeholder-overlay{inset:var(--size-0);aspect-ratio:1;max-width:100%;max-height:100%;padding:var(--size-16);text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;margin:auto;display:flex;position:absolute}.game-page .game-page-container .game-page-turn-section .game-page-reference-image-container{align-items:center;gap:var(--size-2);flex-direction:column;width:100%;display:flex}.game-page .game-page-container .game-page-turn-section .game-page-reference-image-container .game-page-reference-canvas-wrapper{width:100%;overflow:hidden}.game-page .game-page-container .game-page-turn-section .game-page-reference-image-container .game-page-reference-canvas-wrapper .drawing-canvas{background-color:var(--color-background-secondary);pointer-events:none;width:100%;height:100%}.game-page .game-page-container .game-page-turn-section .game-page-waiting-card{align-items:center;gap:var(--size-4);max-width:var(--size-384);text-align:center;flex-direction:column;margin-top:auto;margin-bottom:auto;display:flex}.game-page .game-page-container .game-page-turn-section .game-page-waiting-card .game-page-waiting-title,.game-page .game-page-container .game-page-turn-section .game-page-waiting-card .game-page-waiting-description{margin:0}.game-page .game-page-container .game-page-footer{justify-content:center;align-items:center;gap:var(--size-4);width:100%;padding:var(--size-16);padding-top:var(--size-0);flex-direction:row;display:flex;position:relative}.game-page .game-page-container .game-page-footer .game-page-controls-container{justify-content:center;align-items:end;gap:var(--size-4);width:100%;max-width:var(--size-512);flex-direction:row;display:flex}.game-page .game-page-container .game-page-footer .game-page-controls-container .game-page-text-input,.game-page .game-page-container .game-page-footer .game-page-controls-container textarea{flex:1}.game-page .game-page-container .game-page-footer .game-page-controls-container .game-page-suggest-prompt-button{flex-shrink:0}.game-page .game-page-container .game-page-footer .game-page-controls-container .game-page-suggest-prompt-button svg{transform-origin:50%;transition:transform .25s ease-in-out}.game-page .game-page-container .game-page-footer .game-page-controls-container .game-page-suggest-prompt-button:hover svg{transform:rotate(180deg)}.game-page .game-page-container .game-page-footer .game-page-controls-container .game-page-submit-button{white-space:nowrap;flex-shrink:0}.game-page .game-page-container .game-page-footer .game-page-controls-container .game-page-submit-button:only-child{flex:1}.story-card-display.standalone{width:100%;height:100%;max-width:var(--size-512);min-width:var(--size-128);padding:var(--size-16);flex-direction:column;justify-content:center;align-items:center;margin:auto;display:flex;overflow:hidden;container-type:size}.story-card-display.standalone .story-card-canvas-container{aspect-ratio:1;width:100cqmin;height:100cqmin}.story-card-display.standalone .story-card-text-container{width:100%}.story-card-display.list-item{width:100%;max-width:var(--size-512);min-width:var(--size-128)}.story-card-display.list-item .story-card-canvas-container{aspect-ratio:1;flex-shrink:0;width:100%;height:auto}.story-card-display.list-item .story-card-text-container{width:100%}.story-card-display .story-card-canvas-container{border:var(--size-1) solid var(--color-background-divider);border-radius:var(--border-radius-8);background-color:var(--color-background-secondary);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.story-card-display .story-card-canvas-container .drawing-canvas{background-color:var(--color-background-secondary);border-radius:inherit;border:none;width:100%;height:100%}.story-card-display .story-card-text-container{text-align:center;padding:var(--size-16);border:var(--size-1) solid var(--color-background-divider);border-radius:var(--border-radius-8);background-color:var(--color-background-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.story-card-display .story-card-text-container .story-card-text-content{overflow-wrap:anywhere;margin:0}.story-list-display{max-width:var(--size-512);flex-direction:column;width:100%;margin:auto;display:flex}.story-list-display .story-elements-column{align-items:center;gap:var(--size-16);width:100%;max-height:100%;padding:var(--size-16) 0;flex-direction:column;display:flex;overflow:hidden auto}.loading-vote{transform-origin:50%;animation:1s ease-in-out infinite alternate pivot-vote-animation}@keyframes pivot-vote-animation{0%{transform:rotate(-8deg)}to{transform:rotate(8deg)}}.voting-page{flex-direction:column;height:100%;display:flex}.voting-page .voting-page-header{justify-content:space-between;align-items:start;gap:var(--size-4);padding:var(--size-4);flex-direction:row;display:flex;position:relative}.voting-page .voting-page-header .button-small{margin:calc(5px * var(--scale-size)) var(--size-0)}.voting-page .voting-page-header .voting-page-header-title{align-items:center;gap:var(--size-8);flex-direction:row;display:flex}.voting-page .voting-page-header .voting-page-header-title svg{width:auto;height:calc(32px * var(--scale-size));transform-origin:50%;flex-shrink:0;animation:1s step-end infinite voting-header-title-icon-snap-rotation-animation}.voting-page .voting-page-header .voting-page-players-list{z-index:1;justify-content:start;align-items:center;gap:var(--size-2);padding:0 var(--size-16) var(--size-16) 0;flex-direction:row;margin:0 auto;display:flex;overflow:auto}.voting-page .voting-page-header .voting-page-players-list .voting-page-player-avatar-wrapper{gap:var(--size-2);display:inline-flex;position:relative}.voting-page .voting-page-header .voting-page-players-list .voting-page-player-avatar-wrapper .voting-page-player-avatar-stack{margin:var(--size-2)}.voting-page .voting-page-header .voting-page-players-list .voting-page-player-avatar-wrapper .voting-page-player-avatar-stack .voting-page-player-avatar-button{margin:0;overflow:hidden}.voting-page .voting-page-header .voting-page-players-list .voting-page-player-avatar-wrapper .voting-page-player-avatar-button{margin:var(--size-2);overflow:hidden}.voting-page .voting-page-header .voting-page-players-list .voting-page-player-avatar-wrapper .voting-page-player-avatar-button .drawing-canvas{background-color:var(--color-background-secondary);pointer-events:none;border:none;width:100%;height:100%}.voting-page .voting-page-header .voting-page-players-list .voting-page-player-avatar-wrapper .voting-page-player-queue-status-button{right:calc(-1 * var(--size-8));bottom:calc(-1 * var(--size-8));z-index:1;position:absolute}.voting-page .voting-page-container{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.voting-page .voting-page-container .voting-page-headline{padding:0 var(--size-4);text-align:center;flex-shrink:0;margin:0}.voting-page .voting-page-container .voting-page-waiting-section{align-items:center;gap:var(--size-4);width:100%;max-width:var(--size-512);padding:var(--size-16);flex-direction:column;margin:auto;display:flex;overflow:auto}.voting-page .voting-page-container .voting-page-waiting-section .voting-page-waiting-card{align-items:center;gap:var(--size-4);max-width:var(--size-384);text-align:center;flex-direction:column;margin-top:auto;margin-bottom:auto;display:flex}.voting-page .voting-page-container .voting-page-waiting-section .voting-page-waiting-card .voting-page-waiting-title,.voting-page .voting-page-container .voting-page-waiting-section .voting-page-waiting-card .voting-page-waiting-description{margin:0}.voting-page .voting-page-container .voting-page-preview-area-wrapper{width:100%;min-height:0;padding:0 var(--size-4);flex-direction:column;flex:1;margin:0 auto;display:flex;position:relative;overflow:hidden}.voting-page .voting-page-container .voting-page-preview-area-wrapper .voting-page-preview-carousel-row{justify-content:center;align-items:center;gap:var(--size-4);flex-direction:row;flex:1;width:100%;min-width:0;min-height:0;display:flex;position:relative}.voting-page .voting-page-container .voting-page-preview-area-wrapper .voting-page-preview-carousel-row .voting-page-navigation-button{flex-shrink:0}.voting-page .voting-page-container .voting-page-preview-area-wrapper .voting-page-preview-carousel-row .voting-page-preview-area{gap:var(--size-16);flex-direction:column;flex:1;width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden auto}.voting-page .voting-page-container .voting-page-preview-area-wrapper .voting-page-preview-carousel-row .voting-page-preview-area .story-list-display .story-elements-column{padding-top:calc(var(--size-32) + var(--size-4))}.voting-page .voting-page-container .voting-page-preview-area-wrapper .voting-page-preview-carousel-row .voting-page-preview-area .voting-page-empty-candidates-message{max-width:var(--size-768);flex-direction:column;margin:auto;display:flex}.voting-page .voting-page-container .voting-page-preview-area-wrapper .voting-page-preview-carousel-row .voting-page-candidate-options-row{top:var(--size-4);z-index:10;justify-content:center;align-items:center;gap:var(--size-4);flex-direction:row;display:flex;position:absolute;left:50%;transform:translate(-50%)}.voting-page .voting-page-container .voting-page-preview-area-wrapper .voting-page-preview-carousel-row .voting-page-voted-check{justify-content:center;align-items:center;gap:var(--size-12);max-width:var(--size-256);aspect-ratio:1;height:auto;padding:var(--size-12);background-color:var(--color-background-secondary);border-radius:var(--border-radius-8);border:var(--size-1) solid var(--color-background-divider);transform:translate(-50%, -50%) scale(2) rotate(var(--voted-check-rotation,0deg));flex-direction:column;animation:.1s linear forwards voting-page-voted-check-appear-animation;display:flex;position:absolute;top:50%;left:50%}.voting-page .voting-page-container .voting-page-preview-area-wrapper .voting-page-preview-carousel-row .voting-page-voted-check svg{height:var(--size-128);aspect-ratio:1;width:auto}.voting-page .voting-page-container .voting-page-preview-area-wrapper .voting-page-preview-carousel-row .voting-page-voted-check svg .voting-page-voted-check-path{clip-path:inset(0 100% 0 0);animation:.25s ease-out .1s forwards voting-page-voted-check-path-fill-animation}.voting-page .voting-page-container .voting-page-footer{justify-content:center;align-items:center;gap:var(--size-4);padding:var(--size-16);flex-direction:row;display:flex;position:relative}.voting-page .voting-page-container .voting-page-footer .voting-page-controls-container{justify-content:center;align-items:center;gap:var(--size-4);width:100%;max-width:var(--size-512);flex-direction:row;display:flex}.voting-page .voting-page-container .voting-page-footer .voting-page-controls-container .voting-page-vote-button,.voting-page .voting-page-container .voting-page-footer .voting-page-controls-container .voting-page-next-award-button{flex:1}@keyframes voting-header-title-icon-snap-rotation-animation{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@keyframes voting-page-voted-check-appear-animation{0%{opacity:0;transform:translate(-50%,-50%)scale(2)rotate(0)}to{opacity:1;transform:translate(-50%, -50%) scale(1) rotate(var(--voted-check-rotation,0deg))}}@keyframes voting-page-voted-check-path-fill-animation{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0% 0 0)}}.input-option-row{align-items:center;gap:var(--size-4);min-width:0;padding:var(--size-4);border-radius:var(--border-radius-8);background:var(--color-background-input);border:var(--size-1) solid var(--color-border-input);flex-flow:wrap;display:flex}.input-option-row .input-option-button{border-radius:var(--border-radius-8);white-space:nowrap}.input-option-row .input-option-button-selected{background:var(--color-background-button)}.results-page{z-index:0;flex-direction:column;height:100%;display:flex;position:relative}.results-page .results-page-confetti{z-index:0;pointer-events:none;position:absolute;inset:0}.results-page .results-page-header{z-index:1;justify-content:space-between;align-items:start;gap:var(--size-4);padding:var(--size-4);flex-direction:row;display:flex;position:relative}.results-page .results-page-header .button-small{margin:calc(5px * var(--scale-size)) var(--size-0)}.results-page .results-page-header .results-page-players-list{z-index:1;justify-content:start;align-items:center;gap:var(--size-2);flex-direction:row;margin:0 auto;display:flex;overflow:auto}.results-page .results-page-header .results-page-players-list .results-page-player-avatar-wrapper{gap:var(--size-2);display:inline-flex;position:relative}.results-page .results-page-header .results-page-players-list .results-page-player-avatar-wrapper .results-page-player-avatar-button{margin:var(--size-2);overflow:hidden}.results-page .results-page-header .results-page-players-list .results-page-player-avatar-wrapper .results-page-player-avatar-button .drawing-canvas{background-color:var(--color-background-secondary);border-radius:var(--border-radius-4);pointer-events:none;border:none;width:100%;height:100%}.results-page .results-page-content{z-index:1;gap:var(--size-8);min-height:0;padding-bottom:var(--size-16);flex-direction:column;margin:auto 0;display:flex;position:relative;overflow:auto}.results-page .results-page-content.results-page-content-awards-column{align-items:center;gap:var(--size-12);padding:0 var(--size-16) var(--size-16) var(--size-16);flex-direction:column;display:flex}.results-page .results-page-content .results-page-headline{text-align:center;flex-shrink:0;margin:0;line-height:1}.results-page .results-page-content .results-page-category-selector{width:100%;max-width:var(--size-384);flex-shrink:0;justify-content:center;display:flex}.results-page .results-page-content .results-page-category-selector .input-option-row{width:100%}.results-page .results-page-content .results-page-awards-column{align-items:center;gap:var(--size-8);width:100%;max-width:var(--size-512);flex-direction:column;display:flex}.results-page .results-page-content .results-page-awards-column .results-page-award-card{justify-content:space-between;align-items:center;gap:var(--size-4);width:100%;padding:var(--size-4);background-color:var(--color-background-secondary);border:var(--size-1) solid var(--color-border-input);border-radius:var(--border-radius-8);flex-direction:row;display:flex}.results-page .results-page-content .results-page-awards-column .results-page-award-card.results-page-story-card .results-page-award-card-title-container{text-align:left;justify-content:flex-start}.results-page .results-page-content .results-page-awards-column .results-page-award-card .results-page-author-avatar-wrapper{flex-shrink:0;display:inline-flex;position:relative}.results-page .results-page-content .results-page-awards-column .results-page-award-card .results-page-author-avatar-wrapper .animation-wrapper .drawing-canvas{width:auto;height:var(--size-64);aspect-ratio:1;border-radius:var(--size-max);pointer-events:none;border:none}.results-page .results-page-content .results-page-awards-column .results-page-award-card .results-page-author-avatar-wrapper .results-page-author-award-icon{aspect-ratio:1;color:#eecb4c;width:auto;height:45%;position:absolute;bottom:20%;right:20%;transform:translate(50%,50%)}.results-page .results-page-content .results-page-awards-column .results-page-award-card .results-page-award-card-title-container{text-align:center;flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.results-page .results-page-content .results-page-awards-column .results-page-award-card .results-page-award-view-button{flex-shrink:0;height:100%}.results-page .results-page-footer{z-index:1;justify-content:center;align-items:center;gap:var(--size-4);padding:var(--size-16);padding-top:var(--size-0);flex-direction:row;display:flex;position:relative}.results-page .results-page-footer .results-page-controls-container{justify-content:center;align-items:center;gap:var(--size-4);width:100%;max-width:var(--size-512);flex-direction:row;display:flex}.results-page .results-page-footer .results-page-controls-container .results-page-play-again-button,.results-page .results-page-footer .results-page-controls-container .results-page-back-to-history-button{flex:1}.results-page .results-page-footer .results-page-controls-container .results-page-play-again-button .animation-wrapper,.results-page .results-page-footer .results-page-controls-container .results-page-back-to-history-button .animation-wrapper{display:inline-flex}.results-page-award-confetti-burst{z-index:2;pointer-events:none;position:fixed;inset:0}.results-page-award-modal{width:var(--size-384);max-width:calc(100vw - var(--size-64));max-height:calc(100vh - var(--size-64));background-color:var(--color-background-secondary);border:var(--size-1) solid var(--color-border-input);border-radius:var(--border-radius-8);flex-direction:column;margin:auto;display:flex;position:relative}.results-page-award-modal.results-page-story-modal .results-page-award-modal-header .results-page-award-modal-title{text-align:left;position:static;transform:none}.results-page-award-modal .results-page-award-modal-header{align-items:center;gap:var(--size-12);padding:var(--size-4);flex-direction:row;display:flex;position:relative}.results-page-award-modal .results-page-award-modal-header .results-page-award-modal-header-info{align-items:center;gap:var(--size-12);flex-direction:row;min-width:0;display:flex}.results-page-award-modal .results-page-award-modal-header .results-page-award-modal-header-info .results-page-author-avatar-wrapper{flex-shrink:0;display:inline-flex;position:relative}.results-page-award-modal .results-page-award-modal-header .results-page-award-modal-header-info .results-page-author-avatar-wrapper .animation-wrapper .drawing-canvas{width:auto;height:var(--size-48);aspect-ratio:1;border-radius:var(--size-max);pointer-events:none;border:none}.results-page-award-modal .results-page-award-modal-header .results-page-award-modal-header-info .results-page-author-avatar-wrapper .results-page-author-award-icon{aspect-ratio:1;color:#eecb4c;width:auto;height:45%;position:absolute;bottom:20%;right:20%;transform:translate(50%,50%)}.results-page-award-modal .results-page-award-modal-header .results-page-award-modal-title{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.results-page-award-modal .results-page-award-modal-content{min-height:0;padding:0 var(--size-16);flex-direction:column;flex:1;align-items:center;display:flex;overflow-y:auto}.results-page-award-modal .results-page-award-modal-content .story-list-display{width:100%}.results-page-award-modal .results-page-award-modal-content .story-list-display .story-elements-column{width:100%;max-width:var(--size-512);padding-bottom:var(--size-16);margin:0 auto}.input-slider-horizontal{align-items:center;gap:var(--size-16);width:100%;min-width:var(--size-0);min-height:unset;background:0 0;flex:1;display:flex}.input-slider-horizontal input[type=range]{appearance:none;height:var(--size-button-small);min-width:var(--size-0);min-height:unset;padding:var(--size-6);border-radius:var(--border-radius-8);background:var(--color-background-input);border:var(--size-1) solid var(--color-border-input);cursor:pointer;touch-action:pan-y;outline:none;flex:1;margin:0}@media (pointer:coarse){.input-slider-horizontal input[type=range]{pointer-events:none}}.input-slider-horizontal input[type=range]::-webkit-slider-thumb{pointer-events:auto;appearance:none;height:var(--size-24);aspect-ratio:1;background:var(--color-background-button);border:var(--size-1) solid var(--color-background-button);border-radius:var(--border-radius-8);width:auto;box-shadow:var(--size-0) var(--button-shadow-height) var(--size-0) var(--size-0) var(--button-shadow-color);cursor:pointer;transition:box-shadow 50ms linear,transform 50ms linear,background-color .1s linear,border-color .1s linear}.input-slider-horizontal input[type=range]::-webkit-slider-thumb:focus-visible{outline-offset:calc(-1 * var(--size-2));outline:var(--size-2) solid var(--color-text)}.input-slider-horizontal input[type=range]::-webkit-slider-thumb:hover{box-shadow:var(--size-0) var(--button-shadow-height) var(--size-0) var(--size-0) var(--button-shadow-color)}.input-slider-horizontal input[type=range]::-webkit-slider-thumb:active{transform:translate(0, var(--button-shadow-height));box-shadow:var(--size-0) var(--size-0) var(--size-0) var(--size-0) var(--button-shadow-color)}.input-slider-horizontal input[type=range]::-moz-range-thumb{pointer-events:auto;height:var(--size-24);aspect-ratio:1;background:var(--color-background-button);border:var(--size-1) solid var(--color-background-button);border-radius:var(--border-radius-8);width:auto;box-shadow:var(--size-0) var(--button-shadow-height) var(--size-0) var(--size-0) var(--button-shadow-color);cursor:pointer;transition:box-shadow 50ms linear,transform 50ms linear,background-color .1s linear,border-color .1s linear}.input-slider-horizontal input[type=range]::-moz-range-thumb:focus-visible{outline-offset:calc(-1 * var(--size-2));outline:var(--size-2) solid var(--color-text)}.input-slider-horizontal input[type=range]::-moz-range-thumb:hover{box-shadow:var(--size-0) var(--button-shadow-height) var(--size-0) var(--size-0) var(--button-shadow-color)}.input-slider-horizontal input[type=range]::-moz-range-thumb:active{transform:translate(0, var(--button-shadow-height));box-shadow:var(--size-0) var(--size-0) var(--size-0) var(--size-0) var(--button-shadow-color)}.input-slider-horizontal.input-slider-horizontal-small input[type=range],.input-slider-horizontal.input-slider-horizontal-very-small input[type=range]{height:var(--size-button-very-small);padding:calc(3px * var(--scale-size))}.input-slider-horizontal.input-slider-horizontal-small input[type=range]::-webkit-slider-thumb{height:var(--size-16);border-radius:var(--border-radius-4)}.input-slider-horizontal.input-slider-horizontal-very-small input[type=range]::-webkit-slider-thumb{height:var(--size-16);border-radius:var(--border-radius-4)}.input-slider-horizontal.input-slider-horizontal-small input[type=range]::-moz-range-thumb{height:var(--size-16);border-radius:var(--border-radius-4)}.input-slider-horizontal.input-slider-horizontal-very-small input[type=range]::-moz-range-thumb{height:var(--size-16);border-radius:var(--border-radius-4)}.input-slider-horizontal.input-slider-horizontal_disabled{pointer-events:none}.input-slider-horizontal.input-slider-horizontal_disabled input[type=range]{background-color:var(--color-background-secondary)}.input-slider-horizontal.input-slider-horizontal_disabled input[type=range]::-webkit-slider-thumb{background:var(--color-background-secondary);border:var(--size-1) solid var(--color-border-input);cursor:initial;box-shadow:none}.input-slider-horizontal.input-slider-horizontal_disabled input[type=range]::-webkit-slider-thumb:hover{box-shadow:none}.input-slider-horizontal.input-slider-horizontal_disabled input[type=range]::-webkit-slider-thumb:active{box-shadow:none;transform:none}.input-slider-horizontal.input-slider-horizontal_disabled input[type=range]::-moz-range-thumb{background:var(--color-background-secondary);border:var(--size-1) solid var(--color-border-input);cursor:initial;box-shadow:none}.input-slider-horizontal.input-slider-horizontal_disabled input[type=range]::-moz-range-thumb:hover{box-shadow:none}.input-slider-horizontal.input-slider-horizontal_disabled input[type=range]::-moz-range-thumb:active{box-shadow:none;transform:none}.input-slider-horizontal .input-slider-horizontal-value{font-size:var(--text-size-small);min-width:var(--size-32)}.hue-angle-input-slider{width:100%;min-width:var(--size-0);flex:1;display:flex}.hue-angle-input-slider .input-slider-horizontal input[type=range]{border:var(--size-1) solid transparent;background:linear-gradient(color-mix(in srgb, var(--color-background-input) 90%, transparent), color-mix(in srgb, var(--color-background-input) 90%, transparent)) padding-box, linear-gradient(to right, oklch(60% 40% 0deg/var(--alpha-base,1)), oklch(60% 40% 60deg/var(--alpha-base,1)), oklch(60% 40% 120deg/var(--alpha-base,1)), oklch(60% 40% 180deg/var(--alpha-base,1)), oklch(60% 40% 240deg/var(--alpha-base,1)), oklch(60% 40% 300deg/var(--alpha-base,1)), oklch(60% 40% 360deg/var(--alpha-base,1))) border-box}.hue-angle-input-slider .input-slider-horizontal input[type=range]::-webkit-slider-thumb{background:oklch(60% 40% var(--hue-value,0deg)/var(--alpha-base,1))}.hue-angle-input-slider .input-slider-horizontal input[type=range]::-moz-range-thumb{background:oklch(60% 40% var(--hue-value,0deg)/var(--alpha-base,1));border:var(--size-1) solid var(--color-text)}.hue-angle-input-slider.hue-angle-input-slider_disabled .input-slider-horizontal input[type=range]{border:var(--size-1) solid var(--color-border-input);background:var(--color-background-button-disabled)}.hue-angle-input-slider.hue-angle-input-slider_disabled .input-slider-horizontal input[type=range]::-webkit-slider-thumb{background:var(--color-background-button-disabled);border:var(--size-1) solid var(--color-border-input)}.hue-angle-input-slider.hue-angle-input-slider_disabled .input-slider-horizontal input[type=range]::-moz-range-thumb{background:var(--color-background-button-disabled);border:var(--size-1) solid var(--color-border-input)}.chroma-input-slider{width:100%;min-width:var(--size-0);flex:1;display:flex}.chroma-input-slider .input-slider-horizontal input[type=range]{border:var(--size-1) solid transparent;background:linear-gradient(color-mix(in srgb, var(--color-background-input) 90%, transparent), color-mix(in srgb, var(--color-background-input) 90%, transparent)) padding-box, linear-gradient(to right, oklch(60% 0% var(--hue-angle-base,0deg)/var(--alpha-base,1)), oklch(60% 30% var(--hue-angle-base,0deg)/var(--alpha-base,1))) border-box}.chroma-input-slider .input-slider-horizontal input[type=range]::-webkit-slider-thumb{background:oklch(60% calc(2 * var(--chroma-value,0%)) var(--hue-angle-base,0deg)/var(--alpha-base,1))!important}.chroma-input-slider .input-slider-horizontal input[type=range]::-moz-range-thumb{border:var(--size-1) solid var(--color-text);background:oklch(60% calc(2 * var(--chroma-value,0%)) var(--hue-angle-base,0deg)/var(--alpha-base,1))!important}.chroma-input-slider.chroma-input-slider_disabled .input-slider-horizontal input[type=range]{border:var(--size-2) solid var(--color-border-input);background:var(--color-background-button-disabled)}.chroma-input-slider.chroma-input-slider_disabled .input-slider-horizontal input[type=range]::-webkit-slider-thumb{background:var(--color-background-button-disabled);border:var(--size-1) solid var(--color-border-input)}.chroma-input-slider.chroma-input-slider_disabled .input-slider-horizontal input[type=range]::-moz-range-thumb{background:var(--color-background-button-disabled);border:var(--size-1) solid var(--color-border-input)}.input-component{height:var(--size-button);min-height:var(--size-button);width:100%;min-width:var(--size-0);border-radius:var(--border-radius-8);border:var(--size-1) solid var(--color-border-input);padding:calc(10px * var(--scale-size)) var(--size-16);color:var(--color-text);background:var(--color-background-input);box-sizing:border-box}.input-component.input-small{height:var(--size-button-small);min-height:var(--size-button-small);padding:calc(6px * var(--scale-size)) var(--size-12);font-size:var(--text-size-small)}.input-component.input-very-small{height:var(--size-button-very-small);min-height:var(--size-button-very-small);padding:calc(2px * var(--scale-size)) var(--size-8);font-size:var(--text-size-very-small)}.input-component:disabled{color:var(--color-text-disabled);background:var(--color-background-button-disabled);pointer-events:none}.input-component:disabled::placeholder,.input-component::placeholder{color:var(--color-text-disabled)}.settings-menu{gap:var(--size-12);width:var(--size-768);background-color:var(--color-background-secondary);border-radius:var(--border-radius-8);border:var(--size-1) solid var(--color-border-input);z-index:0;flex-direction:column;max-width:100%;margin:auto;display:flex;position:relative}.settings-menu .settings-menu-header{flex-direction:column;display:flex;position:relative}.settings-menu .settings-menu-header .settings-menu-row{align-items:center;gap:var(--size-4);padding:var(--size-4);flex-direction:row;display:flex}.settings-menu .settings-menu-header .settings-menu-row .settings-menu-title{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.settings-menu .settings-menu-form{gap:var(--size-48);padding:var(--size-16);flex-direction:column;display:flex}.settings-menu .settings-menu-form .settings-menu-group{gap:var(--size-12);flex-direction:column;width:100%;display:flex}.settings-menu .settings-menu-form .settings-menu-group .settings-menu-group-header{align-items:center;gap:var(--size-12);white-space:nowrap;flex-direction:row;display:flex}.settings-menu .settings-menu-form .settings-menu-group .settings-menu-group-item-header{align-items:center;gap:var(--size-4);font-size:var(--text-size-small);padding:var(--size-4) 0;flex-direction:row;display:flex}.settings-menu .settings-menu-form .settings-menu-group .settings-menu-group-item-row{align-items:center;gap:var(--size-8);flex-direction:row;display:flex}.settings-menu .settings-menu-form .settings-menu-group .button-checkbox_fill{flex:1}.settings-menu .settings-menu-form .settings-menu-group .button-checkbox_unchecked{background-color:var(--color-background-input);border:var(--size-1) solid var(--color-border-input)}.settings-menu .settings-menu-form .settings-menu-group .button-checkbox_service_checked{background:var(--color-background-confirm)}.settings-menu .settings-menu-form .settings-menu-group .button-checkbox_service_unchecked{background:var(--color-background-danger)}.settings-menu .settings-menu-actions{justify-content:flex-end;align-items:center;gap:var(--size-8);flex-direction:row;display:flex}.settings-menu .settings-menu-footer{align-items:center;gap:var(--size-8);width:100%;padding-bottom:var(--size-8);flex-direction:column;display:flex}.welcome-menu{gap:var(--size-12);width:var(--size-768);background-color:var(--color-background-secondary);border-radius:var(--border-radius-8);border:var(--size-1) solid var(--color-border-input);z-index:0;flex-direction:column;max-width:100%;margin:auto;display:flex;position:relative}.welcome-menu .welcome-menu-header{flex-direction:column;display:flex;position:relative}.welcome-menu .welcome-menu-header .welcome-menu-row{align-items:center;gap:var(--size-4);padding:var(--size-4);flex-direction:row;display:flex}.welcome-menu .welcome-menu-header .welcome-menu-row .welcome-menu-title{white-space:nowrap;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.welcome-menu .welcome-menu-body{text-align:center;align-items:center;gap:var(--size-24);padding:var(--size-16) var(--size-24) var(--size-24);flex-direction:column;display:flex}.welcome-menu .welcome-menu-body .welcome-menu-description{margin:0;line-height:1.6}.welcome-menu .welcome-menu-body .welcome-menu-actions{flex-direction:row;justify-content:center;width:100%;display:flex}.how-to-play-menu{z-index:0;width:var(--size-512);height:var(--size-512);max-width:calc(100vw - var(--size-64));max-height:calc(100vh - var(--size-64));background-color:var(--color-background-secondary);border:var(--size-1) solid var(--color-border-input);border-radius:var(--border-radius-8);flex-direction:column;margin:auto;display:flex;position:relative}.how-to-play-menu .how-to-play-menu-header{flex-direction:column;display:flex;position:relative}.how-to-play-menu .how-to-play-menu-header .how-to-play-menu-row{align-items:center;gap:var(--size-4);padding:var(--size-4);flex-direction:row;display:flex}.how-to-play-menu .how-to-play-menu-header .how-to-play-menu-row .how-to-play-menu-title{white-space:nowrap;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.how-to-play-menu .how-to-play-menu-body{width:100%;min-height:0;padding:var(--size-4);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.how-to-play-menu .how-to-play-menu-body .how-to-play-menu-carousel-row{justify-content:center;align-items:center;gap:var(--size-4);flex-direction:row;flex:1;width:100%;min-width:0;min-height:0;display:flex;position:relative}.how-to-play-menu .how-to-play-menu-body .how-to-play-menu-carousel-row .how-to-play-menu-navigation-button{flex-shrink:0}.how-to-play-menu .how-to-play-menu-body .how-to-play-menu-carousel-row .how-to-play-menu-scroll-container{flex-direction:column;flex:1;align-items:center;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden auto}.how-to-play-menu .how-to-play-menu-body .how-to-play-menu-carousel-row .how-to-play-menu-scroll-container .how-to-play-menu-card{justify-content:center;align-items:center;gap:var(--size-16);box-sizing:border-box;width:100%;max-width:var(--size-512);height:100%;min-height:min-content;padding:var(--size-16) 0;padding-bottom:var(--size-32);will-change:transform, opacity;flex-direction:column;margin:auto;display:flex;position:relative;container-type:inline-size}.how-to-play-menu .how-to-play-menu-body .how-to-play-menu-carousel-row .how-to-play-menu-scroll-container .how-to-play-menu-card.animating-out{pointer-events:none}.how-to-play-menu .how-to-play-menu-body .how-to-play-menu-carousel-row .how-to-play-menu-scroll-container .how-to-play-menu-card.animating-out.direction-forward{transform-origin:0 100%;animation:.35s cubic-bezier(.4,0,.2,1) forwards how-to-play-card-exit-forward}.how-to-play-menu .how-to-play-menu-body .how-to-play-menu-carousel-row .how-to-play-menu-scroll-container .how-to-play-menu-card.animating-out.direction-backward{transform-origin:100% 100%;animation:.35s cubic-bezier(.4,0,.2,1) forwards how-to-play-card-exit-backward}.how-to-play-menu .how-to-play-menu-body .how-to-play-menu-carousel-row .how-to-play-menu-scroll-container .how-to-play-menu-card.animating-in.direction-forward{transform-origin:100% 100%;animation:.35s cubic-bezier(0,0,.2,1) both how-to-play-card-enter-forward}.how-to-play-menu .how-to-play-menu-body .how-to-play-menu-carousel-row .how-to-play-menu-scroll-container .how-to-play-menu-card.animating-in.direction-backward{transform-origin:0 100%;animation:.35s cubic-bezier(0,0,.2,1) both how-to-play-card-enter-backward}.how-to-play-menu .how-to-play-menu-body .how-to-play-menu-carousel-row .how-to-play-menu-scroll-container .how-to-play-menu-card .how-to-play-menu-image-container{width:100%;min-height:var(--size-64);border-radius:var(--border-radius-8);flex:1 1 0;justify-content:center;align-items:center;max-height:66.4063cqw;display:flex;overflow:hidden}.how-to-play-menu .how-to-play-menu-body .how-to-play-menu-carousel-row .how-to-play-menu-scroll-container .how-to-play-menu-card .how-to-play-menu-image-container .how-to-play-menu-image{border-radius:var(--border-radius-8);object-fit:contain;width:100%;max-width:100%;height:100%;min-height:0;max-height:100%}[data-theme=light] .how-to-play-menu .how-to-play-menu-body .how-to-play-menu-carousel-row .how-to-play-menu-scroll-container .how-to-play-menu-card .how-to-play-menu-image-container .how-to-play-menu-image{filter:invert()}.how-to-play-menu .how-to-play-menu-body .how-to-play-menu-carousel-row .how-to-play-menu-scroll-container .how-to-play-menu-card .how-to-play-menu-text-container{align-items:center;gap:var(--size-8);text-align:center;flex-direction:column;flex-shrink:0;width:100%;display:flex}.how-to-play-menu .how-to-play-menu-body .how-to-play-menu-carousel-row .how-to-play-menu-scroll-container .how-to-play-menu-card .how-to-play-menu-text-container .how-to-play-menu-step-title{font-size:var(--font-size-large);margin:0}.how-to-play-menu .how-to-play-menu-body .how-to-play-menu-carousel-row .how-to-play-menu-scroll-container .how-to-play-menu-card .how-to-play-menu-text-container .how-to-play-menu-step-description{margin:0;line-height:1.5}.how-to-play-menu .how-to-play-menu-body .how-to-play-menu-carousel-row .how-to-play-menu-step-buttons-row{bottom:var(--size-4);z-index:10;justify-content:center;align-items:center;gap:var(--size-4);flex-direction:row;display:flex;position:absolute;left:50%;transform:translate(-50%)}@keyframes how-to-play-card-exit-forward{0%{opacity:1}to{opacity:0}}@keyframes how-to-play-card-enter-forward{0%{opacity:0}to{opacity:1}}@keyframes how-to-play-card-exit-backward{0%{opacity:1}to{opacity:0}}@keyframes how-to-play-card-enter-backward{0%{opacity:0}to{opacity:1}}.game-history-menu{z-index:0;width:var(--size-512);height:var(--size-512);max-width:calc(100vw - var(--size-64));max-height:calc(100vh - var(--size-64));background-color:var(--color-background-secondary);border:var(--size-1) solid var(--color-border-input);border-radius:var(--border-radius-8);flex-direction:column;margin:auto;display:flex;position:relative}.game-history-menu .game-history-menu-header{flex-direction:column;display:flex;position:relative}.game-history-menu .game-history-menu-header .game-history-menu-row{align-items:center;gap:var(--size-4);padding:var(--size-4);flex-direction:row;display:flex}.game-history-menu .game-history-menu-header .game-history-menu-row .game-history-menu-title{white-space:nowrap;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game-history-menu .game-history-menu-body{gap:var(--size-4);width:100%;min-height:0;padding:var(--size-4);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden auto}.game-history-menu .game-history-menu-body .game-history-menu-empty-message{padding:var(--size-16);text-align:center;flex:1;justify-content:center;align-items:center;display:flex}.game-history-menu .game-history-menu-body .game-history-menu-card{align-items:center;gap:var(--size-4);width:100%;padding:var(--size-4);border-radius:var(--border-radius-8);border:var(--size-1) solid var(--color-border-input);background-color:var(--color-background-secondary);flex-direction:row;display:flex}.game-history-menu .game-history-menu-body .game-history-menu-card .game-history-menu-card-drawing{height:var(--size-64);aspect-ratio:1;border-radius:var(--border-radius-4);flex-shrink:0;justify-content:center;align-items:center;min-height:100%;display:flex;overflow:hidden}.game-history-menu .game-history-menu-body .game-history-menu-card .game-history-menu-card-drawing .drawing-canvas{pointer-events:none;border:none;width:100%;height:100%}.game-history-menu .game-history-menu-body .game-history-menu-card .game-history-menu-card-drawing .game-history-menu-drawing-fallback-icon{width:var(--size-32);height:var(--size-32);opacity:.5}.game-history-menu .game-history-menu-body .game-history-menu-card .game-history-menu-card-content{justify-content:center;gap:var(--size-4);flex-direction:column;flex:1;min-width:0;display:flex}.game-history-menu .game-history-menu-body .game-history-menu-card .game-history-menu-card-content .game-history-menu-card-players-row{align-items:center;gap:var(--size-4);white-space:nowrap;flex-direction:row;display:flex;overflow:hidden}.game-history-menu .game-history-menu-body .game-history-menu-card .game-history-menu-card-content .game-history-menu-card-players-row .game-history-menu-player-avatar-button{flex-shrink:0}.game-history-menu .game-history-menu-body .game-history-menu-card .game-history-menu-card-content .game-history-menu-card-players-row .game-history-menu-player-avatar-button .drawing-canvas{background-color:var(--color-background-secondary);border:var(--size-1) solid var(--color-border-input);border-radius:var(--border-radius-4);pointer-events:none;width:100%;height:100%}.game-history-menu .game-history-menu-body .game-history-menu-card .game-history-menu-card-content .game-history-menu-card-date{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.game-history-menu .game-history-menu-body .game-history-menu-card .game-history-menu-view-button{flex-shrink:0;align-self:stretch;height:100%}.game-history-menu .game-history-menu-footer{flex-direction:column;display:flex;position:relative}.game-history-menu .game-history-menu-footer .game-history-menu-row{align-items:center;gap:var(--size-4);padding:var(--size-4);flex-direction:row;display:flex}.game-history-menu .game-history-menu-footer .game-history-menu-row .game-history-menu-save-count{-webkit-user-select:none;user-select:none}.game-history-menu .game-history-menu-footer .game-history-menu-row .game-history-menu-storage-info-button:focus-visible .button-tooltip{opacity:1;visibility:visible}.game-history-menu .game-history-menu-footer .game-history-menu-row .game-history-menu-storage-info-button .button-tooltip{white-space:normal;width:max-content;left:auto;right:0;transform:none}.error-menu{gap:var(--size-12);width:var(--size-512);background-color:var(--color-background-secondary);border-radius:var(--border-radius-8);border:var(--size-1) solid var(--color-border-input);z-index:0;flex-direction:column;max-width:100%;margin:auto;display:flex;position:relative}.error-menu .error-menu-header{flex-direction:column;display:flex;position:relative}.error-menu .error-menu-header .error-menu-row{align-items:center;gap:var(--size-4);padding:var(--size-4);flex-direction:row;display:flex}.error-menu .error-menu-header .error-menu-row .error-menu-title{white-space:nowrap;text-align:center;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.error-menu .error-menu-body{text-align:center;align-items:center;gap:var(--size-24);padding:var(--size-16) var(--size-24) var(--size-24);flex-direction:column;display:flex}.error-menu .error-menu-body .error-menu-description{margin:0;line-height:1.6}.error-menu .error-menu-body .error-menu-actions{flex-direction:row;justify-content:center;width:100%;display:flex}.input-visualizer{--key-size:var(--size-48);--button-gap:var(--size-4);--section-gap:var(--size-8)}.input-visualizer.size-small{--key-size:var(--size-button-small)}.input-visualizer.size-very-small{--key-size:var(--size-button-very-small)}.input-visualizer.size-micro{--key-size:var(--size-12);--button-gap:var(--size-2);--section-gap:var(--size-4)}.input-visualizer.size-micro .key{height:var(--key-size);gap:var(--size-2);border-radius:var(--size-2)}.input-visualizer.size-micro .key svg{height:var(--size-8)}.input-visualizer{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .8s,visibility .8s;display:flex;position:relative}.input-visualizer.visible{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s,visibility .2s}.input-visualizer .controller-container{padding:var(--size-4);gap:var(--section-gap);background-color:var(--color-background-secondary);border-radius:var(--border-radius-8);border:var(--size-1) solid var(--color-border-input);flex-direction:row;display:flex}.input-visualizer .controller-container .key{color:var(--color-text-disabled);background:var(--color-background-button-disabled)}.input-visualizer .controller-container .key.hidden{opacity:0}.input-visualizer .controller-container .key.button-active{color:var(--color-text);background:var(--color-background-button);box-shadow:var(--size-0) var(--size-1) var(--size-1) var(--size-0) #0000, inset var(--size-0) var(--size-1) var(--size-1) var(--size-0) #0000004d;transform:translate(0, var(--size-1))}.input-visualizer .controller-container.keyboard .section{justify-content:space-between;gap:var(--button-gap);flex-direction:column;display:flex}.input-visualizer .controller-container.keyboard .section-group{justify-content:space-between;gap:var(--section-gap);flex-direction:column;display:flex}.input-visualizer .controller-container.keyboard .key-row{gap:var(--button-gap);flex-direction:row;display:flex}.input-visualizer .controller-container.keyboard .section-functions{justify-content:space-between}.input-visualizer .controller-container.keyboard .section-functions .key-row{justify-content:space-between;gap:0;width:100%}.input-visualizer .controller-container.keyboard .section-functions .function-group{gap:var(--button-gap);flex-direction:row;display:flex}.input-visualizer .controller-container.keyboard .section-main .key-backspace,.input-visualizer .controller-container.keyboard .section-main .key-tab,.input-visualizer .controller-container.keyboard .section-main .key-\\{flex:1}.input-visualizer .controller-container.keyboard .section-main .key-capslock{flex:2}.input-visualizer .controller-container.keyboard .section-main .key-enter{flex:3}.input-visualizer .controller-container.keyboard .section-main .key-shift,.input-visualizer .controller-container.keyboard .section-main .key-space{flex:1}.input-visualizer .controller-container.keyboard .section-navigation-arrows{grid-template-columns:repeat(3, var(--key-size));grid-template-rows:repeat(2, var(--key-size));gap:var(--button-gap);margin-top:auto;display:grid}.input-visualizer .controller-container.keyboard .section-numpad{grid-template-columns:repeat(4, var(--key-size));grid-template-rows:repeat(5, var(--key-size));gap:var(--button-gap);margin-top:auto;display:grid}.input-visualizer .controller-container.keyboard .section-numpad .key-plus,.input-visualizer .controller-container.keyboard .section-numpad .key-enter{aspect-ratio:auto;grid-area:span 2/4;width:100%;height:100%}.input-visualizer .controller-container.keyboard .section-numpad .key-0{aspect-ratio:auto;grid-column:span 2;width:100%;height:100%}.input-visualizer .controller-container.mouse{grid-template-columns:repeat(3, var(--key-size));grid-template-rows:repeat(4, var(--key-size));gap:var(--button-gap);padding:var(--size-0);border-radius:var(--size-16) var(--size-16) var(--size-12) var(--size-12);display:grid;overflow:hidden}.input-visualizer .controller-container.mouse .key-left{aspect-ratio:auto;grid-area:1/1/span 2;width:100%;height:100%}.input-visualizer .controller-container.mouse .key-middle{grid-area:1/2;width:100%;height:100%}.input-visualizer .controller-container.mouse .key-right{aspect-ratio:auto;grid-area:1/3/span 2;width:100%;height:100%}.drawer-wrapper{z-index:1;height:100%;position:relative}.drawer-wrapper .drawer-background{z-index:1;-webkit-backdrop-filter:blur(var(--size-4));backdrop-filter:blur(var(--size-4));background-color:#0000004d;position:fixed;inset:0}.drawer-wrapper .drawer-content{z-index:2;background-color:var(--color-background-primary);flex-direction:column;transition:width .2s ease-in-out,border-width .2s ease-in-out;display:flex;position:absolute;top:0;bottom:0;overflow:hidden}.drawer-wrapper.drawer-direction-left .drawer-content{border-right:var(--size-1) solid var(--color-background-divider);left:0}.drawer-wrapper.drawer-direction-right .drawer-content{border-left:var(--size-1) solid var(--color-background-divider);right:0}.drawer-wrapper.drawer-open,.drawer-wrapper.drawer-open .drawer-content{width:var(--size-256)}.drawer-wrapper.drawer-minimized,.drawer-wrapper.drawer-minimized .drawer-content{width:var(--size-48)}.drawer-wrapper.drawer-closed{width:var(--size-0)}.drawer-wrapper.drawer-closed .drawer-content{width:var(--size-0);border-left-width:0;border-right-width:0}.drawer-wrapper.drawer-hidden{width:var(--size-0)}.drawer-wrapper.drawer-hidden .drawer-content{width:var(--size-0);border-width:0;display:none}.drawer-wrapper.drawer-overlay{width:var(--size-0)}.drawer-wrapper.drawer-overlay .drawer-content{box-shadow:0 0 var(--size-16) #0003}.drawer-wrapper.drawer-overlay.drawer-open{width:var(--size-0)}.drawer-wrapper.drawer-overlay.drawer-open .drawer-content{width:var(--size-256)}.drawer-wrapper.drawer-overlay.drawer-minimized{width:var(--size-0)}.drawer-wrapper.drawer-overlay.drawer-minimized .drawer-content{width:var(--size-48)}.vertical-drawer-server-stats-drawer .vertical-drawer-server-stats-body{gap:var(--size-16);padding:var(--size-16);-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;display:flex;overflow:hidden auto}.vertical-drawer-server-stats-drawer .vertical-drawer-server-stats-body .stats-section{gap:var(--size-8);flex-direction:column;display:flex}.vertical-drawer-server-stats-drawer .vertical-drawer-server-stats-body .stats-section .stats-section-title{text-transform:uppercase;justify-content:space-between;align-items:center;display:flex}.vertical-drawer-server-stats-drawer .vertical-drawer-server-stats-body .stats-section .stats-section-title .team-color-indicator{height:var(--size-16);aspect-ratio:1;width:auto}.vertical-drawer-server-stats-drawer .vertical-drawer-server-stats-body .stats-section .stats-list{gap:var(--size-4);flex-direction:column;display:flex}.vertical-drawer-server-stats-drawer .vertical-drawer-server-stats-body .stats-section .stats-list .row{justify-content:space-between;gap:var(--size-16);color:var(--color-text);display:flex}.vertical-drawer-server-stats-drawer .vertical-drawer-server-stats-body .stats-section .stats-list .row span{font-size:var(--text-size-small);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.vertical-drawer-server-stats-drawer .vertical-drawer-server-stats-body .stats-section .stats-list .row.row-child{padding-left:var(--size-12)}.vertical-drawer-server-stats-drawer .export-json-container{align-items:end;gap:var(--size-4);padding:var(--size-4);flex-direction:column;display:flex}.loading-text-ellipsis{display:inline-block}.loading-text-ellipsis .loading-text-ellipsis-dot.is-hidden{visibility:hidden}.game-session-joined-guard-loading{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}