@import"https://fonts.googleapis.com/css2?family=Vollkorn:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap";@layer properties;@layer theme,base,components,utilities;/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500: oklch(63.7% .237 25.331);--color-red-600: oklch(57.7% .245 27.325);--color-gray-500: oklch(55.1% .027 264.364);--color-black: #000;--color-white: #fff;--spacing: .25rem;--container-md: 28rem;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--leading-tight: 1.25;--leading-snug: 1.375;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono)}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::-moz-placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}::placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.\@container\/access{container-type:inline-size;container-name:access}.\@container\/account{container-type:inline-size;container-name:account}.\@container\/achievements{container-type:inline-size;container-name:achievements}.\@container\/create{container-type:inline-size;container-name:create}.\@container\/game{container-type:inline-size;container-name:game}.\@container\/join{container-type:inline-size;container-name:join}.\@container\/lobbies{container-type:inline-size;container-name:lobbies}.\@container\/lobby{container-type:inline-size;container-name:lobby}.\@container\/main{container-type:inline-size;container-name:main}.\@container\/phase1{container-type:inline-size;container-name:phase1}.\@container\/phase2{container-type:inline-size;container-name:phase2}.\@container\/phase3{container-type:inline-size;container-name:phase3}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.z-10{z-index:10}.z-\[9999\]{z-index:9999}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.container{margin-inline:auto;padding-inline:1rem}.mx-auto{margin-inline:auto}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-25{margin-top:calc(var(--spacing) * 25)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-\[0\.45px\]{margin-bottom:.45px}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.w-full{width:100%}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-\[23\.5vw\]{--tw-translate-x: -23.5vw ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x: calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[23\.5vw\]{--tw-translate-x: 23.5vw;translate:var(--tw-translate-x) var(--tw-translate-y)}.\[transform\:rotateY\(180deg\)\]{transform:rotateY(180deg)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.self-center{align-self:center}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-\[\#15c42c\]{border-color:#15c42c}.border-\[\#444\]{border-color:#444}.border-\[\#a65e2e\]{border-color:#a65e2e}.border-\[\#c1272d\]{border-color:#c1272d}.border-\[\#e33e3e\]{border-color:#e33e3e}.border-red-500{border-color:var(--color-red-500)}.border-transparent{border-color:transparent}.bg-\[\#00c4ff\]{background-color:#00c4ff}.bg-\[\#4caf50\]{background-color:#4caf50}.bg-\[\#007bff\]{background-color:#007bff}.bg-\[\#333\]{background-color:#333}.bg-\[\#444\]{background-color:#444}.bg-\[\#469ff1\]{background-color:#469ff1}.bg-\[\#626262\]{background-color:#626262}.bg-\[\#c0392b\]{background-color:#c0392b}.bg-\[\#c1272d\]{background-color:#c1272d}.bg-\[\#e74c3c\]{background-color:#e74c3c}.bg-black\/65{background-color:color-mix(in srgb,#000 65%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-black\/65{background-color:color-mix(in oklab,var(--color-black) 65%,transparent)}}.bg-\[url\(\'\/icons\/join\.svg\'\)\]{background-image:url(/icons/join.svg)}.bg-\[url\(\'\/icons\/remove\.svg\'\)\]{background-image:url(/icons/remove.svg)}.bg-\[85\%_auto\]{background-size:85% auto}.bg-cover{background-size:cover}.bg-center{background-position:center}.bg-no-repeat{background-repeat:no-repeat}.object-contain{-o-object-fit:contain;object-fit:contain}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-\[\'Luckiest_Guy\'\]{font-family:Luckiest Guy}.font-\[Vollkorn\]{font-family:Vollkorn}.text-\[1\.2rem\]{font-size:1.2rem}.text-\[1\.6rem\]{font-size:1.6rem}.text-\[2rem\]{font-size:2rem}.font-bold{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-\[\#1b0e1e\]{color:#1b0e1e}.text-\[\#c49a6c\]{color:#c49a6c}.text-red-600{color:var(--color-red-600)}.text-white{color:var(--color-white)}.opacity-0{opacity:0%}.opacity-50{opacity:50%}.opacity-100{opacity:100%}.shadow-\[2px_2px_10px_rgba\(0\,0\,0\,0\.2\)\]{--tw-shadow: 2px 2px 10px var(--tw-shadow-color, rgba(0,0,0,.2));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.ease-in-out{--tw-ease: var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease: var(--ease-out);transition-timing-function:var(--ease-out)}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(hover:hover){.hover\:-translate-y-\[2px\]:hover{--tw-translate-y: -2px ;translate:var(--tw-translate-x) var(--tw-translate-y)}}@media(hover:hover){.hover\:-translate-y-\[3px\]:hover{--tw-translate-y: -3px ;translate:var(--tw-translate-x) var(--tw-translate-y)}}@media(hover:hover){.hover\:scale-105:hover{--tw-scale-x: 105%;--tw-scale-y: 105%;--tw-scale-z: 105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}@media(hover:hover){.hover\:scale-110:hover{--tw-scale-x: 110%;--tw-scale-y: 110%;--tw-scale-z: 110%;scale:var(--tw-scale-x) var(--tw-scale-y)}}@media(hover:hover){.hover\:\[transform\:rotateY\(180deg\)_translateX\(2\.5px\)\]:hover{transform:rotateY(180deg) translate(2.5px)}}@media(hover:hover){.hover\:\[transform\:translateY\(-20px\)\]:hover{transform:translateY(-20px)}}@media(hover:hover){.hover\:bg-\[\#3e8e41\]:hover{background-color:#3e8e41}}@media(hover:hover){.hover\:bg-\[\#c0392b\]:hover{background-color:#c0392b}}@media(hover:hover){.hover\:shadow-\[6px_6px_12px_rgba\(0\,0\,0\,0\.6\)\]:hover{--tw-shadow: 6px 6px 12px var(--tw-shadow-color, rgba(0,0,0,.6));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.active\:translate-y-\[2px\]:active{--tw-translate-y: 2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:scale-100:active{--tw-scale-x: 100%;--tw-scale-y: 100%;--tw-scale-z: 100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:\[transform\:translateY\(-10px\)\]:active{transform:translateY(-10px)}.active\:shadow-\[2px_2px_4px_rgba\(0\,0\,0\,0\.3\)\]:active{--tw-shadow: 2px 2px 4px var(--tw-shadow-color, rgba(0,0,0,.3));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media(min-width:40rem){.sm\:mt-1{margin-top:calc(var(--spacing) * 1)}}@media(min-width:40rem){.sm\:mt-3{margin-top:calc(var(--spacing) * 3)}}@media(min-width:40rem){.sm\:mt-11{margin-top:calc(var(--spacing) * 11)}}@media(min-width:40rem){.sm\:mb-\[0\.45px\]{margin-bottom:.45px}}@media(min-width:40rem){.sm\:mb-\[2\.5px\]{margin-bottom:2.5px}}@media(min-width:40rem){.sm\:-translate-x-\[25vw\]{--tw-translate-x: -25vw ;translate:var(--tw-translate-x) var(--tw-translate-y)}}@media(min-width:40rem){.sm\:translate-x-\[25vw\]{--tw-translate-x: 25vw;translate:var(--tw-translate-x) var(--tw-translate-y)}}@media(min-width:40rem){.sm\:gap-0\.5{gap:calc(var(--spacing) * .5)}}@media(min-width:40rem){.sm\:gap-1{gap:calc(var(--spacing) * 1)}}@media(min-width:40rem){.sm\:text-\[0\.7rem\]{font-size:.7rem}}@media(min-width:40rem){.sm\:text-\[0\.75rem\]{font-size:.75rem}}@media(min-width:40rem){.sm\:text-\[1rem\]{font-size:1rem}}@media(min-width:64rem){.lg\:mt-2{margin-top:calc(var(--spacing) * 2)}}@media(min-width:64rem){.lg\:mt-6{margin-top:calc(var(--spacing) * 6)}}@media(min-width:64rem){.lg\:mt-30{margin-top:calc(var(--spacing) * 30)}}@media(min-width:64rem){.lg\:mb-\[1px\]{margin-bottom:1px}}@media(min-width:64rem){.lg\:mb-\[2\.5px\]{margin-bottom:2.5px}}@media(min-width:64rem){.lg\:-translate-x-\[43\.5vw\]{--tw-translate-x: -43.5vw ;translate:var(--tw-translate-x) var(--tw-translate-y)}}@media(min-width:64rem){.lg\:translate-x-\[43\.5vw\]{--tw-translate-x: 43.5vw;translate:var(--tw-translate-x) var(--tw-translate-y)}}@media(min-width:64rem){.lg\:gap-1{gap:calc(var(--spacing) * 1)}}@media(min-width:64rem){.lg\:gap-2{gap:calc(var(--spacing) * 2)}}@media(min-width:64rem){.lg\:gap-3{gap:calc(var(--spacing) * 3)}}@media(min-width:64rem){.lg\:text-\[1\.5rem\]{font-size:1.5rem}}@media(min-width:64rem){.lg\:text-\[1\.35rem\]{font-size:1.35rem}}@media(min-width:64rem){.lg\:text-\[2rem\]{font-size:2rem}}@media(min-width:80rem){.xl\:mt-2{margin-top:calc(var(--spacing) * 2)}}@media(min-width:80rem){.xl\:mt-6{margin-top:calc(var(--spacing) * 6)}}@media(min-width:80rem){.xl\:mt-30{margin-top:calc(var(--spacing) * 30)}}@media(min-width:80rem){.xl\:mb-\[3px\]{margin-bottom:3px}}@media(min-width:80rem){.xl\:mb-\[5px\]{margin-bottom:5px}}@media(min-width:80rem){.xl\:-translate-x-\[35vw\]{--tw-translate-x: -35vw ;translate:var(--tw-translate-x) var(--tw-translate-y)}}@media(min-width:80rem){.xl\:translate-x-\[35vw\]{--tw-translate-x: 35vw;translate:var(--tw-translate-x) var(--tw-translate-y)}}@media(min-width:80rem){.xl\:gap-1\.5{gap:calc(var(--spacing) * 1.5)}}@media(min-width:80rem){.xl\:gap-2{gap:calc(var(--spacing) * 2)}}@media(min-width:80rem){.xl\:gap-3{gap:calc(var(--spacing) * 3)}}@media(min-width:80rem){.xl\:text-\[1\.75rem\]{font-size:1.75rem}}@media(min-width:96rem){.\32xl\:mt-0{margin-top:calc(var(--spacing) * 0)}}@media(min-width:96rem){.\32xl\:mt-3{margin-top:calc(var(--spacing) * 3)}}@media(min-width:96rem){.\32xl\:mt-6{margin-top:calc(var(--spacing) * 6)}}@media(min-width:96rem){.\32xl\:mt-38{margin-top:calc(var(--spacing) * 38)}}@media(min-width:96rem){.\32xl\:mb-\[2\.5px\]{margin-bottom:2.5px}}@media(min-width:96rem){.\32xl\:-translate-x-\[25vw\]{--tw-translate-x: -25vw ;translate:var(--tw-translate-x) var(--tw-translate-y)}}@media(min-width:96rem){.\32xl\:translate-x-\[25vw\]{--tw-translate-x: 25vw;translate:var(--tw-translate-x) var(--tw-translate-y)}}@media(min-width:96rem){.\32xl\:gap-1\.5{gap:calc(var(--spacing) * 1.5)}}@media(min-width:96rem){.\32xl\:gap-2{gap:calc(var(--spacing) * 2)}}@media(min-width:96rem){.\32xl\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}}@media(min-width:96rem){.\32xl\:gap-3{gap:calc(var(--spacing) * 3)}}@media(min-width:96rem){.\32xl\:text-\[1\.75rem\]{font-size:1.75rem}}@media(min-width:96rem){.\32xl\:text-\[2\.5rem\]{font-size:2.5rem}}}@keyframes pulsate{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes slideIn{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}:root{background:url(/backgrounds/panels.png) no-repeat center center fixed;background-size:cover;min-height:100vh}.modal-style{position:fixed;inset:calc(var(--spacing) * 0);z-index:1000;display:flex;height:100vh;width:100vw;align-items:center;justify-content:center;background-color:color-mix(in srgb,#000 60%,transparent)}@supports (color: color-mix(in lab,red,red)){.modal-style{background-color:color-mix(in oklab,var(--color-black) 60%,transparent)}}.modal-btn{margin-top:calc(var(--spacing) * 1);cursor:pointer;border-radius:.25rem;--tw-border-style: none;border-style:none;background-color:#e33e3e;padding-inline:calc(var(--spacing) * 1);padding-block:calc(var(--spacing) * 1);font-size:1.25rem;color:var(--color-white);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .2s;transition-duration:.2s;--tw-ease: var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media(hover:hover){.modal-btn:hover{--tw-scale-x: 110%;--tw-scale-y: 110%;--tw-scale-z: 110%;scale:var(--tw-scale-x) var(--tw-scale-y)}}@media(hover:hover){.modal-btn:hover{background-color:#e33e3e}}@media(min-width:40rem){.modal-btn{margin-top:calc(var(--spacing) * 1)}}@media(min-width:40rem){.modal-btn{padding-inline:calc(var(--spacing) * 1.5)}}@media(min-width:40rem){.modal-btn{padding-block:calc(var(--spacing) * 1.5)}}@media(min-width:40rem){.modal-btn{font-size:.75rem}}@media(min-width:64rem){.modal-btn{margin-top:calc(var(--spacing) * 1)}}@media(min-width:64rem){.modal-btn{padding-inline:calc(var(--spacing) * 2)}}@media(min-width:64rem){.modal-btn{padding-block:calc(var(--spacing) * 2)}}@media(min-width:64rem){.modal-btn{font-size:1.25rem}}@media(min-width:80rem){.modal-btn{margin-top:calc(var(--spacing) * 2)}}@media(min-width:80rem){.modal-btn{padding-inline:calc(var(--spacing) * 2)}}@media(min-width:80rem){.modal-btn{padding-block:calc(var(--spacing) * 2)}}@media(min-width:80rem){.modal-btn{font-size:1.75rem}}@media(min-width:96rem){.modal-btn{margin-top:calc(var(--spacing) * 2)}}@media(min-width:96rem){.modal-btn{padding-inline:calc(var(--spacing) * 2)}}@media(min-width:96rem){.modal-btn{padding-block:calc(var(--spacing) * 2)}}@media(min-width:96rem){.modal-btn{font-size:1.75rem}}.highlight{margin-left:calc(var(--spacing) * 1);color:var(--color-red-600)}@media(min-width:40rem){.highlight{margin-left:calc(var(--spacing) * 1.5)}}@media(min-width:64rem){.highlight{margin-left:calc(var(--spacing) * 3.5)}}@media(min-width:80rem){.highlight{margin-left:calc(var(--spacing) * 4)}}@media(min-width:96rem){.highlight{margin-left:calc(var(--spacing) * 4.5)}}.highlight-player{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold);color:#a65a2e}.highlight-count{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold);color:#a12727}.btn-container{position:relative;display:inline-block}@media(hover:hover){.btn-container:hover{--tw-scale-x: 105%;--tw-scale-y: 105%;--tw-scale-z: 105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}@media(hover:hover){.btn-container button:hover{--tw-scale-x: 105%;--tw-scale-y: 105%;--tw-scale-z: 105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.btn-container button:disabled{pointer-events:none}@media(hover:hover){.btn-container img:hover{--tw-scale-x: 105%;--tw-scale-y: 105%;--tw-scale-z: 105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}@media(hover:hover){.btn-container img:hover{filter:drop-shadow(6px 6px 12px rgba(0,0,0,.6))}}.btn-txt{min-width:30rem;font-family:Luckiest Guy;font-size:2.75rem;--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-white);text-shadow:1px 1px 2px black}@media(hover:hover){.btn-txt:hover{--tw-scale-x: 105%;--tw-scale-y: 105%;--tw-scale-z: 105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}@media(min-width:40rem){.btn-txt{min-width:10rem}}@media(min-width:40rem){.btn-txt{font-size:1rem}}@media(min-width:64rem){.btn-txt{min-width:30rem}}@media(min-width:64rem){.btn-txt{font-size:2rem}}@media(min-width:80rem){.btn-txt{font-size:2.5rem}}.txt-highlight{margin-left:15px;color:var(--color-red-600)}@media(min-width:40rem){.txt-highlight{margin-left:5px}}@media(min-width:64rem){.txt-highlight{margin-left:10px}}@media(min-width:80rem){.txt-highlight{margin-left:15px}}@media(min-width:96rem){.txt-highlight{margin-left:20px}}.txt-hover{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .2s;transition-duration:.2s;--tw-ease: var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media(hover:hover){.txt-hover:is(:where(.group):not(:disabled) *):hover{--tw-translate-y: -3px ;translate:var(--tw-translate-x) var(--tw-translate-y)}}@media(hover:hover){.txt-hover:is(:where(.group):not(:disabled) *):hover{--tw-shadow: 6px 6px 12px var(--tw-shadow-color, rgba(0,0,0,0));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.txt-hover:is(:where(.group):not(:disabled) *):active{--tw-translate-y: 2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.txt-hover:is(:where(.group):not(:disabled) *):active{--tw-shadow: 2px 2px 4px var(--tw-shadow-color, rgba(0,0,0,.3));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.input-style{margin-bottom:calc(var(--spacing) * 3);height:5vh;width:17vw;border-radius:.5vh;border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-white);background-size:cover;padding-inline:calc(var(--spacing) * 3);font-family:var(--font-serif);font-size:27px;color:#f5e1a4;--tw-outline-style: none;outline-style:none}@media(min-width:40rem){.input-style{margin-bottom:calc(var(--spacing) * -2)}}@media(min-width:40rem){.input-style{height:6vh}}@media(min-width:40rem){.input-style{width:17vw}}@media(min-width:40rem){.input-style{border-radius:.6vh}}@media(min-width:40rem){.input-style{padding-inline:calc(var(--spacing) * 1)}}@media(min-width:40rem){.input-style{font-size:.5rem}}@media(min-width:64rem){.input-style{margin-bottom:calc(var(--spacing) * -1)}}@media(min-width:64rem){.input-style{height:6vh}}@media(min-width:64rem){.input-style{width:22.5vw}}@media(min-width:64rem){.input-style{border-radius:1vh}}@media(min-width:64rem){.input-style{padding-inline:calc(var(--spacing) * 2)}}@media(min-width:64rem){.input-style{font-size:1.15rem}}@media(min-width:80rem){.input-style{margin-bottom:calc(var(--spacing) * 0)}}@media(min-width:80rem){.input-style{height:6vh}}@media(min-width:80rem){.input-style{width:20vw}}@media(min-width:80rem){.input-style{border-radius:1vh}}@media(min-width:80rem){.input-style{padding-inline:calc(var(--spacing) * 2)}}@media(min-width:80rem){.input-style{font-size:1.3rem}}@media(min-width:96rem){.input-style{margin-bottom:calc(var(--spacing) * 0)}}@media(min-width:96rem){.input-style{height:5.5vh}}@media(min-width:96rem){.input-style{width:17.5vw}}@media(min-width:96rem){.input-style{padding-inline:calc(var(--spacing) * 2)}}@media(min-width:96rem){.input-style{font-size:1.5rem}}.select-wrapper{margin-block:calc(var(--spacing) * .5);display:flex;flex-direction:column;align-items:center}.select-label{margin-bottom:calc(var(--spacing) * 1);font-size:1.5rem;--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:40rem){.select-label{margin-bottom:calc(var(--spacing) * .5)}}@media(min-width:40rem){.select-label{font-size:.75rem}}@media(min-width:64rem){.select-label{margin-bottom:calc(var(--spacing) * .5)}}@media(min-width:64rem){.select-label{font-size:1.35rem}}@media(min-width:80rem){.select-label{margin-bottom:calc(var(--spacing) * .5)}}@media(min-width:80rem){.select-label{font-size:1.75rem}}@media(min-width:96rem){.select-label{margin-bottom:calc(var(--spacing) * 1)}}@media(min-width:96rem){.select-label{font-size:1.8rem}}.select-style{width:40vw;border-radius:.25rem;border-style:var(--tw-border-style);border-width:2px;border-color:#a65a2e;background-color:#222;padding-inline:calc(var(--spacing) * 1);padding-block:calc(var(--spacing) * .5);font-family:var(--font-sans);font-size:1.5rem;color:var(--color-white);transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .3s;transition-duration:.3s;--tw-ease: var(--ease-in-out);transition-timing-function:var(--ease-in-out);--tw-outline-style: none;outline-style:none}@media(hover:hover){.select-style:hover{border-color:#e33e3e}}@media(min-width:40rem){.select-style{width:17.5vw}}@media(min-width:40rem){.select-style{border-style:var(--tw-border-style);border-width:1px}}@media(min-width:40rem){.select-style{font-size:.75rem}}@media(min-width:64rem){.select-style{width:15vw}}@media(min-width:64rem){.select-style{border-style:var(--tw-border-style);border-width:2px}}@media(min-width:64rem){.select-style{font-size:1.25rem}}@media(min-width:80rem){.select-style{width:15vw}}@media(min-width:80rem){.select-style{font-size:1.5rem}}@media(min-width:96rem){.select-style{width:12.5vw}}@media(min-width:96rem){.select-style{font-size:1.75rem}}.select-option{background-color:#333;font-size:1.5rem;color:var(--color-white)}@media(min-width:40rem){.select-option{font-size:.75rem}}@media(min-width:64rem){.select-option{font-size:1.25rem}}@media(min-width:80rem){.select-option{font-size:1.5rem}}@media(min-width:96rem){.select-option{font-size:1.75rem}}.checkbox-label{display:flex;align-items:center;font-family:var(--font-serif);font-size:27px;--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold);color:#f5e1a4}@media(min-width:40rem){.checkbox-label{font-size:.6rem}}@media(min-width:64rem){.checkbox-label{font-size:1.35rem}}@media(min-width:80rem){.checkbox-label{font-size:1.5rem}}@media(min-width:96rem){.checkbox-label{font-size:1.8rem}}.checkbox-input{margin-right:calc(var(--spacing) * 3);height:30px;width:30px;accent-color:#5a3e22}@media(min-width:40rem){.checkbox-input{margin-right:calc(var(--spacing) * 1)}}@media(min-width:40rem){.checkbox-input{height:15px}}@media(min-width:40rem){.checkbox-input{width:15px}}@media(min-width:64rem){.checkbox-input{margin-right:calc(var(--spacing) * 2)}}@media(min-width:64rem){.checkbox-input{height:25px}}@media(min-width:64rem){.checkbox-input{width:25px}}@media(min-width:80rem){.checkbox-input{margin-right:calc(var(--spacing) * 2)}}@media(min-width:80rem){.checkbox-input{height:28px}}@media(min-width:80rem){.checkbox-input{width:28px}}@media(min-width:96rem){.checkbox-input{margin-right:calc(var(--spacing) * 3)}}@media(min-width:96rem){.checkbox-input{height:30px}}@media(min-width:96rem){.checkbox-input{width:30px}}.numberInc-label{margin-bottom:calc(var(--spacing) * 1);font-size:1.75rem;--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:40rem){.numberInc-label{margin-bottom:calc(var(--spacing) * 0)}}@media(min-width:40rem){.numberInc-label{font-size:.75rem}}@media(min-width:64rem){.numberInc-label{margin-bottom:calc(var(--spacing) * 1)}}@media(min-width:64rem){.numberInc-label{font-size:1.5rem}}@media(min-width:80rem){.numberInc-label{margin-bottom:calc(var(--spacing) * 1)}}@media(min-width:80rem){.numberInc-label{font-size:1.65rem}}@media(min-width:96rem){.numberInc-label{margin-bottom:calc(var(--spacing) * 1)}}@media(min-width:96rem){.numberInc-label{font-size:1.75rem}}.numberInc-input{width:120px;border-radius:.25rem;border-style:var(--tw-border-style);border-width:2px;border-color:#a65a2e;background-color:#222;padding:calc(var(--spacing) * 1);font-size:1.65rem;color:var(--color-white);transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .3s;transition-duration:.3s;--tw-ease: var(--ease-in-out);transition-timing-function:var(--ease-in-out);--tw-outline-style: none;outline-style:none}@media(hover:hover){.numberInc-input:hover{border-color:#e33e3e}}@media(min-width:40rem){.numberInc-input{width:80px}}@media(min-width:40rem){.numberInc-input{border-style:var(--tw-border-style);border-width:1px}}@media(min-width:40rem){.numberInc-input{font-size:.65rem}}@media(min-width:64rem){.numberInc-input{width:100px}}@media(min-width:64rem){.numberInc-input{border-style:var(--tw-border-style);border-width:2px}}@media(min-width:64rem){.numberInc-input{font-size:1.35rem}}@media(min-width:80rem){.numberInc-input{width:120px}}@media(min-width:80rem){.numberInc-input{border-style:var(--tw-border-style);border-width:2px}}@media(min-width:80rem){.numberInc-input{font-size:1.5rem}}@media(min-width:96rem){.numberInc-input{width:100px}}@media(min-width:96rem){.numberInc-input{border-style:var(--tw-border-style);border-width:2px}}@media(min-width:96rem){.numberInc-input{font-size:1.5rem}}.quote-wrapper{pointer-events:none;margin-top:-30vh;margin-bottom:calc(var(--spacing) * 2);display:flex;width:15vw;flex-direction:column;align-items:center;gap:calc(var(--spacing) * 2);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:40rem){.quote-wrapper{margin-top:-20vh}}@media(min-width:40rem){.quote-wrapper{margin-bottom:calc(var(--spacing) * 0)}}@media(min-width:40rem){.quote-wrapper{width:15vw}}@media(min-width:64rem){.quote-wrapper{margin-top:-27.5vh}}@media(min-width:64rem){.quote-wrapper{margin-bottom:calc(var(--spacing) * 2)}}@media(min-width:64rem){.quote-wrapper{width:20vw}}@media(min-width:80rem){.quote-wrapper{margin-top:-20vh}}@media(min-width:80rem){.quote-wrapper{margin-bottom:calc(var(--spacing) * 4)}}@media(min-width:80rem){.quote-wrapper{width:17.5vw}}@media(min-width:96rem){.quote-wrapper{margin-top:-20vh}}@media(min-width:96rem){.quote-wrapper{margin-bottom:calc(var(--spacing) * 4)}}@media(min-width:96rem){.quote-wrapper{width:15vw}}.quote-txt{pointer-events:none;position:relative;top:3vh;z-index:10;margin-left:25vh;min-width:30rem;rotate:8deg;animation:pulsate 2.2s ease-in-out infinite;text-align:center;font-size:1.5rem;--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold);color:#d10000;text-shadow:1px 1px 2px #000}@media(min-width:40rem){.quote-txt{top:3vh}}@media(min-width:40rem){.quote-txt{margin-left:17.5vh}}@media(min-width:40rem){.quote-txt{min-width:10rem}}@media(min-width:40rem){.quote-txt{font-size:.5rem}}@media(min-width:64rem){.quote-txt{top:2.5vh}}@media(min-width:64rem){.quote-txt{margin-left:20vh}}@media(min-width:64rem){.quote-txt{min-width:30rem}}@media(min-width:64rem){.quote-txt{font-size:1.2rem}}@media(min-width:80rem){.quote-txt{top:2vh}}@media(min-width:80rem){.quote-txt{margin-left:20vh}}@media(min-width:80rem){.quote-txt{font-size:1.35rem}}@media(min-width:96rem){.quote-txt{top:2.5vh}}@media(min-width:96rem){.quote-txt{margin-left:25vh}}@media(min-width:96rem){.quote-txt{font-size:1.5rem}}.popup-wrapper{max-width:250px;min-width:125px;border-radius:1rem;border-style:var(--tw-border-style);border-width:2px;border-color:#aaa;background-color:#2c2c2c;padding-inline:calc(var(--spacing) * 8);padding-block:calc(var(--spacing) * 6);text-align:center;color:var(--color-white);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:40rem){.popup-wrapper{max-width:35vw}}@media(min-width:40rem){.popup-wrapper{min-width:25vw}}@media(min-width:40rem){.popup-wrapper{border-radius:1rem}}@media(min-width:40rem){.popup-wrapper{padding-inline:calc(var(--spacing) * 6)}}@media(min-width:40rem){.popup-wrapper{padding-block:calc(var(--spacing) * 4)}}@media(min-width:64rem){.popup-wrapper{max-width:50vw}}@media(min-width:64rem){.popup-wrapper{min-width:17.5vw}}@media(min-width:64rem){.popup-wrapper{border-style:var(--tw-border-style);border-width:3px}}@media(min-width:64rem){.popup-wrapper{padding-inline:calc(var(--spacing) * 4)}}@media(min-width:64rem){.popup-wrapper{padding-block:calc(var(--spacing) * 6)}}@media(min-width:80rem){.popup-wrapper{max-width:40vw}}@media(min-width:96rem){.popup-wrapper{max-width:25vw}}.popup-header{margin-bottom:calc(var(--spacing) * 2);display:flex;align-items:center;justify-content:center;gap:calc(var(--spacing) * 2)}@media(min-width:40rem){.popup-header{margin-bottom:calc(var(--spacing) * 2)}}@media(min-width:40rem){.popup-header{gap:calc(var(--spacing) * 1)}}@media(min-width:64rem){.popup-header{margin-bottom:calc(var(--spacing) * 2)}}@media(min-width:64rem){.popup-header{gap:calc(var(--spacing) * 1)}}.popup-btn{margin-top:calc(var(--spacing) * 10);cursor:pointer;border-radius:.3rem;--tw-border-style: none;border-style:none;padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 2);font-size:1.2rem;--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}@media(hover:hover){.popup-btn:hover{--tw-scale-x: 110%;--tw-scale-y: 110%;--tw-scale-z: 110%;scale:var(--tw-scale-x) var(--tw-scale-y)}}@media(min-width:40rem){.popup-btn{margin-top:calc(var(--spacing) * 6)}}@media(min-width:40rem){.popup-btn{padding-inline:calc(var(--spacing) * 4)}}@media(min-width:40rem){.popup-btn{padding-block:calc(var(--spacing) * 1)}}@media(min-width:40rem){.popup-btn{font-size:1rem}}@media(min-width:64rem){.popup-btn{margin-top:calc(var(--spacing) * 4)}}@media(min-width:64rem){.popup-btn{padding-inline:calc(var(--spacing) * 6)}}@media(min-width:64rem){.popup-btn{padding-block:calc(var(--spacing) * 1)}}@media(min-width:64rem){.popup-btn{font-size:1.75rem}}@media(min-width:96rem){.popup-btn{font-size:2rem}}.backBtn-style{position:fixed;bottom:calc(var(--spacing) * 4);left:calc(var(--spacing) * 4);z-index:30;height:175px;width:175px;cursor:pointer;overflow:hidden;border-radius:calc(infinity * 1px);background-size:contain;background-position:center;background-repeat:no-repeat;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .2s;transition-duration:.2s;--tw-ease: var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media(hover:hover){.backBtn-style:hover{--tw-translate-y: -3px ;translate:var(--tw-translate-x) var(--tw-translate-y)}}@media(hover:hover){.backBtn-style:hover{--tw-scale-x: 105%;--tw-scale-y: 105%;--tw-scale-z: 105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}@media(hover:hover){.backBtn-style:hover{--tw-shadow: 6px 6px 12px var(--tw-shadow-color, rgba(0,0,0,.6));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media(min-width:40rem){.backBtn-style{bottom:calc(var(--spacing) * 1.5)}}@media(min-width:40rem){.backBtn-style{left:calc(var(--spacing) * 2)}}@media(min-width:40rem){.backBtn-style{height:60px}}@media(min-width:40rem){.backBtn-style{width:60px}}@media(min-width:64rem){.backBtn-style{bottom:calc(var(--spacing) * 6)}}@media(min-width:64rem){.backBtn-style{left:calc(var(--spacing) * 4)}}@media(min-width:64rem){.backBtn-style{height:120px}}@media(min-width:64rem){.backBtn-style{width:120px}}@media(min-width:80rem){.backBtn-style{bottom:calc(var(--spacing) * 8)}}@media(min-width:80rem){.backBtn-style{left:calc(var(--spacing) * 6)}}@media(min-width:80rem){.backBtn-style{height:140px}}@media(min-width:80rem){.backBtn-style{width:140px}}@media(min-width:96rem){.backBtn-style{bottom:calc(var(--spacing) * 4)}}@media(min-width:96rem){.backBtn-style{left:calc(var(--spacing) * 4)}}@media(min-width:96rem){.backBtn-style{height:155px}}@media(min-width:96rem){.backBtn-style{width:155px}}.playerActionBtn{position:fixed;right:calc(var(--spacing) * 4);bottom:calc(var(--spacing) * 4);z-index:30;height:175px;width:175px;cursor:pointer;overflow:hidden;border-radius:calc(infinity * 1px);background-size:contain;background-position:center;background-repeat:no-repeat;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .2s;transition-duration:.2s;--tw-ease: var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media(min-width:40rem){.playerActionBtn{right:calc(var(--spacing) * 2)}}@media(min-width:40rem){.playerActionBtn{bottom:calc(var(--spacing) * 1.5)}}@media(min-width:40rem){.playerActionBtn{height:60px}}@media(min-width:40rem){.playerActionBtn{width:60px}}@media(min-width:64rem){.playerActionBtn{right:calc(var(--spacing) * 4)}}@media(min-width:64rem){.playerActionBtn{bottom:calc(var(--spacing) * 6)}}@media(min-width:64rem){.playerActionBtn{height:120px}}@media(min-width:64rem){.playerActionBtn{width:120px}}@media(min-width:80rem){.playerActionBtn{right:calc(var(--spacing) * 6)}}@media(min-width:80rem){.playerActionBtn{bottom:calc(var(--spacing) * 8)}}@media(min-width:80rem){.playerActionBtn{height:140px}}@media(min-width:80rem){.playerActionBtn{width:140px}}@media(min-width:96rem){.playerActionBtn{right:calc(var(--spacing) * 4)}}@media(min-width:96rem){.playerActionBtn{bottom:calc(var(--spacing) * 4)}}@media(min-width:96rem){.playerActionBtn{height:155px}}@media(min-width:96rem){.playerActionBtn{width:155px}}.chatSidebar{position:fixed;top:calc(var(--spacing) * 0);left:calc(var(--spacing) * 0);z-index:1000;display:flex;height:100vh;width:23.5vw;flex-direction:column;background-color:color-mix(in srgb,#000 95%,transparent);color:var(--color-white);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .3s;transition-duration:.3s;--tw-ease: var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@supports (color: color-mix(in lab,red,red)){.chatSidebar{background-color:color-mix(in oklab,var(--color-black) 95%,transparent)}}@media(min-width:40rem){.chatSidebar{width:25vw}}@media(min-width:64rem){.chatSidebar{width:43.5vw}}@media(min-width:80rem){.chatSidebar{width:35vw}}@media(min-width:96rem){.chatSidebar{width:25vw}}.chatToggleWrapper{position:fixed;top:calc(var(--spacing) * 0);left:calc(var(--spacing) * 0);z-index:1000;display:flex;flex-direction:column;align-items:center;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .3s;transition-duration:.3s;--tw-ease: var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.chatToggleBtn{display:flex;height:calc(var(--spacing) * 15);width:calc(var(--spacing) * 10);cursor:pointer;align-items:center;justify-content:center;border-radius:var(--radius-md);--tw-border-style: none;border-style:none;background-color:color-mix(in srgb,#000 90%,transparent);font-family:Luckiest Guy;font-size:2rem;--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-white);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .3s;transition-duration:.3s}@supports (color: color-mix(in lab,red,red)){.chatToggleBtn{background-color:color-mix(in oklab,var(--color-black) 90%,transparent)}}@media(min-width:40rem){.chatToggleBtn{height:calc(var(--spacing) * 8)}}@media(min-width:40rem){.chatToggleBtn{width:calc(var(--spacing) * 5)}}@media(min-width:40rem){.chatToggleBtn{font-size:1.35rem}}@media(min-width:64rem){.chatToggleBtn{height:calc(var(--spacing) * 15)}}@media(min-width:64rem){.chatToggleBtn{width:calc(var(--spacing) * 11)}}@media(min-width:64rem){.chatToggleBtn{font-size:2.75rem}}.pendingRequestWrapper{margin-top:calc(var(--spacing) * 3);display:flex;flex-direction:column;align-items:center}@media(min-width:40rem){.pendingRequestWrapper{margin-top:calc(var(--spacing) * 1)}}@media(min-width:64rem){.pendingRequestWrapper{margin-top:calc(var(--spacing) * 2)}}@media(min-width:80rem){.pendingRequestWrapper{margin-top:calc(var(--spacing) * 2)}}@media(min-width:96rem){.pendingRequestWrapper{margin-top:calc(var(--spacing) * 2)}}.pendingRequest{display:flex;height:10px;width:10px;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);border-color:var(--color-black);background-color:#27c1a0;font-size:1.5rem;--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-black);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:40rem){.pendingRequest{height:15.5px}}@media(min-width:40rem){.pendingRequest{width:15.5px}}@media(min-width:40rem){.pendingRequest{font-size:.75rem}}@media(min-width:64rem){.pendingRequest{height:37.5px}}@media(min-width:64rem){.pendingRequest{width:37.5px}}@media(min-width:64rem){.pendingRequest{font-size:1.75rem}}@media(min-width:80rem){.pendingRequest{height:37.5px}}@media(min-width:80rem){.pendingRequest{width:37.5px}}@media(min-width:80rem){.pendingRequest{font-size:1.75rem}}@media(min-width:96rem){.pendingRequest{height:37.5px}}@media(min-width:96rem){.pendingRequest{width:37.5px}}@media(min-width:96rem){.pendingRequest{font-size:1.75rem}}.pendingMessagWrapper{margin-top:calc(var(--spacing) * 3);display:flex;flex-direction:column;align-items:center}@media(min-width:40rem){.pendingMessagWrapper{margin-top:calc(var(--spacing) * 1)}}@media(min-width:64rem){.pendingMessagWrapper{margin-top:calc(var(--spacing) * 2)}}@media(min-width:80rem){.pendingMessagWrapper{margin-top:calc(var(--spacing) * 2)}}@media(min-width:96rem){.pendingMessagWrapper{margin-top:calc(var(--spacing) * 2)}}.pendingMessage{display:flex;height:10px;width:10px;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);border-color:var(--color-black);background-color:#c1272d;font-size:1.5rem;--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-black);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:40rem){.pendingMessage{height:15.5px}}@media(min-width:40rem){.pendingMessage{width:15.5px}}@media(min-width:40rem){.pendingMessage{font-size:.75rem}}@media(min-width:64rem){.pendingMessage{height:37.5px}}@media(min-width:64rem){.pendingMessage{width:37.5px}}@media(min-width:64rem){.pendingMessage{font-size:1.75rem}}@media(min-width:80rem){.pendingMessage{height:37.5px}}@media(min-width:80rem){.pendingMessage{width:37.5px}}@media(min-width:80rem){.pendingMessage{font-size:1.75rem}}@media(min-width:96rem){.pendingMessage{height:37.5px}}@media(min-width:96rem){.pendingMessage{width:37.5px}}@media(min-width:96rem){.pendingMessage{font-size:1.5rem}}.chatTab-wrapper{display:flex;height:5vh;width:100%}@media(min-width:40rem){.chatTab-wrapper{height:7vh}}@media(min-width:64rem){.chatTab-wrapper{height:6.5vh}}@media(min-width:80rem){.chatTab-wrapper{height:7vh}}@media(min-width:96rem){.chatTab-wrapper{height:5vh}}.chatTab{height:100%;flex:1;cursor:pointer;font-size:1.5rem;--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-white);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .2s;transition-duration:.2s}@media(min-width:40rem){.chatTab{font-size:.75rem}}@media(min-width:64rem){.chatTab{font-size:1.75rem}}@media(min-width:80rem){.chatTab{font-size:1.75rem}}@media(min-width:96rem){.chatTab{font-size:1.75rem}}.friendRequest-wrapper{margin-top:calc(var(--spacing) * 1);background-color:color-mix(in srgb,#fff 10%,transparent);padding:calc(var(--spacing) * 2);font-family:Luckiest Guy;-webkit-user-select:none;-moz-user-select:none;user-select:none}@supports (color: color-mix(in lab,red,red)){.friendRequest-wrapper{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}@media(min-width:40rem){.friendRequest-wrapper{margin-top:calc(var(--spacing) * 0)}}@media(min-width:40rem){.friendRequest-wrapper{padding:calc(var(--spacing) * 1)}}@media(min-width:64rem){.friendRequest-wrapper{margin-top:calc(var(--spacing) * 1)}}@media(min-width:64rem){.friendRequest-wrapper{padding:calc(var(--spacing) * 2)}}@media(min-width:80rem){.friendRequest-wrapper{margin-top:calc(var(--spacing) * 1)}}@media(min-width:80rem){.friendRequest-wrapper{padding:calc(var(--spacing) * 2)}}@media(min-width:96rem){.friendRequest-wrapper{margin-top:calc(var(--spacing) * .5)}}@media(min-width:96rem){.friendRequest-wrapper{padding:calc(var(--spacing) * 1)}}.friendRequest-item{margin-bottom:calc(var(--spacing) * 1);display:flex;align-items:center;justify-content:space-between;border-radius:.25rem;background-color:#1b3e80;padding:calc(var(--spacing) * 2.5)}@media(min-width:40rem){.friendRequest-item{margin-bottom:calc(var(--spacing) * -0)}}@media(min-width:40rem){.friendRequest-item{padding:calc(var(--spacing) * 1)}}@media(min-width:64rem){.friendRequest-item{margin-bottom:calc(var(--spacing) * 1)}}@media(min-width:64rem){.friendRequest-item{padding:calc(var(--spacing) * 2)}}@media(min-width:80rem){.friendRequest-item{margin-bottom:calc(var(--spacing) * 1)}}@media(min-width:80rem){.friendRequest-item{padding:calc(var(--spacing) * 2)}}@media(min-width:96rem){.friendRequest-item{margin-bottom:calc(var(--spacing) * .5)}}@media(min-width:96rem){.friendRequest-item{padding:calc(var(--spacing) * 2.5)}}.friendRequest-txt{flex:1;font-size:1.25rem;color:var(--color-white)}@media(min-width:40rem){.friendRequest-txt{font-size:.55rem}}@media(min-width:64rem){.friendRequest-txt{font-size:1.5rem}}@media(min-width:80rem){.friendRequest-txt{font-size:1.5rem}}@media(min-width:96rem){.friendRequest-txt{font-size:1.25rem}}.friendRequest-btn{height:-moz-fit-content;height:fit-content;border-radius:.25rem;padding-inline:.5vw;padding-block:.5vw;font-size:1.25rem;--tw-leading: 1;line-height:1;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .2s;transition-duration:.2s}@media(min-width:40rem){.friendRequest-btn{padding-inline:.5vw}}@media(min-width:40rem){.friendRequest-btn{padding-block:.5vw}}@media(min-width:40rem){.friendRequest-btn{font-size:.8rem}}@media(min-width:64rem){.friendRequest-btn{padding-inline:.75vw}}@media(min-width:64rem){.friendRequest-btn{padding-block:.5vw}}@media(min-width:64rem){.friendRequest-btn{font-size:2.5rem}}@media(min-width:80rem){.friendRequest-btn{padding-inline:.5vw}}@media(min-width:80rem){.friendRequest-btn{padding-block:.35vw}}@media(min-width:80rem){.friendRequest-btn{font-size:2.5rem}}@media(min-width:96rem){.friendRequest-btn{padding-inline:.5vw}}@media(min-width:96rem){.friendRequest-btn{padding-block:.35vw}}@media(min-width:96rem){.friendRequest-btn{font-size:2rem}}.friendList-wrapper{max-height:35vh;flex-shrink:0;overflow-y:auto}@media(min-width:40rem){.friendList-wrapper{max-height:27.5vh}}@media(min-width:64rem){.friendList-wrapper{max-height:30vh}}@media(min-width:80rem){.friendList-wrapper{max-height:30vh}}@media(min-width:96rem){.friendList-wrapper{max-height:25vh}}.friendList-item{display:flex;cursor:pointer;align-items:center;justify-content:space-between;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:color-mix(in srgb,#fff 20%,transparent);padding:calc(var(--spacing) * 4);font-size:.1rem;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));-webkit-user-select:none;-moz-user-select:none;user-select:none}@supports (color: color-mix(in lab,red,red)){.friendList-item{border-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}@media(hover:hover){.friendList-item:hover{background-color:color-mix(in srgb,#fff 20%,transparent)}@supports (color: color-mix(in lab,red,red)){.friendList-item:hover{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}}@media(min-width:40rem){.friendList-item{padding:calc(var(--spacing) * 1)}}@media(min-width:64rem){.friendList-item{padding:calc(var(--spacing) * 4)}}@media(min-width:80rem){.friendList-item{padding:calc(var(--spacing) * 5)}}@media(min-width:96rem){.friendList-item{padding:calc(var(--spacing) * 4)}}.friendList-avatar{pointer-events:none;height:5vh;width:2.5vw;border-radius:calc(infinity * 1px);background-color:var(--color-gray-500);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:40rem){.friendList-avatar{height:5vh}}@media(min-width:40rem){.friendList-avatar{width:2.75vw}}@media(min-width:64rem){.friendList-avatar{height:6vh}}@media(min-width:64rem){.friendList-avatar{width:4.5vw}}@media(min-width:80rem){.friendList-avatar{height:6vh}}@media(min-width:80rem){.friendList-avatar{width:4vw}}@media(min-width:96rem){.friendList-avatar{height:5vh}}@media(min-width:96rem){.friendList-avatar{width:2.5vw}}.friendList-txt{font-family:Luckiest Guy;font-size:1.5rem;color:var(--color-white)}@media(min-width:40rem){.friendList-txt{font-size:.6rem}}@media(min-width:64rem){.friendList-txt{font-size:1.5rem}}@media(min-width:80rem){.friendList-txt{font-size:1.5rem}}@media(min-width:96rem){.friendList-txt{font-size:1.5rem}}.friendList-msg{margin-left:calc(var(--spacing) * 2);display:flex;height:10px;width:10px;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);background-color:var(--color-red-600);font-size:1.25rem;--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-white)}@media(min-width:40rem){.friendList-msg{margin-left:calc(var(--spacing) * 0)}}@media(min-width:40rem){.friendList-msg{height:12.5px}}@media(min-width:40rem){.friendList-msg{width:12.5px}}@media(min-width:40rem){.friendList-msg{font-size:.5rem}}@media(min-width:64rem){.friendList-msg{margin-left:calc(var(--spacing) * 1)}}@media(min-width:64rem){.friendList-msg{height:32.5px}}@media(min-width:64rem){.friendList-msg{width:32.5px}}@media(min-width:64rem){.friendList-msg{font-size:1.25rem}}@media(min-width:80rem){.friendList-msg{margin-left:calc(var(--spacing) * 0)}}@media(min-width:80rem){.friendList-msg{height:37.5px}}@media(min-width:80rem){.friendList-msg{width:37.5px}}@media(min-width:80rem){.friendList-msg{font-size:1.4rem}}@media(min-width:96rem){.friendList-msg{margin-left:calc(var(--spacing) * 1)}}@media(min-width:96rem){.friendList-msg{height:37.5px}}@media(min-width:96rem){.friendList-msg{width:37.5px}}@media(min-width:96rem){.friendList-msg{font-size:1.4rem}}.friendList-btn{height:5vh;width:2.5vw;cursor:pointer;border-radius:.25rem;transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .2s;transition-duration:.2s}@media(hover:hover){.friendList-btn:hover{scale:1.1}}.friendList-btn:active{--tw-translate-y: 2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.friendList-btn:active{--tw-shadow: 2px 2px 4px var(--tw-shadow-color, rgba(0,0,0,.3));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media(min-width:40rem){.friendList-btn{height:5vh}}@media(min-width:40rem){.friendList-btn{width:2.75vw}}@media(min-width:64rem){.friendList-btn{height:6.5vh}}@media(min-width:64rem){.friendList-btn{width:5vw}}@media(min-width:80rem){.friendList-btn{height:6vh}}@media(min-width:80rem){.friendList-btn{width:4.25vw}}@media(min-width:96rem){.friendList-btn{height:5vh}}@media(min-width:96rem){.friendList-btn{width:2.5vw}}.friendAdd-wrapper{z-index:0;margin-block:calc(var(--spacing) * 2);display:flex;min-height:5vh;align-items:center;overflow-y:auto}@media(min-width:40rem){.friendAdd-wrapper{margin-block:calc(var(--spacing) * .5)}}@media(min-width:64rem){.friendAdd-wrapper{margin-block:calc(var(--spacing) * 2)}}@media(min-width:80rem){.friendAdd-wrapper{margin-block:calc(var(--spacing) * 2)}}@media(min-width:96rem){.friendAdd-wrapper{margin-block:calc(var(--spacing) * 2)}}.friendAdd-input{flex-grow:1;border-radius:.25rem;border-style:var(--tw-border-style);border-width:1px;border-color:#ccc;padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 2);font-size:1.25rem}.friendAdd-input:focus{--tw-outline-style: none;outline-style:none}@media(min-width:40rem){.friendAdd-input{padding-inline:calc(var(--spacing) * 1)}}@media(min-width:40rem){.friendAdd-input{padding-block:calc(var(--spacing) * 1)}}@media(min-width:40rem){.friendAdd-input{font-size:.35rem}}@media(min-width:64rem){.friendAdd-input{padding-inline:calc(var(--spacing) * 1.5)}}@media(min-width:64rem){.friendAdd-input{padding-block:calc(var(--spacing) * 1.5)}}@media(min-width:64rem){.friendAdd-input{font-size:1rem}}@media(min-width:80rem){.friendAdd-input{padding-inline:calc(var(--spacing) * 1.5)}}@media(min-width:80rem){.friendAdd-input{padding-block:calc(var(--spacing) * 1.5)}}@media(min-width:80rem){.friendAdd-input{font-size:1.15rem}}@media(min-width:96rem){.friendAdd-input{padding-inline:calc(var(--spacing) * 2)}}@media(min-width:96rem){.friendAdd-input{padding-block:calc(var(--spacing) * 2)}}@media(min-width:96rem){.friendAdd-input{font-size:1.25rem}}.friendAdd-btn{margin-right:calc(var(--spacing) * 2);margin-left:calc(var(--spacing) * 2);cursor:pointer;border-radius:.25rem;--tw-border-style: none;border-style:none;background-color:#c49a6c;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);font-size:1.25rem;color:var(--color-white);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .15s;transition-duration:.15s}@media(hover:hover){.friendAdd-btn:hover{scale:1.05}}@media(min-width:40rem){.friendAdd-btn{margin-right:calc(var(--spacing) * 1)}}@media(min-width:40rem){.friendAdd-btn{margin-left:calc(var(--spacing) * 1)}}@media(min-width:40rem){.friendAdd-btn{padding-inline:calc(var(--spacing) * 1)}}@media(min-width:40rem){.friendAdd-btn{padding-block:calc(var(--spacing) * 1)}}@media(min-width:40rem){.friendAdd-btn{font-size:.35rem}}@media(min-width:64rem){.friendAdd-btn{margin-right:calc(var(--spacing) * 2)}}@media(min-width:64rem){.friendAdd-btn{margin-left:calc(var(--spacing) * 2)}}@media(min-width:64rem){.friendAdd-btn{padding-inline:calc(var(--spacing) * 1.5)}}@media(min-width:64rem){.friendAdd-btn{padding-block:calc(var(--spacing) * 1.5)}}@media(min-width:64rem){.friendAdd-btn{font-size:1rem}}@media(min-width:80rem){.friendAdd-btn{margin-right:calc(var(--spacing) * 2)}}@media(min-width:80rem){.friendAdd-btn{margin-left:calc(var(--spacing) * 2)}}@media(min-width:80rem){.friendAdd-btn{padding-inline:calc(var(--spacing) * 1.5)}}@media(min-width:80rem){.friendAdd-btn{padding-block:calc(var(--spacing) * 1.5)}}@media(min-width:80rem){.friendAdd-btn{font-size:1.15rem}}@media(min-width:96rem){.friendAdd-btn{margin-right:calc(var(--spacing) * 2)}}@media(min-width:96rem){.friendAdd-btn{margin-left:calc(var(--spacing) * 2)}}@media(min-width:96rem){.friendAdd-btn{padding-inline:calc(var(--spacing) * 3)}}@media(min-width:96rem){.friendAdd-btn{padding-block:calc(var(--spacing) * 2)}}@media(min-width:96rem){.friendAdd-btn{font-size:1.25rem}}.friendMessages-wrapper{display:flex;flex-grow:1;flex-direction:column;gap:calc(var(--spacing) * 1);overflow-y:auto;padding:calc(var(--spacing) * 2);font-family:Tahoma;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:40rem){.friendMessages-wrapper{gap:calc(var(--spacing) * .5)}}@media(min-width:40rem){.friendMessages-wrapper{padding:calc(var(--spacing) * 1)}}@media(min-width:64rem){.friendMessages-wrapper{gap:calc(var(--spacing) * 1)}}@media(min-width:64rem){.friendMessages-wrapper{padding:calc(var(--spacing) * 2)}}@media(min-width:80rem){.friendMessages-wrapper{gap:calc(var(--spacing) * 1)}}@media(min-width:80rem){.friendMessages-wrapper{padding:calc(var(--spacing) * 2)}}@media(min-width:96rem){.friendMessages-wrapper{gap:calc(var(--spacing) * 1)}}@media(min-width:96rem){.friendMessages-wrapper{padding:calc(var(--spacing) * 2)}}.friendMessages-item{max-width:80%;border-radius:.25rem;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);font-size:1.25rem;--tw-leading: var(--leading-snug);line-height:var(--leading-snug);overflow-wrap:break-word}@media(min-width:40rem){.friendMessages-item{padding-inline:calc(var(--spacing) * 1.5)}}@media(min-width:40rem){.friendMessages-item{padding-block:calc(var(--spacing) * .5)}}@media(min-width:40rem){.friendMessages-item{font-size:.5rem}}@media(min-width:64rem){.friendMessages-item{padding-inline:calc(var(--spacing) * 3)}}@media(min-width:64rem){.friendMessages-item{padding-block:calc(var(--spacing) * 1.5)}}@media(min-width:64rem){.friendMessages-item{font-size:1.15rem}}@media(min-width:80rem){.friendMessages-item{padding-inline:calc(var(--spacing) * 3)}}@media(min-width:80rem){.friendMessages-item{padding-block:calc(var(--spacing) * 1.5)}}@media(min-width:80rem){.friendMessages-item{font-size:1.15rem}}@media(min-width:96rem){.friendMessages-item{padding-inline:calc(var(--spacing) * 3)}}@media(min-width:96rem){.friendMessages-item{padding-block:calc(var(--spacing) * 1.5)}}@media(min-width:96rem){.friendMessages-item{font-size:1.5rem}}.friendMessages-txt{flex-shrink:0;flex-grow:1;overflow-y:auto;padding:calc(var(--spacing) * 2);font-family:Tahoma;font-size:1rem;color:var(--color-white);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:40rem){.friendMessages-txt{padding:calc(var(--spacing) * 1)}}@media(min-width:40rem){.friendMessages-txt{font-size:.5rem}}@media(min-width:64rem){.friendMessages-txt{padding:calc(var(--spacing) * 2)}}@media(min-width:64rem){.friendMessages-txt{font-size:1rem}}@media(min-width:80rem){.friendMessages-txt{padding:calc(var(--spacing) * 2)}}@media(min-width:80rem){.friendMessages-txt{font-size:1rem}}@media(min-width:96rem){.friendMessages-txt{padding:calc(var(--spacing) * 2)}}@media(min-width:96rem){.friendMessages-txt{font-size:1.5rem}}.chatTitle{margin-left:calc(var(--spacing) * 2);font-size:3rem;--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold);color:#c1272d;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:40rem){.chatTitle{margin-left:calc(var(--spacing) * 1)}}@media(min-width:40rem){.chatTitle{font-size:1.35rem}}@media(min-width:64rem){.chatTitle{margin-left:calc(var(--spacing) * 2)}}@media(min-width:64rem){.chatTitle{font-size:2.5rem}}@media(min-width:80rem){.chatTitle{margin-left:calc(var(--spacing) * 2)}}@media(min-width:80rem){.chatTitle{font-size:3rem}}@media(min-width:96rem){.chatTitle{margin-left:calc(var(--spacing) * 2)}}@media(min-width:96rem){.chatTitle{font-size:2.75rem}}.chatMessages-wrapper{display:flex;flex-grow:1;flex-direction:column;gap:calc(var(--spacing) * 1);overflow-y:auto;padding:calc(var(--spacing) * 2);font-family:Tahoma;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:40rem){.chatMessages-wrapper{gap:calc(var(--spacing) * .5)}}@media(min-width:40rem){.chatMessages-wrapper{padding:calc(var(--spacing) * 1)}}@media(min-width:64rem){.chatMessages-wrapper{gap:calc(var(--spacing) * 1)}}@media(min-width:64rem){.chatMessages-wrapper{padding:calc(var(--spacing) * 2)}}@media(min-width:80rem){.chatMessages-wrapper{gap:calc(var(--spacing) * 1)}}@media(min-width:80rem){.chatMessages-wrapper{padding:calc(var(--spacing) * 2)}}@media(min-width:96rem){.chatMessages-wrapper{gap:calc(var(--spacing) * 1)}}@media(min-width:96rem){.chatMessages-wrapper{padding:calc(var(--spacing) * 2)}}.chatMessages-item{max-width:80%;align-self:flex-start;border-radius:.25rem;background-color:#444;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);text-align:left;font-size:1.25rem;--tw-leading: var(--leading-snug);line-height:var(--leading-snug);overflow-wrap:break-word;color:var(--color-white)}@media(min-width:40rem){.chatMessages-item{padding-inline:calc(var(--spacing) * 1.5)}}@media(min-width:40rem){.chatMessages-item{padding-block:calc(var(--spacing) * .5)}}@media(min-width:40rem){.chatMessages-item{font-size:.5rem}}@media(min-width:64rem){.chatMessages-item{padding-inline:calc(var(--spacing) * 3)}}@media(min-width:64rem){.chatMessages-item{padding-block:calc(var(--spacing) * 1.5)}}@media(min-width:64rem){.chatMessages-item{font-size:1.15rem}}@media(min-width:80rem){.chatMessages-item{padding-inline:calc(var(--spacing) * 3)}}@media(min-width:80rem){.chatMessages-item{padding-block:calc(var(--spacing) * 1.5)}}@media(min-width:80rem){.chatMessages-item{font-size:1.15rem}}@media(min-width:96rem){.chatMessages-item{padding-inline:calc(var(--spacing) * 3)}}@media(min-width:96rem){.chatMessages-item{padding-block:calc(var(--spacing) * 1.5)}}@media(min-width:96rem){.chatMessages-item{font-size:1.5rem}}.chatMessages-txt{flex-shrink:0;flex-grow:1;overflow-y:auto;padding:calc(var(--spacing) * 2);font-family:Tahoma;font-size:1rem;color:var(--color-white);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:40rem){.chatMessages-txt{padding:calc(var(--spacing) * 1)}}@media(min-width:40rem){.chatMessages-txt{font-size:.5rem}}@media(min-width:64rem){.chatMessages-txt{padding:calc(var(--spacing) * 2)}}@media(min-width:64rem){.chatMessages-txt{font-size:1rem}}@media(min-width:80rem){.chatMessages-txt{padding:calc(var(--spacing) * 2)}}@media(min-width:80rem){.chatMessages-txt{font-size:1rem}}@media(min-width:96rem){.chatMessages-txt{padding:calc(var(--spacing) * 2)}}@media(min-width:96rem){.chatMessages-txt{font-size:1.5rem}}.friendCode-wrapper{display:flex;align-items:center;justify-content:center;font-family:Luckiest Guy;font-size:1.75rem;--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-white);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:40rem){.friendCode-wrapper{font-size:.6rem}}@media(min-width:64rem){.friendCode-wrapper{font-size:1.5rem}}@media(min-width:80rem){.friendCode-wrapper{font-size:1.5rem}}@media(min-width:96rem){.friendCode-wrapper{font-size:1.75rem}}.friendCode-img{margin-left:calc(var(--spacing) * 2);height:calc(var(--spacing) * 12.5);width:calc(var(--spacing) * 12.5);cursor:pointer;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .2s;transition-duration:.2s}@media(hover:hover){.friendCode-img:hover{--tw-scale-x: 110%;--tw-scale-y: 110%;--tw-scale-z: 110%;scale:var(--tw-scale-x) var(--tw-scale-y)}}@media(min-width:40rem){.friendCode-img{margin-left:calc(var(--spacing) * .5)}}@media(min-width:40rem){.friendCode-img{height:calc(var(--spacing) * 5)}}@media(min-width:40rem){.friendCode-img{width:calc(var(--spacing) * 5)}}@media(min-width:64rem){.friendCode-img{margin-left:calc(var(--spacing) * 1)}}@media(min-width:64rem){.friendCode-img{height:calc(var(--spacing) * 12.5)}}@media(min-width:64rem){.friendCode-img{width:calc(var(--spacing) * 12.5)}}@media(min-width:80rem){.friendCode-img{margin-left:calc(var(--spacing) * 1)}}@media(min-width:80rem){.friendCode-img{height:calc(var(--spacing) * 12.5)}}@media(min-width:80rem){.friendCode-img{width:calc(var(--spacing) * 12.5)}}@media(min-width:96rem){.friendCode-img{margin-left:calc(var(--spacing) * 2)}}@media(min-width:96rem){.friendCode-img{height:calc(var(--spacing) * 12.5)}}@media(min-width:96rem){.friendCode-img{width:calc(var(--spacing) * 12.5)}}.message-input{margin-bottom:calc(var(--spacing) * 2);box-sizing:border-box;width:100%;border-style:var(--tw-border-style);border-width:1px;border-color:#ccc;background-color:var(--color-white);padding:calc(var(--spacing) * 2);font-size:1.25rem;color:var(--color-black)}@media(min-width:40rem){.message-input{margin-bottom:calc(var(--spacing) * .5)}}@media(min-width:40rem){.message-input{padding:calc(var(--spacing) * .5)}}@media(min-width:40rem){.message-input{font-size:.5rem}}@media(min-width:64rem){.message-input{margin-bottom:calc(var(--spacing) * 1.5)}}@media(min-width:64rem){.message-input{padding:calc(var(--spacing) * 1.5)}}@media(min-width:64rem){.message-input{font-size:1.25rem}}@media(min-width:80rem){.message-input{margin-bottom:calc(var(--spacing) * 2)}}@media(min-width:80rem){.message-input{padding:calc(var(--spacing) * 2)}}@media(min-width:80rem){.message-input{font-size:1.25rem}}@media(min-width:96rem){.message-input{margin-bottom:calc(var(--spacing) * 2)}}@media(min-width:96rem){.message-input{padding:calc(var(--spacing) * 2)}}@media(min-width:96rem){.message-input{font-size:1.25rem}}.lobby-invitation-wrapper{position:fixed;top:calc(var(--spacing) * 8);right:calc(var(--spacing) * 8);z-index:80;font-family:Luckiest Guy;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lobby-invitation-item{margin-bottom:calc(var(--spacing) * 1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing) * 2);border-radius:.25rem;border-style:var(--tw-border-style);border-width:2px;border-color:#8b5e3b;--tw-gradient-position: to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from: #5a3e2b;--tw-gradient-to: #3b2a1a;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));padding:calc(var(--spacing) * 2);text-align:center}@media(min-width:40rem){.lobby-invitation-item{padding:calc(var(--spacing) * 1)}}@media(min-width:64rem){.lobby-invitation-item{padding:calc(var(--spacing) * 2)}}@media(min-width:80rem){.lobby-invitation-item{padding:calc(var(--spacing) * 2.5)}}@media(min-width:96rem){.lobby-invitation-item{padding:calc(var(--spacing) * 3)}}.lobby-invitation-txt{font-size:1.25rem;color:var(--color-white)}@media(min-width:40rem){.lobby-invitation-txt{font-size:.55rem}}@media(min-width:64rem){.lobby-invitation-txt{font-size:1.5rem}}@media(min-width:80rem){.lobby-invitation-txt{font-size:1.5rem}}@media(min-width:96rem){.lobby-invitation-txt{font-size:1.65rem}}.lobby-invitation-btn{height:-moz-fit-content;height:fit-content;border-radius:.25rem;padding-inline:.5vw;padding-block:.5vw;font-size:1.25rem;--tw-leading: 1;line-height:1;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .2s;transition-duration:.2s}@media(min-width:40rem){.lobby-invitation-btn{padding-inline:.5vw}}@media(min-width:40rem){.lobby-invitation-btn{padding-block:.5vw}}@media(min-width:40rem){.lobby-invitation-btn{font-size:.8rem}}@media(min-width:64rem){.lobby-invitation-btn{padding-inline:.75vw}}@media(min-width:64rem){.lobby-invitation-btn{padding-block:.5vw}}@media(min-width:64rem){.lobby-invitation-btn{font-size:2.5rem}}@media(min-width:80rem){.lobby-invitation-btn{padding-inline:.5vw}}@media(min-width:80rem){.lobby-invitation-btn{padding-block:.35vw}}@media(min-width:80rem){.lobby-invitation-btn{font-size:2.5rem}}@media(min-width:96rem){.lobby-invitation-btn{padding-inline:.5vw}}@media(min-width:96rem){.lobby-invitation-btn{padding-block:.35vw}}@media(min-width:96rem){.lobby-invitation-btn{font-size:2rem}}.avatar{pointer-events:auto;margin-top:calc(var(--spacing) * 2);height:80px;width:80px;cursor:pointer;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-white);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .2s;transition-duration:.2s;--tw-ease: var(--ease-in-out);transition-timing-function:var(--ease-in-out);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(hover:hover){.avatar:hover{--tw-scale-x: 105%;--tw-scale-y: 105%;--tw-scale-z: 105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}@media(min-width:40rem){.avatar{margin-top:calc(var(--spacing) * 1)}}@media(min-width:40rem){.avatar{height:55px}}@media(min-width:40rem){.avatar{width:55px}}@media(min-width:64rem){.avatar{margin-top:calc(var(--spacing) * 2)}}@media(min-width:64rem){.avatar{height:100px}}@media(min-width:64rem){.avatar{width:100px}}@media(min-width:80rem){.avatar{margin-top:calc(var(--spacing) * 2)}}@media(min-width:80rem){.avatar{height:135px}}@media(min-width:80rem){.avatar{width:135px}}@media(min-width:96rem){.avatar{margin-top:calc(var(--spacing) * 2)}}@media(min-width:96rem){.avatar{height:155px}}@media(min-width:96rem){.avatar{width:155px}}.avatar-wrapper{position:fixed;top:calc(var(--spacing) * 5);left:calc(var(--spacing) * 5);z-index:500;display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--spacing) * 1);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:40rem){.avatar-wrapper{top:calc(var(--spacing) * 1)}}@media(min-width:40rem){.avatar-wrapper{left:calc(var(--spacing) * 1)}}@media(min-width:40rem){.avatar-wrapper{gap:calc(var(--spacing) * 0)}}@media(min-width:64rem){.avatar-wrapper{top:calc(var(--spacing) * 3)}}@media(min-width:64rem){.avatar-wrapper{left:calc(var(--spacing) * 3)}}@media(min-width:64rem){.avatar-wrapper{gap:calc(var(--spacing) * 1)}}@media(min-width:80rem){.avatar-wrapper{top:calc(var(--spacing) * 3)}}@media(min-width:80rem){.avatar-wrapper{left:calc(var(--spacing) * 3)}}@media(min-width:80rem){.avatar-wrapper{gap:calc(var(--spacing) * 1.5)}}@media(min-width:96rem){.avatar-wrapper{top:calc(var(--spacing) * 4)}}@media(min-width:96rem){.avatar-wrapper{left:calc(var(--spacing) * 4)}}@media(min-width:96rem){.avatar-wrapper{gap:calc(var(--spacing) * 1)}}.avatar-info-icon{z-index:10;height:100px;width:100px;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:3px}@media(min-width:40rem){.avatar-info-icon{height:50px}}@media(min-width:40rem){.avatar-info-icon{width:50px}}@media(min-width:40rem){.avatar-info-icon{border-style:var(--tw-border-style);border-width:2px}}@media(min-width:64rem){.avatar-info-icon{height:90px}}@media(min-width:64rem){.avatar-info-icon{width:90px}}@media(min-width:64rem){.avatar-info-icon{border-style:var(--tw-border-style);border-width:3px}}@media(min-width:80rem){.avatar-info-icon{height:95px}}@media(min-width:80rem){.avatar-info-icon{width:95px}}@media(min-width:80rem){.avatar-info-icon{border-style:var(--tw-border-style);border-width:3px}}@media(min-width:96rem){.avatar-info-icon{height:100px}}@media(min-width:96rem){.avatar-info-icon{width:100px}}@media(min-width:96rem){.avatar-info-icon{border-style:var(--tw-border-style);border-width:3px}}.avatar-info-wrapper{margin-left:-50px;display:flex;height:95px;min-width:250px;animation:slideIn .3s ease-out forwards;flex-direction:row;align-items:center;justify-content:space-between;border-radius:var(--radius-xl);background-color:color-mix(in srgb,#000 80%,transparent);padding-right:calc(var(--spacing) * 4);padding-left:60px;--tw-shadow: 2px 2px 6px var(--tw-shadow-color, rgba(0,0,0,.6));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@supports (color: color-mix(in lab,red,red)){.avatar-info-wrapper{background-color:color-mix(in oklab,var(--color-black) 80%,transparent)}}@media(min-width:40rem){.avatar-info-wrapper{margin-left:-25px}}@media(min-width:40rem){.avatar-info-wrapper{height:50px}}@media(min-width:40rem){.avatar-info-wrapper{min-width:125px}}@media(min-width:40rem){.avatar-info-wrapper{border-radius:var(--radius-lg)}}@media(min-width:40rem){.avatar-info-wrapper{padding-right:calc(var(--spacing) * 2)}}@media(min-width:40rem){.avatar-info-wrapper{padding-left:30px}}@media(min-width:64rem){.avatar-info-wrapper{margin-left:-50px}}@media(min-width:64rem){.avatar-info-wrapper{height:85px}}@media(min-width:64rem){.avatar-info-wrapper{min-width:250px}}@media(min-width:64rem){.avatar-info-wrapper{border-radius:var(--radius-xl)}}@media(min-width:64rem){.avatar-info-wrapper{padding-right:calc(var(--spacing) * 4)}}@media(min-width:64rem){.avatar-info-wrapper{padding-left:60px}}@media(min-width:80rem){.avatar-info-wrapper{margin-left:-45px}}@media(min-width:80rem){.avatar-info-wrapper{height:85px}}@media(min-width:80rem){.avatar-info-wrapper{min-width:200px}}@media(min-width:80rem){.avatar-info-wrapper{border-radius:var(--radius-lg)}}@media(min-width:80rem){.avatar-info-wrapper{padding-right:calc(var(--spacing) * 4)}}@media(min-width:80rem){.avatar-info-wrapper{padding-left:55px}}@media(min-width:96rem){.avatar-info-wrapper{margin-left:-50px}}@media(min-width:96rem){.avatar-info-wrapper{height:95px}}@media(min-width:96rem){.avatar-info-wrapper{min-width:250px}}@media(min-width:96rem){.avatar-info-wrapper{border-radius:var(--radius-xl)}}@media(min-width:96rem){.avatar-info-wrapper{padding-right:calc(var(--spacing) * 4)}}@media(min-width:96rem){.avatar-info-wrapper{padding-left:60px}}.avatar-info-name{font-size:1.5rem;--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}@media(min-width:40rem){.avatar-info-name{font-size:.75rem}}@media(min-width:64rem){.avatar-info-name{font-size:1.25rem}}@media(min-width:80rem){.avatar-info-name{font-size:1.25rem}}@media(min-width:96rem){.avatar-info-name{font-size:1.5rem}}.avatar-info-title{margin-top:calc(var(--spacing) * -1);font-size:1.2rem;--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}@media(min-width:40rem){.avatar-info-title{font-size:.6rem}}@media(min-width:64rem){.avatar-info-title{font-size:1rem}}@media(min-width:80rem){.avatar-info-title{font-size:1rem}}@media(min-width:96rem){.avatar-info-title{font-size:1.2rem}}.avatar-info-btn-wrapper{margin-right:calc(var(--spacing) * 1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing) * 1)}@media(min-width:40rem){.avatar-info-btn-wrapper{gap:calc(var(--spacing) * .5)}}@media(min-width:64rem){.avatar-info-btn-wrapper{gap:calc(var(--spacing) * 1)}}@media(min-width:80rem){.avatar-info-btn-wrapper{gap:calc(var(--spacing) * 1)}}@media(min-width:96rem){.avatar-info-btn-wrapper{gap:calc(var(--spacing) * 1)}}.avatar-info-btn{display:flex;height:25px;width:25px;cursor:pointer;align-items:center;justify-content:center;border-radius:var(--radius-md);--tw-border-style: none;border-style:none;background-color:#ff4b4b;padding:calc(var(--spacing) * 1.5);font-size:1.5rem;--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-white);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .2s;transition-duration:.2s}@media(min-width:40rem){.avatar-info-btn{height:12px}}@media(min-width:40rem){.avatar-info-btn{width:12px}}@media(min-width:40rem){.avatar-info-btn{border-radius:2px}}@media(min-width:40rem){.avatar-info-btn{font-size:.75rem}}@media(min-width:64rem){.avatar-info-btn{height:22px}}@media(min-width:64rem){.avatar-info-btn{width:22px}}@media(min-width:64rem){.avatar-info-btn{border-radius:var(--radius-sm)}}@media(min-width:64rem){.avatar-info-btn{font-size:1.25rem}}@media(min-width:80rem){.avatar-info-btn{height:22px}}@media(min-width:80rem){.avatar-info-btn{width:22px}}@media(min-width:80rem){.avatar-info-btn{border-radius:var(--radius-md)}}@media(min-width:80rem){.avatar-info-btn{font-size:1.3rem}}@media(min-width:96rem){.avatar-info-btn{height:25px}}@media(min-width:96rem){.avatar-info-btn{width:25px}}@media(min-width:96rem){.avatar-info-btn{border-radius:var(--radius-md)}}@media(min-width:96rem){.avatar-info-btn{font-size:1.5rem}}.avatar-info-text{display:inline-block;--tw-translate-y: -.75px ;translate:var(--tw-translate-x) var(--tw-translate-y)}@media(min-width:40rem){.avatar-info-text{--tw-translate-y: -.75px ;translate:var(--tw-translate-x) var(--tw-translate-y)}}@media(min-width:64rem){.avatar-info-text{--tw-translate-y: -2.5px ;translate:var(--tw-translate-x) var(--tw-translate-y)}}@media(min-width:80rem){.avatar-info-text{--tw-translate-y: -.75px ;translate:var(--tw-translate-x) var(--tw-translate-y)}}@media(min-width:96rem){.avatar-info-text{--tw-translate-y: -2px ;translate:var(--tw-translate-x) var(--tw-translate-y)}}.theme-wrapper{position:fixed;top:50%;left:50%;z-index:10;max-height:80vh;width:40vw;--tw-translate-x: -50% ;--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);border-radius:.25rem;background-color:color-mix(in srgb,#000 90%,transparent);padding:calc(var(--spacing) * 5);text-align:center;font-family:Luckiest Guy;color:#a65a2e}@supports (color: color-mix(in lab,red,red)){.theme-wrapper{background-color:color-mix(in oklab,var(--color-black) 90%,transparent)}}@media(min-width:40rem){.theme-wrapper{max-height:95vh}}@media(min-width:40rem){.theme-wrapper{width:45vw}}@media(min-width:40rem){.theme-wrapper{padding:calc(var(--spacing) * 2.5)}}@media(min-width:64rem){.theme-wrapper{max-height:90vh}}@media(min-width:64rem){.theme-wrapper{width:60vw}}@media(min-width:64rem){.theme-wrapper{padding:calc(var(--spacing) * 4)}}@media(min-width:80rem){.theme-wrapper{max-height:90vh}}@media(min-width:80rem){.theme-wrapper{width:55vw}}@media(min-width:80rem){.theme-wrapper{padding:calc(var(--spacing) * 4)}}@media(min-width:96rem){.theme-wrapper{max-height:90vh}}@media(min-width:96rem){.theme-wrapper{width:40vw}}@media(min-width:96rem){.theme-wrapper{padding:calc(var(--spacing) * 6)}}.theme-title{pointer-events:none;margin-bottom:calc(var(--spacing) * 1);font-size:2rem;--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:40rem){.theme-title{margin-bottom:calc(var(--spacing) * 1)}}@media(min-width:40rem){.theme-title{font-size:1rem}}@media(min-width:64rem){.theme-title{margin-bottom:calc(var(--spacing) * 2)}}@media(min-width:64rem){.theme-title{font-size:2rem}}@media(min-width:80rem){.theme-title{font-size:3rem}}.theme-styles{margin-top:calc(var(--spacing) * 2);display:flex;flex-wrap:wrap;justify-content:center;gap:calc(var(--spacing) * 2)}@media(min-width:40rem){.theme-styles{gap:calc(var(--spacing) * 2.5)}}@media(min-width:64rem){.theme-styles{gap:calc(var(--spacing) * 3)}}@media(min-width:80rem){.theme-styles{gap:calc(var(--spacing) * 4)}}@media(min-width:96rem){.theme-styles{gap:calc(var(--spacing) * 3)}}.theme-item{display:flex;height:170px;width:120px;align-items:center;justify-content:center;overflow:hidden;border-radius:.25rem;border-style:var(--tw-border-style);border-width:3px;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .2s;transition-duration:.2s;--tw-ease: var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media(hover:hover){.theme-item:hover{--tw-scale-x: 105%;--tw-scale-y: 105%;--tw-scale-z: 105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}@media(min-width:40rem){.theme-item{height:85px}}@media(min-width:40rem){.theme-item{width:60px}}@media(min-width:40rem){.theme-item{border-radius:var(--radius-md)}}@media(min-width:40rem){.theme-item{border-style:var(--tw-border-style);border-width:2px}}@media(min-width:64rem){.theme-item{height:170px}}@media(min-width:64rem){.theme-item{width:120px}}@media(min-width:64rem){.theme-item{border-radius:var(--radius-xl)}}@media(min-width:64rem){.theme-item{border-style:var(--tw-border-style);border-width:3px}}@media(min-width:80rem){.theme-item{height:185px}}@media(min-width:80rem){.theme-item{width:135px}}@media(min-width:80rem){.theme-item{border-radius:var(--radius-xl)}}@media(min-width:80rem){.theme-item{border-style:var(--tw-border-style);border-width:4px}}@media(min-width:96rem){.theme-item{height:195px}}@media(min-width:96rem){.theme-item{width:145px}}@media(min-width:96rem){.theme-item{border-radius:var(--radius-2xl)}}.picker-wrapper{margin-top:calc(var(--spacing) * 1);display:flex;width:100%;align-items:center;justify-content:center;gap:calc(var(--spacing) * 1);border-radius:.25rem;border-style:var(--tw-border-style);border-width:2px;border-color:#a65a2e;background-color:color-mix(in srgb,#000 60%,transparent);padding-block:calc(var(--spacing) * 1)}@supports (color: color-mix(in lab,red,red)){.picker-wrapper{background-color:color-mix(in oklab,var(--color-black) 60%,transparent)}}@media(min-width:40rem){.picker-wrapper{margin-top:calc(var(--spacing) * 1.5)}}@media(min-width:40rem){.picker-wrapper{gap:calc(var(--spacing) * 1)}}@media(min-width:40rem){.picker-wrapper{padding-block:calc(var(--spacing) * 1)}}@media(min-width:64rem){.picker-wrapper{margin-top:calc(var(--spacing) * 2)}}@media(min-width:64rem){.picker-wrapper{gap:calc(var(--spacing) * 2)}}@media(min-width:64rem){.picker-wrapper{padding-block:calc(var(--spacing) * 2)}}@media(min-width:80rem){.picker-wrapper{margin-top:calc(var(--spacing) * 2)}}@media(min-width:80rem){.picker-wrapper{gap:calc(var(--spacing) * 3)}}@media(min-width:80rem){.picker-wrapper{padding-block:calc(var(--spacing) * 3)}}@media(min-width:96rem){.picker-wrapper{margin-top:calc(var(--spacing) * 2)}}@media(min-width:96rem){.picker-wrapper{gap:calc(var(--spacing) * 4)}}@media(min-width:96rem){.picker-wrapper{padding-block:calc(var(--spacing) * 3)}}.picker-text{pointer-events:none;font-size:1rem;--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold);color:#a65a2e;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:40rem){.picker-text{font-size:.65rem}}@media(min-width:64rem){.picker-text{font-size:1.5rem}}@media(min-width:80rem){.picker-text{font-size:1.75rem}}@media(min-width:96rem){.picker-text{font-size:2rem}}.picker-color{height:25px;width:25px;cursor:pointer;border-radius:calc(infinity * 1px);background-color:transparent;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .2s;transition-duration:.2s;--tw-ease: var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media(hover:hover){.picker-color:hover{--tw-scale-x: 110%;--tw-scale-y: 110%;--tw-scale-z: 110%;scale:var(--tw-scale-x) var(--tw-scale-y)}}@media(hover:hover){.picker-color:hover{border-color:#e33e3e}}@media(min-width:40rem){.picker-color{height:25px}}@media(min-width:40rem){.picker-color{width:25px}}@media(min-width:64rem){.picker-color{height:40px}}@media(min-width:64rem){.picker-color{width:40px}}@media(min-width:80rem){.picker-color{height:45px}}@media(min-width:80rem){.picker-color{width:45px}}@media(min-width:96rem){.picker-color{height:50px}}@media(min-width:96rem){.picker-color{width:50px}}.rounded-color-fix{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0}.rounded-color-fix::-webkit-color-swatch-wrapper{padding:0;border:none}.rounded-color-fix::-webkit-color-swatch{border:none;border-radius:50%}.rounded-color-fix::-moz-color-swatch{border:none;border-radius:50%}.theme-btns{margin-top:calc(var(--spacing) * 2);display:flex;justify-content:center;gap:calc(var(--spacing) * 2)}@media(min-width:40rem){.theme-btns{margin-top:calc(var(--spacing) * .5)}}@media(min-width:40rem){.theme-btns{gap:calc(var(--spacing) * 2)}}@media(min-width:64rem){.theme-btns{margin-top:calc(var(--spacing) * 3)}}@media(min-width:64rem){.theme-btns{gap:calc(var(--spacing) * 3)}}@media(min-width:80rem){.theme-btns{margin-top:calc(var(--spacing) * 4)}}@media(min-width:80rem){.theme-btns{gap:calc(var(--spacing) * 4)}}@media(min-width:96rem){.theme-btns{margin-top:calc(var(--spacing) * 5)}}@media(min-width:96rem){.theme-btns{gap:calc(var(--spacing) * 5)}}.cropper-wrapper{position:fixed;top:50%;left:50%;z-index:10;min-width:50vw;--tw-translate-x: -50% ;--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);border-radius:.25rem;background-color:color-mix(in srgb,#000 80%,transparent);padding:calc(var(--spacing) * 5);text-align:center;font-family:Luckiest Guy;color:#a65a2e}@supports (color: color-mix(in lab,red,red)){.cropper-wrapper{background-color:color-mix(in oklab,var(--color-black) 80%,transparent)}}@media(min-width:40rem){.cropper-wrapper{min-width:40vw}}@media(min-width:40rem){.cropper-wrapper{padding:calc(var(--spacing) * 5)}}@media(min-width:64rem){.cropper-wrapper{min-width:55vw}}@media(min-width:64rem){.cropper-wrapper{padding:calc(var(--spacing) * 4)}}@media(min-width:80rem){.cropper-wrapper{min-width:40vw}}@media(min-width:80rem){.cropper-wrapper{padding:calc(var(--spacing) * 5)}}@media(min-width:96rem){.cropper-wrapper{min-width:30vw}}@media(min-width:96rem){.cropper-wrapper{padding:calc(var(--spacing) * 6)}}.cropper-h2{pointer-events:none;font-size:1.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:40rem){.cropper-h2{font-size:1.25rem}}@media(min-width:64rem){.cropper-h2{font-size:1.75rem}}@media(min-width:80rem){.cropper-h2{font-size:2.25rem}}@media(min-width:96rem){.cropper-h2{font-size:2.5rem}}.cropper-list{margin-top:calc(var(--spacing) * 1);margin-bottom:calc(var(--spacing) * 1);display:flex;justify-content:center;gap:calc(var(--spacing) * 2);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:40rem){.cropper-list{margin-top:calc(var(--spacing) * .5)}}@media(min-width:40rem){.cropper-list{margin-bottom:calc(var(--spacing) * .5)}}@media(min-width:40rem){.cropper-list{gap:calc(var(--spacing) * 2)}}@media(min-width:64rem){.cropper-list{margin-top:calc(var(--spacing) * 2)}}@media(min-width:64rem){.cropper-list{margin-bottom:calc(var(--spacing) * 2)}}@media(min-width:64rem){.cropper-list{gap:calc(var(--spacing) * 3)}}@media(min-width:80rem){.cropper-list{margin-top:calc(var(--spacing) * 2)}}@media(min-width:80rem){.cropper-list{margin-bottom:calc(var(--spacing) * 2)}}@media(min-width:80rem){.cropper-list{gap:calc(var(--spacing) * 3)}}@media(min-width:96rem){.cropper-list{margin-top:calc(var(--spacing) * 3)}}@media(min-width:96rem){.cropper-list{margin-bottom:calc(var(--spacing) * 3)}}@media(min-width:96rem){.cropper-list{gap:calc(var(--spacing) * 4)}}.cropper-item{height:120px;width:120px;cursor:pointer;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-white);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .2s;transition-duration:.2s;--tw-ease: var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media(hover:hover){.cropper-item:hover{--tw-scale-x: 105%;--tw-scale-y: 105%;--tw-scale-z: 105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}@media(hover:hover){.cropper-item:hover{border-color:#a12727}}@media(min-width:40rem){.cropper-item{height:60px}}@media(min-width:40rem){.cropper-item{width:60px}}@media(min-width:64rem){.cropper-item{height:125px}}@media(min-width:64rem){.cropper-item{width:125px}}@media(min-width:64rem){.cropper-item{border-style:var(--tw-border-style);border-width:3px}}@media(min-width:80rem){.cropper-item{height:125px}}@media(min-width:80rem){.cropper-item{width:125px}}@media(min-width:96rem){.cropper-item{height:150px}}@media(min-width:96rem){.cropper-item{width:150px}}.cropper-h3{pointer-events:none;margin-bottom:calc(var(--spacing) * 2);font-size:1.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:40rem){.cropper-h3{font-size:1rem}}@media(min-width:64rem){.cropper-h3{font-size:1.5rem}}@media(min-width:80rem){.cropper-h3{font-size:2rem}}@media(min-width:96rem){.cropper-h3{font-size:2.25rem}}.cropper-upload{display:inline-block;cursor:pointer;border-radius:.25rem;background-color:#ff4b4b;padding-inline:calc(var(--spacing) * 1);padding-block:calc(var(--spacing) * 1);text-align:center;font-size:1.25rem;color:var(--color-white);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .2s;transition-duration:.2s}@media(hover:hover){.cropper-upload:hover{background-color:#e03e3e}}@media(min-width:40rem){.cropper-upload{padding-inline:calc(var(--spacing) * 1.5)}}@media(min-width:40rem){.cropper-upload{padding-block:calc(var(--spacing) * 1.5)}}@media(min-width:40rem){.cropper-upload{font-size:.75rem}}@media(min-width:64rem){.cropper-upload{padding-inline:calc(var(--spacing) * 2)}}@media(min-width:64rem){.cropper-upload{padding-block:calc(var(--spacing) * 2)}}@media(min-width:64rem){.cropper-upload{font-size:1.25rem}}@media(min-width:80rem){.cropper-upload{padding-inline:calc(var(--spacing) * 2.5)}}@media(min-width:80rem){.cropper-upload{padding-block:calc(var(--spacing) * 2.5)}}@media(min-width:80rem){.cropper-upload{font-size:1.75rem}}@media(min-width:96rem){.cropper-upload{padding-inline:calc(var(--spacing) * 2.5)}}@media(min-width:96rem){.cropper-upload{padding-block:calc(var(--spacing) * 2.5)}}@media(min-width:96rem){.cropper-upload{font-size:2rem}}.upload-wrapper{position:relative;margin-top:calc(var(--spacing) * 3);display:flex;height:400px;width:100%;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border-radius:10px;background-color:#222}@media(min-width:40rem){.upload-wrapper{margin-top:calc(var(--spacing) * 1)}}@media(min-width:40rem){.upload-wrapper{height:120px}}@media(min-width:64rem){.upload-wrapper{margin-top:calc(var(--spacing) * 2)}}@media(min-width:64rem){.upload-wrapper{height:320px}}@media(min-width:80rem){.upload-wrapper{margin-top:calc(var(--spacing) * 2)}}@media(min-width:80rem){.upload-wrapper{height:360px}}@media(min-width:96rem){.upload-wrapper{margin-top:calc(var(--spacing) * 2)}}@media(min-width:96rem){.upload-wrapper{height:390px}}.upload-actions{margin-top:calc(var(--spacing) * 1);margin-bottom:calc(var(--spacing) * 1);display:flex;width:100%;justify-content:center}@media(min-width:40rem){.upload-actions{margin-top:calc(var(--spacing) * 0)}}@media(min-width:40rem){.upload-actions{margin-bottom:calc(var(--spacing) * 0)}}@media(min-width:64rem){.upload-actions{margin-top:calc(var(--spacing) * 2)}}@media(min-width:64rem){.upload-actions{margin-bottom:calc(var(--spacing) * 1)}}@media(min-width:80rem){.upload-actions{margin-top:calc(var(--spacing) * 1)}}@media(min-width:80rem){.upload-actions{margin-bottom:calc(var(--spacing) * 1)}}@media(min-width:96rem){.upload-actions{margin-top:calc(var(--spacing) * 1)}}@media(min-width:96rem){.upload-actions{margin-bottom:calc(var(--spacing) * 1)}}.player-cards-wrapper{z-index:30;display:flex;align-items:center;justify-content:center;gap:calc(var(--spacing) * 2)}@media(min-width:40rem){.player-cards-wrapper{gap:calc(var(--spacing) * .5)}}@media(min-width:64rem){.player-cards-wrapper{gap:calc(var(--spacing) * 1)}}@media(min-width:80rem){.player-cards-wrapper{gap:calc(var(--spacing) * 1.5)}}@media(min-width:96rem){.player-cards-wrapper{gap:calc(var(--spacing) * 2)}}.card-wrapper{position:relative;height:200px;width:140px;cursor:pointer;transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .5s;transition-duration:.5s;--tw-ease: var(--ease-in-out);transition-timing-function:var(--ease-in-out);-webkit-user-select:none;-moz-user-select:none;user-select:none;transform-style:preserve-3d}@media(min-width:40rem){.card-wrapper{height:79px}}@media(min-width:40rem){.card-wrapper{width:55px}}@media(min-width:64rem){.card-wrapper{height:128px}}@media(min-width:64rem){.card-wrapper{width:90px}}@media(min-width:80rem){.card-wrapper{height:163px}}@media(min-width:80rem){.card-wrapper{width:115px}}@media(min-width:96rem){.card-wrapper{height:200px}}@media(min-width:96rem){.card-wrapper{width:140px}}.card-front{position:absolute;box-sizing:border-box;display:flex;height:100%;width:100%;align-items:center;justify-content:center;border-radius:var(--radius-xl);background-color:var(--color-white);background-size:contain;background-position:center;background-repeat:no-repeat;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .2s;transition-duration:.2s;--tw-ease: var(--ease-in-out);transition-timing-function:var(--ease-in-out);backface-visibility:hidden}@media(min-width:40rem){.card-front{border-radius:var(--radius-md)}}@media(min-width:64rem){.card-front{border-radius:var(--radius-lg)}}@media(min-width:80rem){.card-front{border-radius:var(--radius-lg)}}@media(min-width:96rem){.card-front{border-radius:var(--radius-xl)}}.card-back{position:absolute;display:flex;height:100%;width:100%;align-items:center;justify-content:center;border-radius:var(--radius-xl);background-color:var(--color-white);background-size:cover;background-position:center;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .2s;transition-duration:.2s;--tw-ease: var(--ease-in-out);transition-timing-function:var(--ease-in-out);backface-visibility:hidden}@media(min-width:40rem){.card-back{border-radius:var(--radius-md)}}@media(min-width:64rem){.card-back{border-radius:var(--radius-lg)}}@media(min-width:80rem){.card-back{border-radius:var(--radius-xl)}}@media(min-width:96rem){.card-back{border-radius:var(--radius-xl)}}.turn-info-wrapper{margin-top:calc(var(--spacing) * -3);font-family:Luckiest Guy;font-size:2.5rem;color:#f5e1a4;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:40rem){.turn-info-wrapper{margin-top:calc(var(--spacing) * -2)}}@media(min-width:40rem){.turn-info-wrapper{font-size:1rem}}@media(min-width:64rem){.turn-info-wrapper{margin-top:calc(var(--spacing) * -2)}}@media(min-width:64rem){.turn-info-wrapper{font-size:1.5rem}}@media(min-width:80rem){.turn-info-wrapper{margin-top:calc(var(--spacing) * -2)}}@media(min-width:80rem){.turn-info-wrapper{font-size:1.9rem}}@media(min-width:96rem){.turn-info-wrapper{margin-top:calc(var(--spacing) * -4)}}@media(min-width:96rem){.turn-info-wrapper{font-size:2.4rem}}.phase1-cards-wrapper{margin-top:calc(var(--spacing) * 5);display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:40rem){.phase1-cards-wrapper{margin-top:calc(var(--spacing) * 2)}}@media(min-width:64rem){.phase1-cards-wrapper{margin-top:calc(var(--spacing) * 4)}}@media(min-width:80rem){.phase1-cards-wrapper{margin-top:calc(var(--spacing) * 5)}}@media(min-width:96rem){.phase1-cards-wrapper{margin-top:calc(var(--spacing) * 6)}}.phase1-cards-row{margin-top:calc(var(--spacing) * -11);display:flex;justify-content:center;gap:calc(var(--spacing) * 14)}@media(min-width:40rem){.phase1-cards-row{margin-top:calc(var(--spacing) * -3.5)}}@media(min-width:40rem){.phase1-cards-row{gap:calc(var(--spacing) * 4.5)}}@media(min-width:64rem){.phase1-cards-row{margin-top:calc(var(--spacing) * -7)}}@media(min-width:64rem){.phase1-cards-row{gap:calc(var(--spacing) * 8.5)}}@media(min-width:80rem){.phase1-cards-row{margin-top:calc(var(--spacing) * -7.5)}}@media(min-width:80rem){.phase1-cards-row{gap:calc(var(--spacing) * 9.5)}}@media(min-width:96rem){.phase1-cards-row{margin-top:calc(var(--spacing) * -9)}}@media(min-width:96rem){.phase1-cards-row{gap:calc(var(--spacing) * 11)}}.phase1-cards-row .card-wrapper{height:200px;width:140px}@media(min-width:40rem){.phase1-cards-row .card-wrapper{height:54px}}@media(min-width:40rem){.phase1-cards-row .card-wrapper{width:38px}}@media(min-width:64rem){.phase1-cards-row .card-wrapper{height:106px}}@media(min-width:64rem){.phase1-cards-row .card-wrapper{width:75px}}@media(min-width:80rem){.phase1-cards-row .card-wrapper{height:118px}}@media(min-width:80rem){.phase1-cards-row .card-wrapper{width:85px}}@media(min-width:96rem){.phase1-cards-row .card-wrapper{height:150px}}@media(min-width:96rem){.phase1-cards-row .card-wrapper{width:110px}}.phase2-cards-wrapper{margin-top:calc(var(--spacing) * 2);margin-bottom:calc(var(--spacing) * 6);display:flex;min-height:290px;align-items:center;justify-content:center;gap:calc(var(--spacing) * 2)}@media(min-width:40rem){.phase2-cards-wrapper{margin-top:calc(var(--spacing) * -1)}}@media(min-width:40rem){.phase2-cards-wrapper{margin-bottom:calc(var(--spacing) * 2)}}@media(min-width:40rem){.phase2-cards-wrapper{min-height:100px}}@media(min-width:40rem){.phase2-cards-wrapper{gap:calc(var(--spacing) * 1)}}@media(min-width:64rem){.phase2-cards-wrapper{margin-top:calc(var(--spacing) * 1)}}@media(min-width:64rem){.phase2-cards-wrapper{margin-bottom:calc(var(--spacing) * 2)}}@media(min-width:64rem){.phase2-cards-wrapper{min-height:220px}}@media(min-width:64rem){.phase2-cards-wrapper{gap:calc(var(--spacing) * 2)}}@media(min-width:80rem){.phase2-cards-wrapper{margin-top:calc(var(--spacing) * 1)}}@media(min-width:80rem){.phase2-cards-wrapper{margin-bottom:calc(var(--spacing) * 2)}}@media(min-width:80rem){.phase2-cards-wrapper{min-height:230px}}@media(min-width:80rem){.phase2-cards-wrapper{gap:calc(var(--spacing) * 2)}}@media(min-width:96rem){.phase2-cards-wrapper{margin-top:calc(var(--spacing) * 2)}}@media(min-width:96rem){.phase2-cards-wrapper{margin-bottom:calc(var(--spacing) * 6)}}@media(min-width:96rem){.phase2-cards-wrapper{min-height:290px}}@media(min-width:96rem){.phase2-cards-wrapper{gap:calc(var(--spacing) * 2)}}.phase3-cards-wrapper{margin-top:calc(var(--spacing) * 2);margin-bottom:calc(var(--spacing) * 6);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:calc(var(--spacing) * 1)}@media(min-width:40rem){.phase3-cards-wrapper{margin-top:calc(var(--spacing) * 0)}}@media(min-width:40rem){.phase3-cards-wrapper{margin-bottom:calc(var(--spacing) * 2)}}@media(min-width:40rem){.phase3-cards-wrapper{gap:calc(var(--spacing) * .5)}}@media(min-width:64rem){.phase3-cards-wrapper{margin-top:calc(var(--spacing) * 2)}}@media(min-width:64rem){.phase3-cards-wrapper{margin-bottom:calc(var(--spacing) * 2)}}@media(min-width:64rem){.phase3-cards-wrapper{gap:calc(var(--spacing) * 1)}}@media(min-width:80rem){.phase3-cards-wrapper{margin-top:calc(var(--spacing) * 0)}}@media(min-width:80rem){.phase3-cards-wrapper{margin-bottom:calc(var(--spacing) * 1)}}@media(min-width:80rem){.phase3-cards-wrapper{gap:calc(var(--spacing) * 1)}}@media(min-width:96rem){.phase3-cards-wrapper{margin-top:calc(var(--spacing) * 2)}}@media(min-width:96rem){.phase3-cards-wrapper{margin-bottom:calc(var(--spacing) * 6)}}@media(min-width:96rem){.phase3-cards-wrapper{gap:calc(var(--spacing) * 1)}}.phase3-cards-row{display:flex;flex-direction:column;justify-content:center;gap:calc(var(--spacing) * 1)}@media(min-width:40rem){.phase3-cards-row{gap:calc(var(--spacing) * .5)}}@media(min-width:64rem){.phase3-cards-row{gap:calc(var(--spacing) * 1)}}@media(min-width:80rem){.phase3-cards-row{gap:calc(var(--spacing) * 1)}}@media(min-width:96rem){.phase3-cards-row{gap:calc(var(--spacing) * 1)}}.card-action-btn-wrapper{position:absolute;top:50%;left:50%;display:flex;--tw-translate-x: -50% ;--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);transform:rotateY(-180deg);flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing) * 1);transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .37s;transition-duration:.37s;--tw-ease: var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media(min-width:40rem){.card-action-btn-wrapper{gap:calc(var(--spacing) * .25)}}@media(min-width:64rem){.card-action-btn-wrapper{gap:calc(var(--spacing) * 1)}}@media(min-width:80rem){.card-action-btn-wrapper{gap:calc(var(--spacing) * 1)}}@media(min-width:96rem){.card-action-btn-wrapper{gap:calc(var(--spacing) * 1)}}.card-action-btn{display:flex;height:30px;width:30px;align-items:center;justify-content:center;border-radius:.25rem;border-style:var(--tw-border-style);border-width:2px;background-color:var(--color-white);font-family:var(--font-mono);font-size:1.5rem;--tw-leading: 1;line-height:1;transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .2s;transition-duration:.2s;--tw-ease: var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media(hover:hover){.card-action-btn:hover{transform-origin:center}}@media(hover:hover){.card-action-btn:hover{--tw-scale-x: 105%;--tw-scale-y: 105%;--tw-scale-z: 105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.card-action-btn:active{--tw-scale-x: 95%;--tw-scale-y: 95%;--tw-scale-z: 95%;scale:var(--tw-scale-x) var(--tw-scale-y)}@media(min-width:40rem){.card-action-btn{height:15px}}@media(min-width:40rem){.card-action-btn{width:15px}}@media(min-width:40rem){.card-action-btn{font-size:.75rem}}@media(min-width:64rem){.card-action-btn{height:30px}}@media(min-width:64rem){.card-action-btn{width:30px}}@media(min-width:64rem){.card-action-btn{font-size:1.5rem}}@media(min-width:80rem){.card-action-btn{height:30px}}@media(min-width:80rem){.card-action-btn{width:30px}}@media(min-width:80rem){.card-action-btn{font-size:1.5rem}}@media(min-width:96rem){.card-action-btn{height:30px}}@media(min-width:96rem){.card-action-btn{width:30px}}@media(min-width:96rem){.card-action-btn{font-size:1.5rem}}.phase3-cards-row .card-wrapper{height:200px;width:140px}@media(min-width:40rem){.phase3-cards-row .card-wrapper{height:54px}}@media(min-width:40rem){.phase3-cards-row .card-wrapper{width:38px}}@media(min-width:64rem){.phase3-cards-row .card-wrapper{height:106px}}@media(min-width:64rem){.phase3-cards-row .card-wrapper{width:75px}}@media(min-width:80rem){.phase3-cards-row .card-wrapper{height:118px}}@media(min-width:80rem){.phase3-cards-row .card-wrapper{width:85px}}@media(min-width:96rem){.phase3-cards-row .card-wrapper{height:140px}}@media(min-width:96rem){.phase3-cards-row .card-wrapper{width:100px}}.home-wrapper{z-index:20;display:flex;aspect-ratio:2.25/2.5;height:92.5vh;width:47.5vw;flex-direction:column;align-items:center;justify-content:center;background-image:url(/backgrounds/overlay.webp);background-size:contain;background-position:center;background-repeat:no-repeat;text-align:center;--tw-drop-shadow-size: drop-shadow(20px 20px 30px var(--tw-drop-shadow-color, rgba(0,0,0,1)));--tw-drop-shadow: var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@media(min-width:40rem){.home-wrapper{height:90vh}}@media(min-width:40rem){.home-wrapper{width:95vw}}@media(min-width:64rem){.home-wrapper{height:92.5vh}}@media(min-width:64rem){.home-wrapper{width:90vw}}@media(min-width:96rem){.home-wrapper{height:95vh}}@media(min-width:96rem){.home-wrapper{width:100vw}}.home-menu{pointer-events:none;margin-top:-4vh;font-family:var(--font-serif);font-size:4.5rem;--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-white);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:40rem){.home-menu{margin-top:-1vh}}@media(min-width:40rem){.home-menu{font-size:1.5rem}}@media(min-width:64rem){.home-menu{margin-top:-3vh}}@media(min-width:64rem){.home-menu{font-size:3.5rem}}@media(min-width:80rem){.home-menu{margin-top:-4vh}}@media(min-width:80rem){.home-menu{font-size:4rem}}@media(min-width:96rem){.home-menu{margin-top:-4vh}}@media(min-width:96rem){.home-menu{font-size:4.25rem}}.home-btn{height:10vh;width:15.5vw}@media(min-width:40rem){.home-btn{height:10vh}}@media(min-width:40rem){.home-btn{width:20vw}}@media(min-width:64rem){.home-btn{height:10vh}}@media(min-width:64rem){.home-btn{width:40vw}}@media(min-width:80rem){.home-btn{height:10vh}}@media(min-width:80rem){.home-btn{width:45vw}}@media(min-width:96rem){.home-btn{height:10vh}}@media(min-width:96rem){.home-btn{width:25vw}}.settings-btn{position:fixed;right:calc(var(--spacing) * 4);bottom:calc(var(--spacing) * 4);z-index:30;height:175px;width:175px;cursor:pointer;overflow:hidden;border-radius:calc(infinity * 1px);background-size:contain;background-position:center;background-repeat:no-repeat;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .2s;transition-duration:.2s;--tw-ease: var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media(hover:hover){.settings-btn:hover{--tw-scale-x: 105%;--tw-scale-y: 105%;--tw-scale-z: 105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}@media(hover:hover){.settings-btn:hover{--tw-shadow: 6px 6px 12px var(--tw-shadow-color, rgba(0,0,0,.6));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media(min-width:40rem){.settings-btn{right:calc(var(--spacing) * 2)}}@media(min-width:40rem){.settings-btn{bottom:calc(var(--spacing) * 1.5)}}@media(min-width:40rem){.settings-btn{height:70px}}@media(min-width:40rem){.settings-btn{width:70px}}@media(min-width:64rem){.settings-btn{right:calc(var(--spacing) * 4)}}@media(min-width:64rem){.settings-btn{bottom:calc(var(--spacing) * 6)}}@media(min-width:64rem){.settings-btn{height:130px}}@media(min-width:64rem){.settings-btn{width:130px}}@media(min-width:80rem){.settings-btn{right:calc(var(--spacing) * 6)}}@media(min-width:80rem){.settings-btn{bottom:calc(var(--spacing) * 8)}}@media(min-width:80rem){.settings-btn{height:150px}}@media(min-width:80rem){.settings-btn{width:150px}}@media(min-width:96rem){.settings-btn{right:calc(var(--spacing) * 4)}}@media(min-width:96rem){.settings-btn{bottom:calc(var(--spacing) * 4)}}@media(min-width:96rem){.settings-btn{height:175px}}@media(min-width:96rem){.settings-btn{width:175px}}.access-wrapper{z-index:20;display:flex;aspect-ratio:2.25/2.5;height:92.5vh;width:47.5vw;flex-direction:column;align-items:center;justify-content:center;background-image:url(/backgrounds/overlay.webp);background-size:contain;background-position:center;background-repeat:no-repeat;text-align:center;--tw-drop-shadow-size: drop-shadow(20px 20px 30px var(--tw-drop-shadow-color, rgba(0,0,0,1)));--tw-drop-shadow: var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@media(min-width:40rem){.access-wrapper{height:90vh}}@media(min-width:40rem){.access-wrapper{width:95vw}}@media(min-width:64rem){.access-wrapper{height:92.5vh}}@media(min-width:64rem){.access-wrapper{width:90vw}}@media(min-width:96rem){.access-wrapper{height:95vh}}@media(min-width:96rem){.access-wrapper{width:100vw}}.access-logo{pointer-events:none;margin-top:-30vh;margin-bottom:calc(var(--spacing) * 2);display:flex;width:15vw;flex-direction:column;align-items:center;gap:calc(var(--spacing) * 2);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:40rem){.access-logo{margin-top:-5vh}}@media(min-width:40rem){.access-logo{margin-bottom:calc(var(--spacing) * 0)}}@media(min-width:40rem){.access-logo{width:12.5vw}}@media(min-width:64rem){.access-logo{margin-top:-7.5vh}}@media(min-width:64rem){.access-logo{margin-bottom:calc(var(--spacing) * 0)}}@media(min-width:64rem){.access-logo{width:17.5vw}}@media(min-width:80rem){.access-logo{margin-top:-7.5vh}}@media(min-width:80rem){.access-logo{margin-bottom:calc(var(--spacing) * 4)}}@media(min-width:80rem){.access-logo{width:15vw}}@media(min-width:96rem){.access-logo{margin-top:-10vh}}@media(min-width:96rem){.access-logo{margin-bottom:calc(var(--spacing) * 4)}}@media(min-width:96rem){.access-logo{width:12vw}}.access-home{pointer-events:none;font-family:var(--font-serif);font-size:4.5rem;--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-white);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:40rem){.access-home{font-size:1.25rem}}@media(min-width:64rem){.access-home{font-size:3.25rem}}@media(min-width:80rem){.access-home{font-size:3rem}}@media(min-width:96rem){.access-home{font-size:3.5rem}}.access-btn{height:10vh;width:15.5vw;cursor:pointer;font-size:2.75rem}@media(min-width:40rem){.access-btn{height:10vh}}@media(min-width:40rem){.access-btn{width:20vw}}@media(min-width:40rem){.access-btn{font-size:.75rem}}@media(min-width:64rem){.access-btn{height:10vh}}@media(min-width:64rem){.access-btn{width:40vw}}@media(min-width:64rem){.access-btn{font-size:2rem}}@media(min-width:80rem){.access-btn{height:10vh}}@media(min-width:80rem){.access-btn{width:45vw}}@media(min-width:80rem){.access-btn{font-size:2.5rem}}@media(min-width:96rem){.access-btn{height:10vh}}@media(min-width:96rem){.access-btn{width:20vw}}@media(min-width:96rem){.access-btn{font-size:2.5rem}}.access-txt{min-width:30rem;padding-top:calc(var(--spacing) * 1);font-family:Luckiest Guy;font-size:2.75rem;--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-white);text-shadow:1px 1px 2px black}@media(hover:hover){.access-txt:hover{--tw-scale-x: 105%;--tw-scale-y: 105%;--tw-scale-z: 105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}@media(min-width:40rem){.access-txt{min-width:10rem}}@media(min-width:40rem){.access-txt{padding-top:calc(var(--spacing) * 0)}}@media(min-width:40rem){.access-txt{font-size:.75rem}}@media(min-width:64rem){.access-txt{min-width:30rem}}@media(min-width:64rem){.access-txt{padding-top:calc(var(--spacing) * 4)}}@media(min-width:64rem){.access-txt{font-size:1.75rem}}@media(min-width:80rem){.access-txt{padding-top:calc(var(--spacing) * 8)}}@media(min-width:80rem){.access-txt{font-size:2.25rem}}@media(min-width:96rem){.access-txt{padding-top:calc(var(--spacing) * 5)}}.account-wrapper{z-index:20;display:flex;aspect-ratio:2.25/2.5;height:92.5vh;width:47.5vw;flex-direction:column;align-items:center;justify-content:center;background-image:url(/backgrounds/overlay_account.webp);background-size:contain;background-position:center;background-repeat:no-repeat;text-align:center;--tw-drop-shadow-size: drop-shadow(20px 20px 30px var(--tw-drop-shadow-color, rgba(0,0,0,1)));--tw-drop-shadow: var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@media(min-width:40rem){.account-wrapper{height:90vh}}@media(min-width:40rem){.account-wrapper{width:95vw}}@media(min-width:64rem){.account-wrapper{height:92.5vh}}@media(min-width:64rem){.account-wrapper{width:100vw}}@media(min-width:96rem){.account-wrapper{height:95vh}}@media(min-width:96rem){.account-wrapper{width:100vw}}.account-home{pointer-events:none;margin-top:calc(var(--spacing) * 2);margin-bottom:calc(var(--spacing) * 2);font-family:var(--font-serif);font-size:4.5rem;--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-white);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:40rem){.account-home{margin-top:calc(var(--spacing) * -2)}}@media(min-width:40rem){.account-home{margin-bottom:calc(var(--spacing) * -3)}}@media(min-width:40rem){.account-home{font-size:1.25rem}}@media(min-width:64rem){.account-home{margin-top:calc(var(--spacing) * -2)}}@media(min-width:64rem){.account-home{margin-bottom:calc(var(--spacing) * -4)}}@media(min-width:64rem){.account-home{font-size:2.75rem}}@media(min-width:80rem){.account-home{margin-top:calc(var(--spacing) * -5)}}@media(min-width:80rem){.account-home{margin-bottom:calc(var(--spacing) * -4)}}@media(min-width:80rem){.account-home{font-size:3rem}}@media(min-width:96rem){.account-home{margin-top:calc(var(--spacing) * -10)}}@media(min-width:96rem){.account-home{margin-bottom:calc(var(--spacing) * -2)}}@media(min-width:96rem){.account-home{font-size:3.5rem}}.account-menu{display:flex;min-height:725px;width:100%;justify-content:center;gap:calc(var(--spacing) * 16);font-family:Luckiest Guy;color:#f5e1a4}@media(min-width:40rem){.account-menu{min-height:60vh}}@media(min-width:40rem){.account-menu{gap:calc(var(--spacing) * 10)}}@media(min-width:64rem){.account-menu{min-height:50vh}}@media(min-width:64rem){.account-menu{gap:calc(var(--spacing) * 10)}}@media(min-width:80rem){.account-menu{min-height:50vh}}@media(min-width:80rem){.account-menu{gap:calc(var(--spacing) * 15)}}@media(min-width:96rem){.account-menu{min-height:65vh}}.account-btn{height:10vh;width:15.5vw}@media(min-width:40rem){.account-btn{height:10vh}}@media(min-width:40rem){.account-btn{width:25.5vw}}@media(min-width:64rem){.account-btn{height:10vh}}@media(min-width:64rem){.account-btn{width:30vw}}@media(min-width:80rem){.account-btn{height:11vh}}@media(min-width:80rem){.account-btn{width:40vw}}@media(min-width:96rem){.account-btn{height:10vh}}@media(min-width:96rem){.account-btn{width:28.5vw}}.options-wrapper{display:flex;width:50vw;flex-direction:column;align-items:center;text-align:center}@media(min-width:40rem){.options-wrapper{width:25vw}}@media(min-width:64rem){.options-wrapper{width:35vw}}@media(min-width:80rem){.options-wrapper{width:35vw}}@media(min-width:96rem){.options-wrapper{width:25vw}}.options-title{pointer-events:none;width:50vw;border-bottom-style:var(--tw-border-style);border-bottom-width:2px;border-color:#a65a2e;font-size:3rem;color:#a65a2e;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:40rem){.options-title{width:25vw}}@media(min-width:40rem){.options-title{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}}@media(min-width:40rem){.options-title{font-size:1rem}}@media(min-width:64rem){.options-title{width:35vw}}@media(min-width:64rem){.options-title{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}}@media(min-width:64rem){.options-title{font-size:2rem}}@media(min-width:80rem){.options-title{width:35vw}}@media(min-width:80rem){.options-title{font-size:2.5rem}}@media(min-width:96rem){.options-title{width:25vw}}@media(min-width:96rem){.options-title{font-size:3rem}}.options-theme{display:flex;width:40vw;cursor:pointer;align-items:center;justify-content:space-between;border-radius:.25rem;border-style:var(--tw-border-style);border-width:2px;border-color:#a65a2e;background-color:#222;padding-inline:calc(var(--spacing) * 1);padding-block:calc(var(--spacing) * .5);font-family:var(--font-sans);font-size:1.5rem;color:var(--color-white);transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .3s;transition-duration:.3s;--tw-ease: var(--ease-in-out);transition-timing-function:var(--ease-in-out);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(hover:hover){.options-theme:hover{border-color:#e33e3e}}@media(min-width:40rem){.options-theme{width:17.5vw}}@media(min-width:40rem){.options-theme{border-style:var(--tw-border-style);border-width:1px}}@media(min-width:40rem){.options-theme{font-size:.75rem}}@media(min-width:64rem){.options-theme{width:15vw}}@media(min-width:64rem){.options-theme{border-style:var(--tw-border-style);border-width:2px}}@media(min-width:64rem){.options-theme{font-size:1.25rem}}@media(min-width:80rem){.options-theme{width:15vw}}@media(min-width:80rem){.options-theme{font-size:1.5rem}}@media(min-width:96rem){.options-theme{width:12.5vw}}@media(min-width:96rem){.options-theme{font-size:1.75rem}}.statistics-wrapper{display:flex;width:400px;flex-direction:column;text-align:center}@media(min-width:40rem){.statistics-wrapper{width:25vw}}@media(min-width:64rem){.statistics-wrapper{width:35vw}}@media(min-width:80rem){.statistics-wrapper{width:35vw}}@media(min-width:96rem){.statistics-wrapper{width:25vw}}.statistics-title{pointer-events:none;border-bottom-style:var(--tw-border-style);border-bottom-width:2px;border-color:#a65a2e;font-size:3rem;color:#a65a2e;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:40rem){.statistics-title{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}}@media(min-width:40rem){.statistics-title{font-size:1rem}}@media(min-width:64rem){.statistics-title{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}}@media(min-width:64rem){.statistics-title{font-size:2rem}}@media(min-width:80rem){.statistics-title{font-size:2.5rem}}@media(min-width:96rem){.statistics-title{font-size:3rem}}.statistics-list{margin-top:calc(var(--spacing) * 2);max-height:725px;overflow-y:auto;padding-right:calc(var(--spacing) * 4)}@media(min-width:40rem){.statistics-list{max-height:55vh}}@media(min-width:64rem){.statistics-list{max-height:40vh}}@media(min-width:80rem){.statistics-list{max-height:50vh}}@media(min-width:96rem){.statistics-list{max-height:52vh}}.statistics-item{pointer-events:none;display:flex;justify-content:space-between;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:#f5e1a4;padding-inline:calc(var(--spacing) * 1);padding-block:calc(var(--spacing) * 1);font-size:25px;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:40rem){.statistics-item{font-size:.65rem}}@media(min-width:64rem){.statistics-item{font-size:1.35rem}}@media(min-width:80rem){.statistics-item{font-size:1.75rem}}@media(min-width:96rem){.statistics-item{font-size:2rem}}.achievements-wrapper{z-index:20;display:flex;aspect-ratio:2.25/2.5;height:92.5vh;width:47.5vw;flex-direction:column;align-items:center;justify-content:center;background-image:url(/backgrounds/overlay_account.webp);background-size:contain;background-position:center;background-repeat:no-repeat;text-align:center;--tw-drop-shadow-size: drop-shadow(20px 20px 30px var(--tw-drop-shadow-color, rgba(0,0,0,1)));--tw-drop-shadow: var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@media(min-width:40rem){.achievements-wrapper{height:90vh}}@media(min-width:40rem){.achievements-wrapper{width:95vw}}@media(min-width:64rem){.achievements-wrapper{height:92.5vh}}@media(min-width:64rem){.achievements-wrapper{width:100vw}}@media(min-width:96rem){.achievements-wrapper{height:95vh}}@media(min-width:96rem){.achievements-wrapper{width:100vw}}.achievements-title{pointer-events:none;margin-top:calc(var(--spacing) * 2);margin-bottom:calc(var(--spacing) * 2);font-family:var(--font-serif);font-size:4.5rem;--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-white);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:40rem){.achievements-title{margin-top:calc(var(--spacing) * -5)}}@media(min-width:40rem){.achievements-title{margin-bottom:calc(var(--spacing) * -0)}}@media(min-width:40rem){.achievements-title{font-size:1.25rem}}@media(min-width:64rem){.achievements-title{margin-top:calc(var(--spacing) * -10)}}@media(min-width:64rem){.achievements-title{margin-bottom:calc(var(--spacing) * -0)}}@media(min-width:64rem){.achievements-title{font-size:2.75rem}}@media(min-width:80rem){.achievements-title{margin-top:calc(var(--spacing) * -12)}}@media(min-width:80rem){.achievements-title{margin-bottom:calc(var(--spacing) * -0)}}@media(min-width:80rem){.achievements-title{font-size:3rem}}@media(min-width:96rem){.achievements-title{margin-top:calc(var(--spacing) * -10)}}@media(min-width:96rem){.achievements-title{margin-bottom:calc(var(--spacing) * -0)}}@media(min-width:96rem){.achievements-title{font-size:3.5rem}}.achievement-list{display:flex;max-height:250px;width:60%;flex-wrap:wrap;justify-content:center;gap:calc(var(--spacing) * 2);overflow-y:auto;scroll-behavior:smooth;padding-right:10px}@media(min-width:40rem){.achievement-list{max-height:240px}}@media(min-width:40rem){.achievement-list{width:70%}}@media(min-width:40rem){.achievement-list{gap:calc(var(--spacing) * 1)}}@media(min-width:40rem){.achievement-list{padding-right:10px}}@media(min-width:64rem){.achievement-list{max-height:420px}}@media(min-width:64rem){.achievement-list{width:75%}}@media(min-width:64rem){.achievement-list{gap:calc(var(--spacing) * 2)}}@media(min-width:64rem){.achievement-list{padding-right:15px}}@media(min-width:80rem){.achievement-list{max-height:530px}}@media(min-width:80rem){.achievement-list{width:75%}}@media(min-width:96rem){.achievement-list{max-height:690px}}@media(min-width:96rem){.achievement-list{width:57%}}@media(min-width:96rem){.achievement-list{gap:calc(var(--spacing) * 2)}}@media(min-width:96rem){.achievement-list{padding-right:15px}}.achievement-list::-webkit-scrollbar{width:calc(var(--spacing) * 2)}.achievement-list::-webkit-scrollbar-thumb{border-radius:.25rem}.achievement-list::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,#fff 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.achievement-list::-webkit-scrollbar-thumb{background-color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.achievement-list::-webkit-scrollbar-track{background-color:transparent}.achievement-wrapper{width:100%;cursor:pointer;border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:2px;border-color:#a65a2e;background-color:#1e1e1e;padding:calc(var(--spacing) * 3);transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .3s;transition-duration:.3s;--tw-ease: var(--ease-in-out);transition-timing-function:var(--ease-in-out);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(hover:hover){.achievement-wrapper:hover{border-color:#e33e3e}}@media(min-width:40rem){.achievement-wrapper{border-radius:var(--radius-sm)}}@media(min-width:40rem){.achievement-wrapper{border-style:var(--tw-border-style);border-width:1px}}@media(min-width:40rem){.achievement-wrapper{padding:calc(var(--spacing) * 1)}}@media(min-width:64rem){.achievement-wrapper{border-radius:var(--radius-lg)}}@media(min-width:64rem){.achievement-wrapper{border-style:var(--tw-border-style);border-width:2px}}@media(min-width:64rem){.achievement-wrapper{padding:calc(var(--spacing) * 2)}}@media(min-width:80rem){.achievement-wrapper{border-radius:var(--radius-xl)}}@media(min-width:80rem){.achievement-wrapper{padding:calc(var(--spacing) * 3)}}@media(min-width:96rem){.achievement-wrapper{border-radius:var(--radius-xl)}}@media(min-width:96rem){.achievement-wrapper{padding:calc(var(--spacing) * 3)}}.achievement-icon{pointer-events:none;height:60px;width:60px;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:40rem){.achievement-icon{height:25px}}@media(min-width:40rem){.achievement-icon{width:25px}}@media(min-width:64rem){.achievement-icon{height:45px}}@media(min-width:64rem){.achievement-icon{width:45px}}@media(min-width:80rem){.achievement-icon{height:60px}}@media(min-width:80rem){.achievement-icon{width:60px}}@media(min-width:96rem){.achievement-icon{height:60px}}@media(min-width:96rem){.achievement-icon{width:60px}}.achievement-name{margin-left:calc(var(--spacing) * 4);font-size:2.5rem;--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold);color:#f5e1a4}@media(min-width:40rem){.achievement-name{margin-left:calc(var(--spacing) * 1)}}@media(min-width:40rem){.achievement-name{font-size:1.15rem}}@media(min-width:64rem){.achievement-name{margin-left:calc(var(--spacing) * 2)}}@media(min-width:64rem){.achievement-name{font-size:2.2rem}}@media(min-width:80rem){.achievement-name{margin-left:calc(var(--spacing) * 4)}}@media(min-width:80rem){.achievement-name{font-size:2.5rem}}@media(min-width:96rem){.achievement-name{margin-left:calc(var(--spacing) * 4)}}@media(min-width:96rem){.achievement-name{font-size:2.5rem}}.achievement-title{font-size:2.5rem;--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold);color:#f5e1a4}@media(min-width:40rem){.achievement-title{font-size:1.15rem}}@media(min-width:64rem){.achievement-title{font-size:2.2rem}}@media(min-width:80rem){.achievement-title{font-size:2.5rem}}@media(min-width:96rem){.achievement-title{font-size:2.5rem}}.achievement-status{margin-right:calc(var(--spacing) * 2);margin-left:calc(var(--spacing) * 4);font-size:2.5rem}@media(min-width:40rem){.achievement-status{margin-right:calc(var(--spacing) * 1)}}@media(min-width:40rem){.achievement-status{margin-left:calc(var(--spacing) * 1)}}@media(min-width:40rem){.achievement-status{font-size:1.15rem}}@media(min-width:64rem){.achievement-status{margin-right:calc(var(--spacing) * 2)}}@media(min-width:64rem){.achievement-status{margin-left:calc(var(--spacing) * 2)}}@media(min-width:64rem){.achievement-status{font-size:2.2rem}}@media(min-width:80rem){.achievement-status{margin-right:calc(var(--spacing) * 2)}}@media(min-width:80rem){.achievement-status{margin-left:calc(var(--spacing) * 4)}}@media(min-width:80rem){.achievement-status{font-size:2.5rem}}@media(min-width:96rem){.achievement-status{margin-right:calc(var(--spacing) * 2)}}@media(min-width:96rem){.achievement-status{margin-left:calc(var(--spacing) * 4)}}@media(min-width:96rem){.achievement-status{font-size:2.5rem}}.achievement-dropdown{margin-top:calc(var(--spacing) * 4);padding-left:calc(var(--spacing) * 4);text-align:left;font-size:2rem;color:#f5e1a4}@media(min-width:40rem){.achievement-dropdown{margin-top:calc(var(--spacing) * 1)}}@media(min-width:40rem){.achievement-dropdown{padding-left:calc(var(--spacing) * 2)}}@media(min-width:40rem){.achievement-dropdown{font-size:.65rem}}@media(min-width:64rem){.achievement-dropdown{margin-top:calc(var(--spacing) * 1)}}@media(min-width:64rem){.achievement-dropdown{padding-left:calc(var(--spacing) * 4)}}@media(min-width:64rem){.achievement-dropdown{font-size:1.25rem}}@media(min-width:80rem){.achievement-dropdown{margin-top:calc(var(--spacing) * 2)}}@media(min-width:80rem){.achievement-dropdown{padding-left:calc(var(--spacing) * 4)}}@media(min-width:80rem){.achievement-dropdown{font-size:1.25rem}}@media(min-width:96rem){.achievement-dropdown{margin-top:calc(var(--spacing) * 2)}}@media(min-width:96rem){.achievement-dropdown{padding-left:calc(var(--spacing) * 4)}}@media(min-width:96rem){.achievement-dropdown{font-size:1.25rem}}.dropdown-text{margin-bottom:calc(var(--spacing) * 2)}@media(min-width:40rem){.dropdown-text{margin-bottom:calc(var(--spacing) * 1)}}@media(min-width:64rem){.dropdown-text{margin-bottom:calc(var(--spacing) * 1)}}@media(min-width:80rem){.dropdown-text{margin-bottom:calc(var(--spacing) * 2)}}@media(min-width:96rem){.dropdown-text{margin-bottom:calc(var(--spacing) * 2)}}.dropdown-list{list-style-type:disc;padding-left:calc(var(--spacing) * 6)}@media(min-width:40rem){.dropdown-list{padding-left:calc(var(--spacing) * 3)}}@media(min-width:64rem){.dropdown-list{padding-left:calc(var(--spacing) * 6)}}@media(min-width:80rem){.dropdown-list{padding-left:calc(var(--spacing) * 6)}}@media(min-width:96rem){.dropdown-list{padding-left:calc(var(--spacing) * 6)}}.create-wrapper{z-index:20;display:flex;aspect-ratio:2.25/2.5;height:92.5vh;width:47.5vw;align-items:center;justify-content:center;background-image:url(/backgrounds/overlay_account.webp);background-size:contain;background-position:center;background-repeat:no-repeat;text-align:center;color:var(--color-white);--tw-drop-shadow-size: drop-shadow(20px 20px 30px var(--tw-drop-shadow-color, rgba(0,0,0,1)));--tw-drop-shadow: var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@media(min-width:40rem){.create-wrapper{height:90vh}}@media(min-width:40rem){.create-wrapper{width:95vw}}@media(min-width:64rem){.create-wrapper{height:92.5vh}}@media(min-width:64rem){.create-wrapper{width:100vw}}@media(min-width:96rem){.create-wrapper{height:95vh}}@media(min-width:96rem){.create-wrapper{width:100vw}}.create-game{margin-top:calc(var(--spacing) * 12);margin-right:calc(var(--spacing) * 5);margin-left:120px;display:flex;width:320px;flex-direction:column;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:40rem){.create-game{margin-top:calc(var(--spacing) * 5)}}@media(min-width:40rem){.create-game{margin-right:calc(var(--spacing) * 3)}}@media(min-width:40rem){.create-game{margin-left:50px}}@media(min-width:40rem){.create-game{width:100px}}@media(min-width:64rem){.create-game{margin-top:calc(var(--spacing) * 5)}}@media(min-width:64rem){.create-game{margin-right:calc(var(--spacing) * 5)}}@media(min-width:64rem){.create-game{margin-left:80px}}@media(min-width:64rem){.create-game{width:200px}}@media(min-width:80rem){.create-game{margin-top:calc(var(--spacing) * 16)}}@media(min-width:80rem){.create-game{margin-right:calc(var(--spacing) * 5)}}@media(min-width:80rem){.create-game{margin-left:100px}}@media(min-width:80rem){.create-game{width:250px}}@media(min-width:96rem){.create-game{margin-top:calc(var(--spacing) * 24)}}@media(min-width:96rem){.create-game{margin-right:calc(var(--spacing) * 5)}}@media(min-width:96rem){.create-game{margin-left:100px}}@media(min-width:96rem){.create-game{width:400px}}.create-logo{pointer-events:none;margin-top:-30vh;margin-bottom:calc(var(--spacing) * 2);display:flex;width:15vw;flex-direction:column;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:40rem){.create-logo{margin-top:-5vh}}@media(min-width:40rem){.create-logo{margin-bottom:calc(var(--spacing) * 0)}}@media(min-width:40rem){.create-logo{width:11vw}}@media(min-width:64rem){.create-logo{margin-top:-3vh}}@media(min-width:64rem){.create-logo{margin-bottom:calc(var(--spacing) * 0)}}@media(min-width:64rem){.create-logo{width:13vw}}@media(min-width:80rem){.create-logo{margin-top:-7.5vh}}@media(min-width:80rem){.create-logo{margin-bottom:calc(var(--spacing) * -2)}}@media(min-width:80rem){.create-logo{width:14vw}}@media(min-width:96rem){.create-logo{margin-top:-10vh}}@media(min-width:96rem){.create-logo{margin-bottom:calc(var(--spacing) * -1)}}@media(min-width:96rem){.create-logo{width:11vw}}.create-title{margin-bottom:calc(var(--spacing) * 1);font-family:var(--font-serif);font-size:4rem;--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}@media(min-width:40rem){.create-title{margin-bottom:calc(var(--spacing) * 0)}}@media(min-width:40rem){.create-title{font-size:1.5rem}}@media(min-width:64rem){.create-title{margin-bottom:calc(var(--spacing) * 1)}}@media(min-width:64rem){.create-title{font-size:2.5rem}}@media(min-width:80rem){.create-title{margin-bottom:calc(var(--spacing) * 2)}}@media(min-width:80rem){.create-title{font-size:3rem}}@media(min-width:96rem){.create-title{margin-bottom:calc(var(--spacing) * 2)}}@media(min-width:96rem){.create-title{font-size:3.5rem}}.create-btn{height:10vh;width:15.5vw;cursor:pointer;font-size:2.75rem}@media(min-width:40rem){.create-btn{height:10vh}}@media(min-width:40rem){.create-btn{width:20vw}}@media(min-width:40rem){.create-btn{font-size:.75rem}}@media(min-width:64rem){.create-btn{height:10vh}}@media(min-width:64rem){.create-btn{width:40vw}}@media(min-width:64rem){.create-btn{font-size:2rem}}@media(min-width:80rem){.create-btn{height:10vh}}@media(min-width:80rem){.create-btn{width:45vw}}@media(min-width:80rem){.create-btn{font-size:2.5rem}}@media(min-width:96rem){.create-btn{height:10vh}}@media(min-width:96rem){.create-btn{width:20vw}}@media(min-width:96rem){.create-btn{font-size:2.5rem}}.create-options{margin-top:calc(var(--spacing) * -5);display:flex;width:520px;flex-direction:column;align-items:center;border-radius:.25rem;font-family:var(--font-serif);color:#f5e1a4;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:40rem){.create-options{margin-top:calc(var(--spacing) * 0)}}@media(min-width:40rem){.create-options{width:200px}}@media(min-width:64rem){.create-options{margin-top:calc(var(--spacing) * -5)}}@media(min-width:64rem){.create-options{width:350px}}@media(min-width:80rem){.create-options{margin-top:calc(var(--spacing) * -2)}}@media(min-width:80rem){.create-options{width:450px}}@media(min-width:96rem){.create-options{margin-top:calc(var(--spacing) * -7)}}@media(min-width:96rem){.create-options{width:500px}}.create-options-title{margin-bottom:calc(var(--spacing) * -3);text-align:center;font-size:4rem;--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-white)}@media(min-width:40rem){.create-options-title{margin-bottom:calc(var(--spacing) * 1)}}@media(min-width:40rem){.create-options-title{font-size:1.5rem}}@media(min-width:64rem){.create-options-title{margin-bottom:calc(var(--spacing) * -1)}}@media(min-width:64rem){.create-options-title{font-size:2.5rem}}@media(min-width:80rem){.create-options-title{margin-bottom:calc(var(--spacing) * -1)}}@media(min-width:80rem){.create-options-title{font-size:3rem}}@media(min-width:96rem){.create-options-title{margin-bottom:calc(var(--spacing) * -1)}}@media(min-width:96rem){.create-options-title{font-size:3.5rem}}.create-options-wrapper{margin-top:calc(var(--spacing) * -2);display:flex;max-height:220px;width:100%;flex-direction:column;align-items:center;gap:calc(var(--spacing) * 1);overflow-y:auto}@media(min-width:40rem){.create-options-wrapper{margin-top:calc(var(--spacing) * -2)}}@media(min-width:40rem){.create-options-wrapper{max-height:240px}}@media(min-width:40rem){.create-options-wrapper{gap:calc(var(--spacing) * 1)}}@media(min-width:64rem){.create-options-wrapper{margin-top:calc(var(--spacing) * 2)}}@media(min-width:64rem){.create-options-wrapper{max-height:410px}}@media(min-width:64rem){.create-options-wrapper{gap:calc(var(--spacing) * 2)}}@media(min-width:80rem){.create-options-wrapper{margin-top:calc(var(--spacing) * 2)}}@media(min-width:80rem){.create-options-wrapper{max-height:550px}}@media(min-width:80rem){.create-options-wrapper{gap:calc(var(--spacing) * 3)}}@media(min-width:96rem){.create-options-wrapper{margin-top:calc(var(--spacing) * 1)}}@media(min-width:96rem){.create-options-wrapper{max-height:720px}}@media(min-width:96rem){.create-options-wrapper{gap:calc(var(--spacing) * 2)}}.lobbies-wrapper{z-index:20;display:flex;aspect-ratio:2.25/2.5;height:92.5vh;width:47.5vw;flex-direction:column;align-items:center;justify-content:center;background-image:url(/backgrounds/overlay.webp);background-size:contain;background-position:center;background-repeat:no-repeat;text-align:center;--tw-drop-shadow-size: drop-shadow(20px 20px 30px var(--tw-drop-shadow-color, rgba(0,0,0,1)));--tw-drop-shadow: var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@media(min-width:40rem){.lobbies-wrapper{height:90vh}}@media(min-width:40rem){.lobbies-wrapper{width:95vw}}@media(min-width:64rem){.lobbies-wrapper{height:92.5vh}}@media(min-width:64rem){.lobbies-wrapper{width:90vw}}@media(min-width:96rem){.lobbies-wrapper{height:95vh}}@media(min-width:96rem){.lobbies-wrapper{width:100vw}}.lobbies-home{z-index:2;margin-top:calc(var(--spacing) * -5);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--color-white)}@media(min-width:40rem){.lobbies-home{margin-top:calc(var(--spacing) * -2)}}@media(min-width:64rem){.lobbies-home{margin-top:calc(var(--spacing) * -5)}}@media(min-width:80rem){.lobbies-home{margin-top:calc(var(--spacing) * -5)}}@media(min-width:96rem){.lobbies-home{margin-top:calc(var(--spacing) * -5)}}.lobbies-title{margin-bottom:calc(var(--spacing) * 5);font-family:var(--font-serif);font-size:4rem;--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:40rem){.lobbies-title{margin-bottom:calc(var(--spacing) * 3)}}@media(min-width:40rem){.lobbies-title{font-size:1.5rem}}@media(min-width:64rem){.lobbies-title{margin-bottom:calc(var(--spacing) * 4)}}@media(min-width:64rem){.lobbies-title{font-size:3.5rem}}@media(min-width:80rem){.lobbies-title{margin-bottom:calc(var(--spacing) * 1)}}@media(min-width:80rem){.lobbies-title{font-size:4rem}}@media(min-width:96rem){.lobbies-title{margin-bottom:calc(var(--spacing) * 6)}}@media(min-width:96rem){.lobbies-title{font-size:4rem}}.private-wrapper{margin-top:calc(var(--spacing) * 6);display:flex;align-items:center;gap:calc(var(--spacing) * 4)}@media(min-width:40rem){.private-wrapper{margin-top:calc(var(--spacing) * 3)}}@media(min-width:40rem){.private-wrapper{gap:calc(var(--spacing) * 1)}}@media(min-width:64rem){.private-wrapper{margin-top:calc(var(--spacing) * 5)}}@media(min-width:64rem){.private-wrapper{gap:calc(var(--spacing) * 3)}}@media(min-width:80rem){.private-wrapper{margin-top:calc(var(--spacing) * 6)}}@media(min-width:80rem){.private-wrapper{gap:calc(var(--spacing) * 3)}}@media(min-width:96rem){.private-wrapper{margin-top:calc(var(--spacing) * 7)}}@media(min-width:96rem){.private-wrapper{gap:calc(var(--spacing) * 3)}}.private-btn{margin-top:calc(var(--spacing) * 0);height:55px;width:55px;cursor:pointer;border-radius:var(--radius-lg);--tw-border-style: none;border-style:none;background-color:#469ff1;background-image:url(/icons/join.svg);background-size:85% auto;background-position:center;background-repeat:no-repeat;transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .1s;transition-duration:.1s;--tw-ease: var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media(hover:hover){.private-btn:hover{--tw-translate-y: -3px ;translate:var(--tw-translate-x) var(--tw-translate-y)}}@media(hover:hover){.private-btn:hover{--tw-shadow: 6px 6px 12px var(--tw-shadow-color, rgba(0,0,0,.6));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.private-btn:active{--tw-translate-y: 2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.private-btn:active{--tw-shadow: 2px 2px 4px var(--tw-shadow-color, rgba(0,0,0,.3));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media(min-width:40rem){.private-btn{margin-top:calc(var(--spacing) * 2)}}@media(min-width:40rem){.private-btn{height:25px}}@media(min-width:40rem){.private-btn{width:25px}}@media(min-width:40rem){.private-btn{border-radius:var(--radius-md)}}@media(min-width:64rem){.private-btn{margin-top:calc(var(--spacing) * .5)}}@media(min-width:64rem){.private-btn{height:45px}}@media(min-width:64rem){.private-btn{width:45px}}@media(min-width:64rem){.private-btn{border-radius:var(--radius-lg)}}@media(min-width:80rem){.private-btn{margin-top:calc(var(--spacing) * 0)}}@media(min-width:80rem){.private-btn{height:55px}}@media(min-width:80rem){.private-btn{width:55px}}@media(min-width:80rem){.private-btn{border-radius:var(--radius-lg)}}@media(min-width:96rem){.private-btn{margin-top:calc(var(--spacing) * 0)}}@media(min-width:96rem){.private-btn{height:55px}}@media(min-width:96rem){.private-btn{width:55px}}@media(min-width:96rem){.private-btn{border-radius:var(--radius-lg)}}.lobby-list-wrapper{margin-top:calc(var(--spacing) * -3);display:flex;min-height:650px;flex-direction:column;gap:calc(var(--spacing) * 2)}@media(min-width:40rem){.lobby-list-wrapper{margin-top:calc(var(--spacing) * -3)}}@media(min-width:40rem){.lobby-list-wrapper{min-height:220px}}@media(min-width:40rem){.lobby-list-wrapper{gap:calc(var(--spacing) * .5)}}@media(min-width:64rem){.lobby-list-wrapper{margin-top:calc(var(--spacing) * -5)}}@media(min-width:64rem){.lobby-list-wrapper{min-height:500px}}@media(min-width:64rem){.lobby-list-wrapper{gap:calc(var(--spacing) * 2)}}@media(min-width:80rem){.lobby-list-wrapper{margin-top:calc(var(--spacing) * -3)}}@media(min-width:80rem){.lobby-list-wrapper{min-height:560px}}@media(min-width:80rem){.lobby-list-wrapper{gap:calc(var(--spacing) * 2)}}@media(min-width:96rem){.lobby-list-wrapper{margin-top:calc(var(--spacing) * -5)}}@media(min-width:96rem){.lobby-list-wrapper{min-height:650px}}@media(min-width:96rem){.lobby-list-wrapper{gap:calc(var(--spacing) * 3)}}.lobby-list-item{width:650px;border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:#8b5e3b;--tw-gradient-position: to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from: #5a3e2b;--tw-gradient-to: #3b2a1a;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 3);font-family:Luckiest Guy;font-size:2rem;color:wheat;--tw-shadow: 2px 2px 5px var(--tw-shadow-color, rgba(0,0,0,.3));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:40rem){.lobby-list-item{width:250px}}@media(min-width:40rem){.lobby-list-item{border-radius:var(--radius-sm)}}@media(min-width:40rem){.lobby-list-item{padding-inline:calc(var(--spacing) * 1.5)}}@media(min-width:40rem){.lobby-list-item{padding-block:calc(var(--spacing) * 1)}}@media(min-width:40rem){.lobby-list-item{font-size:.75rem}}@media(min-width:64rem){.lobby-list-item{width:520px}}@media(min-width:64rem){.lobby-list-item{border-radius:var(--radius-lg)}}@media(min-width:64rem){.lobby-list-item{padding-inline:calc(var(--spacing) * 4)}}@media(min-width:64rem){.lobby-list-item{padding-block:calc(var(--spacing) * 2)}}@media(min-width:64rem){.lobby-list-item{font-size:1.5rem}}@media(min-width:80rem){.lobby-list-item{width:600px}}@media(min-width:80rem){.lobby-list-item{border-radius:var(--radius-lg)}}@media(min-width:80rem){.lobby-list-item{padding-inline:calc(var(--spacing) * 4)}}@media(min-width:80rem){.lobby-list-item{padding-block:calc(var(--spacing) * 2)}}@media(min-width:80rem){.lobby-list-item{font-size:1.75rem}}@media(min-width:96rem){.lobby-list-item{width:670px}}@media(min-width:96rem){.lobby-list-item{border-radius:var(--radius-lg)}}@media(min-width:96rem){.lobby-list-item{padding-inline:calc(var(--spacing) * 4)}}@media(min-width:96rem){.lobby-list-item{padding-block:calc(var(--spacing) * 2)}}@media(min-width:96rem){.lobby-list-item{font-size:1.75rem}}.lobby-list-avatar{height:40px;width:40px;border-radius:calc(infinity * 1px);border-color:#ccc}@media(min-width:40rem){.lobby-list-avatar{height:20px}}@media(min-width:40rem){.lobby-list-avatar{width:20px}}@media(min-width:64rem){.lobby-list-avatar{height:40px}}@media(min-width:64rem){.lobby-list-avatar{width:40px}}@media(min-width:80rem){.lobby-list-avatar{height:40px}}@media(min-width:80rem){.lobby-list-avatar{width:40px}}@media(min-width:96rem){.lobby-list-avatar{height:45px}}@media(min-width:96rem){.lobby-list-avatar{width:45px}}.lobby-list-more{margin-top:calc(var(--spacing) * 3);margin-left:calc(var(--spacing) * -1);font-size:1.5rem;--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-white)}@media(min-width:40rem){.lobby-list-more{margin-top:calc(var(--spacing) * 1)}}@media(min-width:40rem){.lobby-list-more{margin-left:calc(var(--spacing) * 0)}}@media(min-width:40rem){.lobby-list-more{font-size:.75rem}}@media(min-width:64rem){.lobby-list-more{margin-top:calc(var(--spacing) * 2)}}@media(min-width:64rem){.lobby-list-more{margin-left:calc(var(--spacing) * 1)}}@media(min-width:64rem){.lobby-list-more{font-size:1.5rem}}@media(min-width:80rem){.lobby-list-more{margin-top:calc(var(--spacing) * 2)}}@media(min-width:80rem){.lobby-list-more{margin-left:calc(var(--spacing) * -1)}}@media(min-width:80rem){.lobby-list-more{font-size:1.75rem}}@media(min-width:96rem){.lobby-list-more{margin-top:calc(var(--spacing) * 2)}}@media(min-width:96rem){.lobby-list-more{margin-left:calc(var(--spacing) * -0)}}@media(min-width:96rem){.lobby-list-more{font-size:1.75rem}}.lobby-list-title{margin-left:calc(var(--spacing) * 3);display:flex;overflow:hidden;font-size:2rem;text-overflow:ellipsis;white-space:nowrap;color:#ffe2a7}@media(min-width:40rem){.lobby-list-title{margin-left:calc(var(--spacing) * 1)}}@media(min-width:40rem){.lobby-list-title{font-size:.75rem}}@media(min-width:64rem){.lobby-list-title{margin-left:calc(var(--spacing) * 2)}}@media(min-width:64rem){.lobby-list-title{font-size:1.5rem}}@media(min-width:80rem){.lobby-list-title{margin-left:calc(var(--spacing) * 2)}}@media(min-width:80rem){.lobby-list-title{font-size:1.75rem}}@media(min-width:96rem){.lobby-list-title{margin-left:calc(var(--spacing) * 3)}}@media(min-width:96rem){.lobby-list-title{font-size:1.75rem}}.lobby-list-info{display:flex;height:100%;align-items:center;gap:calc(var(--spacing) * 1)}@media(min-width:40rem){.lobby-list-info{gap:calc(var(--spacing) * 1)}}@media(min-width:64rem){.lobby-list-info{gap:calc(var(--spacing) * 2)}}@media(min-width:80rem){.lobby-list-info{gap:calc(var(--spacing) * 2)}}@media(min-width:96rem){.lobby-list-info{gap:calc(var(--spacing) * 2.5)}}.lobby-list-spectator{height:40px;width:40px;--tw-brightness: brightness(104%);--tw-contrast: contrast(101%);--tw-hue-rotate: hue-rotate(337deg);--tw-invert: invert(88%);--tw-saturate: saturate(831%);--tw-sepia: sepia(17%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@media(min-width:40rem){.lobby-list-spectator{height:20px}}@media(min-width:40rem){.lobby-list-spectator{width:20px}}@media(min-width:64rem){.lobby-list-spectator{height:40px}}@media(min-width:64rem){.lobby-list-spectator{width:40px}}@media(min-width:80rem){.lobby-list-spectator{height:40px}}@media(min-width:80rem){.lobby-list-spectator{width:40px}}@media(min-width:96rem){.lobby-list-spectator{height:45px}}@media(min-width:96rem){.lobby-list-spectator{width:45px}}.lobby-list-join{margin-right:calc(var(--spacing) * -2);height:30px;width:30px;cursor:pointer;border-radius:var(--radius-lg);--tw-border-style: none;border-style:none;background-color:#469ff1;background-image:url(/icons/join.svg);background-size:85% auto;background-position:center;background-repeat:no-repeat;transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .2s;transition-duration:.2s;--tw-ease: var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media(hover:hover){.lobby-list-join:hover{--tw-translate-y: -2px ;translate:var(--tw-translate-x) var(--tw-translate-y)}}@media(hover:hover){.lobby-list-join:hover{--tw-shadow: 6px 6px 12px var(--tw-shadow-color, rgba(0,0,0,.6));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.lobby-list-join:active{--tw-translate-y: 2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.lobby-list-join:active{--tw-shadow: 2px 2px 4px var(--tw-shadow-color, rgba(0,0,0,.3));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media(min-width:40rem){.lobby-list-join{margin-right:calc(var(--spacing) * -1)}}@media(min-width:40rem){.lobby-list-join{height:15px}}@media(min-width:40rem){.lobby-list-join{width:15px}}@media(min-width:40rem){.lobby-list-join{border-radius:var(--radius-sm)}}@media(min-width:40rem){@media(hover:hover){.lobby-list-join:hover{--tw-translate-y: -1px ;translate:var(--tw-translate-x) var(--tw-translate-y)}}}@media(min-width:64rem){.lobby-list-join{margin-right:calc(var(--spacing) * -2)}}@media(min-width:64rem){.lobby-list-join{height:35px}}@media(min-width:64rem){.lobby-list-join{width:35px}}@media(min-width:64rem){.lobby-list-join{border-radius:var(--radius-lg)}}@media(min-width:64rem){@media(hover:hover){.lobby-list-join:hover{--tw-translate-y: -2px ;translate:var(--tw-translate-x) var(--tw-translate-y)}}}@media(min-width:80rem){.lobby-list-join{margin-right:calc(var(--spacing) * -2)}}@media(min-width:80rem){.lobby-list-join{height:35px}}@media(min-width:80rem){.lobby-list-join{width:35px}}@media(min-width:80rem){.lobby-list-join{border-radius:var(--radius-lg)}}@media(min-width:96rem){.lobby-list-join{margin-right:calc(var(--spacing) * -2)}}@media(min-width:96rem){.lobby-list-join{height:35px}}@media(min-width:96rem){.lobby-list-join{width:35px}}@media(min-width:96rem){.lobby-list-join{border-radius:var(--radius-lg)}}.lobby-list-extended{margin-top:calc(var(--spacing) * 4);display:flex;justify-content:space-between;padding-left:calc(var(--spacing) * 4);text-align:left;font-size:2rem;color:#f5e1a4}@media(min-width:40rem){.lobby-list-extended{margin-top:calc(var(--spacing) * 2)}}@media(min-width:40rem){.lobby-list-extended{padding-left:calc(var(--spacing) * 2)}}@media(min-width:40rem){.lobby-list-extended{font-size:.65rem}}@media(min-width:64rem){.lobby-list-extended{margin-top:calc(var(--spacing) * 2)}}@media(min-width:64rem){.lobby-list-extended{padding-left:calc(var(--spacing) * 3)}}@media(min-width:64rem){.lobby-list-extended{font-size:1.4rem}}@media(min-width:80rem){.lobby-list-extended{margin-top:calc(var(--spacing) * 2)}}@media(min-width:80rem){.lobby-list-extended{padding-left:calc(var(--spacing) * 4)}}@media(min-width:80rem){.lobby-list-extended{font-size:1.55rem}}@media(min-width:96rem){.lobby-list-extended{margin-top:calc(var(--spacing) * 2)}}@media(min-width:96rem){.lobby-list-extended{padding-left:calc(var(--spacing) * 4)}}@media(min-width:96rem){.lobby-list-extended{font-size:1.55rem}}.lobby-list-player-wrapper{margin-bottom:calc(var(--spacing) * 2);display:flex;align-items:center;gap:calc(var(--spacing) * 3)}@media(min-width:40rem){.lobby-list-player-wrapper{margin-bottom:calc(var(--spacing) * 1)}}@media(min-width:40rem){.lobby-list-player-wrapper{gap:calc(var(--spacing) * 1)}}@media(min-width:64rem){.lobby-list-player-wrapper{margin-bottom:calc(var(--spacing) * 1)}}@media(min-width:64rem){.lobby-list-player-wrapper{gap:calc(var(--spacing) * 2)}}@media(min-width:80rem){.lobby-list-player-wrapper{margin-bottom:calc(var(--spacing) * 2)}}@media(min-width:80rem){.lobby-list-player-wrapper{gap:calc(var(--spacing) * 2)}}@media(min-width:96rem){.lobby-list-player-wrapper{margin-bottom:calc(var(--spacing) * 2)}}@media(min-width:96rem){.lobby-list-player-wrapper{gap:calc(var(--spacing) * 3)}}.lobby-list-player-icon{height:30px;width:30px;border-radius:calc(infinity * 1px);-o-object-fit:cover;object-fit:cover}@media(min-width:40rem){.lobby-list-player-icon{height:15px}}@media(min-width:40rem){.lobby-list-player-icon{width:15px}}@media(min-width:64rem){.lobby-list-player-icon{height:30px}}@media(min-width:64rem){.lobby-list-player-icon{width:30px}}@media(min-width:80rem){.lobby-list-player-icon{height:30px}}@media(min-width:80rem){.lobby-list-player-icon{width:30px}}@media(min-width:96rem){.lobby-list-player-icon{height:30px}}@media(min-width:96rem){.lobby-list-player-icon{width:30px}}.lobby-list-spectator-wrapper{margin-bottom:calc(var(--spacing) * 0);display:flex;align-items:center;gap:calc(var(--spacing) * 3)}@media(min-width:40rem){.lobby-list-spectator-wrapper{gap:calc(var(--spacing) * 1)}}@media(min-width:64rem){.lobby-list-spectator-wrapper{gap:calc(var(--spacing) * 2)}}@media(min-width:80rem){.lobby-list-spectator-wrapper{gap:calc(var(--spacing) * 2)}}@media(min-width:96rem){.lobby-list-spectator-wrapper{gap:calc(var(--spacing) * 3)}}.lobby-list-spectator-icon{height:30px;width:30px;--tw-brightness: brightness(104%);--tw-contrast: contrast(101%);--tw-hue-rotate: hue-rotate(337deg);--tw-invert: invert(88%);--tw-saturate: saturate(831%);--tw-sepia: sepia(17%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@media(min-width:40rem){.lobby-list-spectator-icon{height:15px}}@media(min-width:40rem){.lobby-list-spectator-icon{width:15px}}@media(min-width:64rem){.lobby-list-spectator-icon{height:30px}}@media(min-width:64rem){.lobby-list-spectator-icon{width:30px}}@media(min-width:80rem){.lobby-list-spectator-icon{height:30px}}@media(min-width:80rem){.lobby-list-spectator-icon{width:30px}}@media(min-width:96rem){.lobby-list-spectator-icon{height:30px}}@media(min-width:96rem){.lobby-list-spectator-icon{width:30px}}.lobby-list-date{padding-right:calc(var(--spacing) * 4);text-align:right;font-size:1.35rem;color:#ffe2a7}@media(min-width:40rem){.lobby-list-date{padding-right:calc(var(--spacing) * 2)}}@media(min-width:40rem){.lobby-list-date{font-size:.5rem}}@media(min-width:64rem){.lobby-list-date{padding-right:calc(var(--spacing) * 2)}}@media(min-width:64rem){.lobby-list-date{font-size:1.3rem}}@media(min-width:80rem){.lobby-list-date{padding-right:calc(var(--spacing) * 2)}}@media(min-width:80rem){.lobby-list-date{font-size:1.4rem}}@media(min-width:96rem){.lobby-list-date{padding-right:calc(var(--spacing) * 2)}}@media(min-width:96rem){.lobby-list-date{font-size:1.4rem}}.join-wrapper{z-index:20;display:flex;aspect-ratio:2.25/2.5;height:92.5vh;width:47.5vw;flex-direction:column;align-items:center;justify-content:center;background-image:url(/backgrounds/overlay.webp);background-size:contain;background-position:center;background-repeat:no-repeat;text-align:center;--tw-drop-shadow-size: drop-shadow(20px 20px 30px var(--tw-drop-shadow-color, rgba(0,0,0,1)));--tw-drop-shadow: var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@media(min-width:40rem){.join-wrapper{height:90vh}}@media(min-width:40rem){.join-wrapper{width:95vw}}@media(min-width:64rem){.join-wrapper{height:92.5vh}}@media(min-width:64rem){.join-wrapper{width:90vw}}@media(min-width:96rem){.join-wrapper{height:95vh}}@media(min-width:96rem){.join-wrapper{width:100vw}}.join-menu{z-index:2;display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--color-white);-webkit-user-select:none;-moz-user-select:none;user-select:none}.join-logo{pointer-events:none;margin-top:calc(var(--spacing) * 0);margin-bottom:calc(var(--spacing) * 10);display:flex;width:12vw;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:40rem){.join-logo{margin-top:calc(var(--spacing) * 0)}}@media(min-width:40rem){.join-logo{margin-bottom:calc(var(--spacing) * -1)}}@media(min-width:40rem){.join-logo{width:12vw}}@media(min-width:64rem){.join-logo{margin-top:calc(var(--spacing) * 0)}}@media(min-width:64rem){.join-logo{margin-bottom:calc(var(--spacing) * 5)}}@media(min-width:64rem){.join-logo{width:16vw}}@media(min-width:80rem){.join-logo{margin-top:calc(var(--spacing) * 0)}}@media(min-width:80rem){.join-logo{margin-bottom:calc(var(--spacing) * 0)}}@media(min-width:80rem){.join-logo{width:16vw}}@media(min-width:96rem){.join-logo{margin-top:calc(var(--spacing) * 0)}}@media(min-width:96rem){.join-logo{margin-bottom:calc(var(--spacing) * 1)}}@media(min-width:96rem){.join-logo{width:12vw}}.join-title{margin-top:calc(var(--spacing) * -2);margin-bottom:calc(var(--spacing) * 2);font-family:var(--font-serif);font-size:4rem;--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}@media(min-width:40rem){.join-title{margin-top:calc(var(--spacing) * -0)}}@media(min-width:40rem){.join-title{margin-bottom:calc(var(--spacing) * 0)}}@media(min-width:40rem){.join-title{font-size:1.5rem}}@media(min-width:64rem){.join-title{margin-top:calc(var(--spacing) * -5)}}@media(min-width:64rem){.join-title{margin-bottom:calc(var(--spacing) * 0)}}@media(min-width:64rem){.join-title{font-size:2.75rem}}@media(min-width:80rem){.join-title{margin-top:calc(var(--spacing) * -2)}}@media(min-width:80rem){.join-title{margin-bottom:calc(var(--spacing) * 0)}}@media(min-width:80rem){.join-title{font-size:3.5rem}}@media(min-width:96rem){.join-title{margin-top:calc(var(--spacing) * -2)}}@media(min-width:96rem){.join-title{margin-bottom:calc(var(--spacing) * 0)}}@media(min-width:96rem){.join-title{font-size:4rem}}.join-btn{height:10vh;width:15.5vw;cursor:pointer;font-size:2.75rem}@media(min-width:40rem){.join-btn{height:10vh}}@media(min-width:40rem){.join-btn{width:20vw}}@media(min-width:40rem){.join-btn{font-size:.75rem}}@media(min-width:64rem){.join-btn{height:10vh}}@media(min-width:64rem){.join-btn{width:40vw}}@media(min-width:64rem){.join-btn{font-size:2rem}}@media(min-width:80rem){.join-btn{height:10vh}}@media(min-width:80rem){.join-btn{width:45vw}}@media(min-width:80rem){.join-btn{font-size:2.5rem}}@media(min-width:96rem){.join-btn{height:10vh}}@media(min-width:96rem){.join-btn{width:20vw}}@media(min-width:96rem){.join-btn{font-size:2.5rem}}.join-game{margin-top:calc(var(--spacing) * 2);display:flex;flex-direction:column;gap:calc(var(--spacing) * 2.5)}@media(min-width:40rem){.join-game{margin-top:calc(var(--spacing) * 1)}}@media(min-width:40rem){.join-game{gap:calc(var(--spacing) * 2)}}@media(min-width:64rem){.join-game{margin-top:calc(var(--spacing) * 3)}}@media(min-width:64rem){.join-game{gap:calc(var(--spacing) * 3)}}@media(min-width:80rem){.join-game{margin-top:calc(var(--spacing) * 2)}}@media(min-width:80rem){.join-game{gap:calc(var(--spacing) * 2.5)}}@media(min-width:96rem){.join-game{margin-top:calc(var(--spacing) * 0)}}@media(min-width:96rem){.join-game{gap:calc(var(--spacing) * 2)}}.lobby-wrapper{z-index:20;display:flex;aspect-ratio:2.25/2.5;height:92.5vh;width:47.5vw;flex-direction:column;align-items:center;justify-content:center;background-image:url(/backgrounds/overlay.webp);background-size:contain;background-position:center;background-repeat:no-repeat;text-align:center;--tw-drop-shadow-size: drop-shadow(20px 20px 30px var(--tw-drop-shadow-color, rgba(0,0,0,1)));--tw-drop-shadow: var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@media(min-width:40rem){.lobby-wrapper{height:90vh}}@media(min-width:40rem){.lobby-wrapper{width:95vw}}@media(min-width:64rem){.lobby-wrapper{height:92.5vh}}@media(min-width:64rem){.lobby-wrapper{width:90vw}}@media(min-width:96rem){.lobby-wrapper{height:95vh}}@media(min-width:96rem){.lobby-wrapper{width:100vw}}.lobby-home{z-index:2;display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--color-white);-webkit-user-select:none;-moz-user-select:none;user-select:none}.lobby-title{margin-top:calc(var(--spacing) * 0);margin-bottom:calc(var(--spacing) * 2);font-family:var(--font-serif);font-size:4rem;--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}@media(min-width:40rem){.lobby-title{margin-top:calc(var(--spacing) * 0)}}@media(min-width:40rem){.lobby-title{margin-bottom:calc(var(--spacing) * 0)}}@media(min-width:40rem){.lobby-title{font-size:1.25rem}}@media(min-width:64rem){.lobby-title{margin-top:calc(var(--spacing) * 0)}}@media(min-width:64rem){.lobby-title{margin-bottom:calc(var(--spacing) * 1)}}@media(min-width:64rem){.lobby-title{font-size:2.75rem}}@media(min-width:80rem){.lobby-title{margin-top:calc(var(--spacing) * 0)}}@media(min-width:80rem){.lobby-title{margin-bottom:calc(var(--spacing) * 2)}}@media(min-width:80rem){.lobby-title{font-size:3.25rem}}@media(min-width:96rem){.lobby-title{margin-top:calc(var(--spacing) * 0)}}@media(min-width:96rem){.lobby-title{margin-bottom:calc(var(--spacing) * 2)}}@media(min-width:96rem){.lobby-title{font-size:3.25rem}}.lobby-user-list-wrapper{display:flex;max-height:62.5vh;min-height:62.5vh;flex-direction:column;justify-content:flex-start;gap:calc(var(--spacing) * 2);overflow-y:auto}@media(min-width:40rem){.lobby-user-list-wrapper{max-height:60vh}}@media(min-width:40rem){.lobby-user-list-wrapper{min-height:60vh}}@media(min-width:40rem){.lobby-user-list-wrapper{gap:calc(var(--spacing) * 1)}}@media(min-width:64rem){.lobby-user-list-wrapper{max-height:62vh}}@media(min-width:64rem){.lobby-user-list-wrapper{min-height:62vh}}@media(min-width:64rem){.lobby-user-list-wrapper{gap:calc(var(--spacing) * 2)}}@media(min-width:80rem){.lobby-user-list-wrapper{max-height:61vh}}@media(min-width:80rem){.lobby-user-list-wrapper{min-height:61vh}}@media(min-width:80rem){.lobby-user-list-wrapper{gap:calc(var(--spacing) * 2)}}@media(min-width:96rem){.lobby-user-list-wrapper{max-height:62.5vh}}@media(min-width:96rem){.lobby-user-list-wrapper{min-height:62.5vh}}@media(min-width:96rem){.lobby-user-list-wrapper{gap:calc(var(--spacing) * 2)}}.lobby-user-list-part{margin-top:calc(var(--spacing) * -2);display:flex;flex-direction:column;align-items:center}@media(min-width:40rem){.lobby-user-list-part{margin-top:calc(var(--spacing) * -1)}}@media(min-width:64rem){.lobby-user-list-part{margin-top:calc(var(--spacing) * -2)}}@media(min-width:80rem){.lobby-user-list-part{margin-top:calc(var(--spacing) * -2)}}@media(min-width:96rem){.lobby-user-list-part{margin-top:calc(var(--spacing) * -2)}}.lobby-user-list-title{margin-bottom:calc(var(--spacing) * 2);width:500px;border-bottom-style:var(--tw-border-style);border-bottom-width:2px;border-color:wheat;text-align:center;font-family:Luckiest Guy;font-size:2rem;--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold);color:wheat}@media(min-width:40rem){.lobby-user-list-title{margin-bottom:calc(var(--spacing) * 1)}}@media(min-width:40rem){.lobby-user-list-title{width:220px}}@media(min-width:40rem){.lobby-user-list-title{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}}@media(min-width:40rem){.lobby-user-list-title{font-size:1rem}}@media(min-width:64rem){.lobby-user-list-title{margin-bottom:calc(var(--spacing) * 2)}}@media(min-width:64rem){.lobby-user-list-title{width:420px}}@media(min-width:64rem){.lobby-user-list-title{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}}@media(min-width:64rem){.lobby-user-list-title{font-size:2rem}}@media(min-width:80rem){.lobby-user-list-title{margin-bottom:calc(var(--spacing) * 2)}}@media(min-width:80rem){.lobby-user-list-title{width:500px}}@media(min-width:80rem){.lobby-user-list-title{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}}@media(min-width:80rem){.lobby-user-list-title{font-size:2rem}}@media(min-width:96rem){.lobby-user-list-title{margin-bottom:calc(var(--spacing) * 2)}}@media(min-width:96rem){.lobby-user-list-title{width:500px}}@media(min-width:96rem){.lobby-user-list-title{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}}@media(min-width:96rem){.lobby-user-list-title{font-size:2rem}}.player-list-wrapper{margin-bottom:calc(var(--spacing) * 2);display:flex;width:420px;align-items:center;justify-content:space-between;border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:#8b5e3b;--tw-gradient-position: to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from: #5a3e2b;--tw-gradient-to: #3b2a1a;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 2);font-family:Luckiest Guy;color:wheat;--tw-shadow: 2px 2px 5px var(--tw-shadow-color, rgba(0,0,0,.3));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media(min-width:40rem){.player-list-wrapper{margin-bottom:calc(var(--spacing) * 1)}}@media(min-width:40rem){.player-list-wrapper{width:190px}}@media(min-width:40rem){.player-list-wrapper{border-radius:var(--radius-md)}}@media(min-width:40rem){.player-list-wrapper{padding-inline:calc(var(--spacing) * 2)}}@media(min-width:40rem){.player-list-wrapper{padding-block:calc(var(--spacing) * 1)}}@media(min-width:64rem){.player-list-wrapper{margin-bottom:calc(var(--spacing) * 2)}}@media(min-width:64rem){.player-list-wrapper{width:370px}}@media(min-width:64rem){.player-list-wrapper{border-radius:var(--radius-lg)}}@media(min-width:64rem){.player-list-wrapper{padding-inline:calc(var(--spacing) * 5)}}@media(min-width:64rem){.player-list-wrapper{padding-block:calc(var(--spacing) * 2)}}@media(min-width:80rem){.player-list-wrapper{margin-bottom:calc(var(--spacing) * 2)}}@media(min-width:80rem){.player-list-wrapper{width:420px}}@media(min-width:80rem){.player-list-wrapper{border-radius:var(--radius-lg)}}@media(min-width:80rem){.player-list-wrapper{padding-inline:calc(var(--spacing) * 5)}}@media(min-width:80rem){.player-list-wrapper{padding-block:calc(var(--spacing) * 2)}}@media(min-width:96rem){.player-list-wrapper{margin-bottom:calc(var(--spacing) * 2)}}@media(min-width:96rem){.player-list-wrapper{width:420px}}@media(min-width:96rem){.player-list-wrapper{border-radius:var(--radius-lg)}}@media(min-width:96rem){.player-list-wrapper{padding-inline:calc(var(--spacing) * 5)}}@media(min-width:96rem){.player-list-wrapper{padding-block:calc(var(--spacing) * 2)}}.player-list-avatar{pointer-events:none;margin-right:calc(var(--spacing) * 2);height:60px;width:60px;border-radius:calc(infinity * 1px);-o-object-fit:cover;object-fit:cover}@media(min-width:40rem){.player-list-avatar{margin-right:calc(var(--spacing) * 1)}}@media(min-width:40rem){.player-list-avatar{height:25px}}@media(min-width:40rem){.player-list-avatar{width:25px}}@media(min-width:64rem){.player-list-avatar{margin-right:calc(var(--spacing) * 2)}}@media(min-width:64rem){.player-list-avatar{height:45px}}@media(min-width:64rem){.player-list-avatar{width:45px}}@media(min-width:80rem){.player-list-avatar{margin-right:calc(var(--spacing) * 2)}}@media(min-width:80rem){.player-list-avatar{height:60px}}@media(min-width:80rem){.player-list-avatar{width:60px}}@media(min-width:96rem){.player-list-avatar{margin-right:calc(var(--spacing) * 2)}}@media(min-width:96rem){.player-list-avatar{height:60px}}@media(min-width:96rem){.player-list-avatar{width:60px}}.player-list-name{margin-bottom:calc(var(--spacing) * -1);font-size:1.75rem;--tw-leading: var(--leading-tight);line-height:var(--leading-tight);--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}@media(min-width:40rem){.player-list-name{margin-bottom:calc(var(--spacing) * -1)}}@media(min-width:40rem){.player-list-name{font-size:.75rem}}@media(min-width:64rem){.player-list-name{margin-bottom:calc(var(--spacing) * -1)}}@media(min-width:64rem){.player-list-name{font-size:1.5rem}}@media(min-width:80rem){.player-list-name{margin-bottom:calc(var(--spacing) * -1)}}@media(min-width:80rem){.player-list-name{font-size:1.75rem}}@media(min-width:96rem){.player-list-name{margin-bottom:calc(var(--spacing) * -1)}}@media(min-width:96rem){.player-list-name{font-size:1.75rem}}.player-list-title{font-size:1.25rem;--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}@media(min-width:40rem){.player-list-title{font-size:.5rem}}@media(min-width:64rem){.player-list-title{font-size:1rem}}@media(min-width:80rem){.player-list-title{font-size:1.25rem}}@media(min-width:96rem){.player-list-title{font-size:1.25rem}}.player-list-btn{height:50px;width:50px;border-radius:var(--radius-lg);--tw-border-style: none;border-style:none;background-image:url(/icons/remove.svg);background-size:80% auto;background-position:center;background-repeat:no-repeat;transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .2s;transition-duration:.2s}@media(min-width:40rem){.player-list-btn{height:22.5px}}@media(min-width:40rem){.player-list-btn{width:22.5px}}@media(min-width:40rem){.player-list-btn{border-radius:var(--radius-md)}}@media(min-width:64rem){.player-list-btn{height:42.5px}}@media(min-width:64rem){.player-list-btn{width:42.5px}}@media(min-width:64rem){.player-list-btn{border-radius:var(--radius-lg)}}@media(min-width:80rem){.player-list-btn{height:50px}}@media(min-width:80rem){.player-list-btn{width:50px}}@media(min-width:80rem){.player-list-btn{border-radius:var(--radius-lg)}}@media(min-width:96rem){.player-list-btn{height:50px}}@media(min-width:96rem){.player-list-btn{width:50px}}@media(min-width:96rem){.player-list-btn{border-radius:var(--radius-lg)}}.lobby-btn{height:10vh;width:15.5vw;cursor:pointer;font-size:2.75rem}@media(min-width:40rem){.lobby-btn{height:10vh}}@media(min-width:40rem){.lobby-btn{width:20vw}}@media(min-width:40rem){.lobby-btn{font-size:.75rem}}@media(min-width:64rem){.lobby-btn{height:10vh}}@media(min-width:64rem){.lobby-btn{width:40vw}}@media(min-width:64rem){.lobby-btn{font-size:2rem}}@media(min-width:80rem){.lobby-btn{height:10vh}}@media(min-width:80rem){.lobby-btn{width:45vw}}@media(min-width:80rem){.lobby-btn{font-size:2.5rem}}@media(min-width:96rem){.lobby-btn{height:10vh}}@media(min-width:96rem){.lobby-btn{width:20vw}}@media(min-width:96rem){.lobby-btn{font-size:2.5rem}}.phase1-wrapper{z-index:20;display:flex;aspect-ratio:2.25/2.5;height:78vh;width:78vw;flex-direction:column;align-items:center;justify-content:center;background-image:url(/backgrounds/overlay_phase.webp);background-size:contain;background-position:center;background-repeat:no-repeat;text-align:center;--tw-drop-shadow-size: drop-shadow(20px 20px 30px var(--tw-drop-shadow-color, rgba(0,0,0,.6)));--tw-drop-shadow: var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@media(min-width:40rem){.phase1-wrapper{height:74vh}}@media(min-width:40rem){.phase1-wrapper{width:74vw}}@media(min-width:64rem){.phase1-wrapper{height:78vh}}@media(min-width:64rem){.phase1-wrapper{width:90vw}}@media(min-width:80rem){.phase1-wrapper{height:75vh}}@media(min-width:80rem){.phase1-wrapper{width:80vw}}@media(min-width:96rem){.phase1-wrapper{height:78vh}}@media(min-width:96rem){.phase1-wrapper{width:78vw}}.give-drink-wrapper{margin-top:calc(var(--spacing) * -3);font-family:Luckiest Guy;font-size:2.5rem;color:#f5e1a4;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:40rem){.give-drink-wrapper{margin-top:calc(var(--spacing) * -1)}}@media(min-width:40rem){.give-drink-wrapper{font-size:.75rem}}@media(min-width:64rem){.give-drink-wrapper{margin-top:calc(var(--spacing) * -2)}}@media(min-width:64rem){.give-drink-wrapper{font-size:1.2rem}}@media(min-width:80rem){.give-drink-wrapper{margin-top:calc(var(--spacing) * -3)}}@media(min-width:80rem){.give-drink-wrapper{font-size:1.65rem}}@media(min-width:96rem){.give-drink-wrapper{margin-top:calc(var(--spacing) * -3)}}@media(min-width:96rem){.give-drink-wrapper{font-size:2.1rem}}.phase2-wrapper{z-index:20;display:flex;aspect-ratio:2.25/2.5;height:78vh;width:78vw;flex-direction:column;align-items:center;justify-content:center;background-image:url(/backgrounds/overlay_phase.webp);background-size:contain;background-position:center;background-repeat:no-repeat;text-align:center;--tw-drop-shadow-size: drop-shadow(20px 20px 30px var(--tw-drop-shadow-color, rgba(0,0,0,.6)));--tw-drop-shadow: var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@media(min-width:40rem){.phase2-wrapper{height:74vh}}@media(min-width:40rem){.phase2-wrapper{width:74vw}}@media(min-width:64rem){.phase2-wrapper{height:78vh}}@media(min-width:64rem){.phase2-wrapper{width:90vw}}@media(min-width:80rem){.phase2-wrapper{height:75vh}}@media(min-width:80rem){.phase2-wrapper{width:80vw}}@media(min-width:96rem){.phase2-wrapper{height:78vh}}@media(min-width:96rem){.phase2-wrapper{width:78vw}}.phase2-busfahrer{margin-top:calc(var(--spacing) * 0);font-family:Luckiest Guy;font-size:2.5rem;--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold);color:#f5e1a4;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:40rem){.phase2-busfahrer{margin-top:calc(var(--spacing) * -1)}}@media(min-width:40rem){.phase2-busfahrer{font-size:1.25rem}}@media(min-width:64rem){.phase2-busfahrer{margin-top:calc(var(--spacing) * 0)}}@media(min-width:64rem){.phase2-busfahrer{font-size:1.75rem}}@media(min-width:80rem){.phase2-busfahrer{margin-top:calc(var(--spacing) * 0)}}@media(min-width:80rem){.phase2-busfahrer{font-size:2rem}}@media(min-width:96rem){.phase2-busfahrer{margin-top:calc(var(--spacing) * 0)}}@media(min-width:96rem){.phase2-busfahrer{font-size:2.5rem}}.phase2-instructions{margin-top:calc(var(--spacing) * -2);font-size:2rem;--tw-font-weight: var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}@media(min-width:40rem){.phase2-instructions{margin-top:calc(var(--spacing) * -1)}}@media(min-width:40rem){.phase2-instructions{font-size:.9rem}}@media(min-width:64rem){.phase2-instructions{margin-top:calc(var(--spacing) * -2)}}@media(min-width:64rem){.phase2-instructions{font-size:1.5rem}}@media(min-width:80rem){.phase2-instructions{margin-top:calc(var(--spacing) * -2)}}@media(min-width:80rem){.phase2-instructions{font-size:1.75rem}}@media(min-width:96rem){.phase2-instructions{margin-top:calc(var(--spacing) * -2)}}@media(min-width:96rem){.phase2-instructions{font-size:2rem}}.phase2-rules{margin-top:calc(var(--spacing) * -2);list-style-type:none;font-size:1.65rem;--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}@media(min-width:40rem){.phase2-rules{margin-top:calc(var(--spacing) * -1)}}@media(min-width:40rem){.phase2-rules{font-size:.65rem}}@media(min-width:64rem){.phase2-rules{margin-top:calc(var(--spacing) * -2)}}@media(min-width:64rem){.phase2-rules{font-size:1.25rem}}@media(min-width:80rem){.phase2-rules{margin-top:calc(var(--spacing) * -2)}}@media(min-width:80rem){.phase2-rules{font-size:1.45rem}}@media(min-width:96rem){.phase2-rules{margin-top:calc(var(--spacing) * -2)}}@media(min-width:96rem){.phase2-rules{font-size:1.65rem}}.phase3-wrapper{z-index:20;display:flex;aspect-ratio:2.25/2.5;height:100vh;width:100vw;flex-direction:column;align-items:center;justify-content:center;background-image:url(/backgrounds/overlay_phase.webp);background-size:contain;background-position:center;background-repeat:no-repeat;text-align:center;--tw-drop-shadow-size: drop-shadow(20px 20px 30px var(--tw-drop-shadow-color, rgba(0,0,0,.6)));--tw-drop-shadow: var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@media(min-width:40rem){.phase3-wrapper{height:100vh}}@media(min-width:40rem){.phase3-wrapper{width:100vw}}@media(min-width:64rem){.phase3-wrapper{height:75vw}}@media(min-width:64rem){.phase3-wrapper{width:100vw}}@media(min-width:80rem){.phase3-wrapper{height:100vh}}@media(min-width:80rem){.phase3-wrapper{width:100vw}}@media(min-width:96rem){.phase3-wrapper{height:100vh}}@media(min-width:96rem){.phase3-wrapper{width:100vw}}.phase3-busfahrer{font-family:Luckiest Guy;font-size:2.5rem;--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold);color:#f5e1a4;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:40rem){.phase3-busfahrer{font-size:1.25rem}}@media(min-width:64rem){.phase3-busfahrer{font-size:1.75rem}}@media(min-width:80rem){.phase3-busfahrer{font-size:2rem}}@media(min-width:96rem){.phase3-busfahrer{font-size:2.5rem}}@property --tw-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-rotate-x{syntax: "*"; inherits: false;}@property --tw-rotate-y{syntax: "*"; inherits: false;}@property --tw-rotate-z{syntax: "*"; inherits: false;}@property --tw-skew-x{syntax: "*"; inherits: false;}@property --tw-skew-y{syntax: "*"; inherits: false;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false;}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false;}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false;}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false;}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@property --tw-ease{syntax: "*"; inherits: false;}@property --tw-scale-x{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-duration{syntax: "*"; inherits: false;}@property --tw-leading{syntax: "*"; inherits: false;}@property --tw-gradient-position{syntax: "*"; inherits: false;}@property --tw-gradient-from{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-via{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-to{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-stops{syntax: "*"; inherits: false;}@property --tw-gradient-via-stops{syntax: "*"; inherits: false;}@property --tw-gradient-from-position{syntax: "<length-percentage>"; inherits: false; initial-value: 0%;}@property --tw-gradient-via-position{syntax: "<length-percentage>"; inherits: false; initial-value: 50%;}@property --tw-gradient-to-position{syntax: "<length-percentage>"; inherits: false; initial-value: 100%;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-border-style: solid;--tw-font-weight: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial;--tw-ease: initial;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;--tw-duration: initial;--tw-leading: initial;--tw-gradient-position: initial;--tw-gradient-from: #0000;--tw-gradient-via: #0000;--tw-gradient-to: #0000;--tw-gradient-stops: initial;--tw-gradient-via-stops: initial;--tw-gradient-from-position: 0%;--tw-gradient-via-position: 50%;--tw-gradient-to-position: 100%}}}