.app{position:relative;display:flex;flex-direction:column;height:100%;color:var(--color-text);background-color:var(--color-background-primary);z-index:0}.app .background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;background-color:var(--color-background-primary);background-image:url(/assets/main-menu-background.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.05;pointer-events:none}html,body,#rootElement{display:flex;flex-direction:column;height:100dvh;width:100dvw;margin:var(--size-0);padding:var(--size-0);overflow:hidden}*{font-size:var(--text-size);font-family:var(--text-font-family);box-sizing:border-box;font-weight:500}h1,h2,h3,h4,h5,h6{margin:0}h1{font-size:var(--text-size-header-1)}p,pre,code{margin:0}.row{display:flex;flex-direction:row}.column{display:flex;flex-direction:column}.flex,.fill{flex:1}@font-face{font-family:Norse;src:url(/fonts/norse/Norse.otf)}@font-face{font-family:NorseBold;src:url(/fonts/norse/NorseBold.otf),url(/fonts/norse/Norse-Bold.otf)}@font-face{font-family:Poppins;src:url(/fonts/poppins/Poppins-Regular.ttf)}@font-face{font-family:PoppinsBold;src:url(/fonts/poppins/Poppins-Bold.ttf)}[data-theme]{--text-font-family: "Poppins";--scale-size: 1;--text-size-header-1: calc(20px * var(--scale-size));--text-size: calc(18px * var(--scale-size));--text-size-small: calc(14px * var(--scale-size));--text-size-very-small: calc(12px * var(--scale-size));--image-background-image: url(/splash-book.png);--image-background-size: var(--size-192)}button,a{position:relative;z-index:0;--button-scoped-border-radius: var(--border-radius-8);display:flex;align-items:center;justify-content:center;gap:var(--size-8);height:var(--size-48);padding:var(--size-0) var(--size-16);color:var(--color-text);background:var(--color-background-button);border:none;border-radius:var(--button-scoped-border-radius);cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration-color:var(--color-text);text-decoration:none;box-shadow:var(--size-0) var(--size-1) var(--size-1) var(--size-0) #0000,inset var(--size-0) var(--size-1) var(--size-1) var(--size-0) #0000;transition:box-shadow .2s linear,transform .05s linear}button svg,a svg{height:calc(28px * var(--scale-size));width:auto;flex-shrink:0}button:focus-visible,a:focus-visible{outline-offset:calc(-1 * var(--size-2));outline:var(--size-2) solid var(--color-text)}button:hover,a:hover{box-shadow:var(--size-0) var(--size-1) var(--size-1) var(--size-1) #0000004d,inset var(--size-0) var(--size-1) var(--size-1) var(--size-0) #0000}button:active,a:active{transform:translateY(var(--size-1));box-shadow:var(--size-0) var(--size-1) var(--size-1) var(--size-0) #0000,inset var(--size-0) var(--size-1) var(--size-1) var(--size-0) #0000004d}button.button-disabled,a.button-disabled{color:var(--color-text-disabled);background:var(--color-background-button-disabled);pointer-events:none}button.button-disabled svg,a.button-disabled svg{color:var(--color-text-disabled)}button.button-stitched,a.button-stitched{color:var(--color-button-stitched);border:var(--size-2) dashed currentColor;background-color:var(--color-background-secondary)}button.button-active,a.button-active{transform:translateY(var(--size-1));box-shadow:var(--size-0) var(--size-1) var(--size-1) var(--size-0) #0000,inset var(--size-0) var(--size-1) var(--size-1) var(--size-0) #0000004d}button.button-basic,a.button-basic{border-radius:var(--size-0);background-color:transparent;box-shadow:none}button.button-basic:hover,a.button-basic:hover{box-shadow:none}button.button-basic:active,a.button-basic:active{transform:none;box-shadow:none}button.button-subtle,a.button-subtle{background-color:transparent}button.button-subtle:hover,a.button-subtle:hover{background:var(--color-background-button)}button.button-accent,a.button-accent{background:var(--color-background-button-accent)}button.button-square,button.button-round,a.button-square,a.button-round{aspect-ratio:1/1;width:auto;padding:0;flex-shrink:0}button.button-round,a.button-round{border-radius:calc(999px * var(--scale-size))}button.button-list:not(.button-confirming),a.button-list:not(.button-confirming){justify-content:flex-start}button.button-list,a.button-list{flex-shrink:0;width:100%;border-radius:var(--size-0);background-color:transparent;box-shadow:none;white-space:nowrap;text-overflow:ellipsis}button.button-list svg,a.button-list svg{height:var(--size-24);width:auto}button.button-list:hover:not(.button-confirming),a.button-list:hover:not(.button-confirming){background:var(--color-background-button)}button.button-list:hover,a.button-list:hover{box-shadow:none}button.button-list:active:not(.button-confirming),a.button-list:active:not(.button-confirming){background:var(--color-background-button-outline)}button.button-list:active,a.button-list:active{box-shadow:none}button.button-small,a.button-small{height:var(--size-button-small);gap:var(--size-6);font-size:var(--text-size-small)}button.button-small svg,a.button-small svg{height:calc(20px * var(--scale-size))}button.button-very-small,a.button-very-small{height:var(--size-button-very-small);gap:var(--size-4);font-size:var(--text-size-very-small)}button.button-very-small svg,a.button-very-small svg{height:var(--size-16)}button.button-danger,a.button-danger{background-color:var(--color-background-danger)}button.button-loading svg,a.button-loading svg{animation:button-loading-animation 1s ease-in-out infinite}@keyframes button-loading-animation{0%,to{opacity:.2}50%{opacity:.5}}.header{position:absolute;top:0;left:0;right:0;display:flex;flex-direction:row;align-items:center;gap:var(--size-4);padding:var(--size-4);background-color:var(--color-background-secondary);z-index:1}.header.header-transparent{-webkit-backdrop-filter:blur(var(--size-8));backdrop-filter:blur(var(--size-8));background-color:color-mix(in srgb,var(--color-background-secondary) 70%,transparent)}.home-page{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.home-page .home-page-header .title{align-content:center;flex:1;min-height:48px;padding:var(--size-8) var(--size-16);overflow:hidden;text-overflow:ellipsis;text-align:center;white-space:nowrap}.home-page .home-page-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;padding:var(--size-32);z-index:0;overflow-y:auto}.home-page .home-page-content .home-page-content-menu{display:flex;flex-direction:column;gap:var(--size-16);width:calc(600px * var(--scale-size));max-width:min(100%,600px * var(--scale-size));padding:var(--size-16);margin:auto;background-color:var(--color-background-secondary);border-radius:var(--border-radius-8);border:var(--size-1) solid var(--color-border-input);z-index:1}.home-page .home-page-content .home-page-content-menu .home-page-actions{display:flex;flex-direction:column;gap:var(--size-8)}.input-slider-horizontal{display:flex;align-items:center;gap:var(--size-16);width:100%;min-height:unset;background:transparent}.input-slider-horizontal input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:var(--size-button-small);min-height:unset;margin:0;padding:var(--size-6);border-radius:var(--border-radius-8);background-color:var(--color-background-input);border:var(--size-1) solid var(--color-border-input);outline:none;cursor:pointer}.input-slider-horizontal input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:var(--size-24);width:auto;aspect-ratio:1/1;background:var(--color-background-button);border:none;border-color:var(--color-border-input);border-radius:var(--border-radius-8);box-shadow:var(--size-0) var(--size-1) var(--size-1) var(--size-0) #0000,inset var(--size-0) var(--size-1) var(--size-1) var(--size-0) #0000;cursor:pointer;transition:box-shadow .2s linear,transform .05s linear,background-color .1s linear,border-color .1s linear}.input-slider-horizontal input[type=range]::-webkit-slider-thumb:focus-visible{outline-offset:calc(-1 * var(--size-2));outline:var(--size-2) solid var(--color-text)}.input-slider-horizontal input[type=range]::-webkit-slider-thumb:hover{box-shadow:var(--size-0) var(--size-1) var(--size-1) var(--size-1) #0000004d,inset var(--size-0) var(--size-1) var(--size-1) var(--size-0) #0000}.input-slider-horizontal input[type=range]::-webkit-slider-thumb:active{transform:translateY(var(--size-1));box-shadow:var(--size-0) var(--size-1) var(--size-1) var(--size-0) #0000,inset var(--size-0) var(--size-1) var(--size-1) var(--size-0) #0000004d}.input-slider-horizontal.input-slider-horizontal_disabled{pointer-events:none}.input-slider-horizontal.input-slider-horizontal_disabled input[type=range]{background-color:var(--color-background-button-disabled)}.input-slider-horizontal.input-slider-horizontal_disabled input[type=range]::-webkit-slider-thumb{background:var(--color-background-button-disabled);border:var(--size-1) solid var(--color-border-input)}.input-slider-horizontal .input-slider-horizontal-value{font-size:var(--text-size-small);min-width:var(--size-32)}.settings-page{display:flex;flex-direction:column;justify-content:center;height:100%;width:100%;overflow:hidden}.settings-page .header{position:relative;background-color:var(--color-background-secondary)}.settings-page .header .title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.settings-page .header .version{opacity:.5;padding:var(--size-0) var(--size-4)}.settings-page .settings-content{display:flex;flex-direction:column;align-items:center;flex:1;width:100%;padding:var(--size-16) 0;overflow-y:auto}.settings-page .settings-content .settings-card{display:flex;flex-direction:column;align-items:center;align-self:center;padding:var(--size-24) var(--size-16);overflow-y:auto;gap:var(--size-48);width:100%;max-width:calc(600px * var(--scale-size));background-color:var(--color-background-secondary);border-radius:var(--border-radius-8)}.settings-page .settings-content .settings-card .setting-group{display:flex;flex-direction:column;gap:var(--size-16);width:100%}.settings-page .settings-content .settings-card .setting-group .setting-group-header{display:flex;flex-direction:row;align-items:center;gap:var(--size-16);white-space:nowrap}.settings-page .settings-content .settings-card .setting-group .setting-group-item-header{display:flex;flex-direction:row;align-items:center;gap:var(--size-4);font-size:var(--text-size-small);padding:var(--size-4) 0}.settings-page .settings-content .settings-card .setting-group .setting-group-item-row{display:flex;flex-direction:row;align-items:center;gap:var(--size-4)}.game-select-page{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.game-select-page .game-select-page-header .title{align-content:center;flex:1;padding:var(--size-8) var(--size-16);overflow:hidden;text-overflow:ellipsis;text-align:center;white-space:nowrap}.game-select-page .game-select-page-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;padding:var(--size-32);z-index:0;overflow-y:auto}.game-select-page .game-select-page-content .game-select-page-content-menu{display:flex;flex-direction:column;gap:var(--size-16);width:calc(600px * var(--scale-size));max-width:min(100%,600px * var(--scale-size));padding:var(--size-16);margin:auto;background-color:var(--color-background-secondary);border-radius:var(--border-radius-8);border:var(--size-1) solid var(--color-border-input);z-index:1}.game-select-page .game-select-page-content .game-select-page-content-menu .game-select-page-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--size-16)}.game-select-page .game-select-page-content .game-select-page-content-menu .game-select-page-header .title{font-size:var(--text-size-header-1)}.game-select-page .game-select-page-content .game-select-page-content-menu .divider-horizontal{width:100%;height:var(--size-1);background-color:var(--color-background-divider)}.game-select-page .game-select-page-content .game-select-page-content-menu .game-select-page-options{display:flex;flex-direction:column;gap:var(--size-8)}.game-page{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--color-background-primary);overflow:hidden}.game-page .select-box{position:fixed;background:var(--color-background-secondary);outline:2px solid var(--color-background-button);opacity:.25;pointer-events:none;z-index:9999}.game-page .game-page-header .title{align-content:center;flex:1;padding:var(--size-8) var(--size-16);overflow:hidden;text-overflow:ellipsis;text-align:center;white-space:nowrap}.game-page #game_html_element{width:100%;height:100%}.game-page #game_blocker{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1000}.game-page .players{position:absolute;top:48px;right:0;display:flex;flex-direction:column;padding:16px;z-index:1002}.game-page .players>:not(:first-child){margin-top:8px}@media only screen and (max-width: 600px){.game-page .players{top:0}.game-page .players .player{padding:6px}.game-page .players .player .image{height:18px;width:18px}}.game-page .players .player{display:flex;flex-direction:row;border-radius:20px;padding:8px;color:var(--color-text);background:var(--color-background-secondary);box-shadow:3px 3px 3px #0000005c;-webkit-user-select:none;user-select:none;white-space:nowrap}.game-page .players .player .image{background:transparent;height:22px;width:22px;margin:auto 0;display:flex}.game-page .players .player .image svg{margin:auto;width:100%;height:100%}.game-page .players .player .text{margin:auto 4px auto 8px;font-size:14px}.game-page .overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1001;display:flex;flex-direction:column;box-sizing:border-box;background:#00000080}.game-page .overlay .card{display:flex;flex-direction:column;position:relative;overflow:hidden;width:min(90%,512px);margin:auto;box-sizing:border-box;color:var(--color-text);background:var(--color-background-secondary);border-radius:8px;box-shadow:0 4px 20px #00000080}.game-page .overlay .card .header{display:flex;flex-direction:row;position:relative;min-height:48px;padding:0 16px;color:var(--color-text);background:var(--color-background-primary);border-bottom:1px solid var(--color-background-divider)}.game-page .overlay .card .header .text{margin:auto 0;font-family:NorseBold;font-size:var(--text-size-header-1)}.game-page .overlay .card .button_wrapper{margin:auto 0 auto auto;display:flex;flex-direction:column}.game-page .overlay .card .button_wrapper .button{margin:auto}.game-page .overlay .card .button_wrapper .button svg{margin:auto;height:24px;width:24px}.game-page .overlay .card .content{display:flex;flex-direction:column;padding:24px}.game-page .overlay .card .content .loading-icon{padding:16px;margin:auto;width:80px;height:80px;stroke-dasharray:5;stroke-dashoffset:0;animation:rotation linear 2s infinite}.game-page .overlay .card .content .text{margin:16px auto 0;text-align:center}@keyframes rotation{0%{stroke-dashoffset:0}to{stroke-dashoffset:10}}.game-page .overlay .card .statistics{padding:24px}.game-page .overlay .card .statistics>:not(:first-child){margin-top:8px}.game-page .overlay .card .loading-bar{position:absolute;right:0;bottom:0;left:0;height:4px;background:var(--color-text);transition:right .3s ease}[data-theme]{--scale-size: 1;--size-0: calc(0px * var(--scale-size));--size-1: calc(1px * var(--scale-size));--size-2: calc(2px * var(--scale-size));--size-4: calc(4px * var(--scale-size));--size-8: calc(8px * var(--scale-size));--size-16: calc(16px * var(--scale-size));--size-32: calc(32px * var(--scale-size));--size-64: calc(64px * var(--scale-size));--size-128: calc(128px * var(--scale-size));--size-256: calc(256px * var(--scale-size));--size-512: calc(512px * var(--scale-size));--size-1024: calc(1024px * var(--scale-size));--size-6: calc(6px * var(--scale-size));--size-12: calc(12px * var(--scale-size));--size-24: calc(24px * var(--scale-size));--size-48: calc(48px * var(--scale-size));--size-96: calc(96px * var(--scale-size));--size-192: calc(192px * var(--scale-size));--size-384: calc(384px * var(--scale-size));--size-768: calc(768px * var(--scale-size));--size-1536: calc(1536px * var(--scale-size));--size-button-small: calc(38px * var(--scale-size));--size-button-very-small: calc(var(--size-24));--border-radius-4: var(--size-4);--border-radius-8: var(--size-8)}[data-theme]{--hue-angle-base: 225deg;--chroma-base: 0%;--alpha-base: 1;--color-base-0: oklch(0% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-1: oklch(1% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-2: oklch(2% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-3: oklch(3% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-4: oklch(4% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-5: oklch(5% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-6: oklch(6% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-7: oklch(7% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-8: oklch(8% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-9: oklch(9% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-10: oklch(10% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-11: oklch(11% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-12: oklch(12% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-13: oklch(13% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-14: oklch(14% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-15: oklch(15% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-16: oklch(16% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-17: oklch(17% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-18: oklch(18% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-19: oklch(19% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-20: oklch(20% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-21: oklch(21% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-22: oklch(22% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-23: oklch(23% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-24: oklch(24% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-25: oklch(25% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-26: oklch(26% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-27: oklch(27% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-28: oklch(28% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-29: oklch(29% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-30: oklch(30% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-31: oklch(31% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-32: oklch(32% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-33: oklch(33% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-34: oklch(34% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-35: oklch(35% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-36: oklch(36% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-37: oklch(37% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-38: oklch(38% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-39: oklch(39% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-40: oklch(40% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-41: oklch(41% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-42: oklch(42% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-43: oklch(43% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-44: oklch(44% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-45: oklch(45% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-46: oklch(46% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-47: oklch(47% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-48: oklch(48% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-49: oklch(49% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-50: oklch(50% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-51: oklch(51% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-52: oklch(52% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-53: oklch(53% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-54: oklch(54% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-55: oklch(55% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-56: oklch(56% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-57: oklch(57% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-58: oklch(58% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-59: oklch(59% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-60: oklch(60% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-61: oklch(61% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-62: oklch(62% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-63: oklch(63% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-64: oklch(64% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-65: oklch(65% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-66: oklch(66% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-67: oklch(67% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-68: oklch(68% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-69: oklch(69% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-70: oklch(70% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-71: oklch(71% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-72: oklch(72% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-73: oklch(73% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-74: oklch(74% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-75: oklch(75% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-76: oklch(76% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-77: oklch(77% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-78: oklch(78% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-79: oklch(79% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-80: oklch(80% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-81: oklch(81% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-82: oklch(82% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-83: oklch(83% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-84: oklch(84% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-85: oklch(85% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-86: oklch(86% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-87: oklch(87% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-88: oklch(88% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-89: oklch(89% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-90: oklch(90% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-91: oklch(91% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-92: oklch(92% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-93: oklch(93% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-94: oklch(94% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-95: oklch(95% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-96: oklch(96% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-97: oklch(97% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-98: oklch(98% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-99: oklch(99% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--color-base-100: oklch(100% var(--chroma-base) var(--hue-angle-base) / var(--alpha-base));--gold-gradient: linear-gradient(90deg, #7c5505 5%, #ce9914 23%, #f3e4a2 45%, #eecb4c 60%, #f0d878 70%, #aa780d 85%, #7c5505 100%);--bifrost-gradient: linear-gradient(90deg, #FF595E 0%, #FFCA3A 20%, #8AC926 40%, #1982C4 60%, #6A4C93 80%, #FF595E 100%);--color-background-primary: var(--color-primary-1);--color-background-secondary: var(--color-primary-2);--color-background-button: var(--color-primary-3);--color-background-button-disabled: var(--color-primary-1);--color-background-button-outline: var(--color-primary-4);--color-background-danger: var(--red-1);--color-background-confirm: var(--green-1);--color-background-divider: var(--color-primary-4);--color-background-input: var(--color-primary-1);--color-border-input: var(--color-primary-3);--color-text: var(--color-contrast-1);--color-text-secondary: var(--color-contrast-2);--color-text-disabled: var(--color-primary-4);--color-text-danger: var(--red-2);--color-button-stitched: var(--color-contrast-3)}[data-theme=light]{--color-max: var(--color-base-100);--color-min: var(--color-base-0);--color-primary-1: var(--color-base-86);--color-primary-2: var(--color-base-93);--color-primary-3: var(--color-base-98);--color-primary-4: var(--color-base-98);--color-contrast-1: var(--color-base-24);--color-contrast-2: var(--color-base-28);--color-contrast-3: var(--color-base-34);--color-contrast-4: var(--color-base-43);--red-1: #ff6e6e;--red-2: #b63535;--green-1: #56e756}[data-theme=dark]{--color-max: var(--color-base-0);--color-min: var(--color-base-100);--color-primary-1: var(--color-base-18);--color-primary-2: var(--color-base-24);--color-primary-3: var(--color-base-30);--color-primary-4: var(--color-base-39);--color-contrast-1: var(--color-base-100);--color-contrast-2: var(--color-base-81);--color-contrast-3: var(--color-base-68);--color-contrast-4: var(--color-base-53);--red-1: #512929;--red-2: #ef4f4f;--green-1: #295129}.multiplayer-page{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.multiplayer-page .multiplayer-page-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;padding:var(--size-32);z-index:0;overflow-y:auto}.multiplayer-page .multiplayer-page-content .multiplayer-page-content-menu{display:flex;flex-direction:column;gap:var(--size-16);width:calc(600px * var(--scale-size));max-width:min(100%,600px * var(--scale-size));padding:var(--size-16);margin:auto;background-color:var(--color-background-secondary);border-radius:var(--border-radius-8);border:var(--size-1) solid var(--color-border-input);z-index:1}.multiplayer-page .multiplayer-page-content .multiplayer-page-content-menu .multiplayer-page-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--size-16)}.multiplayer-page .multiplayer-page-content .multiplayer-page-content-menu .multiplayer-page-header .title{font-size:var(--text-size-header-1)}.multiplayer-page .multiplayer-page-content .multiplayer-page-content-menu .divider-horizontal{width:100%;height:var(--size-1);background-color:var(--color-background-divider)}.multiplayer-page .multiplayer-page-content .multiplayer-page-content-menu .username-section{display:flex;flex-direction:column;gap:var(--size-4)}.multiplayer-page .multiplayer-page-content .multiplayer-page-content-menu .username-section label{font-size:var(--text-size-small);color:var(--color-text-secondary)}.multiplayer-page .multiplayer-page-content .multiplayer-page-content-menu .username-section input{padding:var(--size-12);border-radius:var(--border-radius-4);background-color:var(--color-background-input);border:var(--size-1) solid var(--color-border-input);color:var(--color-text);outline:none}.multiplayer-page .multiplayer-page-content .multiplayer-page-content-menu .username-section input:focus{border-color:var(--color-border-input-focus)}.multiplayer-page .multiplayer-page-content .multiplayer-page-content-menu .games-list-section{display:flex;flex-direction:column;gap:var(--size-8)}.multiplayer-page .multiplayer-page-content .multiplayer-page-content-menu .games-list-section .games-list-header{font-size:var(--text-size-small);color:var(--color-text-secondary);margin-bottom:var(--size-4)}.multiplayer-page .multiplayer-page-content .multiplayer-page-content-menu .games-list-section .game-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--size-12);background-color:var(--color-background-input);border-radius:var(--border-radius-4);border:var(--size-1) solid var(--color-border-input)}.multiplayer-page .multiplayer-page-content .multiplayer-page-content-menu .games-list-section .game-item .game-info{display:flex;flex-direction:column;gap:var(--size-2)}.multiplayer-page .multiplayer-page-content .multiplayer-page-content-menu .games-list-section .game-item .game-info .game-name{font-size:var(--text-size);font-weight:500}.multiplayer-page .multiplayer-page-content .multiplayer-page-content-menu .games-list-section .game-item .game-info .game-host{font-size:var(--text-size-very-small);color:var(--color-text-secondary)}.multiplayer-page .multiplayer-page-content .multiplayer-page-content-menu .multiplayer-page-actions{display:flex;flex-direction:column;gap:var(--size-8);margin-top:var(--size-8)}