@font-face{font-family:Inter;font-weight:400;font-style:normal;font-display:swap;src:url("./Inter-Regular-6HYMGWZS.woff2") format("woff2"),url("./Inter-Regular-6NLOQSVA.woff") format("woff")}@font-face{font-family:Inter;font-weight:400;font-style:italic;font-display:swap;src:url("./Inter-Italic-2WJ2RX3Z.woff2") format("woff2"),url("./Inter-Italic-TPVLPBCS.woff") format("woff")}@font-face{font-family:Inter;font-weight:500;font-style:normal;font-display:swap;src:url("./Inter-Medium-3R4SWUEO.woff2") format("woff2"),url("./Inter-Medium-5R65FWOY.woff") format("woff")}@font-face{font-family:Inter;font-weight:500;font-style:italic;font-display:swap;src:url("./Inter-MediumItalic-QTJUSOU7.woff2") format("woff2"),url("./Inter-MediumItalic-C4YB4W2A.woff") format("woff")}@font-face{font-family:Inter;font-weight:600;font-style:normal;font-display:swap;src:url("./Inter-SemiBold-7SYQBR3A.woff2") format("woff2"),url("./Inter-SemiBold-KUBH4RZE.woff") format("woff")}@font-face{font-family:Inter;font-weight:600;font-style:italic;font-display:swap;src:url("./Inter-SemiBoldItalic-3EHSSXIM.woff2") format("woff2"),url("./Inter-SemiBoldItalic-VOIQL3J3.woff") format("woff")}:root{--color-white: rgb(255, 255, 255);--color-black: rgb(0, 0, 0);--color-grey-98: rgb(246, 248, 250);--color-grey-95: rgb(234, 238, 242);--color-grey-90: rgb(220, 225, 230);--color-grey-85: rgb(208, 215, 222);--color-grey-70: rgb(175, 184, 193);--color-grey-65: rgb(140, 149, 159);--color-grey-55: rgb(110, 119, 129);--color-grey-50: rgb(87, 96, 106);--color-grey-40: rgb(66, 74, 83);--color-grey-35: rgb(50, 56, 63);--color-grey-25: rgb(36, 41, 47);--color-grey-10: rgb(17, 20, 24);--color-main: rgb(0, 53, 102);--color-text: rgb(17, 24, 39);--color-clickable: var(--color-main);--color-info: rgb(49, 138, 254);--color-warning: rgb(255, 200, 2);--color-danger: rgb(246, 36, 71);--color-danger--hover: rgb(254, 41, 75);--color-danger--active: rgb(219, 32, 63)}@supports (color: oklab(0% 0 0%)){:root{--color-white: oklch(100% 0 0);--color-black: oklch(0% 0 0);--color-grey-98: oklch(97.82% .003 247.86);--color-grey-95: oklch(94.72% .007 247.9);--color-grey-90: oklch(90.72% .009 247.94);--color-grey-85: oklch(87.58% .012 247.97);--color-grey-70: oklch(77.83% .016 248.04);--color-grey-65: oklch(66.58% .018 250.92);--color-grey-55: oklch(56.51% .019 250.97);--color-grey-50: oklch(48.49% .02 251.02);--color-grey-40: oklch(40.53% .018 251.38);--color-grey-35: oklch(33.78% .015 252.3);--color-grey-25: oklch(27.85% .013 253.04);--color-grey-10: oklch(18.98% .009 255.63);--color-main: oklch(32.84% .0998 252.57);--color-text: oklch(21.01% .032 264.66);--color-info: oklch(64.12% .192 257.04);--color-warning: oklch(85.75% .175 88.49);--color-danger: oklch(62.68% .236 20.26);--color-danger--hover: oklch(64.37% .24 20.18);--color-danger--active: oklch(57.49% .216 20.13)}}:root{--shadow-small: 0 2px 6px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .2);--shadow-large: 0 0 0 1px rgba(17, 24, 39, .05), 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xlarge: 0 15px 40px color(from var(--color-main) srgb r g b / .5)}@supports (color: oklab(0% 0 0%)){:root{--shadow-small: 0 2px 6px oklch(0 0 0 / .1), 0 1px 2px oklch(0 0 0 / .2);--shadow-large: 0 0 0 1px oklch(.2101 .0318 264.66 / .05), 0 10px 15px -3px oklch(0 0 0 / .1), 0 4px 6px -4px oklch(0 0 0 / .1)}}.u-visuallyHidden{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.u-noScroll{overflow:hidden}*,*:before,*:after{box-sizing:border-box}html,body,#app{min-inline-size:1024px;min-block-size:100%}body{position:relative;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;font-family:Inter,system-ui;font-size:14px;font-weight:500;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color:var(--color-text);background:var(--color-grey-98)}body:before{content:"";z-index:-1;position:absolute;inset-block:0;inset-inline:0;opacity:.5;background-image:radial-gradient(var(--color-grey-10) .65px,var(--color-grey-98) .65px);background-size:13px 13px}a{-webkit-text-decoration:none;text-decoration:none;color:var(--color-clickable)}p{margin-block:15px;margin-inline:0}img{max-inline-size:100%}button{font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer}svg{pointer-events:none}.Layout{display:grid;grid-template-areas:"header  header  header" "content content content";grid-template-columns:1fr 1fr 1fr;grid-template-rows:48px 1fr;gap:12px;min-block-size:100vh;padding-block:12px;padding-inline:12px}.Layout-header{grid-area:header}.Layout-header>*{min-block-size:100%}.Layout-content{display:grid;grid-area:content;grid-template-columns:100%}.Layout-content>*{min-block-size:100%}.Modal-wrapper{z-index:-1;position:fixed;inset-block:0;inset-inline:0;block-size:100vh;opacity:0;background:#00000080;backdrop-filter:blur(3px);transition:opacity .3s ease;will-change:opacity}.Modal-wrapper.is-active{z-index:9999;opacity:1;transition:opacity .3s ease}.Modal{position:absolute;inset-block-start:50%;inset-inline-start:50%;display:flex;inline-size:600px;max-block-size:calc(100vh - 50px);margin-block:auto;margin-inline:auto;padding-block:0;padding-inline:0;border-radius:6px;overflow:hidden;transform:translate(-50%,-50%);background:var(--color-white);box-shadow:var(--shadow-large)}.Modal-content{flex:1;overflow:auto}.Modal-close{position:absolute;inset-block-start:0;inset-inline-end:0;inline-size:24px;block-size:24px;padding-block:0;padding-inline:0;border:none;font-size:0;transform:translate(100%,-100%);background:none}.Modal-close:before,.Modal-close:after{content:"";position:absolute;inset-inline-start:50%;inline-size:2px;block-size:100%;background-color:var(--color-main)}.Modal-close:before{transform:translate(-50%,-50%) rotate(45deg)}.Modal-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.CreateGameForm{display:flex;flex-direction:column;gap:16px;margin-block:0;margin-inline:0;padding-block:24px;padding-inline:24px}.CreateGameForm .CreateGameForm-title{margin-block-end:8px}.CreateGameForm .CreateGameForm-button{align-self:flex-end}.Button{position:relative;box-sizing:border-box;display:flex;gap:6px;align-items:center;justify-content:center;margin-block:0;margin-inline:0;padding-block:8px;padding-inline:12px;border:none;border-radius:6px;font-size:14px;font-weight:500;-webkit-text-decoration:none;text-decoration:none;background:none}.Button:focus{outline:none}.Button .Button-icon{inline-size:18px;block-size:18px}:is(.Button .Button-icon) .Button-icon--left{margin-inline-start:-2px}:is(.Button .Button-icon) .Button-icon--right{margin-inline-start:-2px}.Button--primary{--Button-color-main: var(--color-main);--Button-color-text: var(--color-white);--Button-color-main--hover: var(--color-main);border:1px solid var(--Button-color-main);color:var(--Button-color-text);background:var(--Button-color-main);box-shadow:#0000000d 0 1px 2px}.Button--primary:is(:hover,:focus){background:var(--Button-color-main--hover)}.Button--secondary{--Button-color-main: var(--color-main);--Button-color-text: var(--color-main);--Button-color-main--hover: var(--color-main);border:1px solid var(--Button-color-main);color:var(--Button-color-text);box-shadow:#0000000d 0 1px 2px}.Button--secondary:is(:hover,:focus){border-block-color:var(--Button-color-main--hover);border-inline-color:var(--Button-color-main--hover)}.Button--cta{--Button-color-main: var(--color-main);--Button-color-text: var(--color-white);--Button-color-main--hover: var(--color-main);padding-block:16px;padding-inline:24px;border:1px solid var(--Button-color-main);font-size:22px;font-weight:600;text-transform:uppercase;letter-spacing:2px;transform:scale(1);color:var(--Button-color-text);background:var(--Button-color-main);box-shadow:0 15px 40px color(from var(--Button-color-main) srgb r g b / .5);transition:transform .1s linear}.Button--cta:is(:hover,:focus-visible){transform:scale(1.03)}.Button--cta:is(:active){transform:scale(.95)}.Button--danger{--Button-color-main: var(--color-danger);--Button-color-main--hover: var(--color-danger--hover)}.Button--danger.Button--primary{--Button-color-text: var(--color-white)}.Button--danger.Button--secondary{--Button-color-text: var(--color-danger)}.Headline :is(h1,h2,h3,h4,h5,h6){margin-block:0;margin-inline:0}.Headline--primary :is(h1,h2,h3,h4,h5,h6){font-size:28px;font-weight:400;color:var(--color-text)}.Headline--primary+.Headline--subheadline{margin-block-start:5px}.Headline--secondary :is(h1,h2,h3,h4,h5,h6){font-size:22px;font-weight:600;color:var(--color-text)}.Headline--secondary+.Headline--subheadline{margin-block-start:5px}.Headline--subheadline :is(h1,h2,h3,h4,h5,h6){font-size:20px;font-weight:300}:root{--Input-color-descripton: var(--color-grey-65);--Input-color-border: var(--color-grey-70);--Input-color-background: var(--color-white);--Input-color-text: var(--color-text)}.Input{position:relative;display:block;inline-size:100%}.Input-field{display:block;inline-size:100%;padding-block:6px;padding-inline:12px;border:none;border-radius:6px;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;color:var(--color-text);background-color:var(--Input-color-background);box-shadow:inset 0 0 0 1px var(--color-grey-85),0 1px 2px #0000000d}@supports (color: oklab(0% 0 0%)){.Input-field{box-shadow:inset 0 0 0 1px var(--color-grey-85),0 1px 2px #0000000d}}textarea.Input-field{min-block-size:51px;resize:vertical}.Input--small .Input-field{padding-block:12px;padding-inline:12px}.Input-description{display:block;margin-block-start:2px;font-size:12px;font-weight:400;font-style:italic;color:var(--Input-color-descripton)}.Input-fieldWrapper{position:relative}:root{--InputLabel-color-text: var(--color-text)}.InputLabel .InputLabel-text{display:block;font-size:13px;color:var(--InputLabel-color-text)}.InputLabel--top .InputLabel-text{margin-block-end:4px}.InputLabel--right .InputLabel-text{margin-inline-start:4px}.InputLabel--left .InputLabel-text{margin-inline-end:4px}.InputLabel--bottom .InputLabel-text{margin-block-start:4px}:root{--Select-color-border: var(--color-grey-85);--Select-color-arrow: var(--color-text);--Select-color-background: var(--color-white);--Select-color-text: var(--color-text);--Select-color-text--disabled: var(--color-grey-85);--Select-color-option--focused: var(--color-grey-85)}.Select{position:relative;display:block;inline-size:100%}.Select .Select-inputWrapper{position:relative}.Select .Select-arrow{position:absolute;inset-block:0;inset-inline-end:12px;inline-size:14px;block-size:14px;margin-block:auto;margin-inline:auto;color:var(--Select-color-arrow);pointer-events:none}.Select.is-disabled .Select-arrow{opacity:.5}.Select.is-open .Select-arrow{transform:rotate(180deg)}.Select .Select-toggle{display:block;inline-size:100%;padding-block:6px;padding-inline:12px;border:none;border-radius:6px;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;text-align:start;color:var(--color-text);background-color:var(--Select-color-background);box-shadow:inset 0 0 0 1px var(--color-grey-85),0 1px 2px #0000000d;transition:all .2s ease-in-out}@supports (color: oklab(0% 0 0%)){.Select .Select-toggle{box-shadow:inset 0 0 0 1px var(--color-grey-85),0 1px 2px #0000000d}}.Select.is-disabled .Select-toggle{opacity:.5;cursor:not-allowed}.Select .Select-optionListWrapper{z-index:99;position:absolute;inset-block-end:-6px;display:none;inline-size:100%;border:1px solid var(--Select-color-border);border-radius:6px;overflow:hidden;transform:translateY(100%);background-color:var(--Select-color-background);box-shadow:var(--shadow-large)}.Select .Select-optionList{inline-size:100%;max-block-size:130px;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;border-radius:0 0 5px 5px;overflow:auto;background-color:var(--Select-color-background)}.Select .Select-option{position:relative;display:block;margin-block:0;margin-inline:0;padding-block:8px;padding-inline:12px;font-size:14px;list-style:none;color:var(--Select-color-text);cursor:pointer}.Select .Select-optionIcon{position:absolute;inset-block:0;inset-inline-end:12px;inline-size:18px;block-size:18px;margin-block:auto;margin-inline:auto;color:var(--color-main)}.Select .Select-option.is-selected{font-weight:700}.Select .Select-option.is-disabled{color:var(--Select-color-text--disabled)}.Select .Select-option.is-focused{background:linear-gradient(90deg,var(--color-grey-95) 40%,var(--color-grey-98) 100%)}.Select.is-open .Select-optionListWrapper{display:block}:root{--Switch-color-label: var(--color-text);--Switch-color-descripton: var(--color-grey-65);--Switch-color-handle: var(--color-white);--Switch-color-background: var(--color-grey-70);--Switch-color-background--active: var(--color-main)}.Switch{z-index:1;position:relative;display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.Switch--described{align-items:flex-start}.Switch-info{margin-inline-start:12px}.Switch-title{display:block;font-weight:600;color:var(--Switch-color-label)}.Switch-description{display:block;margin-block-start:2px;font-size:12px;font-weight:400;font-style:italic;color:var(--Switch-color-descripton)}.Switch-input{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;opacity:0}.Switch-switch{z-index:-1;position:relative;display:block;inline-size:32px;min-inline-size:32px;block-size:16px;margin-block-start:2px;border-radius:50px;background-color:var(--Switch-color-background);transition:all .2s ease}.Switch-switch:after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:0;inline-size:12px;block-size:12px;border-radius:50%;transform:translate(2px,-50%);background-color:var(--Switch-color-handle);transition:transform .2s cubic-bezier(.65,.38,.29,1.19)}.Switch-input:checked~.Switch-switch{background-color:var(--Switch-color-background--active)}.Switch-input:checked~.Switch-switch:after{transform:translate(18px,-50%)}.JoinGameForm{display:flex;flex-direction:column;gap:16px;margin-block:0;margin-inline:0;padding-block:24px;padding-inline:24px}.JoinGameForm .JoinGameForm-title{margin-block-end:8px}.JoinGameForm .JoinGameForm-button{align-self:flex-end}.ConfirmModal{position:relative;padding-block:32px 16px;padding-inline:24px}.ConfirmModal:before{content:"";position:absolute;inset-block:0 auto;inset-inline:0;display:block;block-size:8px;background-color:var(--color-info)}.ConfirmModal .ConfirmModal-main{display:flex;gap:24px;align-items:center}.ConfirmModal .ConfirmModal-icon{flex:0 0 64px;inline-size:64px;block-size:64px;color:var(--color-info)}.ConfirmModal .ConfirmModal-title{margin-block-end:12px;font-size:21px}.ConfirmModal .ConfirmModal-text{margin-block:0;margin-inline:0}.ConfirmModal .ConfirmModal-actions{display:flex;gap:12px;align-items:center;justify-content:flex-end;margin-block:24px 0;margin-inline:0;padding-block:16px 0;padding-inline:0;border-block-start:1px solid var(--color-grey-85);list-style-type:none}.ConfirmModal--warning:before{background-color:var(--color-warning)}.ConfirmModal--warning .ConfirmModal-icon{color:var(--color-warning)}.ConfirmModal--danger:before{background-color:var(--color-danger)}.ConfirmModal--danger .ConfirmModal-icon{color:var(--color-danger)}.GameBoard{display:flex;flex-direction:column;gap:64px;block-size:100%}.GameBoard .GameBoard-result{display:flex;flex:1 1 0;flex-direction:column;gap:64px;align-content:center;align-items:center;justify-content:center;margin-block:0;margin-inline:0;list-style-type:none}.GameBoard .GameBoard-players{display:flex;flex:1 0 0;flex-wrap:wrap;gap:48px;align-content:center;align-items:center;justify-content:center;margin-block:0;margin-inline:0;padding-inline:10vw;list-style-type:none}.GameBoard .GameBoard-hand{display:flex;flex:0 1 auto;gap:12px;align-items:flex-end;justify-content:center;justify-self:flex-end;margin-block:0;margin-inline:0;padding-inline:128px;list-style-type:none}:is(.GameBoard .GameBoard-hand)>li{flex:0 0 64px;block-size:min-content}.BarChart{min-inline-size:500px}.BarChart .BarChart-headline{margin-block-end:12px}.BarChart .BarChart-chart{display:grid;grid-template-columns:auto;gap:8px 0;align-items:center;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;list-style-type:none}.BarChart .BarChart-entry{display:flex;grid-column:1 / span var(--BarChart-inline-span);align-items:center;justify-content:space-between;padding-block:4px;padding-inline:8px;border-radius:4px;color:var(--color-white);background:var(--color-main)}.BarChart .BarChart-entryValue{margin-inline-start:12px;font-weight:700}.BoardCard{--BoardCard-local-aspectRatio: 1 / 1.5;position:relative}.BoardCard .BoardCard-cardWrapper{position:relative;aspect-ratio:var(--BoardCard-local-aspectRatio);inline-size:72px;margin-inline:auto}:is(.BoardCard .BoardCard-cardWrapper):before{content:"";position:absolute;inset-block:0;inset-inline:0;display:flex;align-items:center;justify-content:center;aspect-ratio:var(--BoardCard-local-aspectRatio);inline-size:56px;margin-block:auto;margin-inline:auto;border-radius:8px;font-size:36px;font-weight:700;letter-spacing:2px;background-color:var(--color-grey-90)}:is(.BoardCard .BoardCard-cardWrapper):has(.BoardCard-card):before{display:none}.BoardCard .BoardCard-card{aspect-ratio:var(--BoardCard-local-aspectRatio);border-radius:8px;transform-style:preserve-3d;rotate:y 0deg;transition:rotate .5s ease-in-out;transition-delay:var(--BoardCard-inline-transitionDelay, 0)}.is-flipped :is(.BoardCard .BoardCard-card){rotate:y 180deg}.BoardCard .BoardCard-face{position:absolute;display:flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%;border-radius:inherit;transform:translateY(var(--BoardCard-inline-translateY, 0)) rotate(var(--BoardCard-inline-rotate, 0));backface-visibility:hidden;background-color:var(--color-white);box-shadow:var(--shadow-small)}.BoardCard .BoardCard-cardBack{background-image:linear-gradient(135deg,color(from var(--color-main) srgb r g b / .85) 25%,transparent 25%),linear-gradient(225deg,color(from var(--color-main) srgb r g b / .85) 25%,transparent 25%),linear-gradient(45deg,color(from var(--color-main) srgb r g b / .85) 25%,transparent 25%),linear-gradient(315deg,color(from var(--color-main) srgb r g b / .85) 25%,var(--color-white) 25%);background-repeat:repeat;background-position:12px 0,12px 0,0 0,0 0;background-size:12px 12px}.BoardCard .BoardCard-cardFront{font-size:32px;font-weight:500;text-align:center;rotate:y 180deg;color:var(--color-text)}.BoardCard .BoardCard-label{display:block;inline-size:min-content;margin-block:24px 0;margin-inline:auto;font-size:14px;font-weight:500;text-align:center}:root{--HandCard-color-background: var(--color-white);--HandCard-color-background-hover: var(--color-grey-95)}.HandCard{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1.42;inline-size:100%;border:none;border-radius:8px;font-size:24px;font-weight:500;text-align:center;transform:translateY(0);background-color:var(--HandCard-color-background);box-shadow:var(--shadow-small);transition:transform .12s cubic-bezier(.445,.05,.55,.95),box-shadow .12s cubic-bezier(.445,.05,.55,.95)}.HandCard:focus{outline:none}.HandCard:is(:hover,:focus-visible){transform:translateY(-12px);box-shadow:var(--shadow-large)}.HandCard.is-selected{transform:translateY(-24px);box-shadow:var(--shadow-large)}.HandCard.is-selected:after{content:"";position:absolute;inset-block:0;inset-inline:0;border:3px solid var(--color-main);border-radius:inherit}.Spectator{position:relative}.Spectator .Spectator-card{position:relative;aspect-ratio:1 / 1.5;inline-size:72px;margin-inline:auto}:is(.Spectator .Spectator-card):before{content:"";position:absolute;inset-block:0;inset-inline:0;display:flex;align-items:center;justify-content:center;aspect-ratio:inherit;inline-size:56px;margin-block:auto;margin-inline:auto;border-radius:8px;font-size:36px;font-weight:700;letter-spacing:2px;background-color:var(--color-grey-90)}.Spectator .Spectator-icon{z-index:1;position:absolute;inset-block:0;inset-inline:0;inline-size:36px;block-size:36px;margin-block:auto;margin-inline:auto;color:var(--color-grey-55)}.Spectator .Spectator-label{display:block;inline-size:min-content;margin-block:24px 0;margin-inline:auto;font-size:14px;font-weight:500;text-align:center}.PlayGameHeader{display:flex;gap:16px;inline-size:100%}.PlayGameHeader .PlayGameHeader-logo{block-size:32px}.PlayGameHeader .PlayGameHeader-actions{display:flex;gap:16px;margin-inline-start:auto}:root{--Header-color-background: var(--color-white)}.Header{display:flex;align-items:center;padding-block:12px;padding-inline:12px;border-radius:8px;background:var(--Header-color-background);box-shadow:var(--shadow-large)}.Header .Header-logo{display:flex;align-items:center;justify-content:center;inline-size:28px;block-size:28px}.Logo-image{inline-size:100%;block-size:100%}