/* Keep the document fixed to the device width; carousels scroll locally. */
html { max-width: 100%; overflow-x: hidden; overscroll-behavior-x: none; }
body { overflow-x: hidden; overscroll-behavior-x: none; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
@supports (overflow: clip) {
  html, body { overflow-x: clip; }
}
#main, .screen { min-width: 0; max-width: 100%; }
input, textarea, [contenteditable="true"], [contenteditable="plaintext-only"], [data-selectable] {
  -webkit-user-select: text; user-select: text; -webkit-touch-callout: default;
}
img, svg, canvas { -webkit-user-drag: none; }
/* The rotating square must not enlarge the page beyond the circular artwork. */
.rc-wheel-stack { overflow: clip; }
.player-avatar {
  position: relative; display: inline-grid; place-items: center; flex: none;
  width: 38px; height: 38px; overflow: hidden; border-radius: 50%;
  background: #30271e; border: 1px solid #ad895b66; color: #c7ab81;
}
.player-avatar > svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; }
.player-avatar > img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.player-vk-link { color: inherit; text-decoration: none; -webkit-tap-highlight-color: #cfac6b22; }
.player-vk-link:focus-visible { outline: 2px solid #d6b275; outline-offset: 3px; }
.player-vk-link:active { opacity: .78; }
.cc-rank-identity { display: flex; align-items: center; gap: 10px; min-width: 0; flex: 1; }
.cc-rank-identity > .player-avatar { width: 42px; height: 42px; align-self: flex-start; margin-top: 1px; }
.cc-rank-identity .cc-rank-name { overflow-wrap: anywhere; }
.cc-member-identity { display: flex; align-items: center; gap: 9px; min-width: 0; flex: 1; }
.cc-member-identity .cc-member-copy { min-width: 0; }
.cc-member-identity strong { overflow-wrap: anywhere; }
.room-player-identity, .crash-wager-profile { min-height: 44px; }
.home-profile .profile-avatar { position: relative; overflow: visible; }
.home-profile .home-player-photo { position: absolute; inset: 0; display: block; width: auto; height: auto; min-height: 0; overflow: hidden; border-radius: inherit; }
.home-profile .home-player-photo::after { content: none; display: none; }
.home-profile .home-player-photo > .player-avatar { position: absolute; inset: 0; width: 100%; height: 100%; box-sizing: border-box; border-radius: inherit; }
.home-profile .profile-avatar > .cc-mark { position: absolute; width: 19px; height: 19px; right: -4px; bottom: -3px; border-radius: 50%; background: #292017; border: 1px solid #b58e4e; pointer-events: none; }
.chat-player { display: inline-flex; align-items: center; gap: 6px; min-width: 0; }
.chat-player .player-avatar { width: 24px; height: 24px; }
.chat-player .player-avatar > svg { width: 16px; height: 16px; }
.chat-player strong { overflow-wrap: anywhere; }
@media(max-width: 380px) {
  .cc-rank-identity { gap: 7px; }
  .cc-rank-identity > .player-avatar { width: 35px; height: 35px; }
}

.more-list a { display: flex; align-items: center; gap: 13px; min-height: 58px; padding: 9px 14px; border: 1px solid #8b693841; border-radius: 8px; background: #c9aa7210; color: #d5c2a3; text-align: left; text-decoration: none; font: inherit; font-size: 13px; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
.more-list a > span { width: 29px; height: 29px; flex: none; display: grid; place-items: center; border: 1px solid #775a34; border-radius: 50%; color: #dbaf5c; font-size: 0; }
.more-list a > span svg { display: block; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.more-list a:hover { border-color: #8d6738; }
.more-list a:active { background: #c9aa7220; }
.more-list a:focus-visible { outline: 2px solid #d6b275; outline-offset: 3px; }