.skeleton{width:100%;min-width:0}.skeleton-body{gap:8px;display:grid}.placeholder{background:var(--placeholder-color,#dce0d4);border-radius:999px;width:100%;max-width:100%;height:12px;animation:1.5s ease-in-out infinite alternate skeleton-pulse;display:block}.placeholder-copy{align-content:center;gap:8px;width:100%;display:grid}.placeholder.line-medium{width:min(79%,225px)}.placeholder.line-short{width:min(58%,120px)}.placeholder.line-small{height:9px}.placeholder.placeholder-round{width:40px;height:40px}.placeholder.placeholder-button{width:min(100%,128px);height:42px}.placeholder.placeholder-field{border-radius:10px;height:44px}.skeleton-row{background:var(--surface);border-radius:12px;align-items:center;gap:10px;min-width:0;min-height:56px;padding:12px 14px;display:grid}.skeleton--player .skeleton-row,.skeleton--invitation .skeleton-row{background:var(--background);grid-template-columns:auto minmax(0,1fr) minmax(44px,24%);min-height:68px}.skeleton--player .placeholder-button,.skeleton--invitation .placeholder-button{height:36px}.skeleton--contact .skeleton-row{grid-template-columns:auto minmax(0,1fr);min-height:58px;padding:8px 10px}.skeleton--contact .placeholder-round{width:36px;height:36px}.skeleton--ranking .skeleton-row{grid-template-columns:28px 36px minmax(0,1fr) minmax(32px,12%)}.skeleton--ranking .placeholder-round{width:22px;height:22px}.skeleton--ranking .placeholder-ranking-avatar{width:34px;height:34px}.skeleton--ranking .skeleton-row>.line-short,.skeleton--invoice .skeleton-row>.line-short,.skeleton--notification .skeleton-row>.line-short{justify-self:end;width:100%}.skeleton--history .skeleton-row,.skeleton--invoice .skeleton-row,.skeleton--notification .skeleton-row,.skeleton--tournament .skeleton-row{grid-template-columns:minmax(0,1fr) minmax(42px,22%)}.skeleton--history .skeleton-row,.skeleton--tournament .skeleton-row{min-height:82px;padding:clamp(12px,2vw,20px)}.skeleton--notification .skeleton-row{min-height:78px}.skeleton--form .skeleton-body,.skeleton--payment .skeleton-body{gap:15px}.skeleton--form .skeleton-row,.skeleton--payment .skeleton-row{background:0 0;min-height:0;padding:0}.skeleton--payment .skeleton-row:last-child{grid-template-columns:1fr 1fr}.skeleton--payment .skeleton-row:last-child .line-short{display:none}.skeleton--payment .skeleton-row:last-child:after{content:"";background:#dce0d4;border-radius:10px;height:44px}.skeleton--avatar .avatar-modes{margin-block:8px 10px}.skeleton--avatar .avatar-colors{flex-wrap:wrap;gap:8px;display:flex}.placeholder-exercise .placeholder-answers{gap:8px;display:grid}.placeholder-exercise>.field{margin-bottom:14px}.placeholder-exercise .platform-exercise-navigation{justify-content:space-between;gap:10px;display:flex}.placeholder-board{background:var(--accent);--placeholder-color:#47695c;border-radius:18px;min-height:clamp(260px,52svh,520px);position:relative}.placeholder-board .placeholder-seat{position:absolute;inset:9% auto auto 50%;translate:-50%}.placeholder-board .placeholder-seat:nth-child(2){inset:38% auto auto 9%}.placeholder-board .placeholder-seat:nth-child(3){inset:38% 9% auto auto}.placeholder-hand{justify-content:center;gap:5px;display:flex;position:absolute;inset:auto 16px 16px}.placeholder.placeholder-card{aspect-ratio:5/8;border-radius:7px;width:min(13%,56px);height:auto}.skeleton--chat .skeleton-row{background:var(--background);border-radius:14px 14px 14px 4px;justify-self:start;width:min(70%,295px);min-height:46px}.skeleton--chat .skeleton-row:nth-child(2n){background:var(--highlight);border-radius:14px 14px 4px;justify-self:end;width:min(58%,235px)}@keyframes skeleton-pulse{to{opacity:.58}}@media (prefers-reduced-motion:reduce){.placeholder{animation:none}}
