:root{--text-font-family:"Poppins";--text-font-weight:normal;--scale-size:1;--text-size-header-1:calc(20px * var(--scale-size));--text-size-header-2:calc(18px * 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))}html,body,#root-element{width:100vw;height:100vh;width:100dvw;height:100dvh;margin:var(--size-0);padding:var(--size-0);color:var(--color-text);background-color:var(--color-background-primary);flex-direction:column;display:flex;overflow:hidden}* .scrollbar-small::-webkit-scrollbar{width:var(--size-12);height:var(--size-12)}* .scrollbar-very-small::-webkit-scrollbar{width:var(--size-6);height:var(--size-6)}* .scrollbar-disabled{scrollbar-width:none}* .scrollbar-disabled::-webkit-scrollbar{display:none}* .scrollbar-left{direction:rtl}* .scrollbar-left>*{direction:ltr}* .scrollbar-on-hover::-webkit-scrollbar{background-color:#0000}* .scrollbar-on-hover::-webkit-scrollbar-track{background-color:#0000}* .scrollbar-on-hover::-webkit-scrollbar-thumb{background-color:#0000}* .scrollbar-on-hover:hover::-webkit-scrollbar{background-color:var(--color-background-secondary)}* .scrollbar-on-hover:hover::-webkit-scrollbar-track{background-color:var(--color-background-primary)}* .scrollbar-on-hover:hover::-webkit-scrollbar-thumb{background-color:var(--color-background-secondary)}.flex,.fill{flex:1}.divider-horizontal{height:var(--size-1);min-height:var(--size-1);background-color:var(--color-background-divider);width:100%}.divider-vertical{height:100%;width:var(--size-1);min-width:var(--size-1);background-color:var(--color-background-divider)}:root{--scale-size:1;--size-0:calc(0px * var(--scale-size));--size-0-5:calc(.5px * var(--scale-size));--size-1:calc(1px * var(--scale-size));--size-2:calc(2px * var(--scale-size));--size-4:calc(4px * var(--scale-size));--size-8:calc(8px * var(--scale-size));--size-16:calc(16px * var(--scale-size));--size-32:calc(32px * var(--scale-size));--size-64:calc(64px * var(--scale-size));--size-128:calc(128px * var(--scale-size));--size-256:calc(256px * var(--scale-size));--size-512:calc(512px * var(--scale-size));--size-1024:calc(1024px * var(--scale-size));--size-6:calc(6px * var(--scale-size));--size-12:calc(12px * var(--scale-size));--size-24:calc(24px * var(--scale-size));--size-48:calc(48px * var(--scale-size));--size-96:calc(96px * var(--scale-size));--size-192:calc(192px * var(--scale-size));--size-384:calc(384px * var(--scale-size));--size-768:calc(768px * var(--scale-size));--size-1536:calc(1536px * var(--scale-size));--size-button-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);--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-4);--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-text-success:var(--green-2);--color-button-stitched:var(--color-background-divider)}:root,[data-theme=dark]{--color-max:var(--color-base-0);--color-min:var(--color-base-100);--color-primary-1:var(--color-base-18);--color-primary-2:var(--color-base-24);--color-primary-3:var(--color-base-30);--color-primary-4:var(--color-base-39);--color-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}[data-theme=light]{--color-max:var(--color-base-100);--color-min:var(--color-base-0);--color-primary-1:var(--color-base-100);--color-primary-2:var(--color-base-96);--color-primary-3:var(--color-base-91);--color-primary-4:var(--color-base-75);--color-contrast-1:var(--color-base-30);--color-contrast-2:var(--color-base-34);--color-contrast-3:var(--color-base-40);--color-contrast-4:var(--color-base-49);--red-1:#ff6e6e;--red-2:#b63535;--green-1:#56e756;--green-2:#2c972c}#loading-element{justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}#loading-element img{width:auto;height:auto;animation:3s ease-in-out infinite loading-fade-in-out}@keyframes loading-fade-in-out{0%,to{opacity:1}50%{opacity:.5}}.application{height:100%;color:var(--color-text);flex-direction:column;display:flex;position:relative}html,body,#root-element{width:100dvw;height:100dvh;margin:var(--size-0);padding:var(--size-0);flex-direction:column;display:flex;overflow:hidden}*{font-size:var(--text-size);font-family:var(--text-font-family);box-sizing:border-box;font-weight:500;transition:color .1s linear,background .2s linear}::-webkit-scrollbar-track{background:var(--color-background-primary);z-index:1}::-webkit-scrollbar{width:calc(18px * var(--scale-size));background:var(--color-background-secondary)}::-webkit-scrollbar-thumb{background:var(--color-background-secondary);border:var(--size-1) solid transparent;border-radius:var(--border-radius-4);background-clip:padding-box}::-webkit-scrollbar-corner{background:var(--color-background-primary)}h1,h2,h3,h4,h5,h6{text-overflow:ellipsis;margin:0;overflow:hidden}h1{font-size:var(--text-size-header-1);font-family:var(--text-font-family-header);font-weight:700}h2{font-size:var(--text-size-header-2);text-transform:uppercase}p,pre,code{margin:0}pre,code{font-size:var(--text-size-small);margin:0}.text{color:var(--color-text)}.row{flex-direction:row;display:flex}.column{flex-direction:column;display:flex}.flex,.fill{flex:1}.divider-horizontal{height:var(--size-1);background-color:var(--color-background-divider);width:100%}.layout{background-color:var(--color-background-secondary);flex-direction:column;width:100%;height:100%;display:flex;overflow-y:auto}.background-texture-rock,.background-texture-scales{--background-texture-scale:500px;--background-texture-opacity:.02;--background-texture-image-url:url(/images/textures/rock-1-roughness-light.png);z-index:0;position:relative}.background-texture-rock:before,.background-texture-scales:before{content:"";background-image:var(--background-texture-image-url);background-repeat:repeat;background-size:var(--background-texture-scale);background-blend-mode:soft-light;opacity:var(--background-texture-opacity);pointer-events:none;z-index:-1;background-position:50%;position:absolute;top:0;bottom:0;left:0;right:0}.background-texture-rock.background-texture-scales,.background-texture-scales.background-texture-scales{--background-texture-scale:100px;--background-texture-opacity:.1;--background-texture-image-url:url(/images/textures/roof-scale-roughness-light.png)}@font-face{font-family:Norse;src:url(/fonts/norse/Norse.otf)}@font-face{font-family:NorseBold;src:url(/fonts/norse/NorseBold.otf)}@font-face{font-family:Poppins;src:url(/fonts/poppins/Poppins-Regular.ttf)}@font-face{font-family:PoppinsBold;src:url(/fonts/poppins/Poppins-Bold.ttf)}@font-face{font-family:Runic;src:url(/fonts/runic/NotoSansRunic-Regular.ttf)}:root{--text-font-family:"Poppins";--text-font-family-header:"Norse";--text-font-family-special:"Runic";--text-size-header-1:calc(64px * var(--scale-size));--text-size-header-2:calc(24px * var(--scale-size));--text-size:calc(16px * var(--scale-size));--image-background-hero:url(/images/all-father-home-background.png)}button,a{z-index:0;--button-scoped-border-radius:var(--border-radius-8);justify-content:center;align-items: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-radius:var(--button-scoped-border-radius);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-text-decoration-color:var(--color-text);text-decoration-color:var(--color-text);box-shadow:var(--size-0) var(--size-0-5) var(--size-0-5) var(--size-0) color-mix(in srgb, var(--color-min) 10%, transparent);border:none;text-decoration:none;transition:box-shadow .2s linear,transform 50ms linear;display:flex;position:relative}button svg,a svg{height:calc(28px * var(--scale-size));flex-shrink:0;width:auto}button.button-selected,button.selected,button[aria-selected=true],a.button-selected,a.selected,a[aria-selected=true]{outline-offset:var(--size-0);outline:var(--size-2) solid var(--color-text)}button:focus-visible{outline-offset:calc(-1 * var(--size-2));outline:var(--size-2) solid var(--color-text)}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-0-5) color-mix(in srgb, var(--color-min) 10%, transparent)}button:hover .button-tooltip,a:hover .button-tooltip{opacity:1;visibility:visible}button:active,a:active{transform:translate(0, var(--size-1));box-shadow:var(--size-0) var(--size-1) var(--size-1) var(--size-0) color-mix(in srgb, var(--color-min) 0%, transparent)}button.button-disabled,a.button-disabled{color:var(--color-text-disabled);background:var(--color-background-button-disabled);pointer-events:none;box-shadow:var(--size-0) var(--size-0) var(--size-0) var(--size-0) color-mix(in srgb, var(--color-min) 10%, transparent);cursor:initial}button.button-disabled svg,a.button-disabled svg{color:var(--color-text-disabled)}button.button-disabled:hover,a.button-disabled:hover{box-shadow:none}button.button-disabled:hover .button-tooltip,a.button-disabled:hover .button-tooltip{opacity:0;visibility:hidden}button.button-stitched,a.button-stitched{color:var(--color-button-stitched);border:var(--size-2) dashed currentColor;background-color:var(--color-background-secondary);box-shadow:none}button.button-stitched svg,a.button-stitched svg{color:currentColor}button.button-stitched:hover,button.button-stitched:active,a.button-stitched:hover,a.button-stitched:active{box-shadow:none}button.button-basic,a.button-basic{border-radius:var(--size-0);box-shadow:none;background-color:#0000}button.button-basic:hover,a.button-basic:hover{box-shadow:none}button.button-basic:active,a.button-basic:active{box-shadow:none;transform:none}button.button-subtle,a.button-subtle{background-color:#0000}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;flex-shrink:0;width:auto;padding:0}button.button-round,a.button-round{border-radius:calc(999px * var(--scale-size))}button.button-tall,a.button-tall{aspect-ratio:1/2;width:auto;height:calc(var(--size-48) * 2);flex-shrink:0;padding:0}button.button-tall.button-small,a.button-tall.button-small{height:calc(var(--size-button-small) * 2)}button.button-tall.button-very-small,a.button-tall.button-very-small{height:calc(var(--size-button-very-small) * 2)}button.button-list:not(.button-confirming),a.button-list:not(.button-confirming){justify-content:flex-start}button.button-list,a.button-list{border-radius:var(--size-0);width:100%;box-shadow:none;white-space:nowrap;text-overflow:ellipsis;background-color:#0000;flex-shrink:0}button.button-list svg,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 .button-content,a.button-loading .button-content{animation:1s ease-in-out infinite button-loading-animation}button.button-pill,a.button-pill{border-radius:calc(999px * var(--scale-size))}button .button-tooltip,a .button-tooltip{z-index:10;pointer-events:none;background-color:var(--color-background-primary);border:var(--size-1) solid var(--color-border-input);border-radius:var(--border-radius-8);padding:var(--size-6) var(--size-12);gap:var(--size-6);font-size:var(--text-size-small);position:absolute}button .button-tooltip svg,a .button-tooltip svg{height:calc(20px * var(--scale-size))}button .button-tooltip,a .button-tooltip{color:var(--color-text);text-align:center;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease-in-out,visibility .2s ease-in-out}button .button-tooltip.button-tooltip-top,a .button-tooltip.button-tooltip-top{bottom:calc(100% + var(--size-8));left:50%;transform:translate(-50%)}button .button-tooltip.button-tooltip-bottom,a .button-tooltip.button-tooltip-bottom{top:calc(100% + var(--size-8));left:50%;transform:translate(-50%)}button .button-tooltip.button-tooltip-left,a .button-tooltip.button-tooltip-left{right:calc(100% + var(--size-8));top:50%;transform:translateY(-50%)}button .button-tooltip.button-tooltip-right,a .button-tooltip.button-tooltip-right{left:calc(100% + var(--size-8));top:50%;transform:translateY(-50%)}@keyframes button-loading-animation{0%,to{opacity:.2}50%{opacity:.5}}.header-scoped{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0}.header-scoped .background{z-index:-1;background-color:var(--color-background-secondary);opacity:.7;position:absolute;top:0;bottom:0;left:0;right:0}.header-scoped .header-row{gap:var(--size-16);padding-right:var(--size-8);flex-direction:row;display:flex}.header-scoped .header-row .logo{gap:var(--size-8);height:var(--size-64);padding:0 var(--size-12) 0 var(--size-8);font-family:var(--text-font-family-header);font-size:calc(36px * var(--scale-size));white-space:nowrap;color:var(--color-text);flex-direction:row;align-items:center;font-weight:700;text-decoration:none;display:flex}.header-scoped .header-row .logo:hover{background:var(--color-background-button)}.header-scoped .header-row .logo img{height:var(--size-48);width:auto;overflow:hidden}.header-scoped .header-row .logo .icon{width:var(--size-48);height:var(--size-48)}.header-scoped .header-row .links{flex-direction:row;display:flex}.header-scoped .header-row .links a{min-height:var(--size-48);height:100%;color:var(--color-text);padding:0 var(--size-16);align-content:center;text-decoration:none}.header-scoped .header-row .links a:hover{background:var(--color-background-button)}@media screen and (max-width:768px){.header-scoped .header-row .links{display:none}}.header-scoped .links-row{justify-content:center;align-items:center;gap:var(--size-16);padding-right:var(--size-8);flex-direction:row;display:none}.header-scoped .links-row .links{flex-flow:wrap;justify-content:center;align-items:center;display:flex}.header-scoped .links-row .links a{height:var(--size-64);color:var(--color-text);padding:0 var(--size-16);align-content:center;text-decoration:none}.header-scoped .divider{height:var(--size-1);background:var(--color-background-divider);width:100%;display:block}.header-scoped .mobile-only{display:none}@media screen and (max-width:768px){.header-scoped .mobile-only{display:flex}}.footer-scoped{align-items:center;row-gap:var(--size-16);column-gap:var(--size-32);padding:var(--size-32) var(--size-64);background:var(--color-background-secondary);border-top:var(--size-1) solid var(--color-background-divider);z-index:1;flex-flow:wrap;display:flex}.footer-scoped .company-info{gap:var(--size-4);padding:0 var(--size-16);flex-direction:column;display:flex}.footer-scoped .company-name-footer{font-family:var(--text-font-family-header);font-size:var(--text-size-header-2);font-weight:700}.footer-scoped .copyright{font-size:var(--text-size-very-small)}.footer-scoped .links{flex-flow:wrap;display:flex}.footer-scoped .links a{height:var(--size-48);color:var(--color-text);padding:0 var(--size-16);align-content:center;text-decoration:none}.footer-scoped .links a:hover{background:var(--color-background-button)}@media screen and (max-width:768px){.footer-scoped{padding:var(--size-32) var(--size-32)}}.border-golden-wrapper{z-index:0;position:relative}.border-golden-wrapper.border-golden_button-wrapping:active .border-golden{transform:translate(0, var(--size-1))}.border-golden-wrapper.border-golden_button-wrapping .border-golden{transition:transform 50ms linear,opacity .3s ease-in-out}.border-golden-wrapper .border-golden{top:calc(-1 * var(--border-golden-padding));right:calc(-1 * var(--border-golden-padding));bottom:calc(-1 * var(--border-golden-padding));left:calc(-1 * var(--border-golden-padding));z-index:-1;padding:0;padding:var(--border-golden-padding);border-radius:var(--border-radius-8);background:var(--gold-gradient);animation:4s linear infinite border-golden-shine;animation-delay:calc(-1 * var(--border-golden-animation-offset,0s));opacity:0;pointer-events:none;background-size:200%;transition:opacity .3s ease-in-out;position:absolute}.border-golden-wrapper .border-golden.border-golden_visible{opacity:1;pointer-events:auto}@keyframes border-golden-shine{to{background-position:200%}}.border-bifrost-wrapper{z-index:0;position:relative}.border-bifrost-wrapper.border-bifrost_button-wrapping:active .border-bifrost{transform:translate(0, var(--size-1))}.border-bifrost-wrapper.border-bifrost_button-wrapping .border-bifrost{transition:transform 50ms linear,opacity .3s ease-in-out}.border-bifrost-wrapper .border-bifrost{top:calc(-1 * var(--border-bifrost-padding));right:calc(-1 * var(--border-bifrost-padding));bottom:calc(-1 * var(--border-bifrost-padding));left:calc(-1 * var(--border-bifrost-padding));z-index:-1;padding:0;padding:var(--border-bifrost-padding);border-radius:var(--border-radius-8);background:var(--bifrost-gradient);animation:4s linear infinite border-bifrost-shine;animation-delay:calc(-1 * var(--border-bifrost-animation-offset,0s));opacity:0;pointer-events:none;background-size:200%;transition:opacity .3s ease-in-out;position:absolute}.border-bifrost-wrapper .border-bifrost.border-bifrost_visible{opacity:1;pointer-events:auto}@keyframes border-bifrost-shine{to{background-position:200%}}.home-scoped{flex:1}.home-scoped .hero-section{justify-content:center;align-items:center;gap:var(--size-32);height:max(100vh - var(--header-height,64px) - var(--size-128), var(--size-512));padding:var(--size-32) var(--size-64);background:radial-gradient(circle, color-mix(in srgb, var(--color-max) 80%, transparent) 0%, color-mix(in srgb, var(--color-max) 40%, transparent) 100%), var(--image-background-hero);box-shadow:inset 0 var(--size-64) var(--size-64) calc(-1 * var(--size-32)) color-mix(in srgb, var(--color-max) 50%, transparent), inset 0 calc(-1 * var(--size-64)) var(--size-64) calc(-1 * var(--size-32)) color-mix(in srgb, var(--color-max) 50%, transparent);background-position:50%;background-size:cover;flex-direction:column;display:flex}.home-scoped .hero-section h1{font-size:var(--text-size-header-1);text-align:center}.home-scoped .hero-section .buttons{gap:var(--size-16);flex-flow:wrap;justify-content:center;align-items:center;display:flex}.home-scoped .hero-section .buttons .svg-stroke-rotation{stroke-dasharray:5;stroke-dashoffset:0;animation:6s linear infinite rotate-animation}@keyframes rotate-animation{0%{stroke-dashoffset:0}to{stroke-dashoffset:10px}}@media screen and (max-width:768px){.home-scoped .hero-section{padding:var(--size-32) var(--size-32)}}.home-scoped .welcome{gap:var(--size-48);padding:var(--size-48) var(--size-64);flex-direction:column;display:flex}.home-scoped .welcome .section{gap:var(--size-16);width:var(--size-768);flex-direction:column;max-width:100%;margin:0 auto;display:flex}@media screen and (max-width:768px){.home-scoped .welcome{padding:var(--size-32) var(--size-32)}}.about-scoped{gap:var(--size-48);padding:var(--size-48) var(--size-64);flex-direction:column;flex:1;display:flex}.about-scoped .section{gap:var(--size-16);width:var(--size-768);flex-direction:column;max-width:100%;margin:0 auto;display:flex}.about-scoped .section .divider{height:var(--size-1);background:var(--color-background-divider);width:100%}@media screen and (max-width:768px){.about-scoped{padding:var(--size-32) var(--size-32)}}.projects-scoped{gap:var(--size-48);padding:var(--size-48) 0;flex-direction:column;flex:1;display:flex}.projects-scoped .welcome{gap:var(--size-48);padding:0 var(--size-64);flex-direction:column;display:flex}.projects-scoped .welcome .section{gap:var(--size-16);width:var(--size-768);flex-direction:column;max-width:100%;margin:0 auto;display:flex}.projects-scoped .welcome .section .divider{height:var(--size-1);background:var(--color-background-divider);width:100%}@media screen and (max-width:768px){.projects-scoped .welcome{padding:var(--size-32) var(--size-32)}}.projects-scoped .experience{width:100%;padding:0 var(--size-48)}.projects-scoped .experience .section{gap:var(--size-48);width:var(--size-1536);max-width:100%;padding:var(--size-48);border-radius:var(--border-radius-8);flex-direction:row;margin:0 auto;display:flex;overflow:hidden}.projects-scoped .experience .section .preview{gap:var(--size-16);border-radius:var(--size-4);flex-direction:row;flex:1;display:flex;overflow:hidden}.projects-scoped .experience .section .preview .image{border:var(--size-1) solid var(--color-background-divider);border-radius:var(--size-4);width:100%;height:auto}.projects-scoped .experience .section .preview .story-weaver-preview-1{aspect-ratio:2160/1440;background:url(/images/projects/story-weaver/story-weaver-preview.png) 50%/cover no-repeat}.projects-scoped .experience .section .preview .world-forge-preview-1{aspect-ratio:2160/1440;background:url(/images/projects/world-forge/world-forge-preview-1.png) 50%/cover no-repeat}.projects-scoped .experience .section .preview .multiplayer-rpg-preview-1{aspect-ratio:2160/1440;background:url(/images/projects/multiplayer-rpg/multiplayer-rpg-preview-1.png) 50%/cover no-repeat}.projects-scoped .experience .section .preview .bifrost-games-preview-1{aspect-ratio:2160/1440;background:url(/images/projects/bifrost-games/bifrost-games-preview.png) 50%/cover no-repeat}.projects-scoped .experience .section .preview .scribble-pass-preview-1{aspect-ratio:2160/1440;background:url(/images/projects/scribble-pass/scribble-pass-preview.png) 50%/cover no-repeat}.projects-scoped .experience .section .summary{width:min(var(--size-512), 30%);gap:var(--size-16);flex-direction:column;display:flex}.projects-scoped .experience .section .summary .divider{height:var(--size-1);background:var(--color-background-divider);width:100%}.projects-scoped .experience .section .summary .logo{gap:var(--size-8);height:var(--size-64);flex-direction:row;align-items:center;display:flex}.projects-scoped .experience .section .summary .logo h2{white-space:nowrap}.projects-scoped .experience .section .summary .logo .icon{width:var(--size-48);min-width:var(--size-48);height:var(--size-48)}.projects-scoped .experience .section .summary .logo .icon .border{width:100%;height:100%;padding:var(--size-2);background:var(--color-background-divider);border-radius:50%}.projects-scoped .experience .section .summary .logo .icon .border .image{background:var(--color-background-primary);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.projects-scoped .experience .section .summary .logo .icon .border .image img{height:var(--size-32);border-radius:50%;width:auto}@media screen and (max-width:1000px){.projects-scoped .experience .section{flex-direction:column}.projects-scoped .experience .section .preview,.projects-scoped .experience .section .summary{width:100%}}@media screen and (max-width:768px){.projects-scoped .experience .section{padding:var(--size-32) var(--size-32);border-radius:0}}.projects-scoped .experience .background-standard{background:var(--color-background-primary)}.projects-scoped .experience .background-story-weaver{background:linear-gradient(color-mix(in srgb, var(--color-max) 80%, transparent), color-mix(in srgb, var(--color-max) 80%, transparent)), url(/images/projects/story-weaver/story-weaver-background-2.png) no-repeat center center;box-shadow:inset 0 var(--size-64) var(--size-64) calc(-1 * var(--size-32)) color-mix(in srgb, var(--color-max) 50%, transparent), inset 0 calc(-1 * var(--size-64)) var(--size-64) calc(-1 * var(--size-32)) color-mix(in srgb, var(--color-max) 50%, transparent);background-position:50%;background-size:cover}.projects-scoped .experience .background-multiplayer-rpg{background:linear-gradient(color-mix(in srgb, var(--color-max) 80%, transparent), color-mix(in srgb, var(--color-max) 80%, transparent)), url(/images/projects/multiplayer-rpg/multiplayer-rpg-background.jpg) no-repeat center center;box-shadow:inset 0 var(--size-64) var(--size-64) calc(-1 * var(--size-32)) color-mix(in srgb, var(--color-max) 50%, transparent), inset 0 calc(-1 * var(--size-64)) var(--size-64) calc(-1 * var(--size-32)) color-mix(in srgb, var(--color-max) 50%, transparent);background-position:50%;background-size:cover}@media screen and (max-width:768px){.projects-scoped .experience{padding:0}.projects-scoped{gap:0;padding:0}}