.ui-button{--ui-button-height:4.4rem;--ui-button-icon-size:2rem;--ui-button-padding-inline:var(--spacing-xl);--ui-button-gap:var(--spacing-sm);--ui-button-content-color:var(--palette-neutral-5);--ui-button-font-size:var(--font-size-body-large);--ui-button-font-weight:var(--font-weight-extrabold);--ui-button-letter-spacing:2%;height:var(--ui-button-height);padding:0 var(--ui-button-padding-inline);justify-content:center;align-items:center;gap:var(--ui-button-gap);color:var(--ui-button-content-color);cursor:pointer;touch-action:manipulation;font-family:var(--font-family-primary);font-size:var(--ui-button-font-size);font-weight:var(--ui-button-font-weight);letter-spacing:var(--ui-button-letter-spacing);text-transform:uppercase;isolation:isolate;transition:transform var(--transition-fast), color var(--transition-normal), opacity var(--transition-normal);line-height:1;display:inline-flex;position:relative;overflow:hidden;transform:translateY(0)}.ui-button:before,.ui-button:after{content:"";pointer-events:none;z-index:0;position:absolute;inset:0}.ui-button:hover:not(:disabled){transform:translateY(-.2rem)}.ui-button:active:not(:disabled){transform:translateY(0)}.ui-button:disabled{opacity:.56;cursor:not-allowed}.ui-button>*{z-index:5;position:relative}.ui-button__label,.ui-button__icon{z-index:5;flex:none;position:relative}.ui-button__label{white-space:nowrap;transition:transform var(--transition-fast)}.ui-button__icon{width:var(--ui-button-icon-size);height:var(--ui-button-icon-size);transition:transform var(--transition-fast), filter var(--transition-fast), color var(--transition-fast);flex-shrink:0;display:block}.ui-button--cta,.ui-button--primary{--ui-button-content-color:var(--palette-neutral-5);--ui-button-padding-inline:2.6rem;width:calc(var(--ui-button-height) * 2.4);height:var(--ui-button-height);padding:.3rem var(--ui-button-padding-inline) .7rem;background:0 0;gap:.2rem}.ui-button--primary:before,.ui-button--primary:after{content:"";pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:0}.ui-button--primary:before{z-index:0;background-image:url(/assets/elements/button/overlay.svg)}.ui-button--primary:after{z-index:1;background-image:url(/assets/elements/button/surface.svg)}.ui-button--cta{will-change:transform, color;background-image:url(/assets/elements/button/overlay.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;transition:transform .22s cubic-bezier(.16,1,.3,1),color .16s ease-out;overflow:visible}.ui-button--cta:before,.ui-button--cta:after{content:"";pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:0}.ui-button--cta:before{z-index:1;background-image:url(/assets/elements/button/surface.svg)}.ui-button--cta:after{z-index:2;transform-origin:50%;will-change:transform;background-image:url(/assets/elements/button/elevated.svg);transition:transform .22s cubic-bezier(.16,1,.3,1);transform:scale(0)rotate(-8deg)}@media (hover:hover) and (pointer:fine){.ui-button--cta:hover:not(:disabled){color:var(--palette-neutral-100);--ui-button-content-color:var(--palette-neutral-100);transform:scale(1.1)}.ui-button--cta:hover:not(:disabled):after{transform:scale(1.1)rotate(0)}.ui-button--cta:hover:not(:disabled) .ui-button__label,.ui-button--cta:hover:not(:disabled) .ui-button__icon{transform:rotate(3deg)scale(1.1)}}.ui-button--cta:active:not(:disabled){color:var(--palette-brand-20);--ui-button-content-color:var(--palette-brand-20);transform:scale(1.1)}.ui-button--cta:active:not(:disabled):after{transform:scale(.9)rotate(-8deg)}.ui-button--cta:active:not(:disabled) .ui-button__label,.ui-button--cta:active:not(:disabled) .ui-button__icon{color:var(--palette-brand-20);transform:rotate(-1.5deg)scale(1)}.ui-button--cta .ui-button__label,.ui-button--cta .ui-button__icon,.ui-button--primary .ui-button__label,.ui-button--primary .ui-button__icon{transform:rotate(-1.5deg)}.ui-button.is-locked,.ui-button--locked{cursor:default;pointer-events:none;color:var(--palette-neutral-5);--ui-button-content-color:var(--palette-neutral-5)}.ui-button.is-locked:before,.ui-button--locked:before,.ui-button--cta.is-locked:before,.ui-button--cta.ui-button--locked:before,.ui-button--primary.is-locked:before,.ui-button--primary.ui-button--locked:before{background-image:url(/assets/elements/button/surface-locked.svg)}.ui-button--cta.is-locked:after,.ui-button--cta.ui-button--locked:after,.ui-button.is-locked .ui-button__icon,.ui-button--locked .ui-button__icon{display:none!important}.ui-button.is-locked .ui-button__label,.ui-button--locked .ui-button__label{text-align:center;width:100%;color:var(--palette-neutral-5);margin:0 auto;display:block}.ui-button .layout-mask-icon{background-color:currentColor}.ui-button--primary.ui-button--icon-prominent{--ui-button-padding-inline:var(--spacing-xs);width:var(--ui-button-height);min-width:var(--ui-button-height)}.ui-button.ui-button--icon-prominent:before,.ui-button.ui-button--icon-prominent:after,.ui-button--icon-prominent:before,.ui-button--icon-prominent:after{content:none;display:none}.ui-button--primary.ui-button--md.ui-button--icon-prominent{--ui-button-height:3.6rem;--ui-button-icon-size:2rem}.ui-button--primary.ui-button--lg.ui-button--icon-prominent{--ui-button-icon-size:2.4rem}.ui-button--cta.ui-button--md{--ui-button-height:5.6rem;--ui-button-icon-size:1.85rem;--ui-button-font-size:1.85rem;width:13.44rem;height:5.6rem}.ui-button--lg{--ui-button-height:6.8rem;height:6.8rem}.ui-button--cta.ui-button--lg{--ui-button-height:6.8rem;--ui-button-icon-size:2.25rem;--ui-button-font-size:2.25rem;width:16.32rem;height:6.8rem}.ui-keycap{--ui-keycap-height:3.6rem;--ui-keycap-font-size:1.8rem;--ui-keycap-padding-bottom:.6rem;--ui-keycap-padding-inline:var(--spacing-xs);min-width:var(--ui-keycap-height);height:var(--ui-keycap-height);padding:0 var(--ui-keycap-padding-inline) var(--ui-keycap-padding-bottom);color:var(--palette-neutral-5);font-family:var(--font-family-primary);font-size:var(--ui-keycap-font-size);font-weight:var(--font-weight-bold);letter-spacing:0%;white-space:nowrap;isolation:isolate;background:url(/assets/elements/hud/key.svg) 50%/contain no-repeat;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative}.ui-keycap--md{--ui-keycap-height:3rem;--ui-keycap-font-size:1.4rem;--ui-keycap-padding-bottom:.5rem}.ui-keycap--wide,.ui-keycap--text-wide{--ui-keycap-padding-inline:var(--spacing-base);background:url(/assets/elements/hud/space-key.svg) 50%/contain no-repeat;min-width:auto}.pipe-game-exit-icon{background:url(/assets/elements/icons/close.svg) 50%/contain no-repeat;width:2rem;height:2rem;display:block}.ui-close-button{--ui-close-button-size:4.4rem;--ui-close-icon-size:2.8rem;--ui-close-icon-color:var(--palette-neutral-5);width:var(--ui-close-button-size);height:var(--ui-close-button-size);cursor:pointer;touch-action:manipulation;transition:transform var(--transition-fast), opacity var(--transition-normal);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.ui-close-button:before{content:"";width:max(100%,4.8rem);min-width:4.8rem;height:max(100%,4.8rem);min-height:4.8rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.settings-row__action:focus-visible,.settings-toggle:focus-visible,.settings-mode-card:focus-visible,.settings-social-btn:focus-visible,.item-slot:focus-visible,.about-page__skill-banner:focus-visible,.case-study-page__toc-btn:focus-visible{outline-offset:.2rem;outline:.2rem solid gold}.ui-close-button:focus,.ui-close-button:focus-visible,.settings-hud__button:focus,.settings-hud__button:focus-visible,.ui-setting button:focus,.ui-setting button:focus-visible,.perf-stats:focus,.perf-stats:focus-visible{outline:none!important}.ui-close-button:hover{transform:scale(1.08)}.ui-close-button:active{transform:scale(.96)}.ui-close-button__icon{z-index:1;width:var(--ui-close-icon-size);height:var(--ui-close-icon-size);pointer-events:none;background-color:var(--ui-close-icon-color);transition:background-color var(--transition-fast);display:block;position:relative;-webkit-mask:url(/assets/elements/icons/close.svg) 50%/contain no-repeat;mask:url(/assets/elements/icons/close.svg) 50%/contain no-repeat}.ui-close-button--bg{--ui-close-icon-size:2rem;--ui-close-icon-color:var(--palette-neutral-100);background:0 0}.ui-close-button--bg:after{content:"";pointer-events:none;z-index:0;opacity:1;transition:opacity var(--transition-fast), background-image var(--transition-fast);background:url(/assets/elements/button/close-2-button.svg) 50%/contain no-repeat;position:absolute;inset:0}.ui-close-button--bg:hover:after{opacity:1;background-image:url(/assets/elements/button/close-button.svg)}.ui-close-button--bg:hover{--ui-close-icon-color:var(--palette-neutral-5);transform:scale(1.08)rotate(4deg)}.ui-close-button.ui-close-button--hero,.ui-close-button--bg.ui-close-button--hero{--ui-close-icon-color:var(--palette-neutral-5)}.ui-close-button.ui-close-button--hero:after,.ui-close-button--bg.ui-close-button--hero:after{opacity:.05}.ui-close-button.ui-close-button--hero:hover:after,.ui-close-button--bg.ui-close-button--hero:hover:after{opacity:1}.ui-close-button--nobg{--ui-close-icon-size:2.6rem;background:0 0}@media (pointer:coarse){.ui-close-button--nobg{--ui-close-button-size:4.4rem;--ui-close-icon-size:2.4rem}.ui-close-button--bg{--ui-close-button-size:4.4rem;--ui-close-icon-size:1.8rem}}@media (prefers-reduced-motion:reduce){.ui-button,.ui-button:before,.ui-button:after,.ui-button__label,.ui-button__icon,.ui-close-button,.ui-close-button:after,.ui-close-button__icon{transition:none!important;animation:none!important}}