.ui-icon{display:inline-block;vertical-align:middle;width:20px;height:20px;flex:none;pointer-events:none}
.with-icon{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.nav-link.with-icon{justify-content:flex-start;min-height:44px}
.nav-link .ui-icon{width:20px;height:20px}
.icon-btn,.icon-btn[data-kick],dialog .close{width:44px!important;height:44px!important;min-width:44px;min-height:44px;color:var(--ink)}
.icon-btn:hover,dialog .close:hover{background:#eee5d8;border-color:#c0c7b6}
.profile.with-icon{max-width:240px;min-height:44px;padding:0;text-align:left;gap:9px}
.profile>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile>.ui-icon{width:15px;height:15px;color:var(--muted)}
.btn.small .ui-icon{width:17px;height:17px}
.btn.with-icon,.vote-button.with-icon{min-height:40px}
.game-info .go{display:inline-flex;align-items:center;justify-content:center;flex:none}
.game-info .go .ui-icon{width:18px;height:18px}
.color-card.back .ui-icon{width:32px;height:32px}
.footer button.with-icon{gap:5px;min-height:40px}.footer .ui-icon{width:15px;height:15px}
.avatar-picker{grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}
.avatar-option{position:relative;min-width:44px;min-height:44px;border:2px solid transparent;border-radius:17px;background:transparent;transition:transform .15s,background .15s,box-shadow .15s;padding:3px}
.avatar-option img{border-radius:12px;width:100%;height:auto}
.avatar-option:hover{transform:translateY(-2px);background:#eee6d7}
.avatar-option.selected{background:#f4e1d2;border-color:#bb492f;box-shadow:0 0 0 2px #fffaf0}
.avatar-option.selected::after{content:'';position:absolute;right:2px;bottom:2px;width:8px;height:8px;background:#bb492f;border:2px solid #fffaf0;border-radius:50%}
.avatar-option:focus-visible,button.with-icon:focus-visible{outline:3px solid #486d97;outline-offset:4px}
.avatar{background:#f5ebdd;box-shadow:0 1px 0 #25302e0c}
.avatar.big{border-radius:22px}.avatar.tiny{border-radius:8px}
.album-controls button{min-width:44px;min-height:44px}
.chat-form .btn{min-width:44px;min-height:44px}
@media(max-width:800px){.rail .nav-link{min-width:44px;min-height:44px;justify-content:center}.profile.with-icon{max-width:215px}.room-heading .btn.with-icon{gap:6px}}
@media(max-width:480px){.avatar-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:320px}.avatar-option{max-width:72px}.topbar>.row{gap:10px;min-width:0}.profile.with-icon{max-width:175px}.profile>.avatar{width:38px;height:38px;border-radius:13px}.profile>.ui-icon{display:none}.topbar .date{max-width:100px;flex:none}.topbar{gap:10px}.footer{column-gap:14px;row-gap:0}.footer button.with-icon{font-size:11px}.btn.with-icon{white-space:normal}.nav-link.with-icon{padding:10px}.game-info .go{width:32px;height:32px}.room-side .member{gap:7px}.member .name{max-width:none}.album-controls{gap:8px}.album-controls .album-title{font-size:12px}}
@media(prefers-reduced-motion:reduce){.avatar-option{transition:none}.avatar-option:hover{transform:none}}