:root{--icon-sm:1rem;--icon-md:1.25rem;--icon-lg:2rem;--icon-box:1.25em}
svg.ui-icon{display:inline-block;width:var(--icon-box)!important;height:var(--icon-md)!important;min-width:var(--icon-box);flex:0 0 var(--icon-box);vertical-align:-.15em;fill:currentColor;stroke:none;color:var(--icon-color,currentColor);overflow:visible}
svg.ui-icon.icon-sm{height:var(--icon-sm)!important;width:calc(var(--icon-sm)*1.25)!important;min-width:calc(var(--icon-sm)*1.25);flex-basis:calc(var(--icon-sm)*1.25)}svg.ui-icon.icon-lg{height:var(--icon-lg)!important}
[data-skin="illustrated-fleet"]{--icon-color:var(--ui-ink)}
#global-settings-panel :is(button,a),#global-settings-panel .global-language>span{display:flex;align-items:center;gap:.55em}
#global-settings-panel .ui-icon{width:var(--icon-box)!important;min-width:var(--icon-box);height:var(--icon-md)!important}
#global-back{display:inline-flex;align-items:center;gap:.35em}
#result-modal .result-icon svg.ui-icon{display:block;width:100%!important;height:100%!important;margin:auto}
.home-create,.home-join button,.result-actions button{gap:.4em}
.turn-banner .ui-icon{margin-right:.3em}
[data-skin="illustrated-fleet"] .room-navbar .logo::before{content:none}
[data-skin="illustrated-fleet"] .room-navbar .logo .ui-icon{width:var(--icon-md)!important;min-width:var(--icon-md)}
[data-skin="illustrated-fleet"] .waiting .sonar b{background:none;mask:none;-webkit-mask:none}
.avatar-options .ui-icon{pointer-events:none}

.splash-cta-icon{display:inline-flex;background:none!important;mask:none!important;width:var(--icon-box);height:var(--icon-md)}
.account-lobby .lobby-wordmark>.ui-icon,.account-lobby .lobby-action>.ui-icon:first-child{height:var(--icon-lg)!important}

[data-skin="illustrated-fleet"] .zaruba-home .home-join button{padding-left:calc(var(--ink-action-padding) + .5rem);padding-right:calc(var(--ink-action-padding) - .5rem)}
.ui-avatar{display:inline-block;object-fit:cover;border-radius:18%;vertical-align:middle}.ui-avatar.icon-sm{width:18px;height:18px}.ui-avatar.icon-md{width:24px;height:24px}.ui-avatar.icon-lg{width:42px;height:42px}.ui-avatar.icon-result{width:72px;height:72px}